/* MOBILE MENU */
@media (min-width: 1275px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .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;
    }
}
/* 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;
    }
}

#modal-2-content > ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#modal-2-content > ul > li {
    display: flex;
    align-items: center;
}

#modal-2-content > ul > li > a {
    color: #456C8B;
    font-family:  var(--wp--preset--font-family--itc-officina-sans-bold);
    font-size: 19px!important;
}

#modal-2-content > ul > li ul {
    padding-top: 5px;
    padding-bottom: 15px;
}

#modal-2-content > ul li ul li {
    display: flex;
    align-items: center;
}

.has-modal-open #modal-2-content > ul > li:last-of-type {
    margin-bottom: 30px;
}

#modal-2 > div > div > button {
    position: absolute;
    right: 30px;
    top: 30px;
}
/* END MOBILE MENU OVERWRITE */


@media only screen and (max-width: 1410px) {
    body {
        --wp--style--global--content-size: 95%;
        --wp--style--global--wide-size: 100%;
    }
}

@media only screen and (max-width: 1338px) {
    
    #page-links ul.main-navigation {
        gap: 25px!important;
    }
    
    .has-modal-open #page-links ul.main-navigation {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    div#page-links.small .wp-block-social-links {
        gap: 15px!important;
    }
    
    div#application-process {
        grid-template-columns: 2fr 2fr;
    }
    
    #application-process .wp-block-group:nth-of-type(2)::after {
        left: -14%;
    }
    
    #application-process .wp-block-group:nth-of-type(3)::after {
        top: -6%;
        left: unset;
        right: -14%;
        transform: translateY(-50%) scaleY(-1) rotate(215deg);
        z-index: 999;
    }
    
    #application-process .wp-block-group:nth-of-type(4)::after {
        top: 80%;
        left: -13%;
    }
}


@media only screen and (max-width: 1330px) {
/*
    .main-navigation li {
        padding: 0 3px!important;
        margin: 0 10px;
    }
    
    .main-navigation li:hover {
        padding: 0 3px!important;
    }
*/

}

@media only screen and (max-width: 1274px) {
    
    .main-navigation .is-style-nav-marker {
        width: unset;
    }

    #page-links.small .custom-button {
        margin-right: -6px;
    }
    
    header div#header-container {
        padding-top: 35px;
    }
    
    
    div#page-links.small, div#page-links {
        height: 35px;
        display: flex;
        flex-direction: row!important;
        column-gap: 25px;
        bottom: 10px;
        align-items: center;
        flex-wrap: nowrap!important;
    }
    
    div#page-links {
        bottom: -1px;
    }
    
    #page-links nav svg {
        width: 30px;
        height: 30px; 
    }
    
    #page-links nav svg path {
        color: var(--wp--preset--color--pictures-blue);
        stroke: var(--wp--preset--color--pictures-blue);
        stroke-width: 1px;
    }
    
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--wp--preset--color--pictures-blue);
    }
    
    #page-links .has-modal-open.is-menu-open svg path {
        color: white;
        stroke: white;
        stroke-width: 1px;
    }
    
    #modal-1-content > ul li {
        margin-bottom: 10px;
    }
    
    .wp-block-navigation__responsive-container-content > ul {
        align-content: center;
        text-align: center;
    }
    
    ul.main-navigation li:last-of-type {
        margin-right: 10px!important;
    }
    
    .is-style-nav-marker:after {
        display: none;
    }
    
    .wp-block-navigation__responsive-container-content {
        color: white;
    }
}


@media only screen and (max-width: 1000px) {
    
    #units-container {
        flex-direction: column;
    }
    
    #application-process .wp-block-group:nth-of-type(2)::after {
        left: -22%;
    }
    
    #application-process .wp-block-group:nth-of-type(3)::after {
        right: -21%;
    }
    
    #application-process .wp-block-group:nth-of-type(4)::after {
        left: -21%;
    }
}

@media only screen and (min-width: 670px) {
    #mobile-icons {
        display: none;
    }
}

@media only screen and (max-width: 670px) {
    
    #mobile-icons .facebook-overwrite svg {
        width: 36px!important;
        height: 36px!important;
        scale: 1.2;
    }

    #mobile-icons .facebook-overwrite a {
        padding: 0;
    }

    #mobile-icons .facebook-overwrite {
        background-color: white!important;
    }

    #mobile-icons .facebook-overwrite svg path {
        fill: var(--wp--preset--color--web-dark);
    }
    
    body {
        --wp--style--global--content-size: 90%;
        --wp--style--global--wide-size: 100%;
    }
    
    #page-links > .wp-block-group  {
        display: none;
    }
    
    #mobile-icons {
        margin-top: 50px;
        display: flex;
        justify-content: center;
        gap: 0;
    }
    
    #mobile-icons svg {
        width: unset!important;
        height: unset!important;
    }
    
    #mobile-icons svg path {
        stroke-width: 0px!important;
    }
    
    #mobile-icons li {
        padding: 0!important;
    }
    
    #mobile-icons .custom-button {
        background-color: var(--wp--preset--color--web-dark)!important;
        margin-right: 0!important;
    }
    
    .is-style-accessibility-icon li:before {
        left: 10px;
    }
    
    div#application-process {
        grid-template-columns: 2fr!important;
    }
    
    #application-process .wp-block-group:nth-of-type(2)::after {
        left: -5%;
        transform: rotate(-95deg);
        top: -70%;
    }
    
    #application-process .wp-block-group:nth-of-type(3)::after {
        right: -7%;
        transform: rotate(95deg);
        top: -60%;
    }
    
    #application-process .wp-block-group:nth-of-type(4)::after {
        left: -8%;
        transform: rotate(90deg) scaleY(-1);
        top: -60%;
    }
    
    .has-modal-open #modal-1-content > ul li {
        margin-bottom: 10px;
    }
    
    .has-modal-open .main-navigation li {
        /* padding: 0 5px!important; */
        /* margin: 0 15px; */
        padding-bottom: unset;
        border-bottom: unset;
    }
    
    .has-modal-open ul.main-navigation li {
        width: fit-content;
    }
    
    .has-modal-open ul.main-navigation li.current-menu-item {
        /* margin-right: 0; */
        /* margin: 0 24px; */
        border-bottom: 2px solid white;
    }
    
    .has-modal-open ul.main-navigation li:last-of-type {
        margin-right: unset!important;
    }
    
}

@media only screen and (max-width: 450px) {
    
    div#page-links.small, div#page-links {
        bottom: 3px;
    }
    
    div#site-logo {
        scale: 0.8;
        position: relative;
        left: -10px;
        bottom: -5px;
    }
    
    #application-process .wp-block-group:nth-of-type(2)::after {
        left: -13%;
        transform: rotate(-95deg);
        top: -58%;
    }
    
    #application-process .wp-block-group:nth-of-type(3)::after {
        right: -14%;
        transform: rotate(95deg);
        top: -46%;
    }
    
    #application-process .wp-block-group:nth-of-type(4)::after {
        left: -13%;
        transform: rotate(90deg) scaleY(-1);
        top: -48%;
    }
}

@media only screen and (max-width: 385px) {
    
    div#page-links.small, div#page-links {
        bottom: -2px;
    }
    
    div#site-logo {
        scale: 0.6;
        position: relative;
        left: -30px;
        bottom: -10px;
    }
    
    #application-process .wp-block-group:nth-of-type(2)::after {
        left: -14%;
        transform: rotate(-95deg);
        top: -45%;
    }
}