@import url('https://fonts.googleapis.com/css?family=PT+Serif');
:root {
    --nat-black: #222222;
    --nat-link: #005ECB;
    --nat-navy: #163662;
    --primaryDarkest:#091328;
    --primaryDarker:#071023;
    --primaryDarker2:#0A1733;
    --primaryDark:#121E3F;
    --primary:#1B2C56;
    --link:#256EC1;
    --primaryLighter:#9BC7EE;
    --primaryLightest:#EEF3F9;

    --neutralDarkest:#222222;
    --neutralDark:#595B5F; 
    --neutral:#686A6F;
    --neutralLight:#C6C7C9;
    --neutralLighter:#F1F1F1;
    --neutralLightest:#FFFFFF;

    --ruby:#650918;
    --official:#C00D27;
    --error:#E4002B;
    --warning:#FFD356;
    --success:#00854E;
    --success-light:#2ECD82;
    --mustard:#FFAA33;

    --btnRegular:#256EC1;
    --btnRegular--hover:#225ca0;
}

.is-layout-flex {
    width: 100%;
}


body {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: var(--nat-black);
}

h1 {
    font-family: 'PT Serif', serif;
    font-size: 2.488rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--nat-navy);
    padding-bottom: 32px;
}
h2 {
    font-family: 'PT Serif', serif;
    font-size: 2.074rem;
    line-height: 1.28;
    font-weight: 700;
    color: var(--nat-navy);
    margin-bottom: 26px;
}
h3 {
    font-family: 'PT Serif', serif;
    font-size: 1.728rem;
    line-height: 1.3;
    font-weight: 700;
    color: var(--nat-navy);
    padding-bottom: 1rem;
}
h4 {
    font-family: 'PT Serif', serif;
    font-size: 1.44rem;
    line-height: 1.39;
    font-weight: 400;
    color: var(--nat-navy);
    padding-bottom: 18px;
}
h5 {
    font-family: 'PT Serif', serif;
    font-size: 1.2rem;
    line-height: 1.46;
    font-weight: 700;
    color: var(--nat-navy);
    padding-bottom: 1rem;
}

.contentMain img {
    padding-bottom: 22px;
    margin-bottom: 0px;
}

.contentMain .is-style-rounded img {
    padding-bottom: 0;
}

.eduMain {
	font-size: 16px;
}

.eduMain ul,
.eduMain ol {
    margin-bottom: 1rem;
}

.eduMain li {
    font-size: inherit;
}

.eduMain .description {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: 300;
}
.eduMain .detail {
    font-family: 'Roboto', sans-serif;
    font-size: 0.75rem;
    line-height: 1.6;
    font-weight: 700;
}
.eduMain .link,
.eduMain a {
    color: var(--nat-link);
    font-family: Roboto;
    font-size: inherit;
    letter-spacing: 0;
    line-height: 24px;
}
.eduMain .hero {
    font-family: 'PT Serif', serif;
    font-size: 2.986rem;
    line-height: 1.17;
    font-weight: 700;
    color: var(--nat-navy);
}
.eduMain .btn {
    font-family: 'Roboto', sans-serif;
    border-radius: 2px;
    font-size: 16px;
    background-color: var(--btnRegular);
    color: #fff;
    border: 0;
    padding: .61em 1.07em;
    letter-spacing: 0.2px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    transition: all .1s linear;
}

.eduMain .btn--large{
    padding:1.05em 3.42em;
    font-size: 1em;
}

@media (max-width: 1325px) {
    .btn--apply,
    .btn--requestInfo  {
        padding:1.05em 1.42em !important;
        text-align: center;
    }
}

@media (max-width: 932px) {
    .btn--requestInfo {
        padding:1.05em 1em !important;
        text-align: center;
    }
}

.eduMain .btn--apply,
.eduMain .btn--requestInfo {
    height: auto;
    width: 80%;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5;
    line-height: 19px;
    text-align: center;
    margin: 10px 0;
    color: white !important;
}

.eduMain .btn--apply {
    background-color: #00854E;
    border: 2px solid #00854E;
}

.eduMain .btn--apply:hover {
    background-color: #007746 !important;
    text-decoration: underline;
    font-weight: 600;
}

.eduMain .btn--requestInfo {
    background-color: #2773CB;
    border: 2px solid #2773CB;
}

.eduMain .btn--requestInfo:hover {
    background-color: #2367B6;
    text-decoration: underline;
    font-weight: 600;
}

.eduMain .is-style-lu-button--green a,
.eduMain .is-style-lu-button--blue a, 
.eduMain .is-style-lu-button--ghostDark a,
.eduMain .wp-block-button a {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-align: center;
}
.eduMain .is-style-lu-button--ghostLightGrey {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    border: 1px solid #C6C7C9;
    border-radius: 2px;
}

