/*
Theme Name:     Opinion Child
Theme URI:      http://mekshq.com
Description:    Child theme for Opinion WordPress theme
Author:         meks
Author URI:     http://mekshq.com
Template:       opinion
Version:        0.1.0
*/

@import url('https://fonts.googleapis.com/css?family=Muli');

body {
    font-family: 'Muli', sans-serif;
    font-size: 17px;
}
h2,h3,h4,h5,h6 {
    color: #071526;
}
h2 {
    font-size: 34px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
section {
    padding-top: 25px;
    padding-bottom: 25px;
}
.d-flex {
    display: flex;
}
p {
    margin-bottom: 1.6rem;
}
@media (min-width: 970px) {
    .container {
        max-width: 1364px;
    }
}
.btn {
    display: inline-block;
    padding: 13px 39px;
    position: relative;
}
.btn.border-green:hover, .mokki-uitgelicht:hover .btn {
    background-color: #36b876;
    color: #ffffff;
}
.btn.border-green:hover span, .mokki-uitgelicht:hover .btn span {
    display: block;
    border: 1px dashed white;
    padding: 12px 36px;
    border-radius: 4px;
    position: absolute;
    top: 8%;
    width: 94%;
    height: 84%;
    left: 3%;
}
.text-dark {
    color: #071526;
}
.border-green {
    border: 2px solid #36B876;
}
.rounded {
    border-radius: 4px;
}
.font-bold {
    font-weight: bold;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.clear-both {
    clear: both;
}


.opinion-header .site-title img {
    width: 314px;
}
.opinion-section {
    margin-top: 20px;
}
body.woocommerce .woocommerce-breadcrumb {
    border: none;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
}
.wpgs-nav.slick-slider {
    display: none;
}
/*.slick-slide {*/
/*    margin-right: -100px;*/
/*    padding-right: 115px;*/
/*}*/
.flaticon-right-arrow, .slick-next.slick-arrow {
    right: 20px !important;
}
.slick-arrow.flaticon-right-arrow:before, .slick-next.slick-arrow:before {
    content: '' !important;
    background: url(/wp-content/themes/opinion-child/assets/slider-arrow.svg) no-repeat;
    background-position-x: center;
    width: 66px;
    height: 66px;
    display: block;
}
.flaticon-back, .slick-prev.slick-arrow {
    left: 20px !important;
}
.slick-disabled:before {
    display: none !important;
}
.slick-arrow.flaticon-back:before, .slick-prev.slick-arrow:before {
    content: '';
    background: url(/wp-content/themes/opinion-child/assets/slider-arrow.svg) no-repeat;
    background-position-x: center;
    width: 66px;
    height: 66px;
    display: block;
    transform: rotate(180deg);
}
.wpgs-for .slick-arrow, .wpgs-image .slick-arrow {
    /*margin-top: -33px;*/
    width: 66px;
    height: 66px;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
    color: #6c7074;
    font-family: 'Muli', sans-serif;
}
.opinion-header-border {
    display: none;
}
.opinion-header {
    border-bottom: 1px solid #d8d8d8;
}
.location {
    font-family: 'Muli', sans-serif;
    color: #6C7074;
    font-size: 14px;
    margin-left: 18px;
}
h1.product_title {
    display: inline-block;
}
.summary h2:first-of-type {
    display:none;
}
.wpgs.images:after {
    content: '';
    display: block;
    position: relative;
    border-top: 1px solid #6c7074;
}
.single-product .woocommerce-notices-wrapper {
    display: none;
}
h2.booking-voortgang {
    font-family: 'Muli', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #000;
    margin-top: 0;
}
i.booking-voortgang-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    margin-top: -4px;
    margin-bottom: 0;
    background-position-x: center !important;
}
i.home-search-icon {
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 18px;
    margin-top: 8px;
    margin-bottom: 0;
    background-position-x: center !important;
}
i.person {
    background: url(/wp-content/themes/opinion-child/assets/user.svg) no-repeat;
}
i.calendar {
    background: url(/wp-content/themes/opinion-child/assets/date.svg) no-repeat;
}
i.duur {
    background: url(/wp-content/themes/opinion-child/assets/duration.svg) no-repeat;
}
i.zoeken {
    background: url(/wp-content/themes/opinion-child/assets/search.svg) no-repeat;
}
i.booking-voortgang-icon + span {
    display: inline-block;
    height: 100%;
    font-size: 14px;
    vertical-align: middle;
    max-width: 74%;
}
.booking-voortgang-separator, .separator {
    width: 100%;
    border-bottom: 1px dashed #b8b8b8;
    margin: 20px 0;
}
p.booking-voortgang-inclusief {
    font-weight: 600;
}
ul.vink {
    list-style-image: url('/wp-content/themes/opinion-child/assets/check.svg');
}
.woocommerce-Price-currencySymbol {
    margin-right: 8px;
}
.service-prijs {
    font-size: 12px;
}
.single-product button[name="add-to-cart"] {
    padding: 1rem 0.6em !important
}
.slick-list {
    max-height: 540px;
    overflow: hidden;
}
ul.vink li {
    margin-left: 25px;
    margin-bottom: 8px;
}
.mokki-ligging {
    background: #F5F1F1;
    margin-top: 40px;
}
.mokki-ligging .container {
    background: url('/wp-content/themes/opinion-child/assets/bg-map.png') no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: contain;
    padding-top: 40px;
    padding-bottom: 60px;
}
.mokki-ligging img {
    border: 10px solid white;
    margin-top: 20px;
}
.container.praktische-tips {
    padding-bottom: 60px;
}
.container.praktische-tips ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style: none;
}
.container.praktische-tips ul li {
    background: url(/wp-content/themes/opinion-child/assets/chevron-right.svg) no-repeat;
    padding: 6px 0 6px 31px;
    background-position: left center;
}
.footer-top-bar {
    border: 8px solid #36b876;
    border-image: url(/wp-content/themes/opinion-child/assets/footer-border.png) 30 3px;
    min-height: 85px;
    background: #36b876;
    z-index: 111;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
}

