/*
Theme Name: dentalcare_child_theme
Version: 1.0
Description: A child theme of Dentalcare
Template: dentalcare
*/

@import url("../dentalcare/style.css");

.tt-header .logo img {
    max-height: 130%;
    margin-top: -10px;
}

.tt-header .top-info, .index4header .top-info a, .top_bar p, #header .social_icon ul li i {
    font-size: 14px;
}

.nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li a, .tt-header .main-nav > ul > li > ul > li > a, .tt-header .main-nav > ul > li > ul > li > ul > li > a {
    background-color: #ffffff;
}

.nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li.current-menu-item > a, .tt-header .main-nav > ul > li > ul > li.current-menu-item > a {
    color: #ffffff;
    background-color: #d2007b;
}

.header-navigation.navbar-default .navbar-nav > li > a:hover, .header-navigation.navbar-default .navbar-nav > li > a:focus {
    color: #646463;
}

.tt-footer .widget ul li a {
    color: #ffffff;

    &:hover {
        color: #d2007b;
    }
}

.tt-footer .widget_archive li, .tt-footer .widget_links li, .tt-footer .widget_meta li, .tt-footer .widget_nav_menu li, .tt-footer .widget_pages li, .tt-footer .widget_recent_comments li, .tt-footer .widget_recent_entries li {
    border-top: 1px solid #ffffff;
}

.widget_archive li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li, .widget_pages li a, .widget_recent_comments li a, .widget_recent_entries li a {
    line-height: 15px;
}

.tt-copy-right a:hover {
    color: #d2007b;
}

.index4header .top-info a {
    font-weight: 500;
    font-style: normal;
}

@media (max-width: 991px) {
    #main-navigation-wrapper .nav li:first-child a {
        color: #d2007b;
        background-color: #ffffff;
        text-transform: none;
        font-weight: 700;
    }

    #main-navigation-wrapper .nav > li > a {
        text-transform: none !important;
        font-weight: 700 !important;
    }

    nav ul li.menu-item-has-children i.fa.fa-chevron-down.DDopen {
        color: #d2007b !important;
    }

    .nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li a, .tt-header .main-nav > ul > li > ul > li > a, .tt-header .main-nav > ul > li > ul > li > ul > li > a {
        color: #d5007f;
        font-weight: bold;
    }

    .MobileHeader .tt-header .main-nav > ul > li > ul > li > a, .MobileHeader .nav-t-holder .nav-t-footer ul.nav > li ul.sub-menu li a {
        color: #d2007b !important;
        background-color: #ffffff;
        text-transform: none;
        font-weight: 700;

        &:hover {
            color: #ffffff;
            background-color: #d2007b;
        }
    }

    #main-navigation-wrapper .nav > li > a {
        color: #d2007b !important;
        text-transform: none;
        background-color: #ffffff;
    }

    #main-navigation-wrapper .nav .current-menu-item > a {
        color: #d2007b !important;
        text-transform: none;
        background: #ffffff !important;
    }

    nav ul li.menu-item-has-children i.fa.fa-chevron-down {
        color: #d2007b;
    }

    .dropdown {
        .clicked_back_color {
            background-color: #fff !important;
            color: #fff !important;
        }
    }

    #main-navigation-wrapper .nav .current-menu-item > a {
        border-bottom: 1px solid #d2007b;
    }

    .navbar .toggle-block {
        background: #d2007b;
    }
}

@media (max-width: 768px) {
    .text-decor {
        border-bottom: 2px solid #d2007b !important;
    }

    .simple-text h4, .h4 {
        font-size: 23px;
        line-height: 18px;
    }

    .simple-text h5, .h5 {
        font-size: 18px;
        line-height: 20px;
    }

    .simple-text p {
        line-height: 20px;
    }

    .custom-image-diensten {
        height: 130px !important;
        object-fit: cover;
    }

    .custom-shorttext-textblock {
        -webkit-line-clamp: 5;
    }
}

@media (max-width: 425px) {
    .text-decor {
        border-bottom: 2px solid #d2007b !important;
    }

    .simple-text h4, .h4 {
        font-size: 32px;
        line-height: 30px;
    }

    .simple-text h5, .h5 {
        font-size: 24px;
        line-height: 30px;
    }

    .simple-text p {
        line-height: 26px;
    }

    .custom-image-diensten {
        height: auto !important;
        object-fit: cover;
    }

    .custom-shorttext-textblock {
        -webkit-line-clamp: 5;
    }

    .image_view {
        height: auto !important;
        object-fit: cover;
    }
}

.text-decor {
    border-bottom: 2px solid #d2007b;
}

.readmore a {
    color: #d2007b;
}

.custom-hover:before {
    background: #d2007b;
}

.scolor span {
    color: #d2007b;
}

.appoint {

    background: #d2007b;

}

.patient_Say .tt-testimonial-info {
    border: 1px solid #d2007b;
}

.tt-title {

    span {

        color: #d2007b !important;

    }

}

.index2btn {
    background: #d2007b !important;
}

.c-btn:before {

    background-color: #000

}

.tt-foooter-title:after {
    background: #d2007b;
}

div#btt {
    background: none repeat scroll #d2007b;
    border: 1px solid #d2007b;
    color: #fff;
}

