/****************************************
FONTS
****************************************/

@font-face {
    font-family: ARSMaquetteProBold;
    src: url(/wp-content/uploads/et-fonts/ARSMaquettePro-Bold.otf);
    font-display: swap;
}
@font-face {
    font-family: ARSMaquetteProMedium;
    src: url(/wp-content/uploads/et-fonts/ARSMaquettePro-Medium.otf);
    font-display: swap;
}
@font-face {
    font-family: ARSMaquetteProLight;
    src: url(/wp-content/uploads/et-fonts/ARSMaquettePro-Light.otf);
    font-display: swap;
}
/****************************************
LAYOUT STYLES
****************************************/
body {
    font-family: 'ARSMaquetteProMedium', Arial, sans-serif;
    font-size: 16px;
    color: #444;
    background-color: #fff;
    line-height: 1.7em;
}

.content-section {
    padding-left: 6vw;
    padding-right: 6vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
}


/****************************************
TEXT STYLES
****************************************/
.citation {
    font-family: 'ARSMaquetteProLight', 'Arial Light', Arial, sans-serif;
    font-style: italic;
    font-size: 1.2rem;
    color: #444;
}

h1, h2, h3, h4, h5 {
    color: #1B365D;
}

.font-efe-bold {
    font-family: 'ARSMaquetteProBold', Arial, sans-serif;
}

/****************************************
NAVIGATION STYLES
****************************************/
.utility-nav {
    background-color: #4b4b4b;
    color: black;
    text-align: center;
    height: 60px;
}

.main-nav {
    background-color: #d5d5d5;
    color: #707070;
    text-align: center;
    height: 110px;
}