/*
	Blauw: #333d4a - 51,61,74
	Oker: #b7b1a9 - 183,177,169
*/


/* MAIN
 *************************************************************************************************/
.om-field, .button,
.form-wrap input:not([type="checkbox"]):not([type="radio"]),
.form-wrap textarea,
#nav-mobile-toggle { border-radius: 4px; }


/* HEADER
 *************************************************************************************************/
#header-wrap { border-bottom: 5px solid #b7b1a9; }
#header .content { padding: 0; }

#header nav > ul > li > a,
#header nav .current-menu-item > a,
#header nav .current-menu-parent > a,
#header nav .current-menu-ancestor > a { text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }

#nav-top { text-align: right; z-index: 200; }
#nav-top > ul { display: inline-block; }
#nav-top > ul > li > a { margin-top: 0; padding-bottom: 0.556em; padding-top: 0.556em; }
#nav-top ul ul { box-shadow: 0 0 3px rgba(0,0,0,0.5); }
#nav-top > ul:not(.menu-top-options) > li > a { margin: 0 0.5em; }

#logo { background: #b7b1a9; }
#logo svg { fill: #fff; max-height: 80px; max-width: 250px; }


#nav-main > ul > li > a { margin: 0; padding: 0.556em 1.5em; }
#nav-main > ul > li + li > a { border-left: 1px solid rgba(0,0,0,0.15); }
#nav-main > ul > li:not(:last-child) > a { border-right: 1px solid rgba(255,255,255,0.15); }
#nav-main > ul > li > a:hover,
#nav-main > ul > li.sfHover > a,
#nav-main > ul > li.current-menu-item > a,
#nav-main > ul > li.current-menu-parent > a,
#nav-main > ul > li.current-menu-ancestor > a {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#26ffffff',GradientType=0 );
}
#nav-main ul.sf-menu.sf-navbar > li > ul { box-shadow: 0 4px 4px -2px rgba(0,0,0,0.5); margin: 5px 0 0; padding: 5px 0 5px 5%; }
#nav-main ul.sf-menu.sf-navbar > li > ul > li + li::before { background: rgba(0,0,0,0.1); bottom: 2px; content: ''; display: block; left: 2px; position: absolute; top: 2px; width: 1px; }


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

