.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}@font-face {
font-family: 'footlight';
src: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/fonts/footlightmtprolight-webfont.woff2) format('woff2'),
url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/fonts/footlightmtprolight-webfont.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'footlight';
src: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/fonts/footlightmtproregular-webfont.woff2) format('woff2'),
url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/fonts/footlightmtproregular-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'footlight';
src: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/fonts/footlightmtprobold-webfont.woff2) format('woff2'),
url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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;} 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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/divider_links.png)center left no-repeat; border: none; position: relative; left: -40px; margin: 30px 0;}
hr{display: block; height: 42px; background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/hr.png)center no-repeat; border: none; position: relative; margin: 30px 0;}
.smal hr{display: block; height: 42px; background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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; } .bgpainting{width: 100%; min-height: 340px; background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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{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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/extra_menu_1.png) no-repeat center;}
.extra_menu ul li:nth-child(2){ background:url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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;} .nav{display: block; max-width: 1365px; margin: 0 auto; height: 142px; background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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;} .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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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} .sidebar{width: 420px; display: inline-block; float: left; font-size: 18px; line-height: 24px;}
.Xsidebar .image{margin-left: 20px; background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/home_image_bg.png) no-repeat; padding: 80px 0 60px 55px}
.sidebar .image{margin-left: 20px; background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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} .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_wrapper.smal {max-width: 900px; margin: 0 auto; text-align: center}
.wysiwyg_wrapper.smal ul {list-style: none;} 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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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;} .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;} .illustratie_zijkant{display: block; height: 42px;background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/divider_rechts.png) bottom right 10px no-repeat;} .illustratie_midden{display: block; height: 42px;background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/hr.png) center no-repeat;} .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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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{ position: relative; margin-top: 0px; font-size: 18px; line-height: 26px;  }
.footer .row{padding: 0;}
.footer .top{ padding: 60px 70px 40px; background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/footer_bottom.png) no-repeat center top; padding: 60px 70px 22px;  text-align: right;  font-weight: 400; color: #6b1717; } @media only screen and (max-width:1390px)  {
.nav{background-size: 103%; }
} @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{height: 80px; position: fixed; left: 0; top: 0; width: 100%; padding: 0;}
.scroll .header, .nav-open .header{    background: #6b1717 url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/calendar.svg) center no-repeat;
border-radius: 50%; background-size: 15px;     border: 2px solid #fcf9c8;}
.reserveer_knop:hover{background:#000 url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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;} .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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/mmb.png) center; margin-top: 20px;}
.nav-open .header:before{content:""; width: 100%; height: 24px; position: absolute; bottom: -10px; left: 0; background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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;} .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;} .row.dubbele_wysiwyg {display: block}
.row.dubbele_wysiwyg .first_col, .row.dubbele_wysiwyg .second_col{display: block; padding: 0 0 20px 0; width: 100%;} .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 .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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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;} .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;} .row.dubbele_wysiwyg .first_col.col-6 {padding-right: 0px;}
.row.dubbele_wysiwyg .second_col.col-6 {padding-left: 0px;} .row.bgcolor.tripple_wysiwyg{padding: 40px 20px;}
.row.tripple_wysiwyg .col:nth-child(2){margin: 30px 0 20px;} .illustratie_zijkant { background: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/hr.png) center no-repeat; margin: 30px 0;} .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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/layout/jester-hat.svg) right 6px center no-repeat, url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/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;}
}@font-face {
font-family: 'flexslider-icon';
src: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/css/fonts/flexslider-icon.eot);
src: url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/css/fonts/flexslider-icon.woff) format('woff'), url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/css/fonts/flexslider-icon.ttf) format('truetype'), url(//www.stadsherbergdemol.nl/wp-content/themes/demol/assets/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}