/*
	KLEUREN
	Goud:			#a1833b - 161,131,59
	Grijs donker: 	#191919 - 25,25,25
	Grijs licht:	#373b40 - 55,59,64


/* GLOBAL
 *************************************************************************************************/
.slick-slider.dots .slick-dots button::after,
.slick-slider.arrows .slick-arrow,
a.scroll-to:not(.ribbon) { border-radius: 50%; }

.form-wrap fieldset hr + * { margin-top: 0.5em; }
.form-wrap fieldset hr { background: rgba(153,130,91,0.1); }
.form-wrap fieldset > h2:not(:last-of-type) { margin-bottom: 0.5em; }
.form-wrap fieldset p:not(.small):not(.large):not(.zipcode):not(.locality) { float: none; text-align: center !important; }
.form-wrap p strong { color: #927951; }


/* HEADER
 *************************************************************************************************/
#header-wrap { border-top: 5px solid #a1833b; box-shadow: 0 0 2px rgba(0,0,0,0.25); transition: all .35s; }
#header { position: static; }

#header-wrap ul.sf-menu ul { box-shadow: 0 0 5px rgba(0,0,0,0.5); padding: 5px; }
#header-wrap ul.sf-menu ul > li + li { margin-top: 5px; }
#header-wrap ul.sf-menu ul > li + li::before { background: rgba(0,0,0,0.1); content: ''; display: block; height: 1px; left: 5px; position: absolute; right: 5px; top: -3px; }

#nav-top { left: 50%; padding-bottom: 0; position: absolute; text-align: right; width: 600px; z-index: 100; }
#nav-top > ul { background: #363b41; display: inline-block; }
#nav-top > ul > li > a { margin-top: 0 !important; }
#nav-top > ul > li:last-child > a { margin-right: 0 !important; }

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

#logo { transition: all .35s; width: 30%; }
#logo svg { fill: #fff; max-height: 75px; max-width: 200px; }

#nav-main { padding-bottom: 1px; padding-top: 34px; transition: all .35s; width: 70%; }
#nav-main > ul { text-align: right; }
#nav-main > ul > li:last-child > a { margin-right: 0 !important; }

#nav-main > ul.sf-menu > li > ul { margin: 5px 0 0 -120px; width: 240px; }
#nav-main ul.sf-menu:not(.sf-navbar) ul ul { left: 245px; margin-top: -5px; width: 240px; }

#nav-main ul.sf-menu ul > li + li { margin-top: 5px; }
#nav-main ul.sf-menu ul > li + li::before { background: rgba(0,0,0,0.1); content: ''; display: block; height: 1px; left: 5px; position: absolute; right: 5px; top: -3px; }

#nav-main ul.sf-menu:not(.sf-navbar) ul li:hover > ul::before,
#nav-main ul.sf-menu:not(.sf-navbar) ul li.sfHover > ul::before { top: 15px; }

#nav-main > ul > li.current_page_item > a::after,
#nav-main > ul > li.current-menu-parent > a::after,
#nav-main > ul > li.current-menu-ancestor > a::after,
#nav-main > ul > li.current-menu-item > a::after { background: #a1833b; bottom: 0; content: ''; display: block; height: 3px; left: 0.556em; position: absolute; right: 0.556em; }


/* HEADER SMALL
 *************************************************************************************************/
#header-wrap.small { background-color: rgba(0,0,0,0.85); box-shadow: 0 0 10px rgba(0,0,0,0.75); }
/*
.small #logo { width: 20%; }
.small #nav-main { width: 77.5%; }
*/


/* SLIDER
 *************************************************************************************************/
.showcase.block-0 { border-bottom: 5px solid #a1833b; }
.slider-placeholder { min-height: 125px; }


/* CONTENT
 *************************************************************************************************/
h1.entry-title { font-size: 2em; text-transform: uppercase; }

.content-wrap .content h1,
.content-wrap .content h2,
.content-wrap .content h3 { text-align: center; }

.excerpt-wrap .content h1,
.excerpt-wrap .content h2,
.excerpt-wrap .content h3 { text-align: center; }


/* TESTIMONIALS
 *************************************************************************************************/
.carousel-testimonials-wrap { background-color: #fff; padding-bottom: 1.25%; }
.carousel-testimonials-wrap header h2 { text-align: center; }
.carousel-wrap header + .carousel { margin-top: 0; }
.carousel-testimonials { }
.carousel-testimonials .content { margin: 0 auto; max-width: 1200px; padding: 0 2.5% 1.25%; text-align: center; }


/* FOOTER
 *************************************************************************************************/
#footer-widget-area { margin: 0; }
#footer-widget-area.widget-area-2 .widget,
#footer-widget-area.widget-area-2 .widget + .widget { float: none; margin: 0; width: 100%; }

#footer-wrap { }
#footer-wrap .widget > h3 { display: none; }

#footer { max-width: 100%; }
#footer .content { padding: 0; }

.om-widget-svg figure { padding: 1.25% 2.5%; text-align: center; }
.om-widget-svg svg { fill: #a1833b; max-height: 200px; max-width: 287px; }

.om-widget-hcard { background: #363b41; border-bottom: 3px solid #a1833b; border-top: 3px solid #a1833b; }
.om-widget-hcard .hcard-container h2 { display: none; }
.om-widget-hcard .hcard-wrap { padding: 10px 2.5%; position: relative; text-align: center; }

.om-widget-hcard p:not(.hidden) { display: inline-block; font-size: 0.889em; font-weight: 200; margin: 0.5em 1em !important; position: relative; }
.om-widget-hcard p + p:not(.hidden)::before { background: #fff; border-radius: 50%; content: ''; display: block; font-size: 0; height: 6px; left: -20px; line-height: 0; margin-top: -3px; position: absolute; top: 50%; width: 6px; }

.om-widget-hcard .street-address::after { content: ', '; }
.om-widget-hcard .street-address + br { display: none; }

.om-widget-hcard .tel .icon,
.om-widget-hcard .vat .icon { display: inline-block !important; margin-right: 0.5em; }


/* SUB FOOTER
 *************************************************************************************************/
#nav-footer a { font-size: 14px; }



/* TEMPLATE HOME
 *************************************************************************************************/
.masonry-wrap { max-width: 1200px; }
.masonry .content { font-size: 18px; line-height: 1.5; }
.masonry .content p + p { margin-top: 1.333em !important; }
.masonry .content .button.ghost { border-color: #fff; border-width: 1px; color: #fff; }
.masonry .content .button.ghost:hover { background-color: #fff; color: #363b41; }


.slider-wrap:not(.block-1) .overlay-wrap.fixed-center { background: transparent; left: 0; margin: 0; right: 0; width: 100%; }
.slider-wrap:not(.block-1) .overlay-wrap.fixed-center .overlay { left: 0; padding: 5% 2.5%; right: 0; top: 75%; }

.slider-wrap:not(.block-1) .overlay-wrap .overlay > * + * { margin-top: 1em; }
.slider-wrap:not(.block-1) .overlay-wrap p { color: #373b40; font-size: 1.667em; font-weight: 600; line-height: 1.333; text-align: center; text-shadow: 0 0 2px #fff; }

/*
.slider-wrap:not(.block-1) .overlay-wrap.fixed-center { background: transparent; left: 0; right: 0; margin: 0; width: 100%; }
.slider-wrap:not(.block-1) .overlay-wrap.fixed-center .overlay { background: rgba(54,59,65,0.59); left: 0; padding: 5% 2.5%; right: 0; top: 40%; }

.slider-wrap:not(.block-1) .overlay-wrap .overlay > * + * { margin-top: 1em; }
.slider-wrap:not(.block-1) .overlay-wrap p { text-align: center; }
*/


/* MEDIA QUERIES
 *************************************************************************************************/
@media only screen and ( min-width: 1000px ) {
	.masonry > ul:nth-child(2n+1) .block-1.block-item-0 { width: 40%; }
	.masonry > ul:nth-child(2n+1) .block-1.block-item-0 > a { padding-bottom: 100%; }
	.masonry > ul:nth-child(2n+1) .block-1.block-item-1 { width: 60%; }
	.masonry > ul:nth-child(2n+1) .block-1.block-item-1 > a { padding-bottom: 66.66%; }
	
	.masonry > ul:nth-child(2n) .block-1.block-item-0 { width: 60%; }
	.masonry > ul:nth-child(2n) .block-1.block-item-0 > a { padding-bottom: 66.66%; }
	.masonry > ul:nth-child(2n) .block-1.block-item-1 { width: 40%; }
	.masonry > ul:nth-child(2n) .block-1.block-item-1 > a { padding-bottom: 100%; }
}

@media only screen and ( min-width: 768px ) {
	ul.columns-2 { position: relative; }
	ul.columns-2::before { background: #a1833b; bottom: 0; content: ''; display: block; left: 49%; margin-left: -1px; position: absolute; top: 0; width: 2px; }
	ul.columns-2 > li { margin-top: 0.5em; width: 47%; }
	ul.columns-2 > li:nth-child(odd) { clear: left; margin-right: 3%; }
	ul.columns-2 > li:nth-child(even) { margin-left: 3%; padding-left: 1em; }
}


@media only screen and ( max-width: 1200px ) {
	#header { padding: 0; }
	
	#nav-top { left: auto; padding: 0 2.5%; right: 0; width: 50%; }
	#nav-top ul ul { left: auto; margin-left: 0; right: 0; }
	nav ul.sf-menu li:hover > ul::before,
	nav ul.sf-menu li.sfHover > ul::before { left: auto; margin-left: 0; right: 10px; }
	
	/*
	#logo { padding-top: 5px; width: 20%; }
	#logo svg { max-height: 63px; max-width: 240px; }
	#nav-main { padding-top: 33px; width: 77.5%; }
	*/
	
	.masonry .content { font-size: 16px; }
	
	.slider-wrap:not(.block-1) .overlay-wrap p { font-size: 1.444em; line-height: 1.333; }
	
}
@media only screen and ( max-width: 1100px ) {
	#nav-main > ul > li:not(:last-child) > a { margin-right: 1px; }
	
	.slider-placeholder { min-height: 100px; }
	
	.masonry .content { font-size: 14px; }
}

@media only screen and ( max-width: 1000px ) {
	body { padding-top: 117px !important; }
	
	#logo svg { max-height: 57px; max-width: 150px; }
	
	#container > .slider-wrap figure { height: auto !important; padding: 0 0 50%; }
	
	.slider-placeholder { min-height: 0; }
	
	
	#header .content { padding-top: 10px; padding-bottom: 10px; }
	#nav-top { position: relative; text-align: center; width: 100%; }
	#logo,
	.small #logo { padding-top: 0; width: 50%; }
	#nav-mobile-toggle { margin-top: 0; }
	
	.om-widget-hcard p.vat { display: block; margin: 0.5em 0 !important; text-align: center; width: 100%; }
	.om-widget-hcard p.vat::before { display: none !important; }
}

@media only screen and ( max-width: 768px ) {
	.masonry.resp-h .content { display: block; }
	.masonry.resp-h .content h3 + p { display: none; }
	
	
	.om-widget-svg figure { padding: 10px 20%; }
	
	#nav-footer,
	#about-the-author { text-align: center; }
}
@media only screen and ( max-width: 680px ){
	.om-widget-hcard p.adr { display: block; margin: 0.5em 0 !important; text-align: center; width: 100%; }
	.om-widget-hcard p.tel:not(.hidden)::before { display: none !important; }
}
@media only screen and ( max-width: 560px ){
	body { padding-top: 106px !important; }
	
	#logo svg { max-height: 45px; max-width: 120px; }
}
@media only screen and ( max-width: 480px ){
	.om-widget-hcard p:not(.hidden) { display: block; margin: 0.5em 0 !important; text-align: center; width: 100%; }
	.om-widget-hcard p::before { display: none !important; }
	
	#nav-footer a { font-size: 11px; }
}