﻿.InteriorTopBanner {
   
    background: #f7931d;
    margin-top: 100px;
}

.InteriorTopBannerBg, .bannerRightColumn {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 600px;
}


.InteriorTopBanner h1 {
    color: #fff;
    font-family: "Aleo",sans-serif;
}

    .InteriorTopBanner h5 {
        color: #00305b;
        margin-top:0px;
    }

    .InteriorTopBanner p {
        color: #fff;
    }

p, .body-content li {
    color: #00305b;
}


.TwoColumns h2, .threeByNineColumns h2, .Partners h2, .FullWidth h2, .Content9Columns h2, .Accordian h2, .threeSixThreeColumns h2, .FourBlocks h2, .twoByThreeColumns h2, .fourByEightColumnsContent h2, .Content7Columns h2, .ContentLogosColumns h2 {
    color: #f7931d;
}

.Partners h2 {
   margin:0px 0px 40px 10px;
}

    .TwoColumns h2:first-child, .threeByNineColumns h2:first-child, .Partners h2:first-child, .FullWidth h2:first-child, .Content9Columns h2:first-child, .Accordian h2:first-child, .threeSixThreeColumns h2:first-child, .FourBlocks h2:first-child, .twoByThreeColumns h2:first-child, .fourByEightColumnsContent h2:first-child, .Content7Columns h2:first-child, .ContentLogosColumns h2:first-child {
        margin-top: 0px;
    }

.TwoColumns h2 {
    margin-top:40px;
}

.TwoColumns .col-sm-8 table {
    width: 100%;
    border: none;
    background: #eef4fb;
    margin: 40px 0px;
}

.TwoColumns .col-sm-8 table td {
    padding: 40px;
    border:none;
}

.TwoColumns .col-sm-8 p:last-child, .threeSixThreeColumns p:last-child, .FourBlocks p:last-child, .ContentLogosColumns p:last-child {
    margin-bottom: 0px !important;
}

.TwoColumns .contentLogo {
    width: 300px;
    height: 300px;
    text-align: center;
    margin: 0px auto;
    display: table;
}

.ThreeBlocksContentImg {
    background-position: center;
    background-size: cover;
    height: 165px;
    transition: all .5s ease;
}

    .ThreeBlocksContentImg:hover {
        filter: brightness(80%);
        transition: all .5s ease;
    }

.ThreeBlocksWrapper, .ThreeColumnNavWrapper {
    background: #eef4fb;
    padding: 40px;
}

    .ThreeBlocksWrapper h3, .ThreeColumnNavWrapper h3 {
        color: #005aaa;
        transition: all .5s ease;
    }

        .ThreeBlocksWrapper h3:hover, .ThreeBlocksWrapper h3 a:hover, .ThreeColumnNavWrapper h3:hover, .ThreeColumnNavWrapper h3 a:hover {
            color: #003d7b;
            text-decoration: none;
            transition: all .5s ease;
        }


    .ThreeBlocksWrapper .fa-solid, .ThreeColumnNavWrapper .fa-solid, .fourByEightColumnsContent .fa-solid {
        color: #f7931d;
    }

.ThreeBlocks .col-sm-4, .ThreeColumnNavWrapper {
    margin-top: 30px;
}

.ThreeBlocks, .ThreeColumnNav {
    margin-top: -30px;
}

.ThreeColumnNavTopMargin {
    margin-top: 0px;
}

.topBorder {
    border-top: solid 2px #0089cf;
    margin: 0px 15px 60px 15px;
}

    .learnMoreLink {
        margin: 20px 0px 0px 0px;
    }

.fourByEightColumns h3:first-child, .threeByNineColumns h3:first-child {
    color: #005aaa;
    margin: 0px;
}

.threeByNineColumns h3 {
    color: #005aaa;
}

.fourByEightColumnsContent p:last-child, .threeByNineColumnsContent p:last-child {
    margin-bottom: 0px;
}

.fourByEightColumnsContent, .threeByNineColumnsContent {
    padding-bottom: 70px;
    padding-top: 0px;
    display: table;
    width: 100%;
}

    .fourByEightColumnsContent .col-sm-4 {
        padding-right:53px;
    }

    .fourByEightColumnsContent img {
        border: solid 1px #808080;
    }