.eduMain .is-style-lu-button--ghostLightGrey a  {
    color: #256EC1!important;
    background-color: transparent;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-align: center;
}

.eduMain .is-style-lu-button--ghostLightGrey:hover {  
    text-decoration: underline;
    border: 2px solid #256EC1;
    color: #256EC1!important;
}

#featuredHeaderContainer {
    position: relative !important;
    background-size: cover;
    background-position: top;
    height: 400px !important;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
}

#eduTheme__Html {
    margin-top: 0 !important;
}

@media (min-width: 600px) {
    .logged-in.admin-bar #global-header, 
    .logged-in.admin-bar .mobileHeader {
        margin-top: 46px;
    }

    .logged-in.admin-bar {
        margin-top: 165px;
    }
}

@media (min-width: 783px) {
    .logged-in.admin-bar #global-header, 
    .logged-in.admin-bar .mobileHeader {
        margin-top: 32px;
    }

    .logged-in.admin-bar {
        margin-top: 151px;
    }
    
}

@media (min-width: 1025px) {
    .logged-in.admin-bar #global-header, 
    .logged-in.admin-bar .header {
        margin-top: 32px;
    }

    .logged-in.admin-bar {
        margin-top: 216px;
    }
}

@media (max-width: 600px) {
    .wp-block-buttons,
    .wp-block-button.wp-block-button__width-25,
    .wp-block-button.wp-block-button__width-75,
    .wp-block-button.wp-block-button__width-50 {
        width: 100% !important;
    }

    .wp-block-buttons .wp-block-button {
        margin-bottom: 16px;
    }
}

@media (min-width: 1101px) and (max-width: 1106px)   {
    .contentMain.natContent {
        padding-top: 10rem;
    }
}

@media (min-width: 891px) and (max-width: 1000px) {
    .contentMain.natContent {
        padding-top: 12rem;
    }
}


@media (max-width: 395px) {
    .contentMain.natContent {
        padding-top: 40rem;
    }
}

/* New Academic Template -- Navigation Styles */
#bannerMenuNav {
    display: inline-block;
    flex: 2;
    text-align: left;
}

.banner-menu-container {
    min-width: 42%;
    width: fit-content;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: 30px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
    background-color: #fff;
    padding: 15px 30px;
    z-index: 1;
    display: flex;
}

h3.banner-nav-title {
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 900;
    display: inline-block; 
    align-self: center;
    flex: 0.7;
    text-align: right;
    padding: 0px;
}

.banner-menu-container ul {
    list-style: none;
    background-color: #fff;
    overflow: unset;
    display: inline-block; 
    margin: 0px;
    white-space: nowrap;
}

.banner-menu-container ul li {
    display: inline-block; 
    padding: 0px 10px;
    margin-left: 0px;
}

.banner-menu-container ul li a{
    text-decoration: none; 
    color: #005ECB;
    font-family: 'Roboto';
    font-size: 16px;
}

.banner-menu-container ul li a:hover{
    text-decoration: underline;
}

@media (max-width: 1700px) {
    .banner-menu-container {
        min-width: 50%;
    }
}

@media (max-width: 1500px) {
    .banner-menu-container {
        min-width: 65%;
    }
}

@media (max-width: 1200px) {
    .banner-menu-container {
        min-width: 75%;
    }
}

@media (max-width: 940px) {
    .banner-menu-container {
        min-width: 90%;
    }
}

@media(max-width: 895px){      
    .banner-menu-container {
        min-width: 90%;
    }
}

@media(max-width: 800px){
    #bannerMenuNav {
        width: 100%;
        text-align: center;
    }
    .banner-menu-container {
        box-shadow: unset;
        background-color: unset;
        flex-direction: column;
        padding: 3rem 15px 0; 
        margin: 0;
        width: 100%;
        margin-top: 15px;
    }
    h3.banner-nav-title {
        padding-bottom: 1rem;
        margin-left: 20px;
    }
    .banner-menu-container ul {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        padding-left: unset;
    }
    .banner-menu-container ul li {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
        background-color: #F5F5F5;
        flex-basis: 42%;
        padding: 10px;
        margin: 10px;
        text-align: center;
    }
}

@media (min-width: 782px) {
    .customColumnsBackgroundOverlap {
        background: linear-gradient(to right, white 55%, #f7f7f7 55%);
        margin: 0px 40px;
    }
}

@media(max-width: 500px) {
    /* On mobile remove float so text doesn't get cut off next to image */
    .wp-block-image.alignleft,
    .wp-block-image.alignright {
        float: none;
        margin: 0.5em 0em;
    }
}

@media(max-width: 374px){
    .banner-menu-container ul li a {
        font-size: 13px;
    }
}

.shadowbox {
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.4);
    border-radius: 4px;
}

.ptSerif--dropShadow {
    /* override other font-family settings */
    font-family: "PT Serif", serif !important;
    filter: drop-shadow(0px 2px 0px #000000);
}