/* # Genesis Framework
Theme Name: States Newsroom 
Theme URI: https://statesnewsroom.com
Description: A Custom News Theme by States Newsroom
Author: States Newsroom
Author URI: https://statesnewsroom.com
Template: genesis
Version: 3.3.3
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/* # WARNING

*/

/* Media Query Dev Holder */

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

}
@media (min-width: 576px) and (max-width: 767.98px) { 

}
@media (min-width: 768px) and (max-width: 991.98px) { 

}

@media (min-width: 992px) and (max-width: 1198.98px) { 

}
@media (min-width: 1200px) { }
*/


/* Global CSS Variables */
#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by defa ult */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

:root {
    --black: #000000;
    --white: #ffffff;
    --sn_blue: #384E77;
    --fiery_red: #EB4C04;
    --sn_mint: #7AD3CE;
    --seadragon: #2B96B8;
    --blue_black: #1C273B;
    --dark_blue_gray: #364460;
    --medium_gray: #626E84;
    --grayish_blue: #929AAA;
    --light_gray: #D4D7DC;
    --very_light_gray: #F3F3F3;
    --oatmeal_white: #F5F5F1;
    --seadragon: #2B96B8;
}

/* Global Styles */
.accentLeftBorderDesktop {
    border-left: solid 4px var(--fiery_red) !important;
}

.snBlueLeftBorder {
    border-left: solid 2px var(--sn_blue) !important;
}

.bgWhite {
    background-color: white !important;
}

.bgRed {
    background-color: var(--fiery_red) !important;
}

.bgSnBlue {
    background-color: var(--sn_blue) !important;
}

.bgBlueBlack {
    background-color: var(--blue_black) !important;
}

.bgMedGray {
    background-color: var(--medium_gray) !important;
}

.bgOatmeal {
    background-color: var(--oatmeal_white) !important;
}

.button {
    font-family: 'Montserrat', sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 13px;
    letter-spacing: 2px;
    text-align: center;
    display: block !important;
    padding: 20px 25px !important;
    text-transform: uppercase;
}

.buttonWhite {
    background-color: white;
    color: var(--blue_black);
    border: solid 3px var(--fiery_red);
    border-radius: 5px;
    text-decoration: none;
}

.colorWhite {
    color: white !important;
}

.colorRed {
    color: var(--fiery_red) !important;
}

.genericCall {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 4px;
    text-transform: uppercase;
    background-color: transparent;
    border: unset;
}

@media (max-width: 575.98px) {
    .snBlueMobileBorder {
        border-top: solid 2px var(--sn_blue) !important;
        border-bottom: solid 2px var(--sn_blue) !important;

    }

    .accentLeftBorderDesktop {
        border-left: none !important;
    }

    .accentTopBorderMobile {
        border-top: solid 4px var(--fiery_red) !important;
    }

    .whiteBottomBorderMobile {
        border-bottom: solid 4px white;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .snBlueMobileBorder {
        border-top: solid 2px var(--sn_blue) !important;
        border-bottom: solid 2px var(--sn_blue) !important;

    }

    .whiteBottomBorderMobile {
        border-bottom: solid 4px white;
    }

    .seadragonLeftBorderTablet {
        border-left: solid 4px var(--seadragon);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .whiteBottomBorderTablet {
        border-bottom: solid 4px white;
    }

    .seadragonLeftBorderTablet {
        border-left: solid 4px var(--seadragon);
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .whiteRightBorderDesktop {
        border-right: solid 1px white;
    }
}

@media (min-width: 1200px) {
    .whiteRightBorderDesktop {
        border-right: solid 1px white;
    }
}

/* Header */
.topNavFluidContainer .bg-light {
    background-color: #ffffff !important;
}

.navbar-brand img {
    width: 220px;
    height: auto;
}

.navbar {
    padding: 0px !important;
}

.navbar-toggler {
    display: block !important;
}

.nav-link {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    letter-spacing: 0.02em !important;
    text-align: left !important;
    color: var(--sn_blue) !important;
    white-space: nowrap;
    text-transform: uppercase;
}

.nav-link:hover {
    color: var(--seadragon) !important;
}

#navHolder {
    width: 120px;
    transition: width 1s;
}

#navHolder.transitionGrow {
    transition: width 1s;
    width: 240px;
}

#navHolder.transitionGrowSearch {
    width: 100% !important;
}

.form-control {
    font-family: 'Newsreader', serif !important;
    font-size: 14px !important;
    font-style: italic !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
}

.hamburger_wrapper {
    padding: 5px;
    z-index: 10;
}

#hamburger {
    width: 36px;
    height: 36px;
    position: relative;
    cursor: pointer;
    outline: none;

}

#hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 80%;
    background: white;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
}

#hamburger span:nth-child(1) {
    top: 12px;
    transform-origin: left center;
}

#hamburger span:nth-child(2) {
    top: 22px;
    transform-origin: left center;
}

#hamburger span:nth-child(3) {
    top: 32px;
    transform-origin: left center;
}

#hamburger.close span:nth-child(1) {
    transform: rotate(45deg);
}

#hamburger.close span:nth-child(2) {
    width: 0%;
    opacity: 0;
    transition: .1s;
}

#hamburger.close span:nth-child(3) {
    transform: rotate(-45deg);
}

#navMenu {
    width: 240px;
}

#nav-menu {
    position: absolute;
    top: 55px;
    right: 0px;
    transform: translateX(-100vw);
    opacity: 0;
    z-index: 10;
    transition: transform .5s ease, opacity ease .2s;
    box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.45);
}

#nav-menu.now-active {
    transform: translateX(0);
    transition: transform .5s ease, opacity ease .2s;
    opacity: 1;
    background-color: white;
}

.nav-list {
    list-style-type: none;
    font-size: 2em;
    padding-left: 8px;
    padding-right: 8px;
}

.nav-list li a {
    text-decoration: none;
    color: var(--sn_blue);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 6px;
    padding-top: 6px;
    border-bottom: 1px solid var(--light_gray);
    display: block;
}

.nav-list li a:hover {
    color: var(--seadragon) !important;
}

.navbar-collapse {
    flex-basis: 100% !important;
}

@media (max-width: 575.98px) {
    #navHolder.transitionGrowSearch {
        width: 100vw !important;
    }

    #navMenu {
        width: 95vw;
    }

    .nav-list {
        padding-right: 20px;
        padding-left: 20px;
    }

    .nav-link {
        display: none !important;
    }

    .transitionGrow {
        width: 110px !important;
    }

    .navbar-brand img {
        width: 150px;
        height: auto;
    }

    .hideLogo {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #navMenu {
        width: 90vw;
    }

    .nav-list {
        padding-right: 40px;
    }

    .nav-link {
        display: none !important;
    }

    .transitionGrow {
        width: 110px !important;
    }

    .navbar-brand img {
        width: 180px;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-brand img {
        width: 245px;
        height: auto;
    }

    .nav-link {
        font-size: 20px !important;
        line-height: 20px !important;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .nav-link {
        font-size: 30px !important;
        line-height: 30px !important;
    }
}

@media (min-width: 1200px) {}

/* Footer */
.footerJobsRow h2 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
}

.footerJobsRow a {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
}

.locationCity {
    font-family: 'Barlow', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.locationAddress {
    font-family: 'Newsreader', serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
}

.footerMenu li {
    color: white;
    list-style-type: none !important;
}

.footerMenu li a {
    font-family: 'Newsreader', serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: white;
    text-decoration: none;
}

.footerMenu li a:hover {
    color: var(--seadragon) !important;
}

.footerMenu li span {
    padding: 10px 5px;
}

.mobileMenuSep {
    display: none;
}

.copyright {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
}

.bbHoverIcon:hover {
    color: white !important;
}

.sdHoverIcon:hover {
    background-color: var(--fiery_red) !important;
}

.sdHoverIconStacked:hover {
    color: var(--fiery_red) !important;
}

@media (max-width: 575.98px) {
    #footerMenu li:before {
        content: "|";
    }

    #footerMenu li:first-of-type:before {
        content: "";
    }

    .footerJobsRow h2,
    .footerJobsRow a {
        font-size: 18px;
        line-height: 22px;
    }

    .mobileMenuSep {
        display: inline-flex;
    }

    .footerMenu li a {
        font-size: 16px;
        line-height: 20px;
    }

    .snBlueLeftBorder {
        border-left: 0px !important;
    }

    .footerLogo {
        width: 25px;
        height: 25px;
    }

    .copyright {
        font-size: 10px;
        line-height: 30px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #footerMenu li:before {
        content: "|";
    }

    #footerMenu li:first-of-type:before {
        content: "";
    }

    .footerJobsRow h2,
    .footerJobsRow a {
        font-size: 24px;
        line-height: 30px;
    }

    .mobileMenuSep {
        display: inline;
    }

    .footerMenu li a {
        font-size: 16px;
        line-height: 20px;
    }

    .snBlueLeftBorder {
        border-left: 0px !important;
    }

    .footerLogo {
        width: 25px;
        height: 25px;
    }

    .copyright {
        font-size: 10px;
        line-height: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .footerJobsRow h2,
    .footerJobsRow a {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {

    .footerJobsRow h2,
    .footerJobsRow a {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (min-width: 1200px) {}

/* Home */
.pageHeaderContainer div .homePageHeaderContent {
    background-color: transparent !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    max-width: 556px;
    margin: auto;
    padding-top: 52px;
    padding-bottom: 52px;
    padding-left: 0;
    padding-right: 0;
}

.homeHeroContainer {
    position: absolute;
    background-color: var(--sn_blue);
    width: 700px;
    top: 110px;
    right: 100px;
}

.homeHeroContainer h1 {
    font-family: 'Rokkitt', serif !important;
    font-size: 65px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: left;
    color: white;
}

.homeHeroContainer h2 {
    font-family: 'Newsreader', serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.018em;
    text-align: left;
    color: white;
}

.homeHeroContainer a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 2px;
    text-align: left;
    color: white !important;
    text-transform: uppercase;
}

#homeAnnouncementRow div h4 {
    font-family: 'Rokkitt', serif !important;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: left;
    color: white;
}

#homeAnnouncementRow div p,
#homeAnnouncementRow div a {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: white;
}

#homeNewsroomsRow h2,
#newsroomNewsroomsRow h2,
#newsroomPartnershipsRow h2,
#newsroomPartnersihpsMoreRow h2,
#homeStoriesRow h2 {
    font-family: 'Rokkitt', serif !important;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: 0px;
    text-align: center;
}

