/*
Theme Name: 2024 Impact Report Styles
Description: Child theme for Avada theme
Author: InterlockSolutions
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/**************************************************/
/*** 2024 Impact Report Styles         	        ***/
/**************************************************/

body.page-id-30074 #PreFooterBg,
body.page-id-30092 #PreFooterBg,
body.page-id-30093 #PreFooterBg,
body.page-id-30094 #PreFooterBg {
    display: none !important;
}

:root {
    --Teal2024: #1D4755;
    --LtTeal: #158D96;
    --Navy: #0E2C40;
    --Turquoise: #31B2B3;
    --Turquoise2: #57CCC4;
    --Turquoise3: #95DCCC;
    --Turquoise4: #C1E7D5;
    --Melon: #EAF1C6;
    --Orange2024: #FF8935;
    --LtOrange: #FFBF7C;
    --Pink: #FF7172;
    --Red: #FF2F2C;
}

.BackToReportLink2024 p a {
    color: var(--Turquoise) !important;
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
}

.BackToReportLink2024 p a:hover {
    color: var(--Orange2024) !important;
}

.Teal2024Bg {
    background: var(--Teal2024) !important;
}

.LtTealBg {
    background: var(--LtTeal) !important;
}

.NavyBg {
    background: var(--Navy) !important;
}

.TurquoiseBg {
    background: var(--Turquoise) !important;
}

.Turquoise2Bg {
    background: var(--Turquoise2) !important;
}

.Turquoise3Bg {
    background: var(--Turquoise3) !important;
}

.Turquoise4Bg {
    background-color: var(--Turquoise4) !important;
}

.LtOrangeBg {
    background-color: var(--LtOrange) !important;
}

.MelonBg {
    background: var(--Melon) !important;
}

.ImpactHeading2024 h1 {
    font-size: 42px !important;
    line-height: 54px !important;
    font-weight: 500 !important;
    color: var(--Melon) !important;
}

.ImpactHeading2024 h2 {
    font-family: 'Lora' !important;
    font-size: 42px !important;
    line-height: 54px !important;
    font-weight: 500 !important;
    color: var(--Navy) !important;
}

.ImpactHeading2024.SmH2 h2 {
    font-size: 24px !important;
    line-height: 34px !important;
}


.ImpactHeading2024 h3 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px !important;
    line-height: 34px !important;
    font-weight: bold !important;
    color: var(--Orange2024) !important;
}

.ImpactHeading2024 h4 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 24px !important;
    line-height: 34px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: var(--Turquoise) !important;
}

.ImpactHeading2024 h2 a,
.ImpactHeading2024 h3 a,
.ImpactHeading2024 h4 a {
    color: var(--Teal2024) !important;
    text-decoration: underline !important;
}

.ImpactHeading2024 h2 a:hover,
.ImpactHeading2024 h3 a:hover,
.ImpactHeading2024 h4 a:hover {
    color: var(--Orange2024) !important;
}

.ImpactHeading2024.WhiteText h2,
.ImpactHeading2024.WhiteText h3,
.ImpactHeading2024.WhiteText h4 {
    color: #fff !important;
}

.ImpactHeading2024.OrangeText h1 {
    font-family: 'Lora' !important;
    color: var(--Orange2024) !important;
}


.ImpactHeading2024.OrangeText h2,
.ImpactHeading2024.OrangeText h3,
.ImpactHeading2024.OrangeText h4 {
    color: var(--Orange2024) !important;
}

.ImpactHeading2024.Turquoise2Text h2,
.ImpactHeading2024.Turquoise2Text h3,
.ImpactHeading2024.Turquoise2Text h4 {
    color: var(--Turquoise2) !important;
}

.ImpactHeading2024.MelonText h2,
.ImpactHeading2024.MelonText h3,
.ImpactHeading2024.MelonText h4 {
    color: var(--Melon) !important;
}

.NavyText p {
    color: var(--Navy) !important;
}

.WhiteQuote p {
    font-family: 'Lora' !important;
    font-size: 24px !important;
    line-height: 34px !important;
    color: #fff !important;
}