.slider-wrap .overlay-wrap p { text-align: justify; }
.slick-slider .overlay-close { background-color: #b7b1a9 !important; }
.slick-slider .overlay-wrap.closed + .overlay-open { top: 65px; }


/* CTA BOOK ONLINE
 *************************************************************************************************/
.cta-wrap.book-online { background-color: #333d4a; }
.cta-wrap.book-online .content { padding: 15px 2.5%; }

.cta-wrap.book-online header h2 { color: #fff; font-weight: inherit; }
.cta-wrap.book-online .form-wrap p { color: #fff; margin: 0 0.75em; }
.cta-wrap.book-online .form-wrap label::after { content: ':'; }
.cta-wrap.book-online .form-wrap .button { background-color: #b7b1a9; }


/* FOOTER
 *************************************************************************************************/
#footer-widget-area { margin-bottom: 0; }

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

#footer-wrap .om-widget-hcard .vcard { margin-bottom: 0; }
#footer-wrap .om-widget-hcard h2 { display: none; }
#footer-wrap .om-widget-hcard .hcard-wrap { padding: 0; text-align: center; }

#footer-wrap .om-widget-hcard .hcard-wrap > p:not(.hidden) { display: inline-block; }
#footer-wrap .om-widget-hcard .hcard-wrap > p + p { margin-top: 0 !important; }

#footer-wrap .om-widget-hcard .hcard-wrap p.adr .street-address::after { content: ','; margin-right: 0.5em; }
#footer-wrap .om-widget-hcard .hcard-wrap p.adr .postal-code::before { content: 'NL- '; }
#footer-wrap .om-widget-hcard .hcard-wrap p.tel { margin-left: 1.5em; }
#footer-wrap .om-widget-hcard .hcard-wrap p.tel::before { content: 'Tel.: '; margin-right: 0.5em; }
#footer-wrap .om-widget-hcard .hcard-wrap p.email-wrap { margin-left: 1.5em; }
#footer-wrap .om-widget-hcard .hcard-wrap p.adr br { display: none; }


/* CONTACT
 *************************************************************************************************/
.get-directions-wrap .content .button { background-color: #b7b1a9; }

/* MEDIA QUERIES
 *************************************************************************************************/
@media only screen and ( min-width: 1000px ){
	#header { position: static; }
	#nav-top .weather > a,
	#nav-top .video > a { background-color: #b7b1a9; }
	
	#logo { box-shadow: 0 0 3px rgba(0,0,0,0.5); max-width: 300px; padding: 35px 25px; position: absolute; text-align: center; top: 0; transition: all .35s; width: 300px; z-index: 200; }
	.small #logo { padding: 60px 25px 10px; }
	

	.slider-placeholder { background: url(../images/hoteldeburg-sb10069137d.jpg) center center no-repeat; background-size: cover; padding: 0 0 10%; }
}
@media only screen and ( min-width: 800px ){
	.cta-wrap.book-online header { float: left; padding: 0.278em 0; text-align: right; width: 25%; }
	.cta-wrap.book-online .form-wrap { float: right; margin-top: 0 !important; text-align: left; width: 72.5%; }
}
@media only screen and ( min-width: 360px ){
	#nav-top .weather > a { padding-left: 3.333em; position: relative; }
	#nav-top .weather > a::before { background: url(../images/icon-weather.svg) center center no-repeat; background-size: 32px 24px; content: ''; display: block; height: 24px; left: 10px; position: absolute; width: 32px; }
	#nav-top .video > a { padding-left: 3.333em; position: relative; }
	#nav-top .video > a::before { background: url(../images/icon-movie.svg) center center no-repeat; background-size: 32px 24px; content: ''; display: block; height: 24px; left: 10px; position: absolute; width: 32px; }
}

@media only screen and ( max-width: 1200px ){
	#header { padding: 0; }	
	
	#nav-main { padding-left: 300px; width: 100%; }
	#nav-main ul.sf-menu.sf-navbar > li > ul { padding-left: 360px; text-align: left; }
}
@media only screen and ( max-width: 1000px ){
	#header-wrap { box-shadow: 0 0 5px rgba(0,0,0,0.5); }
	#header-top { border-bottom: 1px solid rgba(255,255,255,0.25); }
	#nav-top { text-align: center; }
	#logo { padding: 10px 2.5%; width: 300px; }
	.small #logo { padding: 5px 2.5%; }
	
	.cta-wrap.book-online header h2 { font-size: inherit; }
}
@media only screen and ( max-width: 800px ){
	.cta-wrap.book-online header { display: none; }
	.cta-wrap.book-online .form-wrap { margin-top: 0 !important; }
	.cta-wrap.book-online .form-wrap p { color: #fff; margin: 0 0.333em; }
	
	.get-directions label { display: block; margin: 0 0 5px; }
}

@media only screen and ( max-width: 600px ){
	#logo { width: 50%; }
	
	.cta-wrap.book-online .content { padding: 10px 2.5%; }
	.cta-wrap.book-online .form-wrap p:not(:last-child) { margin: 0; width: 50%; }
	.cta-wrap.book-online .form-wrap p:last-child { margin-top: 1em; width: 100%; }
}
@media only screen and ( max-width: 520px ) {
	.get-directions { text-align: center; }
	.get-directions .om-field { display: block; margin: 0 0 5px !important; width: 100%; }
}
@media only screen and ( max-width: 480px ){
	.cta-wrap.book-online .form-wrap p { clear: both; display: block; text-align: left; width: 100% !important; }
	.cta-wrap.book-online .form-wrap p + p { margin-top: 1em !important; }
	.cta-wrap.book-online .form-wrap label { display: block; float: left; margin-right: 5%; min-width: 100px; text-align: right; width: 45%; }
	.cta-wrap.book-online .form-wrap p:last-child { text-align: center; }
}