/* SANS */
@font-face {
    font-family: "Sans3-Black";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-Black.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-BlackItalic";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-BlackIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-Bold";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-Bold.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-BoldItalic";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-BoldIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-ExtraLight";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-ExtraLight.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-ExtraLightItalic";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-ExtraLightIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-Italic";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-It.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-Light";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-Light.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-LightItalic";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-LightIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-Medium";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-Medium.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-MediumItalic";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-MediumIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-Regular";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-Regular.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-Semibold";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-Semibold.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Sans3-SemiboldItalic";
    src: url("/theme/fonts/source-sans-3_052R/SourceSans3-SemiboldIt.ttf.woff2") format("woff2");
}
  

/* SERIF */

@font-face {
    font-family: "Serif4-Black";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-Black.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-BlackItalic";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-BlackIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-Bold";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-Bold.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-BoldItalic";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-BoldIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-ExtraLight";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-ExtraLight.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-ExtraLightItalic";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-ExtraLightIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-Italic";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-It.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-Light";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-Light.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-LightItalic";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-LightIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-Medium";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-Medium.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-MediumItalic";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-MediumIt.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-Regular";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-Regular.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-Semibold";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-Semibold.ttf.woff2") format("woff2");
}
@font-face {
    font-family: "Serif4-SemiboldItalic";
    src: url("/theme/fonts/source-serif-4_005/SourceSerif4-SemiboldIt.ttf.woff2") format("woff2");
}

/* Hadley So - April 2023 */
:root {
    --ife_background: rgb(244, 244, 244);
    --ife_text: black;
    --ife_white: #fff;

    --ife_pale_white: rgba(255, 255, 255, 0.800);
    --ife_off_white: rgba(255, 255, 255, 0.61);

    --ife_illiniBlue_main: #131f33;
    --ife_illiniBlue_shadeOne: #37445a;
    --ife_illiniBlue_shadeTwo: #081222;

    --ife_illiniOrange_main: #fa6300;
    --ife_illiniOrange_shadeOne: #ff8637;
    --ife_illiniOrange_shadeTwo: #e05a00;

    --global-menu-height: 130px;
    --global-menu-background-color: #2d2d2d;

    --js_toggle_global_menu_txt_color: rgba(0,0,0,.7);
    --js_toggle_global_menu_back_color: white;
}

body {
    background-color: var(--ife_background);
    color: var(--ife_text);
    font-family: "Sans3-Regular", "Source Sans Pro", Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body .card-body, body .card {
    background-color: var(--ife_background);
    color: var(--ife_text);
}
body .card {
    border-color: rgba(0,0,0,.125);
}

h1, h2, h3 {
    font-family: "Sans3-Bold", "Source Sans Pro", Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p {
    line-height: 2;
}
a {
    color: inherit;
}
a:hover {
    color: var(--ife_illiniOrange_main);
}


/* GLOBAL MENU */
#global-menu-header {
    background-color: var(--js_toggle_global_menu_back_color);
    transition-property: background-color;
    transition-duration: 0.1s;
}
#global-menu-header .nav-item {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-color: transparent;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
#global-menu-header .nav-item:hover {
    border-bottom-color: var(--ife_illiniOrange_shadeTwo);
}
#global-menu-header .btn-primary {
    background-color: var(--ife_illiniOrange_shadeTwo);
    border-color: var(--ife_illiniOrange_shadeTwo);
}
#global-menu-header .btn-primary:hover, #global-menu-header .btn-primary:focus-visible, #global-menu-header .btn-primary:focus, #global-menu-header .btn-primary:active:focus {
    box-shadow: 0 0 0.25rem var(--ife_illiniOrange_shadeTwo);
    outline: none;
}
#global-menu-header .btn-outline-primary:hover, #global-menu-header .btn-outline-primary:focus-visible, #global-menu-header .btn-outline-primary:focus, #global-menu-header .btn-outline-primary:active:focus {
    box-shadow: 0 0 0.25rem var(--ife_illiniOrange_shadeTwo);
    outline: none;
}
#global-menu-header .btn-outline-primary:active, #global-menu-header .btn-outline-primary.dropdown-toggle.show {
    color: white;
    background-color: var(--ife_illiniOrange_shadeOne);
}