.TurquoiseQuote p {
    font-family: 'Lora' !important;
    font-size: 34px !important;
    line-height: 44px !important;
    color: var(--Turquoise) !important;
    text-wrap: balance !important;
}

.ImpactSmallText p {
    font-size: 14px !important;
    line-height: 20px !important;
}

.ImpactButton2024.fusion-button {
    background: var(--Orange2024) !important;
    border-radius: 30px !important;
}

.ImpactButton2024.PinkButton.fusion-button {
    background: var(--Pink) !important;
}

.ImpactButton2024.WhiteButton.fusion-button {
    background: #fff !important;
}

.ImpactButton2024.WhiteButton.fusion-button .fusion-button-text {
    color: var(--Orange2024) !important;
}

.ImpactButton2024.fusion-button:hover {
    background-color: var(--Navy) !important;
}

.ImpactButton2024.fusion-button:hover .fusion-button-text {
    color: #fff !important;
}

.Impact2024Checklist .fusion-li-item-content p {
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.RoundCorners>.fusion-column-wrapper,
.RoundCorners.fusion-text {
    border-radius: 25px !important;
}

@media screen and (max-width: 1024px) {
    .ImpactHeading2024 h1,
    .ImpactHeading2024 h2 {
        font-size: 36px !important;
        line-height: 46px !important;
    }
}

@media screen and (max-width: 640px) {
    .ImpactHeading2024 h1,
    .ImpactHeading h2,
    .TurquoiseQuote p {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .ImpactHeading2024.SmH2 h2,
    .ImpactHeading2024 h3,
    .ImpactHeading2024 h4,
    .WhiteQuote p {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

/**** Main Page Styles ****/

#ImpactHeroBg {
    min-height: 60vh !important;
}

#ImpactHeroBg .HeroCol,
#ImpactHeroBg .fusion-imageframe {
    margin-bottom: 0 !important;
}

#ImpactHeroBg .HeroCol.Col3 img {
    max-width: 75% !important;
}

#NavyTitleBar .fusion-layout-column,
#CEOMessage2024 .fusion-layout-column {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

#CEOMessage2024 .fusion-column-wrapper {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

#CEOMessage2024 h2 {
    margin-bottom: 0 !important;
}

#CEOMessage2024 .fusion-button {
    margin-left: 20px !important;
    margin-bottom: 0 !important;
}

#FeaturedStories2024 .flip-box-inner-wrapper {
    margin-bottom: 0 !important;
}

#FeaturedStories2024 .flip-box-front {
    background-size: contain !important;
}

#FeaturedStories2024 .fusion-flip-boxes .fusion-flip-box-wrapper .fusion-flip-box:after {
    color: var(--Navy) !important;
    display: flex !important;
    justify-content: center !important;
    padding-top: 10px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

#FeaturedStories2024 .fusion-flip-boxes .fusion-flip-box-wrapper .fusion-flip-box:hover:after {
    color: #fff !important;
}

#FeaturedStories2024 .fusion-flip-boxes .fusion-flip-box-wrapper:nth-of-type(1) .fusion-flip-box:after {
    content:"TMS Offers Hope" !important;
}

#FeaturedStories2024 .fusion-flip-boxes .fusion-flip-box-wrapper:nth-of-type(2) .fusion-flip-box:after {
    content:"Multiple Disorders, One Clinician" !important;
}

#FeaturedStories2024 .fusion-flip-boxes .fusion-flip-box-wrapper:nth-of-type(3) .fusion-flip-box:after {
    content:"From Crisis to Stability" !important;
}

#FeaturedStories2024 .flip-box-back-inner h3 {
    font-size: 24px !important;
    line-height: 34px !important;
    color: var(--Navy) !important;
}

#FeaturedStories2024 .flip-box-back-inner p a {
    color: var(--Teal2024) !important;
}

#FeaturedStories2024 .flip-box-back-inner p a:hover {
    color: var(--Orange2024) !important;
}

