/*
Theme Name: Kuperus & Co
Theme URI:
Author: Websteks (base by Vee Winch)
Author URI: 
Description: WordPress theme for Kuperus & Co, originally based on Bootstrap Basic 2.0.1 (Bootstrap v.3), modernized to PHP 8.3, current WordPress APIs and Bootstrap 5.3.
Version: 2.0.2
Requires PHP: 7.4
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme is built with Bootstrap 5.3 (originally Bootstrap v.3; migrated in Releases 0.4-0.6).

*/


/*
Color palette, introduced in Release 0.6 to remove duplication of the brand
colors across the ~50+ places they were previously repeated as literal hex/rgb
values. Value note: the "brand" rgb triplet below (167, 28, 41) is the exact
decomposition of #a71c29; a handful of rgba() usages in this file previously
read "167,27,41" (a 1-value drift from a copy/paste, imperceptible visually)
- consolidating on one value here fixes that inconsistency.
*/
:root {
	--color-brand: #a71c29;
	--color-brand-rgb: 167, 28, 41;
	--color-text: #524e4e;
	--color-muted: #848d92;
	--color-active: #636567;
	--color-border: #e5e7e9;
	--color-bg-light: #f4f4f4;
	--shadow-color: rgba(0, 0, 0, .15);
}


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.widget_recent_entries .widgettitle { display: none; }

.no-margin {
	margin: 0;
}
/*
Bootstrap 3's grid columns had a fixed 15px left/right padding (30px gutter
between columns); Bootstrap 5's grid computes padding from the --bs-gutter-x
custom property instead (default 1.5rem/24px, so 12px padding per column).
Setting --bs-gutter-x here restores the original 15px column padding and the
matching -15px row margin (both computed automatically by Bootstrap 5's own
CSS from this one variable) instead of the theme's old fixed -5px override,
which no longer matched any padding value once Bootstrap 3 was removed.
*/
.row {
	--bs-gutter-x: 30px;
}

iframe {
	width: 100%;
    max-height: 400px;
}

/* body */
body {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-text);
	background: #e1e7ed url("images/bg_1920.png") no-repeat fixed;

}
h1 {
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-text);
}
h1.site-title-heading {
	text-align: left;
}
h2 {
	margin-top: 30px;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--color-brand); 
}
h2.blocktitle {
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-text);
}
h3 {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-brand); 
}
a {
	color: var(--color-text);
	cursor: pointer;
	/*
	Bootstrap 3's reboot set text-decoration:none as the default link style
	(underline only on :hover, which the rule below then also removed).
	Bootstrap 5 flipped that default to underline-by-default; this theme
	never set its own text-decoration on the base <a>, so it relied on
	Bootstrap 3's default and links became underlined everywhere once
	Bootstrap 5 was introduced. Restored explicitly here.
	*/
	text-decoration: none;
	-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
a:hover {
	color: var(--color-brand);
	text-decoration: none;
}
.entry-content a {
	text-decoration: underline;
}
.entry-content a.btn {
	text-decoration: none;
}
.entry-content ul {
	margin-bottom: 30px;
	padding-left: 25px;
	line-height: 1.6;
	list-style-type: square;
}
.entry-content ol {
	padding-left: 25px;
}
.entry-content ul li,
.entry-content ol li {
	margin-bottom: 15px;
}
.entry-content {
	margin-bottom: 20px;
}
.textcenter {
	text-align: center;
}
.bgshadow,
#sidebar-right .widget {
	background-color: var(--color-bg-light);
    border-radius: 6px;
}
.bgwhite {
	background-color: #fff;
	border: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-box-shadow: 0 0 8px 0 var(--shadow-color);
	box-shadow: 0 0 8px 0 var(--shadow-color);
}
.bgwhite_rounded {
	margin-top: 20px;
	background-color: #fff;
	border: 0;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 8px 0 var(--shadow-color);
	box-shadow: 0 0 8px 0 var(--shadow-color);
}
.bglgrey {
	background-color: var(--color-bg-light);
	border-radius: 6px;
}

