/** OUD
**/
/*** Boeken | Zoekwidget calentim - specs ***/
.boeken-zoekwidget-calentim-specs .content-container { max-width: 1200px; margin: 0 auto; padding: 0.1em; background: #0f6071; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher * { box-sizing: border-box; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher { display: flex; flex-flow: row wrap; background: #0f6071; margin-right: 6px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__item,
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__toggle-criteria { padding: 0; flex: 1 1; display: initial; flex-flow: column; justify-content: flex-end; margin-right: 7px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__item { order: 4; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__item { padding: 0 5px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__guests--selectors { padding: 0.7em !important; margin-top: 11px !important; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher .ha-searcher__toggle-criteria { cursor: pointer; justify-content: center; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__item-title { display: none !important; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__item-field { line-height: 2.4em; width: 100%; font-family: "AvantGardeGothicITCW01B 731069" !important; background: transparent; color: #fff !important }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__guests--label { line-height: 1.3em; width: 100%; background: transparent; color: #fff !important; text-align: left; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__guests--selected { padding: 1.09em .5em; }
.booking-widget-searcher .ha-searcher .ha-searcher__guests { padding: 0 !important; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__guests--label ::placeholder {color:#fff !important; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__toggle-criteria {padding-left: 10px; }
.boeken-zoekwidget-calentim-specs .ha-searcher__guests .ha-searcher__guests--desc { display: inline !important; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .calentimActiveInput placeholder input:after { font-family: "Material Icons"; content: "\e916"; margin-right: 10px; float: right; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__toggle-criteria:after { font-family: "Material Icons"; content: "\e5d7"; margin-right: 10px; float: right; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher__item[data-name="arrivalDeparture"]:after { font-family: "Material Icons"; content: "\e916"; float:right; margin: -40px 15px 0 0; color: #fff; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher__item-field input { color: #fff !important; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__guests .ha-searcher__guests--label:after { font-family: "Material Icons"; content: "\e7f0"; margin-right: 10px; float: right; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher__guests .ha-searcher__guests--selectors .ha-searcher__guests--label:after { display:none !important; }
/*** Boeken | popup calentim - specs ***/
.popcalendar { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,.7); z-index: 100010; }
.popcalendar__wrapper { display: flex; flex-flow: column; width: 100%; height: 100%; }
.popcalendar .content__boeken__kalender { max-width: 1200px; padding: 1em 1.5em; margin: auto; background-color: rgba(255,255,255,0); max-height: 98vh; overflow-y: auto; }
.popcalendar .content__boeken__kalender h2 { margin-top: 0; line-height: 1; margin-bottom:.5em; }
.popcalendar__close { float: right; }
.popcalendar__close::after { content: '\d7'; float: right; font-size: 54px; line-height: 27px; cursor: pointer; }
.popcalendar .calentim-inline .calentim-month-switch { font-size:1em; }
.booking-widget-calendar-result.updating { opacity: .8; filter: blur(2px); }
.popcalendar .button {font-family: 'AvantGardeGothicITCW01B 731069' !important; letter-spacing: 0.1em; font-size: 12px; text-transform: uppercase; background: #87bd58 !important; border: 1px solid #87bd58 !important; color: #ffffff !important; border-radius: 50px; padding: 10px 20px; }
.popcalendar .button:hover { background: transparent !important; border: 1px solid #87bd58 !important; color: #87bd58 !important; }
input.calentim{font-family: 'AvantGardeGothicITCW01B 731069' !important; }
@media only screen and (max-width: 600px) {
.calentim-container-mobile .calentim-input { margin: 36px !important;}
.calentim-overlay { background: rgba(255,255,255,0.7) !important; }
}
/*** Boeken | Zoekwidget calentim - specs - CSS om invoervelden van dezelfde basis opmaak te voorzien */
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__guests,
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__item .ha-searcher__item-field > input,
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__item .ha-searcher__item-field > select,
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__button { -webkit-appearance: none; font-size: 1rem; line-height: 2.2; border-radius: 0px; width: 100%; background: transparent; color: #fff; border: 1px solid #fff; }
.boeken-zoekwidget-calentim-specs .ha-searcher__guests .ha-searcher__guests--desc { display: block !important; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__guests:hover,
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__guests:active color: #87bd58; }
/*** Boeken | Zoekwidget calentim - specs - Volgorde herschikken ivm toggle verfijnd accommodatie */
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher__item { order: 3; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher__item[data-name] { order: 1; background: transparent; margin: 10px 0; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher .ha-searcher__toggle-criteria { order: 4;
text-align: left; color: #fff !important; padding: 14px; background: transparent; border: 1px solid #fff; margin: 10px 10px 10px 7px }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher__item.ha-searcher__criteria { order: 4; }
/*** Boeken | Zoekwidget calentim - specs - Criteria opmaak voor functionaliteit ***/
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher .ha-searcher__criteria { display: none; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher.ha-searcher--show-criteria .ha-searcher__criteria { display: inline-block; justify-content: initial; position: absolute; text-align: left; width: calc(33% + 33px); background: #0f6071; right: -7px; top: 70px; z-index: 999999999; }
/*** Boeken | Zoekwidget calentim - specs - Button */
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__button {
cursor: pointer; font-weight: 600 !important; font-family:"AvantGardeGothicITCW01M 731087" !important; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 50px !important; background: #87bd58 !important; border: 1px solid #87bd58 !important; color: #ffffff !important; padding: 13px 31px !important; 7px 15px; font-size: 12px; width: 100%; margin: 12px 0px 0 0; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__button:hover { background: transparent !important; border: 1px solid #87bd58 !important; color: #87bd58 !important; }
@media only screen and (max-width: 600px) {
.vc_custom_1653466152516 { padding-top: 20px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher { margin: 0 10px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher { margin-top: 0px; }
.booking-widget-searcher .ha-searcher .ha-searcher__guests { margin-top: -12px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__item, .boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__toggle-criteria { flex: auto; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher .ha-searcher__toggle-criteria { border: 1px #fff solid; background: transparent; margin: -2px 5px 20px 5px;}
.boeken-zoekwidget-calentim-specs .booking-widget-searcher--inline .ha-searcher.ha-searcher--show-criteria .ha-searcher__criteria { width: 100% !important; right: -7px; top: 195px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__button { width: calc(100% - 12px) !important; margin: 4px 5px 10px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__guests--selectors {
width: calc(100% + 32px) !important;
margin: 9px -10px 0 -16px !important;
min-height: auto !important;
z-index: 99999999999999;
}
}
/*** Zoeken | Archief pagina ***/
.levels { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 0.3em 0.32em; padding-top: 20px; }
.booking-widget-block { margin-bottom:10px; }
.booking-widget-level { border: 1px solid #fff; padding: 1em; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%); overflow: hidden; }
.booking-widget-level .content { width: 35%; float: right; padding: 20px; }
.booking-widget-level .availability { font-size: .8em; border: 1px solid #fff; background: #fff; margin-top: 0; padding: 15px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; }
.booking-widget-level .availability span { width: 25%; float: right; }
.booking-widget-level button { font-weight: 600 !important; font-family: "AvantGardeGothicITCW01M 731087" !important; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 50px !important; background: #87bd58; border: 1px solid #87bd58 !important; color: #ffffff !important; padding: 13px 31px !important; font-size: 12px; float: left; margin-top: 35px }
.booking-widget-level button:hover { background: transparent !important; border: 1px solid #87bd58 !important; color: #87bd58 !important; }
.booking-widget-level .booking-widget-extend-link { border-radius: 50px !important; background: transparent; border: 1px solid #87bd58 !important; color: #87bd58 !important; padding: 13px 31px !important; font-size: 12px; float: left; margin: 7px 0 0px 5px; }
.booking-widget-level .booking-widget-extend-link:hover { background: #87bd58; border: 1px solid #87bd58 !important; color: #ffffff !important; }
.booking-widget-level .banner { position: absolute; top: 35px; width: 300px; background: #87bd58; color: #fff !imporant; left: -85px; padding: 15px; z-index: 1; transform: rotate(321deg); overflow: inherit; text-align: center; box-shadow: 1px 1px 2px #888; text-transform: uppercase !imporant; letter-spacing: 0.1em; }
.booking-widget-level .banner-aqua { position: absolute; top: 35px; width: 300px; background: #0f6071; color: #fff !imporant; left: -85px; padding: 15px; z-index: 1; transform: rotate(321deg); overflow: inherit; text-align: center; box-shadow: 1px 1px 2px #888; text-transform: uppercase !imporant; letter-spacing: 0.1em; }
.booking-widget-level .photo { height: 410px; overflow: hidden; width: 65%; float: left; }
.booking-widget-level .slider { width: 100%; height: 410px; z-index: 0; }
.booking-widget-level .slick-list { height: auto; }
.booking-widget-level .slick-slide { z-index: 0 !important; }
.booking-widget-level .slick-track { height: 410px; }
.booking-widget-level .slide img { display: block; width: 100%; height: auto; z-index: 0; }
.booking-widget-level .slick-dots { display: -webkit-flex; justify-content: center; margin: -65px auto 0; padding: 0; list-style-type: none; position: absolute; width: 100%; }
.booking-widget-level .slick-dots li { margin: 0 0.25rem; }
.booking-widget-level .slick-dots button { display: block; width: 0.8rem; height: 0.8rem; padding: 0 !important; border: none; border-radius: 100%; background-color: transparent !important; border: 1px solid #fff !important; text-indent: -9999px; }
.booking-widget-level .slick-dots li.slick-active button { background-color: #fff !important; border: 1px solid #fff !important; }
.booking-widget-level .title { padding: 0 0 15px !important; }
.booking-widget-level .content h3 { margin: 0px !important; }
.booking-widget-level .content h4 { margin-bottom: 15px !important; }
.booking-widget-level .content p { line-height: 1.5 !important; margin: 0 !important; font-size: 1.02rem !important; }
.booking-widget-level .availability .total-price span:before {content: "$ "; }
.booking-widget-level .availability span.price-information:before {content: ""; }
@media only screen and (max-width: 600px) {
.booking-widget-level .photo, .booking-widget-level .photo .photo-thumb { height: auto !important; width: 100% !important; }
.booking-widget-level .slider { width: 100% !important; height: auto !important; }
.booking-widget-level .content { width: 100%; }
}
.booking-widget-searcher .ha-searcher .hm-form-spinner__cmd { background-color: transparent; padding: 0 0 3px; }
.booking-widget-searcher .ha-searcher .hm-form-spinner__input { background: transparent !important; color: #fff !important; }
.calentim { -webkit-text-security: none; color: #fff !important; pointer-events: none; "AvantGardeGothicITCW01B 731069" !important;
}
/*** Zoeken | buttons ***/
.availability button { display:none; }
.zoek-boek-fullwidth .button-green { font-weight: 600 !important; font-family: "AvantGardeGothicITCW01M 731087" !important; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 50px !important; background: #87bd58; border: 1px solid #87bd58 !important; color: #ffffff !important; padding: 13px 31px !important; font-size: 12px; }
.zoek-boek-fullwidth .button { font-weight: 600 !important; font-family: "AvantGardeGothicITCW01M 731087" !important; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 50px !important; background: transparent; border: 1px solid #87bd58 !important; color: #87bd58 !important; padding: 13px 31px !important; font-size: 12px; }
.zoek-boek-fullwidth .button-green:hover { background: transparent; border: 1px solid #87bd58 !important; color: #87bd58 !important; }
.zoek-boek-fullwidth .button:hover { background: #87bd58; border: 1px solid #87bd58 !important; color: #ffffff !important; }
/*** Zoeken | filter verfijnen ***/
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__item .ha-searcher__item-field .picker > input:before { font-family: "Material Icons"; content: "\e5d7"; margin-left:20px; }
.boeken-zoekwidget-calentim-specs .booking-widget-searcher .ha-searcher .ha-searcher__guests--selectors { background-color: #0f6071; color: #fff; width: calc(100% + 30px); font-size: 14px; padding: 20px !important; margin: -14px; min-height: 278px; }
.ha-searcher__criteria-filter { padding:20px; }
input.criterium { position: absolute; }
.ha-searcher__criteria-title { margin-left: 30px; color: #fff; }
h3.ha-searcher__criteria-header { margin-bottom: 15px; }
@media only screen and (max-width: 600px) {
.booking-widget-level .photo,
.booking-widget-level .photo .photo-thumb { height: 300px; width: 100%; }
.booking-widget-level .photo .photo-thumb img { max-width: initial !important; height: 300px !important; margin: 0 auto; }
.booking-widget-level .content { width: 100%; float: right; padding: 20px 0; }
}
/*** Boeken | boekingsstraat ***/
.boek-direct-body .ha-select { box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%); margin: 0 0 0.5em 0 !important; }
.boek-direct-body .ha-select--period,
.boek-direct-body .ha-select--extras,
.boek-direct-body [data-name="criteria-group_582"],
.boek-direct-body [data-name="level"],
.boek-direct-body [data-field="opmerking"] { display: none !important; }
.boek-direct-body [data-name="departure"] { margin-top: -20px; }
.boek-direct-body .ha-form-input-field select,
.boek-direct-body .style-light select:not([multiple]) { background-repeat: no-repeat !important; background-position: 100% 17px !important; }
.boek-direct-body .ha-form-input-field__geboortedatum,
.boek-direct-body .ha-form-input-field__Land,
.boek-direct-body .ha-form-input-field__opmerking { display: none !important; }
.boek-direct-body .ha-form-input-field__aanhef { display: table-row !important; margin-right: 300px !important; }
.boek-direct-body .ha-form-input-field__aanhef label,
.boek-direct-body .ha-select--period { display: none; }
.boek-direct-body .ha-form-input-field label { color: #87bd58; }
.boek-direct-body .hm-form-spinner__cmd { color: #fff !important; border: 1px solid #87bd58 !important; font-weight: 900 !important; background: #87bd58 !important; line-height: 16px; }
.boek-direct-body .hm-form-spinner__cmd:hover { color: #87bd58 !important; border: 1px solid #87bd58 !important; font-weight: 900 !important; background: transparent !important; line-height: 16px; }
.boek-direct-body .ha-select__button--book { background-color: #87bd58; border: 1px solid #87bd58 !important; color: #fff; font-size: 13px; letter-spacing: 0.1em; border-radius: 50px; padding: 10px 20px; }
.boek-direct-body .ha-select__button--book:hover { background-color: transparent; border: 1px solid #87bd58 !important; color: #87bd58; font-size: 13px; letter-spacing: 0.1em; border-radius: 50px; padding: 10px 20px; }
.boek-direct-body .ha-select__header h2,
.boek-direct-body .ha-select__header h3 { margin: 0; font-size: 1.2em !important; }
.boek-direct-sidebar .booking-widget { width: 100%; padding: 0; margin: 0; display: inherit; }
.boek-direct-sidebar .ha-content { display: inherit; flex-flow: row wrap; margin: 0; padding: 0 !important; background-color: rgba(255,255,255,0) !important; }
.zoek-boek-sidebar .booking-widget-receipt,
.booking-widget-receipt-result .ha-content,
.zoek-boek-sidebar .booking-widget-receipt-result .ha-content { box-shadow:none !important; background-color: rgba(255,255,255,0) !important; position: relative; }
.boek-direct-sidebar .booking-widget-receipt-result .ha-content .ha-select { box-shadow: none !important; background-color: transparent; }
.boek-direct-sidebar .ha-select { padding: 0 !important; }
.boek-direct-sidebar .booking-widget-receipt-result .ha-content .ha-receipt-close,
.boek-direct-sidebar .booking-widget-receipt-result .ha-content>h2 { display: none; }
.boek-direct-sidebar .reset-date { font-family: 'AvantGardeGothicITCW01B 731069' !important; text-decoration: underline; }
.boek-direct-sidebar .reset-date:hover { color: #87bd58 !important; }
.boek-direct-sidebar .ha-select__header h2, .boek-direct-sidebar .ha-select__header h3 { font-size: 1.2em; }
/*** Objects - Body ***/
.object-body .ha-select { padding: 0 !important; }
.object-body .ha-booking-view-period { margin: 0 auto; }
.post-content ul:not(.no-list) { padding: 30px 0 0 !important; }
.object-body .booking-widget-receipt-result .ha-content { box-shadow: none !important; background-color: transparent !important; }
.object-body .booking-widget-receipt-result .ha-content .ha-receipt-close { display: none !important; }
.object-body .booking-widget-receipt-result .ha-content>h2 { display: none !important; }
.object-body .ha-searcher__item-field input { width: 100% !important; }
.object-body .datepicker-period .arrival,
.object-body .datepicker-period .departure,
.object-body .datepicker-period .information { display:none !important; }
.object-body .quickbook-info { display:none !important; }
.object-body button,
.object-body .js-open-calendar,
.object-body a.button { border-radius: 50px !important; margin-top: 15px !important; font-size: 11px !important; font-weight: 600 !important; font-family: 'AvantGardeGothicITCW01B 731069' !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #fff !important; background-color: #87bd58 !important; border-color: #87bd58 !important; padding: 11px 26px !important; }
.object-body button:hover,
.object-body .js-open-calendar:hover,
.object-body a.button:hover { color: #fff !important; background-color: #87bd58 !important; border-color: #87bd58 !important; }
/*** Objects - Archive - Icons - Specs units ***/
.t-entry-cf-acf_field_6231fe8d1900f:before,
.acf_field_6231fe8d1900f:before { font-family: "Material Icons"; content: "\e153"; margin-right:10px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; font-size:14px; }
.t-entry-cf-acf_field_6231ff0dd0c92:before,
.acf_field_6231ff0dd0c92:before { font-family: "Material Icons"; content: "\e743"; margin-right:10px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; font-size:14px; }
.t-entry-cf-acf_field_62346bef9022b:before,
.acf_field_62346bef9022b:before { font-family: "Material Icons"; content: "\e85b"; margin-right:10px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; font-size:14px; }
.t-entry-cf-acf_field_62346bef9022b:after,
.acf_field_62346bef9022b:after { content: " m2"; }
.t-entry-cf-acf_field_62346bf99022c:before,
.acf_field_62346bf99022c:before { font-family: "Material Icons"; content: "\efdf"; margin-right:10px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; font-size:14px; }
html[lang="en-US"] .t-entry-cf-acf_field_62346bf99022c:after,
html[lang="en-US"] .acf_field_62346bf99022c:after { content: " bedrooms"; }
html[lang="nl-NL"] .t-entry-cf-acf_field_62346bf99022c:after,
html[lang="nl-NL"] .acf_field_62346bf99022c:after { content: " slaapkamers"; }
.t-entry-cf-acf_field_62346c039022d:before,
.acf_field_62346c039022d:before { font-family: "Material Icons"; content: "\f061"; margin-right:10px; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48; font-size:14px; }
html[lang="en-US"] .t-entry-cf-acf_field_62346c039022d:after,
html[lang="en-US"] .acf_field_62346c039022d:after { content: " bathrooms"; }
html[lang="nl-NL"] .t-entry-cf-acf_field_62346c039022d:after,
html[lang="nl-NL"] .acf_field_62346c039022d:after{ content: " badkamers"; }
.detail-container.detail-container--single .detail-value { display: inline; }
/*** MATERIAL ICONS ***/
.material-icons { margin-right: 15px; }
.material-icons-title { display: inline-block; }
.material-icons-title h5 { margin: 0.5em 0; }
.TA_selfserveprop { width: 100% !important; }
.material-icons-block .material-icons { margin-right: 15px; }
.material-icons-block .material-icons-title { display: inline-block; }
.material-icons-block .material-icons-title h5 { margin: 0.5em 0; }
.material-symbols-outlined { font-size: 16px; margin-right: 10px; }