#homeNewsroomsRow h6,
#newsroomNewsroomsRow h6,
#newsroomPartnershipsRow h6,
#homeStoriesRow p {
    font-family: 'Newsreader', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
}

#image-map-pro-7834 .imp-wrap {
    margin: 20px auto !important;
}

#homeAwardsRow .desktopDivider {
    border-top: 1px solid var(--light_gray);
    border-bottom: 1px solid var(--light_gray);
}

@media (min-width: 768px) {
    #homeAwardsRow .desktopDivider {
        border: none;
        border-left: 1px solid var(--light_gray);
        border-right: 1px solid var(--light_gray);
    }
}

.homeStatNumber {
    color: var(--fiery_red);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: clamp(5.625rem, 5.625rem + ((1vw - 0.2rem) * 2.344), 7.5rem);
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 4px;
    text-align: center;
}

.homeStatText {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: 2px;
    text-align: center;
    color: var(--sn_blue);
    text-transform: uppercase;
}

.homePressLabel {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-align: left;
    padding-bottom: 22px;
    padding-right: 45px;
    border-bottom: solid 2px white;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.homePressTitle {
    font-family: 'Rokkitt', serif !important;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: 0px;
    text-align: left;
}

.homePressCardDate {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
}

.homePressCardTitle {
    font-family: 'Newsreader', serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}

.homePressCardCall {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: 2px;
    text-align: left;
    text-transform: uppercase;
    background-color: transparent;
    border: unset;
}

#homeStoriesRow p {
    font-family: 'Newsreader', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
}

.buttonWhite:hover {
    background-color: var(--fiery_red);
    color: white;
}

.homeStoryCard {
    height: 100%;
    position: relative;
}

.homeStoryCard img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 12px;
}

.homeStoryCard h5 {
    color: var(--sn_blue);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0em;
    text-align: left;
}

.homeStoryCard:hover h5 {
    color: var(--seadragon) !important;
}

.outletLabel {
    position: absolute;
    top: 0px;
    height: 50px;
    width: 50px;
    border: solid 3px white;
    left: 18px;
}

.homeCtaCard h3 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: 0.03em;
    text-align: center;
    text-transform: uppercase;
}

.homeCtaCard h3 img {
    height: 60px;
    margin-top: -10px;
}

.homeCtaCard p {
    font-family: 'Newsreader', serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
}

.homeCtaCard button i,
.pressMetaHolder a button i,
.jobsArchiveBottom a button i,
.homeHeroContainer a i,
.homePressCardCall i,
.genericCall i,
.featuredCardMeta a button i,
.newsroomsCTA i {
    transition: ease 1s;
}

.homeCtaCard button:hover i,
.pressMetaHolder a button:hover i,
.jobsArchiveBottom a button:hover i,
.homeHeroContainer a:hover i,
.homePressCardCall:hover i,
.genericCall:hover i,
.featuredCardMeta a button:hover i,
.newsroomsCTA:hover i {
    padding-left: 22px;
}

.imp-tooltip {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    border-radius: 0px !important;
    padding: 12px !important;
    background: white !important;
    color: var(--sn_blue) !important;
    border-left: solid 2px var(--fiery_red) !important;
    text-transform: uppercase;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
}

.squares-element {
    padding: 0px !important;
}

.squares-element h3 {
    color: var(--sn_blue) !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.imp-fullscreen-tooltips-container .imp-fullscreen-tooltip {
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    /* Black background with opacity */
    min-height: 100% !important;
    border-left: solid 2px var(--fiery_red) !important;
}

.imp-fullscreen-tooltips-container .imp-fullscreen-tooltip .imp-tooltip-close-button {
    margin-top: 35vh;
    color: var(--seadragon) !important;
}

.homeNewsContainer {
    position: absolute;
    background-color: var(--white);
    width: 1040px;
    top: 138px;
    right: calc(50% - 520px);
}

.homeNewsContainer h3 {
    font-family: 'Rokkitt', serif !important;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--blue_black);
}

.homeNewsContainer p {
    font-family: 'Newsreader', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    color: var(--blue_black);
}

#homeAnnouncementRow div a:hover {
    color: var(--seadragon) !important;
}

.home .imp-shape {
    cursor: default;
}

/* Home Responsive */
@media (max-width: 575.98px) {

    /* 	.squares-element h3 {
        color: var(--sn_blue) !important;
        text-align: left !important;
        text-transform: uppercase;
        border-left: solid 2px var(--fiery_red) !important;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25) !important;
        padding-left:20px !important;
        background-color: white !important;
        width: 200px !important;
        min-height:42px !important;
        margin: auto !important;
        margin-top:40vh !important;
        padding-top:8px !important;
        padding-bottom: 8px !important; 
    } */
    .pageHeaderContainer div .homePageHeaderContent {
        margin-top: 32px;
        margin-bottom: 32px;
        padding: 24px;
    }

    #homeAnnouncementRow div h4 {
        font-size: 22px;
        line-height: 22px;
    }

    #homeAnnouncementRow div p,
    #homeAnnouncementRow div a {
        font-size: 14px;
        line-height: 20px;
    }

    #newsroomNewsroomsRow h2,
    #newsroomPartnershipsRow h2 {
        font-size: 28px;
        line-height: 28px;
    }

    #homeNewsroomsRow h2,
    #homeStoriesRow h2 {
        font-size: 24px;
        line-height: 24px;
    }

    #homeNewsroomsRow h6,
    #newsroomNewsroomsRow h6,
    #newsroomPartnershipsRow h6,
    #homeStoriesRow p {
        font-size: 14px;
        line-height: 18px;
    }

    .button {
        font-size: 10px;
        line-height: 10px;
        padding: 10px 12px !important;
    }

    /* .homeStatNumber {
        font-size: 40px;
        line-height: 20px;
        margin-top: 25px;
    }

    .homeStatText {
        font-size: 10px;
        line-height: 10px;
    } */

    #homeHeroRow {
        height: 250px;
    }

    .homeHeroContainer {
        width: 96%;
        top: 22px;
        right: 2%;
        text-align: center;
    }

    .homeHeroContainer h1 {
        font-size: 28px;
        line-height: 28px;
        text-align: center;
    }

    .homeHeroContainer h2 {
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }

    .homeHeroContainer a {
        font-size: 10px;
        line-height: 12px;
        text-align: center;
    }

    .homeCtaCard h3 {
        font-size: 30px;
        line-height: 34px;
    }

    .homeCtaCard h3 img {
        height: 40px;
        margin-top: -5px;
    }

    .homeCtaCard p {
        font-size: 16px;
        line-height: 18px;
    }

    #homeNewsRow {
        height: 350px;
    }

    .homeNewsContainer {
        width: 95%;
        top: 26px;
        right: 2.5%;
    }

    .homeNewsContainer h3 {
        font-size: 28px;
        line-height: 28px;
    }

    .homeNewsContainer p {
        font-size: 14px;
        line-height: 16px;
    }

    .homePressTitle {
        font-size: 28px;
        line-height: 28px;
    }

    .homePressCardCall {
        font-size: 10px;
        line-height: 12px;
    }

    .homePressCardTitle {
        font-size: 16px;
        line-height: 18px;
    }

    .homeStoryCard h5 {
        font-size: 16px;
        line-height: 16px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    /* 	.squares-element h3 {
        color: var(--sn_blue) !important;
        text-align: left !important;
        text-transform: uppercase;
        border-left: solid 2px var(--fiery_red) !important;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25) !important;
        padding-left:20px !important;
        background-color: white !important;
        width: auto !important;
        max-width: 90% !important;
        min-height:42px !important;
        margin: auto !important;
        margin-top:40vh !important;
        padding-top:8px !important;
        padding-bottom: 8px !important; 
    } */
    .pageHeaderContainer div .homePageHeaderContent {
        margin-top: 42px;
        margin-bottom: 42px;
        padding: 28px;
    }

    .homeStoryCard h5 {
        font-size: 18px;
        line-height: 18px;
    }

    .homePressTitle {
        font-size: 36px;
        line-height: 36px;
    }

    .homePressCardTitle {
        font-size: 18px;
        line-height: 20px;
    }

    #homeAnnouncementRow div h4 {
        font-size: 24px;
        line-height: 24px;
    }

    #homeAnnouncementRow div p,
    #homeAnnouncementRow div a {
        font-size: 16px;
        line-height: 24px;
    }

    #homeNewsroomsRow h2,
    #newsroomNewsroomsRow h2,
    #newsroomPartnershipsRow h2,
    #homeStoriesRow h2 {
        font-size: 34px;
        line-height: 34px;
    }

    #homeNewsroomsRow h6,
    #newsroomNewsroomsRow h6,
    #newsroomPartnershipsRow h6,
    #homeStoriesRow p {
        font-size: 18px;
        line-height: 22px;
    }

    .button {
        font-size: 12px;
        line-height: 12px;
        padding: 10px 12px !important;
    }

    /* .homeStatNumber {
        font-size: 60px;
        line-height: 72px;
    }

    .homeStatText {
        font-size: 16px;
        line-height: 20px;
    } */

    #homeHeroRow {
        height: 310px;
    }

    .homeHeroContainer {
        width: 88%;
        top: 55px;
        right: 6%;
        text-align: center;
    }

    .homeHeroContainer h1 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 15px;
        text-align: center;
    }

    .homeHeroContainer h2 {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }

    .homeHeroContainer a {
        font-size: 12px;
        line-height: 14px;
        text-align: center;
    }

    .homeCtaCard h3 {
        font-size: 40px;
        line-height: 44px;
    }

    .homeCtaCard h3 img {
        font-size: 50px;
    }

    .homeCtaCard p {
        font-size: 18px;
        line-height: 22px;
    }

    #homeNewsRow {
        height: 410px;
    }

    .homeNewsContainer {
        width: 504px;
        top: 48px;
        right: calc(50% - 252px);
    }

    .homeNewsContainer h3 {
        font-size: 36px;
        line-height: 36px;
    }

    .homeNewsContainer p {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .pageHeaderContainer div .homePageHeaderContent {
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 32px;
    }

    .homeStoryCard h5 {
        font-size: 16px;
        line-height: 18px;
    }

    #homeAnnouncementRow div h4 {
        font-size: 32px;
        line-height: 34px;
    }

    #homeAnnouncementRow div p,
    #homeAnnouncementRow div a {
        font-size: 24px;
        line-height: 30px;
    }

    #homeNewsroomsRow h2,
    #newsroomNewsroomsRow h2,
    #homeStoriesRow h2 {
        font-size: 40px;
        line-height: 40px;
    }

    #homeNewsroomsRow h6,
    #newsroomNewsroomsRow h6,
    #homeStoriesRow p {
        font-size: 20px;
        line-height: 24px;
    }

    .button {
        font-size: 14px;
        line-height: 14px;
    }

    /* .homeStatNumber {
        font-size: 72px;
        line-height: 86px;
    }

    .homeStatText {
        font-size: 24px;
        line-height: 28px;
    } */

    #homeHeroRow {
        height: 410px;
    }

    .homeHeroContainer {
        width: 640px;
        top: 110px;
        right: 0px;
    }

    .homeHeroContainer h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .homeHeroContainer h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .homeHeroContainer a {
        font-size: 14px;
        line-height: 14px;
    }

    #homeNewsRow {
        height: 450px;
    }

    .homeNewsContainer {
        width: 714px;
        top: 82px;
        right: calc(50% - 357px);
    }

    .homeNewsContainer h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .homeNewsContainer p {
        font-size: 20px;
        line-height: 24px;
    }

    .homePressTitle {
        font-size: 40px;
        line-height: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .pageHeaderContainer div .homePageHeaderContent {
        margin-top: 80px;
        margin-bottom: 80px;
        padding-top: 42px;
        padding-bottom: 42px;
    }

    .homePressTitle {
        font-size: 48px;
        line-height: 48px;
    }

    #homeNewsroomsRow h2,
    #newsroomNewsroomsRow h2,
    #newsroomPartnershipsRow h2,
    #homeStoriesRow h2 {
        font-size: 48px;
        line-height: 52px;
    }

    #homeHeroRow {
        height: 520px;
    }

    .homeHeroContainer {
        width: 660px;
        top: 110px;
        right: 100px;
    }

    .homeHeroContainer h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .homeHeroContainer h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .homeHeroContainer a {
        font-size: 14px;
        line-height: 14px;
    }

    #homeNewsRow {
        height: 530px;
    }

    .homeNewsContainer {
        width: 920px;
        top: 138px;
        right: calc(50% - 460px);
    }

    .homeNewsContainer h3 {
        font-size: 48px;
        line-height: 48px;
    }

    .homeNewsContainer p {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (min-width: 1200px) {
    #homeHeroRow {
        height: 520px;
    }

    #homeNewsRow {
        height: 550px;
    }
}