/* header */
.admin-bar header {
	margin-top: 32px;
}
header.site-header {
	background-color: #fff;
	-webkit-box-shadow: 0 0 8px 0 var(--shadow-color);
	box-shadow: 0 0 8px 0 var(--shadow-color);
}
.site-title {
	margin-top: 5px;
}
.site-title img {
	height: 68px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller .site-title img {
	height: 40px;
}
.site-branding {
	margin-bottom: 3px;
}
.topcontent {
	margin-top: 155px;
	padding-right: 0;
	padding-left: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.topcontent img {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.page-header-top-right {
	padding-top: 5px;
	text-align: right;
}
.page-header-top-right a {
	padding: 10px;
	font-size: 18px;
	line-height: 1;
	color: var(--color-muted);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.page-header-top-right a:hover,
.page-id-55 .page-header-top-right a {
	 color: var(--color-text);
	 text-decoration: none;
}
.page-header-top-right .bi {
	padding: 10px 15px 15px;
	font-size: 20px;
	color: var(--color-muted);
	border-left: 1px solid var(--color-border);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller .page-header-top-right a {
	padding: 0 5px;
	font-size: 16px;
}
header.smaller .page-header-top-right .bi {
	padding: 5px 10px 5px;
	font-size: 16px;
}
.social_icon {
	padding: 10px 3px !important;
}
.social_icon img {
	height: 30px;
}

/* menu's
   Updated for Bootstrap 5 in Release 0.4: .navbar-default/.navbar-nav>li>a
   (Bootstrap 3) replaced by .navbar-nav .nav-link (Bootstrap 5). The old
   theme forced its dropdowns open on :hover via ".dropdown:hover .dropdown-menu
   { display:block }" - intentionally dropped, since Bootstrap 5's dropdown
   positioning is computed by Popper.js only when its JS actually toggles the
   menu, so a hover-only CSS override renders the menu unpositioned. Dropdowns
   now open on click/tap (Bootstrap 5's standard, touch-friendly behavior). */
.navbar {
	margin-bottom: 0;
}
.navbar.navbar-light {
	border: 0;
	border-top: 1px solid var(--color-border);
	border-radius: 0;
	background-color: transparent;
}
.navbar-nav .nav-link {
	padding-right: 30px;
	font-size: 18px;
	text-transform: lowercase;
	color: var(--color-text);
	text-shadow: none;
}
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
	color: var(--color-text);
}
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item.current_page_parent > .nav-link {
	color: var(--color-active);
	background-color: transparent;
}
.navbar-toggler {
	border: 0;
}
.navbar-toggler:focus {
	box-shadow: none;
}
.dropdown-menu {
	border: 0;
	-webkit-box-shadow: 0 4px 4px 0 var(--shadow-color);
	box-shadow: 0 4px 4px 0 var(--shadow-color);
}
.dropdown-menu .dropdown-item {
	font-size: 18px;
	text-transform: lowercase;
	color: var(--color-text);
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item.active {
	color: var(--color-active);
	background-color: #d4d9dc;
}
ul#menu-categorieen {
	margin-bottom: 0;
	padding-left: 20px;
	list-style-type: none;	
}
ul.recent1,
ul#menu-categorieen-1,
#site-footer .menu-categorieen-container ul#menu-categorieen,
.widget_recent_entries ul {
	margin-bottom: 20px;
	padding-left: 0;
	list-style-type: none;	
}
ul.recent1 li,
ul#menu-categorieen li {
	line-height: 2;
}
ul#menu-categorieen-1 li,
.widget_recent_entries ul li {
	line-height: 1.6;
}
ul.dropdown-menu ul.dropdown-menu {
	margin-left: 40px;
}

/* homepage */
.underimage {
	position: relative;
	top: 0;
	left: 0;
}
.overimage {
	position: absolute;
	top: 0;
	left: 0;
}
.overimagetext {
	width: 100%;
	margin-top: 300px;
	font-size: 20px;
	text-align: center;
	text-shadow: 0 0 15px #878787;
}
.overimagetext h1 {
	padding-bottom: 0;
	font-size: 50px;
	line-height: 1.4;
	color: #fff;
}
.overimagetext a {
	color: #fff;
}
a.uitgelicht_text {
	position: relative;
	float: left;
	margin: -90px 0 0 10px;
	padding: 20px 30px;
	color: #fff;
	background-color: rgba(var(--color-brand-rgb),1);
	transform: rotate(-4deg);
	border-radius: 10px;
}
a.uitgelicht_text:hover {
	color: #fff;
	background-color: rgba(var(--color-brand-rgb),0.7);
}
a.uitgelicht_text h2 {
	color: #fff;
	margin: 0 0 5px;
	font-size: 20px;
}
a.uitgelicht_text .bi {
	font-size: 80%;
}
.imageover {
	position: relative;
	top: 0;
	left: 0;
	border-radius: 6px;
}
.imageover img {
	border-radius: 6px;
}
.textover {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	text-align: center;
	text-shadow: 0 0 15px #878787;
}
.textover h2 {
	margin-top: 35px;
    font-size: 19px;
	color: #fff;
	text-shadow: 0 0 4px rgba(0,0,0,0.6); 
}

.blogpartners,
#sidebar-right .widget {
	margin: 30px 15px 0;
	padding: 20px 0;
}
.blogpartners h2 {
	margin: 10px 0 20px 15px;
}
.blogpartner {
	margin-top: 5px;
	margin-bottom: 10px;
}
.blogpartner h3 {
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 21px;
}
.blogpartner p {
	text-transform: lowercase;
}
.tagcloud {
	margin: 15px;
}
.tagcloud a {
	padding: 6px 13px;
	height: 36px;
	line-height: 3;
	font-size: 16px !important;
	border: 1px solid var(--color-text);
	border-radius: 18px;
}
.tagcloud a:hover {
	color: #fff;
	background-color: var(--color-brand);
	border: 1px solid var(--color-brand);
}
#categorized-tag-cloud a {
	padding: 10px;
}
#categorizedtagcloudwidget-2 {
	text-align: center;
}

