@font-face {
    font-family: 'footlight';
    src: url('../fonts/footlightmtprolight-webfont.woff2') format('woff2'),
         url('../fonts/footlightmtprolight-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'footlight';
    src: url('../fonts/footlightmtproregular-webfont.woff2') format('woff2'),
         url('../fonts/footlightmtproregular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'footlight';
    src: url('../fonts/footlightmtprobold-webfont.woff2') format('woff2'),
         url('../fonts/footlightmtprobold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

body {overflow-x:hidden; position: relative;  font-family: 'footlight', serif; font-weight: 300;  font-size:20px; line-height: 26px; background:url(../layout/body.jpg) #e5cb97; margin: 0px; color:#6b1717;}
*, *:before, *:after {box-sizing: border-box; margin: 0;  }
*:before, *:after {content:"";}
p {margin-top: 0px; margin-bottom: 10px}
.content p:last-child{margin-bottom: 0px}
.content p:last-child img.alignnone{margin-bottom: 0px;}
picture{display: block; line-height: 0px;}
.fa-icon a:after, a.fa-icon:after, .menu-item.menu-item-has-children a:after, .menu-item.menu-item-has-children a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-left: 10px; }
.menu-item.menu-item-has-children a:before{margin: 0px;}
a{color:#6b1717;}
a:hover{color:#fcf9c8;}

.grecaptcha-badge{right: -18600px !important;}

/*knoppen*/
a.button{font-family: 'Montserrat', sans-serif; position: relative;  z-index: 1;border-radius: 8px;text-decoration: none; text-transform: uppercase; border: none; color:#0b4141; border: 2px solid #0b4141;  font-weight: 400; font-size: 14px;line-height: 54px; padding: 0 30px;display: inline-block; margin-right: 20px;margin-top: 15px;}
a.button:hover{background-color: #0b4141 !important; color: #faf0dc}

.button_classic{ box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.5); border-radius: 2px; color:#fcf9c8; background: #6b1717; margin:0 24px; display: inline-block; font-weight: 400; font-size: 18px; position: relative; line-height: 36px; padding: 0 10px; text-decoration: none; text-transform: uppercase; }
.button_classic:before{content:""; background: url(../layout/button_left.png) no-repeat; width: 29px; height: 36px; position: absolute; left: -24px; z-index: -1; top: 3px;}
.button_classic:after{content:""; background: url(../layout/button_right.png) no-repeat; width: 29px; height: 36px; position: absolute; right: -24px; z-index: -1; top: 3px;}
.center_button {display: block; text-align: center;}
.button_classic:hover{top: 1px; box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.5); }
.button_classic:hover:before{top: 2px;}
.button_classic:hover:after{top: 2px;}




.bgcolor a.button{color: #faf0dc; border: 2px solid #faf0dc;}
.bgcolor a.button:hover{background-color: #faf0dc !important; color: #0b4141 !important}

.first_col hr{display: block; height: 42px; background: url(../layout/divider_links.png)center left no-repeat; border: none; position: relative; left: -40px; margin: 30px 0;}
hr{display: block; height: 42px; background: url(../layout/hr.png)center no-repeat; border: none; position: relative; margin: 30px 0;}
.smal hr{display: block; height: 42px; background: url(../layout/divider.png)center center no-repeat; border: none; position: relative; left: 0px; margin: 40px 0;}



h1,h2,h3,h4{font-weight: 400; margin-top: 0px; margin-bottom: 10px}
h1{font-size: 40px; line-height: 50px;  }
h2{font-size: 32px; line-height: 42px; }
h3{font-size: 28px; line-height: 28px; }
h4{font-size: 28px; line-height: 28px; }


/*main grid*/
.bgpainting{width: 100%; min-height: 340px; background: url(../layout/header-repeat.png)center top repeat-x; background-size: cover; position: absolute; z-index: -1; }
.site-wrapper{z-index: 2; display: block;margin: 0 auto; max-width: 1345px; margin: 0 auto; background: url(../layout/site_bg.png) repeat-y; background-size: 100%; position: relative; margin-top: -56px;}
.site-wrapper:after{content:""; position: absolute; bottom: 300px; left: -320px; width: 423px; height: 659px; background: url(../layout/inktpot.png); pointer-events: none;}
.main-wrapper{display: block; margin: 0 auto; padding-top: 40px }
.main-wrapper:after{display: table; content:""; clear: both;}


/*header*/
.header{width: 100%; border-top: 4px solid #fcf9c9; position: relative; z-index: 3;}
.header_main{ max-width: 1345px; display: block; margin: 0 auto; padding: 0; position: relative; z-index: 1;}
.logo{position: relative; display: inline-block; font-style: italic; padding: 85px 0 80px 10px; vertical-align: top; font-weight: normal; font-size: 60px; line-height: 60px;width: auto;
-webkit-text-stroke-width: 0.5px;  -webkit-text-stroke-color: #b93033; text-shadow: 0px 0px 4px rgba(0,0,0,0.5);}

.logo a{text-decoration: none; color:#fff;}
.extra_menu{position: absolute; right: 10px;     bottom: -8px;}
.extra_menu ul{list-style: none; display: block; margin: 0; padding: 0; }
.extra_menu ul li{display: inline-block; height: 75px; width: 189px; text-align: center; position: relative;}
.extra_menu ul li:nth-child(1){ background:url(../layout/extra_menu_1.png) no-repeat center;}
.extra_menu ul li:nth-child(2){ background:url(../layout/extra_menu_2.png) no-repeat center; margin-left: -50px;}
.extra_menu a{color:#3c0d0d; font-weight: 400; font-size: 20px;  width: 100%;  text-decoration: none; line-height: 100px;}
.extra_menu a:hover{color:#fcf9c8;}

.toggle-menu{right: 20px; top: 20px;display: none; position: absolute; width: 35px; height: 35px; cursor: pointer; text-align: center; color: #fcf9c8; border: 2px solid #fcf9c8; border-radius: 50%; background: #6b1717; font-size: 18px;    padding-top: 3px; }


.toggle-menu:hover{color:#6b1717 ; background:#fcf9c8;}

.mobile-menu{display: none; float: right; vertical-align: top; font-size: 24px; margin-top: 23px; margin-right: 20px}
.mobile-menu span{margin-right: 10px; font-size: 18px;}

.wpml-ls-statics-shortcode_actions {position: absolute; right: 0; top:2px; border: none; padding: 0;}
.wpml-ls-statics-shortcode_actions .wpml-ls-item{background:#fcf9c9; color:#6b1717; padding: 3px 0; text-align: center; opacity: .5 }
.wpml-ls-statics-shortcode_actions .wpml-ls-item:hover{ opacity: 1}
.wpml-ls-statics-shortcode_actions .wpml-ls-item a{color:#6b1717; font-size: 16px;}
.wpml-ls-statics-shortcode_actions .wpml-ls-item.wpml-ls-current-language{opacity: 1}
.wpml-ls-statics-shortcode_actions .wpml-ls-item .wpml-ls-flag{vertical-align: middle}

.wpml-ls-statics-shortcode_actions .wpml-ls-item.wpml-ls-first-item{border-bottom-left-radius: 3px;}
.wpml-ls-statics-shortcode_actions .wpml-ls-item.wpml-ls-last-item{border-bottom-right-radius: 3px;}



/*menu*/
.nav{display: block; max-width: 1365px; margin: 0 auto; height: 142px; background: url(../layout/top_rol_tr.png) no-repeat center top; background-size: 100%; position: relative; z-index: 3;}

.nav ul {transform: rotate(.5deg);  display: grid; grid-template-rows: repeat(1, auto); grid-auto-flow: column; margin: 0 20px; list-style: none}
.nav ul:after, .nav ul:before{display: none;}
.nav ul>li{text-align: center; position: relative}
.nav ul>li>a{display: inline-block; text-decoration: none; color:#6b1717; font-weight: 400; font-size:22px; padding: 16px 20px 40px;}

.nav ul>li>a:hover{ color:#fcf9c8;}
.nav ul li.mobiel{display: none;}
.nav .wpml-ls-item{display: none;}
/*submenu*/
.nav ul li.menu-item-has-children>a:after{content:"\f055"; margin-left: 6px; font-size: 15px; display: inline; }
.nav ul li.menu-item-has-children:hover .sub-menu{display: block;}
.nav ul li .sub-menu{display: none; position: absolute; background: #6b1717 url(../layout/menu_bg.png) no-repeat bottom 10px center; padding: 20px 30px 60px 30px; top: 59px;  margin: 0px;left: 50%;  transform: translateX(-50%) }
.nav ul li:nth-child(3) .sub-menu{top: 67px;}
.nav ul li .sub-menu li{width: 100%; text-align: left; margin: 0px;   display: block; text-wrap: nowrap;}

.nav ul li .sub-menu li a{color:#fcf9c8; padding: 0; font-size: 18px; line-height: 30px; }
.nav ul li .sub-menu li a:hover{background: transparent; color:#c7b390}

.nav ul .sub-menu .current_page_item{border: none !important;}
.nav ul .sub-menu .current_page_item a{color:#faf0dc!important;}






.row{display: block; position: relative; padding: 0 60px;}
.home_content .row{padding-left: 0;}
.row.extra_bottom{margin-bottom: 40px; }
.row.extra_top{padding-top: 40px; }
.grid-row{display: block; margin-top: 40px;}

.row.no-bg:after,.row.no-bg:before {display: none;}

.row.bgcolor {padding: 40px 60px 40px 60px;}
.row.bgcolor.extra_top{margin-top: 40px;}
.row.bgcolor:before{content: ""; z-index:0; position: absolute; width: 100%; height: 100%; background: #6b1717; top: 0px; left: 0; opacity: .1 }
.home_content  .row.bgcolor:before {width: 100%; left: 0;}




img.multiply{mix-blend-mode: multiply;}
img.alignnone {float:none; margin: 5px 0 5px 0;}
img.alignleft {float:left; margin: 5px 10px 5px 0px;}
img.aligncenter {display:block; float:none; margin: 5px auto;}
img.alignright {float:right; margin: 5px 0 5px 10px;}

.row:after{content:""; display: table; clear: both;}
.col{float: left; position: relative;}
.col-3{width: 25%;}
.col-4{width: 33%;}
.col-6{width: 50%;}
.col-8{width: 67%;}
.col-12{width: 100%;}
.col-6:nth-child(1){padding-right: 20px;}
.col-6:nth-child(2){padding-left: 20px;}
.columns:after{display: table; clear: both; content:"";}
.left_side{width: 75%; float: left; padding-right: 40px;}
.right_side{width: 25%; float: left}


/*Homepage*/
.sidebar{width: 420px; display: inline-block; float: left; font-size: 18px; line-height: 24px;}
.Xsidebar .image{margin-left: 20px; background: url(../layout/home_image_bg.png) no-repeat; padding: 80px 0 60px 55px}
.sidebar .image{margin-left: 20px; background: url(../layout/home_image_bg_nails.png) no-repeat; padding: 50px 0 30px 55px}
.sidebar .sidebar_widgets{padding:40px 120px 40px 60px;} 
.sidebar .sidebar_widgets .item{padding-bottom: 80px; position: relative; margin-bottom: 40px;}
.sidebar .sidebar_widgets .item:after{content: ""; position: absolute; width: 130px; height: 42px; bottom: 0; left: -46px; background: url(../layout/divider_links.png) bottom right no-repeat;}
.sidebar .sidebar_widgets .item:last-child{padding-bottom: 0; }
.sidebar .sidebar_widgets .item:last-child:after{display: none;}

.sidebar .sidebar_widgets h4{margin-bottom: 10px;}
.calendar_line_widget{display: block; font-weight: 400;}
.sidebar .sidebar_widgets .button_classic{margin-top: 30px;}

.home_content{display: inline-block; width: calc(100% - 420px); float: left}


/*kalender*/
.calendar_line {display: block;}
.calendar_line.empty{margin-bottom: 20px;}
.calendar_line span{display: inline-block;}
.calendar_line span:nth-child(1){width: 30px;}
.calendar_line span:nth-child(2){width: 30px;}
.calendar_line span:nth-child(3){width:90px;}
.calendar_line span:nth-child(4){width:200px;}

.kalender .year{font-weight: 400; font-size: 26px;}




/*wysiwyg dubbele wysiwyg*/

.wysiwyg_wrapper.smal {max-width: 900px; margin: 0 auto; text-align: center}
.wysiwyg_wrapper.smal ul {list-style: none;}
/*Lijst met opmaak*/
 ul.wysiwyg_link_list{list-style: none; margin: 0px; padding: 0px;}
 ul.wysiwyg_link_list li{position: relative; padding: 0px; margin: 0 0 10px ;display: block;}



.row.dubbele_wysiwyg img,.row.wysiwyg img{display: block; max-width: 100%; height: auto; }
.row.dubbele_wysiwyg .button_classic,.row.wysiwyg .button_classic{margin-top:20px;}


.wysiwyg.bgcolor{padding: 60px 0px;}
.wysiwyg_wrapper{position: relative; display: block; margin: 0 auto;}


.row.dubbele_wysiwyg img{display: block; max-width: 100%; height: auto;}
.row.dubbele_wysiwyg .first_col{padding-right: 15px; padding-left: 0;}
.row.dubbele_wysiwyg .second_col{padding-left: 15px;}
.row.dubbele_wysiwyg .first_col.col-6{padding-right: 30px;}
.row.dubbele_wysiwyg .second_col.col-6{padding-left: 30px;}
.row.dubbele_wysiwyg .title span{font-weight: 400; font-size: 28px; line-height: 38px; margin-bottom: 10px;}
.row.dubbele_wysiwyg:after{display: table; clear: both;}


.row.tripple_wysiwyg{ display: flex; column-gap: 30px; font-size: 18px; line-height: 24px;}
.home .row.bgcolor.tripple_wysiwyg {padding: 40px 60px 50px 20px; margin-bottom: 30px;}
.row.bgcolor.tripple_wysiwyg{padding: 40px 60px;}
.row.bgcolor.tripple_wysiwyg:after{position: absolute; left: -33px; top: 0; height: 100%; width:33px; background: url(../layout/ripple.png)}
.row.tripple_wysiwyg .col{flex: 1; padding-bottom: 0px;}

.home .row.tripple_wysiwyg a.button_classic{width: calc(100% - 48px); margin-top: 20px;}
.row.tripple_wysiwyg a.button_classic{margin-top: 20px;}


/*galley lightbox*/
.gallery p{margin: 0;}
.gallery p:before, .gallery p br{display: none;}
.gallery .gallery-item{margin-top: 2px !important}
.gallery-item img { border: 2px solid transparent !important;}
.pbThumbs li.active a img { border-color: #faf0dc !important;}
#pbCloseBtn:hover:before { background: rgba(135, 33, 45, 1)!important;}

 


/*Illustartie zijkant*/
.illustratie_zijkant{display: block; height: 42px;background: url(../layout/divider_rechts.png) bottom right 10px no-repeat;}

/*Illustartie zijkant*/
.illustratie_midden{display: block; height: 42px;background: url(../layout/hr.png) center no-repeat;}

/*contactform 7 */
.wpcf7-form-control-wrap {display: block;}
.wpcf7{max-width: 600px; margin: 0 auto;}
.wpcf7 form{position: relative;}
.wpcf7 form:after{display: table; clear: both; content:"";}
.wpcf7 form br{display: none}
.wpcf7:after{content:""; clear: both; display: table;}
.wpcf7 label {width: 50%; display: inline-block; float: left; padding: 0 10px 20px;}
.wpcf7 label.full, .wpcf7 .wpcf7-acceptance label{width: 100%}
.wpcf7 label.full.gebdate .wpcf7-form-control-wrap{width: 50%; display: inline-block; padding-left: 10px;}
.wpcf7 label.full.gebdate .placeholder{font-weight: 400;}

.wpcf7 input, .wpcf7 select, .wpcf7 textarea{font-family: 'footlight', serif;}
.wpcf7 input[type=text],  .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=date], input[type=number]{transition: all .3s ease-out;  font-weight: 400; border: 2px solid #6b1717; background: transparent; color:#6b1717; font-size: 18px; line-height: 40px; height: 44px; width: 100%;  text-indent: 10px; }

.wpcf7 select{text-indent: 10px; width: 100%; border: 2px solid #6b1717;  font-weight: 400; font-size: 18px; color:#6b1717; height: 46px; background: transparent;}
.wpcf7 textarea{border: 2px solid #6b1717; color:#6b1717; font-size: 18px; padding: 10px; width: 100%; background: transparent; height: 90px; }
.wpcf7-submit{ text-transform: uppercase; cursor: pointer; position: relative;left: 50%; transform: translateX(-50%);border: none; background: #6b1717; color:#fcf9c8;  font-weight: 400; font-size: 18px;line-height: 44px; padding: 0 30px; border-radius: 0px;display: inline-block; }
.wpcf7-submit:hover{color:#6b1717;; background-color: #fcf9c8;}
.wpcf7-submit:disabled{opacity: .5}

.wpcf7-form-control-wrap{position: relative;}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip{position: absolute; right: 6px; top: 0px; font-size: 11px; color: #6b1717}
.wpcf7 form.invalid .wpcf7-response-output{color:#fcf9c8; border: none; background: #6b1717; padding: 15px; margin-top: 40px; float: left}
.wpcf7 form.sent .wpcf7-response-output{border: none; background:#fcf9c8; color:#6b1717;  padding: 15px; margin-top: 40px; float: left; width: 100%;}

.wpcf7-acceptance{margin: 50px 0px 36px; display: block; float: left; }
span.wpcf7-list-item{margin: 0px;}

.wpcf7-spinner{display: none; position: absolute;  bottom: -4px;  left: calc(50% - 24px);}
.submitting .wpcf7-spinner{display: inline-block;}
.submitting .wpcf7-submit {margin-bottom: 30px;}
.wpcf7 p:empty{display: none;}
.wpcf7-form.sent .inline-form label, .wpcf7-form.sent small{display: none;}







 .reserveer_knop{width: 200px; cursor: pointer; text-decoration: none; transition: all 1s;
 position: fixed; top: -60px;  right: 50px;  z-index: 8; background:#851c1c url(../layout/calendar.svg) left 10px center no-repeat;
 border-radius: 5PX; background-size: 30px; color:#fcf9c8; padding:10px 20px 10px 50px; }
 .reserveer_knop:hover{background:#000 url(../layout/calendar.svg) left 10px center no-repeat;  background-size: 30px;}
 .more_scroll .reserveer_knop{top: 20px;}
 
 
 
 .extra_options{width: 200px; transition: all 1s; cursor:pointer; position: fixed; top: -80px;  right: 50px;  z-index: 8; background:#851c1c url(../layout/jester-hat.svg) left 10px center no-repeat;
 border-radius: 5PX; background-size: 50px; color:#fcf9c8; padding:10px 20px 10px 70px; }
.extra_options:hover{background:#000 url(../layout/jester-hat.svg) left 10px center no-repeat; background-size: 50px;}
.more_scroll .extra_options{top: 70px;}



.extra_options_popup_wrapper{display: none;}
.open_popup .extra_options_popup_wrapper{display: block;}
.extra_options_popup_wrapper{background: rgba(0, 0, 0, 0.8); position: fixed;  z-index: 10;  top: 0px;  left: 0px; height: 100%;  width: 100%; }
.extra_options_popup_wrapper .popup{opacity: 0; top: -50%; left: 50%; transform: translateX(-50%) rotate(-10deg); background: url(../layout/popup_bottom.png) center bottom repeat-y; background-size: 100% auto; padding: 40px 60px 60px 60px;width: 810px; max-height: 90vh; overflow-y: auto; position: absolute; }
.open_popup .popup {animation-name: topDown; animation-duration: .5s;animation-delay: .5s; animation-fill-mode: forwards;}
.extra_options_popup_wrapper .popup .close{cursor: pointer; position: absolute; right: 30px; top: 20px; text-align: center; line-height: 36px; border-radius: 50%;background:#851c1c; width: 30px; height: 30px; color:#fcf9c8;}
.extra_options_popup_wrapper .popup .close:hover{background:#000;}


@keyframes topDown {
   0% {top: -50%; opacity: 0; transform: translateX(-50%) rotate(-10deg);}
  100% {top: 0px; opacity:1; transform: translateX(-50%) rotate(0deg);}
}

/*footer*/
.footer{ position: relative; margin-top: 0px; font-size: 18px; line-height: 26px;  }
.footer .row{padding: 0;}

.footer .top{ padding: 60px 70px 40px; background: url(../layout/footer_top.png) no-repeat center top; }
.footer .top a{display: block;}
.footer .contact i{margin-right: 6px;}
.footer .openingstijden strong{font-weight: 300; display:inline-block; width: 90px}
.footer  ul {columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style: none; padding: 0; }

.footer .col.links{padding-left: 70px;}


.footer-bottom{background: url(../layout/footer_bottom.png) no-repeat center top; padding: 60px 70px 22px;  text-align: right;  font-weight: 400; color: #6b1717; }

/*Rol aanpassen*/
@media only screen and (max-width:1390px)  {
.nav{background-size: 103%; }
}

/*media query voor menu op desktop*/
 @media only screen and (min-width: 1025px) and (max-width: 1200px)  {
.tripple_wysiwyg .button_classic{line-height: 1.1em; padding: 4px; margin: 0; } 
}




@media only screen and (max-width:1024px)  {
 
body{}
 
 
 /*header*/
.header{height: 80px; position: fixed; left: 0; top: 0; width: 100%; padding: 0;}
.scroll .header, .nav-open .header{    background: #6b1717 url(../layout/nav_bg.png); background-size: cover;}
.logo{font-size: 36px;width: 50%; margin: 0; padding: 0 20px; line-height: 80px;}
.toggle-menu{display: inline-block;}
.reserveer_knop{width: 35px; height: 35px; font-size: 0; padding:0px;  border-radius: 50%; top: 24px;  right: 60px;  background:#6b1717 url(../layout/calendar.svg) center no-repeat;
 border-radius: 50%; background-size: 15px;     border: 2px solid #fcf9c8;}
 .reserveer_knop:hover{background:#000 url(../layout/calendar.svg) center no-repeat;  background-size: 15px;}
 .more_scroll .reserveer_knop{top: 24px;}
 
.header .wpml-ls-statics-shortcode_actions{display: none;}

 
 
.site-wrapper{margin-top: 80px;}
.bgpainting {width: 100%; min-height: 150px; top: -80px;}


/*menu*/
.extra_menu{display: none;}
.nav{display: none; position: absolute; width:100%; background:#500505; left: 0px; top: 74px; overflow-y: auto;height: calc(100vh - 74px);   margin-right: 0px; text-align: left; margin-top: 0px;}
.nav ul:not(.sub-menu):after{content:""; width: 100%; height: 24px; display: block; background: url(../layout/mmb.png) center; margin-top: 20px;}
.nav-open .header:before{content:""; width: 100%; height: 24px; position: absolute; bottom: -10px; left: 0; background: url(../layout/mmt.png) center; z-index: 10;}

.nav-open .nav{display: block;}
.nav ul {transform: rotate(0deg); margin: 10px 0 0 0; display: block; padding: 0 0 10px 0;}
.nav>ul:after{display: table; content:""; clear: both;}
.nav>ul>li{ text-align: left; height: auto; margin: 0px; padding:10px 20px; border-bottom: 1px solid #5d1714;}

.nav ul li.mobiel{display: block;}
.nav ul li{display: block;position: relative;}
.nav ul li a{color:#faf0dc; text-decoration: none; font-weight: 400;  font-size: 20px; line-height: 30px; padding: 0;}
.nav ul li a:hover, .nav ul>li>a:hover{color:#faf0dc !important; background: transparent}

.nav .wpml-ls-item{display: block; background:#a67f67; color:#6b1717; padding: 0; text-align: center; margin: 20px 0;  width: 70px; float: left; position: relative;}
.nav .wpml-ls-item.wpml-ls-current-language{background:#fcf9c9;}
.nav .wpml-ls-item .wpml-ls-flag{vertical-align: middle}

.nav .wpml-ls-item.wpml-ls-first-item{border-top-left-radius: 3px; border-bottom-left-radius: 3px; left: calc(50% - 70px) }
.nav .wpml-ls-item.wpml-ls-last-item{border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: calc(50% - 70px)}
.nav .wpml-ls-item a{color:#6b1717; font-size: 16px;}

/*submenu*/
.nav ul li:nth-child(3) .sub-menu {top: 0;}
.nav ul li.menu-item-has-children>a:after{position: absolute; right: 20px; top: 10px;}

.nav ul li.menu-item-has-children{position: relative;}
.nav ul li.menu-item-has-children:hover .sub-menu{display:none;}
.nav ul li.menu-item-has-children.open-submenu .sub-menu{display:block !important;}
.nav ul li .sub-menu{ transform: translateX(0%);display: none; width: 100% ;position: relative; left: 0px; top: 0px; background: transparent; text-align: left; padding: 10px 0px 0px 0px; }
.nav ul li .sub-menu li a{margin-left: 20px; color:fcf9c8 !important; }

.main-wrapper {padding-top: 40px; }
.site-wrapper:after {transform: rotate(-20deg); bottom: -150px;left: -300px;}
.site-wrapper{overflow-y: hidden;}


/*dubbele wysiwyg*/
.row.dubbele_wysiwyg {display: block}
.row.dubbele_wysiwyg .first_col, .row.dubbele_wysiwyg .second_col{display: block; padding: 0 0 20px 0; width: 100%;}

/*tripple wysiwyg*/
.row.tripple_wysiwyg{display: block;}
.row.tripple_wysiwyg .col {width: 100%; padding-bottom: 30px; float: none;}
.row.tripple_wysiwyg .col.last_col{padding-bottom: 0px;}
.row.tripple_wysiwyg .col .center_button {position: relative; margin-top: 10px;}
.row.tripple_wysiwyg .col .center_button a { width: auto;}


/*footer*/
.footer .top { padding: 60px 60px 80px;}
.footer ul{column-gap: 160px;}
.footer .col-3{width: 50%}
.footer .col-3.openingstijden{padding-left: 80px;}
.footer .col.links{width: 100%; padding-left: 0; padding-top: 40px;}

}




@media only screen and (max-width: 768px)  {
 body{font-size: 20px; line-height: 26px;}
 
 .logo{width: calc(100% - 95px); padding:0 10px; font-size: 25px;}
 .toggle-menu{right: 10px;padding-top: 5px;}

  h1{font-size: 36px; line-height: 40px;  }
  h2{font-size: 32px; line-height: 42px; }
  h3{font-size: 28px; line-height: 28px; }
  h4{font-size: 28px; line-height: 28px; }
 
 .row {padding: 0 20px;}
 .row.bgcolor { padding: 40px 20px;}
 .home_content .row {padding-left: 20px;}
 
  .site-wrapper {overflow-y: visible;}
  .site-wrapper:after {display: none;}
  .site-wrapper:before{content: ""; position: absolute; left: 10px; right: 10px; top: -8px;width: calc(100% - 20px); height: 25px; background: url(../layout/mobile_top.png) center top;}


 
  .home .main-wrapper, .main-wrapper{padding-top: 10px}
  
  .sidebar { width: 100%; float: none; font-size: 20px; line-height: 26px;}
  .Xsidebar .image {padding: 60px 40px 40px; margin: 0 auto; max-width: 340px; background-size: contain; background-position: center top; text-align: center; }
  .sidebar .image {padding: 30px 20px 20px; margin: 0 auto; max-width: 340px; background-size: contain; background-position: center top; text-align: center; }
  
  
  .sidebar .sidebar_widgets {padding: 20px 20px 40px 20px; background: url(../layout/divider.png)center bottom no-repeat;}
  .sidebar .sidebar_widgets .item:after{display: none;}
  .sidebar .sidebar_widgets .item:nth-child(1){padding-bottom: 0px;}
  .sidebar  h4{font-size: 32px; line-height: 32px; }
  
  
  .home_content {width: 100%; float:none;}
  
  .home .row.bgcolor.tripple_wysiwyg {padding: 40px 20px 50px 20px;}
  
  
  

  

 
  
 

/*kalender*/
.calendar_line {display: block; position: relative; padding: 6px 0;}

.calendar_line:nth-child(even):not(.empty):after{content: "";  background: #6b1717; position: absolute; left: 50%;  transform: translateX(-50%);  top: 0; width: 100vw; height: 100%; opacity: .1}

.calendar_line.empty{margin-bottom: 20px;}
.calendar_line span{display: inline-block; margin-right: 4px;}
.calendar_line span:nth-child(1){width: auto;}
.calendar_line span:nth-child(2){width: auto; }
.calendar_line span:nth-child(3){width: 60%;}
.calendar_line span:nth-child(4){ width: 68%;}
.calendar_line a, .calendar_line .complete{display: inline-block; width: 30%; text-align: right; margin-right: 0;}

.kalender .year{font-weight: 400; font-size: 26px;}


/*dubbele wysiwyg*/
.row.dubbele_wysiwyg .first_col.col-6 {padding-right: 0px;}
.row.dubbele_wysiwyg .second_col.col-6 {padding-left: 0px;}
/*tripple wysiwyg*/
 .row.bgcolor.tripple_wysiwyg{padding: 40px 20px;}
.row.tripple_wysiwyg .col:nth-child(2){margin: 30px 0 20px;}


/*illustratie zijkant*/
.illustratie_zijkant { background: url(../layout/hr.png) center no-repeat; margin: 30px 0;}



/*contactform 7 */

.wpcf7 label {width: 100%; display: block; float: none; padding: 0 10px 20px;}
.wpcf7 label.full, .wpcf7 .wpcf7-acceptance label{width: 100%}
.wpcf7 label.full.gebdate .wpcf7-form-control-wrap{width: 100%; display:block; padding-left: 10px;}

.wpcf7-acceptance{margin: 0px 0px 20px;}
.wpcf7-spinner{bottom: 60px;}


.extra_options{width: calc(100% - 20px); top:auto; bottom: -80px;  right: 10px; text-align: center;     padding:8px 44px 8px 44px;
  background: url(../layout/jester-hat.svg) right 6px center no-repeat, url(../layout/jester-hat.svg) left 6px center no-repeat;
 background-color: #851c1c; background-size: 40px;}
.more_scroll .extra_options{top: auto; bottom: 10px}
.extra_options br{display: none;}


.extra_options_popup_wrapper{display: none;}
.open_popup .extra_options_popup_wrapper{display: block;}
.extra_options_popup_wrapper{background: rgba(0, 0, 0, 0.8); position: fixed;  z-index: 10;  top: 0px;  left: 0px; height: 100%;  width: 100%; }
.extra_options_popup_wrapper .popup{opacity: 0; top: -50%; left: 50%; transform: translateX(-50%) rotate(-10deg); background: url(../layout/popup_bottom.png) center bottom repeat-y; background-size: 100% auto; padding: 40px 60px 60px 60px;width: 810px; max-height: 90vh; overflow-y: auto; position: absolute; }
.open_popup .popup {animation-name: topDown; animation-duration: .5s;animation-delay: .5s; animation-fill-mode: forwards;}
.extra_options_popup_wrapper .popup .close{cursor: pointer; position: absolute; right: 30px; top: 20px; text-align: center; line-height: 36px; border-radius: 50%;background:#851c1c; width: 30px; height: 30px; color:#fcf9c8;}
.extra_options_popup_wrapper .popup .close:hover{background:#000;}


.footer {font-size: 20px; line-height: 26px;}
.footer .top { padding: 60px 20px 60px; }
.footer .col-3, .footer .col-6 {width: 100%;}
.footer .col-3.openingstijden {padding-left: 0px; padding-top: 40px;}
.footer ul { columns: 1; -webkit-columns: 1; -moz-columns: 1;}
.footer-bottom {padding: 60px 20px 22px; text-align: center;}
}