@media (min-width: 1200px) and (max-width: 1398.98px) {
    .homeHeroContainer {
        position: absolute;
        background-color: var(--sn_blue);
        width: 700px;
        top: 322px;
        right: 100px;
    }
}

/* Newsrooms Page & Partnership Page */
.pageHeaderContainer div .pageHeaderContent {
    background-color: var(--blue_black);
    margin-top: 88px;
    margin-bottom: 88px;
    padding: 52px;
}

.pageHeaderContainer div div h1 {
    font-family: 'Rokkitt', serif !important;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 0px;
    text-align: center;
    color: white;
}

.pageHeaderContainer div div h2 {
    font-family: 'Newsreader', serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: center;
    color: white;
}

#mapInformationDefaultContainer h2 {
    font-family: 'Rokkitt', serif !important;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: 0px;
    text-align: left;
}

#mapInformationDefaultContainer h3 {
    margin-bottom: 0.25rem;
}

#mapInformationDefaultContainer p {
    font-family: 'Newsreader', serif !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.newsroomCardText {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
}

.newsroomAwardText,
.partnershipAwardText {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
}

.newsroomAwardText a,
.partnershipAwardText a {
    color: var(--seadragon) !important;
}

.newsroomsCTA,
.newsroomsCTA2,
.partnershipsCTA2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 2px;
    text-align: left;
    text-decoration: none;
    color: var(--blue_black);
    text-transform: uppercase;
}

.newsroomsCTA2:hover,
.partnershipsCTA2:hover {
    color: var(--seadragon) !important;
    text-decoration: underline;
}

.newsroomsCTA:hover,
.partnershipsCTA:hover {
    color: var(--blue_black);
}

.newsroomInfoContainer div img,
.partnershipInfoContainer div img {
    width: 35px;
}

.socialRow {
    border-top: 0.5px solid #929AAA;
    border-bottom: 0.5px solid #929AAA;
}

.mapInformationContainer {
    display: flex;
}

.mapNonDefault {
    display: none;
}

.editorImage img {
    border-radius: 50% !important;
    width: 32px !important;
    height: auto !important;
}

.partnerLabel {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 2px;
    text-align: left;
    text-transform: uppercase;
    color: white;
    background-color: var(--seadragon);
    width: fit-content;
}

.regionTabs, .partnershipList {
    display: none;
}

.regionTab,
.partnershipTypeButton {
    text-transform: uppercase;
    background-color: var(--light_gray);
    color: var(--medium_gray);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    flex: 0 0 13%;
    min-width: fit-content;
    border: none;
}

.regionTab.active,
.partnershipTypeButton.active {
    color: white;
    background-color: var(--fiery_red);
}

.regionSubTab,
.partnershipTab {
    background-color: white;
    color: var(--sn_blue);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2px;
    text-align: left;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border: none;
    border-left: solid 4px var(--seadragon);
    text-transform: uppercase;
}

.regionSubTab.active,
.partnershipTab.active {
    border-left: solid 4px var(--fiery_red);
}

.regionCard,
.partnershipCard {
    display: flex;
}

.newsroomCardLocation,
.partnershipCardTopic {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
    padding-top: 16px;
}

.newsroomCardLogoHolder img {
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
}

.partnershipCardLogoHolder img {
    width: auto;
    max-width: 100% !important;
    max-height: 72px;
    height: auto;
}

.partnershipCard {
    background-color: white;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.partnershipCardDescription {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
}

.parternshipCardLogoHolder {
    padding-bottom: 16px;
    border-bottom: solid 1px var(--blue_black);
    width: fit-content;
    max-width: 100%;
}

.partnershipsCTA2 {
    color: var(--seadragon);
}

.partnerCarousel.slick-dotted {
    width: 80%;
    max-width: 915px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 80px;
}

.partnerCarousel .slick-slide img {
    height: 45px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.partnerCarousel .slick-dots {
    top:45px;
}

.partnerCarousel .slick-arrow::before {
    color: var(--sn_blue);
}

@media (max-width: 575.98px) {
    .pageHeaderContainer div .pageHeaderContent {
        margin-top: 32px;
        margin-bottom: 32px;
        padding: 24px;
    }

    .pageHeaderContainer div div h1 {
        font-size: 26px;
        line-height: 26px;
    }

    .pageHeaderContainer div div h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .regionTab,
    .partnershipTypeButton {
        font-size: 18px;
        line-height: 18px;
    }

    .outletCard,
    .partnershipCard {
        display: flex !important;
    }

    .newsroomInfoContainer {
        border-top: solid 4px var(--seadragon);
        padding-top: 22px;
        margin-top: 22px;
    }

    .newsroomCardLocation {
        font-size: 30px;
        line-height: 30px;
    }

    .partnerCarousel .slick-slide img {
        height: 15px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .pageHeaderContainer div .pageHeaderContent {
        margin-top: 42px;
        margin-bottom: 42px;
        padding: 28px;
    }

    .pageHeaderContainer div div h1 {
        font-size: 32px;
        line-height: 32px;
    }

    .pageHeaderContainer div div h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .regionTab,
    .partnershipTypeButton {
        font-size: 18px;
        line-height: 18px;
        width: 18%;
    }

    .outletCard,
    .partnershipCard {
        display: flex !important;
    }

    .newsroomInfoContainer {
        border-top: solid 4px var(--seadragon);
        padding-top: 22px;
        margin-top: 22px;
    }

    .partnerCarousel .slick-slide img {
        height: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .pageHeaderContainer div .pageHeaderContent {
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 32px;
    }

    .pageHeaderContainer div div h1 {
        font-size: 44px;
        line-height: 44px;
    }

    .pageHeaderContainer div div h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .newsroomInfoContainer {
        border-top: solid 4px var(--seadragon);
        padding-top: 22px;
        margin-top: 22px;
    }

    .outletCard,
    .partnershipCard {
        display: flex !important;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .pageHeaderContainer div .pageHeaderContent {
        margin-top: 80px;
        margin-bottom: 80px;
        padding: 42px;
    }

    .pageHeaderContainer div div h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .pageHeaderContainer div div h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .mapInformationContainer {
        padding-left: 42px;
        border-left: solid 4px var(--seadragon);
    }

    .outletCard,
    .partnershipCard {
        display: none;
    }
}

@media (min-width: 1200px) {
    .mapInformationContainer {
        padding-left: 42px;
        border-left: solid 4px var(--seadragon);
    }

    .outletCard,
    .partnershipCard {
        display: none;
    }
}

/*About */
.captionText {
    font-family: 'Newsreader', serif;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: 0px;
    text-align: left;
}

.aboutTextContainer h2 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--fiery_red);
    text-transform: uppercase;
    margin: 3rem 0px;
}

.aboutTextContainer h5 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--fiery_red);
    padding-bottom: 16px;
    border-bottom: solid 3px var(--fiery_red);
    text-transform: uppercase;
}

.aboutTextContainer h3 {
    font-family: 'Rokkitt', serif !important;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: left;
}

.aboutTextContainer p {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}

.aboutTextContainer ul li {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--fiery_red);
}

.aboutMidText {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: white;
}

.aboutCTACardOne {
    height: 250px;
    width: calc(100% - 1rem);
}

.aboutCTACardOne h4 {
    margin: auto;
    text-align: center;
    font-family: 'Barlow', sans-serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 36px;
    letter-spacing: 0.03em;
    text-align: center;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}

.aboutCTACardOne:hover h4,
.aboutCTACardTwo:hover h5 {
    text-decoration: underline
}

.aboutCTACardTwo {
    height: 180px;
    background-color: var(--oatmeal_white);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    width: 180px;
}

.aboutCTACardTwo img {
    height: 72px;
    width: auto;
}

