/* ---------------------- FONTS ------------------------------ */


@font-face {
    font-family: 'made_bon_voyageregular';
    src: url('css/fonts/made_bon_voyage_regular-webfont.woff2') format('woff2'),
         url('css/fonts/made_bon_voyage_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.toggle {margin-bottom:0;}



/* ---------------------- SLIDER ------------------------------ */

#slider-arrow-left {
	left: 15px;
	background-color: rgba(255,255,255,0.7);
	border-radius: 0px;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	width:60px;
	height:60px;
}

#slider-arrow-right
 {
	right: 15px;
	background-color: rgba(255,255,255,0.7);
	border-radius: 0px;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	width:60px;
	height:60px;
}


#slider-arrow-left:hover,
#slider-arrow-right:hover { background-color: rgba(255,255,255,0.9) !important; }

#slider-arrow-left i,
#slider-arrow-right i
 {
	color: #61202c;
	color: rgba(97,32,44,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 34px;
	text-align: center;
	margin-left: 13px;
	line-height:60px;
}


/* -------------------  BOOK NOW  ---------------------------- */

#booknow {
  position:fixed;
  top:14px;
  right:18px;
  color: #ff1d58;
  width:auto;
  z-index:999999;
  font-size:15px;
}

#booknow a {
  color: #ff1d58;
  font-family:'Roboto', 'Raleway', sans-serif;
  text-transform:uppercase;
  line-height:40px;
  min-height:40px;
  font-size:15px;
  margin-right:14px;
  padding:20px 16px 20px 10px;
  font-weight:700;
}

#booknow a#booknowbutton {
  background-color: #c6969e;
  color:#fff;
  font-family:'Roboto', 'Raleway', sans-serif;
  padding:0 28px 0 28px;
  line-height:40px;
  min-height:40px;
  margin:0;
  display:block;
  float:right;
  font-weight:700;
}

#booknow_mobile {
  display:none;
}

.mobileonly {
  display:none;
}


/* -------------- GENERAL TYPOGRAPHY ------------------------- */



::selection {
	background: #b6716e;
}


.val-strikje {
  display:none;
}

body {
	font-family:'Open Sans', 'Arvo', sans-serif;
	font-size:15px;
	line-height:24px;
	color:#666;
	font-weight:400;
}

nav {
	font-family:'Raleway', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family:'made_bon_voyageregular', 'Raleway', sans-serif;
	font-family:'Raleway', sans-serif;
	font-style:normal;
	font-weight:400;
	text-transform:uppercase;
}


h1 {
	font-size:44px;
	line-height:40px;
	letter-spacing:1px;
}

h2 {
	font-size:30px;
	line-height:40px;
	letter-spacing:3px;
}


h3 {
	font-size:24px;
	line-height:31px;
	letter-spacing:1px;
}
h4 {
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
	color:#8C2E3D;
}

h1 a, h2 a, h3 a, h4 a {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-style:inherit;
	line-height:inherit;
	letter-spacing:inherit;
	text-transform:inherit
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:#64a4d9;
}

h3.buttonbar a {
  color:#fff;
  font-weight:500;
}

h3.buttonbar-dark a {
  color:#355772;
  font-weight:500;
}

.golden {
     color:#dfba3b;
     -webkit-text-fill-color: transparent;
     background: -webkit-linear-gradient(transparent, transparent),
     url(images/gold01.jpg) repeat;
     background: -o-linear-gradient(transparent, transparent);
     -webkit-background-clip: text;
}

.buttonraspberry {
  background:#ff1d58 !important;
}

.button.buttonraspberry:hover {
  background:#ff1d58 !important;
}


.button-golden {
  background: url(images/gold02.jpg) top center no-repeat;
}

.hide-desktop {
    display: none;
}

#smartphone-footer {
   display:none;
}

#content div.kamerprijs {
  margin: 40px;
  padding: 10px;
  background:#ebe7e7;
  display:block;
  border:1px solid #f9f9f9;
  font-weight:500;
}

#content div.kamerprijs p {
  margin-bottom:0;
  font-size:16px;
}