.Partners .col-sm-3:hover, .threeSixThreeColumns .col-sm-3 a:hover {
    opacity: 0.8;
}

.Partners .col-sm-3 {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom:50px;
}

.Partners h5 a {
    color: #005aaa;
    font-weight: 700;
}

.Partners h5 a:hover {
    color: #00305b;
    font-weight: 700;
}

.Partners .PartnersThumbs, .threeSixThreeColumns img, .twoByThreeColumns img {
    border: solid 1px #005aaa;
}

.ProvidersProjectPartners, .GovernmentPartners, .EducationTraining, .ConstituentsPartners {
    margin-top: -80px;
}

.FourBlocksWrapper h2 {
    color: #fff;
    margin-bottom:0px;
}

.FourBlocksWrapper h5 {
    color: #fff;
    font-weight:700;
    margin-top:5px;
}

.TwoColumnsFullWidth {
    background: #00adef;
    margin-bottom:90px;
}

    .TwoColumnsFullWidth h3, .TwoColumnsFullWidth p {
        color:#fff;
    }

    .TwoColumnsFullWidth p {
        margin-bottom:0px;
    }

    .FullWidth .callout-button {
        margin: 40px auto 0px auto;
        display: table;
    }

.FullWidth p:last-child {
    margin-bottom:0px;
}


.Accordian {
    margin-top:20px;
}

    .Accordian h2 {
        margin-bottom:30px;
    }

    .LightBlue {
        background: #00adef;
    }

.Orange {
    background: #f7931d;
}

.Green {
    background: #8cc63e;
}

.AquaGreen {
    background: #00b5ac;
}

.Blue {
    background: #005aaa;
}


.panel-heading {
    padding: 30px 40px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-default {
    border:none;
}

    .panel-default > .panel-heading {
        color: #fff;
        background-color: transparent;
        border-color: transparent;
        border: none;
    }

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: #fff !important;
}

.panel-title p {
    font-size:34px;
    line-height:42px;
    color:#fff;
    font-weight:800;
    margin:0px 80px 0px 0px;
}

.panel-heading .fa-solid {
    right: 35px;
    bottom: 30px;
    position: absolute;
    top: inherit;
}

.panel-title {
    font-size: 40px;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.panel-body p, .panel-body li {
    color:#fff;
    margin-bottom:15px;
    margin-right:80px;
}

.panel-group .panel {
    border-radius: 0px;
    margin-bottom: 15px;
    position: relative;
}

.threeSixThreeColumns .fa-arrow-up-right-from-square {
    color: #f7941d;
}

.threeSixThreeColumns .col-sm-6 h4 {
    color: #005aaa;
    margin-bottom: 10px;
    margin-top: 0px;
}

.Content9Columns h4 {
    color: #005aaa;
    margin-top:20px;
}

.Content9Columns .learnMoreLink {
    margin-bottom:20px;
}

.Content9Columns .learnMoreLink:last-child {
    margin-bottom: 0px;
}

.Content9Columns .fa-arrow-up-right-from-square, .Content7Columns .fa-arrow-up-right-from-square {
    color: #f7941d;
}

    .threeSixThreeColumns .col-sm-6 p strong {
    font-weight: 500;
}

.FourBlocksWrapper h5 {
    color:#fff;
    line-height:30px;
    font-weight:700;
}

.FourBlocksWrapper {
    color: #fff;
    transition: all .5s ease;
    display: table;
    width: 100%;
    text-align: center;
    margin-top:60px;
    padding:30px;
}

.noPadding .FourBlocksWrapper {
    margin-top: 30px;
}

.FourBlocksWrapper a {
    color: #fff;
}

    .FourBlocksWrapper a:hover {
        color: #b9e5fb !important;
        text-decoration: none;
    }

.TwoColumnCarousel p, .TwoColumnCarousel a {
    color:#fff;
}

.FourBlocks .fa-arrow-up-right-from-square {
    color: #f7941d;
    margin-left: 2px;
}

.col-sm-3 .FourBlocksWrapper .fa-arrow-up-right-from-square {
    color: #fff;
    margin-left: 2px;
}

.threeByNineColumnsContent h4 {
    color: #005aaa;
    margin: 0px 0px 20px 0px;
}

.TwoColumns .col-sm-8 h4, .ContentLogosColumns h4, .FullWidth h4 {
    color: #005aaa;
    margin-top:30px;
}

.ContentLogosColumns .fa-regular {
    color: #f7931d;
}

.threeByNineColumnsContent ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
}