.aboutCTACardTwo h5 {
    font-family: 'Barlow', sans-serif !important;
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 32px;
    letter-spacing: 2px;
    text-align: center;
    color: var(--seadragon);
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .aboutCTACardTwo {
        height: 120px;
        width: 120px;
    }

    .aboutCTACardOne {
        width: 100%;
    }

    .aboutTextContainer h5 {
        font-size: 14px;
        line-height: 16px;
    }

    .aboutTextContainer h3 {
        font-size: 28px;
        line-height: 28px;
    }

    .aboutTextContainer p {
        font-size: 18px;
        line-height: 22px;
    }

    .aboutTextContainer ul li {
        font-size: 18px;
        line-height: 20px;
    }

    .aboutMidText {
        font-size: 16px;
        line-height: 20px;
    }

    .aboutCTACardTwo img {
        height: 42px;
    }

    .aboutCTACardTwo h5 {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .aboutCTACardOne {
        width: 100%;
    }

    .aboutTextContainer h5 {
        font-size: 14px;
        line-height: 16px;
    }

    .aboutTextContainer h3 {
        font-size: 32px;
        line-height: 32px;
    }

    .aboutTextContainer p {
        font-size: 16px;
        line-height: 20px;
    }

    .aboutTextContainer ul li {
        font-size: 16px;
        line-height: 18px;
    }

    .aboutMidText {
        font-size: 18px;
        line-height: 22px;
    }

    .aboutCTACardTwo img {
        height: 48px;
    }

    .aboutCTACardTwo h5 {
        font-size: 20px;
        line-height: 22px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .aboutCTACardOne {
        width: calc(100% - 3.5rem);
    }

    .aboutTextContainer h5 {
        font-size: 18px;
        line-height: 16px;
    }

    .aboutTextContainer h3 {
        font-size: 36px;
        line-height: 36px;
    }

    .aboutTextContainer p {
        font-size: 16px;
        line-height: 20px;
    }

    .aboutTextContainer ul li {
        font-size: 16px;
        line-height: 18px;
    }

    .aboutCTACardTwo img {
        height: 68px;
    }

    .aboutCTACardTwo h5 {
        font-size: 26px;
        line-height: 28px;
    }

    .aboutCTACardTwo {
        height: 140px;
        width: 140px;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .aboutCTACardTwo {
        height: 165px;
        width: 165px;
    }

    .aboutTextContainer h5 {
        font-size: 18px;
        line-height: 16px;
    }

    .aboutTextContainer h3 {
        font-size: 44px;
        line-height: 44px;
    }

    .aboutTextContainer p {
        font-size: 18px;
        line-height: 22px;
    }

    .aboutTextContainer ul li {
        font-size: 18px;
        line-height: 20px;
    }

    .widthAdjust {
        width: calc(100% - .5rem);
    }
}

@media (min-width: 1200px) {
    .widthAdjust {
        width: calc(100% - .5rem);
    }
}

/*Staff*/

.departmentContainer {
    display: none;
}

.departmentTab {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: var(--medium_gray);
    background-color: var(--light_gray);
    border: none;
}

.departmentTab:hover {
    text-decoration: underline;
}

.departmentTab.active:hover {
    text-decoration: none;
}

.departmentTab.active {
    background-color: var(--oatmeal_white);
    color: var(--fiery_red);
}

.page-template-page-staff .teamColumn {
    display: none;
}

.teamTab {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 2px;
    text-align: left;
    color: var(--seadragon);
    cursor: pointer;
    text-transform: uppercase;
}

.teamTab:hover {
    text-decoration: underline;
}

.teamTab.active:hover {
    text-decoration: none;
}

.teamTab.active {
    color: var(--fiery_red);
}

.teamMemberCardColOne img {
    width: 250px;
    height: auto;
}

.teamMemberCardColTwo h3, .fellowCardColTwo h3 {
    font-family: 'Rokkitt', serif !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--sn_blue);
}

.teamMemberCardColTwo h4, .fellowCardColTwo h4 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--fiery_red);
    text-transform: uppercase;
}

.teamMemberBio p {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
}

@media (max-width: 575.98px) {
    .teamTab {
        font-size: 14px;
        line-height: 14px;
    }

    .departmentTab {
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 1.5px;
    }

    .teamMemberCardColOne img {
        height: auto;
        width: 100px;
    }

    .teamMemberCardColTwo h3, .fellowCardColTwo h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .teamMemberCardColTwo h4, .fellowCardColTwo h4 {
        font-size: 14px;
        line-height: 14px;
    }

    .teamMemberBio p {
        font-size: 14px;
        line-height: 16px;
    }

    .staffSocialIcons {
        font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .teamTab {
        font-size: 24px;
        line-height: 24px;
    }

    .departmentTab {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 1.5px;
    }

    .teamMemberCardColOne img {
        height: auto;
        width: 150px;
    }

    .teamMemberCardColTwo h3, .fellowCardColTwo h3 {
        font-size: 34px;
        line-height: 34px;
    }

    .teamMemberCardColTwo h4, .fellowCardColTwo h4 {
        font-size: 22px;
        line-height: 22px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .teamTab {
        font-size: 32px;
        line-height: 32px;
    }

    .departmentTab {
        font-size: 21px;
        line-height: 21px;
    }

    .teamMemberCardColOne img {
        height: auto;
        width: 200px;
    }

    .teamMemberCardColTwo h3, .fellowCardColTwo h3 {
        font-size: 34px;
        line-height: 34px;
    }

    .teamMemberCardColTwo h4, .fellowCardColTwo h4 {
        font-size: 22px;
        line-height: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {}

@media (min-width: 1200px) {}

/* Fellows */
.page-template-page-fellowship .teamColumn {
    display: flex;
}
.fellowshipYear {
    color: var(--blue_black);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
    padding-bottom: 16px;
    text-transform: uppercase;
}
.featuredFellowsHeading h5 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--fiery_red);
    padding-bottom: 16px;
    border-bottom: solid 3px var(--fiery_red);
    text-transform: uppercase;
}

.pastFellowsContainer img {
    width:100%;
}

.fellowCardColOne img {
    width: 282px;
    height: auto;
}

.fellowsMoreLink, .fellowsMoreLink:hover {
    color: var(--seadragon);
    font-family:'Barlow Condensed', sans-serif;
    font-size:18px;
    text-transform: uppercase;
}

.pastFellowsLink, .pastFellowsLink:hover {
    color:var(--seadragon);
    font-family:'Barlow Condensed', sans-serif;
    font-size:20px;
    text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .fellowCardColOne img {
        width: 282px;
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .fellowCardColOne img {
        width: 282px;
        height: auto;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .fellowCardColOne img {
        width: 200px;
        height: auto;
    }
}

@media (max-width: 575.98px) {
    .fellowCardColOne img {
        width: 150px;
        height: auto;
    }

    .fellowCardColTwo h3 {
        font-size: 26px;
        line-height: 24px;
    }

    .fellowCardColTwo h4 {
        font-size: 20px;
        line-height: 22px;
    }
}

@media (max-width: 400px) {
    .fellowCardColOne img {
        width: 125px;
        height: auto;
    }

    .fellowCardColTwo h3 {
        font-size: 22px;
        line-height: 24px;
    }

    .fellowCardColTwo h4 {
        font-size: 16px;
        line-height: 18px;
    }

    .fellowCardColTwo .fellowsMoreLink {
        font-size: 14px;
        line-height: 16px;
    }
}

/* Jobs Archive*/
.jobsArchiveTop h2 {
    font-family: 'Rokkitt', serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--blue_black);
}

.jobsArchiveTop h3 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--seadragon);
    text-transform: uppercase;
    border-bottom: solid 1px var(--grayish_blue);
}

.jobsArchiveTop h3 a:hover {
    text-decoration-color: var(--fiery_red) !important;
}

.jobsArchiveBottom h5 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.03em;
    text-align: center;
    color: var(--fiery_red);
    text-transform: uppercase;
}

.jobsArchiveBottom p {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--blue_black);
}

.jobsArchiveBottom button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 2px;
    text-align: center;
    color: var(--blue_black);
    border: none;
    background-color: transparent;
    box-shadow: none;
}

.jobsArchive h1 {
    font-family: 'Rokkitt', serif !important;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--blue_black);
}

.jobsArchive h3 {
    font-family: 'Newsreader', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--blue_black);
}

.jobCard {
    border-left: solid 3px var(--seadragon);
}

.jobCardDate {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
}

.jobCardTitle {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--fiery_red);
}

.jobCardExcerpt {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black)
}

.jobCard a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 2px;
    text-align: center;
    color: var(--blue_black);
    text-decoration: none;
}

.jobCard a:hover {
    color: var(--blue_black) !important;
}

.jobCard a:hover i {
    padding-left: 22px;
    transition: ease 1s;
}

@media (max-width: 575.98px) {
    .jobCard {
        border-left: none;
    }

    .jobsArchiveTop h2 {
        font-size: 22px;
        line-height: 22px;
    }

    .jobsArchiveTop h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .jobsArchiveBottom h5 {
        font-size: 30px;
        line-height: 30px;
    }

    .jobsArchiveBottom p {
        font-size: 14px;
        line-height: 26px;
    }

    .jobsArchiveBottom button {
        font-size: 12px;
        line-height: 12px;
    }

    .jobsArchive h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .jobsArchive h3 {
        font-size: 16px;
        line-height: 18px;
    }

    .jobCardTitle {
        font-size: 20px;
        line-height: 20px;
    }

    .jobCardExcerpt {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .jobsArchiveTop h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .jobsArchiveTop h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .jobsArchiveBottom p {
        font-size: 16px;
        line-height: 18px;
    }

    .jobsArchive h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .jobsArchive h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .jobCardTitle {
        font-size: 26px;
        line-height: 26px;
    }

    .jobCardExcerpt {
        font-size: 16px;
        line-height: 18px;
    }
}

/* Jobs Single */
.jobSingleTopContainer h1 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--fiery_red);
}

.jobSingleTopContainer p {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black)
}

.jobSingleDEIJContainer p {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--seadragon);
    border-left: solid 3px var(--fiery_red);
}

.jobsANBTN {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 2px;
    text-align: center;
    border: solid 2px var(--fiery_red);
    box-shadow: none;
    background-color: transparent;
}

.jobSingleStyles h2 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left;
    padding-bottom: 1rem;
    padding-right: 3rem;
    border-bottom: solid 3px var(--fiery_red);
    color: var(--fiery_red);
    text-transform: uppercase;
    margin: 1.5rem 0px;
    width: fit-content;
}

.jobSingleStyles h4 {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    margin: 1.5rem auto .5rem;
}

.jobSingleStyles ul li {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;

}

