/* KLEUREN
GOUD: #bb985d - RGB 187,152,93
GRIJS: #3a3a3a - RGB 58,58,58

/* MAIN
 *************************************************************************************************/
body { font-size: 16px; }

.slick-slider .slick-prev,
.slick-slider .slick-next,
.slick-slider.dots .slick-dots button::after { border-radius: 50%; }


/* HEADER
 *************************************************************************************************/
#header { min-height: 70px; }
#header .content { padding: 0 2.5%; }

#logo { overflow: hidden; position: absolute; top: 5px; width: 37.5%; }
#logo svg { fill: #fff; height: 115px; width: 440px; transition: all .35s; }
#logo svg > * { transition: opacity .35s; }

#nav-main { float: none; padding-left: 42.5%; transition: all .35s; width: 100%; }
#nav-main > ul > li + li { padding-left: 1px; }
#nav-main > ul > li > a { line-height: 30px; margin-right: 0; padding: 40px 5px 15px; }

#nav-main ul.sf-menu ul { margin-left: -120px; width: 240px; }
#nav-main ul.sf-menu li > ul { border: 1px solid #3a3a3a; margin-top: 0; }
#nav-main ul.sf-menu ul li + li { border-top: 1px solid #3a3a3a; }


/* SLIDESHOW
 *************************************************************************************************/
