/*
Theme Name: Medicross
Theme URI: http://demo.casethemes.net/medicross
Author: Case-Themes
Author URI: https://casethemes.net/
Description:Medicross is a beautifully handcraftedfor doctors, clinics, medical care and health care centers, hospitals, dentists, orthopedic doctors, pediatricians, psychologists on Elementor Page Builder & designed with great attention to details, flexibility and performance. Medicross has stunning styles and elements to help you make a professional website in no time.
Version: 1.0.3
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: medicross
Tags:appointment booking, chiropractor, dentist, doctor, doctor appointment, doctor booking, health, health theme, healthcare, hospital, medical, medical appointment, medical booking, medical theme, pharmacy
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4.1
*/

.pxl-no-page-title #pxl-main {
    padding-top: 0 !important;
}

/* Equal height cards for Service Carousel on Homepage */
.pxl-service-carousel .pxl-swiper-wrapper {
    display: flex !important;
}
.pxl-service-carousel .pxl-swiper-slide {
    height: auto !important;
}
.pxl-service-carousel .pxl-post--inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.pxl-service-carousel .pxl-holder-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.pxl-service-carousel .pxl-post--title {
    min-height: 52px !important;
}
.pxl-service-carousel .pxl-post--readmore {
    margin-top: auto !important;
}

/* Equal height cards for Blog Post Carousel on Homepage */
.pxl-post-carousel .pxl-swiper-wrapper {
    display: flex !important;
}
.pxl-post-carousel .pxl-swiper-slide {
    height: auto !important;
}
.pxl-post-carousel .pxl-post--inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.pxl-post-carousel .pxl-inner-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.pxl-post-carousel .pxl-post--title {
    min-height: 84px !important;
}
.pxl-post-carousel .pxl-post--button {
    margin-top: auto !important;
}

/* Equal height cards for Service Grid on Our Services Page */
.pxl-service-grid .pxl-grid-inner {
    display: flex !important;
    flex-wrap: wrap !important;
}
.pxl-service-grid .pxl-grid-item {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 30px !important;
}
.pxl-service-grid .pxl-post--inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.pxl-service-grid .pxl-post--featured img {
    height: 240px !important;
    width: 100% !important;
    object-fit: cover !important;
}
.pxl-service-grid .pxl-holder-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.pxl-service-grid .pxl-post--title {
    min-height: 52px !important;
}
.pxl-service-grid .pxl-post--readmore {
    margin-top: auto !important;
}

/* Ensure consistent image height in Service Carousel as well */
.pxl-service-carousel .pxl-post--featured img {
    height: 240px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* Service Page Hero Breadcrumb Styling */
.pxl-breadcrumb {
    color: #FFFFFF !important;
}
.pxl-breadcrumb a {
    color: #FFFFFF !important;
    opacity: 0.9 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}
.pxl-breadcrumb a:hover {
    opacity: 1 !important;
    color: #93C5FD !important;
}
.pxl-breadcrumb span,
.pxl-breadcrumb .current-item,
.pxl-breadcrumb .active {
    color: #93C5FD !important;
    font-weight: 500 !important;
}
.pxl-breadcrumb i,
.pxl-breadcrumb .breadcrumb-separator {
    color: rgba(255, 255, 255, 0.75) !important;
    margin: 0 8px !important;
}

/* Service Page Under-Hero Header Card Styling */
.dr-ashok-emergency-box a {
    transition: color 0.2s ease, transform 0.2s ease;
}
.dr-ashok-emergency-box a:hover {
    color: #0284C7 !important;
}
.dr-ashok-badge {
    transition: background-color 0.2s ease;
}

@media (max-width: 991px) {
    .dr-ashok-emergency-box {
        justify-content: flex-start !important;
        margin-top: 15px !important;
    }
}