#WhoWeAre2024 .FinancialsCol {
    border-radius: 25px !important;
}

#WhoWeAre2024 .FinancialsCol .fusion-column-wrapper {
    padding: 30px !important;
}

#WhoWeAre2024 .FinancialsCol .fusion-chart {
    margin-bottom: 30px !important;
}

#AtAGlance2024 .GlanceCol .fusion-column-wrapper {
    align-items: center !important;
    justify-content: center !important;
    background-size: cover !important;
    aspect-ratio: 1 !important;
}

#AtAGlance2024 .GlanceCol .fusion-text {
    max-width: 250px !important;
}

#AtAGlance2024 .GlanceCol .fusion-text p {
    font-size: 16px !important;
    line-height: 22px !important;
    text-align: center !important;
    text-wrap: balance !important;
}

.fusion-text p span.GlanceLrgText {
    font-size: 40px !important;
    line-height: 48px !important;
    font-weight: 900 !important;
}

#WhoWeServe2024 .ClientsCol .fusion-counter-circle-content-inner {
    color: #fff !important;
}

#DemographicsBg .DemsCol {
    background: #fff !important;
    border-radius: 25px !important;
    padding: 45px 30px !important;
    margin-bottom: 15px !important;
}

#DemographicsBg .DemsCol .fusion-column-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-column-gap: 20px !important;
}

#EmployeesBg .LanguageCol .fusion-text p,
#TMSIntroBg .TextCol .fusion-text:not(.TurquoiseQuote) p,
#WISEIntroBg .ReadMoreCol .fusion-text p,
#RockSolidBg .fusion-text:not(.TurquoiseQuote) p {
    color: var(--Navy) !important;
}

#TMSIntroBg,
#SUDIntroBg {
    padding: 0 !important;
}

#TMSIntroBg .ImgCol .fusion-column-wrapper {
    border-radius: 0 50% 50% 0 !important;
}

#TMSIntroBg .ImgCol .fusion-text {
    background-color: var(--Turquoise4) !important;
    width: fit-content !important;
    padding: 30px 30px !important;
    border-radius: 0 25px 25px 0 !important;
    margin-bottom: 200px !important;
}

#TMSIntroBg .ImgCol .fusion-text a {
    text-decoration: none !important;
}

#TMSIntroBg .TextCol .fusion-column-wrapper {
    padding-top: 60px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#TMSIntroBg .TextCol .fusion-button,
#SUDIntroBg .TextCol .fusion-button {
    margin-bottom: 120px !important;
}

#TMSIntroBg .OverlaySepCol,
#SUDIntroBg .OverlaySepCol,
#WISEIntroBg .OverlaySepCol {
    margin-top: -150px !important;
}

#TMSChecklistBg {
    min-height: 400px !important;
}

.TMSChecklist .fusion-li-item {
    align-items: flex-start !important;
    transition: .3s ease-in-out !important;
}

.TMSChecklist .fusion-li-item:hover {
    transform: scale(1.1) !important;
    transition: .3s ease-in-out !important;
}

#TMSChecklistBg .TMSGraphicCol .fusion-imageframe {
    max-width: 250px !important;
    margin-bottom: 30px !important;
}

#TMSChecklistBg .TMSGraphicCol .fusion-button-text {
    text-wrap: balance !important;
}

#TMSQuotesBg .Col1>.fusion-column-wrapper {
    padding-top: 100px !important;
}

#TMSQuotesBg .Col1 .fusion-text {
    background-color: rgba(255, 137, 53, .7) !important;
    padding: 30px !important;
    text-wrap: balance !important;
}

#TMSQuotesBg .Col2 .QuestionCol .fusion-column-wrapper {
    padding: 100px 0 100px 30px !important;
}

#TMSQuotesBg .Col2 .QuoteCol .fusion-column-wrapper {
    background-color: rgba(255, 137, 53, .7) !important;
    padding: 100px 45px !important;
}

#TMSQuotesBg .Col2 .QuoteCol .fusion-text {
    text-wrap: balance !important;
}

