/*!
Theme Name: Medunit Theme
Theme URI: http://designingmedia.com/medunit
Author: Designing Media
Author URI: http://designingmedia.com
Description: Explore a world of health and wellness with our expertly designed theme catering to physicians, dentists, and healthcare professionals. Elevate your online presence with dedicated homepages tailored for the medical industry. From comprehensive physician profiles to cutting-edge dental services, our theme offers a seamless blend of professionalism and user-friendly design. Optimize your digital footprint, enhance patient engagement, and establish credibility effortlessly. Empower your healthcare practice with our SEO-optimized theme – where precision meets performance for a healthier online experience
Version: 1.0
Requires PHP: 7.0
Tested up to: 5.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: medunit
Tags: MedicalWebsite, HealthcareTheme, PhysicianProfiles, DentistHomepage, HealthcareSEO, MedicalDesign, PatientEngagement, DigitalHealthcare, OnlineWellness, MedicalProfessionalTheme, DentalServices, HealthcareWebDesign, DoctorProfiles, SEOHealth, MedicalPracticeDesign, WellnessOnline, HealthTechTheme, DentalCareOnline, PhysicianSEO, HealthcareCredibility
*/



@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


   .nav-transparent .nav-container .navbar-collapse .navbar-nav > li.current-menu-item a
   
   { cursor: pointer;
    font-family: sans-serif;
    font-weight: 600 !important;
    font-size: 14px;
    
}

.no-breadcrumbs.page-title-area:after{ display: none; }

.navbar-area .nav-container .navbar-collapse #menu-all-pages > li + li{ margin-left: 10px; }
.navbar-area .nav-container .navbar-collapse #menu-all-pages li{ padding: 0 7px; }
/*Unit test css*/
.navbar-area .nav-container .logo a.retina-logo{
	display: none;
}
.wpcf7 form.sent .wpcf7-response-output, 
.wpcf7-not-valid-tip {
    color: red;
    font-size: 0.8em;
    font-weight: normal;
    display: block;
    
    position: absolute;
    
    display: block;
    left: 0;
    border: 1px solid #d9d9d9;
    padding: 4px 5px 1px 10px;
}
.banner-inner .wpcf7 form.sent .wpcf7-response-output, 
.banner-inner .wpcf7-not-valid-tip {
    color: #fff;
    border: 1px solid #fff;
}
.wpcf7-spinner {
    display: none;
}
.banner-inner .wpcf7 form.invalid .wpcf7-response-output, 
.banner-inner .wpcf7 form.unaccepted .wpcf7-response-output, 
.banner-inner .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fff;
    color: #fff;
    margin-top: 0;
}
.wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}




/*header css*/

.social-icons {
    display: flex;
    gap: 10px;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #08aaea;
    border-radius: 50%;
    text-decoration: none;
    transition: 0.3s;
    font-size: 18px;
}

.social-icons a:hover {
    background: #061e59;
    color : white !important;
}


.social-icons a:hover .social-icon {
    color: white !important;
}

.search-custom {
    border-right: 1px solid grey;
    padding-right: 10px;
      padding: 10px 20px 10px 10px;
}



.burger-icon {
    width: 40px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
     align-items: flex-start;
}

.burger-icon span {
    display: block;
    height: 3px;
    background: #333;
    transition: 0.3s;
}

/* Different widths for each span */
.burger-icon span:nth-child(2) {
    width: 30px;
}

.burger-icon span:nth-child(1) {
    width: 25px;
}

.burger-icon span:nth-child(3) {
 
    width: 20px;
}



.burger-menu {
    transform: rotate(180deg);
      
}



.navbar-area .nav-container {
    width : 1320px !important;
}

.hero-card_wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}

.hero-card {
    display: flex;
    gap: 14px;
}





.turning_square {
    width: 50px; /* Adjust size as needed */
    height: 50px; /* Adjust size as needed */
    background-color: blue; /* Change to your preferred color */
    animation: rotateSquare 2s linear infinite;
}

@keyframes rotateSquare {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


.owl-dots {
    display: none;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav .menu-item-has-children a::before {
    color : #196164 !important;
    width: 10px !important;
    top : 51% !Important;
}


.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    background : white !important;
    border : none !important;
    border-bottom : 1px solid grey;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    background : white !important;
}


.rmp-container .rmp-menu-title .rmp-menu-title-image {
    max-width: 100%;
    margin-bottom: 15px;
    display: block;
     margin: 0; 
    margin-bottom: 15px;
    width: 153px;
}

/* Ensure the team-member div is positioned relative */
/* Ensure the team-member div is positioned relative */
.team-member {
    position: relative;
    overflow: hidden;
}

/* Initially hide the social icons (Positioned Below the Team Member) */
.social-div {
    position: absolute;
    top: -30%; /* Start slightly below */
    left: 40%;
    transform: translate(-50%, 50%); /* Move it further down */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, transform 0.5s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Space between icons */
    background: rgba(0, 0, 0, 0.6); /* Optional background effect */
    padding: 10px;
    border-radius: 10px;
}

/* On Hover: Slide Up & Appear */
.team-member:hover .social-div { 
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* Moves to the middle */
}


.elementor-1640 .elementor-element.elementor-element-ad872dc .elementor-icon-list-text {
   font-weight: 600 !important;
    
}




.elementor-1640 .elementor-element.elementor-element-051294c .elementor-icon-list-text {
    
    font-weight: 600 !important;
}
ul#menu-primary-menu {
    display: flex
;
    justify-content: end;
}