/* contentpages */
#main-column .page {
	padding: 20px 0;
	border: 0;
}
#main-column .post {
	margin-top: 30px;
	padding: 20px;
	border: 1px solid var(--color-bg-light);
	border-radius: 6px;
}
.page-header {
	border-bottom: 0;
}
header.entry-header {
	margin-top: 0px;
}
h1.entry-title a {
	padding-top: 30px;
	font-size: 30px;
	font-weight: 600;
	text-transform: none;
	color: var(--color-brand);
}
.header_sub {
	text-align: center;
	font-weight: 600;
	color: #76797b;
}
.contactopnemen {
	padding: 10px 40px 20px;
	text-align: center;
	border: 0;
}
.page-template-page-zoeken-php .contactopnemen,
.page-template-page-voorwiewewerken-sub .contactopnemen,
.page-template-page-watbiedenwe-sub .contactopnemen,
.page-template-page-watbiedenwe .contactopnemen {
	margin-top: 30px;
}
.page-template-page-voorwiewewerken-sub .contactopnemen {
	margin-bottom: 30px;
}
.page-template-page-watdoenwe .imageover {
	margin-bottom: 30px;
}
.search-results .searchright {
	margin-top: 136px;
}
.contactopnemen h1 {
	font-weight: 600;
	color: var(--color-brand);
}
.hp_wiewezijn {
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center; 
}
.entry-content,
.entry-summary {
	padding: 10px 30px 20px;
}
.post-37 .entry-content {
	margin-bottom: 0;
	padding-bottom: 0;
}
.site-main .format-image,
.site-main .format-quote {
	background: none;
}
.site-main .format-image .entry-content {
	padding-left: 0;
	padding-right: 0;
}
.format-quote .entry-content p {
	font-weight: 600;
	font-style: italic;
	line-height: 1.6;
}
#main-column .post .entry-meta .posted-on .updated {
	display: none;
}
footer.entry-meta {
	padding: 20px 40px;
}
.entry-meta-comment-tools {
	padding-top: 20px; 
}
.entry-meta-comment-tools,
.entry-meta-comment-tools a {
	font-size: 12px;
	color: var(--color-muted);
}
.entry-content img {
	max-width: 750px;
	height: 100%;
}
.entry-meta .tags-links {
	margin-left: 30px;
}
.partneroverview .category-partners,
.category-bondgenoten,
.category-samenwerkingspartners,
.category-werkenvoor,
.klantenoverzicht,
.referentie {
	padding: 0px 20px 10px;
	background-color: #fff;
}
.klant {
	margin-top: 10px;
	margin-bottom: 10px;
}
.referentie {
	margin-bottom: 30px;
}
.referentie p {
	margin-top: 5px;
	font-weight: 600;
	font-style: italic;
	line-height: 1.6;
}
.partneroverview .category-partners .partnertext {
	min-height: 380px;
}
.partneroverview .category-partners h3 {
	margin: 20px;
	font-weight: 600;
	text-align: center;
	color: var(--color-brand);
}
.category-partners .contactinfo {
	margin-top: 12px;
}
.category-partners img.contact {
	margin-right: 5px;
	width: 32px;
	height: 32px;
}
.category-bondgenoten h3 {
	margin: 20px;
	font-weight: 600;
	text-align: center;
	color: var(--color-brand);
}
.bndgnt {
	margin-bottom: 30px;
}
.category-bondgenoten .bondgenotentext {
	margin-bottom: 20px;
}
.category-bondgenoten img.rounded-circle.wp-post-image {
	margin-top: 20px;
	margin-bottom: 20px;
}
.category-samenwerkingspartners img,
.category-werkenvoor img {
	padding: 0;
	border-radius: 4px;
}
.category-bondgenoten img.contact {
	margin-right: 5px;
	width: 36px;
	height: 36px;
}
table tr td {
	line-height: 1.6;
}
.archive.author #sidebar-right,
.archive.tag #sidebar-right,
.archive.category #sidebar-right {
	margin-top: 128px;
}