.home-usp-bar {
    min-height: 85px;
    background: #f5f1f1;
    z-index: 111;
    position: relative;
    color: #6d6d6d;
    display: flex;
    align-items: center;
}
.footer-top-bar .logos, .home-usp-bar .logos {
    float: right;
}
.footer-top-bar .logos img, .home-usp-bar .logos img {
    max-height: 30px;
    margin-right: 20px;
}
.footer-top-bar .usp, .home-usp-bar .usp {
    margin-right: 50px;
}
@media only screen and (max-width: 768px) {
    .footer-top-bar .usp, .home-usp-bar .usp {
        display: block;
        margin-bottom: 10px;
    }
}
.footer-top-bar .usp img, , .home-usp-bar .usp img {
    margin-right: 10px;
}
.home-usp-bar .usp.usp-reviews::before {
    background: none;
}
.usp.usp-reviews .dashicons {
    color: #FBB007;
    margin-left: -20px;
    margin-right: 10px;
    margin-top: 3px;
}
/*.woocommerce div.product div.images .slick-slide img {*/
/*    width: auto;*/
/*    height: 540px;*/
/*    max-width: 100%;*/
/*    margin: 0 auto;*/
/*}*/

/*.slick-initialized .slick-slide {*/
/*    width: auto!important;*/
/*}*/
.front-header-form, .opinion-page-cover {
    background-size: cover;
    background-position-y: center;
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
}
.front-header-form .container, .opinion-page-cover {
    text-align: center;
}
.front-header-form .container {
    margin-top: -25px;
}
.front-header-form h1, .front-header-form p, .opinion-page-cover h1, .opinion-page-cover p {
    color: white;
}
.front-header-form h1, .opinion-page-cover h1 {
    /*margin-top: 280px;*/
    font-size: 68px;
}
.search-accomodation-form {
    margin: 60px 0 !important;
}
.front-header-form p.subheader, .opinion-page-cover p.subheader {
    font-size: 26px;
    width: 60%;
    margin: 0 auto;
}

