/**
 * 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;
}

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

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

.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: right;
}

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


@media (max-width: 768px) {
    .elementor-nav-menu--dropdown:not(.elementor-nav-menu--layout-horizontal) {
        border: none !important;
    }
}

@media (min-width: 768px) {
    .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.elementor-hidden-desktop {
        display: none;
    }

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

@media (max-width: 768px) {
    .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 {
        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: capitalize !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: 23px !important;
    }

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