.archive.author #sidebar-right h1.widget-title,
.archive.tag #sidebar-right h1.widget-title,
.archive.category #sidebar-right h1.widget-title {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 600;
	color: var(--color-brand);
}
.authorlist {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--color-border);
}
h2.entry-title {
	margin-bottom: 30px;
}
.authorlist .date {
	font-size: 12px;
}

/* inzicht */
.inzicht {
	margin-bottom: 30px;
	padding: 20px 20px;
	height: 350px;
	text-align: center;
	background-color: #fff;
}
.inzicht a img {
	padding-left: 10px;
	padding-right: 10px;
}
.inzicht h2 {
	font-size: 17px;
	height: 50px;
}
.inzicht h1 {
	margin-top: 80px;
	font-size: 26px;
}
.inzicht .btn {
	margin-bottom: 10px;
}
img.inzicht_img {
	padding: 0 40px;
}
a:hover img.inzicht_img {
	opacity: .6;
}

/* breadcrumbs */
#breadcrumbs {
    text-align: left;
    list-style: none;
    margin: 10px 0 20px;
    padding-left: 30px;
    overflow: hidden;
}
#breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    font-size: 12px;
    color: var(--color-muted);
}
#breadcrumbs li a {
	color: var(--color-muted);
}
#breadcrumbs .separator {
    font-size: 12px;
    color: var(--color-muted);
}

/* pagination
   Updated for Bootstrap 5 in Release 0.6: Bootstrap 3's pagination worked with
   bare <li>/<a> elements; Bootstrap 5 requires .page-item/.page-link classes
   for its own spacing/border/hover styling to apply at all. See the matching
   markup update in bootstrapBasicPagination() (inc/template-tags.php). */
.pagination .page-link {
	color: #3d4040;
}
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:focus,
.pagination .page-item.active .page-link:hover {
	background-color: var(--color-brand);
	border: 0;
}

/* btn */
.btn {
	padding: 9px 25px 10px;
	color: #fff;
	background-color: rgba(var(--color-brand-rgb),1);
	border-radius: 20px;
	-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.btn.overtextbtn {
	margin: 20px;
	padding: 12px 30px;
	height: 52px;
	font-size: 18px;
	border-radius: 26px;
}
.btn:hover {
	color: #fff;
	background-color: rgba(var(--color-brand-rgb),0.5);
}
.contactopnemen a.btn {
	margin: 10px 7px;
}
.form-control {
	padding: 10px 20px;
	height: 38px;
	font-size: 16px;
	border-radius: 19px;
}
#mc_embed_signup form {
	text-align: left !important;
}
#mc_embed_signup input.email {
	padding: 0 13px !important;
	width: 220px !important;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
	font-size: 13px !important;
	border-radius: 16px !important;
}
#mc_embed_signup .button {
	padding: 0 10px !important;
	border-radius: 16px !important;
}
.btn-default {
	height: 38px;
	font-size: 16px;
	text-shadow: none;
	background-image: none;
	box-shadow: none;
	color: #fff;
	background-color: rgba(var(--color-brand-rgb),1);
	border: 0;
	border-radius: 19px;
}


/* footer */
#site-footer {
	margin-top: 40px;
	font-size: 13px;
	color: #fff;
	background-color: #77787c;
	border-top: 0;
}
#site-footer h3 {
	padding-top: 20px;
	font-size: 16px;
	font-weight: 600;	
	color: #fff;
	text-transform: uppercase;
}
#site-footer a {
	color: #fff;
	border-bottom: 0;
}
#site-footer .textcenter {
	margin: 30px 0 10px;
	font-size: 12px;
	color: #9e9fa3;
}
#site-footer .textcenter a {
	color: #9e9fa3;
}
#websteks {
	float: right;
	padding: 15px;
}
#websteks img {
	width: 26px;
	height: 26px;
}