.jobSingleStyles p {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

.jobSingleStyles {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

@media (max-width: 575.98px) {
    .jobSingleTopContainer h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .jobSingleTopContainer p {
        font-size: 18px;
        line-height: 18px;
    }

    .jobSingleStyles h2 {
        font-size: 16px;
        line-height: 16px;
    }

    .jobSingleDEIJContainer p {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .jobSingleTopContainer p {
        font-size: 22px;
        line-height: 22px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .jobSingleTopContainer p {
        font-size: 22px;
        line-height: 22px;
    }
}

/* Press Archive */
.pressMetaHolder h4 {
    font-family: 'Rokkitt', serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
}

.pressMetaHolder p {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--fiery_red);
    text-transform: uppercase;
}

.pressMetaHolder a button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: 2px;
    text-align: center;
    color: var(--blue_black);
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.pagesNav nav .nav-links a,
.pagesNav nav .nav-links span {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--seadragon);
    padding: 0px 4px;
    text-decoration: none;
}

.pagesNav nav .nav-links span.current {
    color: var(--fiery_red);
}

@media (max-width: 575.98px) {
    .pressMetaHolder h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .pagesNav nav .nav-links a,
    .pagesNav nav .nav-links span {
        font-size: 24px;
        line-height: 24px;
        ;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .pressMetaHolder h4 {
        font-size: 16px;
        line-height: 16px;
    }

    .pressMetaHolder p {
        font-size: 18px;
        line-height: 18px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .pressMetaHolder h4 {
        font-size: 30px;
        line-height: 30px;
    }

    .pressMetaHolder p {
        font-size: 20px;
        line-height: 20px;
    }
}

/*Press Single*/
.pressMetaHolderSingle .pressDate {
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--blue_black);
}

.pressMetaHolderSingle .pressImmediate {
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--fiery_red)
}

.pressMetaHolderSingle .pressContactLabel {
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--blue_black);
}

.pressMetaHolderSingle .pressContactInfo,
.pressMetaHolderSingle .pressContactInfo span {
    font-family: 'Barlow', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}

.pressMetaHolderSingle div a {
    font-family: 'Barlow', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--seadragon);
}

.pressMetaHolderSingle div a:hover {
    color: var(--fiery_red);
}

.prTitleHolder h1 {
    font-family: 'Rokkitt', serif !important;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;

}

.prTitleHolder h3 {
    font-family: 'Newsreader', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;

}

.prHolder,
.prHolder p,
.prHolder span,
.prHolder ul li,
.prHolder ol li,
.prHolder a {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}

.prHolder a {
    color: var(--seadragon);
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .pressMetaHolderSingle {
        padding-left: 12px;
        border-left: solid 3px var(--seadragon)
    }

    .pressMetaHolderSingle .pressDate,
    .pressMetaHolderSingle .pressImmediate,
    .pressMetaHolderSingle .pressContactLabel,
    .pressMetaHolderSingle .pressContactInfo,
    .pressMetaHolderSingle .pressContactInfo span,
    .pressMetaHolderSingle div a {
        font-size: 16px;
        line-height: 18px;
    }

    .prTitleHolder h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .prTitleHolder h3 {
        font-size: 14px;
        line-height: 18px;
    }

    .prHolder,
    .prHolder p,
    .prHolder span,
    .prHolder ul li,
    .prHolder ol li,
    .prHolder a {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .prTitleHolder h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .prTitleHolder h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .prHolder,
    .prHolder p,
    .prHolder span,
    .prHolder ul li,
    .prHolder ol li,
    .prHolder a {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .prTitleHolder h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .prTitleHolder h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .prHolder,
    .prHolder p,
    .prHolder span,
    .prHolder ul li,
    .prHolder ol li,
    .prHolder a {
        font-size: 18px;
        line-height: 22px;
    }
}

/* Funder */
.fundersUpdatedContainer h2 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--fiery_red);
    text-transform: uppercase;
}

.funderMetaContainer p {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black)
}

.funderMetaContainer h6 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--fiery_red);
}

.funderMetaContainer div a button,
.funderDonateCTA {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 2px;
    text-align: center;
    text-decoration: none;
    border: solid 3px var(--fiery_red);
    box-shadow: none;
    text-transform: uppercase;
    background-color: transparent;
}

.funderInfoContainer h3 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--fiery_red);
}

.funderInfoContainer h4 {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--seadragon);
}

.funderContainer div div ul li {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black)
}

.funderMetaContainer {
    border-left: solid 3px var(--seadragon);
}

.funderColumns {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
}

.funderColumns li {
    break-inside: avoid;
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
}

