/*
 Theme Name: Salient Child
 Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
 Description: Child theme for the Salient theme
 Author: Vasyl Melko
 Template: salient
 Version: 1.0
*/

/* === SATOSHI FONT === */

/* @font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('/wp-content/themes/salient-child/fonts/Satoshi-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
} */

/* =============== Header =============== */
#top nav ul li a {
    color: #000 !important;
}

#top nav ul li.contact-menu a {
    padding: 12px 24px !important;
    background: #242424 !important;
    color: #fff !important;
    border-radius: 22px !important;
}

#slide-out-widget-area .inner-wrap {
    background-color: #fff !important;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
    color: #000 !important;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li:last-child a {
    color: #fff !important;
    background-color: #000 !important;
    padding: 12px 24px !important;
    border-radius: 40px !important;
}

/* =============== Hero Section =============== */
#btn-find-location,
#btn-see-our-difference {
    margin-bottom: 0px !important;
    padding: 14px 32px !important;
    font-family: 'Satoshi', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border: 2px solid #8F729F !important;
}

#btn-find-location {
    margin-right: 24px;
}

@media screen and (max-width:690px) {
    #btn-find-location {
        margin-right: 0px;
        margin-bottom: 16px !important;
    }

    #btn-find-location,
    #btn-see-our-difference {
        display: block;
        text-align: center;
    }
}

@media screen and (max-width:576px) {
    #hero-main-heading {
        font-size: 48px !important;
        max-width: 68% !important;
    }

    #hero-additional-text {
        font-size: 20px !important;
    }
}

.hero-divider .divider-wrap div {
    background: linear-gradient(90deg,
            #8F729F 0%,
            rgba(0, 0, 0, 0) 100%) !important;
}

/* =============== Why Choose MRI Section =============== */

.why-choose-mri-content-title .wpb_wrapper h3 {
    font-family: 'Satoshi', sans-serif;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    color: #242424 !important;
    margin-bottom: 8px !important;
}

.why-choose-mri-content-text .wpb_wrapper p {
    color: #4E375B !important;
    font-family: 'Satoshi', sans-serif;
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 160% !important;
}

#schedule-your-scan-btn {
    padding: 12px 24px !important;
    border-radius: 40px !important;
}

#schedule-your-scan-btn {
    font-family: 'Satoshi', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 140% !important;
}
#schedule-your-scan-btn-2 {
    padding: 12px 24px !important;
    border-radius: 40px !important;
}

#schedule-your-scan-btn-2 {
    font-family: 'Satoshi', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 140% !important;
}
.circle-animation .vc_column-inner .column-image-bg-wrap.column-bg-layer.viewport-desktop .inner-wrap .column-image-bg {
    background-repeat: no-repeat !important;
    background-size: 75% 75% !important;
}

.why-choose-mobile-show {
    display: none;
}

@media screen and (max-width:1280px) {
    .why-choose-desktop-hide {
        display: none !important;
    }

    .why-choose-mobile-show {
        display: block;
    }

    .why-choose-mri-content-title .wpb_wrapper h3 {
        font-size: 26px !important;
    }

    .why-choose-mri-content-text .wpb_wrapper p {
        font-size: 22px !important;
    }

    .circle-animation .vc_column-inner .column-image-bg-wrap.column-bg-layer.viewport-desktop .inner-wrap .column-image-bg {
        background-size: auto !important;
        rotate: -10deg;
    }
}

@media screen and (max-width:1000px) {
    .why-choose-tablet-show .row_col_wrap_12_inner {
        flex-wrap: nowrap !important;
    }

    .circle-animation .vc_column-inner .column-image-bg-wrap.column-bg-layer.viewport-desktop .inner-wrap .column-image-bg {
        opacity: 0.5;
    }
}

@media screen and (max-width:768px) {
    .why-choose-mri-content-title .wpb_wrapper h3 {
        font-size: 22px !important;
    }

    .why-choose-mri-content-text .wpb_wrapper p {
        font-size: 16px !important;
    }

    #schedule-your-scan-btn {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:576px) {
    #why-choose-title {
        font-size: 32px !important;
    }

    .circle-animation .vc_column-inner .column-image-bg-wrap.column-bg-layer.viewport-desktop .inner-wrap .column-image-bg {
        background-size: 200% 75% !important;
    }
}

/* =============== Our Services Section =============== */
.our-services-section {
    background: linear-gradient(180deg, #F5F0FA 0%, #E8DFF0 100%);
}

#our-services-subtitle {
    padding-bottom: 0px !important;
}

@media screen and (max-width:576px) {
    #our-services-title {
        font-size: 32px !important;
    }

    #our-services-subtitle {
        font-size: 16px !important;
    }
}

/* =============== What to Expect Section =============== */
.what-expect-main-row {
    position: relative !important;
    z-index: 100 !important;
}