/* responsive */
@media (max-width: 767px) { 
	body {
		background: #e1e7ed url("images/bg_750.png") no-repeat fixed;
	}
	.container {
		margin-left: 5px;
		margin-right: 5px;
	}
	.bgshadow {
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);
	}
	header.site-header {
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);
	}
	.navbar-toggler {
		margin-top: 18px;
		height: 44px;
		width: 44px;
		border-radius: 22px;
	}
	.navbar-collapse div a {
		font-size: 18px;
		color: var(--color-muted);
	}
	.navbar-collapse .bi {
		margin-left: 10px;
		margin-bottom: 10px;
		padding: 5px 10px;
		border-left: 1px solid var(--color-border);
	}
	.site-title img {
		max-width: 250px;
		padding-bottom: 7px;
	}
	header.smaller .site-title img {
		height: 68px;
	}
	.topcontent {
		margin-top: 100px;
	}
	.entry-content {
		padding: 10px 0 20px;
	}
	.entry-content img {
		max-width: 345px;
	}
	footer.entry-meta {
		padding: 20px 30px;
	}
	.entry-meta-comment-tools {
		padding-top: 20px; 
	}
	.imageover {
		margin-bottom: 20px;
	}
	.overimagetext {
		margin-top: 170px;
		font-size: 18px;
		text-shadow: 0px 0px 10px #adabab;
	}
	.overimagetext h1 {
		font-size: 38px;
	}
	.btn.overtextbtn {
		margin: 10px;
	}
	a.uitgelicht_text {
		margin: -520px 10px 0 0;
	}
	h1 {
		margin-bottom: 10px;
		font-size: 26px;
	}
	h2 {
		font-size: 20px;
	}
	h2.blocktitle {
		font-size: 22px;
	}
	h3 {
		font-size: 18px;
	}
	.textover h2 {
		margin-top: 50px;
		font-size: 18px;
	}
	.bndgnt {
		margin-bottom: 30px;
	}
	.inzicht {
		height: inherit;
	}
	.inzicht h1 {
		margin-top: 40px;
	}
}
@media (max-width: 320px) { 
	.site-title img {
		max-width: 200px;
		height: 55px;
		padding-bottom: 7px;
	}
	header.smaller .site-title img {
		height: 55px;
	}
	.navbar-toggler {
		margin-top: 10px;
	}
	.topcontent {
		margin-top: 80px;
	}
	.overimagetext {
		margin-top: 140px;
	}
	.overimagetext h1 {
		font-size: 26px;
		padding-bottom: 20px;
	}
	h1 {
		margin-bottom: 10px;
		font-size: 26px;
	}
	.textover h2 {
		margin-top: 40px;
		font-size: 18px;
	}
	.entry-content img {
		max-width: 290px;
	}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.topcontent {
		margin-top: 190px;
	}
	.overimagetext {
		margin-top: 140px;
	}
	.overimagetext h1 {
		font-size: 40px;
		padding-bottom: 30px;
	}
	.textover h2 {
		margin-top: 80px;
		font-size: 18px;
	}
	.imageover {
		margin-bottom: 30px;
	}
	.entry-content img {
		max-width: 470px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) { 
	body {
		background: #e1e7ed url("images/bg_1280.png") no-repeat fixed;
	}
	.site-title img {
		height: 56px;
	}
	.navbar-nav .nav-link {
		padding-right: 12px;
	}
	.overimagetext {
		margin-top: 60px;
	}
	.textover h2 {
		margin-top: 80px;
		font-size: 18px;
	}
	a.uitgelicht_text {
		margin: -380px 20px 0 0;
	}
	.entry-content img {
		max-width: 617px;
	}
	.partneroverview .category-partners .partnertext {
		min-height: 460px;
	}
	.inzicht {
		height: 430px;
	}
	.inzicht h1 {
		margin-top: 120px;
	}
}

@media (min-width: 1200px) and (max-width: 1499px) { 
	body {
		background: #e1e7ed url("images/bg_1280.png") no-repeat fixed;
	}
}

/* media queries */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (-webkit-min-device-pixel-ratio: 1.2), 
only screen and (min-devicepixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx) {
  body {
    background-image: url("images/bg.png");
    background-size: 1280px 960px;
  }
}

::-moz-selection { background-color: var(--color-brand); color: #fff; }
::selection { background-color: var(--color-brand); color: #fff; }