/* LOGO 
 *************************************************************************************************/
.st0 { fill: #fff; }
.st1 { fill: #e95123; }
.st2 { fill: #405D96; }


/* HEADER 
 *************************************************************************************************/
#header-wrap { background-color: #ccc !important; background-image: url(../images/wilki-nv-achtergrond_DSC4080.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; border-top: 3px solid #2c4a6a; box-shadow: 0 0 5px rgba(0,0,0,0.25); min-height: 100px; }
#header-top { position: static; }

nav ul ul { box-shadow: 0 0 5px rgba(0,0,0,0.5); padding: 5px; }
nav ul ul > li + li { margin-top: 5px; }

#nav-top > ul { text-align: right; }
#nav-top .phone,
#nav-top .email { float: left; }

#nav-top ul ul { margin-left: -70px; width: 140px; }

#header { max-width: 100%; position: static; }
#header .content { padding: 0; }

#logo { padding: 12px 25px; text-align: center; width: 280px; z-index: 100;
	-webkit-transition: padding .35s, width .35s; -ms-transition: padding .35s, width .35s; transition: padding .35s, width .35s;
}
#logo svg { max-height: 161px; max-width: 230px; }

#nav-main { background: rgba(0,0,0,0.60); border-bottom: 1px solid #fff; float: none; margin-top: 160px; width: 100%;
	-webkit-transition: all .35s; -ms-transition: all .35s; transition: all .35s;
}
#nav-main > ul { margin: 0 auto; max-width: 1200px; text-align: center; }
#nav-main > ul > li > a { margin: 0 0.111em; padding: 0.278em 1em; }


/* HEADER SMALL
 *************************************************************************************************/
#header-wrap.small { box-shadow: 0 0 10px rgba(0,0,0,0.75); }
.small #nav-main { margin-top: 125px; }


/* SLIDESHOW
 *************************************************************************************************/
.slick-slider.dots .slick-dots button::after { border-radius: 50%; }

/* CTA TAGLINE 
 *************************************************************************************************/
.cta-wrap.tagline { background: #2c4a6a; border-top: 2px solid #fff; }
.cta-wrap.tagline .content { color: #fff; font-size: 1.25em; padding: 15px 2.5%; text-align: center; }


/* MASONRY
 *************************************************************************************************/
.masonry .content h3 > svg { fill: #fff; }
.masonry .alt-1 .content h3 > svg { fill: #2c4a6a; }


/* FOOTER
 *************************************************************************************************/
#footer { max-width: 100%; }
#footer .content { padding: 0; }
#footer-widget-area { margin-bottom: 0; }

#footer-widget-area.widget-area-2 .widget,
#footer-widget-area.widget-area-2 .widget + .widget { float: none; margin: 0; width: 100%; }
#footer-wrap .widget > h3 { display: none; }


.om-widget-svg { background-image: url(../images/wilki-nv-achtergrond_DSC4080.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.om-widget-svg > div { background: rgba(255,255,255,0.25) !important; }
.om-widget-svg figure { margin: 0 auto; padding: 2.5%; position: relative; text-align: center; width: 60%; }
.om-widget-svg figure a { display: block; font-size: 0; line-height: 0; }
.om-widget-svg figure svg { max-height: 161px; max-width: 230px; }


.om-widget-hcard { text-align: center; }
.om-widget-hcard h2 { display: none; }
.om-widget-hcard .hcard-wrap { padding: 10px 2.5%; }
.om-widget-hcard .vcard p:not(.hidden) { display: inline-block; margin-top: 0 !important; }
.om-widget-hcard .vcard p + p { margin-left: 2em; }

.om-widget-hcard .vcard p.adr { text-align: left; }
.om-widget-hcard .vcard p.adr .street-address::after { content: ', '; }
.om-widget-hcard .vcard p.adr br { display: none; }


/* TEMPLATE CONTACT
 *************************************************************************************************/
.get-directions .submit.ghost { border-color: #fff; color: #fff; }


/* MEDIA QUERIES
 *************************************************************************************************/
@media only screen and (min-width: 1000px) {
	#logo { background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5); float: none; left: 50%; padding: 12px 25px; position: absolute; text-align: center; top: 0; width: 280px; z-index: 100;
		-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
	}
	.small #logo { padding: 52px 25px 12px; width: 180px; }
}

@media only screen and (max-width: 1200px) {
	#header-wrap,
	.om-widget-svg { background-image: url(../images/wilki-nv-achtergrond_DSC4080-1200x375.jpg); }
	
	#header { padding: 0; }
}
@media only screen and (max-width: 1000px) {
	#header-wrap { border-bottom: 3px solid #2c4a6a; }
	#logo { padding-bottom: 8px; padding-top: 8px; text-align: left; width: 180px; }
	#nav-mobile-toggle { margin-top: 0; }
	
	.masonry .content { font-size: 14px; }
}
@media only screen and (max-width: 900px) {
	.masonry .content { font-size: 14px; }
	
	.om-widget-hcard .vcard p:not(.hidden) { margin-bottom: 7px; margin-top: 7px; }
	.om-widget-hcard .vcard p + p { margin-left: 1em; }
	.om-widget-hcard .vcard p.tel:not(.hidden) { margin-left: 0; }
	.om-widget-hcard .vcard p.geo { display: block; font-size: 0; line-height: 0; position: relative; text-indent: -9999px; }
}
@media only screen and (max-width: 768px) {
	#header-wrap,
	.om-widget-svg { background-image: url(../images/wilki-nv-achtergrond_DSC4080-768x240.jpg); }
	
	#nav-top .language > a { margin-top: 7px; }
	
	.cta-wrap.tagline span { display: block; }
	
	.masonry.resp-h .content { display: block; font-size: 12px; }
	
	.om-widget-svg figure { padding: 20px 2.5%; }
	
	#nav-footer,
	#about-the-author { text-align: center; }
}
@media only screen and (max-width: 640px) {
	.cta-wrap.tagline .content { font-size: 1em; }
	
	#footer-widget-area .widget { margin-top: 0 !important; }
}
@media only screen and (max-width: 560px) {
	.masonry .content h3 { font-size: 1.5em; margin: 0; }
	.masonry .content p { display: none; }
	
	#nav-footer a { font-size: 12px; }
	
	.om-widget-hcard .vcard p.vat { display: block; }
	.om-widget-hcard .vcard p.vat::before { content: 'BTW: '; font-size: 0.6em; }
	.om-widget-hcard .vcard p.vat .icon { display: none; }
}

@media only screen and (max-width: 480px) {
	#header-wrap,
	.om-widget-svg { background-image: url(../images/wilki-nv-achtergrond_DSC4080-480x150.jpg); }
	
	#logo { padding: 12px 2.5%; width: 50%; }
	#logo svg { max-height: 91px; max-width: 130px; }
	
	.cta-wrap.tagline span { font-size: 0.889em; }
	
	#nav-footer a { font-size: 10px; }
}