/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
  #FUNCTIONS
\*------------------------------------*/
/*------------------------------------*\
  #VARIABLES
\*------------------------------------*/
/*------------------------------------*\
  #MIXINS
\*------------------------------------*/
/*------------------------------------*\
  #FONTS
\*------------------------------------*/
/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/
  .hero-banner-image:before {
        background: none !important;
    }
h1.hero-banner-image__title {
    font-size: 52px;
    line-height: 56px;
    margin-bottom: 30px;
    font-family: 'freightsans_probook', sans-serif;
    font-weight: 350;
    color: #001F5A;
}
h1.hero-banner-image__title sup {
    font-weight: 600;
    font-size: 23px;
    font-family: inherit;
}
.u-pad-zero--bottom h3.content-card__title {
    font-size: 30px;
    line-height: 30px;
}
a.hero-banner-image__link.arrow-link {
    font-family: 'freightsans_probook', sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #001F5A;
    border-bottom: 2px solid;
}
.hero-banner-image__copy {
   color: #001F5A;
    font-weight: 400;
    font-size: 28px !important;
    line-height: 32px !important;
}
/* Hero Banner Adjustments */
.hero-banner-image__content {
    padding-bottom: 30px;
    
}
.hero-banner-image--pattern-1::after,
.hero-banner-image__decoration {
    display: none !important;
}
/* Image Adjustments */
.img_div {
    padding-top: 30px;
}
.svg_logo {
    display: block;
    margin-top: 0px;
    width: 40%;
}
.image-card__image img {
    object-fit: unset;
}
/* Grid and Text Layouts */
.hero_banner_textbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    width: 45%;
}
.hero_banner_textbox strong {
    font-size: 20px;
}
.hero_banner_textbox.column-gap {
    column-gap: 2rem;
    text-align: left;
}
.hero_banner_right_text,
.hero_banner_left_text {
    line-height: 20px;
}
/* Media Queries */
@media (min-width: 480px) {
    .img_div {
        padding-top: 30px;
    }
}
@media (min-width: 768px) {
    .hero_banner_textbox {
        width: 100%;
    }
    .bluestate-page {
        padding-bottom: 60px !important;
    }
    div#lottie-container {
        max-width: 20% !important;
        margin: auto;
    }
    .bluestate-page.hero-banner-image.hero-banner-image--pattern-1.hero.hero--home {
        background-image: none !important;
background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
background-blend-mode: overlay;
        padding-top: 100px;
    }
    
}
@media (max-width: 768px) {
    .img_div {
        display: none;
    }
    h1.hero-banner-image__title {
        font-size: 46px;
        line-height: 52.12px;
        font-weight: 350;
    }
    .svg_logo {
        width: 70%;
        margin: 0px auto;
    }
    .hero-banner-image {
        padding: 40px 0px 40px 0px !important;
    }
    br.dsk_br {
        display: none;
    }
}
@media (min-width: 1024px) {
.intro-copy__link::after {
content: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013.3%2011.3'%3E%3Cdefs%2F%3E%3Cpath%20fill%3D'%23ffff'%20d%3D'M8.5%200L7%201.3l2.8%203.4H0v2h9.8L7%2010l1.5%201.3%204.8-5.6z'%2F%3E%3C%2Fsvg%3E");
}
    .hero-banner-image__title {
        max-width: 780px;
    }
    .svg_logo {
        width: 40%;
    }
    .hero-banner-image__content {
        padding-bottom: 30px;
        width: 60%;
    }
    .bluestate-page.hero-banner-image .inner-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
@media only screen and (max-width: 600px) {
    h1.hero-banner-image__title {
        font-size: 36px !important;
        line-height: 36px !important;
    }
    p.hero-banner-image__copy {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    .bluestate-page.hero-banner-image.hero-banner-image--pattern-1.hero.hero--home {
        background-image: url('../png/homepage-hero-banner-2025-predictions-article.png')!important;
background-position: center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hero-banner-image__content {
        padding-bottom: 30px;
        width: 100%;
    }
    .featured-content {
        flex-direction: column;
    }
    .bluestate-page.hero-banner-image {
        padding-top: 150px !important;
    }
    .hero_banner_textbox {
        display: flex;
        justify-content: flex-start;
        text-align: left;
        width: 70%;
    }
}
/* Link Styles */
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    a.hero-banner-image__link.arrow-link:after {
        content: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013.3%2011.3'%3E%3Cdefs%2F%3E%3Cpath%20fill%3D'%23001f5a'%20d%3D'M8.5%200L7%201.3l2.8%203.4H0v2h9.8L7%2010l1.5%201.3%204.8-5.6z'%2F%3E%3C%2Fsvg%3E");
    }
}
.section-wrapper.section-wrapper--solid.u-pad-zero--bottom {
    background-color: #082485 !important;
}
section[aria-label="intro copy"] .intro-copy__title, section[aria-label="intro copy"] .intro-copy__subtitle {
    color: #ffff;
}
.intro-copy.u-margin--bottom .intro-copy__link {
    color: #ffff;
    border-bottom: 2px solid #ffff;
}
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: active) and (min-width: 768px), screen and (-ms-high-contrast:none) and (min-width: 768px) {
    a.hero-banner-image__link.arrow-link:after {
        bottom: 14px;
    }
}
@media screen and (min-width: 768px) {
    .hero-banner-image__copy {
        max-width: 500px;
    }
}
.two_col_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.col2_div p {
        font-family: 'freightsans_probook', sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #ffffff;
}
@media only screen and (max-width: 768px) {
    .hero-banner-image:before {
          background-image: url('../png/homepage-hero-banner-2025-predictions-article.png')!important;
    }
.two_col_div{
    flex-direction: column;
}
}
@media only screen and (min-width: 1440px) {
   .hero-banner-image:before {
          background-image: url('../png/homepage-hero-banner-2025-predictions-article-test-02.png')!important;
    }
}