/**
 * Header Styles for Sephience HCP Theme
 */

header[data-elementor-type="header"] {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 20;
    transition: all 0.3s ease-in-out;
}

/* Offset anchor targets so they are not hidden under the fixed header */
:target {
    scroll-margin-top: var(--anchor-offset, var(--header-height, 100px));
}

.hcp-header .e-con-inner {
    position: relative;
}

.hcp-header-top {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1024px;
}

.hcp-header-top span.elementor-icon-list-text {
    text-decoration: underline !important;
}

.hcp-header-top span.elementor-icon-list-text:hover {
    text-decoration: none !important;
}

.elementor-sticky--effects {
    position: fixed !important;
}

.site-header *,
header[data-elementor-type="header"] * {
    transition: all 0.3s ease-in-out;
}

.sticky-header {
    transform: translateY(0);
}

.sticky-header.header-hidden {
    transform: translateY(-100%);
}

.home header[data-elementor-type="header"],
.is-home-page header[data-elementor-type="header"] {
    background-color: transparent;
}

body:not(.home):not(.is-home-page) .hcp-header,
body:has(nav.elementor-nav-menu--dropdown[aria-hidden="false"]) .hcp-header {
    background-color: #38336F !important;
    --overlay-opacity: 0;
    --overlay-mix-blend-mode: normal;
}



body:has(nav.elementor-nav-menu--dropdown[aria-hidden="false"]) {
    overflow: hidden !important;
}

nav.elementor-nav-menu--dropdown[aria-hidden="false"] {
    max-height: calc(100vh - 125px) !important;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

nav.elementor-nav-menu--dropdown[aria-hidden="false"] .elementor-nav-menu {
    max-height: 100%;
}


.elementor-nav-menu--main ul li.menu-item-has-children a .sub-arrow,
.elementor-nav-menu--dropdown li.menu-item-has-children a .sub-arrow {
    padding: 0 !important;
}

.elementor-nav-menu--main ul li.menu-item-has-children a .sub-arrow svg{
    height: 1rem !important;
    width: 2rem !important;
    fill: #FECF00 !important;
}

.elementor-nav-menu--main ul li.menu-item-has-children a[aria-expanded="true"] .sub-arrow,
.elementor-nav-menu--dropdown li.menu-item-has-children a[aria-expanded="true"] .sub-arrow {
    transform: rotate(180deg) !important;
}

#sign-up-btn {
    position: relative;
    text-align: left !important;
}

#sign-up-btn svg {
    position: absolute;
    width: 60px;
    height: auto;
    left: -20%;
    top: 50%;
    transform: translateY(-50%);
}  

a.elementor-sub-item.elementor-item-anchor {
    text-transform: uppercase !important;
}

@media screen and (min-width: 1024px) {
    .hcp-header .elementor-sub-item.elementor-item-anchor i {
        color: #ffffff !important;
    }

    .hcp-header .elementor-sub-item.elementor-item-anchor:hover i {
        color: #FECF00 !important;
    }
}