#what-expect-subtitle {
    color: #4E375B !important;
    font-family: 'Satoshi', sans-serif;
    font-size: 20px !important;
}

@media screen and (max-width:576px) {
    #what-expect-title {
        font-size: 32px !important;
    }

    #what-expect-subtitle {
        font-size: 16px !important;
    }
}

/* =============== Locations Section =============== */
.our-locations-section {
    background: linear-gradient(180deg, #DCD1E1 0%, #E8DFF0 50%, #F5F0FA 100%);
}

#our-locations-subtitle {
    color: #4E375B !important;
    font-family: 'Satoshi', sans-serif;
    font-size: 20px !important;
}

@media screen and (max-width:576px) {
    #our-locations-title {
        font-size: 32px !important;
    }

    #our-locations-subtitle {
        font-size: 16px !important;
        margin-bottom: 0px !important;
    }
}
/* =============== Meet the Team Section =============== */
#our-meet-team-subtitle {
    color: #4E375B !important;
    font-family: 'Satoshi', sans-serif;
    font-size: 20px !important;
    padding-bottom: 60px;
    margin-bottom: 0px !important;
}

@media screen and (max-width:576px) {
    #our-meet-team-title {
        font-size: 32px !important;
    }

    #our-meet-team-subtitle {
        font-size: 16px !important;
        padding-bottom: 24px
    }
}

.meet-team-custom-css .toggle-title a {
    color: #4E375B !important;
    font-size: 22px !important;
    font-family: 'Satoshi', sans-serif;
    font-weight: 700 !important;
}

@media screen and (max-width:576px) {
    .meet-team-custom-css .toggle-title a {
        font-size: 18px !important;
    }
}

.team-main-card .vc_column-inner .wpb_wrapper {
    padding: 0px 24px;
    background: #ffffff26;
    backdrop-filter: blur(8px);
}
.team-main-card .vc_column-inner .wpb_wrapper * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.team-main-card .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper {
    padding: 0px !important;
    background: none !important;
    backdrop-filter: none !important;
}

.team-card-name {
    color: #fff;
    font-family: 'Satoshi', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.team-card-position {
    color: #fff;
    font-family: 'Satoshi', sans-serif;
    font-size: 10px;
    font-weight: 500;
}

/* =============== Get In Touch Section =============== */

#get-in-touch-subtitle {
    color: #4E375B !important;
    font-family: 'Satoshi', sans-serif;
    font-size: 20px !important;
    padding-bottom: 60px;
    margin-bottom: 0px !important;
}

@media screen and (max-width:576px) {
    #get-in-touch-title {
        font-size: 32px !important;
    }

    #get-in-touch-subtitle {
        font-size: 16px !important;
        padding-bottom: 24px
    }
}

#block-contact-information .vc_column-inner .wpb_wrapper .wpb_wrapper>div{
    display: inline-block !important;
}
.compose-mode .vc_empty-shortcode-element {
    min-height: 0px !important;
    display: none !important;
}

body.page-template-default {
    --scroll-bar-w: 0px !important;
}
.about-section .about-sec-img.wpb_column {min-height: 100% !important;}
.about-section .about-sec-img.wpb_column .vc_column-inner {min-height: 100% !important;}
.about-sec-rit {padding: 190px !important;background-color: #d2c0d7;}

@media screen and (max-width: 1900px) {
.about-sec-rit {padding: 180px !important;}
}

@media screen and (max-width: 1800px) {
.about-sec-rit {padding: 160px !important;}
}

@media screen and (max-width: 1700px) {
.about-sec-rit {padding: 135px !important;}
}

@media screen and (max-width: 1600px) {
.about-sec-rit {padding: 110px !important;}
}

@media screen and (max-width: 1500px) {
.about-sec-rit {padding: 85px !important;}
}
@media screen and (max-width: 1400px) {
.about-sec-rit p {font-size: 18px;}
.about-sec-rit {padding: 75px !important;}
}
@media screen and (max-width: 1300px) {
.about-sec-rit {padding: 50px !important;}
}
@media screen and (max-width: 1200px) {
.about-sec-rit p {font-size: 17px;line-height: 1.7;}
.about-sec-rit {padding: 45px !important;}
}
@media screen and (max-width: 1100px) {
.about-sec-rit p {font-size: 16px;line-height: 1.6;}
.about-sec-rit {padding: 35px !important;}
}
@media screen and (max-width: 999px) {
.about-section .about-sec-img.wpb_column {min-height: 520px !important;}
}
@media screen and (max-width: 767px) {
.about-section .about-sec-img.wpb_column {min-height: 320px !important;}
}
@media screen and (max-width: 767px) {
.about-section .about-sec-img.wpb_column {min-height: 250px !important;}
}