/* -- 
-------
MEDIA QUERIES 
-------
-- */
.employers>.service-title>a>.wp-block-navigation-item__label{
    color: var(--wp--preset--color--custom-blue-text);
    pointer-events: none;

}

.insurers>.service-title>a>.wp-block-navigation-item__label{
    color: var(--wp--preset--color--custom-orange);
    pointer-events: none;
}

.individuals>.service-title>a>.wp-block-navigation-item__label{
    color: var(--wp--preset--color--custom-brown);
    pointer-events: none;
}


/* Change the WordPress default css to a 1023px media query */
@media (min-width: 1023px) {

    /* HIDES HAMBURGER ON DESKTOP */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    /* DESKTOP NAV VISIBLE */
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }

    /* shaping of non-service tabs */
    .mega-nav ul.wp-block-navigation__submenu-container:not(.service-subhead) {
        padding: 1rem;
        border-radius: 0 0 25px 25px;
		box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
    }

    /* main menu */
    /* remove default border */
    .mega-nav li.wp-block-navigation-item.has-child>ul {
        border: none;
        left: -2rem;
    }

    /* each link in service tab is 250px wide */
    .mega-nav ul.service-menu a {
        padding: 0;
        min-width: 250px;
    }

    /* link hover */
    .mega-nav li:hover>a:where(:not([href='#'])) {
        text-decoration: none !important;
        color: var(--wp--preset--color--custom-orange) !important;
    }

    /* standard font-sizing */
    .mega-nav .wp-block-navigation__submenu-container li:where(:not(.service-title, .service-subhead)) {
        text-transform: none;
		margin-top: 0.45rem;
    }

    /* element to stabilse hover */
    .mega-nav li.service-menu::before {
        content: '';
        height: 3rem;
        top: 1.1rem;
        position: absolute;
        width: 10rem;
        right: -10%;
    }

    /* mega container */
    .mega-nav ul.service-menu {
        position: absolute !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        border-radius: 0 0 40px 40px;
        min-width: fit-content !important;
        right: -450% !important;
        left: unset !important;
        top: 2.5rem !important;
		row-gap: 1rem;
        column-gap: 2rem;
        padding: 2rem !important;
    }

	.mega-nav ul.service-menu.short {
		grid-template-columns: 1fr 1fr;
		min-width: 480px !important;
	}

    /* column head container */
    .mega-nav li.service-subhead {
        flex-flow: column nowrap;
        position: static !important;
        padding: 0 1.75rem;
        margin: 1rem 0;
        align-items: start;
        width: 300px;
    }

    /* actual column container */
    .mega-nav ul.service-subhead {
        position: static !important;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 100% !important;
        height: 100% !important;
        border: none !important;
    }

    /* dot border on middle column */
    .mega-nav li.service-subhead:nth-child(3) {
        border-left: 3px dotted black;
        border-right: 3px dotted black;
    }

    .mega-nav li.service-subhead button {
        display: none !important;
    }

    .mega-nav ul.service-subhead>li {
        padding: 0.4rem 0;
    }

    /* fonts */

    li.service-title {
        grid-area: 1 / 1 / 2 / 4;
        font-size: 1.3rem !important;
        font-weight: 700;
        padding: 0 0 1.15rem 0 !important;
    }
	
	.mega-nav ul.service-menu.short li.service-title {
		grid-area: 1 / 1 / 1/ 3;
	}

    .mega-nav li.service-subhead>a {
        pointer-events: none !important;
        text-transform: none;
        font-weight: 600;
        font-size: 1.05rem !important;
        padding-bottom: 0.5rem;
        color: var(--wp--preset--color--contrast);
    }

    li.wp-block-navigation-item.has-child a[href='#']{
        pointer-events: none;
    }

}