@media (max-width: 940px) {

    .nav-bp-940 .elementor-nav-menu--main { 
        display: none !important; 
    }
    .nav-bp-940 .elementor-menu-toggle { 
        display: flex !important; 
    }
    .nav-bp-940 .elementor-nav-menu--dropdown { 
        display: block !important; 
    }

    .elementor-nav-menu--dropdown:not(.elementor-nav-menu--layout-horizontal) {
        border: none !important;
    }

    .elementor-nav-menu--dropdown li a {
        font-weight: 700 !important;
        border-top: 1px solid #38336F !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .elementor-nav-menu--dropdown li:first-child a, .elementor-nav-menu--dropdown li:last-child a {
        border-top: none !important;
    }

    .elementor-nav-menu--dropdown li:nth-last-child(1) a:not(.elementor-sub-item), .elementor-nav-menu--dropdown li:nth-last-child(2) a:not(.elementor-sub-item), .elementor-nav-menu--dropdown li:nth-last-child(3) a:not(.elementor-sub-item) {
        border-top: none !important;
        padding-bottom: 5px !important;
        font-weight: 400 !important;
    }

    .elementor-menu-toggle {
        padding: 0 !important;
    }
    
    .elementor-menu-toggle__icon--open svg {
        height: auto !important;
        width: 30px !important;
    }
    
   .elementor-menu-toggle__icon--close svg {
        height: auto !important;
        width: 24px !important;
    }

    /* Submenu styling */
    .elementor-nav-menu--dropdown li ul li a {
        font-weight: 400 !important;
        padding-top: 0 !important;
        border-top: none !important;
        margin: 0 12px !important;
    }

    ul.sub-menu.elementor-nav-menu--dropdown {
        padding-bottom: 10px !important;
    }

    /* Mobile submenu collapse/expand functionality - scoped to mobile dropdown only */
    nav.elementor-nav-menu--dropdown .elementor-nav-menu .sub-menu {
        overflow: hidden;
        transition: all 0.3s ease-in-out;
    }
    nav.elementor-nav-menu--dropdown .elementor-nav-menu li.menu-item-has-children a[aria-expanded="true"] + ul.sub-menu {
        display: block !important;
    }
    
    nav.elementor-nav-menu--dropdown .elementor-nav-menu li.menu-item-has-children a[aria-expanded="false"] + ul.sub-menu {
        display: none !important;
    }

    #sign-up-button {
        text-align: right !important;
    }

    #sign-up-btn svg {
        position: absolute;
        width: 47px;
        height: 47px;
        left: -16%;
        top: 50%;
        transform: translateY(-50%);
    }

    body:has(nav.elementor-nav-menu--dropdown[aria-hidden="false"]) header {
        height: 100vh;
        background-color: #38336F ;
        z-index: 999999999999;
        position: relative;
    }

    .elementor-nav-menu--dropdown {
        background-color: white !important;
        background-image: linear-gradient(rgba(102, 178, 231, 0.10), rgba(102, 178, 231, 0.10)) !important;
    }
    
    .elementor-nav-menu--dropdown a {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        color: #38336F !important;
    }
    
    .elementor-nav-menu--dropdown li.menu-item-has-children a .sub-arrow svg {
        height: 1rem !important;
        width: 2rem !important;
        fill: #38336F !important;
    }

    .elementor-nav-menu--dropdown li.elementor-hidden-desktop a {
        text-transform: uppercase !important;
        color: #D8D9DB !important;
        font-size: 14px !important;
        text-decoration: underline !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .elementor-nav-menu--dropdown ul li.elementor-hidden-desktop:nth-last-of-type(3) a {
        padding-top: 23px !important;
    }
    
    .elementor-nav-menu--dropdown ul > li.elementor-hidden-desktop:last-child a {
        padding-bottom: 75px !important;
    }

    .elementor-nav-menu--dropdown li.elementor-hidden-desktop {
        background-color: #38336F !important;
    }
    
    .elementor-nav-menu--dropdown a.elementor-item {
        justify-content: space-between;
    }

    .sub-menu li.is-active {
        position: relative;
        z-index: 0; 
    }

    .sub-menu li.is-active::before {
       content: "";
        position: absolute;
        top: -6px;
        left: 0;
        width: 100%;
        height: 30px;
        background-color: #66B2E71A;
        z-index: -1;
        border-radius: 4px;
    }

    nav.elementor-nav-menu--dropdown .elementor-nav-menu li a.has-submenu .sub-arrow {
        cursor: pointer;
        touch-action: manipulation;
    }
    
    nav.elementor-nav-menu--dropdown .elementor-nav-menu li a.has-submenu .sub-arrow * {
        pointer-events: none;
    }
    
}

@media (max-width: 939px) {
    .hcp-header-top .elementor-hidden-mobile.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
        display: none !important;
    }
}

@media (min-width: 940px) {

    .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:nth-child(6) > a {
        margin-right: 0 !important;
    }

    .nav-bp-940 .elementor-menu-toggle { 
        display: none !important; 
    }
    .nav-bp-940 .elementor-nav-menu--main { 
        display: flex !important; 
    }
    .nav-bp-940 .elementor-nav-menu--dropdown { 
        display: none !important; 
    }

    .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.elementor-hidden-desktop {
        display: none;
    }

    .elementor-nav-menu li.home-mobile:first-child {
        display: none !important;
    }

    nav.elementor-nav-menu--main ul.sub-menu.elementor-nav-menu--dropdown[style*="display: block"] {
        display: block !important;
    }

    nav.elementor-nav-menu--main ul li a.elementor-item {
        padding-bottom: 3px !important;
    }

    nav.elementor-nav-menu--main ul li a:after {
        width: 100%;
    }

    nav.elementor-nav-menu--main ul li a.has-submenu:after {
        width: calc(100% - 32px);
    }
}