#content div.kamerprijs2 {
  margin: 20px;
  padding: 10px;
  background:#ededed;
  display:block;
  border:1px solid #f9f9f9;
  font-weight:300;
}

#content div.kamerprijs2 table {
  width:98%;
  margin:0 auto 30px auto;
}

#content div.kamerprijs2 table td {
  width:33%;
  text-align:left;
  vertical-align:top;
  border-right:1px solid #ccc;
  padding:0 5px 0 10px;
}

#content div.kamerprijs2 table td:last-child {
  border-right:0;
}


a, p a {
	color:#8c2e3d;
	text-decoration:none;
	cursor:pointer;
-webkit-transition:color .15s ease-out;
-moz-transition:color .15s ease-out;
-o-transition:color .15s ease-out;
-ms-transition:color .15s ease-out;
transition:color .15s ease-out
}

#footer p a {
	color:#cdbab9;
}

a:hover, p a:hover {
	color:#5e1d29;
}

.buttonbar-padding {
  padding:24px 60px;
  width: 33%; 
  float:left;
}

.buttonbar-padding-last {
  width: 34%; 
}

.buttonbar2-padding {
  padding:24px 60px;
  width: 33%; 
  float:left;
}

.buttonbar2-padding-last {
  width: 34%; 
}





.buttonbar-padding h3, .buttonbar2-padding h3 {
  margin-bottom:0;
}


a.paddedthumb {
  padding:3px;
}

.description ul {
  list-style:none;
  padding:0px 50px 0px 50px;
}

.description ul li {
  border-bottom:1px solid #f0f0f0;
  padding: 15px 0px;
}

a.button-theme {
 	background-color:#8c2e3d;
 	text-shadow: 0 0 0 rgba(0,0,0,0.0);
 	font-family:'Open Sans', 'Raleway', sans-serif;
}

button.button-theme {
 	background-color:#8c2e3d;
 	text-shadow: 0 0 0 rgba(0,0,0,0.0);
 	font-family:'Open Sans', 'Raleway', sans-serif;
}


div.mobile_cta {
  display:none;
}


.grey {
  background:#ededed;
}

.cta {
  margin: 0 14px 0 14px;
  padding: 40px;
  background:#ebe7e7;
  display:block;
  border:1px solid #f9f9f9;
  font-weight:500;
}

.cta p {
  margin-bottom:0;
  font-size:16px;
  
}


.fb-page {
  width:300px !important;
  display:block;
  margin:0 auto 20px auto;
}


.zonnehuis-left {
  text-align:right;
  padding:0;
  margin:0;
}

.zonnehuis-right {
  text-align:left;
  padding:0;
  margin:0;
}


#primary-menu-trigger {
  color:#ffffff;
}

.social-icon {
  display:inline-block;
  float:none;
}



/* -------------- SPLASH PAGE NEW 2025 ------------------------- */

#header  {
  background:#5e1d29;
  border-bottom:1px solid #5e1d29;
}

#header-wrap {
  background:#5e1d29 !important;
  height:170px !important;
}



#header.full-header {
  border-bottom:1px solid #5e1d29;
}

#header.full-header #primary-menu > ul, #header.full-header #logo  {
  border-right:0px solid #5e1d29;
}

#logo {
  float:none !important;
  display: flex;
  justify-content: center;
align-items: center;
}


#primary-menu {float: none;display: flex;justify-content: center;align-items: center;}

#primary-menu ul li > a {
	display: block;
	line-height: 22px;
	padding: 10px 15px;
	color: #f2dbda;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Average Sans', 'Raleway', sans-serif;
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;
	
}



#primary-menu ul ul li > a {
	color: #f2dbda;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 14px;
	background:#5e1d29;
	border:1px solid #5e1d29;
}


#primary-menu ul li:hover > a,
#primary-menu ul li.current > a { color: #fff; }

#primary-menu ul ul li:hover > a,
#primary-menu ul ul li.current > a { color: #fff; }


#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
  border:1px solid #5e1d29;
	border-top: 2px solid #5e1d29;
}