a.btn-gasten {
    position: relative;
    background: white;
    padding: 17px;
    font-size: 18px;
    border: 1px solid white;
    border-radius: 6px;
    min-width: 319px;
    display: inline-block;
    z-index: 111112;
    margin-top: 60px;
    margin-right: 15px;
    margin-bottom: 160px;
    cursor: pointer;
}
.btn-home-van {
    position: relative;
    background: white;
    padding: 17px;
    font-size: 18px;
    border: 1px solid white;
    border-radius: 6px;
    min-width: 319px;
    display: inline-block;
    z-index: 111111;
    margin-top: 60px;
    margin-right: 15px;
    margin-bottom: 160px;
    cursor: pointer;
}
a.btn-home-tot {
    position: relative;
    background: white;
    padding: 17px;
    font-size: 18px;
    border: 1px solid white;
    border-radius: 6px;
    min-width: 319px;
    display: inline-block;
    z-index: 111111;
    margin-top: 60px;
    margin-right: 15px;
    margin-bottom: 160px;
    cursor: pointer;
}
.btn-home-zoeken, .btn-green {
    padding: 4px;
    border-radius: 6px;
    display: inline-block;
    margin: 0;
    text-transform: none;
    font-size: 22px;
    background-color: #36b876;
    color: #ffffff;
}
.btn-home-zoeken span, .btn-green span {
    display: block;
    border: 1px dashed white;
    padding: 12px 36px;
    border-radius: 6px;
}
.btn-home-zoeken {
    margin-bottom: 38px;
}
.zoekresultaat-huis-tekst .btn-green span {
    padding: 8px 24px;
}
.zoekresultaat-huis-prijs {
    text-align: right;
}
.zoekresultaat-huis-prijs-totaal {
    display: block;
    font-size: 0.8em;
}
.single-product .price + .price {
    display: none;
}
.vlucht-prijs .fa-child {
    font-size: 65%;
}
#guest-picker {
    position: absolute !important;
    top: 70px !important;
    left: 0px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 36px 2px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: normal !important;
    max-height: calc(100vh - 152px) !important;
    visibility: visible !important;
    background: rgb(255, 255, 255) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    border-image: initial !important;
    border-radius: 4px !important;
    padding: 24px !important;
    z-index: 111115;
    display: none;
}
.guest-label {
    overflow-wrap: break-word !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.375em !important;
    color: rgb(72, 72, 72) !important;
    margin: 0px !important;
}
.guest-label-wrapper {
    display: table !important;
    margin-right: 12px !important;
}
._10ejfg4u {
    display: table-cell !important;
    width: 100% !important;
    vertical-align: middle !important;
}
.guest-sub-label {
    overflow-wrap: break-word !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.28571em !important;
    color: rgb(72, 72, 72) !important;
    margin: 0px !important;
}
.guest-sub-label-wrapper {
    font-size: 14px !important;
    line-height: 18px !important;
    letter-spacing: normal !important;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif !important;
    color: rgb(72, 72, 72) !important;
    padding-top: 4px !important;
    display: block !important;
}
._ni9axhe {
    display: table-cell !important;
    vertical-align: middle !important;
}
.guest-buttons-wrapper {
    display: table !important;
    width: 120px !important;
}
.guest-btn-updown {
    display: inline-block !important;
    cursor: pointer !important;
    text-align: center !important;
    line-height: 1 !important;
    position: relative !important;
    touch-action: manipulation !important;
    height: 32px !important;
    width: 32px !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    border-style: solid !important;
    border-color: rgb(0, 132, 137) !important;
    background: transparent !important;
    border-width: 1px !important;
    height: var(--size-flat-button-size-small, 32px) !important;
    width: var(--size-flat-button-size-small, 32px) !important;
    box-shadow: var(--shadow-button-level0-box-shadow, none) !important;
    padding: 0;
}
.guest-btn-updown:disabled {
    cursor: default !important;
    border-color: rgba(0, 132, 137, 0.3) !important;
    background: transparent !important;
}
._m5uqah {
    display: inline-block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: rgba(0, 132, 137, 0.3) !important;
    font-size: 16px !important;
}
._m5uqah {
    color: var(--color-buttons-secondary-small-disabled-text, rgba(0,132,137,0.3)) !important;
    font-size: var(--size-flat-button-icon-size-small, 16px) !important;
}
._1y1icpxd {
    display: inline-block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: rgb(0, 132, 137) !important;
    font-size: 16px !important;
}
._1y1icpxd {
    color: #008489 !important;
    font-size: var(--size-flat-button-icon-size-small, 16px) !important;
}
._1a72ixey {
    display: table-cell !important;
    vertical-align: middle !important;
    text-align: right !important;
}
._1r804a6o {
    overflow-wrap: break-word !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.375em !important;
    color: rgb(72, 72, 72) !important;
    margin: 0px !important;
}
._zac1rbz {
    display: table-cell !important;
    vertical-align: middle !important;
    text-align: center !important;
}
.datepicker-panel {
    position: absolute !important;
    top: 70px !important;
    left: 0px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 36px 2px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    white-space: normal !important;
    max-height: calc(100vh - 152px) !important;
    visibility: visible !important;
    background: rgb(255, 255, 255) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    border-image: initial !important;
    border-radius: 4px !important;
    padding: 24px !important;
    z-index: 111115;
    display: none;
    width: 100%;
}
@media only screen and (max-width: 1024px) {
    .btn-home-van .datepicker-panel {
        max-height: none !important;
    }
}
.datepicker-panel .close {
    position: absolute;
    width: 3.75rem;
    height: 3.75rem;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 1.625rem;
    font-weight: 300;
    text-align: center;
    line-height: 3.75rem;
    z-index: 20;
    background: #757575;
    border-left: 0.0625rem solid #000;
}
.datepicker-panel .datepicker-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.75rem;
    margin: 0;
    padding: 0 0 0 0.625rem;
    background: #424242;
    z-index: 10;
}
.datepicker-panel .datepicker-header>.datepicker-hint {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    font-weight: 300;
    margin: 0.625rem 0 0.1875rem;
}
.datepicker-panel .datepicker-header>.datepicker-summary {
    font-size: 0.75rem;
    color: #d2d3d6;
    font-weight: 300;
}
.datepicker-panel .content {
    padding-bottom: 0.625rem;
}
.co-fast-pick {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #D2D3D6;
    margin: 5px 15px 10px 10px !important;
    padding-bottom: 5px;
    width: auto;
}
.row .row {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
}
.column, .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
}
.small-2 {
    width: 16.66667%;
}
@media only screen and (min-width: 701px) {
    .medium-2 {
        width: 16.66667%;
    }
}
@media only screen and (min-width: 1341px) {
    .column, .columns {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        float: left;
    }
    .large-2 {
        width: 16.66667%;
    }
}
.co-fast-btn {
    padding-bottom: 6px;
    padding-top: 6px;
}
.co-fast-btn span {
    padding: 2px 7px;
    cursor: pointer;
}
.datepicker-panel .scroll-wrap {
    height: 100%;
    padding-right: 0.3125rem;
}
.mCustomScrollBox {
    position: relative;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
    overflow: hidden;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
    transition: all 2s ease 0s;
    top: 0;
}
.date-picker-months-list {
    height: 100%;
    max-height: 100%;
    overflow-y: scroll;
}
.datepicker-panel .scroll-wrap .mCSB_container .date-picker-months-list {
    overflow: visible;
    background: #fff;
}
.ui-datepicker {
    width: 100% !important;
    height: auto;
    padding: 0 10px 0 10px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #000;
}
.date-picker-months-list>div {
    background: #fff;
}
.ui-datepicker-group {
    margin-bottom: 1.75rem;
}
.ui-datepicker-header {
    width: 100%;
}
.ui-datepicker-title {
    height: 1.75rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #000;
    line-height: 1.75rem;
}
.ui-datepicker-title {
    text-align: center;
    font-size: 15px;
}
.ui-datepicker table {
    width: 100%;
    empty-cells: hide;
    table-layout: fixed;
    overflow: hidden;
}
.ui-datepicker thead {
    height: 1.75rem;
    line-height: 1.75rem;
}
.ui-datepicker-calendar th span {
    position: relative;
}
.ui-datepicker thead th span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #000;
}
.ui-datepicker-calendar th [title~=Monday]:before {
    content: "ma";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-datepicker-calendar th [title~=Tuesday]:before {
    content: "di";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-datepicker-calendar th [title~=Wednesday]:before {
    content: "wo";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-datepicker-calendar th [title~=Thursday]:before {
    content: "do";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-datepicker-calendar th [title~=Friday]:before {
    content: "vr";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-datepicker-calendar th [title~=Saturday]:before {
    content: "za";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-datepicker-calendar th [title~=Sunday]:before {
    content: "zo";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.ui-datepicker tbody tr {
    border-bottom: 1px solid #fff;
}
.ui-datepicker-unselectable {
    background: #d2d3d6;
    z-index: 20;
}
.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #fff;
    position: relative;
    width: 14.28%;
}
.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
    line-height: 0px;
}
.datepicker-range-mark, .ui-datepicker td .datepicker-hover-ico {
    width: 0.3125rem;
    height: 2.125rem;
    background-position: -6.125rem -90.5625rem;
}
.ui-datepicker td .datepicker-hover-ico {
    position: absolute;
    top: 0.25rem;
    z-index: 1;
    display: none;
}
.ui-datepicker td .datepicker-both-selected-ico {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    display: none;
}
.ui-datepicker td .datepicker-both-selected-ico .in-range-hover-end {
    right: 0.125rem;
}
.ui-datepicker td .datepicker-both-selected-ico .in-range-hover-start {
    left: 0.125rem;
}
.ui-datepicker a {
    text-decoration: none;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    height: 43px;
    line-height: 43px;
    color: #000;
    background: #f0f2f5;
    float: left;
    width: 100%;
}
.ui-datepicker td a {
    position: relative;
    z-index: 2;
}
.ui-datepicker td span {
    color: #cacbd0;
}
/*.ui-datepicker td a.disabled-za-za, .ui-datepicker td a.temp-disabled {*/
    /*background: lightsalmon;*/
    /*color: lightsalmon;*/
/*}*/
.ui-datepicker-calendar .ui-datepicker-today a {
    font-weight: 500;
    font-size: 1rem;
}
.ui-datepicker td .datepicker-both-selected-ico {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    display: none;
}
.ui-datepicker-calendar .ui-state-hover:not(.disabled-za-za), .ui-datepicker-calendar .ui-state-active {
    background: #36b876;
}
.ui-datepicker-calendar .in-range-hover, .ui-datepicker-calendar .in-range {
    background: #58cc91;
}
.ui-datepicker-calendar .ui-state-hover.in-range, .ui-datepicker-calendar .ui-state-hover.in-range-hover, .ui-datepicker-calendar .ui-state-active.in-range, .ui-datepicker-calendar .ui-state-active.in-range-hover {
    background: transparent;
    border: 1px dashed #000;
}
.ui-datepicker-calendar .ui-state-hover.in-range.ui-state-active, .ui-datepicker-calendar .ui-state-hover.in-range-hover.ui-state-active, .ui-datepicker-calendar .ui-state-active.in-range.ui-state-active, .ui-datepicker-calendar .ui-state-active.in-range-hover.ui-state-active {
    background: #36b876;
    border: 0;
}
.ui-datepicker-calendar .ui-state-hover.range-start+.datepicker-hover-ico, .ui-datepicker-calendar .ui-state-active.range-start+.datepicker-hover-ico {
    border-color: transparent transparent transparent #36b876;
    border-style: solid;
    border-width: 1.3125rem 0.5625rem 1.3125rem;
    content: "";
    right: -1.125rem;
    position: absolute;
    top: 0;
    z-index: 3;
    height: 100%;
    display: block !important;
    background-image: none;
    cursor: pointer;
}
.ui-datepicker-calendar .ui-state-hover.range-end+.datepicker-hover-ico, .ui-datepicker-calendar .ui-state-active.range-end+.datepicker-hover-ico {
    border-color: transparent #36b876 transparent transparent;
    border-style: solid;
    border-width: 1.3125rem 0.5625rem 1.3125rem;
    content: "";
    right: auto;
    left: -1.125rem;
    position: absolute;
    top: 0;
    z-index: 3;
    height: 100%;
    display: block !important;
    background-image: none;
    cursor: pointer;
}
.ui-datepicker-calendar .ui-state-hover.in-range+.datepicker-hover-ico, .ui-datepicker-calendar .ui-state-hover.in-range-hover+.datepicker-hover-ico, .ui-datepicker-calendar .ui-state-active.in-range+.datepicker-hover-ico, .ui-datepicker-calendar .ui-state-active.in-range-hover+.datepicker-hover-ico {
    display: none;
}
.datepicker-panel thead th {
    background: #fff;
}
.ui-datepicker-calendar .ui-state-hover:not(.disabled-za-za):not(.temp-disabled), .ui-datepicker-calendar .ui-state-active {
    background: #36b876;
}
.datepicker-hover-ico {
    background: transparent !important;
}
.home section h2 {
    font-size: 46px;
    display: block;
    text-align: center;
    color: #36b876;
    margin-bottom: 1em;
}
.zoekresultaat-transfer {
    margin-left: 20px;
}
.iconen {
    width: 100%;
    display: flex;
    justify-content: start;
}
.iconen img {
    margin-right: 10px;
}
aside a.btn-gasten, aside .btn-home-van, aside .btn-home-tot {
    min-width: 0;
    margin: 0;
    margin-bottom: 25px;
    width: 100%;
    border: 1px solid #c7c7c7;
    font-size: 16px;
    font-weight: 600;
}
aside .btn-home-van, aside .btn-home-tot {
    line-height: 38px;
}
aside .btn-home-zoeken span {
    padding: 8px 24px;
    border: none;
}
aside .btn-home-zoeken:hover {
    background: #36b876;
}
aside .datepicker-panel, aside #guest-picker {
    left: 110% !important;
    top: 0 !important;
}
aside .datepicker-panel.show-left, aside #guest-picker.show-left {
    left: -110% !important;
}
.zoekfilters {
    margin-left: -20px;
    margin-right: -20px;
    padding: 25px 20px;
    background: white;
}
@media (min-width: 570px) {
    .zoekfilters {
        margin-left: -38px;
        margin-right: -38px;
        padding: 38px;
        background: white;
    }
}
.zoekfilters h2 {
    font-family: 'Muli', sans-serif;
    font-size: 22px;
    font-weight: 800;
}
.page-id-435 .opinion-sidebar .opinion-bg-light {
    padding-bottom: 0;
}
.woocommerce-product-details__short-description {
    display: none;
}
.product-bottom-spacer {
    height: 25px;
}
input.error, textarea.error {
    color: #071526;
}
.zonder_vlucht {
    text-align: center;
}
.huis-prijs { font-weight:800; font-size:22px; color: #36b876; text-align: right; align-self:start; margin-top: 40px; }
aside .huis-prijs { margin: 0 10px;}
.activiteit-prijs { font-weight:800; font-size:22px; color: #36b876; text-align: right; align-self:start; margin-top: 40px; }
aside .activiteit-prijs { margin: 0 10px;}
.totaal-prijs { font-weight:800; font-size:22px; color: #36b876; text-align: right; align-self:start; margin-top: 40px; }
aside .totaal-prijs { margin: 0 10px;}
.single-product .price .amount { font-weight:800; font-size:22px; color: #36b876; text-align: right; align-self:start; margin: 0 10px; display: block; }
.price-info {
    display: block;
    font-weight: normal;
    color: #071526;
    font-size: 12px;
}
.woocommerce-checkout .product-quantity {
    display: none;
}
.woocommerce-checkout #place_order {
    margin-top: 40px;
}
@media only screen and (max-width: 768px) {
    #date-picker {
        height: 100vh;
        z-index: 22222222;
        max-height: 100vh !important;
        position: fixed !important;
        top: 0px !important;
    }
    .btn-home-van {
        z-index: 22222222;
    }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}
label.lbl-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.lbl-checkbox .service-prijs {
    display: block;
}
label.lbl-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
     position: absolute;
     top: 4px;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #fff;
     border: 1px solid rgba(7,21,38,0.2);
    border-radius: 6px;
 }
/* On mouse-over, add a grey background color */
label.lbl-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
label.lbl-checkbox input:checked ~ .checkmark {
    background-color: #206e47;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
label.lbl-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
label.lbl-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.activiteiten-lijst {
    position: relative;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
.activiteit-lijst-item {
    flex: 1 0 18%; /* The important bit. This percentage decides your columns.
 The percent can be px. It just represents your minimum starting width.
  */
    display: flex;
    align-items: center;
    justify-content: center;
}
.activiteit-past {
    max-width: 100% !important;
    margin: 0 5% !important;
    float: left;
}
.activiteiten-lijst a:first-child .activiteit-past {
    margin-left: 0 !important;
}
.activiteiten-lijst a:last-child .activiteit-past {
    margin-right: 0 !important;
}
@media only screen and (max-width: 768px) {
    .activiteit-lijst-item {
        flex: 1 0 40%;
    }
    .activiteit-past {
        max-width: 100% !important;
        margin: 10px !important;
        height: 180px !important;
    }
    .activiteit-past h3.zigzag:after {
        margin: 0;
    }
    .activiteiten-lijst a:first-child .activiteit-past {
        margin-left: 10px !important;
    }
    .activiteiten-lijst a:last-child .activiteit-past {
        margin-right: 10px !important;
    }
}
@media only screen and (max-width: 660px) {
    .activiteit-lijst-item {
        flex: 1 0 100%;
    }

    .activiteit-past {
        float: none !important;
        max-width: 93% !important;
        margin: 10px auto !important;
    }

}
#order_review table .order-total td {
    font-size: 22px !important;
}
@media screen and (max-width: 569px) {
    #order_review table .order-total td {
        font-size: 16px !important;
        padding-left: 0;
    }
}
.with-background-image img.wp-post-image, .beleef_kerst img, .front-header-form > img, .front-header-form img {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0;
    top: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /* for IE11 polyfill */
    margin: 0 !important;
}

.with-background-image:hover img.wp-post-image{
    transform: scale(1.1);
    transition: all .3s;
}
.home .overlay_grad:before, .home .overlay:before, .activiteit-past .activiteit_caption, .reis_caption, .front-header-form .container, .beleef_kerst .container {
    z-index: 1;
}
.front-header-form .container {
    z-index: 299;
}
.logos span {
    display: inline-block;
    position: relative;
    margin: 0 12px 0 0;
}
.logos span a {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}
select.filter-mobile {
    display: none;
}
select.sorteren {
    display: inline-block;
    width: auto;
    float: right;
}
@media screen and (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }
    .explore_mokki .meks-instagram-widget {
        display: none;
    }
    .zoekresultaat-aantal {
        text-align: center;
    }
    .zoekresultaat-aantal select {
        margin: 10px 0;
        width: 48%;
    }
    select.filter-mobile {
        display: inline-block;
        float: left;
    }
    .zoekresultaat-aantal strong {
        display: block;
    }
}

.voortgang-inc-bagage {
    background: #ffaa00;
    padding: 2px 10px;
    font-weight: bold;
    font-size: 16px;
    z-index: 1;
    margin-left: 14px;
    margin-top: 10px;
    display: inline-block;
}
.xlwcty_rightArea tfoot tr:nth-child(3) td {
    position: relative;
}
.xlwcty_rightArea tfoot tr:nth-child(3) .woocommerce-Price-amount:first-child {
    /* Hide the of (amount) text on thank you page */
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 15px;
    left: 0;
    background: #f5f1f1;
}
.airline img {
    margin-top: 20px;
}
.zoekresultaat-huis-prijs-totaal {
    display: none;
}
.oudere-tips {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 67px;
}
.entry-content .oudere-tips a {
    flex-basis: 100%;
    color: #36b876;
    box-shadow: none;
    flex: 50%;
}
.reisdata-wijzigen {
    display: none;
}
.vlucht.doorgaan_btn {
    grid-template-columns: 6fr;
}
.vlucht.doorgaan_btn a {
    margin-left: auto;
    margin-bottom: 0;
    width: auto;
    max-width: none;
    font-weight: 800;
}
.vlucht.doorgaan_btn a span {
    padding: 6px 20px;
}
.vlucht.door-reisgezelschap a span {
    font-size: 17px;
}
button:disabled {
    background: #cecece; !important;
}
.home-van-val-desktop {
    display: none;
}
@media only screen and (min-width: 769px) {
    .btn-home-tot {
        display: none !important;
    }
    .btn-home-van {
        min-width: 400px;
    }
    .btn-home-van .home-van-val {
        word-spacing: 10px;

    }
    .home-van-val-mobile {
        display: none;
    }
    .home-van-val-desktop {
        display: inline;
    }
}
#milestone #step-2 a { pointer-events: none; }
body.milestone-step-2 #milestone #step-2 a,
body.milestone-step-3 #milestone #step-2 a,
body.milestone-step-4 #milestone #step-2 a ,
body.milestone-step-5 #milestone #step-2 a { pointer-events: initial; }

#milestone #step-3 a { pointer-events: none; }
body.milestone-step-3 #milestone #step-3 a,
body.milestone-step-4 #milestone #step-3 a ,
body.milestone-step-5 #milestone #step-3 a { pointer-events: initial; }

#milestone #step-4 a { pointer-events: none; }
body.milestone-step-4 #milestone #step-4 a ,
body.milestone-step-5 #milestone #step-4 a { pointer-events: initial; }

.panel-filter.open {
    -webkit-transform: translate3D(0,0,0);
    -ms-transform: translate3D(0,0,0);
    transform: translate3D(0,0,0);
}
.panel-filter .btn-filter-toepassen span {
    padding: 6px 18px;
    font-size: 18px;
    font-weight: 600;
}
.panel-filter .btn-filter-toepassen {
    margin-top: 20px;
}
.product-inside-booking .section-content, .woocommerce.single-product div.product {
    margin-bottom: 0 !important;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
	overflow: hidden;
}
.grecaptcha-badge {
    display: none;
}
.woocommerce div.product div.images img {
    max-height: 540px;
    object-fit: cover;
}
.btn-home-zoeken span.zoeken-tekst.active {
    padding: 12px 6px;
    display: inline-block;
}
.loader {
    display: none !important;
}
.loader.active {
    display: inline-block !important;
    width: 40px;
    aspect-ratio: 10/5;
    --_g: no-repeat radial-gradient(#000 68%,#0000 71%);
    -webkit-mask: var(--_g),var(--_g),var(--_g);
    -webkit-mask-size: 25% 40%;
    background: white;
    animation: load 2s infinite;
    padding: 0 !important;
    margin: 0 10px;
}

@keyframes load {
    0%    {-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 0%  }
    16.67%{-webkit-mask-position: 0% 100%,50% 0%  ,100% 0%  }
    33.33%{-webkit-mask-position: 0% 100%,50% 100%,100% 0%  }
    50%   {-webkit-mask-position: 0% 100%,50% 100%,100% 100%}
    66.67%{-webkit-mask-position: 0% 0%  ,50% 100%,100% 100%}
    83.33%{-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 100%}
    100%  {-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 0%  }
}
.opinion-header .opinion-menu li:hover>.sub-menu {
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#menu-main-menu .menu-item:hover > .sub-menu a,
#menu-main-menu-2 .menu-item.current-menu-item .sub-menu a {
    border-bottom: 3px solid transparent;
    display: inline-block;
}
#menu-main-menu .menu-item:hover > .sub-menu li:hover a,
#menu-main-menu-2 .menu-item.current-menu-ancestor > a,
#menu-main-menu-2 .menu-item.current-menu-ancestor .sub-menu .current-menu-item a {
    border-bottom: 3px solid #36b876;
}

#CybotCookiebotDialogBodyButtonsWrapper button {
    border-radius: 6px;
    color: #36b876;
    border-color: #36b876 !important;
}
#CybotCookiebotDialogBodyButtonsWrapper button::after {
    border-color: #36b876 !important;
}
#CybotCookiebotDialogBodyButtonsWrapper button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    color: #fff;
    background: #36b876;
}
#CybotCookiebotDialogBodyButtonsWrapper button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll::after {
    border-color: #fff !important;
}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
    display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}