@font-face {
    font-family: 'Roboto-ExtraBold';
    src: url('/files/templates/careers-2024/fonts/Roboto-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('/files/templates/careers-2024/fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-SemiBold';
    src: url('/files/templates/careers-2024/fonts/Roboto-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('/files/templates/careers-2024/fonts/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/files/templates/careers-2024/fonts/Roboto-Regular.ttf') format('truetype');
}

header.careers {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    height: 9vh;
    width: calc(100vw - (100vw - 100%));
    background: #ac0322;
    box-shadow: rgba(0,0,0,0.6) 0 1px 6px 0;
}
    header.careers .content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        /*gap: 60px;*/
        margin-right: 30px;
    }

        header.careers .content .logo-careers {
            width: 13vw;
            height: 5.2vh;
            background: url(/files/templates/style/logo-white.svg) no-repeat left center;
            background-size: contain;
            margin: 18px 30px;
            min-width: 176.693px;
            min-height: 36px;
        }

/*        header.careers .content .menus {
            display: flex;
            width: 100%;
            justify-content: space-around;
        }*/

        header.careers .content .button {
            font-family: 'Roboto-Regular';
            font-size: 0.938vw;
            font-style: normal;
            font-weight: 700;
            line-height: 14.4px; /* 106.667% */
            text-transform: uppercase;
            cursor: pointer;
            color: #ffffff !important;
        }

            header.careers .content .button:hover {
                color: #E5DC08 !important;
                text-decoration-line: underline;
            }

            header.careers .content .student-button,
            header.careers .student-button-mobile {
                background: #E5DC08;
                display: inline-flex;
                height: 45px;
                padding: 0 31.53px 0 31.54px;
                justify-content: center;
                align-items: center;
                flex-shrink: 0;
                color: #AD0623 !important;
                text-align: center;
                font-family: 'Roboto-Bold';
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 18px; /* 150% */
                text-transform: uppercase;
                cursor: pointer;
            }

                header.careers .content .student-button:hover,
                header.careers .student-button-mobile:hover {
                    background: #FFF;
                }

    header.careers .student-button-mobile {
        width: 100%;
        display: none;
    }

    header.careers .collapse-button {
        background-color: transparent;
        cursor: pointer;
        display: none;
        position: absolute;
        left: 0.5%;
        top: 22px;
    }

    header.careers .back-button {
        display: none;
        /*        width: 40px;
        height: 30px;*/
        flex-direction: column;
        justify-content: center;
        color: var(--www-career-college-white, #FFF);
        text-align: center;
        font-family: Roboto-Regular;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        padding-top: 130px;
    }

    @media only screen and (max-width: 1440px) {
        header.careers .content {
            gap: 25px;
        }

        header.careers .content .button {
            font-size: 13.5px;
        }

        header.careers .content .student-button {
            /*padding: 0px 13.53px 0 13.54px;*/
        }
    }

@media only screen and (min-width: 1201px) {
    header.careers .content .button {
        display: block !important;
    }
}

@media only screen and (max-width: 1200px) {
    header.careers .collapse-button {
        display: block;
        padding-left: 10px;
    }

    header.careers .collapse-button img {
        width: 35px;
        height: 35px;
    }

    header.careers .button {
        display: none;
        font-size: 20px !important;
        padding-bottom: 50px;
    }

    .collapsed-clicked-logo {
        margin: 18px 65px;
    }

    header.careers .content .logo-careers {
        margin: 18px 63px;
    }
}

@media only screen and (max-width: 975px) {
    header.careers .content {
        gap: 2%;
    }

    header.careers .student-button {
        padding: 0px 13.53px 0 13.54px;
    }
}


@media only screen and (min-width: 861px) {
    header.careers .student-button-mobile {
        display: none;
    }
}

@media only screen and (max-width: 860px) {
    header.careers {
        height: 83px;
    }

    header.careers .content {
        gap: unset !important;
        justify-content: center;
        flex-direction: column;
    }

/*    header.careers .content .logo-careers {
        padding-bottom: 210PX;
    }*/
        
    header.careers .collapse-button {
        /*display: block;*/
        padding-left: 17px;
    }

/*    header.careers .button {
        display: none;
        font-size: 20px !important;
        padding-bottom: 50px;
    }*/

    header.careers .content .student-button-desktop {
        display: none !important;
    }

    header.careers .student-button-mobile {
        width: 100%;
        display: inline-flex;
        padding: unset;
    }
}

.content-desktop-clicked { 
    flex-direction: column;
    margin-right: 0px !important;
}

.collapsed-clicked-background {
    height: 100vh !important;
}

.collapsed-clicked-logo {
    margin: 18px 30px 210px 30px !important;
}

.collapsed-student-button-hide {
    display: none !important;
}

@media only screen and (max-width: 470px) {
    footer .careers .nav > a:nth-of-type(1), footer.careers .nav > a:nth-of-type(2) {
        border-right: none;
    }
}