#SUDIntroBg .fusion-builder-row {
    justify-content: flex-end !important;
}

#SUDIntroBg .TextCol .fusion-column-wrapper {
    padding-top: 60px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#SUDIntroBg .TextCol h2 {
    text-wrap: balance !important;
}

#SUDIntroBg .ImgCol .fusion-column-wrapper {
    border-radius: 50% 0 0 50% !important;
}

#SUDDetailsBg .IntroCol h3 {
    font-size: 28px !important;
    line-height: 38px !important;
}

#SUDDetailsBg .DetailsCol .fusion-column-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-column-gap: 4% !important;
}

#SUDQuotesBg .Col1 .QuestionCol .fusion-column-wrapper {
    padding: 100px 30px 100px 0 !important;
}

#SUDQuotesBg .Col1 .QuoteCol .fusion-column-wrapper {
    background-color: rgba(49, 178, 179, .7) !important;
    padding: 100px 45px !important;
}

#SUDQuotesBg .Col1 .QuoteCol .fusion-text {
    text-wrap: balance !important;
}

#SUDQuotesBg .Col2>.fusion-column-wrapper {
    padding-top: 100px !important;
}

#SUDQuotesBg .Col2 .fusion-text {
    background-color: rgba(49, 178, 179, .7) !important;
    padding: 30px !important;
    text-wrap: balance !important;
}

#WISEIntroBg .IntroCol .fusion-column-wrapper {
    padding: 45px 30px 0 !important;
}

#WISEIntroBg .IntroCol .fusion-text h4 {
    width: fit-content !important;
    padding: 10px 15px !important;
    background: rgba(0, 0, 0, .7) !important;
    border-radius: 25px !important;
}

#WISEIntroBg .ReadMoreCol .fusion-column-wrapper {
    background-color: var(--Turquoise2) !important;
    padding: 60px 60px 0 !important;
    border-radius: 25px 25px 0 0 !important;
}

#WISEIntroBg .ReadMoreCol .fusion-button {
    margin-bottom: 150px !important;
}

#WISERolesBg .IntroCol .fusion-text p {
    color: var(--LtTeal) !important;
}

#WISERolesBg .TeamCol.Col1 {
    margin-top: -30px !important;
}

#WISERolesBg .TeamCol.Col3 {
    margin-top: -40px !important;
}

#WISERolesBg .TeamCol.Col4 {
    margin-top: 20px !important;
}

#WISERolesBg .TeamCol.Col5 {
    margin-top: -20px !important;
}

#WISERolesBg a.TeamImgLink {
    text-decoration: none !important;
}

#WISERolesBg a.TeamImgLink img {
    border-radius: 50% !important;
}

#WISERolesBg a.TeamImgLink p {
    color: var(--Navy) !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-wrap: balance !important;
}

#WISERolesBg a.TeamImgLink:hover p {
    color: #fff !important;
}

.TeamModal .modal-header {
    padding-top: 60px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    border: none !important;
}

.TeamModal .modal-header button.close {
    color: var(--Navy) !important;
}

.TeamModal h3.modal-title {
    font-size: 26px !important;
    line-height: 36px !important;
    color: var(--Navy);
}

.TeamModal h3:not(.modal-title) {
    font-size: 24px !important;
    line-height: 34px !important;
    color: var(--LtTeal) !important;
}

.TeamModal .modal-body {
    padding: 0 60px !important;
}

.TeamModal .modal-body p {
    color: var(--Navy) !important;
}

.TeamModal .modal-footer {
    padding-left: 60px !important;
    padding-right: 60px !important;
    padding-bottom: 60px !important;
    border: none !important;
}

.TeamModal .modal-footer .fusion-button {
    background: var(--Orange2024) !important;
    border-radius: 30px !important;
}

.TeamModal .modal-footer .fusion-button:hover {
    background: var(--Teal2024) !important;
}

#ImpactFooterBg .Col2.BoardListCol .fusion-column-wrapper {
    background-color: var(--Navy) !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

#ImpactFooterBg .Col2.BoardListCol .fusion-text p {
    color: #fff !important;
}

