@import url('theme.css.php');

/* GENERAL */
a { color: var(--t2-primary-color); }
a:hover { color: var(--t2-secondary-color); }
.serviceBox img { max-width: 100%; height: auto !important; }
.form-control { border: 1px solid #dedede; }
.form-control:focus { border-color: var(--t2-primary-color); }
.testimonialBox.inner { margin-bottom: 0px; }

/* COOKIE STATEMENT */
#cookie-popup .cookie-title { background-color: var(--t2-primary-color); }
.cookie-accept  { background-color: var(--t2-primary-color); }
#cookie-popup .cookie-settings,
#cookie-popup .cookie-more-info,
#cookie-popup .cookie-settings:after,
#cookie-popup .cookie-more-info:after { font-size: 14px !important; }
#cookie-popup .cookie-level:hover,
#cookie-popup .level-selected,
#cookie-popup .level-selected:hover { border-color: var(--t2-primary-color); }
#cookie-popup .cookie-stars .fa-star { color: var(--t2-primary-color); }

/* MENU */
nav.menuBox .sub-menu { overflow: hidden; }
nav.menuBox .sub-menu > ul > li:first-of-type > a { font-weight: bold; /*color: var(--t2-text-color);*/ }
/*nav.menuBox .sub-menu > ul > li:first-of-type > a:hover { color: var(--t2-primary-color); }*/
.menuBox ul > li > a.arrow:after { display: none; }
.menuBox ul > li .mega-menu .sub-menu .level1 .cat-bold { font-weight: bold; }
.menuBox ul > li > a.arrow:after { font-size: 20px; }
.menuBox ul > li > a b.caret:after { transition: all 0.3s ease-in-out; }

/* HOMEPAGE */
.welcomeBox .onze { margin-bottom: 0px; }
.welcomeBox .onze a { color: var(--t2-text-color); }
.homepage-alert { height: 1em; }
.alert-close, .alert-close-mobile { cursor: pointer; }
.homepage-cta p { margin-bottom: 0px !important; }
.homepage-cta a.btn { display: block; width: 100%; }
.welcomeBox .info li a { text-decoration: none; color: var(--t2-text-color); }

.openinghours-day { width: 50px; padding-right: 0px; }
.openinghours-time { width: 110px; text-align: right; padding-left: 0px; }
.welcomeBox .info .time:after { position: absolute; top: 7px; left: 210px; margin-left: 0px; padding-bottom: 0px; }
.welcomeBox .week-time ul > li { text-align: right; }
.welcomeBox .week-time ul > li em { text-align: left; }
.welcomeBox .week-time ul.holiday-hours-wrapper { padding-top: 0px; }

.hours-extra-info { margin-top: 15px; }
.hours-extra-info p:last-of-type { margin-bottom: 0; }
.hours-extra-info a { text-decoration: underline !important; color: var(--t2-primary-color) !important; }

/* FORM */
.dynamicForm .row { margin-bottom: 16px; }
.dynamicForm .row_ElementCaptcha,
.dynamicForm .row_ElementSubmit { margin-bottom: 0px; }

/* FOOTER */
.footerBox .btn-secondary { border-color: #ffffff; color: #ffffff; }
.footerBox .btn-secondary:hover { border-color: var(--t2-secondary-color); color: var(--t2-secondary-color); background-color: transparent; }
.footerBox hr { background-color: #f0f2f6; opacity: 1; margin: 25px 0px; }
.footerBox .info .time { padding-top: 7px; }
.footerBox .info .time:after { margin-left: 0px; padding-bottom: 0px; position: absolute; top: 3px; left: 150px; }
.footerBox .openinghours-day { width: 40px; }
.footerBox .openinghours-time { width: 120px; }
.footerBox .week-time ul > li { text-align: right; width: 135px; padding-left: 0px; }
.footerBox .week-time ul > li span { top: 2px; }
.footerBox .holiday-hours,
.footerBox .additional-hours-text { margin-top: 15px; }
.footerBox .holiday-hours *,
.footerBox .additional-hours-text { color: #ffffff; }
.footerBox .week-time ul.holiday-hours-wrapper { padding-top: 0px; }
.footerBox img { max-width: 100%; }
.footerBox .menu p,
.footerBox .menu span { margin-bottom: 0; color: #ffffff; }
.footerBox .menu ul { padding: 0px; }
.footerBox .form-control { border: 0px; }
.footerBox .dynamicForm .row { color: #ffffff; }

/* CONTENT PAGE */
.content-type-default .serviceBox { margin-bottom: 0px; }
.content-type-default .serviceBox:after,
.content-type-default .testimonialBox.inner:after { z-index: -1; }
.content-type-default .testimonialBox { padding-left: 18px; padding-right: 18px; }

/* TREATMENT */
.content-type-treatment .serviceBox { margin-bottom: 0px; }
.content-type-treatment .serviceBox:after,
.content-type-treatment .testimonialBox.inner:after { z-index: -1; }
.content-type-treatment .testimonialBox { padding-left: 18px; padding-right: 18px; }
.content-type-treatment .serviceBox:after { display: none; }

/* COLUMN RIGHT */
.content-type-contentright .serviceBox { margin-bottom: 0px; }
.content-type-contentright .serviceBox:after,
.content-type-contentright .testimonialBox.inner:after { z-index: -1; }
.content-type-contentright .testimonialBox { padding-left: 18px; padding-right: 18px; }

/* FAQ */
.siteobject_faqs_foldedlist .welcomeBox { margin-bottom: 0px; }
.siteobject_faqs_foldedlist .welcomeBox .list { padding: 0px; margin: 0px; }
.siteobject_faqs_foldedlist .faq-answer { display: none; padding-top: 15px; }
.siteobject_faqs_foldedlist .faq-question { font-size: 18px !important; }

/* NEWS */
.siteobject_news_slider .slick-track { display: flex !important; }
.siteobject_news_slider .slick-slide { height: inherit !important; }
.siteobject_news_slider .slick-initialized .slick-slide { display: flex !important; }
.siteobject_news_slider .item { position: relative; }
.siteobject_news_slider .read-more { position: absolute; bottom: 15px; }

/* REVIEWS */
.js-testimonial-slider .slick-track { display: flex !important; }
.js-testimonial-slider .slick-slide { height: inherit !important; }
.js-testimonial-slider .slick-initialized .slick-slide { display: flex !important; }
.siteobject_reviews_reviews .review-read-more { position: absolute; bottom: 15px; left: 22px; cursor: pointer; text-decoration: none; }
.popover { white-space: pre-wrap; }

/* CAPTCHA. */
.grecaptcha-badge {
    z-index: 999;
}

/** REVIEWS WIDGET. */
.widget-klanten-vertellen { position: relative; left: -5px; margin: 15px 0px; }

/** OPENING HOURS */
.openings-hours-default { background-color: var(--t2-box-color); padding: 30px; margin-bottom: 30px; }
.openings-hours-default .opening-hours-row { margin-bottom: 15px; }
.openings-hours-default .opening-hours-hours { text-align: right; }
.openings-hours-default .opening-hours-block { margin-top: 30px; }
.openings-hours-default .current-day { font-weight: 700; }

/** TEXTAREA. */
textarea { padding: 15px !important; min-height: 150px !important; }

span.info-route,
a.info-phone-number,
a.info-email { display: inline-block; text-decoration: none; color: var(--t2-text-color); padding-left: 40px; position: relative; margin: 10px 0px; }
a.info-phone-number:after,
a.info-email:after,
span.info-route:after { font-family: 'Font Awesome 6 Pro'; font-weight: 900; top: -5px; }
a.info-phone-number:after { content: '\f095'; }
a.info-email:after { content: '\f0e0'; }
span.info-route:after { content: '\f3c5'; }
span.info-route { line-height: 1.6; }

@media only screen and (max-width: 575px) {
    .welcomeBox .info li a { font-size: 14px; }
    .welcomeBox .week-time ul > li em { font-size: 15px; }
}

@media only screen and (min-width: 576px) {
    .footerBox .openinghours-time { width: 134px; }
    .footerBox .week-time ul > li { width: 150px; }
    .footerBox .info .time:after { left: 170px; }
}

@media only screen and (max-width: 767px) {
    .welcomeBox .block p { display: block; }
    .welcomeBox .info li em { padding-top: 2px; }

    .breadcrumbBox.bc-centered { padding: 0px 15px; }
    h1, .w600px { text-align: left !important; }
    .content-type-treatment .periodBox { padding-bottom: 0px; }
    a.btn { display: block; margin-bottom: 25px; }

    .welcomeBox .image { position: absolute; top: 0px; left: 0px; z-index: -1; width: 100%; height: 600px; }
    .welcomeBox .image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 1; }
    .welcomeBox .image:after { position: absolute; top: 0px; left: 0px; width: 100%; height: 600px; content: " "; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 1)); }
}

@media only screen and (min-width: 768px) {
    .content-type-homepage .welcomeBox:after { margin-left: 310px; position: absolute; top: -900px; left: 50%; width: 1124px; height: 992px; border: 132px solid rgba(var(--t2-tertiary-color-rgb), 0.3); border-radius: 100%; content: ''; z-index: -1; }

    .welcomeBox .onze { height: 46px; margin-bottom: 22px; transition: opacity 0.4s ease-in-out; }
    .welcomeBox .onze.alert-closed { opacity: 0; }
    .homepage-alert { height: 2.2em; }
    .homepage-cta a.btn { display: inline-block; margin-right: 0px; width: auto; }
    .welcomeBox .info .time:after { top: 2px; }
    .welcomeBox .week-time ul > li em { top: 3px; }

    /* REVIEWS. */
    .content-type-default .testimonialBox { padding-left: 0px; padding-right: 0px; }

    /* BREADCRUMB CENTERED */
    .breadcrumbBox.bc-centered { text-align: center; }
    .breadcrumbBox.bc-centered .breadcrumb { display: inline-flex; }

    .content-type-treatment .periodBox { margin-bottom: 15px; }

    a.btn + a.btn { margin-left: 20px; }

    .welcomeBox .info li em { font-size: 16px; }
}

@media only screen and (max-width: 991px) {
    .content-type-homepage .welcomeBox:after { margin-left: 140px; }
}

@media only screen and (min-width: 992px) {
    .menuBox ul > li .mega-menu .sub-menu,
    .menuBox ul > li .mega-menu .sub-menu:nth-child(2n),
    .menuBox ul > li .mega-menu .sub-menu:nth-child(3n) { width: auto; padding-right: 44px; }
    .menuBox ul > li .mega-menu .sub-menu:last-child { padding-right: 0px; }
    .menuBox ul > li .mega-menu .sub-menu .level1 .cat-mt { margin-top: 22px; }
    .w600px { max-width: 600px; margin: 0px auto; }
}

.grecaptcha-badge { display: none; }

.siteobject_clinics_dropdown .btn { outline: none !important; }
.siteobject_clinics_dropdown .btn-primary:focus,
.siteobject_clinics_dropdown .btn:active { background-color: var(--t2-primary-color); border-color: var(--t2-primary-color); }
.siteobject_clinics_dropdown .dropdown-menu .selected .dropdown-item,
.siteobject_clinics_dropdown .dropdown-menu .dropdown-item:hover,
.siteobject_clinics_dropdown .dropdown-menu .dropdown-item:focus { color: var(--t2-primary-color); }
.siteobject_clinics_dropdown .btn:focus { box-shadow: none !important; }

.clinics-dropdown .siteobject_clinics_dropdown .btn { padding-top: 8px; padding-bottom: 8px; }
.clinics-dropdown .siteobject_clinics_dropdown .dropdown-toggle::after { top: 6px; }
.clinics-dropdown .siteobject_clinics_dropdown .dropdown,
.clinics-dropdown .siteobject_clinics_dropdown .btn { min-width: 300px; }
.clinics-dropdown .siteobject_clinics_dropdown .btn { text-align: left; }

.group-home-page { margin: 15px 0px 30px 0px; font-style: italic; }
#footerCntr .group-home-page { color: #ffffff; }
#footerCntr .siteobject_clinics_dropdown .btn { border-color: #ffffff; border-width: 2px; }
#footerCntr .btn.dropdown-toggle.show,
#footerCntr .siteobject_clinics_dropdown .btn:hover { border-color: var(--t2-secondary-color); color: var(--t2-secondary-color); background-color: var(--t2-primary-color); }
#footerCntr .siteobject_clinics_dropdown .dropdown-menu { background-color: var(--t2-primary-color); border-width: 2px; border-color: var(--t2-secondary-color); }
#footerCntr .siteobject_clinics_dropdown .dropdown-menu li { background-color: var(--t2-primary-color); }
#footerCntr .siteobject_clinics_dropdown .dropdown-menu li a:hover { color: var(--t2-secondary-color); }

.emergency-toggle { margin: 8px 0px; padding: 6px 0px !important; position: relative; font-size: 15px !important; cursor: pointer; vertical-align: middle; display: inline-block; }
.emergency-toggle::after { position: absolute; margin-left: 15px; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 900; color: var(--t2-primary-color); transition: all 0.3s ease-in-out; content: '\f0dd'; top: 3px; font-style: normal; }
.emergency-toggle.opened::after { transform: rotate(90deg); }
.emergency-number { display: none; padding: 10px 0px; }

@media only screen and (min-width: 768px) {
    .emergency-toggle { margin: 4px 0px; padding: 0px 0px !important; font-size: 16px !important; }
    .emergency-toggle::after { top: -3px; }
}

@media only screen and (min-width: 992px) {
    .emergency-toggle::after { top: -4px; }
    .welcomeBox .route { padding: 35px 20px 35px 55px; }
}

#footerCntr .siteobject_clinics_dropdown .dropdown-menu .selected .dropdown-item,
#footerCntr .siteobject_clinics_dropdown .dropdown-menu .dropdown-item:hover,
#footerCntr .siteobject_clinics_dropdown .dropdown-menu .dropdown-item:focus { color: var(--t2-secondary-color); }
.welcomeBox .info .w-100 .siteobject_clinics_dropdown { display: none; }
.faq-answer li.clinic { padding-left: 20px; }