@media (min-width: 769px) and (max-width: 1024px) {
    
       html .burger-menu {
    display : block !important;
} 

}

@media (max-width : 1024px) {
    
    html .burger-menu {
    display : block !important;
}
    .burger-menu {
    margin: 0 !important;
    margin-top: -15px !important;
}
    
   html .nav-transparent .nav-white {
        margin: 0px !important;
    }
    
    div#medunit_main_menu {
    display: none;
}




.social-icons {
    display: none;
}

.search-custom {
    display: none;
}

.hero-card_wrapper {
     display: flex;

    flex-direction: column;
   
        gap: 30px !important;
}



.elementor-element.elementor-element-f633461.e-con-full.e-flex.e-con.e-child {
    margin-left: 0px !Important;
}


.elementor-3792 .elementor-element.elementor-element-63b26d4 .elementor-swiper-button {
  
    display: none !important;
}

}


/*custom css*/

/*blog category page*/
/*.medunit-blog-page .blog-details {width: 664px ! Important;position: relative;top: -84px;}
.medunit-blog-page .blog-details {margin: -230px auto 0 !important;}*/
.medunit-blog-page span.byline {display: none;}
.medunit-blog-page span.posted-on {display: none;}
.medunit-blog-page svg.svg-inline--fa.fa-clock-o {display: none !important;}
.medunit-blog-page svg.svg-inline--fa.fa-user {display: none !important;}
.medunit-blog-page .single-blog-wrap .blog-details span {
display: none;}

ul.breadcrumb {
    display: none !important;
}
div#block-9 {
    display: none;
}

/*blog category page*/
@media (max-width: 768px) {

img.rmp-menu-title-image {
    display: none !important;
}
}

/*custom css*/

/* header css*/



    
    /* Mobile Menu Overlay (z-index below menu) */
.body-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
   
    transition: all 0.3s ease-in-out;
}

.body-overlay.active {
    display: block;
}

/* Mobile Menu */
.custom-mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100vh;
    background: #fff;
    z-index: 9999; /* higher than the overlay */
    transition: right 0.3s ease-in-out;
    box-shadow: -2px 0 8px rgba(0,0,0,0.1);
    padding: 20px;
    overflow-y: auto;
}

.custom-mobile-menu.active {
    right: 0;
}

        /* Mobile Menu Overlay */
        .body-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0.6);
            z-index: 9990;
            transition: all 0.3s ease-in-out;
        }

        .body-overlay.active {
            display: block;
        }

        /* Mobile Menu */
        .custom-mobile-menu {
            position: fixed;
            top: 0;
            right: -100%;
            width: 80%;
            height: 100vh;
            background: #fff;
            z-index: 9999;
            transition: right 0.3s ease-in-out;
            box-shadow: -2px 0 8px rgba(0,0,0,0.1);
            padding: 20px;
            overflow-y: auto;
        }

        .custom-mobile-menu.active {
            right: 0;
        }

        .custom-mobile-menu .mobile-menu-logo img {
            max-width: 150px;
            height: auto;
            display: inline-block;
        }

        .custom-mobile-menu .mobile-nav {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .custom-mobile-menu .mobile-nav li {
            margin-bottom: 15px;
        }

        .custom-mobile-menu .mobile-nav li a {
            color: #333;
            text-decoration: none;
            font-weight: bold;
        }

        .custom-mobile-menu .mobile-social-icons a {
            display: inline-block;
            margin: 0 6px;
            font-size: 18px;
            color: #fff;
            width: 36px;
            height: 36px;
            background-color: #007bff;
            text-align: center;
            line-height: 36px;
            border-radius: 50%;
            transition: all 0.3s ease;
        }

        .custom-mobile-menu .mobile-social-icons a:hover {
            background-color: #0056b3;
            color: #fff;
        }
  
	



        /* Hide Popup Initially */
        .popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            justify-content: center;
            align-items: center;
            z-index: 10000;
            padding: 20px;
            box-sizing: border-box;
        }

        /* Popup Content - Adjusted for Height */
    .popup-content {
    background: white;
    padding: 20px;
    width: 90%;
    max-width: 500px;
    height: auto; /* Allow dynamic height */
    max-height: 90vh; /* Prevent overflow */
    border-radius: 10px;
    text-align: left;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}


        /* Close Button */
        .close {
            position: absolute;
            right: 15px;
            top: 10px;
            font-size: 22px;
            cursor: pointer;
            font-weight: bold;
        }

        /* Form Field Styling */
        .popup-content form {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .popup-content input, 
        .popup-content textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
        }

        /* Submit Button */
        .popup-content button {
            background: #0073e6;
            color: white;
            padding: 10px;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            font-size: 16px;
        }

        .popup-content button:hover {
            background: #005bb5;
        }

        /* Responsive Adjustments */
        @media (max-width: 600px) {
            .popup-content {
                width: 95%;
                max-width: 90%;
             
            }
        }
   
   
   .wpcf7-response-output {
    display: none !important;
}