#ImpactFooterBg .Col3.CrisisCol .fusion-column-wrapper {
    background-color: var(--Turquoise) !important;
    border-radius: 25px !important;
    padding: 30px !important;
}

@media screen and (max-width: 1599px) {
    #TMSChecklistBg {
        background-size: 50% !important;
    }
}

@media screen and (max-width: 1280px) {
    #DemographicsBg .DemsCol .fusion-column-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    #DemographicsBg .DemsCol .Heading1 {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #DemographicsBg .DemsCol .Chart1 {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #DemographicsBg .DemsCol .Legend1 {
        grid-column: 1 !important;
        grid-row: 3 !important;
        margin-bottom: 35px !important;
    }

    #DemographicsBg .DemsCol .Heading2 {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #DemographicsBg .DemsCol .Chart2 {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    #DemographicsBg .DemsCol .Legend2 {
        grid-column: 2 !important;
        grid-row: 3 !important;
        margin-bottom: 35px !important;
    }

    #DemographicsBg .DemsCol .Heading3 {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }

    #DemographicsBg .DemsCol .Chart3 {
        grid-column: 1 !important;
        grid-row: 5 !important;
    }

    #DemographicsBg .DemsCol .Legend3 {
        grid-column: 1 !important;
        grid-row: 6 !important;
    }
}

@media screen and (max-width: 1200px) {
    #TMSChecklistBg {
        background-size: 45% !important;
    }

    #TMSChecklistBg .ChecklistCol {
        width: 40% !important;
    }
}

@media screen and (min-width: 1025px) {
    #TMSIntroBg .ImgCol .fusion-column-wrapper {
        margin-right: 0 !important;
    }

    #SUDIntroBg .ImgCol .fusion-column-wrapper {
        margin-left: 0 !important;
    }

    #TMSIntroBg .TextCol,
    #SUDIntroBg .TextCol {
        max-width: 640px !important;
    }
}

