/* KLEUREN

	GOUD:			#797060		RGB 121,112,96
	DONKERBLAUW:	#192231		RGB 25,34,49
	BEIGE:			#98878f		RGB 152,135,143

 *************************************************************************************************/
body { padding-bottom: 85px; }

/* Hide floating Cubilis Ratebox tab on all pages */
.ratebox_tab,
.cublis-ratebox-tab,
.cublis-ratebox__tab { display: none !important; }

.slick-slider.arrows-hidden .slick-prev,
.slick-slider.arrows-hidden .slick-next,
.slick-slider.dots:not(.dots-line) .slick-dots button::after,
a.scroll-to:not(.ribbon),
.masonry-wrap .resp-h-nav > a { border-radius: 50%; }



/* HEADER
 *************************************************************************************************/
#header-wrap { box-shadow: 0 0 3px rgba(0,0,0,0.35); }
#header-wrap nav > ul > li > a { text-transform: uppercase; }
#header-wrap nav ul.sf-menu ul { box-shadow: 0 0 5px rgba(0,0,0,0.35); padding: 2px; }
#header-wrap nav ul.sf-menu ul li + li { margin-top: 2px; }


#nav-top { text-align: right; }
#nav-top > ul { display: inline-block; vertical-align: top; }

#logo a { color: #797060; }
#logo svg { fill: currentColor; max-height: 70px; max-width: 180px; }


#nav-main > ul { margin-top: 25px; }
#nav-main > ul > li > a > span::after { background: #797060; bottom: 0.333em; content: ''; display: block; height: 1px; left: 50%; position: absolute; right: 50%; transition: all 0.35s; }

#nav-main > ul > li > a:hover > span::after,
#nav-main > ul > li.sfHover > a > span::after,
#nav-main > ul > li.current-menu-item > a > span::after,
#nav-main > ul > li.current-menu-parent > a > span::after,
#nav-main > ul > li.current-menu-ancestor > a > span::after { left: 20px; right: 20px; }


#nav-main ul.sf-menu ul { margin-left: -120px; width: 240px; }

/* HEADER WRAP > SMALL
 *************************************************************************************************/
#header-wrap.small { box-shadow: 0 0 7px rgba(0,0,0,0.75); }


/* SLIDER
 *************************************************************************************************/


/* CONTENT
 *************************************************************************************************/
.content-wrap .content > .entry-title { text-align: center; }

/*blockquote > * { color: #797060; font-family: 'Cinzel', serif; line-height: 1.25; text-transform: uppercase; }*/
/*
blockquote > :first-child::before,
blockquote > :last-child::after { background: #192231; content: ''; display: block; height: 1px; left: 20%; position: absolute; right: 20%; }
blockquote > :first-child::before { top: 0; }
blockquote > :first-child::after { bottom: 0; }
blockquote > :first-child,
blockquote > :last-child { border: none !important; }
*/

blockquote > * { line-height: 1.25; }