@media (max-width: 1022px) {
    header nav * :hover {
        text-decoration: none !important;
    }   
    /* MOBILE NAV MENU */
    /* Main modal container */
    header .wp-block-navigation__responsive-container.has-modal-open{
        top: 60px !important;
    }

    header nav ul{
        width: 100% !important;
    }
    /* CLOSE BUTTON */
    header button[aria-label="Close menu"]{
        margin-right: 9%;
        margin-top: 1rem;
    }
    header button[aria-label="Close menu"] svg{
        display: none;
    }

    header button[aria-label="Close menu"]::before{
        content: url('/wp-content/uploads/2024/02/maki_cross.svg');
    }

    /* ALL LIST ITEMS */
    header nav ul.wp-block-navigation__container li{
        align-items: flex-start !important;
        overflow: hidden;
    }
    /* header nav ul.wp-block-navigation__container li a{
        padding-left: 9% !important;
    } */

    

    /* First level ul */
    header nav ul.wp-block-navigation__container{
        gap: 0.5rem !important;
        width: 100%;
    }

    /* First level headings */
    /*header .wp-block-navigation__container>li>.wp-block-navigation-item__content{
        padding: 1rem 9% !important;
        box-sizing: border-box;
        background-color: var(--wp--preset--color--custom-grey-1);
        width: 100%;
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.405px;
        text-transform: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }*/

    /* First level heading when active */


    header .wp-block-navigation__container>li:has(ul[active])>.wp-block-navigation-item__content:visited{
        text-decoration: none;
    }

    /* first level heading arrows */
    header .wp-block-navigation__container>li>.wp-block-navigation-item__content::after{
        content:'';
        display: flex;
        position: absolute;
        right: 9%;
        width: 38px;
        height: 18px;
        background-repeat: no-repeat;
        background-position: 50%;
        background-image:url('/wp-content/uploads/2024/02/down_orange.svg'); 
        transition: 0.3s ease;
        transition-property: transform, filter;
    }

    /* first level heading arrows when active */
    header .wp-block-navigation__container>li:not(:has(ul[active]))>.wp-block-navigation-item__content::after{
        transform: rotateX(180deg);
        filter: brightness(0);
        transition: 0.3s ease;
        transition-property: transform, filter;
    }

    /* Submenus */
    /* header ul.wp-block-navigation__submenu-container{
        padding: 1rem 0!important;  
    } */

    /* first level open / close animation */
    


    header nav .service-title>a>.wp-block-navigation-item__label{
        font-size: 1.6rem;
        text-transform: none;
        font-weight: 700;
        line-height: 33px;
        letter-spacing: 0.675px;
        pointer-events: none;
        padding-bottom: 0.5rem;
        max-width: 90%;
    }

    /* subheadings */
    header nav li.service-subhead>a {
        text-transform: none;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 200%;
        letter-spacing: -0.3px;
        box-sizing: border-box;
        width: 100%;
        padding: 0.7rem 0 !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header nav li.service-subhead>a::after{
        content: "";
        background-image: url('/wp-content/uploads/2023/11/chevron-left.svg');
        background-position: 50%;
        display: flex;
        transform: rotate(0.75turn);
        position: absolute;
        width: 38px;
        height: 38px;
        background-repeat: no-repeat;
        right: 9%;
        transition: 0.3s ease;
        transition-property: transform, filter;
    }

    header nav li.service-subhead:has([active])>a::after{
        transform: rotate(1.25turn);
        filter: brightness(0);
        transition: 0.3s ease;
        transition-property: transform, filter;
    }


    /* accordion for subhead */

    header nav li.service-subhead{
        overflow: hidden;
    }

    header nav li.service-subhead:not(:has(ul[active])) {
        max-height: 45px;
        transition: max-height 0.2s linear;
    }

    header nav li.service-subhead:nth-of-type(3){
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        max-height: 60px;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

   
    header nav li.service-subhead:has(ul[active]){
        max-height: 800px;
        transition: max-height 0.2s linear;
    }

    /* smallest level */

    header ul.service-subhead{
        padding: 1.2rem 0 !important;
        gap: 1.1rem !important;
    }

    header ul.service-subhead>li>a,
    header li.nav-parent-link:not(.service-submenu)>ul>li>a{
        text-transform: none;
        line-height: 130%;
        letter-spacing: -0.255px;
        font-size: 1rem;;
    }


    header li.nav-parent-link:not(.service-submenu)>ul{
        gap: 1.1rem !important;
        box-sizing: border-box;
    }

    /* header nav ul.service-menu.nav-parent-link {
        gap: 0 !important;
    } */
} 

@media (min-width: 1200px) {
    .mega-nav ul.service-menu {
        min-width: 1024px !important;
    }

    .mega-nav ul:not(.service-menu) ul a {
        min-width: 12rem;
    }
}


/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none ;
    }
}