@media screen and (max-width: 1024px) {
    #ImpactHeroBg {
        min-height: 35vh !important;
    }

    #ImpactHeroBg .HeroCol {
        width: 20% !important;
    }

    #WhoWeAre2024 .IntroListCol1 .fusion-text ul {
        margin-bottom: 0 !important;
    }

    #AtAGlance2024 .fusion-builder-row {
        justify-content: center !important;
    }

    #AtAGlance2024 .GlanceCol {
        width: 50% !important;
    }

    #AtAGlance2024 .GlanceCol .fusion-text {
        max-width: 200px !important;
    }

    .fusion-text p span.GlanceLrgText {
        font-size: 36px !important;
        line-height: 44px !important;
    }

    #WhoWeServe2024 .ClientsCol .fusion-counters-circle {
        text-align: left !important;
    }

    #WhoWeServe2024 .ClientsCol .NestedCol1 {
        width: 25% !important;
    }

    #WhoWeServe2024 .ClientsCol .NestedCol2 {
        width: 50% !important;
    }

    #EmployeesBg .EmployeesCol {
        margin-bottom: 35px !important;
    }

    #EmployeesBg .fusion-image-element {
        text-align: left !important;
    }

    #DemographicsBg .DemsCol .fusion-column-wrapper {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    #DemographicsBg .DemsCol .Heading1 {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #DemographicsBg .DemsCol .Chart1 {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #DemographicsBg .DemsCol .Legend1 {
        grid-column: 1 !important;
        grid-row: 3 !important;
        margin-bottom: 35px !important;
    }

    #DemographicsBg .DemsCol .Heading2 {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }

    #DemographicsBg .DemsCol .Chart2 {
        grid-column: 1 !important;
        grid-row: 5 !important;
    }

    #DemographicsBg .DemsCol .Legend2 {
        grid-column: 1 !important;
        grid-row: 6 !important;
        margin-bottom: 35px !important;
    }

    #DemographicsBg .DemsCol .Heading3 {
        grid-column: 1 !important;
        grid-row: 7 !important;
    }

    #DemographicsBg .DemsCol .Chart3 {
        grid-column: 1 !important;
        grid-row: 8 !important;
    }

    #DemographicsBg .DemsCol .Legend3 {
        grid-column: 1 !important;
        grid-row: 9 !important;
    }

    #TMSIntroBg .ImgCol,
    #SUDIntroBg .ImgCol {
        min-height: 500px !important;
    }

    #TMSIntroBg .ImgCol .fusion-column-wrapper {
        justify-content: center !important;
    }

    #TMSIntroBg .ImgCol .fusion-text {
        margin-bottom: 0 !important;
    }

    #TMSIntroBg .TextCol .fusion-column-wrapper,
    #SUDIntroBg .TextCol .fusion-column-wrapper {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    #TMSChecklistBg {
        background-size: 65% !important;
    }

    #TMSChecklistBg .ChecklistCol {
        width: 100% !important;
    }

    #TMSChecklistBg .TMSGraphicCol {
        width: 30% !important;
        margin-bottom: 70px !important;
    }

    #TMSQuotesBg>.fusion-builder-row,
    #SUDQuotesBg .Col1>.fusion-column-wrapper>.fusion-builder-row {
        flex-direction: column-reverse !important;
    }

    #TMSQuotesBg .Col1,
    #SUDQuotesBg .Col2 {
        min-height: 500px !important;
    }

    #TMSQuotesBg .Col1 .fusion-text,
    #SUDQuotesBg .Col2 .fusion-text {
        padding: 45px !important;
        text-align: center !important;
    }

    #TMSQuotesBg .Col2 .QuoteCol .fusion-column-wrapper,
    #TMSQuotesBg .Col2 .QuestionCol .fusion-column-wrapper,
    #SUDQuotesBg .Col1 .QuestionCol .fusion-column-wrapper,
    #SUDQuotesBg .Col1 .QuoteCol .fusion-column-wrapper {
        padding: 45px !important;
    }

    #TMSQuotesBg .Col2 .QuoteCol .fusion-text,
    #SUDQuotesBg .Col1 .QuoteCol .fusion-text {
        text-align: center !important;
    }

    #SUDIntroBg .TextCol .fusion-button {
        margin-bottom: 0 !important;
    }

    #SUDDetailsBg .DetailsCol .fusion-column-wrapper {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    #SUDDetailsBg .DetailsCol .Heading1 {
        grid-row: 1 !important;
    }

    #SUDDetailsBg .DetailsCol .Text1 {
        grid-row: 2 !important;
    }

    #SUDDetailsBg .DetailsCol .Heading2 {
        grid-row: 3 !important;
    }

    #SUDDetailsBg .DetailsCol .Text2 {
        grid-row: 4 !important;
    }

    #SUDDetailsBg .DetailsCol .Heading3 {
        grid-row: 5 !important;
    }

    #SUDDetailsBg .DetailsCol .Text3 {
        grid-row: 6 !important;
    }

    #WISERolesBg .TeamCol.Col1,
    #WISERolesBg .TeamCol.Col3,
    #WISERolesBg .TeamCol.Col4,
    #WISERolesBg .TeamCol.Col5 {
        margin-top: 0 !important;
    }

    #WISERolesBg .TeamCol .fusion-column-wrapper {
        align-items: center !important;
    }

    #WISERolesBg a.TeamImgLink img {
        max-width: 400px !important;
    }

    #RockSolidBg .TextCol.fusion-layout-column {
        max-width: 400px !important;
    }

    #RockSolidBg .TextCol .fusion-column-wrapper {
        background: rgba(255, 255, 255, .6) !important;
        padding: 20px !important;
        border-radius: 25px !important;
    }
}

@media screen and (max-width: 900px) {
    #NavyTitleBar .fusion-column-wrapper {
        align-items: flex-end;
    }

    #NavyTitleBar .fusion-text {
        max-width: 600px !important;
        text-wrap: balance !important;
    }

    #ImpactFooterBg.Footer2024 .Col1,
    #ImpactFooterBg.Footer2024 .Col2 {
        width: 100% !important;
    }
}