#primary-menu ul li.bookbutton > a {
  background:#9d9270;
	line-height: 22px;
	padding: 5px 20px;
	margin-top:5px;
	color:#fff;
}


#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.bookbutton > a {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:14px;
}



h1.splashtext {
  color:#fff;
  font-size:58px;
  line-height:72px;
	text-transform: uppercase;
	font-family: 'Average Sans', 'Raleway', sans-serif;
	text-shadow: 1px 1px #222;
	letter-spacing:0px;
	font-weight:700;
}


h1.splashtext span {
  color:#fff;
  font-size:60px;
	text-transform: uppercase;
	font-family: 'Average Sans', 'Raleway', sans-serif;
	font-weight:700;
}


#logo img {
	height: 90px;
	margin-top:15px;
	-webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
	-o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
	transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
}


#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap {
	height: 70px !important;
  background-color:rgba(94,29,41,1);
}

#header.sticky-header #logo {
	height: 0px;
	margin-top:0px;
}

#header.sticky-header #primary-menu {
	height: 70px;
	margin-top:0px;
}




#header.sticky-header #logo img {
	height: 0px;
	margin-top:0px;
	display:none;
}


#top-search a,
#top-cart > a,
#side-panel-trigger a,
#top-account a {
	width: 26px;
	height: 26px;
	font-size: 26px;
	line-height: 26px;
	color:#ffffff;
}

#top-search,
#top-cart,
#side-panel-trigger,
#top-account {
	margin: 22px 0 20px 15px;
}



.middrop {
  display:none;
}






/* ------------------- FOOTER ---------------------------- */


#footer.dark,
.dark #footer {
	background-color: #5e1d29;
	color: #CCC;
	border-top-color: rgba(0,0,0,0.2);
}



#copyrights a {
  color: #ccc;
}

#footer .footer-widgets-wrap,#footer_alt .footer-widgets-wrap {
	position: relative;
	padding: 20px 0 10px 0;
}

#copyrights p {
  margin-bottom:0;
}

#copyrights2 p {
  font-size:13px;
}

#copyrights2 p a {
  font-size:13px;
}



/* ---------------- GDPR ----------------------- */



.enlighten, .enlighten2 {
  background:#fff;
  border:2px solid #ddd;
  padding:10px 6px;
}

.enlighten2 label {
  display:block; 
  margin-left:50px;
  text-align:left;
}

.enlighten2 input {
  width:40px; 
  float:left; 
}


.cc-message {
  font-size:12px;
  line-height:18px;
}

.cc-compliance {
  padding-top:20px;
}
.cc-compliance a {
  display:block;
}



/* ---------------- MEDIA QUERIES ----------------------- */



@media screen and (min-width: 990px) and (max-width: 1480px) {


.midhide {
  display:none;
}

.middrop {
  display:block;
}



}


@media screen and (min-width: 900px) and (max-width: 1480px) {

.buttonbar-padding {
min-height:110px !important;}


#primary-menu ul li > a {
	line-height: 22px;
	padding: 10px 15px;
	color: #f2dbda;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-family: 'Average Sans', 'Raleway', sans-serif;
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;


}

	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #b6716e !important; }




}




@media screen and (max-width: 1156px) {


#logo {
  margin-left:0px;
}



#languagelist {
  margin-top: -10px;
}

#primary-menu ul li > a {
	padding: 10px 6px;
	font-size: 14px;
}



}





@media screen and (max-width: 900px) {

.buttonbar-padding {
  padding:10px 20px;
  width:100%;
  text-align:center;
  
}


	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #fff !important; }





h1, h2 {
	font-size:24px;
	line-height:30px;
	letter-spacing:2px;
}

h3.buttonbar, h3.buttonbar-dark {
	font-size:18px;
	line-height:26px;
	letter-spacing:1px;
}

.pagelinks li.homelinkmain {
    display: block !important;
    padding: 5px;
}

.description ul {
  list-style:none;
  padding:0px 2px 0px 2px;
}

.content-wrap {
  padding:20px 0;
} 


#content div.kamerprijs {
  margin: 10px 0 30px 0;
}

