@charset "UTF-8";

html{height:100%;width:100%;scroll-behavior:smooth;}
body{height:100%;width:100%;font-family:'Barlow Semi Condensed', sans-serif;margin:0;padding:0;background-color:b7d3e9;font-size:18px;font-weight:400;color:black;text-size-adjust:none!important;-webkit-text-size-adjust:none;}
#minizoeken {z-index: 1000;height: max-content;position: absolute;width:100%;max-width:1000px;} a{text-decoration:none;color:white;}
a:hover{text-decoration:underline;}
.content a{color:#00487a;font-weight:bold;}
h1, h2, h3{text-align:center;font-weight:400;}
.maincontainer{width:100%;max-width:1024px;min-width:360px;margin:0 auto 0 auto;position:relative;display:block;background-color:rgba(255, 255, 255, 0.95);}
.content{position:relative;top:20px;width:90%;max-width:900px;margin:auto;padding-bottom:50px;min-height:max-content;}
.home .content{top:125px;padding-bottom:201px;}
.page-template-vakantiehuisje .content{padding-bottom:0px;}
.page-template-vakantiehuisje .content:last-child{padding-bottom:50px;}
.desktop{display:none;}
.mobiel{display:block;}
.menu{background-color:#003580;height:50px;line-height:50px;width:100%;position:sticky;z-index:20000;top:0px;color:#fff;}
.menu a{text-decoration:none;color:#fff;font-weight:500;text-transform:uppercase;}
.menu span{position:absolute;z-index:120;text-indent:60px;pointer-events:none;right:60px;}
.menu a:active, .current-menu-item a, a.active {
font-weight: 700;
color: #febb02;
}
a{color:#febb02;}
a:hover{text-decoration:underline;}
.menu ul{position:relative;top:51px;left:0px;padding:0px;margin:0px;width:100%;height:0;transition:height 0.2s ease-in-out;overflow:hidden;list-style:none;}
.menu ul li{display:inline-block;white-space:nowrap;font-size:18px;width:100%;text-align:center;background-color:#2e3746;}
.menu ul li a{line-height:50px;letter-spacing:0.5pt;display:block;border-bottom:1px solid white;font-weight:700;}
.menu ul li:first-child a, .button.huis::before{top:0;display:inline-block;z-index:120;width:26px;background-image:url(//terschelling-natuurlijk.nl/wp-content/themes/TerschellingNatuurlijk/home.svg);background-size:25px auto;background-repeat:no-repeat;background-position:center center;color:transparent!important;padding:0;}
.button.huis::before{height:23px;width:23px;content:' ';top:0px;position:relative;margin-right:8px;background-size:cover;transform:translateY(5px);}
.menu ul li.current-menu-item:first-child a{background-image:url(//terschelling-natuurlijk.nl/wp-content/themes/TerschellingNatuurlijk/home2.svg);}
.terschelling{display:inline;}
.toonmenu .menu ul{height:320px;}
.toonmenu #overlay{opacity:0.7;transition:all 0.2s ease-in-out;pointer-events:all;position:fixed;width:100%;height:100%;background-color:#fff;left:0;top:200px;}
#toggle{width:100%;height:50px;position:absolute;display:block;background-image:url(//terschelling-natuurlijk.nl/wp-content/themes/TerschellingNatuurlijk/menu.gif);background-repeat:no-repeat;background-position:95% center;background-size:25px 20px;}
.toonmenu #toggle{background-image:url(//terschelling-natuurlijk.nl/wp-content/themes/TerschellingNatuurlijk/cross.gif);}
#overlay{opacity:0;pointer-events:none;top:200px;}
.logo{height:50px;vertical-align:top;position:absolute;z-index:102;left:10px;}
.terschelling{text-indent:25px;font-size:26px;display:inline;}
.terschelling img{width:225px;}
.logo img{vertical-align:top;height:50px;margin-right:10px;}
.logo a{text-decoration:none!important;}
.menu span{color:transparent;}
.wp-block-image figcaption{text-align:center;font-size:16px;}
footer{background-color:#00487a;color:white;text-align:center;padding:15px;z-index:100;position:inherit;}
footer span{white-space:nowrap;}
, footer b{display:block;}
.wp-block-cover__inner-container{top:2%!important;position:absolute!important;font-weight:700!important;text-shadow:3px 0px 9px black;}
#sociaal{width:100%;height:26px;position:relative;margin-left:auto;margin-right:auto;line-height:0;margin-bottom:15px!important;}
#sociaal ul{width:100%;position:relative;list-style-type:none;padding:0;}
#sociaal ul li{display:inline-block;width:30px;height:30px;margin-right:6px;margin-left:6px;background-repeat:no-repeat;background-size:cover;opacity:1.0;transition:opacity 0.15s ease-in-out;}
#sociaal ul li a{width:30px;height:30px;display:inline-block;}
li.i{background-image:url(//terschelling-natuurlijk.nl/wp-content/themes/TerschellingNatuurlijk/insta.svg);}
li.f{background-image:url(//terschelling-natuurlijk.nl/wp-content/themes/TerschellingNatuurlijk/fb.svg);}
li.m{background-image:url(//terschelling-natuurlijk.nl/wp-content/themes/TerschellingNatuurlijk/mail.svg);}
#sociaal ul li:hover{opacity:0.5;transition:opacity 0.15s ease-in-out;}
.wp-block-image, figure{margin:0!important;padding:0!important;}
figure{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;}
h1{font-weight:400;font-size:30px;}
span{white-space:nowrap;}
.header{text-align:center;color:white;padding-bottom:15px;z-index:10;position:relative;}
.home .header{padding-bottom:70px;}
.header h1{margin-bottom:10px;line-height:30px;color:#febb02;pointer-events:none;margin-top:20px;}
.header p{margin-top:0;pointer-events:none;}
#accommodaties{position:absolute;top:200px;width:90%;max-width:600px;left:50%;transform:translateX(-50%);}
#pics{width:100%;height:auto;min-height:206px;background-size:cover;background:ligtgray;}
#pics img{min-height:206px;width:100%;height:auto;}
.page-id-8 #pics, .page-id-76 #pics{display:none;background-position:center;}
.page-id-8 .header h1, .page-id-76 .header h1{margin-bottom:10px;margin-top:0px;padding-top:20px;}
.wp-block-button{margin-bottom:15px!important;}
hr, .wp-block-separator{border-top:1px dashed #00487a!important;border-bottom:0!important;}
.tommy-zeb-wrapper{float:none!important;margin:auto!important;background:white!important;color:black!important;border:yellow!important;font-family:'Barlow Semi Condensed', sans-serif!important;}
.tommy-zeb-wrapper .tommy-zeb-left{border:#febb02 4px solid!important;background:moccasin!important;color:black!important;}
.tommy-zeb-wrapper-mini .tommy-zeb-date-begin-choice input{margin:0px 10px!important;display:block!important;}
.tommy-zeb-wrapper .tommy-zeb-date-begin{margin:0!important;}
.tommy-zeb-wrapper-mini .tommy-zeb-date-end-choice input{margin-top:15px;}
.tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-begin-label, .tommy-zeb-wrapper-mini .tommy-zeb-period .tommy-zeb-date-end-label{clear:both;}
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types{border:#febb02 4px solid;}
.tommy-zeb-wrapper * h2{color:black!important;}
.tommy-zeb-wrapper .tommy-zeb-left select{padding:2px!important;min-height:30px!important;min-width:60px!important;font-size:14px!important;}
button.tommy-zeb-btn, .tommy-zeb-btn, .wp-block-button__link, .button, .wpcf7-submit{background-color:#0071c2!important;color:#fff!important;font-weight:700!important;width:100%;display:block;position:relative;float:none;min-width:200px;max-width:260px;margin:0!important;font-size:20px;padding:10px!important;text-align:center;border-radius:2px!important;}
.tommy-zeb-btn{min-width:160px;display:inline;width:50%;margin:0px 0px 10px 10px!important;}
.tommy-zeb-result-price{margin-bottom:15px;}
.tommy-zeb-results-no-results{margin-bottom:20px;color:orange;}
input, .f-tommy-zeb-begin-date, .f-tommy-zeb-eind-date, .tommy-zeb-wrapper-mini .tommy-zeb-accommodation-person-category-choice select{border:#febb02 solid 2px!important;padding:5px;font-family:'Barlow Semi Condensed', sans-serif;font-weight:700;color:black!important;}
.tommy-zeb-wrapper .tommy-zeb-left h1, .tommy-zeb-wrapper .tommy-zeb-result-label.ng-binding, figcaption{color:#003580!important;}
figcaption{font-size:24px!important;}
.tommy-zeb-wrapper .tommy-zeb-result.ng-scope{background-color:#ebf3ff!important;border-radius:0!important;padding:0px!important;}
.tommy-zeb-wrapper .tommy-zeb-result-label.ng-binding, .tommy-zeb-result-description{padding:10px 10px 0px 10px;}
.tommy-zeb-wrapper .tommy-zeb-result-image img{border-radius:0px!important;}
.tommy-zeb-wrapper .tommy-zeb-result-image{float:left!important;min-width:180px!important;}
.tommy-zeb-wrapper .tommy-zeb-result-label.ng-binding{font-size:24px!important;}
.tommy-zeb-wrapper .tommy-zeb-result-details{width:auto!important;padding:0!important;}
.tommy-zeb-result-text, .tommy-zeb-result-text .ng-binding{font-size:16px!important;text-size-adjust:none!important;-webkit-text-size-adjust:none;}
.tommy-zeb-wrapper p{margin:0;}
.tommy-zeb-wrapper .tommy-zeb-result-price.ng-binding, .price{color:#0071c2!important;font-size:20px!important;margin-top:10px;}
.price{margin-top:0;font-weight:700;line-height:normal;}
.tabelprijzen span{color:#333;font-size:16px;margin-left:5px;}
.price::before{content:'vanaf';width:25px;display:inline;font-weight:400;line-height:normal;font-size:16px;}
.page-template-vakantiehuisje h1 strong::after{content:'';display:inline-block;width:25px;height:20px;background-image:url(//terschelling-natuurlijk.nl/wp-content/themes/TerschellingNatuurlijk/home3.svg);background-size:133%;background-repeat:no-repeat;background-position:center center;border-radius:60px;margin-left:5px;}
.tbs-widget-label{display:none!important;}
#prijzen{background-color:rgb(255,245,203);}
.rounded{border-radius:4px;}
.tabelprijzen{display:grid;grid-template-columns:70% 30%;background:#ebf3ff;padding:10px;margin:auto;min-width:300px;max-width:600px;font-size:20px;}
@media(min-width:700px){
.desktop{display:block;}
.mobiel{display:none;}
#toggle, .menu span, .mob, .mobiel{display:none;}
.logo{height:70px;background-position:center 8px;}
.logo img{margin:10px;}
.terschelling{margin-top:-4px;}
.menu{background-image:none;height:70px;line-height:70px;}
.menu ul{top:0;height:70px;float:right;width:auto;margin-right:10px;}
.menu ul li{display:inline;width:min-content;background-color:transparent;}
.menu ul li a{background:none;display:inline;border-bottom:none;padding:0px 10px 0px 5px;}
.tommy-zeb-wrapper .tommy-zeb-result{display:grid!important;grid-template-columns:250px 1fr!important;}
.tommy-zeb-wrapper .tommy-zeb-result-image img{max-width:250px;}
figcaption strong{display:block;}
}
@media(max-width:767px){
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-person-categories, .tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-accommodation-types{border-right:none;border-bottom:4px solid #febb02!important;}
} @media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.maincontainer{width:100%!important;}
.content{width:100%;max-width:980px;}
.wp-container-6, .wp-container-1, .wp-container-18, .wp-container-25, .wp-container-28, .wp-container-31{margin-right:10px!important;}
.wp-container-13{margin-right:10px!important;margin-left:10px!important;}
#minizoeken{width:90%;margin-left:5%;}
.tommy-zeb-wrapper.tommy-zeb-wrapper-mini .tommy-zeb-left{display:block!important;}
} @media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.menu ul li{font-size:12px;}
.terschelling img{width:180px;margin-left:0px;}
.menu ul li a{padding:0px 6px 0px 5px;}
}
@media(max-width:600px){
.terschelling img{width:225px;margin-top:3px;}
#accommodaties{top:60px;}
.home .content{top:340px;padding-bottom:200px;}
.home footer{top:190px;}
#minizoeken{width:92%;margin-left:4%;}
}
@media(min-width:1200px){
#minizoeken {transform: translateX(10px);}
.tommy-zeb-wrapper {
width: 94%!important;
}
}