@media screen and (max-width: 800px) {
    #ImpactHeroBg .HeroCol {
        display: none !important;
    }

    #CEOMessage2024 .fusion-column-wrapper {
        flex-direction: column !important;
    }

    #CEOMessage2024 .fusion-text h2 {
        margin-bottom: 15px !important;
        text-align: center !important;
        text-wrap: balance !important;
    }

    #FeaturedStories2024 .fusion-flip-box-wrapper {
        width: 100% !important;
        margin-bottom: 35px !important;
    }

    #WhoWeServe2024 .ClientsCol .NestedCol1 {
        width: 35% !important;
    }
}

@media screen and (max-width: 700px) and (min-width: 641px) {
    #AtAGlance2024 .GlanceCol .fusion-imageframe {
        max-width: 100px !important;
    }

    .fusion-text p span.GlanceLrgText {
        font-size: 30px !important;
        line-height: 38px !important;
    }
}

@media screen and (max-width: 640px) {
    #AtAGlance2024 .GlanceCol {
        width: 100% !important;
        max-width: 400px !important;
        justify-content: center !important;
    }

    #WhoWeServe2024 .ClientsCol .NestedCol1,
    #WhoWeServe2024 .ClientsCol .NestedCol2 {
        width: 100% !important;
    }

    #WhoWeServe2024 .ClientsCol .NestedCol1>.fusion-column-wrapper {
        align-items: center !important;
    }

    #WhoWeServe2024 .ClientsCol .NestedCol2 .fusion-text {
        text-align: center !important;
        text-wrap: balance !important;
    }

    #TMSChecklistBg {
        background-image: none !important;
    }

    #TMSChecklistBg .TMSGraphicCol {
        width: 100% !important;
    }

    #TMSQuotesBg .Col1,
    #SUDQuotesBg .Col2 {
        min-height: 450px !important;
    }

    #TMSQuotesBg .Col1 .fusion-text,
    #SUDQuotesBg .Col2 .fusion-text {
        padding: 30px !important;
        text-align: center !important;
    }

    #TMSQuotesBg .Col2 .QuoteCol .fusion-column-wrapper,
    #TMSQuotesBg .Col2 .QuestionCol .fusion-column-wrapper,
    #SUDQuotesBg .Col1 .QuestionCol .fusion-column-wrapper,
    #SUDQuotesBg .Col1 .QuoteCol .fusion-column-wrapper {
        padding: 30px !important;
    }

    .TeamModal .modal-header {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .TeamModal .modal-body {
        padding: 0 30px !important;
    }

    .TeamModal .modal-footer {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 500px) {
    #AtAGlance2024 .fusion-button-text {
        text-wrap: balance !important;
    }
}

@media screen and (max-width: 480px) {
    #TMSQuotesBg .Col1,
    #SUDQuotesBg .Col2 {
        min-height: 400px !important;
    }

    #TMSQuotesBg .Col2 .QuestionCol .fusion-text h2 {
        text-align: right !important;
        color: #fff !important;
    }

    #SUDQuotesBg .Col1 .fusion-column-wrapper {
        background-position: center top !important;
    }

    #SUDQuotesBg .Col1 .QuestionCol .fusion-text h2 {
        text-align: left !important;
    }
}

@media screen and (max-width: 400px) {
    #AtAGlance2024 .GlanceCol .fusion-imageframe {
        max-width: 100px !important;
    }

    .fusion-text p span.GlanceLrgText {
        font-size: 30px !important;
        line-height: 38px !important;
    }
}

/**** Popup Styles ****/

#popmake-30141 .pum-content .fusion-fullwidth,
#popmake-30142 .pum-content .fusion-fullwidth,
#popmake-30146 .pum-content .fusion-fullwidth,
#popmake-30169 .pum-content .fusion-fullwidth {
    padding-top: 100px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
}

#popmake-30142 .fusion-fullwidth .fusion-column-wrapper {
    background-color: #fff !important;
    border-radius: 25px !important;
    padding: 30px 30px 0 !important;
}

