@charset "UTF-8";
/* CSS Document */
/* ─── Root Color Variables ─────────────────────────────── */
:root {
    --lf-orange:     #FF4F17;
    --lf-orange-dk:  #C04812;
    --lf-black:      #000000;
    --lf-white:      #FFFFFF;
    --lf-dark:       #0E0A1E;
    --lf-garnet:     #650030;
    --lf-garnet-lt:  #843359;
    --lf-light-blue: #E1EFFF;
    --lf-gray-box:   #EDEDEE;
    --lf-video-box:  #EDEDEE;
    --lf-link:       #215E9E;
    --lf-link-lt:    #327FEF;
    --lf-text:       #000000;
}


/* ─── BRIGHTCOVE PLAYER CUTOMIZATION ──────────────────── */
        
.vjs-title-bar {
    display:none;
}

.vjs-title-bar-title {
    display:none;
}

.vjs-title-bar-description {
    display:none;
}

/* ─── NAVBAR AREA ──────────────────────────────────────── */

.top-logo {
    height: 58px;
    width: auto;
}

/* ─── FONT STYLES ──────────────────────────────────────── */

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4 {
    font-family: 'Merriweather', "serif";
    color: var(--lf-garnet);
    font-weight: 400;
}

h1.main {
    font-weight: 300;
    font-size: 2.1rem;
    text-align: center;
    line-height: 2.5rem;
}

h1.main-left {
    font-weight: 300;
    font-size: 2.1rem;
    text-align: left;
    line-height: 2.5rem;
}

h1.main-smaller {
    font-weight: 300;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.5rem;
}

h1.main-smaller-left {
    font-weight: 300;
    font-size: 1.6rem;
    text-align: left;
    line-height: 2.5rem;
}

h1.roboto {
    font-family: 'Roboto', sans-serif;
    color: var(--lf-garnet);
    font-weight: 500;
    font-size: 1.6rem;
    text-align: left;
    line-height: 2.1rem;
}

body, body p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.4rem;
    color: var(--lf-text);
}

p.bold {
    font-weight: 500;
}

body b, body strong {
    font-family: 'Roboto-Bold';
}

body p:last-child {
    margin-bottom: 0;
}

a:link {
    color: var(--lf-link);
    text-decoration: underline;
}

/* visited link */
a:visited {
    color: var(--lf-link);
}

/* mouse over link */
a:hover {
    color: var(--lf-link-lt);
}

/* selected link */
a:active {
    color: var(--lf-link-lt);
}

.garnet-strong:link {
    color: var(--lf-garnet);
    font-weight: 500;
    text-decoration: underline;
}

/* visited link */
.garnet-strong:visited {
    color: var(--lf-garnet);
}

/* mouse over link */
.garnet-strong:hover {
    color: var(--lf-garnet-lt);
}

/* selected link */
.garnet-strong:active {
    color: var(--lf-garnet-lt);
}

.cta-thumb-link p {
    color: var(--lf-link);
    text-decoration: underline;
    font-size: 1.1rem;
    font-weight: 400;
}

.cta-thumb-link:hover p {
    color: var(--lf-link-lt);
}

.play-icon {
    width: 15px;
    margin-top: -3px;
}

/* ─── BUTTON STYLES ────────────────────────────────────── */

body .btn.btn-primary {
    white-space: normal;
    font-family: 'Roboto', sans-serif;
    color: var(--lf-white);
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    line-height: 2rem;
    background-color: var(--lf-garnet);
    padding: 8px 30px 8px 30px;
    box-shadow: none;
    border-radius: 25px;
}

body .btn.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--lf-garnet);
}

body .btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

body .btn.btn-primary:hover{
    background-color:var(--lf-black);
}

.btn-transparent-close {
    background-color: transparent;
    color: var(--lf-black);
    text-decoration: underline;
    border-radius: 24px;
    border: none;
    font-weight: 700;
}

.btn-transparent-close:hover, .btn-transparent-close:focus {
    color: var(--lf-garnet);
}

/* ─── BACKGROUNDS AND ELEMENTS ─────────────────────────── */

.video-border {
    border: 1px solid var(--lf-video-box);
}

.cta-background {
    background: var(--lf-light-blue);
    padding: 64px 0;
}

.cta-background-narrow {
    background: var(--lf-light-blue);
    padding: 32px 0;
}

.resource-thumbnail-multi {
    height: 150px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.25);
}

.resource-thumbnail {
    height: 160px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.25);
}

/* ─── FOOTER ───────────────────────────────────────────── */

.disclosure {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: .95rem;
    line-height: 1.2rem;
    color: var(--lf-black);
    text-align: left;
}

.disclosure a {
    color: var(--lf-link);
}

.disclosure a:hover {
    color: var(--lf-link-lt);
}

#Phone1-Desktop {
    display: flex;
}

#Phone1-Mobile {
    display: none;
}

#Phone2-Desktop {
    display: flex;
}

#Phone2-Mobile {
    display: none;
}

.bottom-logo {
    width: 125px;
    margin-top:-10px;
    padding-bottom: 15px;
}

#teconsent a {
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	font-weight: 300;
    color: var(--lf-black);
    text-decoration: underline;
}

#teconsent:hover a {
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
	font-weight: 300;
    color: var(--lf-dark);
    text-decoration: underline;
}

/* ─── MEDIA QUERIES ────────────────────────────────────── */

/*  Tablet  */
@media (max-width: 767.98px) {
    h1.main {
        font-weight: 300;
        font-size: 1.8rem;
        text-align: center;
        line-height: 2.2rem;
    }

    #Phone1-Desktop {
        display: none;
    }

    #Phone1-Mobile {
        display: flex;
    }

    #Phone2-Desktop {
        display: none;
    }

    #Phone2-Mobile {
        display: flex;
    }
}

/*  Phone  */
@media (max-width: 575.98px) {  
}