@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 #707070; border-radius: 7px; font-size: 15px; color: #979797 !important; box-shadow: none; max-width: 767px; }
.form-control:focus { border-color: var(--t2-primary-color); }
::placeholder { color: #979797 !important; opacity: 1; }
:-ms-input-placeholder { color: #979797 !important; }
::-ms-input-placeholder { color: #979797 !important; }
.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);*/ }
.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; }
.call-us { position: absolute; top: 6px; right: 60px; display: inline-block; font-size: 18px; padding: 6px 6px 6px 6px; z-index: 99; }
.call-us-divider { position: absolute; top: 16px; right: 50px; content: " "; width: 1px; height: 20px; background-color: #c5c5c5; z-index: 89; }

/* 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: 15px; }
.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; display: none; }
.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; display: none; }
.content-type-treatment .testimonialBox { padding-left: 0px; padding-right: 0px; }
.content-type-treatment .serviceBox:after { display: none; }
.content-type-treatment .treatment-intro h1 { margin-bottom: 5px; }
.content-type-treatment .treatment-intro p:last-of-type { margin-bottom: 0px; }
.content-type-treatment .treatment-description-inner { border-left: 2px solid var(--t2-primary-color); padding-left: 15px; }
.content-type-treatment .treatment-description p:last-of-type { margin-bottom: 0px; }
.content-type-treatment .treatment-description.content { padding-bottom: 0px; margin: 5px 0px 30px 0px; }
.content-type-treatment .treatment-description * { font-size: 15px; }


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

/* 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 */
.nd-testimonial-slider .slick-track { display: flex !important; }
.nd-testimonial-slider .slick-slide { height: inherit !important; }
.nd-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%;*/ min-height: 425px; }
    .welcomeBox .image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 1; position: absolute; }
    .welcomeBox .image:after { display: none; 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 { display: none; 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; }

/*** GENERAL ***/
.cta-button { border-radius: 8px; background: rgb(234,49,132); background: linear-gradient(243deg, rgba(248,118,176,1) 0%, rgba(234,49,132,1) 100%); padding: 24px 45px 12px 15px;  }
.cta-button * { color: #ffffff !important; }
.cta-button h3 { font-size: 25px; }
.cta-button p:last-of-type { margin-bottom: 0px; }
.cta-button a { text-decoration: none; font-weight: 700; }

/*** HEADER INTRO ***/
.homepage-header-intro { position: relative; padding: 25px 0px; }
.homepage-header-intro h1 { font-size: 36px; color: #ffffff; font-weight: 400; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.52); margin-bottom: 15px; }
.homepage-header-intro iframe { max-height: 60px; width: auto; }

/*** WHITE BOX ***/
.white-box-wrapper { background-color: #f5f5f7; margin-bottom: 50px; margin-top: -48px; }
.white-box { background-color: #ffffff; border-radius: 10px; padding: 25px 20px; position: relative; z-index: 2; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); margin-bottom: 30px; }
.white-box p:last-of-type,
.white-box a:last-of-type { margin-bottom: 0px; }
.grey-box { padding-bottom: 15px; }

/*** TREATMENTS ***/
.homepage-treatments { margin-bottom: 50px; }

/*** BODY ***/
.homepage-content { margin-bottom: 50px; }

/*** FOOTER ***/
footer { background-color: #f5f5f7; border-top: 3px solid var(--t2-primary-color); padding-top: 40px; position: relative; overflow: hidden; }
footer h3 { margin-bottom: 22px; }
footer form .btn-primary { width: 100%; }
footer .footer-left { margin-bottom: 50px; }
footer .footer-right { margin-bottom: 30px; }
footer .footer-right ul { padding-left: 0px; }
footer .footer-right ul li { list-style-type: none; }
footer .footer-right ul li a,
footer .footer-right a { color: #000000; text-decoration: none; font-size: 18px; padding-bottom: 10px; }
footer .footer-right ul li a:hover,
footer .footer-right a:hover { color: var(--t2-primary-color); }
footer:after { position: absolute; bottom: -200px; right: -190px; width: 300px; height: 300px; border-radius: 100%; content: ' '; border: 30px solid rgba(var(--t2-tertiary-color-rgb), 0.5); }

.footer-bottom { padding: 15px 0px; background-color: #979797; }
.footer-bottom * { font-size: 13px; color: #ffffff; }
.footer-bottom a { color: #ffffff; text-decoration: none; font-size: 13px; display: inline-block; margin: 0px 8px; }
.footer-bottom p:last-of-type { margin-bottom: 0px; }

/*** FORM ***/
.dynamicForm .error { font-size: 14px; color: red; padding: 4px 0px 6px; }

@media only screen and (min-width: 768px) {
    .homepage-header-intro { margin-top: 30px; }
    .white-box-wrapper { background-color: #ffffff; margin-top: -130px; }
    .white-box { margin-bottom: 0px; }
    .white-box .btn { width: 100%; }
    .grey-box { padding: 0px 30px 0px 16px; border-left: 3px solid var(--t2-primary-color); margin-bottom: 50px; }
    .cta-button { display: inline-block; padding-top: 15px; }
    footer .footer-right { padding-left: 60px; }
}

@media only screen and (min-width: 992px) {
    .grey-box { margin-top: 45px; }
    footer .footer-right { padding-left: 300px; }
    footer:after { bottom: -265px; right: -260px; width: 400px; height: 400px; border-width: 50px; }
    #headerCntr .logo { margin-top: 2px; }
}

.teamBox { margin: 20px 0px 0px 0px; padding: 0px; background-color: transparent; margin-bottom: 15px; }
.teamBox:after { display: none; }
.teamBox .item { background-color: #ffffff; border-radius: 8px; padding: 20px 25px  35px 25px; margin-right: 15px; position: relative; }
.teamBox .slick-list { margin-left: 0px; }
.teamBox .item .image { width: 137px; height: 137px; margin: 0px auto; margin-bottom: 20px; }
.siteobject_persons_slider .slick-list { padding: 0 20% 0 0; }
.siteobject_persons_slider .slick-track { display: flex !important; }
.siteobject_persons_slider .slick-slide { height: inherit !important; }
.siteobject_persons_slider .name h6 { font-weight: 600; font-size: 15px; margin-bottom: 5px; }
.siteobject_persons_slider .job-title { font-size: 13px; display: block; }
.siteobject_persons_slider .person-location { position: absolute; bottom: 15px; width: calc(100% - 50px); text-align: center; }
.siteobject_persons_slider .person-location * { font-size: 13px; }
.siteobject_persons_slider .person-location p:last-of-type { margin-bottom: 0px; }

.siteobject_reviews_reviews .slick-list { padding: 0 20% 0 0; }

@media (min-width: 768px) {
    .siteobject_persons_slider .nd-team-slider.slick-initialized { display: block; padding-left: 30px; padding-right: 30px; }
    .siteobject_persons_slider .slick-arrow { position: absolute; top: 50%; left: 0; z-index: 1; font-size: 38px; color: #e2e2e2; transform: translateY(-50%); cursor: pointer; }
    .siteobject_persons_slider .next-arrow { right: 0; left: unset; }

    .siteobject_reviews_reviews .nd-testimonial-slider.slick-initialized { display: block; padding-left: 30px; padding-right: 30px; }
    .siteobject_reviews_reviews .slick-arrow { position: absolute; top: 50%; left: 0; z-index: 1; font-size: 38px; color: #e2e2e2; transform: translateY(-50%); cursor: pointer; }
    .siteobject_reviews_reviews .next-arrow { right: 0; left: unset; }

    .content-type-treatment .periodBox { padding-top: 30px; }
    .content-type-treatment .periodBox .heading { margin-top: -95px; }
    .content-type-treatment .treatment-header-body { margin-top: 30px; }

    .content-type-treatment .treatment-description-inner { margin-left: 20px; }

    .content-type-treatment .testimonialBox { padding-left: 0px; padding-right: 0px; }
}

@media (min-width: 992px) {
    .siteobject_persons_slider .slick-list { padding: 0; }
    .content-type-treatment .periodBox .heading { margin-top: -120px; }
    .teamBox .item { padding: 20px 20px  35px 20px; }
    .siteobject_persons_slider .person-location { width: calc(100% - 40px); }
}

.mm-spacer { padding-left: 0px; padding-right: 0px; }
.testimonialBox { margin-top: 15px; }
.testimonialBox .slick-list { margin: 0px; }
.serviceBox .image { margin-bottom: 5px; }
.testimonialBox .item { margin-right: 18px; padding: 0px; }
.testimonialBox .item p { margin-bottom: 5px; line-height: 1.2; }

@media (min-width: 768px) {
    .testimonialBox .slick-list { margin: 0px 0px; }
    .siteobject_reviews_reviews .slick-list { padding: 0; }
}

.expect-block { background-color: #ffffff; border-radius: 8px; padding: 24px 20px; margin-bottom: 15px; }
.expect-block-wrapper .row .col-12:last-of-type .expect-block { margin-bottom: 0px; }
.expect-title { font-size: 18px; display: block; margin-bottom: 5px; }
.expert-number { font-size: 42px; font-weight: 300; display: block; text-align: center; }

@media (min-width: 767px) {
    .expect-block { margin-bottom: 30px; }
}

.testimonialBox { margin-bottom: 0px; }
.siteobject_widgets_widgets .widget-type-4 { margin-bottom: 50px !important; }

.homepage-header-intro { margin-top: 50px; }

@media only screen and (min-width: 992px) {
    #headerCntr { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
}