table.nice-table thead th,
table.nice-table thead td { background: #797060; color: #fff; font-weight: bold; }

table.nice-table.prices { } 

table.nice-table.prices tbody td:nth-last-child(4),
table.nice-table.prices tbody td:nth-last-child(2) { min-width: 100px; text-align: right; width: 10%; }
table.nice-table.prices tbody td:nth-last-child(3) { text-align: center; width: 5%; }
table.nice-table.prices tbody td:last-child { min-width: 180px; text-align: center; width: 15%; }


/* MASONRY
 *************************************************************************************************/
.masonry .content { font-size: 0.8333vw; }
.masonry .content p { font-size: 1.111em; }


/* TEMPLATE HOME
 *************************************************************************************************/
.home .content-wrap .content > .entry-title { display: none; }
.home .content-wrap .content > p,
.home .excerpt-wrap .content > p { text-align: center; }

/*
.home .content-wrap .content > .entry-title + p::first-letter { color: #797060; font-family: 'Cinzel', serif; float: left; font-size: 5em; line-height: 1; padding: 0 0.125em 0 0; }
*/

/* TEMPLATE HOME
 *************************************************************************************************/

.excerpt-wrap.omgeving .content { padding: 1.25% 2.5% 5%; }
.excerpt-wrap.omgeving .content > p { text-align: center; }


.content-wrap.content-slideshow { background-image: url(../images/albert-I-brugge-DSC8830.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; max-width: 100%; position: relative; z-index: 0; }
.content-wrap.content-slideshow::before { background: rgba(0,0,0,0.5); bottom: 0; content: ''; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }
.content-wrap.content-slideshow .content { color: #fff; margin: 0 auto; max-width: 1200px; padding: 60px 30px; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); z-index: 2; }
.content-wrap.content-slideshow .content .entry-title { display: none; }
.content-wrap.content-slideshow .content h1,
.content-wrap.content-slideshow .content h2,
.content-wrap.content-slideshow .content h3 { color: #fff; text-align: center; }
.content-wrap.content-slideshow .content h1 { font-size: 3em; line-height: 1; }
.content-wrap.content-slideshow .content h2 { font-family: inherit; }
.content-wrap.content-slideshow .content h1 + p,
.content-wrap.content-slideshow .content h2 + p,
.content-wrap.content-slideshow .content h3 + p { margin-top: 1.5em !important; text-align: center; }
/*
.content-wrap.content-slideshow .content p:first-of-type::first-letter { font-family: 'Cinzel', serif; float: left; font-size: 5em; line-height: 1; padding: 0 0.125em 0 0; }
*/
.content-wrap.content-slideshow .showcase figure { border: 1px solid #fff; height: 0 !important; padding-bottom: 100%; }


.options-bar-wrap { background: #797060; }
.options-bar { margin: 0 auto; max-width: 1440px; width: 100%; }
.options-bar .content { padding: 10px 2.5%; text-align: center; }
.options-bar ul { list-style: none; margin: 0; padding: 0;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat( 7, 1fr );
}
.options-bar li { color: #fff; display: inline-block; font-size: 14px; line-height: 20px; padding: 5px 0; text-align: center; vertical-align: top; }
.options-bar li .icon { background: url(../images/options-hotel.png) 0 0 no-repeat; background-size: 350px 40px; display: block; font-size: 0; height: 40px; line-height: 0; margin: 0 auto 10px; width: 50px; }
.options-bar li.wifi .icon { background-position: 0 0; }
.options-bar li.breakfast .icon { background-position: -50px 0; }
.options-bar li.no-elevator .icon { background-position: -100px 0; }
.options-bar li.no-dogs .icon { background-position: -150px 0; }
.options-bar li.parking .icon { background-position: -200px 0; }
.options-bar li.ac .icon { background-position: -250px 0; }
.options-bar li.no-smoking .icon { background-position: -300px 0; }


/* FOOTER
 *************************************************************************************************/
#footer-wrap .widget:not(.om-widget-form) > h3 { display: none; }


.om-widget-svg a:not(:hover) { color: #797060 !important; transition: color 0.35s; }
.om-widget-svg svg { fill: currentColor; max-height: 70px; max-width: 180px; }

.om-widget-hcard h2 { display: none; }
.om-widget-hcard .hcard-wrap { padding: 0; }
.om-widget-hcard .hcard-wrap p + p { margin-top: 0 !important; }
.om-widget-hcard .hcard-wrap .adr > span { white-space: nowrap; }
.om-widget-hcard .hcard-wrap .locality + br { display: none; }
.om-widget-hcard .hcard-wrap .country-name::before { content: ' ('; }
.om-widget-hcard .hcard-wrap .country-name::after { content: ')'; }


.widget_nav_menu ul { padding-left: 1.5em; }
.widget_nav_menu a { text-decoration: none; }

.om-widget-form > h3 { color: #fff; font: inherit; }
.om-widget-form fieldset { margin: 0; padding: 0; }
.om-widget-form fieldset label:not(.om-label-choice) { display: none; }
.om-widget-form fieldset p.gdpr { font-size: 0.778em; }
.om-widget-form fieldset p.gdpr.gdpr-optin { display: none; }
.om-widget-form #om-field-submit { padding: 0.444em 2em; }


/* ONLINE BOOKING
 *************************************************************************************************/
.booking-bar-wrap { background: #797060; bottom: 0; left: 0; position: fixed; right: 0; z-index: 1000; }
.booking-bar fieldset { border: none; }
.booking-bar .content { padding: 5px 2.5% 10px; text-align: center; }
.booking-bar .content p { display: inline-block; vertical-align: top; }
.booking-bar .content p + p { margin-left: 1em; }
.booking-bar .content p > label { color: #fff; display: block; text-align: left; }
.booking-bar .content p > input:not(.button) { border: 1px solid #ccc; min-width: 16em; padding: 0.194em; text-align: center; }

.booking-bar .content p > input.hasDatepicker { background-image: url(../images/icon-calendar.svg); background-position: right 0.6em center; background-repeat: no-repeat; background-size: 18px 18px; padding-right: 1em; }


.cubilisratebox.ratebox-position-top-right { top: 200px; }

/* MEDIA QUERIES
 *************************************************************************************************/
@media only screen and ( min-width: 1000px ) {
	#footer-widget-area.widget-area-4 .om-widget-svg { width: 16.75%; }
	#footer-widget-area.widget-area-4 .om-widget-hcard { width: 26%; }
	#footer-widget-area.widget-area-4 .om-widget-form { float: right; width: 33.50%; }
	#footer-widget-area.widget-area-4 .widget_nav_menu { width: 14.75%; }
}
@media only screen and ( min-width: 768px ) {
	#container .page-slideshow-wrap .post-thumbnail-wrap { padding: 5%; }
}

@media only screen and ( max-width: 1200px ) {
	#header { padding: 0; }
	
	#footer-widget-area { font-size: 16px; }
}
@media only screen and ( max-width: 1000px ) {
	#footer-widget-area.widget-area-4 .om-widget-svg { width: 20%; }
	#footer-widget-area.widget-area-4 .om-widget-hcard { width: 37%; }
	#footer-widget-area.widget-area-4 .om-widget-form { width: 37%; }
	#footer-widget-area.widget-area-4 .widget_nav_menu { clear: both; float: none; margin-left: 0 !important; width: 100%; }
	
	.widget_nav_menu ul.menu { margin: 0; text-align: center; }
	.widget_nav_menu ul.menu li { display: inline-block; float: none; margin: 0.25em 0.5em; width: auto; }
	.widget_nav_menu ul.menu a { display: inline-block; padding: 0.25em 0.5em; }
	
	.options-bar li { font-size: 12px; line-height: 18px; }
}
@media only screen and ( max-width: 900px ) {
	body { padding-bottom: 126px; }
	
	.booking-bar .content { padding-top: 0; }
	.booking-bar .content p > label { text-align: center; }
	.booking-bar .content p:not(:last-of-type) { display: block; float: left; margin: 0; text-align: center; width: 50%; }
	.booking-bar .content p:last-of-type { clear: both; display: block; margin: 0; padding-top: 0.5em; text-align: center; width: 100%; }
	.booking-bar .content p:last-of-type > label { display: none; }
}
@media only screen and ( max-width: 768px ) {
	.masonry.resp-h li:not(.has-img) .masonry-placeholder { background-size: 80% !important; }
	
	#footer-widget-area.widget-area-4 .om-widget-svg { padding-bottom: 10px; width: 35%; }
	#footer-widget-area.widget-area-4 .om-widget-hcard { padding-bottom: 10px; width: 60%; }
	#footer-widget-area.widget-area-4 .om-widget-form { border-top: 1px solid #fff; float: none; width: 100%; }
	#footer-widget-area.widget-area-4 .om-widget-form p.gdpr { text-align: center; }
	
	.options-bar ul { grid-template-columns: repeat( 4, 1fr ); }
	.options-bar li { font-size: 0; line-height: 0; padding: 10px 0; }
	.options-bar li .icon { margin-bottom: 0; }
}
@media only screen and ( max-width: 640px ) {
	.om-widget-svg figure { padding: 0; text-align: center; }
	.om-widget-hcard .hcard-wrap { text-align: center; }
}

@media only screen and ( max-width: 560px ) {
	.booking-bar .content p { clear: both !important; float: none !important; padding-top: 0.5em; width: 100% !important; }
	.booking-bar .content p label { display: inline-block; font-size: 0.778em; min-width: 90px; text-align: left; }
}
@media only screen and ( max-width: 480px ) {
	#logo { width: 50%; }
}
@media only screen and ( max-width: 420px ) {
	.booking-bar .content p label { display: block; min-width: 90px; text-align: center; }
}