#global-menu-header .btn-primary:hover {
    background-color: var(--ife_illiniOrange_main);
    border-color: var(--ife_illiniOrange_main);
}
#global-menu-header .btn-outline-primary {
    color: var(--ife_illiniOrange_shadeTwo);
    border-color: var(--ife_illiniOrange_shadeTwo);
}
#global-menu-header .btn-outline-primary:hover {
    color: white;
    background-color: var(--ife_illiniOrange_shadeTwo);
    border-color: var(--ife_illiniOrange_shadeTwo);
}
#global-menu-header .navbar-light .navbar-nav .nav-link {
    color: var(--js_toggle_global_menu_txt_color);
    transition-property: color;
    transition-duration: 0.2s;
}
#global-menu-header .navbar {
    padding-top: 0;
    width: 100vw;
} 
#global-menu-header hr {
    margin-top: 0px;
    margin-bottom: 8px;
    background-color: var(--ife_off_white);
    height: 3px;
}
#global-menu-spacer {
    height: var(--global-menu-height);
}

/* Set menu dropdowns */
#global-menu-header .dropdown-menu {
    margin-top: 0px;
    min-width: 100%;
    border: none;
    background-color: var(--global-menu-background-color);
}
#global-menu-header .dropdown-toggle::after {
    display: none;
}
#global-menu-header .dropdown-item {
    font-size: 1.5rem;
    border-radius: 8px;
}
#global-menu-header .dropdown-item:focus-visible {
    box-shadow: 0 0 0.25rem var(--ife_illiniOrange_shadeTwo);
    outline: none;
}
#global-menu-header .dropdown-item:active {
    background-color: var(--ife_illiniOrange_shadeTwo);
}
#global-menu-header .dropdown-item:focus {
    background-color: var(--ife_illiniOrange_main);
    box-shadow: 0 0 1px 1px #fff;
}
#global-menu-header .dropdown-item:hover {
    background-color: var(--ife_illiniOrange_main);
}
#global-menu-header .card-body {
    background-color: inherit;
}
#global-menu-header .card {
    background-color: var(--global-menu-background-color);
    border: none;
}
#global-menu-header .card a, #global-menu-header .dropdown-menu {
    color: var(--js_toggle_global_menu_txt_color);
}

/* GLOBAL FOOTER */
#global-footer {
    background-color: #464646;
    color: white;
    padding: 10px;
}
#global-footer > :first-child {
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
}
#global-footer p {
    margin-bottom: 0;
}
#global-footer h2 {
    font-family: "Sans3-Bold", "Source Sans Pro", Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#global-footer p {
    font-family: "Sans3-ExtraLight", "Source Sans Pro", Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#global-footer a, #global-footer a:hover {
    color: inherit;
}
.global-footer-list-menu {
    padding-right: 20px;
}


/* GLOBAL BUTTON STYLE */
.global-ife-button-primary .btn-primary {
    background-color: var(--ife_illiniOrange_shadeTwo);
    border-color: var(--ife_illiniOrange_shadeTwo);
}
.global-ife-button-primary .btn-primary:hover, .global-ife-button-primary .btn-primary:focus-visible, .global-ife-button-primary .btn-primary:focus, .global-ife-button-primary .btn-primary:active:focus {
    box-shadow: 0 0 0.25rem var(--ife_illiniOrange_shadeTwo);
    outline: none;
}

/* GLOBAL WIDTH */

.global_7h {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.global_9h {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; 
}

.global_12h {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; 
}

.global_15h {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto; 
}

.global_20h {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 500px) {
    .global-footer-list-menu {
        display: block;
        padding-bottom: 20px;
    }
}