#popmake-30142 .fusion-checklist {
    margin-top: 20px !important;
}

#popmake-30142 .ChartTotal.fusion-text p {
    color: #fff !important;
    background-color: var(--Teal2024) !important;
    margin-top: 20px !important;
    padding: 10px 15px !important;
}

.pum-theme-impact-report-2024 .pum-content + .pum-close {
    padding: 13px 29px !important;
    line-height: 12px !important;
    border-radius: 30px !important;
    margin-top: 20px !important;
    margin-right: 20px !important;
}

.pum-theme-impact-report-2024 .pum-content + .pum-close:hover {
    background-color: var(--Teal2024) !important;
}

@media screen and (max-width: 640px) {
    #popmake-30141 .pum-content .fusion-fullwidth,
    #popmake-30142 .pum-content .fusion-fullwidth,
    #popmake-30146 .pum-content .fusion-fullwidth,
    #popmake-30169 .pum-content .fusion-fullwidth {
        padding-top: 80px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/**** SubPage Styles ****/

#TMSStatBg .fusion-column-wrapper {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}

#TMSStatBg .fusion-counter-circle-content-inner {
    color: #fff !important;
}

#TMSStatBg .fusion-text {
    margin-left: 60px !important;
}

.ClientStoryCol .fusion-column-wrapper {
    background-color: var(--Turquoise4) !important;
    padding: 30px !important;
    border-radius: 25px !important;
}

.ClientStoryCol .ClientStoryImg {
    border-radius: 25px !important;
    margin-bottom: 30px !important;
}

.ClientStoryCol h2 {
    font-family: 'Open Sans' !important;
    color: var(--Orange2024) !important;
    font-weight: 600 !important;
}

.ClientStoryCol .ClientStoryText h3 {
    color: var(--LtTeal) !important;
}

.ClientStoryCol .ClientStoryText p {
    color: var(--Navy) !important;
}

#SoberSolutionsBg h4 {
    color: var(--Turquoise4) !important;
}

#WISEStoryIntro .ImgCol .fusion-column-wrapper {
    justify-content: center !important;
    align-items: center !important;
}

#WISEStoryIntro .ImgCol .fusion-text {
    max-width: 300px !important;
    text-wrap: balance !important;
}

#IndicationsBg .ImgCol img {
    width: 100% !important;
}

@media screen and (max-width: 1024px) {
    .ClientStoryCol .ClientStoryImg,
    #SUDStoryIntro .ImgCol .fusion-imageframe {
        max-width: 400px !important;
    }

    #SUDStoryIntro .ImgCol .fusion-column-wrapper {
        align-items: center !important;
    }

    #CODStoryBg {
        padding-top: 0 !important;
    }

    #WISEStoryIntro .ImgCol .fusion-column-wrapper {
        padding: 100px !important;
    }

    #WISEReferralBg .fusion_builder_column_inner {
        width: 50% !important;
    }

    #IndicationsBg .ImgCol .fusion-image-element {
        text-align: left !important;
    }

    #IndicationsBg .ImgCol img {
        max-width: 150px !important;
    }
}

@media screen and (max-width: 640px) {
    #TMSStatBg {
        padding-top: 45px !important;
    }

    #TMSStatBg .fusion-column-wrapper {
        flex-direction: column !important;
    }

    #TMSStatBg .fusion-text {
        margin-left: 0 !important;
    }

    #WISEReferralBg .fusion_builder_column_inner {
        width: 100% !important;
    }

    #WISEReferralBg .fusion_builder_column_inner.NestedCol1 {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .ClientStoryCol .fusion-column-wrapper {
        padding: 15px 15px 0 !important;
    }

    #WISEStoryIntro .ImgCol .fusion-column-wrapper {
        padding: 0 !important;
        background-size: cover !important;
        aspect-ratio: 1 !important;
    }
}

@media screen and (max-width: 400px) {
    #WISEStoryIntro .ImgCol img {
        max-width: 100px !important;
    }
}