.threeByNineColumnsContent li {
  margin-bottom:15px;
}

    .threeByNineColumnsContent li:after {
        content: "\f08e";
        font-family: "Font Awesome 6 Pro";
        margin-right: 5px;
        font-weight: 900;
        color: #f7941d;
        margin-left:5px;
    }

.TwoColumnsFullWidthLeft {
    padding-left: 13% !important;
    padding-right: 140px !important;
}

.TwoColumnsFullWidth img {
    width:100%;
    height:auto;
}

.TwoColumns .col-sm-8 ul {
    margin-bottom:25px;
}


.twoByThreeColumns .col-sm-6 {
    margin-top:20px;
}

    .twoByThreeColumns .col-sm-6 h4 {
        color: #005aaa;
        margin: 0px;
    }

.Content7Columns h4 {
    color: #005aaa;
}


.SmallContactUs a:nth-of-type(1):before {
    content: "\f095";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    font-weight: 400;
    color: #f7941d;
}

.SmallContactUs a:nth-of-type(2):before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    font-weight: 400;
    color: #f7941d;
}

h2.h2Padding {
    padding-top:60px;
}

h2.h2Padding2 {
    padding-top: 40px;
}

h2.h2NoBottomMrg {
    margin-bottom:0px;
}

p.h2NoTopMrg {
    margin-top: 0px;
}

.twoColouredBlocks {
    margin-bottom:90px;
}

.ContentLogosColumns img {
    margin-bottom:50px;
}


.Content9Columns form {
    padding-right:100px;
}

.Content9Columns .fa-regular {
    color: #f7931d;
}

.Content9Columns .fa-brands {
    color: #f7931d;
    font-size: 30px;
    margin-left: 1px;
    transition: all .5s ease;
}

    .Content9Columns .fa-brands:hover {
        color: #f37021;
        transition: all .5s ease;
    }

p.fourBlockP {
    margin:15px 0px 0px 15px;
}

.TwoColumnsFullWidth .bgImg {
        background-size: cover;
    background-position: center center;
}

.TwoColumnsFullWidth p:last-child {
    margin-bottom: 100px;
}


@media (min-width: 1481px) and (max-width: 1600px) {
    .InteriorTopBannerBg, .bannerRightColumn {
        height: 520px;
    }

    .ThreeBlocksContentImg {
        height: 160px;
    }

    .TwoColumnsFullWidthLeft {
        padding-left: 10% !important;
        padding-right: 120px !important;
    }

    .TwoColumnsFullWidth p:last-child {
        margin-bottom: 100px;
    }
    
}

@media (min-width: 1367px) and (max-width: 1480px) {
    .InteriorTopBannerBg, .bannerRightColumn {
        height: 480px;
    }

    .ThreeBlocksContentImg {
        height: 160px;
    }

    .TwoColumnsFullWidthLeft {
        padding-left: 7% !important;
        padding-right: 100px !important;
    }

    .TwoColumns .contentLogo {
        width: 280px;
        height: 280px;
    }

    .TwoColumnsFullWidth p:last-child {
        margin-bottom: 90px;
    }

}