@media (max-width: 575.98px) {
    .fundersUpdatedContainer h2 {
        font-size: 24px;
        line-height: 24px;
    }

    .funderMetaContainer p {
        font-size: 16px;
        line-height: 20px;
    }

    .funderInfoContainer h3 {
        font-size: 18px;
        line-height: 18px;
    }

    .funderInfoContainer h4 {
        font-size: 14px;
        line-height: 18px;
    }

    .funderContainer div div ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .funderMetaContainer {
        border-left: none;
    }

    .funderColumns {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .fundersUpdatedContainer h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .funderInfoContainer h4 {
        font-size: 14px;
        line-height: 16px;
    }

    .funderMetaContainer {
        border-left: none;
    }

    .funderColumns {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .fundersUpdatedContainer h2 {
        font-size: 34px;
        line-height: 34px;
    }

    .funderColumns {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
}

/* Static */
.staticStylesContainer h2 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--fiery_red);
    text-transform: uppercase;
    margin: 3rem 0px;
}

.staticStylesContainer h4 {
    font-family: 'Rokkitt', serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
    margin: 1rem 0px;
}

.staticStylesContainer p,
.staticStylesContainer ul li,
.staticStylesContainer span,
.staticStylesContainer {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
}

.staticStylesContainer a {
    color: var(--seadragon) !important;
}

.pageHeaderEmptyContainer {
    height: 200px;
}

@media (max-width: 575.98px) {
    .staticStylesContainer h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .staticStylesContainer h4 {
        font-size: 22px;
        line-height: 22px;
    }

    .staticStylesContainer p,
    .staticStylesContainer ul li,
    .staticStylesContainer span,
    .staticStylesContainer {
        font-size: 14px;
        line-height: 18px;
    }

    .pageHeaderEmptyContainer {
        height: 100px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .staticStylesContainer h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .staticStylesContainer h4 {
        font-size: 28px;
        line-height: 28px;
    }

    .pageHeaderEmptyContainer {
        height: 150px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .staticStylesContainer h2 {
        font-size: 34px;
        line-height: 34px;
    }

    .pageHeaderEmptyContainer {
        height: 180px;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {}

@media (min-width: 1200px) {}

/* Confirmation Pages */
.genericCTAContainer h2 {
    font-family: 'Rokkitt', serif !important;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: center;
    color: var(--blue_black)
}

.genericCTAContainer h4 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    margin-top: 0.6em;
    margin-bottom: 1.2em;
    text-align: center;
    text-transform: uppercase;
    color: var(--fiery_red)
}

.genericCTAContainer p {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    max-width: 1000px;
}

.genericCTAContainer p.lead {
    font-size: 22px;
    margin-bottom: 1.1em;
}

.genericCTAContainer a, .genericCTAContainer a:hover {
    color: var(--seadragon);
}

.ctaConfirmBottom h6 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: center;
    color: var(--fiery_red);
}

.newsletterContainer {
    display: flex;
    flex-wrap: wrap;
    width: 65%;
    margin: auto;
    margin-bottom: 1.5rem;
}

.genericCTAContainer .newsletter {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 auto;
    width: 100%;
}

.genericCTAContainer .newsletter p {
    text-align: left;
}

.genericCTAContainer .newsletterList {
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 auto;
    margin-bottom: 1rem;
    display: none;
}

.genericCTAContainer .newsletterList p {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    margin-top: 1.5rem;
    text-align: left;
}

.genericCTAContainer .newsletterList ul {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.stateNewsletterSelectContainer {
    background-color:var(--light_gray);
    padding: 1rem;
    display: none;
    margin-bottom: 3rem;
}

.stateNewsletterSelectWrapper {
    display: flex;
    column-gap: 0.5rem;
}

.stateNewsletterSelectContainer .stateNewsletterSelect {
    background-color: white;
    border-radius: 5px;
    color: #212529;
    margin-bottom: 0;
}

.stateNewsletterSelectContainer .stateNewsletterSelect:focus {
    border-color: black;
}

.stateNewsletterSelectContainer .at button {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.stateNewsletterSelectContainer .at button i {
    font-family: "Font Awesome 6 Free";
    color: white;
    position: relative;
    top: 2px;
}

.subscribeFormContainer h3 {
    font-family: 'Rokkitt', serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: var(--blue_black);
}

.subscribeSVGContainer {
    background-color: white;
    height: 65px;
    width: 65px;
    border-radius: 40px;
    margin-bottom: 32px;
    margin: auto;
}

.subscribeSVGContainer svg {
    fill: white;
    background-color: transparent;
    height: 45px;
    width: 45px;
    margin-top: 7px;
    margin-right: 5px;
}

.subscribeFormContainer .subscribePrivacy {
    font-family: 'Newsreader', serif;
    font-style: italic;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: var(--very_dark_gray);
    text-align: center;
    margin-top: 18px;
}

.subscribeFormContainer .EmailAddress {
    flex: 1 1 100%;
}

.subscribeFormContainer .StateProvince {
    flex: 1 1 100%;
}

@media (max-width: 575.98px) {
    .subscribeFormContainer .EmailAddress, .StateProvince {
        flex: 100%;
    }

    .subscribeFormContainer .Interests .at-row {
        flex-basis: 100%;
    }
}

.subscribeFormContainer .at label.at-text input[type=email], .subscribeFormContainer .at label.at-select select {
    background-color:white !important;
    border-radius:5px;
}

.subscribeFormContainer .at label.at-text input[type=email]:focus, .subscribeFormContainer .at label.at-select select:focus {
    border-color:black;
}

.subscribeFormContainer .at input[type="checkbox"]+span.at-checkbox-title-container:before {
    background-color: var(--white);
    border: 0;
}

.subscribeFormContainer .at input[type="checkbox"]:checked+span.at-checkbox-title-container:before {
    background-color: #384e77;
    border: 0;
}

.subscribeFormContainer .at-fields {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}

.subscribeFormContainer .at-row-full {
    width:unset;
}

.subscribeFormContainer .at-form-submit {
    display:flex;
    justify-content:center;
}

.subscribeFormContainer .at-form-submit .at-submit.btn-at.btn-at-primary,
.subscribeFormContainer .at-form-submit .at-submit.btn-at.btn-at-primary:hover,
.stateNewsletterSelectContainer button {
    border-radius: 5px;
    border: 2px solid var(--fiery_red, #EB4504);
    background: var(--fiery_red, #EB4504);
    color: var(--White, #FFF);
    padding-right:70px;
    padding-left:70px;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 2px;
    text-shadow:none;
    text-transform: uppercase;
    transition: 300ms ease-out;
}

.subscribeFormContainer .at-form-submit .at-submit.btn-at.btn-at-primary:hover,
.stateNewsletterSelectContainer button:hover {
    opacity: 80%;
}

@media (max-width: 575.98px) {
    .genericCTAContainer h2 {
        font-size: 28px;
        line-height: 28px;
    }

    .genericCTAContainer p {
        font-size: 18px;
        line-height: 22px;
    }

    .genericCTAContainer .newsletter {
        width: 100%;
    }

    .genericCTAContainer .newsletterList {
        margin-bottom: 0;
        width: 100%;
    }

    .newsletterContainer {
        width: 75%;
    }

    .stateNewsletterSelectContainer {
        display: block;
    }

    .genericCTAContainer .newsletterListFirstColumn ul,
    .genericCTAContainer .newsletterListSecondColumn ul {
        text-align: center;
    }

    .ctaConfirmBottom h6 {
        font-size: 20px;
        line-height: 20px;
    }

    .subscribeFormContainer h3 {
        font-size: 24px;
        line-height: 24px;
    }

    .subscribeFormContainer .subscribePrivacy {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .genericCTAContainer h2 {
        font-size: 36px;
        line-height: 36px;
    }

    .genericCTAContainer p {
        font-size: 18px;
        line-height: 22px;
    }

    .genericCTAContainer .newsletter {
        width: 100%;
    }

    .genericCTAContainer .newsletterList {
        margin-bottom: 0;
        width: 100%;
    }

    .newsletterContainer {
        width: 75%;
    }

    .stateNewsletterSelectContainer {
        display: block;
    }

    .ctaConfirmBottom h6 {
        font-size: 20px;
        line-height: 20px;
    }

    .subscribeFormContainer h3 {
        font-size: 24px;
        line-height: 24px;
    }

    .subscribeFormContainer .subscribePrivacy {
        font-size: 14px;
        line-height: 18px;
    }

    .genericCTAContainer .newsletterListFirstColumn ul,
    .genericCTAContainer .newsletterListSecondColumn ul {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .genericCTAContainer h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .genericCTAContainer p {
        font-size: 18px;
        line-height: 22px;
    }

    .genericCTAContainer .newsletter,
    .genericCTAContainer .newsletterList {
        flex: 0 0 auto;
        width: 50%;
        display: block;
    }

    .newsletterContainer {
        width: 75%;
    }

    .genericCTAContainer .newsletterListFirstColumn ul {
        text-align: right;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .genericCTAContainer h2 {
        font-size: 48px;
        line-height: 48px;
    }

    .genericCTAContainer .newsletter,
    .genericCTAContainer .newsletterList {
        flex: 0 0 auto;
        width: 50%;
        display: block;
    }

    .newsletterContainer {
        width: 75%;
    }

    .genericCTAContainer .newsletterListFirstColumn ul {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .genericCTAContainer .newsletter,
    .genericCTAContainer .newsletterList {
        flex: 0 0 auto;
        width: 50%;
        display: block;
    }

    .genericCTAContainer .newsletterListFirstColumn ul {
        text-align: right;
    }
}

/* copy cta */
.sli-step-navigation-steps .sli-step-marker {
    box-shadow: none !important;
}

.sli-button {
    background-color: var(--fiery_red) !important;
    border-radius: 5px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    border: solid 2px var(--fiery_red) !important;
    max-width: 275px !important;
    color: white !important;
}

.sli-button:hover {
    color: var(--fiery_red) !important;
    background-color: white !important;
}

.sli-input::placeholder {
    border-radius: 5px !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    color: var(--grayish_blue) !important;
}

.sli-input {
    border-radius: 5px !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    color: var(--blue_black) !important;
}

#VPyPnlKNWN {
    width: -webkit-fill-available;
}

#id_e47bc217-c574-44b8-a826-a8b91d05d89a {
    background-color: transparent !important;
}

#id_1c2d44ab-f8b7-4523-a6b1-f8926cec2359 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

#id_0d5fb677-9f2d-4c61-a658-9ff50bdb3266 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.sli-oneTimeDonationAmounts li,
.sli-recurringDonationAmounts li {
    width: 22% !important;
    margin-right: 1.5% !important;
    margin-left: 1.5% !important;
    border-radius: 5px !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    color: black !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

.sli-oneTimeDonationAmounts li label,
.sli-recurringDonationAmounts li label {
    border-radius: 5px !important;
    background-color: var(--light_gray) !important;
}

#id_f758121a-abfd-43ef-8988-e20e22f86d21_TqWquhZvnc_oneTime ul.sli-style-button input[type="radio"]:checked+.sli-amount-label,
#id_f758121a-abfd-43ef-8988-e20e22f86d21_TqWquhZvnc_recurringMonthly ul.sli-style-button input[type="radio"]:checked+.sli-amount-label {
    background-color: var(--seadragon) !important;
    color: white !important;
    box-shadow: none !important;
}

#id_f758121a-abfd-43ef-8988-e20e22f86d21_TqWquhZvnc_oneTime ul.sli-style-button input[type="radio"]:checked+.sli-amount-label:before,
#id_f758121a-abfd-43ef-8988-e20e22f86d21_TqWquhZvnc_recurringMonthly ul.sli-style-button input[type="radio"]:checked+.sli-amount-label:before {
    background: none !important;
}

#id_f758121a-abfd-43ef-8988-e20e22f86d21_TqWquhZvnc_onetime_custom {
    width: 100% !important;
}

#id_f758121a-abfd-43ef-8988-e20e22f86d21_TqWquhZvnc_onetime_custom .sli-input-group:focus-within label {
    background-color: var(--seadragon) !important;
}

#id_f758121a-abfd-43ef-8988-e20e22f86d21_TqWquhZvnc_recurringAmt_custom .sli-input-group:focus-within label {
    background-color: var(--seadragon) !important;
}

#id_a0f52266-8635-4a20-a6ef-612efbd9c59c_hGwSYeanxD label,
#id_b972db08-7ec9-4448-9c63-e1e3af73828d_sSQFDEHVkC label {
    font-family: 'Barlow', sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    color: var(--blue_black) !important;
}

#id_fa1de65b-86f6-4dd5-98c5-3a0c694e6954 .sli-button,
#id_a4fa8b4b-bd46-40a8-b013-8ffee27cbfc1 .sli-button,
#id_b342ade8-684f-4ab0-8658-0dde93e390e0 .sli-button {
    background-color: var(--fiery_red) !important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
    margin-top: 24px !important;
    color: white !important;
    max-width: none !important;
}

#id_fa1de65b-86f6-4dd5-98c5-3a0c694e6954 .sli-button:hover,
#id_a4fa8b4b-bd46-40a8-b013-8ffee27cbfc1 .sli-button:hover,
#id_b342ade8-684f-4ab0-8658-0dde93e390e0 .sli-button:hover {
    color: var(--fiery_red) !important;
    background-color: white !important;
}

#id_a4fa8b4b-bd46-40a8-b013-8ffee27cbfc1,
#id_b342ade8-684f-4ab0-8658-0dde93e390e0 {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-evenly !important;
}

/* Donate */
ul.sli-style-button .sli-amount-label {
    z-index: 5 !important;
}

.donateInfoContainer h3 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    margin-bottom: 1.5rem;
    text-align: left;
    color: var(--fiery_red);
}

.donateInfoContainer p {
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}

.donateInfoContainer p.deductibleText {
    font-style: italic;
    font-weight: 500;
}

.checkDonateContainer {
    background-color: var(--light_gray);
}

.checkDonateContainer p {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
}

.checkDonateContainer p.checkDonateAddress {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
}

.donationSecurityContainer {
    border-left: solid 4px var(--seadragon);
}

.donationSecurityContainer p {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}

.donationSecurityContainer span {
    font-weight: 600;
}

.donateRowOne .at .at-credit-card-button-wrapper .at-btn-radio,
.donateRowOne .at .at-credit-card-button-wrapper .at-btn-radio:hover,
.donateRowOne .at .btn-at-primary,
.donateRowOne .at .btn-at-primary:hover,
.donateRowOne .at .prevStep {
	border-radius: 5px !important;
	color: var(--white) !important;
	padding-right:50px !important;
	padding-left:50px !important;
	text-align: center !important;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Montserrat !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px !important;
	letter-spacing: 2px;
	text-shadow:none !important;
	text-transform: uppercase;
	transition: 300ms ease-out !important;
}

.donateRowOne .at .at-credit-card-button-wrapper .at-btn-radio,
.donateRowOne .at .at-credit-card-button-wrapper .at-btn-radio:hover,
.donateRowOne .at .btn-at-primary,
.donateRowOne .at .btn-at-primary:hover {
	background-color: var(--fiery_red) !important;
	border: 1px solid var(--fiery_red) !important;
}

.donateRowOne .at .btn-at-primary:hover,
.donateRowOne .at .at-credit-card-button-wrapper .at-btn-radio:hover {
	opacity: 80% !important;
}

.donateRowOne .multistep-layout .at-form-submit {
	padding-left: 0;
	padding-right: 0;
}

.donateRowOne .at .step-prevNext {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.donateRowOne .at .prevNext {
	margin-left: 9px;
	margin-right: 9px;
}

.donateRowOne .at .prevStep {
	border: 1px solid var(--grayish_blue) !important;
    color: var(--blue_black) !important;
}

.donateRowOne .at .prevStep:hover {
	background-color: var(--very_light_gray);
	transition: background-color 300ms ease-out;
}

.donateRowOne .at-step a::before {
	background: var(--medium_gray) !important;
}

.donateRowOne .at-step.active a::before {
	background: var(--seadragon) !important;	
}

.donateRowOne .at-radio .at-radios .label-amount input[type=radio]+a {
	background-color: var(--grayish_blue);
	border-radius: 5px !important;
	height:38px;
}

.donateRowOne .at-radios .label-otheramount {
	margin-top: 15px !important;
	margin-bottom: 30px !important;
}

.donateRowOne .at-radios .label-amount:not(.label-otheramount) {
	font-family: 'Barlow', sans-serif !important;
	font-size: 20px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 22px !important;
	letter-spacing: 0px !important;
	color: white !important;
	padding-top: 7px !important;
	padding-bottom: 10px !important;
}

.donateRowOne .at .at-radio-set-buttons .at-paypal-button-wrapper .at-btn-radio {
	padding-top: 16px;
}

.donateRowOne .at form .label-amount .edit-otheramount {
	border-radius:5px !important;
	color: var(--blue_black) !important;
	font-family: 'Barlow', sans-serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	height: 38px;
	line-height: 22px !important;
	letter-spacing: 0px !important;
	padding-top: 7px;
	padding-left: 50px;
	text-align: left !important;
}

.donateRowOne .label-amount .edit-otheramount:required {
	border-color: var(--grayish_blue) !important;
}

.donateRowOne .at .label-otheramount-prefix {
	background-color: var(--grayish_blue);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: var(--white) !important;
	font-family: 'Barlow', sans-serif !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	height:38px;
	padding-top: 3.5px !important;
	padding-left: 20px !important;
	padding-right: 10px !important;
}

.donateRowOne .at .edit-otheramount:required+.label-otheramount-prefix {
	background-color: var(--sn_blue);
}

.donateRowOne .at .label-amount input[type=number] {
	padding-left: 50px !important;
}

.donateRowOne .at .ContactInformation .at-row label {
	font-family: 'Barlow', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:500;
}

.donateRowOne .at input::placeholder {
	border-radius:5px !important;
	color: var(--light_medium_gray) !important;
	font-family: 'Barlow', sans-serif !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 22px !important;
	letter-spacing: 0px !important;
	text-align: left !important;
}

.donateRowOne .at .vgs-cc-iframe-wrapper iframe,
.donateRowOne .at .vgs-ccexpiration-iframe-wrapper iframe {
	height: 45px;
}

@media (max-width: 575.98px) {

    .sli-oneTimeDonationAmounts li,
    .sli-recurringDonationAmounts li {
        width: unset !important;
    }

    .donationSecurityContainer {
        border-left: none;
    }

    .donateInfoContainer h3 {
        font-size: 24px;
        line-height: 24px;
    }

    .donateInfoContainer p {
        font-size: 14px;
        line-height: 18px;
    }

    .donationSecurityContainer p {
        font-size: 16px;
        line-height: 18px;
    }

    .donateRowOne .at .prevNext {
		flex: 1 1 auto;
	}
	.donateRowOne .submitStep {
		width: 100%;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .donateInfoContainer h3 {
        font-size: 28px;
        line-height: 28px;
    }

    .donationSecurityContainer p {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .donationSecurityContainer p {
        font-size: 20px;
        line-height: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {}

@media (min-width: 1200px) {}

/* featured archive */
.featuredCardImg img {
    width: 500px;
    height: auto;
}

.featuredCardMeta h4,
.homeStoryCard h6 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-align: left;
    color: var(--fiery_red);
    width: fit-content;
    border-bottom: solid 3px var(--fiery_red);
    text-transform: uppercase;
}

.featuredCardMeta h2 {
    font-family: 'Rokkitt', serif !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
}

.featuredCardMeta p {
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: var(--blue_black);
}

.featuredCardMeta a button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: 2px;
    text-align: center;
    color: var(--blue_black);
    border: none;
    background-color: transparent;
    box-shadow: none;
}

@media (max-width: 575.98px) {
    .featuredCardImg img {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .featuredCardImg img {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .featuredCardImg img {
        width: 280px;
    }
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .featuredCardImg img {
        width: 360px;
    }
}

@media (min-width: 1200px) and (max-width: 1398.98px) {
    .featuredCardImg img {
        width: 450px;
    }
}

/* Impact Report */
.pageImpactReportSection {
    padding-bottom: 48px;
    padding-top: 48px;
}

.pageImpactReportSectionOatmeal {
    background-color: var(--oatmeal_white);
}

.pageImpactReportSection p a {
    color: var(--sn_blue);
    transition: color 0.35s ease;
}

.pageImpactReportSection p a:hover {
    color: var(--fiery_red);
}

@media (min-width: 768px) {
    .pageImpactReportSection {
        padding-bottom: 64px;
        padding-top: 64px;
    }
}

.pageImpactReportAside {
    border-left: solid 3px var(--fiery_red);
    display: none;
    padding-left: 24px;
}

@media (min-width: 768px) {
    .pageImpactReportAside {
        display: block;
    }
}

.pageImpactReportAside.sticky {
    margin-top: 12px;
}

.pageImpactReportAsideHeading {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--fiery_red);
    padding-bottom: 16px;
    text-transform: uppercase;
}

.pageImpactReportAside ul {
    margin: 0;
    padding: 0;
}

.pageImpactReportAside ul li {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: left;
    list-style: none;
    margin-bottom: 12px;
    padding-bottom: 16px;
}

.pageImpactReportAside ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.pageImpactReportAside ul li > a {
    color: var(--sn_blue);
    text-decoration: none;
    transition: color 0.35s ease;
}

.pageImpactReportAside ul li > a:hover {
    color: var(--fiery_red);
}

.pageImpactReportContentHeaderLabel {
    border-bottom: 3px solid var(--fiery_red);
    color: var(--fiery_red);
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 16px;
    padding-bottom: 12px;
    padding-right: 24px;
    text-transform: uppercase;
}

.pageImpactReportContentHeaderHeading {
    color: var(--sn_blue);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-align: left;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.pageImpactReportContent p,
.pageImpactReportCaseStudySubheading,
.pageImpactReportCardContent p {
    color: var(--blue_black);
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}

@media (min-width: 992px) {
    .pageImpactReportSectionHeroFig {
        background-image:url(/wp-content/themes/genesis-child/icons/impactReport/year-img.png);
        background-size:190px;
        background-repeat:no-repeat;
        background-position:right center;
    }
}

.pageImpactReportIntroAuthors {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

@media (min-width: 768px) {
    .pageImpactReportIntroAuthors {
        flex-direction: row;
        gap: 32px;
        margin-top: 48px;
    }
}

.pageImpactReportIntroAuthor {
    align-items: center;
    display: flex;
    gap: 12px;
}

.pageImpactReportIntroAuthor figure {
    flex-shrink: 0;
    height: 64px;
    width: 64px;
}

.pageImpactReportIntroAuthor img {
    height: 100%;
    width: 100%;
}

.pageImpactReportIntroAuthorContent {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

p.pageImpactReportIntroAuthorName {
    color: var(--blue_black);
    font-family: 'Rokkitt', serif !important;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
    margin-bottom: 0;
    text-align: left;
}

p.pageImpactReportIntroAuthorTitle {
    color: var(--fiery_red);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--fiery_red);
    text-transform: uppercase;
}

.row.pageImpactReportMissionCards {
    margin-top: 24px;
}

.pageImpactReportMissionCard {
    background-color: var(--white);
    height: auto;
    padding: 24px;
}

@media (min-width: 992px) {
    .pageImpactReportMissionCard {
        height: 100%;
    }
}

.pageImpactReportMissionCard:first-of-type {
    margin-bottom: 24px;
}

@media (min-width: 992px) {
    .pageImpactReportMissionCard:first-of-type {
        margin-bottom: 0;
    }
}

.pageImpactReportMissionCardLabel {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: left;
    color: var(--fiery_red);
    margin-bottom: 12px;
    text-transform: uppercase;
}

.pageImpactReportMissionCard ul {
    margin: 0;
    padding: 0;
}

.pageImpactReportMissionCard li {
    color: var(--blue_black);
    display: flex;
    font-family: 'Newsreader', serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 22px;
    list-style: none;
    letter-spacing: 0px;
    margin-bottom: 12px;
    text-align: left;
}

.pageImpactReportMissionCard li:last-child {
    margin-bottom: 0;
}

.pageImpactReportMissionCard li img {
    height: 16px;
    margin-top: 1px;
    width: 16px;
}

.pageImpactReportCTA {
    align-items: center;
    display: flex;
    padding: 64px 0;
}

.pageImpactReportCTAHeading {
    color: var(--white);
    font-family: 'Rokkitt', serif !important;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0;
    margin-bottom: 12px;
    text-align: left;
}

.pageImpactReportCTASubheading {
    color: var(--white);
    font-family: 'Newsreader', serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 200;
    gap: 8px;
    line-height: 24px;
    list-style: none;
    letter-spacing: 0px;
    margin-bottom: 0;
    text-align: left;
}

.pageImpactReportCTAButton {
    background-color: var(--blue_black);
    border: none;
    border-radius: 4px;
    color: var(--white);
    transition: all 0.35s ease;
    margin-left: 0;
    margin-top: 24px;
    line-height: 1;
}

@media (min-width: 992px) {
    .pageImpactReportCTAButton {
        margin-left: auto;
        margin-top: 0;
    }
}

.pageImpactReportCTAButton:hover {
    background-color: var(--white);
    color:  var(--blue_black);
}

.pageImpactReportStat {
    margin-bottom: 24px;
}

@media (min-width: 768px) {
    .pageImpactReportStat {
        margin-bottom: 48px;
    }
}

.pageImpactReportStatHeading {
    color: var(--fiery_red);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 64px;
    font-style: normal;
    font-weight: 800;
    line-height: 64px;
    text-align: left;
    margin-bottom: 4px;
}

@media (min-width: 768px) {
    .pageImpactReportStatHeading {
        font-size: 96px;
        line-height: 96px;
    }
}

.pageImpactReportStatText {
    color: var(--sn_blue);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px;
    text-align: left;
    text-transform: uppercase;
}


@media (min-width: 768px) {
    .pageImpactReportStatText {
        font-size: 21px;
        line-height: 21px;
    }
}

.pageImpactReportCaseStudy {
    margin: 24px 0;
}

.pageImpactReportCaseStudyHeading {
    color: var(--sn_blue);
    font-family: 'Barlow', sans-serif !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 12px;
    text-align: left;
    text-transform: uppercase;
}

.pageImpactReportCaseStudyGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.pageImpactReportCaseStudyGrid li {
    color: var(--blue_black);
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    list-style: none;
    letter-spacing: 0px;
    text-align: left;
}

.pageImpactReportCardContainer {
    margin-bottom: 24px;
}

.pageImpactReportCard {
    background: var(--white);
    height: 100%;
    padding: 12px;
}

.pageImpactReportCard figure {
    margin-bottom: 8px;
}

.pageImpactReportCardContent h4 {
    color: var(--sn_blue);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px;
    text-align: left;
}

.pageImpactReportCardContent h4 > a {
    color: var(--sn_blue);
    text-decoration: none;
    transition: color 0.35s ease;
}

.pageImpactReportCardContent h4 > a:hover {
    color: var(--fiery_red);
}

.pageImpactReportCardContent p {
    margin-bottom: 0;
}

.pageImpactReportQuoteCardContainer {
    margin-bottom: 24px;
}

.pageImpactReportQuoteCard {
    background-color: var(--oatmeal_white);
    padding: 24px;
    height: 100%;;
}

.pageImpactReportQuoteCard blockquote {
    color: var(--sn_blue);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
}

.pageImpactReportQuoteCard cite {
    color: var(--fiery_red);
    display: block;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    margin-top: 12px;
    text-align: left;
    text-transform: uppercase;
}

/* Homepage Template V2 */
    /* TODO: Clean/remove uneeded homepage template code from previous iteration */

.home-content-area {
    overflow-x: hidden;
}

.home-section {
    margin-bottom: 32px;
}

.home-section__inner-offset {
    padding: 32px 0;
}

@media (min-width: 768px) {
    .home-section__inner-offset {
        padding: 64px 0;
    }
}

@media (min-width: 768px) {
    .home-section {
        margin-bottom: 64px;
    }
}

.home-text-center {
    text-align: center;
}

.home-section__heading {
    font-family: 'Rokkitt', serif !important;
    font-weight: 400;
    margin-bottom: 16px;
}

/* Home Page Typography */
.home-section__h2 {
    font-size: clamp(2.375rem, 2.375rem + ((1vw - 0.2rem) * 1.016), 3.188rem) !important;
}

.home-section__p {
    color: var(--blue_black);
    font-size: 16px;
    font-family: 'Newsreader', serif !important;
    line-height: 1.5;
}

.home-section__p--lg {
    font-size: 21px;
}

/* Homepage Components */
.home-button {
    border: 2px solid var(--fiery_red);
    border-radius: 5px;
    color: var(--blue_black);
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    padding: 16px 24px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.35s ease;
}

.home-button--fill {
    background-color: var(--blue_black);
    border: 2px solid var(--blue_black);
    color: var(--white);
}

.home-button:hover,
.home-button--fill:hover {
    background: var(--fiery_red);
    border-color: var(--firey_red);
    color: var(--white);
}

.home-hero {
    display: flex;
    flex-direction: column-reverse;
    margin: 24px;
}

@media (min-width: 768px) {
    .home-hero {
        flex-direction: row;
        height: calc(90vh - 98px);
        min-height: 500px;
    }
}

@media (min-width: 992px) {
    .home-hero {
        min-height: 800px;
    }
}

.home-hero__left,
.home-hero__right {
    width: 100%;
}

@media (min-width: 768px) {
    .home-hero__left,
    .home-hero__right {
        width: 50%;
    }
}

.home-hero__left {
    background-color: var(--sn_blue);
    padding: 32px;
}

.home-hero__left-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}

.home-hero-title {
    color: var(--white);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 15vw; 
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 24px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .home-hero-title {
        font-size: 10vw; 
    }
}

@media (min-width: 1600px) {
    .home-hero-title {
        font-size: 180px; 
    }
}

.home-hero-title span {
    color: #AAE1E1;
}

.home-hero-subtitle {
    color: var(--white);
    font-family: 'Rokkitt', serif !important;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.15;
}

@media (min-width: 768px) {
    .home-hero-subtitle {
        font-size: clamp(1rem, 2.5vw, 1.75rem); 
    }
}

@media (min-width: 1600px) {
    .home-hero-subtitle {
        font-size: 28px; 
    }
}

.home-hero-img {
    height: 100%;
    margin: 0;
    width: 100%;
}

.home-hero-img img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.home-hero-img__cite {
    align-items: center;
    border-top: 1px solid var(--dark_blue_gray);
    display: flex;
    margin-top: 0.5rem;
    padding-top: 1rem;
}

.home-hero-img__cite-text {
    color: var(--white);
    font-family: 'Newsreader', serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
}

.home-hero-img__cite i {
    color: var(--white);
    font-size: 12px;
    margin-left: auto;
    transform: rotate(-90deg);
}

@media (min-width: 768px) {
    .home-hero-img__cite i {
        transform: rotate(0);
    }
}

/* Interactive Map Section */
.home-map {
    margin: 32px 0;
}

@media (min-width: 768px) {
    .home-map {
        margin: 64px 0;
    }
}

.home-map__state-info {
    align-self: center;
}

.home-map__state-info__content-container {
    align-items: center !important;
    margin: 32px 0 0;
    text-align: center;
}

@media (min-width: 992px) {
    .home-map__state-info__content-container {
        align-items: flex-start !important;
        margin: 0;
        text-align: left;
    }
}

.home-map__state-info__content-container--default {
    padding: 0 64px;
}

@media (min-width: 992px) {
    .home-map__state-info__content-container--default {
        padding: 0;
        padding-left: 32px;
    }
}

.home-map__state-info__content-container--default p {
    text-align: center !important;
}

@media (min-width: 992px) {
    .home-map__state-info__content-container--default p {
        text-align: left !important;
    }
}

.home-map__state-info__content-group:not(:last-of-type) {
    margin-bottom: 12px;
}

.home-map__state-info__content-group__row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.home-map__state-info__content-group-title {
    color: var(--fiery_red);
    font-family: 'Barlow Condensed';
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 8px !important;
    text-transform: uppercase;
}

.home-map__state-info__content-group img {
    max-width: 100%;
    max-height: 75px;
    height: auto;
    width: auto;
}

.home-map__state-info__content-group p {
    margin-bottom: 0;
}

.home-map__state-info__content-group .newsroomsCTA {
    display: inline-block;
    font-family: 'Barlow Condensed' !important;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 12px;
}

.home-map__state-info__content-group .nationalNewsroomsCTA {
    font-size: 18px;
}

.home-map__background-icon-1 {
    bottom: 0;
    display: none;
    position: absolute;
    top: -96px;
    height: calc(100% + 166px);
    opacity: 1;
    pointer-events: none;
    right: 0;
    width: 60%;
    z-index: -1;
}

@media (min-width: 768px) {
    .home-map__background-icon-1{
        display: block;
    }
}

.home-map__background-icon-1 figure {
    height: 100%;
    width: 100%;
}

.home-map__background-icon-1 img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.home-map__background-icon-2 {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    opacity: 0.8;
    pointer-events: none;
    width: 50px;
    z-index: -1;
}

.home-map__background-icon-2 img {
    height: 100%;
    width: 100%;
}

/* Home Callout */
.home-callout {
    align-items: center;
    background-color: var(--fiery_red);
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    text-align: center;
}

@media (min-width: 768px) {
    .home-callout {
        flex-direction: row;
        padding: 48px;
        text-align: left;
    }
}

.home-callout__right {
    white-space: nowrap;
}

.home-callout__heading {
    color: var(--white);
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
}

.home-callout__text {
    color: var(--white);
}

/* Home News CTA */
.home-news-cta {
    padding: 64px 0;
}

@media (min-width: 768px) {
    .home-news-cta {
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 750px;
    }
}

.home-news-cta__card {
    background-color: var(--white);
    padding: 48px;
}

/* Home Newsfeed Carousel */
.home-carousel-feed__header {
    margin-top: 24px;
    position: relative;
    padding: 0 12px;
}

.home-carousel-feed__header-title {
    color: var(--sn_blue);
    font-weight: 700;
    text-align: center;
}

@media (min-width: 576px) {
    .home-carousel-feed__header-title span {
        background-color: var(--white);
        padding: 0 24px;
    }
}

.home-carousel-feed__header-title a {
    color: var(--sn_blue);
    transition: 0.35s ease;
}

.home-carousel-feed__header-title a:hover {
    color: var(--seadragon);
}

.home-carousel-feed__header hr {
    background-color: var(--medium_gray);
    display: none;
    left: 12px;
    position: absolute;
    right: 0;
    top: -5px;
    width: calc(100% - 24px);
    z-index: -1;
}

@media (min-width: 576px) {
    .home-carousel-feed__header hr {
        display: block;
    }
}

.home-carousel-feed {
    position: relative;
    margin-top: 24px;
}

.home-carousel-feed ul {
    padding: 0 12px;
}

.home-carousel-feed li {
    list-style: none;
    margin: 0;
}

.home-carousel__item {
    border-left: 1px solid var(--light_gray);
    display: flex;
    padding-left: 12px;
    padding-right: 12px;
}

.home-carousel__item figure {
    flex-shrink: 0;
    height: 64px;
    margin-bottom: 0;
    margin-right: 12px;
    width: 64px;
}

.home-carousel__item img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.home-carousel__item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-carousel__item-title {
    font-size: 14px;
    margin-bottom: 0;
}

.home-carousel__item-title a {
    color: var(--blue_black);
    font-weight: 700;
    margin-bottom: 0;
    transition: 0.35s ease;
    text-decoration: none;
}

.home-carousel__item-title a:hover {
    color: var(--fiery_red);
}

.home-carousel__item-outlet {
    color: var(--medium_gray);
    font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.home-carousel-feed .flickity-button {
    background-color: var(--fiery_red);
    border: none;
    border-radius: 100em;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.10), 0px 3px 3px 0px rgba(0, 0, 0, 0.09), 0px 6px 4px 0px rgba(0, 0, 0, 0.05), 0px 11px 4px 0px rgba(0, 0, 0, 0.01), 0px 17px 5px 0px rgba(0, 0, 0, 0.00);
    height: 24px;
    position: absolute;
    top: 20px;
    width: 24px;
}

.home-carousel-feed .flickity-button:disabled {
    display: none;
}

.home-carousel-feed .flickity-button.next {
    right: 0;
}

.home-carousel-feed .flickity-button svg {
    fill: var(--white);
    height: 12px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: auto;
}

/* Flickty Fixes */
.flickity-enabled:focus {
    outline: none;
}

.carousel-cell {
visibility: hidden;
}

.carousel-cell.pageloaded {
    visibility: visible;
}