.slider-wrap .overlay-wrap.fixed-left { bottom: auto; top: 50%; width: 560px;
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
.slider-wrap .overlay-wrap.fixed-left::before { background: rgba(0,0,0,0.35); bottom: 0; content: ''; display: block; position: absolute; left: -200%; top: 0; width: 200%; }
.slider-wrap .overlay-wrap.fixed-left .overlay { left: auto; padding: 30px; position: static; right: auto; top: auto;
	-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
}

.slider-wrap .overlay-wrap .overlay > * + * { margin-top: 1em; }
.slider-wrap .overlay-wrap .overlay h2 { color: #fff; font-family: 'Barlow', 'Exo', sans-serif; font-size: 2.778em; font-weight: 900; line-height: 1; text-transform: uppercase; }
.slider-wrap .overlay-wrap .overlay h2 em { font-family: 'Caveat', 'Barlow', 'Exo', sans-serif; font-weight: 700; font-style: normal; }

.slider-wrap .overlay-wrap .overlay a.button:not(.ghost) { padding: 0.556em 1.167em; }

.slider-wrap .overlay-wrap .overlay a.button { text-transform: uppercase; }
.slider-wrap .overlay-wrap .overlay a.button.ghost:not(:hover) { border-color: #fff; color: #fff; }
.slider-wrap .overlay-wrap .overlay a.button + a.button { margin-left: 0.5em; }


/* HOME > CONTENT
 *************************************************************************************************/
.item-page-content h1.entry-title { display: none !important; }
.item-page-content .entry-title + h3 { background: #bb985d; color: #fff; display: inline-block; font-size: inherit; font-weight: inherit; padding: 0.111em 0.556em; text-transform: uppercase; }


/* FOOTER
 *************************************************************************************************/
#footer .content { padding-bottom: 30px; padding-top: 30px; }

#footer-widget-area { margin-bottom: 0; }
#footer-widget-area .widget { margin-top: 0; }
#footer-widget-area .widget h3 { padding: 0; text-align: left; }

.widget_media_image h3 { display: none; }
.widget_media_image a { display: block; font-size: 0; line-height: 0; margin: 30px auto 0; max-width: 250px; text-align: center; }

.om-widget-hcard h2 { display: none; }
.om-widget-hcard .hcard-wrap { padding: 0; }

.om-widget-hcard p:not(.hidden) { margin-top: 0 !important; padding-left: 30px; }
.om-widget-hcard p.adr { margin-top: 1em !important; position: relative; }
.om-widget-hcard p.adr::before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAyOSI+ICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOS41IDBDNC41IDAgLjQgNC4xLjQgOS4xLjQgMTcuNyA5LjUgMjkgOS41IDI5czkuMS0xMS4zIDkuMS0xOS45YzAtNS00LjEtOS4xLTkuMS05LjF6bTAgMTQuMWMtMi43IDAtNC45LTIuMi00LjktNC45czIuMi00LjkgNC45LTQuOSA0LjkgMi4yIDQuOSA0LjktMi4yIDQuOS00LjkgNC45eiIvPjwvc3ZnPg==) center center no-repeat; background-size: 20px 29px; content: ''; display: block; height: 29px; left: 0; position: absolute; top: 4px; width: 20px; }

.om-widget-hcard p.adr + p.geo.hidden + p { margin-top: 1em !important; }
.om-widget-hcard p.tel::before { content: 'GSM'; display: inline-block; margin-right: 0.5em; }


/* HOME > GALLERY
 *************************************************************************************************/
.carousel-gallery-wrap { padding: 0 !important; }
.carousel-gallery-wrap .carousel .slick-slide { padding: 0 !important; }
.carousel-gallery-wrap .carousel:not(.carousel-content) a { box-shadow: none !important; max-width: 100%; }
.carousel-gallery-wrap .carousel:not(.carousel-content) a::before,
.carousel-gallery-wrap .carousel:not(.carousel-content) a::after { display: none !important; }

.carousel-gallery-wrap .carousel:not(.carousel-testimonials) figure { overflow: hidden; padding-bottom: 150%; position: relative; }
.carousel-gallery-wrap .carousel:not(.carousel-testimonials) figure::before { background: rgba(0,0,0,0.35); bottom: 0; content: ''; display: block; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .35s; z-index: 1; }
.carousel-gallery-wrap .carousel:not(.carousel-testimonials) figcaption { bottom: -5%; color: #fff; display: block !important; font-size: 16px; left: 10%; line-height: 20px; opacity: 0; position: absolute; text-transform: uppercase; transition: all .35s; z-index: 20;
	-webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;
	-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.carousel-gallery-wrap .carousel:not(.carousel-testimonials) a:hover figure::before { opacity: 0.99; }
.carousel-gallery-wrap .carousel:not(.carousel-testimonials) a:hover figcaption { bottom: 5%; opacity: 0.99; }



/* HOME > TESTIMONIALS + FORM
 *************************************************************************************************/
.testimonials-form-wrap { background: #3a3a3a; }
.testimonials-form-wrap > .content { margin: 0 auto; max-width: 1200px; }
.testimonials-form-wrap > .content > * { display: block; float: left; margin-top: 0 !important; vertical-align: top; width: 47.5%; }
.testimonials-form-wrap > .content > * + * { margin-left: 5%; }

.testimonials-form-wrap .carousel-testimonials-wrap h2 { color: #fff; position: relative; }
.testimonials-form-wrap .carousel-testimonials-wrap h2::after { background: #bb985d; bottom: -0.5em; content: ''; display: block; height: 3px; left: 0; position: absolute; width: 4em; }

.testimonials-form-wrap .carousel-testimonials-wrap { padding: 0; }
.testimonials-form-wrap .carousel-testimonials-wrap ul { margin-left: 0 !important; margin-top: 5%; }
.testimonials-form-wrap .carousel-testimonials-wrap .slick-slide { padding-bottom: 3em !important; }
.testimonials-form-wrap .carousel-testimonials-wrap .slick-slide .content { background: #515151; color: #bdbcbc; font-style: italic; padding: 2.5% 5% 3.5%; position: relative; }
.testimonials-form-wrap .carousel-testimonials-wrap .slick-slide .content > h3 { bottom: -2em; color: #bdbcbc; font-style: italic; position: absolute; right: 0; }

.testimonials-form-wrap .carousel-testimonials-wrap .slick-slide .content::before,
.testimonials-form-wrap .carousel-testimonials-wrap .slick-slide .content::after { background-position: center center; background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 14px; position: absolute; visibility: visible; width: 16px; }
.testimonials-form-wrap .carousel-testimonials-wrap .slick-slide .content::before { background-image: url(../images/svg/lquot.svg); left: 2%; top: 0.5em; }
.testimonials-form-wrap .carousel-testimonials-wrap .slick-slide .content::after { background-image: url(../images/svg/rquot.svg); bottom: 0.5em; right: 2%; }


.testimonials-form-wrap .content-wrap h2 { color: #fff; position: relative; }
.testimonials-form-wrap .content-wrap h2::after { background: #bb985d; bottom: -0.5em; content: ''; display: block; height: 3px; left: 0; position: absolute; width: 4em; }

.testimonials-form-wrap .form-wrap fieldset { background: none !important; margin: 0; padding: 5% 0 0; }
.testimonials-form-wrap .form-wrap fieldset label { color: #fff; display: none; }
.testimonials-form-wrap .form-wrap fieldset p { padding: 0; }
.testimonials-form-wrap .form-wrap fieldset p.small { padding-right: 0.556em; }
.testimonials-form-wrap .form-wrap fieldset p.small + p.small { padding-left: 0.556em; padding-right: 0; }
.testimonials-form-wrap .recaptcha-notice { color: #999; }

.testimonials-form-wrap .form-wrap fieldset + p.center { padding-top: 0.556em; text-align: left !important; }
.testimonials-form-wrap .form-wrap fieldset + p.center .button:not(:hover) { background: #bb985d; }
.testimonials-form-wrap .form-wrap fieldset + p.center .button:hover { background: #fff; color: #3a3a3a; }



/* TEMPLATE CONTACT
 *************************************************************************************************/
p.recaptcha-notice { font-size: 0.778em; }

.page-template-contact .vcard .tel > .prefix { display: none; text-indent: -99999px; }
.page-template-contact .vcard .tel::before { content: 'GSM:'; display: inline-block; min-width: 5em; }

/* MEDIA QUERIES
 *************************************************************************************************/
@media only screen and ( min-width: 1200px ) {
	.small #logo svg { height: 99px; margin-left: -69px; width: 396px; }
	.small #logo svg .parket { opacity: 0; }
	.small #nav-main > ul > li > a { padding-top: 30px; }
}

@media only screen and ( min-width: 768px ) {
	#container .page-slideshow-wrap { border-bottom: 1px solid #3a3a3a; border-top: 1px solid #3a3a3a; padding: 10px 0; }
	
	.item-page-content ul.columns-2 { display: table; list-style: none; margin-left: 0 !important; }
	.item-page-content ul.columns-2 > li { display: table-cell; float: none; min-height: 3em; padding-left: 3em; padding-right: 2em; position: relative; vertical-align: middle; }
	.item-page-content ul.columns-2 > li::before { background: #bb985d; content: ''; display: block; height: 2.5em; left: 0; margin-top: -1.25em; position: absolute; top: 50%; width: 2.5em; }
}

@media only screen and ( max-width: 1200px ) {
	#header { padding: 0; }
	
	#logo { width: 32.5%; }
	#logo svg { height: 99px; margin-left: -69px; width: 396px; }
	#logo svg .parket { opacity: 0; }
	
	#nav-main { padding-left: 35%; }
	#nav-main > ul > li > a { padding-top: 30px; }
}

@media only screen and ( max-width: 1000px ) {
	#logo { width: 65%; }
}

@media only screen and ( max-width: 900px ) {
	body { font-size: 15px; }
	
	.testimonials-form-wrap { background: #fff; }
	.testimonials-form-wrap > .content { padding: 0; }
	.testimonials-form-wrap > .content > * { float: none; padding: 2.5% 5%; width: 100%; }
	.testimonials-form-wrap > .content > * + * { margin-left: 0; }
	
	.testimonials-form-wrap .carousel-testimonials-wrap { background: #fff; }
	.testimonials-form-wrap .carousel-testimonials-wrap h2 { color: #3a3a3a; }
	.testimonials-form-wrap .carousel-testimonials-wrap .slick-slide .content > h3 { color: #bb985d; }
	
	.testimonials-form-wrap .content-wrap { background-color: #3a3a3a; }
}

@media only screen and ( max-width: 768px ) {
	#nav-footer a { font-size: 14px; }
	#nav-footer,
	#about-the-author { text-align: center; }
}
@media only screen and ( max-width: 640px ) {
	body { font-size: 14px; }
	
	.testimonials-form-wrap .form-wrap fieldset p.small { padding: 0 !important; }
	
	#footer-widget-area .widget { margin-left: auto !important; margin-right: auto !important; max-width: 300px; }
}
@media only screen and ( max-width: 560px ) {
	#logo { width: 65%; }
	#logo svg { height: 75px; margin-left: -45px; width: 286px; }
}
@media only screen and ( max-width: 420px ) {
	#logo svg { height: 58px; margin-left: -35px; width: 220px; }
}