.tt-team-name {
    color: #d2007b;
}

.tt-header .top-social a:hover {
    color: #646463;
}

.c-btn:hover {
    color: #fff !important;
}

.text-decor {
    color: #d2007b !important;
}

.cmn-toggle-switch span {
    background: #000;
}

.cmn-toggle-switch::before, .cmn-toggle-switch::after {
    background: #000;
}

.wpcf7-spinner {
    display: none;
}

#rev_slider_2_1 {
    width: auto !important;
}

.tt-title {
    color: #000 !important;
}

.tt-copy-right a:hover {
    color: #fff !important;
}

.rs-module {
    width: auto !important;
}

#rev_slider_2_1
.tt-title {
    color: #000;
}

.tt-copy-right a:hover {
    color: #fff;
}

.tt-doctor-title {
    color: #d2007b;
}

.tt-doctor-title:hover {
    color: #000000;
}

.tt-team-name:hover {
    color: #000;
}

.tt-doctor:hover {
    border-color: #d2007b;
}

.custom-hover-bottom .c-btn {
    background: #ad0067;
}

.custom-hover.type-3 .fa {
    color: #d2007b;
}

.text-center .c-btn {
    background: #d2007b;
}

.c-btn, .c-btn:focus {
    background: #d2007b;
}

.tt-location-icon {
    color: #d2007b;
    border: 1px solid #d2007b;
}

.vc_general.vc_btn3 {
    background: #d2007b !important;
    color: #fff !important;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:hover {
    color: #fff !important;
    background-color: #000 !important;
}

.tt-location-info .simple-text a:hover {
    color: #d2007b;
}

.tt-location-info .simple-text {
    color: #000000;
}

.tt-location-info .simple-text a {
    color: #000000;
}

.tt-location-tel {
    color: #000;
    font-weight: 500;
    font-style: normal;
}

.tt-location-tel:hover {
    color: #d2007b;
}

.header-navigation.navbar-default .navbar-nav > li > a:hover, .header-navigation.navbar-default .navbar-nav > li > a:focus {
    color: #000000;
}

.nav-t-holder .nav-t-footer ul.nav > li > a, .index3header .main-nav > ul > li > a, .index4header .main-nav > ul > li > a, .tt-header .main-nav > ul > li > a:active {
    color: #000000;
}

.meet {
    .meet_dr {
        img {
            border-radius: 100%;
        }
    }
}

.image-doctor {
    img {
        border-radius: 100%;
    }
}

.height-team {
    img {
        height: 300px;
    }
}

.custom-margin {
    margin-top: 5rem;
}

.custom-shorttext-textblock {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.custom-button h5 {
    padding-top: 30px;
}

.custom-shorttext {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.custom-image-diensten {
    height: 205px;
    object-fit: cover;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #000000 !important;
}

.swiper-pagination .swiper-pagination-bullet {
    background: #d2007b;
}

.before_background:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.before_background .tt-title, .before_background .tt-testimonial-name {
    color: #fff !important;
}

.tt-not-found-title {
    color: rgb(213 0 127);
}

#content-wrapper .tt-heading .tt-heading-cell {
    background-size: cover;
}

@media (max-width: 425px) {
    .mobile_banner {
        text-align: center;
    }
}

.dr_sign {
    display: none;
}

.tt-location-tel {
    font-size: 15px;
}

.tt-testimonial-info:before {
    background: url(https://www.fysiotherapievanleeuwen.ontwikkeldemo.nl/wp-content/uploads/2024/05/citaat.png);
}

#rev_slider_2_1_wrapper .hermes .tp-bullet {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #d2007b !important;
}

#rev_slider_2_1_wrapper .hermes .tp-bullet:after {
    background-color: #000000 !important;
    box-shadow: 0 0 1px #000000 !important;
    -webkit-transition: height 0.3s ease;
}

.image_view {
    height: 300px;
    object-fit: cover;
    width: 100% !important;
}

.make-appointment .custom-image-diensten {
    height: 300px !important;
    object-fit: cover;
}

.styling-form {
    margin: 0 -15px;
}

.custom-button {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.btn-text {
    margin-right: 0.5em;
}

.btn-icon {
    display: inline-flex;
    align-items: center;
}

.custom-diensten-blok .custom-image-diensten {
    height: 300px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .custom-diensten-blok .custom-image-diensten {
        height: 205px !important;
    }
}

@media (max-width: 425px) {
    .custom-diensten-blok .custom-image-diensten {
        height: auto !important;
    }
}
.custom-diensten-blok svg {
    position: absolute;
    top: 79%;
    transform: translate(0%, -35%);
}

@media (max-width: 768px) {
    .custom-diensten-blok svg {
        position: absolute;
        top: 87%;
        transform: translate(0%, -35%);
    }
}

@media (max-width: 425px) {
    .custom-diensten-blok svg {
        position: absolute;
        top: 87%;
        transform: translate(0%, -2%);
    }
}

@media (max-width: 375px) {
    .custom-diensten-blok svg {
        position: absolute;
        top: 87%;
        transform: translate(0%, -21%);
    }
}

.custom-diensten-blok .simple-text h5 {
    font-size: 16px;
    line-height: 26px;
}