@media (min-width: 1200px) and (max-width: 1366px) {
    .InteriorTopBannerBg, .bannerRightColumn {
        height: 480px;
    }

    .ThreeBlocksContentImg {
        height: 160px;
    }

    .TwoColumnsFullWidthLeft {
        padding-left: 7% !important;
        padding-right: 70px !important;
    }

    .TwoColumns .contentLogo {
        width: 280px;
        height: 280px;
    }

    .panel-title p {
        font-size: 30px;
        line-height: 40px;
    }

    .FourBlocksWrapper h5 {
        font-size:20px;
        line-height: 28px;
    }

    .twoColouredBlocks {
        margin-bottom: 80px;
    }

    .TwoColumnsFullWidth p:last-child {
        margin-bottom: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .InteriorTopBannerBg, .bannerRightColumn {
        height: 440px;
    }

    .ThreeBlocksContentImg {
        height: 160px;
    }

    .TwoColumnsFullWidthLeft {
        padding-left: 6% !important;
        padding-right: 60px !important;
    }

    .TwoColumns .contentLogo {
        width: 200px;
        height: 200px;
    }

    .TwoColumns .col-sm-3 {
        padding-left: 0px;
    }

    .panel-title p {
        font-size: 24px;
        line-height: 30px;
    }

    .FourBlocksWrapper h5 {
        font-size: 18px;
        line-height: 26px;
    }

    .ThreeBlocks .col-sm-4, .ThreeColumnNavWrapper {
        margin-top: 30px;
        min-height: 200px;
    }

    .InteriorTopBanner .bannerRightColumn .cms-content {
        padding-right: 0px;
        margin-left: 0px;
    }

    .InteriorTopBanner .bannerRightColumn {
        padding-right: 2%;
        padding-left: 0px;
        margin-left: -30px;
    }

    .InteriorTopBanner h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .TwoColumnsFullWidth {
        margin-bottom: 80px;
    }

    .twoColouredBlocks {
        margin-bottom: 80px;
    }

    .TwoColumnsFullWidth p:last-child {
        margin-bottom: 80px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .InteriorTopBannerBg, .bannerRightColumn {
        height: 300px;
    }

    .ThreeBlocksContentImg {
        height: 160px;
    }

    .TwoColumnsFullWidthLeft {
        padding-left: 6% !important;
        padding-right: 60px !important;
    }

    .TwoColumns .contentLogo {
        width: 150px;
        height: 150px;
    }

    .Accordian .col-sm-9 {
        width: 100%;
    }

    .FourBlocks .col-sm-3 {
        width:50%;
    }

    .FourBlocks .col-sm-9, .Content9Columns .col-sm-9 {
        width: 100%;
    }

    .blockThumbs11, .blockThumbs14, .blockThumbs10 {
        height: auto !important;
    }

    .twoByThreeColumns .col-sm-7 {
        padding:10px 0px;
    }


    .TwoColumnsFullWidth .col-sm-6 {
        width: 100%;
    }

    .threeSixThreeColumns .col-sm-6 {
        width:75%;
    }

    .fourByEightColumns .col-sm-8 {
        width:100%;
        margin-top:30px;
    }

    .ContentLogosColumns .col-sm-2 {
        display: none;
    }

    .ContentLogosColumns .col-sm-3 {
        margin-top: 30px;
        width:40%;
    }

    .Content9Columns form {
        padding-right: 40px;
    }

    .SmallContactUs .col-sm-8 {
        padding-left:0px;
        margin-top:30px;
    }

    .TwoColumns .col-sm-3 {
        padding-left: 0px;
    }

    .panel-title p {
        font-size: 24px;
        line-height: 30px;
    }

    .FourBlocksWrapper h5 {
        font-size: 18px;
        line-height: 26px;
    }

    .ThreeBlocks .col-sm-4, .ThreeColumnNavWrapper {
        margin-top: 30px;
        min-height: 200px;
    }


    .InteriorTopBanner .bannerRightColumn {
        padding-right: 2%;
        padding-left: 0px;
        margin-left: -30px;
    }

    .InteriorTopBanner h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .TwoColumnsFullWidth {
        margin-bottom: 80px;
    }

    .twoColouredBlocks {
        margin-bottom: 70px;
    }

    .TwoColumnsFullWidth p:last-child {
        margin-bottom: 70px;
    }
}


@media (min-width: 0px) and (max-width: 767px) {

    .InteriorTopBannerBg {
        height: 180px;
    }

    .bannerRightColumn {
        height:100%;
    }

    p.fourBlockP {
        margin: 15px 0px 0px 0px;
    }

    .TwoColumnsFullWidth p:last-child {
        margin-bottom: 0px;
    }

    .TwoColumnsFullWidth .bgImg {
        height: 300px !important;
    }


    .blockThumbs, .blockThumbs6, .blockThumbs7, .blockThumbs8, .blockThumbs11, .blockThumbs14, .blockThumbs15, .blockThumbs16, .blockThumbs17 {
        height: auto !important;
    }

    .InteriorTopBanner h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .InteriorTopBanner h1 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .TwoColumns .col-sm-8, .ThreeBlocks .col-sm-4, .Content9Columns .col-sm-9, .Accordian .col-sm-9 {
        padding: 0px;
    }

        .TwoColumns .col-sm-8 table td {
            padding: 30px;
        }

    .TwoColumnsFullWidthLeft {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    h2.h2Padding2 {
        padding-top: 10px;
    }

    .TwoColumnsFullWidth {
        margin-bottom: 50px;
    }

    .TwoColumns .contentLogo {
        width: 200px;
        height: 200px;
        margin-top:30px;
    }

    .TwoColumns p:last-child {
        margin-bottom:0px;
    }

    .ThreeBlocksContentImg {
        height: 120px;
    }

    .ThreeBlocksWrapper, .ThreeColumnNavWrapper {
        padding: 30px;
    }

    .fourByEightColumnsContent .col-sm-4, .ThreeColumnNav .col-sm-4, .threeByNineColumnsContent .col-sm-8, .threeByNineColumnsContent .col-sm-3, .threeSixThreeColumns .col-sm-9, .threeSixThreeColumns .col-sm-3, .threeSixThreeColumns .col-sm-6, .FourBlocks .col-sm-9, .FourBlocks .col-sm-3, .twoByThreeColumns .col-sm-12, .twoByThreeColumns .col-sm-6, .SmallContactUs .col-sm-6, .Content7Columns .col-sm-7, .FourBlocks .col-sm-12, .FourBlocks .col-sm-4, .FourBlocks .col-sm-6, .ContentLogosColumns .col-sm-7, .Content9Columns .col-sm-3 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .ContentLogosColumns ul {
        padding-left:20px;
    }

    .Content9Columns form {
        padding-right: 0px;
    }

    .ContentLogosColumns .col-sm-3 {
        margin-top:30px;
    }

    .twoColouredBlocks {
        margin-bottom: 50px;
    }

    .twoByThreeColumns .col-sm-7, .SmallContactUs .col-sm-8 {
        padding: 10px 0px 0px 0px;
    }

    h2.h2Padding {
        padding-top: 10px;
    }

    .FourBlocksWrapper {
        margin-top: 30px;
    }

        .FourBlocksWrapper h5 {
            line-height: 26px;
        }

    .threeSixThreeColumns .col-sm-6 h4 {
        margin-top: 20px;
    }

    .banner-callouts h2, .FourBlocks .col-sm-3 h2 {
        font-size: 37px;
        line-height: 37px;
        margin: 0px 0px 0px 0px;
    }

    .fourByEightColumnsContent .col-sm-8 {
        padding-right: 0px;
        padding-left: 0px;
        padding-top:30px;
    }

    .fourByEightColumnsContent, .threeByNineColumnsContent {
        padding-bottom: 40px;
    }

    .threeSixThreeColumns .col-sm-6 p strong {
        margin-top:20px;
        display:table;
    }

    .topBorder {
        border-top: solid 2px #0089cf;
        margin: 0px 0px 40px 0px;
    }

    .Partners .col-sm-3 {
        width:50%;
        float:left;
    }

    .Partners .col-sm-3 {
        padding-right: 5px;
        padding-left: 5px;
        margin-bottom: 20px;
    }

    .Partners .container {
        padding-left:10px;
        padding-right:10px;
    }
        .Partners h2 {
        margin: 40px 0px 30px 5px !important;
        display: table;
    }

    .Partners.sectionPadding {
        padding-top:10px;
    }

    .learnMoreLink {
        margin: 0px 0px 0px 0px;
    }

    .panel-title p {
        font-size: 28px;
        line-height: 36px;
        margin: 0px 60px 0px 0px;
    }

    .panel-heading {
        padding: 25px;
    }

        .panel-heading .fa-solid {
            right: 25px;
            bottom: 25px;
            font-size: 30px;
        }

    .panel-body p, .panel-body li {
        margin-bottom: 15px;
        margin-right: 40px;
    }

    .panel-body ul {
        padding-left:25px;
    }

        }