#content div.kamerprijs2 {
  margin: 10px 0 30px 0;
}


.iphohe-adjusted {
  margin:20px 0 -50px 0;
}

.button {
  letter-spacing:0;
}

.description p:last-child {
  margin-bottom:0;
}


.cta {
  max-width:92%;
}


#footer h3 {
  max-width:85%;
  width:85%;
  margin:0 auto 20px auto;
}





  #booknow_mobile  {
    display:block;
    background-color: #c6969e;
    text-align:center;
    padding:20px;
    color:#fff;
    font-family:'Roboto', 'Raleway', sans-serif;
  }



  #booknow_mobile a {
    color:#fff;
    font-family:'Roboto', 'Raleway', sans-serif;
    text-transform:uppercase;
    margin:0 10px;
  }




}


@media (min-width: 600px) and (max-width: 900px){

#language-select h1{
    display: none;
}


.hide-smartphone {
    display: none;
}

.hide-desktop {
    display: block;
}


}



@media (max-width: 991px){

#booknow, .desktoponly {
    display:none;
  }

.holdon {
  text-align:center;
  width:400px;
  margin:20px auto 0 auto !important;
  color:#fff;
}

a.langinline {
  display:inline-block;
  float:none;
  margin: 0 5px 0 5px !important;
  color:#fff;
}

li.mobileonly {
  display:block;
}

li.mobileonly a.mobileonlybutton {
  width:200px; 
  background:#c6969e;
	margin: 0 100px !important;
	text-align: center !important;
}


#primary-menu ul > li > a.mobileonlybutton {
		margin: 20px auto 0 auto !important;
		padding:10px 10px !important;
	color:#fff;
	}


#primary-menu ul li > a {
	font-size: 16px;
}


#primary-menu ul li.bookbutton > a {
  background:#c6969e;
}


#header-wrap {
  height:124px !important;
}


body.primary-menu-open #header-wrap {
  min-height: 100vh; 
}

body.primary-menu-open #primary-menu {
  margin-top:30px !important;
}

body.primary-menu-open #primary-menu li   {

border:0;
}


body.primary-menu-open #primary-menu li a  {
  text-align:center;
  line-height:28px;
}






#primary-menu-trigger,
#page-submenu-trigger {
	font-size: 20px;
}


#primary-menu {
  display: block;
  background:#5e1d29;
}




	.responsive-sticky-header:not(.static-sticky) #logo img {
  height:40px;
  width:50px;
  margin-top:10px;
}

	.responsive-sticky-header #primary-menu > ul,
	.responsive-sticky-header #primary-menu > .container > ul {
		max-height: 100vh;
	}


h1.splashtext {
  font-size:32px;
  line-height:40px;
	text-transform: uppercase;
	font-family: 'Average Sans', 'Raleway', sans-serif;
	text-shadow: 1px 1px #222;
	letter-spacing:1px;
	font-weight:300;
}


h1.splashtext span {
  color:#fff;
  font-size:40px;
	text-transform: uppercase;
	font-family: 'Average Sans', 'Raleway', sans-serif;
	font-weight:500;
}


body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a  { color: #fff !important; }






}



@media (max-width: 600px){


#smartphone-footer {
   display:block;
   bottom:0;
    position:fixed;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:35px;
    background:#fff;
    width:100%;
    text-align:center;
}

.hide-smartphone {
    display: none;
}

.hide-desktop {
    display: block;
}


div.mobile_cta {
    display: block !important;
    padding:24px 0 0 0;
}

div.mobile_cta h3  {
    font-size:20px;
}

div.mobile_cta h3 a  {
    color:#fff;
}



#language-select h1{
    display: none;
}

}


@media (min-width: 480px) and (max-width: 767px) {

	.container,
	#header.full-header .container,
	.container-fullwidth { width: 95% !important; }
}	


@media (max-width: 991px) {

	#header.full-header .container,
	.container-fullwidth {
		width: 95% !important;
	}