/* Overwrite the required styling */
.admissions div.cont-thin {width: min(70%, 45rem);}









/* General styling */
.admissions {
    margin-bottom: 7rem;
}

.admissions h1 {
    font-size: 3rem;
    font-weight: 300;

    padding-bottom: 0.75rem;
}

.admissions h1 + p {
    font-size: 1.2rem;
    font-weight: 500;

    margin-bottom: 7rem;
}

.admissions h2 {
    font-size: 2rem;
    font-weight: 600;
    text-align: left;

    padding-bottom: 0.75rem;
}

.admissions h3 {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: left;

    margin-top: 1.5rem;
    margin-bottom: 1rem;
    
    color: var(--clr_accent_blue);
}

.admissions li {
    margin-inline-start: 1rem;
    margin-bottom: 0rem;
    padding-left: 0.5rem;
}

.admissions ul + p {
    margin-top: 1rem;
}

.admissions p > strong {
    font-weight: 600;
    color: var(--clr_accent_blue);
}

.admissions .nest_card_main {
    padding-inline: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 1rem;

    border-radius: 0.25rem;

    background-color: var(--clr_base_700);
    color: var(--clr_base_100);
}









/* Hero styling */
#admissions_hero {
    margin-top: 7rem;

    text-align: center;
}

#admissions_hero .nest_card_main > p:nth-child(1) {
    font-size: 1.6rem;
    font-weight: 400;

    margin-bottom: 1.5rem;
}

#admissions_hero .nest_card_main > a {
    margin-top: 1.5rem;
}

#admissions_hero div.nest_card_main + div.cont-flex-row {
    justify-content: center;
    gap: 1rem;
}

#admissions_hero div.nest_card_main + div.cont-flex-row > a {margin-inline: 0rem;}

#admissions_hero div.cont-root h2 {
    margin-top: 5rem;
    text-align: center;
}

#admissions_hero div.cont-root div {
    border-style: solid;
    border-color: var(--clr_base_700);
    border-width: 3px;
    border-radius: 0.5rem;

    padding: 1rem;

    max-width: 45rem;
    margin-inline: auto;
}

#admissions_hero div.cont-root div > p {margin-bottom: 1rem;}

#admissions_hero div.cont-root div > p:nth-child(1) {
    font-size: 1.25rem;
    font-weight: 500;
}









/* Admissions landing page nav bar styling */
#admissions_nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    align-items: center;
    justify-content: space-around;
    gap: 1rem;

    margin-top: 0.75rem;

    text-align: center;

    background-color: var(--clr_base_200);
}

#admissions_nav a {
    width: 20ch;
    height: 4rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border-bottom: solid 3px var(--clr_base_200);
    transition: all 100ms;
}

#admissions_nav a:hover,
#admissions_nav a:focus-visible {
    border-bottom-color: var(--clr_base_700);
}

#admissions_nav svg {
    width: 2rem;
    height: 2rem;
}

#admissions_nav svg:nth-child(1) {
    display: none;
}









/* Process styling */
#admissions_process > div.cont-thin {
    margin-top: 7rem;
}

#admissions_process > div.cont-thin p {
    margin-bottom: 1rem;
}

#admissions_process div.cont-grid-2 {gap: 1rem;}

#admissions_process div.cont-grid-2 > div {
    border-style: solid;
    border-color: var(--clr_base_300);
    border-width: 2px;
    border-radius: 0.5rem;

    padding: 1rem;
}

#admissions_process div.cont-grid-2 > div > svg {
    width: 2rem;
    height: 2rem;
    fill: var(--clr_accent_blue);
    margin-bottom: 1rem;
}

#admissions_process div.cont-grid-2 > div > a {
    margin-top: 1rem;
}









/* General information styling */
#admissions_info div.nest_card_main {margin-bottom: 7rem;}

#admissions_info div.nest_card_main > h2 {
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;

    margin-bottom: 1rem;
}

#admissions_info div.nest_card_main > p {text-align: center;}

#admissions_info div.nest_card_main > p:nth-child(2) {margin-bottom: 1.5rem;}

#admissions_info div.nest_card_main > svg {
    width: 2rem;
    height: 2rem;

    display: block;
    margin-inline: auto;
    margin-bottom: 0.35rem;

    fill: var(--clr_base_100);
}

#admissions_info div.cont-grid-4 {gap: 1rem;}

#admissions_info div.cont-grid-4 > div {
    border-style: solid;
    border-color: var(--clr_base_300);
    border-width: 2px;
    border-radius: 0.5rem;

    padding: 1rem;
}

#admissions_info > div.cont-grid-4 p {
    margin-bottom: 1rem;
}

#admissions_info > div.cont-grid-4 svg{
    width: 2rem;
    height: 2rem;
    fill: var(--clr_accent_blue);
    margin-bottom: 1rem;
}









/* Utility styling */
.admissions_utils_txt_xl {
    font-size: 1.5rem;
    font-weight: 300;
}









/* 4K display */
@media (min-width: 1950px) {}

/* Windowed browser */
@media (max-width: 1400px) {
    #admissions_info div.cont-grid-4 {grid-template-columns: repeat(3, 1fr);}
}

/* Horizontal tablet */
@media (max-width: 1200px) {
    .admissions div.cont-thin {width: min(100%, 45rem);}
    .admissions div.nest_liner {width: min(90%, 45rem);}

    .admissions h1 + p {margin-bottom: 5rem;}

    .admissions p > br {display: none;}
    .admissions a > br {display: none;}
}

/* Vertical tablet */
@media (max-width: 992px) {
    #admissions_info div.cont-grid-4 {grid-template-columns: repeat(2, 1fr);}
}

/* Horizontal mobile */
@media (max-width: 768px) {
    .admissions h1 {text-align: left;}

    .admissions h1 + p {
        text-align: left;
        margin-bottom: 3rem;
    }

    #admissions_nav {
        display: grid;
        grid-template-columns: 2rem 1fr;

        background-color: transparent;
    }
    #admissions_nav a {
        width:  100%;
        height: 2.5rem;

        text-align: left;
        justify-content: flex-start;

        border-bottom-color: transparent;
    }

    #admissions_nav svg:nth-child(1) {display: block;}

    #admissions_process > div.cont-thin {margin-top: 5rem;}

    #admissions_info div.nest_card_main {margin-bottom: 5rem;}
}

/* Vertical mobile */
@media (max-width: 576px) {
    .admissions h1 {
        font-size: 2.5rem;
        font-weight: 400;
    }

    .admissions h2 {font-size: 1.75rem;}

    .admissions .nest_card_main {padding-inline: 1rem;}

    #admissions_hero div.nest_card_main {text-align: left;}

    #admissions_process > div.cont-thin {margin-top: 3.5rem;}

    #admissions_info div.nest_card_main {margin-bottom: 3.5rem;}

    #admissions_info div.nest_card_main h2,
    #admissions_info div.nest_card_main p {
        text-align: left;
    }

    #admissions_info div.nest_card_main > svg {margin-inline: 0;}

    #admissions_info div.cont-grid-4 {grid-template-columns: repeat(1, 1fr);}
}

/* Small mobile screen */
@media (max-width: 400px) {}