/*
@tablet:     ~"only screen and (min-width: 768px)";
@desktop:    ~"only screen and (min-width: 992px)";
@desktopXl:  ~"only screen and (min-width: 1400px)";
@desktop2Xl: ~"only screen and (min-width: 1600px)";
@desktop3Xl: ~"only screen and (min-width: 1800px)";
@mobile:     ~"only screen and (max-width: 782px)";
@notDesktop: ~"only screen and (max-width: 991px)";

@black     : #000000;
@white     : #ffffff;
@blue      : #0065ac;
@darkBlue  : #012169;
@yellow    : #f2bb43;
@green     : #99cb74;
@teal      : #97d5d3;
@red       : #a72527;
*/
@import url(https://use.typekit.net/lwq0mrv.css);
@keyframes float{
    0%{
        transform:translatey(0)
    }
    50%{
        transform:translatey(-10px)
    }
    100%{
        transform:translatey(0)
    }
}
@keyframes float2{
    0%{
        transform:translatey(-10px)
    }
    50%{
        transform:translatey(0)
    }
    100%{
        transform:translatey(-10px)
    }
}
.website-banner{
    background:#0065ac;
    color:#fff;
    position:relative;
    z-index:11
}
.website-banner.blue{
    background:#0065ac
}
.website-banner.yellow{
    background:#f2bb43
}
.website-banner.green{
    background:#99cb74
}
.website-banner.red{
    background:#a72527
}
.website-banner.teal{
    background:#97d5d3
}
.website-banner.green .notice-wrap svg,.website-banner.teal .notice-wrap svg,.website-banner.yellow .notice-wrap svg{
    fill:#012169
}
.website-banner.green .banner-inner h3,.website-banner.teal .banner-inner h3,.website-banner.yellow .banner-inner h3{
    color:#012169
}
.website-banner.green .banner-inner p,.website-banner.teal .banner-inner p,.website-banner.yellow .banner-inner p{
    color:#012169
}
.website-banner.green .banner-inner a,.website-banner.teal .banner-inner a,.website-banner.yellow .banner-inner a{
    color:#012169
}
.website-banner.green .notice-close svg,.website-banner.teal .notice-close svg,.website-banner.yellow .notice-close svg{
    fill:#012169
}
.website-banner.red .notice-wrap svg{
    fill:#fff
}
.website-banner .wrap{
    align-items:center;
    display:flex;
    padding:20px 10px 20px 15px;
    position:relative
}
@media only screen and (min-width:992px){
    .website-banner .wrap{
        padding:25px
    }
}
.website-banner .notice-wrap svg{
    fill:#f2bb43;
    height:auto;
    width:50px
}
.website-banner .banner-inner{
    flex-grow:1;
    padding:0 20px
}
@media only screen and (min-width:992px){
    .website-banner .banner-inner{
        padding:0 40px
    }
}
.website-banner .banner-inner h3{
    color:#fff;
    font-family:myriad-pro,sans-serif;
    font-size:16px!important;
    line-height:1.5;
    margin:0;
    padding:0
}
.website-banner .banner-inner p{
    color:#fff;
    font-family:myriad-pro,sans-serif;
    font-size:14px;
    line-height:20px;
    margin:0;
    padding:0
}
.website-banner .banner-inner a{
    color:#fff;
    font-family:myriad-pro,sans-serif;
    font-size:14px;
    line-height:20px;
    padding-left:10px;
    text-decoration:underline
}
.website-banner .banner-inner a:hover{
    text-decoration:none
}
.website-banner .notice-close{
    background:0 0;
    border:none;
    cursor:pointer;
    padding:10px
}
.website-banner .notice-close svg{
    fill:#fff;
    height:auto;
    width:20px
}
.container-fluid{
    max-width:1920px
}
body.home .container-fluid{
    max-width:none
}
body{
    font-family:myriad-pro,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@media only screen and (max-width:991px){
    body{
        padding-top:60px
    }
}
h1{
    font-weight:700
}
.page-header{
    background:#f1f1f1;
    padding:2.75rem 15px 15px 2.5rem
}
.breadcrumbs{
    font-size:1.125rem;
    padding:.75rem 2.5rem 3rem
}
.breadcrumbs a{
    border:none
}
.breadcrumbs a:hover{
    text-decoration:underline
}
.wrap{
    margin:auto;
    max-width:1140px;
    padding:0 15px
}
.menu-line{
    width:30px;
    height:32px;
    display:inline-block;
    position:relative
}
.menu-line .menu-line-inner{
    background-color:#fff;
    border-radius:2px;
    display:block;
    height:2px;
    position:absolute;
    top:50%;
    transition:transform .2s cubic-bezier(.68,-.55,.265,1.55);
    width:30px
}
.menu-line .menu-line-inner:after,.menu-line .menu-line-inner:before{
    background-color:#fff;
    border-radius:2px;
    content:"";
    display:block;
    height:2px;
    position:absolute;
    width:30px
}
.menu-line .menu-line-inner:before{
    top:8px;
    transition:opacity .2s .2s ease
}
.menu-line .menu-line-inner:after{
    top:16px;
    transition:transform .2s cubic-bezier(.68,-.55,.265,1.55)
}
@media only screen and (max-width:782px){
    #wpadminbar{
        position:fixed
    }
}
.nav-toggle{
    background:0 0;
    border:0;
    cursor:pointer;
    display:none;
    height:60px;
    margin:0;
    outline:0;
    padding:10px;
    position:absolute;
    right:0;
    top:0;
    transition:all .2s ease;
    width:60px;
    z-index:11
}
@media only screen and (max-width:991px){
    .nav-toggle{
        display:block
    }
}
.nav-toggle.toggle-closed{
    background:#0065ac
}
.nav-toggle.toggle-closed .menu-line-inner{
    background-color:#fff;
    transform:translate3d(0,10px,0) rotate(135deg);
    transition-delay:75ms
}
.nav-toggle.toggle-closed .menu-line-inner:before{
    background-color:#fff;
    transition-delay:0s;
    opacity:0
}
.nav-toggle.toggle-closed .menu-line-inner:after{
    background-color:#fff;
    top:20px;
    transform:translate3d(0,-20px,0) rotate(-270deg);
    transition-delay:75ms
}
.nav-toggle .menu-line{
    top:-9px
}
.nav-menu-overlay{
    background:rgba(1,33,105,.9);
    bottom:0;
    display:none;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:8
}
@media only screen and (min-width:992px){
    .nav-menu-overlay{
        display:none!important
    }
}
.hdr{
    background:#012169;
    height:60px;
    left:0;
    min-width:375px;
    position:fixed;
    top:0;
    width:100%;
    z-index:12
}
@media only screen and (min-width:992px){
    .hdr{
        height:110px;
        position:relative!important
    }
}
@media only screen and (max-width:991px){
    body.admin-bar .hdr{
        top:32px
    }
}
@media only screen and (max-width:782px){
    body.admin-bar .hdr{
        top:46px
    }
}
@media only screen and (max-width:991px){
    .hdr.menu-open{
        background:#012169
    }
}
.hdr .wrap{
    display:flex;
    position:relative
}
.hdr .logo-wrap{
    padding-top:2px;
    z-index:10
}
@media only screen and (min-width:992px){
    .hdr .logo-wrap{
        padding-top:12px
    }
}
.hdr .logo-wrap .custom-logo-link{
    float:none;
    background:0 0;
    max-width:none;
    padding:0
}
.hdr .logo-wrap .custom-logo-link:after{
    display:none
}
.hdr .logo-wrap .custom-logo-link img{
    width:170px
}
@media only screen and (min-width:992px){
    .hdr .logo-wrap .custom-logo-link img{
        width:270px
    }
}
.hdr .nav-wrap{
    flex-grow:1;
    position:relative
}
@media only screen and (min-width:992px){
    .hdr .nav-wrap{
        display:block!important;
        padding-top:0
    }
}
@media only screen and (max-width:991px){
    .hdr .nav-wrap{
        background:#0065ac;
        display:none;
        left:0;
        top:60px;
        position:absolute;
        width:100%;
        z-index:10
    }
}
.hdr .nav-primary{
    background:0 0;
    float:none;
    height:auto;
    max-width:none
}
@media only screen and (max-width:991px){
    .hdr .nav-primary{
        display:block
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-primary{
        display:flex;
        justify-content:flex-end;
        margin:55px 0 0 0
    }
}
.hdr .nav-primary>.menu{
    display:flex;
    flex-wrap:wrap;
    position:relative
}
@media only screen and (max-width:991px){
    .hdr .nav-primary>.menu{
        display:block
    }
}
.hdr .nav-primary>.menu li{
    line-height:inherit;
    position:relative
}
@media only screen and (min-width:992px){
    .hdr .nav-primary>.menu li.multi{
        position:static
    }
}
.hdr .nav-primary>.menu li:nth-last-child(-n+3)>.sub-menu{
    left:auto;
    right:0
}
@media only screen and (max-width:991px){
    .hdr .nav-primary>.menu li.ddactive.menu-item-has-children>a,.hdr .nav-primary>.menu li.ddactive>a{
        background:#005c9d
    }
}
@media only screen and (max-width:991px){
    .hdr .nav-primary>.menu li.ddactive.menu-item-has-children>a:after,.hdr .nav-primary>.menu li.ddactive>a:after{
        content:'\f0d8'
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-primary>.menu li.menu-item-has-children.hover>a:before{
        transform:scaleX(1)
    }
}
.hdr .nav-primary>.menu li.menu-item-has-children.hover>a:after{
    content:'\f0d8'
}
.hdr .nav-primary>.menu li.menu-item-has-children>a{
    display:block;
    padding-right:68px;
    position:relative
}
@media only screen and (min-width:992px){
    .hdr .nav-primary>.menu li.menu-item-has-children>a{
        padding-right:18px
    }
}
.hdr .nav-primary>.menu li.menu-item-has-children>a:after{
    color:#f2bb43;
    content:'\f0d7';
    font-family:"Font Awesome 6 Pro";
    font-size:16px;
    font-weight:900;
    margin-top:-13px;
    position:absolute;
    right:26px;
    top:50%;
    transition:all .5s ease-out
}
@media only screen and (min-width:992px){
    .hdr .nav-primary>.menu li.menu-item-has-children>a:after{
        color:#f2bb43;
        font-size:9px;
        right:8px
    }
}
.hdr .nav-primary>.menu li .submenu-btn{
    border:none;
    background:0 0;
    height:40px;
    width:40px;
    position:absolute;
    top:5px;
    right:12px
}
@media only screen and (min-width:992px){
    .hdr .nav-primary>.menu li .submenu-btn{
        display:none
    }
}
.hdr .nav-primary>.menu li .submenu-btn span{
    color:#fff
}
.hdr .nav-primary>.menu li>a{
    border-bottom:1px solid #005c9d;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    color:#fff;
    display:block;
    padding:10px;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:23px;
    font-weight:600;
    line-height:26px;
    overflow:hidden;
    padding:10px 25px 10px 20px;
    position:relative;
    text-decoration:none;
    transform:perspective(1px) translateZ(0);
    transition:all .2s ease-out;
    vertical-align:middle
}
@media only screen and (min-width:992px){
    .hdr .nav-primary>.menu li>a{
        border-bottom:none;
        padding:8px 14px
    }
}
.hdr .nav-primary>.menu li>a:before{
    background:#0065ac;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    transform-origin:0 50%;
    transform:scaleX(0);
    transition:transform .2s ease-out;
    z-index:-1
}
@media only screen and (max-width:991px){
    .hdr .nav-primary>.menu li>a:hover{
        border-left-color:transparent
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-primary>.menu li>a:hover:before{
        transform:scaleX(1)
    }
}
@media only screen and (max-width:991px){
    .hdr .nav-primary .menu li.ddactive,.hdr .nav-primary .menu li.ddactive.menu-item-has-children{
        background:#005693
    }
}
@media only screen and (max-width:991px){
    .hdr .nav-primary .menu li.ddactive li.ddactive.menu-item-has-children>a,.hdr .nav-primary .menu li.ddactive li.ddactive>a,.hdr .nav-primary .menu li.ddactive.menu-item-has-children li.ddactive.menu-item-has-children>a,.hdr .nav-primary .menu li.ddactive.menu-item-has-children li.ddactive>a{
        background:#005693
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .menu .menu .menu-item-has-children>a:after{
        display:none
    }
}
.hdr .nav-primary .menu .menu .sub-menu li.menu-item-has-children>a:after{
    display:none
}
.hdr .nav-primary .menu .menu .sub-menu .submenu-btn{
    display:none
}
.hdr .nav-primary .menu .menu .sub-menu .sub-menu{
    display:block
}
@media only screen and (max-width:991px){
    .hdr .nav-primary .sub-menu .sub-menu{
        background:#005693
    }
}
.hdr .nav-primary .sub-menu{
    background:#0065ac;
    display:none;
    position:relative
}
@media only screen and (max-width:991px){
    .hdr .nav-primary .sub-menu{
        background:#005c9d
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .sub-menu{
        left:0;
        position:absolute;
        width:300px;
        z-index:2
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .sub-menu.col-2{
        width:100%
    }
}
@media only screen and (max-width:991px){
    .hdr .nav-primary .sub-menu.ddopen{
        display:block!important
    }
}
.hdr .nav-primary .sub-menu .sub-menu-inner-wrap{
    padding-bottom:15px
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .sub-menu .sub-menu-inner-wrap{
        display:flex;
        padding:8px 0
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .sub-menu .col{
        flex-grow:1;
        width:260px;
        padding:12px 20px
    }
}
.hdr .nav-primary .sub-menu .col:first-child{
    border-left:none
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .sub-menu .col:nth-child(2){
        width:300px
    }
}
.hdr .nav-primary .sub-menu .col ul{
    margin:0;
    padding:0
}
@media only screen and (max-width:991px){
    .hdr .nav-primary .sub-menu .col ul a{
        padding-left:32px
    }
}
.hdr .nav-primary .sub-menu .col ul ul a{
    padding-left:42px;
    padding-top:6px;
    padding-bottom:6px
}
.hdr .nav-primary .sub-menu .col ul ul ul a{
    font-size:17px!important;
    line-height:22px;
    padding-left:52px
}
.hdr .nav-primary .sub-menu a{
    color:#fff;
    border-left:3px solid transparent;
    border-radius:0!important;
    display:block;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:20px!important;
    font-weight:600;
    line-height:26px;
    padding:8px;
    text-decoration:none;
    transition:all .2s ease
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .sub-menu a{
        margin:0
    }
}
.hdr .nav-primary .sub-menu a:hover{
    border-left-color:#f2bb43
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .sub-menu a:hover:before{
        right:0
    }
}
.hdr .nav-primary .sub-menu .callout-wrap{
    background:#0062a7;
    margin:8px 25px;
    padding:25px
}
@media only screen and (min-width:992px){
    .hdr .nav-primary .sub-menu .callout-wrap{
        background:0 0;
        margin:0;
        padding:0
    }
}
.hdr .nav-primary .sub-menu .img-wrap img{
    border-left:3px solid #f2bb43;
    display:block;
    height:auto;
    max-width:360px;
    width:100%
}
.hdr .nav-primary .sub-menu .callout-title{
    color:#fff;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:22px;
    font-weight:700;
    margin:7px 0 0 0
}
.hdr .nav-primary .sub-menu .description-wrap p{
    color:#fff;
    font-family:myriad-pro,sans-serif!important;
    font-size:15px!important;
    line-height:24px;
    margin:0 0 5px 0
}
.hdr .nav-primary .sub-menu .cta{
    border:none;
    color:#fff;
    display:inline-block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:17px!important;
    font-weight:600;
    line-height:24px;
    margin:0;
    padding:5px 10px 5px 18px;
    position:relative;
    transition:all .2s ease
}
.hdr .nav-primary .sub-menu .cta:before{
    color:#f2bb43;
    content:'\f0da';
    font-family:"Font Awesome 6 Pro";
    font-size:15px;
    font-weight:900;
    position:absolute;
    left:1px;
    text-align:center;
    transition:all .2s ease
}
.hdr .nav-primary .sub-menu .cta:focus,.hdr .nav-primary .sub-menu .cta:hover{
    border:none;
    color:#fff;
    text-decoration:underline
}
.hdr .nav-primary .sub-menu .cta:focus:before,.hdr .nav-primary .sub-menu .cta:hover:before{
    color:#fff;
    left:3px;
    right:auto
}
.hdr .nav-secondary{
    background:#0065ac;
    display:block;
    position:relative
}
@media only screen and (min-width:992px){
    .hdr .nav-secondary{
        align-items:center;
        background:0 0;
        display:flex;
        padding-bottom:0;
        position:absolute;
        right:20px;
        top:8px
    }
}
.hdr .nav-secondary .wrap{
    display:block;
    padding:0
}
@media only screen and (min-width:992px){
    .hdr .nav-secondary .wrap{
        align-items:center;
        display:flex;
        justify-content:flex-end;
        line-height:18px;
        padding-top:5px;
        position:relative
    }
}
.hdr .nav-secondary .menu{
    display:flex;
    justify-content:flex-end
}
@media only screen and (max-width:991px){
    .hdr .nav-secondary .menu{
        display:block
    }
}
.hdr .nav-secondary .menu li.covid a{
    padding-left:20px
}
.hdr .nav-secondary .menu li.covid a:after{
    content:'\e4a8'
}
.hdr .nav-secondary .menu li a{
    color:#fff;
    display:block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:18px;
    padding:10px 20px 10px 20px;
    position:relative;
    text-decoration:none;
    transition:all .2s ease
}
@media only screen and (min-width:992px){
    .hdr .nav-secondary .menu li a{
        font-size:18px;
        font-weight:400;
        padding:4px 10px;
        transform:perspective(1px) translateZ(0);
        transition:all .2s ease
    }
}
.hdr .nav-secondary .menu li a:after{
    color:#f2bb43;
    display:block;
    font-family:"Font Awesome 6 Pro";
    font-size:12px;
    font-weight:900;
    left:3px;
    margin-top:-14px;
    position:absolute;
    top:50%;
    transition:all .2s ease
}
@media only screen and (max-width:991px){
    .hdr .nav-secondary .menu li a:after{
        left:auto;
        right:26px
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-secondary .menu li a:focus,.hdr .nav-secondary .menu li a:hover{
        background:#012b87;
        text-decoration:none
    }
}
@media only screen and (min-width:992px){
    .hdr .nav-secondary .search-select-wrap{
        display:flex;
        flex-direction:row-reverse
    }
}
.hdr .nav-secondary .searchbox{
    background:#005c9d;
    float:none;
    padding:20px;
    border-radius:0;
    width:auto
}
@media only screen and (min-width:992px){
    .hdr .nav-secondary .searchbox{
        border:1px solid #0065ac;
        border-radius:5px;
        color:#012169;
        margin:0 15px 0 10px;
        overflow:hidden;
        padding:0;
        width:160px
    }
}
.hdr .nav-secondary .searchbox form.gsc-search-box{
    margin:0
}
.hdr .nav-secondary .searchbox table.gsc-search-box{
    margin:0
}
.hdr .nav-secondary .searchbox .gsc-input{
    padding:0
}
.hdr .nav-secondary .searchbox .gsc-input .gsc-input-box{
    background:0 0;
    border:none
}
.hdr .nav-secondary .searchbox .gsc-input .gsc-input-box td{
    background:#fff;
    border-radius:5px
}
.hdr .nav-secondary .searchbox .gsc-input input{
    background-image:none!important;
    border:none!important;
    border-right-color:#fff!important;
    color:#012169!important;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:18px;
    height:30px!important;
    margin:0!important;
    padding:5px!important
}
.hdr .nav-secondary .searchbox .gsc-search-button-v2{
    background:#fff!important;
    border:none!important;
    height:30px!important
}
.hdr .nav-secondary .searchbox .gsc-search-button-v2 svg{
    fill:#012169
}
.gsc-search-button .gsc-search-button-v2 focus{
	/* ensure high-contrast mode still has an indicator */
outline: 2px transparent solid;

/* Apply a thick yellow box-shadow with 
   a thin dark blue indicator in the middle */
box-shadow: 0 0 0 2px #F9F9D1, 0 0 0 4px #396196, 0 0 4px 8px #F9F9D1;
}
.hdr .nav-secondary .select-wrap{
    border-radius:5px;
    overflow:hidden;
    padding:10px 20px 15px 20px
}
@media only screen and (min-width:992px){
    .hdr .nav-secondary .select-wrap{
        padding:0
    }
}
.hdr .nav-secondary .select-wrap select{
    border:1px solid #0065ac;
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:18px;
    font-weight: 800;
    height:32px;
    padding:0 5px
}
.hdr ol,.hdr ul{
    list-style-type:none;
    margin:0;
    padding:0
}

body.page-template-page-marklan iframe {
     background: #0065ac;
}
.featured-image-and-title{
    background-color:#252c41;
    margin-bottom: 30px;
    overflow:hidden;
    position:relative
}
.featured-image-and-title.no-image{
    background-color:#fff;
    display:block;
    padding: 20px 0px;
}
@media only screen and (min-width:980px){
    .featured-image-and-title.no-image .inner-wrap{
        padding:25px 0 0 0
    }
}
.featured-image-and-title .bgimg-wrap{
    width:100%
}
.featured-image-and-title.featured-image-small .bgimg{
    height:34vw
}
@media only screen and (min-width:768px){
    .featured-image-and-title.featured-image-small .bgimg{
        height:24vw
    }
}
@media only screen and (min-width:980px){
    .featured-image-and-title.featured-image-small .bgimg{
        height:16vw
    }
}
@media only screen and (min-width:1400px){
    .featured-image-and-title.featured-image-small .bgimg{
        height:14vw
    }
}
@media only screen and (min-width:1600px){
    .featured-image-and-title.featured-image-small .bgimg{
        height:12vw
    }
}
.featured-image-and-title .bgimg{
    background-color:#252c41;
    background-size:cover;
    background-position:bottom;
    height:48vw;
    position:relative
}
@media only screen and (min-width:768px){
    .featured-image-and-title .bgimg{
        height:38vw
    }
}
@media only screen and (min-width:980px){
    .featured-image-and-title .bgimg{
        height:30vw
    }
}
@media only screen and (min-width:1400px){
    .featured-image-and-title .bgimg{
        height:24vw
    }
}
@media only screen and (min-width:1600px){
    .featured-image-and-title .bgimg{
        height:22vw
    }
}
.featured-image-and-title .wrap{
    align-items: center;
    background: #012169;
    background: rgba(1, 33, 105, .8);
    display: flex;
    margin: 0px;
    max-width: none;
    padding: 0px;
    position:absolute;
    top: 20px;
    width: 100%;
    z-index: 5;
}
@media only screen and (max-width:991px){
    .featured-image-and-title .wrap{
        display: block;
        padding-bottom: 5px;
    }
}
@media only screen and (max-width:782px){
    .featured-image-and-title .wrap{
        position: relative;
        top: auto;
    }
}
.featured-image-and-title.no-image .wrap {
    background: rgba(1, 33, 105, 1);
    position: relative;
    top: auto;
}
.featured-image-and-title .tagline{
    color: #f2bb43;
    font-size: 22px;
    font-weight: 500;
    align-items: flex-end;
    padding-right: 25px;
}
@media only screen and (max-width:991px){
    .featured-image-and-title .tagline{
        font-size: 16px;
        padding: 0px 0px 0px 10px;
    }
}

.featured-image-and-title .cta{
    color: #f2bb43;
    font-size: 22px;
    font-weight: 500;
    margin-left: 10px;
}
@media only screen and (max-width:991px){
    .featured-image-and-title .cta{
        font-size: 16px;
    }
}
.featured-image-and-title .cta:hover{
    color: #ffffff;
}
.featured-image-and-title .cta:hover:before{
    color: #ffffff;
}

.featured-image-and-title .tagline .line1 {
    color: #ffffff;
}
body.page-template-page-marklan{
    padding-top:0px;
}
.hdr-marketing{
    background:#fff;
    height:auto;
    position: static;
}
.hdr-marketing .logo-wrap{
    flex-grow: 1;
    margin-left: 170px;
    padding: 10px 0px 15px 0px;
}
@media only screen and (max-width:991px){
    .hdr-marketing .logo-wrap{
        margin-left: 10px;
        padding: 5px 0px 0px 0px;
    }
}

.hdr-marketing .logo-wrap .custom-logo-link img {
    width: 220px;
}

.hdr-marketing .circle {
    align-items: center;
    background:#f2bb43;
    border-radius:50%;
    border:3px solid #fff;
    color:#012169;
    display:flex;
    flex-wrap:wrap;
    font-family: myriad-pro-condensed, sans-serif;
    font-size: 30px;
    font-weight: 700;
    height:110px;
    justify-content: center;
    left: 25px;
    line-height: 26px;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
    width:110px;
}
@media only screen and (max-width:991px){
    .hdr-marketing .circle {
        display: none;
    }
}

.hdr-marketing .circle div{
    display: block;
    text-align: center;
}
@media only screen and (max-width:991px){
    .hdr-marketing.menu-open{
        background:#fff
    }
}

#subnav{
    display:none;
    margin:0;
    padding:0
}
@media only screen and (min-width:992px){
    #subnav{
        display:block
    }
}
#subnav>li:first-child{
    background:#fff!important;
    padding:0;
    text-transform:none
}
#subnav>li:first-child>a{
    background:#fff!important;
    color:#000!important;
    border-bottom:3px solid #0065ac!important;
    display:block;
    padding:10px
}
#subnav>li:first-child>a:hover{
    border-color:#0065ac!important;
    color:#000!important;
    text-decoration:none
}
#subnav .sub-menu{
    margin:0;
    padding:0
}
#subnav .menu-item{
    margin:0;
    padding:0
}
#subnav .menu-item.current-menu-ancestor,#subnav .menu-item.current_page_ancestor{
    background:#f3f3f3
}
#subnav .menu-item.current-menu-item,#subnav .menu-item.current_page_item{
    background:#f3f3f3
}
#subnav .menu-item.current-menu-item>a,#subnav .menu-item.current_page_item>a{
    background:#0065ac
}
#subnav .menu-item.current-menu-item>a:hover,#subnav .menu-item.current_page_item>a:hover{
    color:#fff
}
#subnav .menu-item a{
    border:none;
    font-size:20px;
    line-height:24px;
    margin:0;
    padding:12px;
    display:block;
    transition:all .3s ease
}
#subnav .menu-item a:hover{
    border:none;
    color:#000;
    text-decoration:underline
}
#subnav .menu-item .sub-menu a{
    font-size:19px;
    padding-left:15px
}
#subnav .menu-item .sub-menu .sub-menu a{
    padding-left:30px
}
#subnav .menu-item .sub-menu .sub-menu .sub-menu a{
    padding-left:45px
}
.ftr-callouts-wrap{
    background:#f1f1f1
}
.ftr-callouts-wrap .ftr-callouts{
    display:flex;
    justify-content:center
}
.ftr-callouts-wrap .ftr-callouts a:hover .icon-wrap{
    transform:rotate(-5deg)
}
.ftr-callouts-wrap .ftr-callouts a:hover h3:before{
    margin-left:-30px;
    width:60px
}
.ftr-callouts-wrap .ftr-callouts .callout{
    text-align:center;
    padding:35px 15px;
    width:220px
}
.ftr-callouts-wrap .ftr-callouts .callout .icon-wrap{
    margin:auto;
    width:65px;
    transition:all .2s ease
}
.ftr-callouts-wrap .ftr-callouts .callout .icon-wrap img{
    height:auto;
    width:65px
}
.ftr-callouts-wrap .ftr-callouts .callout h3{
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:20px!important;
    padding-top:20px;
    position:relative;
    text-transform:uppercase
}
.ftr-callouts-wrap .ftr-callouts .callout h3:before{
    background:#f2bb43;
    content:'';
    height:5px;
    left:50%;
    margin-left:-15px;
    position:absolute;
    top:9px;
    transition:all .2s ease;
    width:30px
}
.ftr{
    background-color:#012169;
    border-top:12px solid #f2bb43;
    color:#fff;
    padding:30px 0 70px 0;
    position:relative
}

@media only screen and (min-width:992px){
    .ftr{
        background-image:url(img/dot-matrix1.svg);
        background-position:top left;
        background-repeat:no-repeat
    }
}
@media only screen and (min-width:992px){
    .ftr:after{
        background-image:url(img/dot-matrix2.svg);
        background-position:bottom right;
        background-repeat:no-repeat;
        content:"";
        position:absolute;
        top:0;
        right:0;
        width:491px;
        height:100%
    }
}
.ftr.ftr-marketing {
    padding:30px 0 70px 0;
}
@media only screen and (min-width:480px){
    .ftr.ftr-marketing {
        padding: 30px 0px;
    }
}
.ftr .wrap{
    position:relative;
    z-index:2
}
@media only screen and (min-width:992px){
    .ftr .ftr-col-wrap{
        display:flex
    }
}
@media only screen and (min-width:992px){
    .ftr .ftr-col-wrap .ftr-col1{
        width:38%
    }
}
.ftr .ftr-col-wrap .ftr-col2{
    padding-top:15px
}
@media only screen and (min-width:992px){
    .ftr .ftr-col-wrap .ftr-col2{
        padding-top:17px;
        width:26%
    }
}
.ftr .ftr-col-wrap .ftr-col3{
    padding-top:20px;
    position:relative;
    text-align:center
}
@media only screen and (min-width:992px){
    .ftr .ftr-col-wrap .ftr-col3{
        padding-top:17px;
        text-align:left;
        width:18%
    }
}
@media only screen and (max-width:991px){
    .ftr .ftr-col-wrap .ftr-col3:before{
        content:"";
        background:#f2bb43;
        width:50px;
        height:3px;
        position:absolute;
        top:0;
        left:50%;
        margin-left:-25px
    }
}
.ftr .ftr-col-wrap .ftr-col4{
    margin-top:15px;
    padding-top:20px;
    position:relative;
    text-align:center
}
@media only screen and (min-width:992px){
    .ftr .ftr-col-wrap .ftr-col4{
        margin-top:0;
        padding-top:17px;
        text-align:left;
        width:18%
    }
}
@media only screen and (max-width:991px){
    .ftr .ftr-col-wrap .ftr-col4:before{
        content:"";
        background:#f2bb43;
        width:50px;
        height:3px;
        position:absolute;
        top:0;
        left:50%;
        margin-left:-25px
    }
}
.ftr .ftr-col-wrap strong{
    color:#fff;
    font-family:myriad-pro,sans-serif;
    font-size:19px;
    line-height:28px
}
.ftr .ftr-logo-description-wrap{
    text-align:center;
    width:100%
}
@media only screen and (min-width:992px){
    .ftr .ftr-logo-description-wrap{
        text-align:left
    }
}
.ftr .ftr-logo-wrap a{
    display:block;
    line-height:10px;
    margin:auto
}
.ftr .ftr-logo-wrap img{
    display:block;
    height:auto;
    margin:auto;
    max-width:200px;
    width:100%
}
@media only screen and (min-width:992px){
    .ftr .ftr-logo-wrap img{
        display:inline-block;
        max-width:270px
    }
}
.ftr .description-wrap p{
    color:#fff;
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    line-height:24px;
    margin:0 0 20px 0
}
.ftr .description-wrap p strong{
    font-size:19px;
    line-height:28px
}
.ftr .description-wrap a{
    color:#fff;
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    margin-left:-12px;
    max-width:170px;
    padding:5px 12px 5px 22px;
    position:relative;
    text-decoration:none;
    transition:all .3s ease
}
@media only screen and (min-width:992px){
    .ftr .description-wrap a{
        display:block
    }
}
.ftr .description-wrap a:before{
    content:"\f0da";
    font-family:"Font Awesome 6 Pro";
    font-size:12px;
    font-weight:900;
    left:10px;
    position:absolute;
    top:4px
}
@media only screen and (min-width:992px){
    .ftr .description-wrap a:before{
        top:6px
    }
}
.ftr .description-wrap a:focus,.ftr .description-wrap a:hover{
    background:#012b87;
    text-decoration:none
}
.ftr .nav{
    width:100%
}
.ftr .nav-footer .menu{
    list-style-type:none;
    margin:0;
    padding:0
}
.ftr .nav-footer li{
    line-height:inherit
}
@media only screen and (min-width:992px){
    .ftr .nav-footer li{
        padding-right:20px
    }
}
.ftr .nav-footer a{
    color:#fff;
    display:block;
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    padding:5px 12px;
    position:relative;
    text-decoration:none;
    transition:all .3s ease
}
@media only screen and (min-width:992px){
    .ftr .nav-footer a{
        margin-left:-12px
    }
}
.ftr .nav-footer a:focus,.ftr .nav-footer a:hover{
    background:#012b87;
    text-decoration:none
}
.ftr .nav-social{
    padding-top:30px
}
.ftr .nav-social .menu{
    display:flex;
    justify-content:center;
    list-style-type:none;
    margin:0;
    padding:0
}
.ftr .nav-social a{
    color:#fff;
    display:flex;
    padding:10px;
    position:relative;
    transition:all .3s ease
}
.ftr .nav-social a:focus,.ftr .nav-social a:hover{
    background:#012b87;
    text-decoration:none
}
.ftr .nav-social a svg{
    fill:#fff;
    height:22px;
    width:22px;
    transition:all .2s ease
}
.ftr .nav-copyright .menu{
    display:flex;
    justify-content:center;
    list-style-type:none;
    margin:0;
    padding:0
}
.ftr .nav-copyright a{
    color:#fff;
    display:inline-block;
    font-family:myriad-pro,sans-serif;
    font-size:14px;
    line-height:18px;
    padding:4px 10px;
    position:relative;
    text-decoration:underline
}
.ftr .nav-copyright a:focus,.ftr .nav-copyright a:hover{
    text-decoration:none
}
.ftr .copyright{
    font-family:myriad-pro,sans-serif;
    font-size:11px;
    line-height:16px;
    padding-top:2px;
    text-align:center
}
@media only screen and (min-width:992px){
    .ftr .copyright{
        font-size:14px;
        line-height:18px
    }
}
.hero-with-3-callouts .hero-with-3-callouts-inner{
    border-bottom:110px solid #012169;
    overflow:hidden;
    position:relative
}
@media only screen and (min-width:992px){
    .hero-with-3-callouts .hero-with-3-callouts-inner{
        border-bottom-size:126px
    }
}
@media only screen and (min-width:768px){
    .hero-with-3-callouts .hero-with-3-callouts-inner:before{
        content:'';
        display:block;
        width:100%
    }
}
@media only screen and (min-width:768px){
    .hero-with-3-callouts .hero-with-3-callouts-inner.media3x2{
        padding-top:66.66%
    }
}
@media only screen and (min-width:768px){
    .hero-with-3-callouts .hero-with-3-callouts-inner.media4x3{
        padding-top:75%
    }
}
@media only screen and (min-width:768px){
    .hero-with-3-callouts .hero-with-3-callouts-inner.media16x9{
        padding-top:56.25%
    }
}
@media only screen and (min-width:768px){
    .hero-with-3-callouts .hero-with-3-callouts-inner.media21x9{
        padding-top:38.85%
    }
}
@media only screen and (min-width:1600px){
    .hero-with-3-callouts .hero-with-3-callouts-inner.media21x9{
        padding-top:34%;
        padding-top:30%
    }
}
@media only screen and (min-width:1800px){
    .hero-with-3-callouts .hero-with-3-callouts-inner.media21x9{
        padding-top:30%;
        padding-top:26%
    }
}
.hero-with-3-callouts .hero-with-3-callouts-inner .media-wrap{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
@media only screen and (min-width:768px){
    .hero-with-3-callouts .hero-with-3-callouts-inner .media-wrap{
        bottom:0;
        left:0;
        position:absolute;
        right:0;
        top:0
    }
}
@supports (object-fit:cover){
    .hero-with-3-callouts .hero-with-3-callouts-inner .media-wrap img,.hero-with-3-callouts .hero-with-3-callouts-inner .media-wrap video{
        display:block;
        height:100%!important;
        object-fit:cover;
        width:100%!important
    }
}
.hero-with-3-callouts .hero-with-3-callouts-inner .wrap{
    position:relative
}
.hero-with-3-callouts .hero-with-3-callouts-inner .wrap.hero-wrap{
    background:#012169
}
.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap{
    position:relative
}
@media only screen and (min-width:768px){
    .hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap{
        bottom:50px;
        left:15px;
        position:absolute
    }
}
.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h1,.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h2{
    margin:0;
    padding-top:25px
}
@media only screen and (min-width:992px){
    .hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h1,.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h2{
        padding-top:0;
        text-transform:uppercase
    }
}
.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h1 .line1,.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h2 .line1{
    background:#012169;
    border-left:8px solid #f2bb43;
    color:#fff;
    display:inline-block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:28px;
    line-height:36px;
    padding:2px 20px
}
@media only screen and (min-width:992px){
    .hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h1 .line1,.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h2 .line1{
        font-size:42px;
        line-height:50px;
        margin-left:40px
    }
}
.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h1 .line2,.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h2 .line2{
    background:#012169;
    border-left:8px solid #f2bb43;
    color:#f2bb43;
    display:inline-block;
    font-size:40px;
    line-height:46px;
    padding:6px 20px 10px 20px
}
@media only screen and (min-width:992px){
    .hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h1 .line2,.hero-with-3-callouts .hero-with-3-callouts-inner .content-wrap h2 .line2{
        font-size:64px;
        line-height:70px
    }
}
.hero-with-media-sidebar .wrap{
    display:grid;
    grid-gap:10px;
    grid-template-columns:2fr 1fr
}
.hero-with-media-sidebar .wrap .hero-media-content .video-container{
    grid-column:1/2;
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%
}
.hero-with-media-sidebar .wrap .hero-media-content .video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.hero-with-media-sidebar .wrap .hero-media-content .img-wrap img {
    height: auto;
    width: 100%;
}
.hero-with-media-sidebar .wrap .hero-media-content .photo-container{
    display:grid;
    grid-gap:20px;
    grid-template-columns:1fr 1fr
}
.hero-with-media-sidebar .wrap .hero-media-content .photo-container img{
    width:100%
}
@media only screen and (min-width:992px){
    .hero-with-media-sidebar .wrap .hero-sidebar{
        padding:0 0 0 1em
    }
}
.hero-with-media-sidebar .wrap .hero-sidebar p{
    font-size:16px;
    line-height:24px
}
.hero-with-media-sidebar .wrap .hero-sidebar .sidebar_callout{
    background-color:#0065ac;
    color:#012169;
    padding:1em
}
.hero-with-media-sidebar .wrap .hero-sidebar .sidebar_callout h2{
    color: #ffffff;
    font-size:30px
}
.hero-with-media-sidebar .wrap .hero-sidebar .sidebar_callout a:hover{
    background:0 0
}
@media only screen and (max-width:991px){
    .hero-with-media-sidebar .wrap{
        grid-template-columns:1fr
    }
}
.hero-multiple-callout{
    margin-top:-80px;
    position:relative
}
@media only screen and (min-width:768px){
    .hero-multiple-callout .callout-inner{
        display:flex;
        flex-wrap:wrap
    }
}
.hero-multiple-callout .callout{
    display:flex;
    flex-direction:column;
    margin-bottom:25px;
    width:100%
}
.hero-multiple-callout .img-wrap{
    min-height:1px
}
.hero-multiple-callout .img-wrap img{
    border-left:8px solid #f2bb43;
    display:block;
    height:auto;
    width:100%
}
.hero-multiple-callout .content{
    flex-grow:1;
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    padding:10px
}
.hero-multiple-callout h2{
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:24px!important;
    line-height:30px
}
.hero-multiple-callout .link-wrap{
    padding:0 10px
}
@media only screen and (min-width:768px){
    .hero-multiple-callout.col-2 .callout{
        margin-left:2%;
        width:49%
    }
    .hero-multiple-callout.col-2 .callout:nth-child(odd){
        margin-left:0
    }
}
@media only screen and (min-width:768px){
    .hero-multiple-callout.col-3 .callout{
        margin-left:2%;
        width:32%
    }
    .hero-multiple-callout.col-3 .callout:nth-child(3n+1){
        margin-left:0
    }
}
@media only screen and (min-width:768px){
    .hero-multiple-callout.col-4 .callout{
        margin-left:1%;
        width:24.25%
    }
    .hero-multiple-callout.col-4 .callout:nth-child(4n+1){
        margin-left:0
    }
}
.hero-with-list-of-links .module-wrap{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    padding:40px 0;
    position:relative
}
@media only screen and (min-width:992px){
    .hero-with-list-of-links .module-wrap{
        background-position:top;
        padding:100px 0
    }
}
.hero-with-list-of-links .overlay{
    background-color:#0065ac;
    height:100%;
    left:0;
    opacity:.8;
    position:absolute;
    top:0;
    width:100%
}
.hero-with-list-of-links .dots{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    background-image:url(img/dot-matrix1-blue.svg);
    background-position:top left;
    background-repeat:no-repeat
}
.hero-with-list-of-links .dots:after{
    display:none
}
@media only screen and (min-width:992px){
    .hero-with-list-of-links .dots:after{
        background-image:url(img/dot-matrix2-blue.svg);
        background-position:bottom right;
        background-repeat:no-repeat;
        content:"";
        display:block;
        position:absolute;
        top:0;
        right:0;
        width:694px;
        height:100%
    }
}
.hero-with-list-of-links .wrap{
    position:relative
}
.hero-with-list-of-links .content h1,.hero-with-list-of-links .content h2{
    text-transform:uppercase
}
.hero-with-list-of-links .content h1 .line1,.hero-with-list-of-links .content h2 .line1{
    background:#012169;
    border-left:8px solid #f2bb43;
    color:#fff;
    display:inline-block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:22px;
    line-height:28px;
    margin-left:40px;
    padding:2px 20px
}
@media only screen and (min-width:992px){
    .hero-with-list-of-links .content h1 .line1,.hero-with-list-of-links .content h2 .line1{
        font-size:28px;
        line-height:36px
    }
}
.hero-with-list-of-links .content h1 .line2,.hero-with-list-of-links .content h2 .line2{
    background:#012169;
    border-left:8px solid #f2bb43;
    color:#f2bb43;
    display:inline-block;
    font-size:36px;
    line-height:42px;
    padding:6px 20px 10px 20px
}
@media only screen and (min-width:992px){
    .hero-with-list-of-links .content h1 .line2,.hero-with-list-of-links .content h2 .line2{
        font-size:46px;
        line-height:52px
    }
}
.hero-with-list-of-links .content .hero-links{
    margin:30px 0 0 0;
    padding:0;
    list-style-type:none
}
@media only screen and (min-width:992px){
    .hero-with-list-of-links .content .hero-links{
        margin-top:60px;
        display:flex;
        flex-wrap:wrap
    }
}
.hero-with-list-of-links .content .hero-links li{
    padding:5px 10px
}
@media only screen and (min-width:992px){
    .hero-with-list-of-links .content .hero-links li{
        padding:10px 30px;
        width:50%
    }
}
.hero-with-list-of-links .content .hero-links a{
    background:#012169;
    border-left:4px solid #f2bb43;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    color:#fff;
    display:block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:20px;
    font-weight:600;
    padding:15px 40px 15px 20px;
    position:relative;
    transition:all .2s ease
}
@media only screen and (min-width:992px){
    .hero-with-list-of-links .content .hero-links a{
        font-size:24px
    }
}
.hero-with-list-of-links .content .hero-links a:before{
    color:#f2bb43;
    content:'\f0da';
    font-family:"Font Awesome 6 Pro";
    font-size:20px;
    font-weight:900;
    position:absolute;
    right:20px;
    text-align:center;
    transition:all .2s ease
}
.hero-with-list-of-links .content .hero-links a:focus,.hero-with-list-of-links .content .hero-links a:hover{
    background:#011950;
    color:#fff
}
.hero-with-list-of-links .content .hero-links a:focus:before,.hero-with-list-of-links .content .hero-links a:hover:before{
    right:25px
}
.tab{
    margin:20px 0
}
@media only screen and (min-width:992px){
    .tab{
        margin:50px 0
    }
}
.tab .tab-nav{
    background:#fff;
    display:block
}
@media only screen and (max-width:991px){
    .tab .tab-nav{
        display:none
    }
}
.tab .tab-title{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    color:#0065ac;
    display:inline-block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:20px;
    font-weight:600;
    line-height:24px;
    padding:15px;
    position:relative;
    text-decoration:none
}
.tab .tab-title.open{
    background:#0065ac;
    color:#fff
}
@media only screen and (min-width:992px){
    .tab .tab-translation-services-wrap{
        display:flex
    }
}
.tab .icon{
    background:#005693;
    padding:20px
}
@media only screen and (min-width:992px){
    .tab .icon{
        background:#0065ac;
        border-radius:5px;
        border-right:1px solid #fff;
        padding:50px;
        width:18%
    }
}
.tab .icon img{
    display:block;
    height:auto;
    margin:auto;
    max-width:120px;
    width:40%
}
@media only screen and (min-width:992px){
    .tab .icon img{
        max-width:none;
        width:100%
    }
}
.tab .tab-wrap{
    background:#0065ac;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px
}
@media only screen and (min-width:992px){
    .tab .tab-wrap{
        width:82%
    }
}
.tab .tab-title-mobile{
    background:#0065ac;
    color:#fff;
    display:none;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:20px;
    font-weight:600;
    line-height:24px;
    margin-top:1px;
    padding:10px 10px 10px 15px;
    position:relative;
    text-align:left;
    text-decoration:none
}
@media only screen and (max-width:991px){
    .tab .tab-title-mobile{
        display:block
    }
}
.tab .tab-title-mobile.open{
    background:#005693
}
.tab .tab-title-mobile.open:before{
    content:'\f0d8'
}
.tab .tab-title-mobile:before{
    color:#fff;
    content:'\f0d7';
    font-family:"Font Awesome 6 Pro";
    font-size:12px;
    font-weight:800;
    position:absolute;
    right:15px;
    text-align:center;
    transition:all .2s ease
}
@media only screen and (min-width:992px){
    .tab .tab-title-mobile:before{
        display:none
    }
}
.tab .tab-description-wrap{
    color:#fff
}
.tab .tab-description-wrap#arabic{
    text-align:right
}
.tab .tab-description-wrap .tab-description{
    background:#005693;
    padding:5px 15px 25px 15px;
    display:none
}
@media only screen and (min-width:992px){
    .tab .tab-description-wrap .tab-description{
        background:0 0;
        padding:15px
    }
}
.infographic-header-with-content-below{
    position:relative
}
.infographic-header-with-content-below .inner{
    background-image:url(img/dot-matrix-wide.svg);
    background-position:center 70px;
    background-repeat:no-repeat;
    background-size:400px 330px;
    position:relative
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .inner{
        background-position:center 90px;
        background-size:806px 640px
    }
}
.infographic-header-with-content-below:before{
    display:none
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below:before{
        background:#d9e8f3;
        background:linear-gradient(180deg,#d9e8f3 0,#fff 100%);
        content:"";
        display:block;
        height:700px;
        left:0;
        position:absolute;
        top:378px;
        width:100%
    }
}
.infographic-header-with-content-below .title{
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:36px;
    padding:30px 0 20px 0;
    text-align:center;
    text-transform:uppercase
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .title{
        font-size:48px;
        padding:40px 0
    }
}
.infographic-header-with-content-below .circles-wrap{
    position:relative
}
.infographic-header-with-content-below .circles-wrap:before{
    display:none
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .circles-wrap:before{
        background:#012169;
        content:"";
        display:block;
        height:160px;
        left:0;
        position:absolute;
        top:75px;
        width:100%
    }
}
.infographic-header-with-content-below .circle-wrap{
    position:relative
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .circle-wrap{
        height:450px
    }
}
.infographic-header-with-content-below .circle-wrap .circle{
    align-items:center;
    border-radius:50%;
    border:3px solid #fff;
    background:#0065ac;
    display:flex;
    flex-wrap:wrap;
    height:300px;
    margin:15px auto;
    width:300px
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .circle-wrap .circle{
        height:414px;
        width:414px;
        position:absolute;
        top:0;
        left:50%
    }
}
.infographic-header-with-content-below .circle-wrap .circle:nth-child(1){
    background:#f2bb43;
    color:#012169;
    height:178px;
    width:178px;
    z-index:5
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .circle-wrap .circle:nth-child(1){
        animation:4s ease-in-out infinite alternate float;
        margin-left:-50%;
        top:20px
    }
}
.infographic-header-with-content-below .circle-wrap .circle:nth-child(2){
    height:300px;
    width:300px;
    z-index:4
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .circle-wrap .circle:nth-child(2){
        animation:6s ease-in-out infinite alternate float2;
        height:327px;
        width:327px;
        margin-left:-43%;
        top:50px
    }
}
.infographic-header-with-content-below .circle-wrap .circle:nth-child(3){
    background:#012169;
    color:#fff;
    z-index:3
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .circle-wrap .circle:nth-child(3){
        animation:5s ease-in-out infinite alternate float2;
        margin-left:-20%
    }
}
.infographic-header-with-content-below .circle-wrap .circle:nth-child(3) img{
    width:140px
}
.infographic-header-with-content-below .circle-wrap .circle:nth-child(4){
    background:#f2bb43;
    color:#012169;
    height:300px;
    width:300px;
    z-index:2
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .circle-wrap .circle:nth-child(4){
        animation:5s ease-in-out infinite alternate float;
        height:320px;
        width:320px;
        margin-left:11%;
        top:120px
    }
}
.infographic-header-with-content-below .circle-wrap .circle:nth-child(4) .line1,.infographic-header-with-content-below .circle-wrap .circle:nth-child(4) .line2{
    color:#012169
}
.infographic-header-with-content-below .circle-wrap .circle:nth-child(5){
    display:none
}
@media only screen and (min-width:992px){
    .infographic-header-with-content-below .circle-wrap .circle:nth-child(5){
        animation:4s ease-in-out infinite alternate float;
        display:block;
        height:210px;
        margin-left:29%;
        top:40px;
        width:210px;
        z-index:1
    }
}
.infographic-header-with-content-below .circle-wrap .circle:nth-child(2) img,.infographic-header-with-content-below .circle-wrap .circle:nth-child(4) img{
    width:120px
}
.infographic-header-with-content-below .circle-wrap .circle-content{
    text-align:center;
    width:100%
}
.infographic-header-with-content-below .circle-wrap .line1{
    color:#fff;
    display:block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:40px;
    font-weight:800
}
.infographic-header-with-content-below .circle-wrap .line2{
    color:#fff;
    display:block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:20px;
    font-weight:600
}
.infographic-header-with-content-below .circle-wrap img{
    display:block;
    height:auto;
    margin:0 auto;
    width:100px
}
.infographic-header-with-content-below .copy-wrap{
    padding-top:30px
}
@media only screen and (min-width:768px){
    .infographic-header-with-content-below .copy-wrap{
        padding-top:120px
    }
}
.infographic-header-with-content-below .col-wrap{
    margin:0 auto;
    max-width:900px
}
@media only screen and (min-width:768px){
    .infographic-header-with-content-below .col-wrap{
        display:flex
    }
}
.infographic-header-with-content-below .col1-photo{
    border-left:8px solid #f2bb43;
    height:auto;
    margin-bottom:20px;
    width:100%
}
.infographic-header-with-content-below .col1-copy{
    padding:0
}
@media only screen and (min-width:768px){
    .infographic-header-with-content-below .col1-copy{
        padding:0 20px 0 10px
    }
}
@media only screen and (min-width:768px){
    .infographic-header-with-content-below .col1{
        padding-right:30px;
        width:65%
    }
}
.infographic-header-with-content-below .col1 h3{
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:34px!important
}
.infographic-header-with-content-below .col1 p{
    font-family:myriad-pro,sans-serif!important;
    font-size:16px!important
}
.infographic-header-with-content-below .col1 ul{
    list-style-type:none;
    margin:0;
    padding:0
}
.infographic-header-with-content-below .col1 ul li{
    font-family:myriad-pro,sans-serif!important;
    font-size:16px!important;
    padding:10px 0 10px 35px
}
.infographic-header-with-content-below .col1 ul li a{
    color:#0065ac;
    font-family:myriad-pro,sans-serif!important;
    font-weight:800;
    text-decoration:underline;
    position:relative
}
.infographic-header-with-content-below .col1 ul li a:before{
    color:#0065ac;
    content:'\f0da';
    font-family:"Font Awesome 6 Pro";
    font-size:17px;
    font-weight:800;
    position:absolute;
    left:-16px;
    text-align:center;
    transition:all .2s ease
}
.infographic-header-with-content-below .col1 ul li a:focus,.infographic-header-with-content-below .col1 ul li a:hover{
    color:#012169
}
.infographic-header-with-content-below .col1 ul li a:focus:before,.infographic-header-with-content-below .col1 ul li a:hover:before{
    color:#012169;
    left:-14px
}
@media only screen and (min-width:768px){
    .infographic-header-with-content-below .col2{
        padding-top:40px;
        width:35%
    }
}
.infographic-header-with-content-below .col2 ul{
    list-style-type:none;
    margin:0;
    padding:0
}
.infographic-header-with-content-below .col2 ul li{
    font-family:myriad-pro,sans-serif!important;
    padding:4px 0 4px 35px
}
@media only screen and (min-width:768px){
    .infographic-header-with-content-below .col2 ul li{
        padding:6px 0 6px 35px
    }
}
.infographic-header-with-content-below .col2 ul li a{
    color:#000;
    font-family:myriad-pro,sans-serif!important;
    font-weight:800;
    position:relative
}
.infographic-header-with-content-below .col2 ul li a:before{
    color:#0065ac;
    content:'\f0da';
    font-family:"Font Awesome 6 Pro";
    font-size:17px;
    font-weight:800;
    position:absolute;
    left:-16px;
    text-align:center;
    transition:all .2s ease
}
.infographic-header-with-content-below .col2 ul li a:focus,.infographic-header-with-content-below .col2 ul li a:hover{
    color:#012169;
    text-decoration:underline
}
.infographic-header-with-content-below .col2 ul li a:focus:before,.infographic-header-with-content-below .col2 ul li a:hover:before{
    color:#012169;
    left:-14px
}
.home-news-events-wrapper{
    margin:50px 0
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper{
        display:flex
    }
}
.home-news-events-wrapper .col-hdr{
    align-items:center;
    background-color:#012169;
    background-image:url(img/dot-matrix3.svg);
    background-position:top left;
    background-repeat:no-repeat;
    display:flex;
    margin-bottom:25px;
    padding:15px
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper .col-hdr{
        padding:25px
    }
}
.home-news-events-wrapper .col-hdr h2{
    color:#fff;
    display:flex;
    flex-grow:1;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:36px!important;
    margin:0;
    padding:0
}
.home-news-events-wrapper .col-hdr .view-all{
    color:#fff;
    display:block;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:18px;
    font-weight:600;
    padding:3px 10px;
    position:relative;
    transition:all .2s ease
}
.home-news-events-wrapper .col-hdr .view-all:hover{
    color:#012169
}
.home-news-events-wrapper .col-hdr .view-all:hover:before{
    background:#fff;
    width:100%
}
.home-news-events-wrapper .col-hdr .view-all:before{
    background:#0065ac;
    border-radius:5px;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transition:all .2s ease;
    width:2px
}
.home-news-events-wrapper .col-hdr .view-all span{
    position:relative
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper .home-news{
        margin-right:2%;
        width:58%
    }
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper .home-events{
        width:40%
    }
}
.home-news-events-wrapper .home-events p{
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    line-height:24px
}
.home-news-events-wrapper .news-wrap{
    padding:0 15px
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper .news-wrap{
        padding:0 25px
    }
}
.home-news-events-wrapper .news-item{
    margin-bottom:30px
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper .news-item{
        display:flex
    }
}
.home-news-events-wrapper .news-item h3{
    margin:0 0 5px 0;
    padding:0
}
.home-news-events-wrapper .news-item h3 a{
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:26px!important
}
.home-news-events-wrapper .news-item h3 a:hover{
    text-decoration:underline
}
.home-news-events-wrapper .news-item p{
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    line-height:24px
}
.home-news-events-wrapper .news-item .img{
    margin-bottom:5px;
    width:158px
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper .news-item .img{
        flex-shrink:0;
        margin-bottom:0
    }
}
.home-news-events-wrapper .news-item .img img{
    border-left:8px solid #f2bb43;
    display:block;
    height:auto;
    width:100%
}
.home-news-events-wrapper .news-item .copy{
    padding:0;
    width:auto
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper .news-item .copy{
        flex-grow:1;
        padding-left:15px;
        width:auto
    }
}
.home-news-events-wrapper .events-wrap{
    padding:0 15px
}
@media only screen and (min-width:768px){
    .home-news-events-wrapper .events-wrap{
        padding:0 25px
    }
}
.events-wrap>p{
    margin-bottom:30px
}
.events-item{
    margin-bottom:30px;
    padding-left:40px;
    position:relative
}
.events-item:before{
    color:#0065ac;
    content:'\f133';
    font-family:"Font Awesome 6 Pro";
    font-size:34px;
    font-weight:800;
    position:absolute;
    left:0;
    top:8px
}
.events-item .date{
    color:#0065ac;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:16px;
    font-weight:700
}
.events-item h3{
    margin:0 0 5px 0;
    padding:0
}
.events-item h3 a{
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:26px!important
}
.events-item h3 a:hover{
    text-decoration:underline
}
.events-item p{
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    line-height:24px
}
.necc-spotlight{
    background-color:#0065ac;
    background-image:url(img/dot-matrix3-blue.svg);
    background-position:top left;
    background-repeat:no-repeat;
    padding:30px 0 170px 0;
    position:relative
}
@media only screen and (min-width:768px){
    .necc-spotlight{
        padding-top:50px
    }
}
.necc-spotlight:after{
    display:none
}
@media only screen and (min-width:768px){
    .necc-spotlight:after{
        background-image:url(img/dot-matrix4-blue.svg);
        background-position:bottom right;
        background-repeat:no-repeat;
        content:"";
        display:block;
        position:absolute;
        top:0;
        right:0;
        width:491px;
        height:100%
    }
}
.necc-spotlight h2{
    color:#fff;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:36px!important;
    padding:0 0 10px 0;
    position:relative;
    text-align:center;
    text-transform:uppercase;
    z-index:2
}
@media only screen and (min-width:768px){
    .necc-spotlight h2{
        font-size:48px!important;
        padding-bottom:25px
    }
}
.necc-spotlight .spotlight-items-wrap{
    position:relative;
    z-index:2
}
@media only screen and (min-width:768px){
    .necc-spotlight .spotlight-items-wrap{
        display:flex
    }
}
.necc-spotlight .spotlight-items-wrap .spotlight-item{
    margin-top:20px;
    padding:0
}
@media only screen and (min-width:768px){
    .necc-spotlight .spotlight-items-wrap .spotlight-item{
        margin-top:0;
        padding:0 25px;
        width:50%
    }
}
@media only screen and (min-width:768px){
    .necc-spotlight .spotlight-items-wrap .spotlight-item .spotlight-photo{
        margin-bottom:15px
    }
}
.necc-spotlight .spotlight-items-wrap .spotlight-item img{
    border-left:8px solid #f2bb43;
    display:block;
    height:auto;
    width:100%
}
.necc-spotlight .spotlight-items-wrap .spotlight-item h3{
    margin:0;
    padding:0
}
.necc-spotlight .spotlight-items-wrap .spotlight-item h3 a{
    color:#f2bb43;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:26px!important
}
.necc-spotlight .spotlight-items-wrap .spotlight-item h3 a:hover{
    text-decoration:underline
}
.necc-spotlight .spotlight-items-wrap .spotlight-item .excerpt{
    color:#fff;
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    line-height:24px
}
.necc-upcoming-events{
    background-color:#0065ac;
    background-image:url(img/dot-matrix3-blue.svg);
    background-position:top left;
    background-repeat:no-repeat;
    margin:50px 0;
    padding: 30px 0px 120px 0px;
    position:relative
}
@media only screen and (min-width:768px){
    necc-upcoming-events{
        padding: 50px 0px 170px 0px;
    }
}
.necc-upcoming-events:after{
    display:none
}
@media only screen and (min-width:768px){
    .necc-upcoming-events:after{
        background-image:url(img/dot-matrix4-blue.svg);
        background-position:bottom right;
        background-repeat:no-repeat;
        content:"";
        display:block;
        position:absolute;
        top:0;
        right:0;
        width:491px;
        height:100%
    }
}
.necc-upcoming-events h2{
    color:#fff;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:36px!important;
    padding:0 0 10px 0;
    position:relative;
    text-align:center;
    text-transform:uppercase;
    z-index:2
}
@media only screen and (min-width:768px){
    .necc-upcoming-events h2{
        font-size:48px!important;
        padding-bottom:25px
    }
}
.necc-upcoming-events .upcoming-events-items-wrap{
    position:relative;
    z-index:2
}
@media only screen and (min-width:768px){
    .necc-upcoming-events .upcoming-events-items-wrap{
        display:flex
    }
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item{
    margin:20px 0 50px;
    padding:0
}
@media only screen and (min-width:768px){
    .necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item{
        margin:0;
        padding:0 25px;
        width:50%
    }
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item .upcoming-events-photo{
    position:relative
}
@media only screen and (min-width:768px){
    .necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item .upcoming-events-photo{
        margin-bottom:15px
    }
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item .upcoming-events-photo .datebox{
    background-color:#f2bb43;
    left:25px;
    padding:5px 20px;
    position:absolute;
    text-align:center;
    top:-10px
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item .upcoming-events-photo .datebox p{
    font-size:2em;
    font-weight:700;
    line-height:1
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item .upcoming-events-photo .datebox p span{
    font-size:.6em;
    display:block;
    text-transform:uppercase
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item img{
    border-left:8px solid #f2bb43;
    display:block;
    height:auto;
    width:100%
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item h3{
    margin-top:20px;
    padding:0
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item h3 a{
    color:#f2bb43;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:26px!important
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item h3 a:hover{
    text-decoration:underline
}
.necc-upcoming-events .upcoming-events-items-wrap .upcoming-events-item .excerpt{
    color:#fff;
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    line-height:24px
}
.necc-upcoming-events .upcoming-events-items-wrap div:last-child{
    margin-bottom:0
}
.faces-of-necc{
    background:#f2bb43;
    padding-bottom:30px
}
@media only screen and (min-width:992px){
    .faces-of-necc{
        padding-bottom:0
    }
}
.necc-upcoming-events + .faces-of-necc .wrap, body.home .faces-of-necc .wrap {
    margin-top:-108px;
}
.faces-of-necc .wrap{
    position:relative;
    z-index:5
}
.faces-of-necc h2{
    text-transform:uppercase
}
.faces-of-necc h2 .line1{
    background:#012169;
    border-left:8px solid #f2bb43;
    color:#fff;
    display:inline-block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:22px;
    line-height:28px;
    margin-left:40px;
    padding:2px 20px;
    text-transform:none
}
@media only screen and (min-width:992px){
    .faces-of-necc h2 .line1{
        font-size:28px;
        line-height:36px
    }
}
.faces-of-necc h2 .line2,.faces-of-necc h2 .line3{
    background:#012169;
    border-left:8px solid #f2bb43;
    color:#f2bb43;
    display:inline-block;
    font-size:36px;
    line-height:42px;
    padding:6px 20px 10px 20px
}
@media only screen and (min-width:992px){
    .faces-of-necc h2 .line2,.faces-of-necc h2 .line3{
        font-size:46px;
        line-height:52px
    }
}
.faces-of-necc .profiles-wrap{
    padding:20px 0
}
@media only screen and (min-width:992px){
    .faces-of-necc .profiles-wrap{
        display:flex;
        padding:30px 0 50px 0
    }
}
.faces-of-necc .profiles-wrap .profile{
    display:flex;
    padding-bottom:20px
}
@media only screen and (min-width:992px){
    .faces-of-necc .profiles-wrap .profile{
        align-items:center;
        padding:0;
        width:50%
    }
}
.faces-of-necc .profiles-wrap .profile .img-wrap{
    width:35%
}
.faces-of-necc .profiles-wrap .profile .img-wrap img{
    border-left:8px solid #012169;
    display:block;
    height:auto;
    width:100%
}
.faces-of-necc .profiles-wrap .profile .content{
    padding:0 20px;
    width:65%
}
.faces-of-necc .profiles-wrap .profile .content h3{
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:26px!important
}
.faces-of-necc .profiles-wrap .profile .content .excerpt-wrap{
    color:#012169;
    font-family:myriad-pro,sans-serif;
    font-size:16px;
    line-height:24px
}
.faces-of-necc .profiles-wrap .profile .content .excerpt-wrap a{
    color:#012169;
    font-family:myriad-pro,sans-serif!important;
    font-size:16px!important;
    font-weight:600;
    text-decoration:underline
}
.faces-of-necc .profiles-wrap .profile .content .excerpt-wrap a:hover{
    text-decoration:none
}
.faces-of-necc .view-all{
    color:#012169;
    display:inline-block;
    font-family:myriad-pro-condensed,sans-serif!important;
    font-size:18px;
    font-weight:700;
    padding:3px 10px;
    position:relative;
    transition:all .2s ease
}
@media only screen and (min-width:992px){
    .faces-of-necc .view-all{
        display:block;
        position:absolute;
        right:10px;
        top:125px
    }
}
.faces-of-necc .view-all:before{
    background:#012169;
    border-radius:5px;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transition:all .2s ease;
    width:2px
}
.faces-of-necc .view-all:hover{
    color:#fff
}
.faces-of-necc .view-all:hover:before{
    background:#012169;
    width:100%
}
.faces-of-necc .view-all span{
    position:relative
}
.necc-notice-alert{
    background:#fcefd2;
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif;
    font-weight:700;
    padding:15px 20px 15px 50px;
    position:relative
}
.necc-notice-alert:before{
    color:#012169;
    content:'\f0f3';
    font-family:"Font Awesome 6 Pro";
    font-size:20px;
    font-weight:400;
    position:absolute;
    left:20px
}
.cta{
    color:#012169;
    display:inline-block;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:20px;
    font-weight:600;
    line-height:26px;
    padding:5px 10px 5px 18px;
    position:relative;
    transition:all .2s ease
}
.cta:before{
    color:#f2bb43;
    content:'\f0da';
    font-family:"Font Awesome 6 Pro";
    font-size:17px;
    font-weight:900;
    position:absolute;
    left:1px;
    text-align:center;
    transition:all .2s ease
}
.cta:focus,.cta:hover{
    color:#012169;
    text-decoration:underline
}
.cta:focus:before,.cta:hover:before{
    color:#012169;
    left:3px
}
.programs_list.bg-lightGray .programs li:nth-child(even){
    background:#012169
}
@media only screen and (min-width:768px){
    .programs_list .description-cta-wrap{
        align-items:center;
        display:flex
    }
}
@media only screen and (min-width:768px){
    .programs_list .description-cta-wrap .ctas-wrap{
        display:flex;
        flex-grow:1;
        justify-content:flex-end;
        white-space:nowrap
    }
}
.programs_list .description-cta-wrap .ctas-wrap a{
    display:inline-block;
    margin-bottom:15px
}
@media only screen and (min-width:768px){
    .programs_list .description-cta-wrap .ctas-wrap a{
        margin-bottom:0;
        margin-left:10px
    }
}
.program-finder-wrap{
    margin:35px 0
}
@media only screen and (min-width:768px){
    .program-finder-sidebar-wrap{
        display:flex
    }
}
.program-finder-sidebar-wrap .program-finder-sidebar{
    margin-bottom:15px
}
@media only screen and (min-width:768px){
    .program-finder-sidebar-wrap .program-finder-sidebar{
        padding-right:30px;
        width:38%
    }
}
.program-finder-sidebar-wrap .filter-wrap{
    background:#012169 url(img/dot-matrix2.svg) no-repeat bottom;
    border-left:8px solid #f2bb43;
    padding:20px
}
.program-finder-sidebar-wrap .searchandfilter h4{
    color:#f2bb43;
    padding:5px 0
}
.program-finder-sidebar-wrap .searchandfilter ul{
    margin:0;
    padding:0
}
.program-finder-sidebar-wrap .searchandfilter ul ul{
    padding-left:10px
}
.program-finder-sidebar-wrap .searchandfilter li{
    padding:5px 0
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li{
    margin:0 0 5px 0;
    padding:0;
    position:relative
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li input{
    float:left;
    opacity:0;
    width:auto
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li label{
    cursor:pointer;
    color:#fff;
    display:block;
    font-family:myriad-pro,sans-serif;
    font-weight:500;
    left:-2px;
    line-height:20px;
    padding:1px 3px 1px 30px;
    position:relative;
    width:100%
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li label:hover:after{
    border-color:#012169
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li label:before{
    background:#fff;
    border:1px solid #0065ac;
    content:'';
    cursor:pointer;
    height:20px;
    position:absolute;
    top:1px;
    width:20px;
    left:1px
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li label:after{
    background:0 0;
    border:3px solid #0065ac;
    border-right:none;
    border-top:none;
    content:'';
    height:6px;
    left:6px;
    opacity:0;
    position:absolute;
    top:7px;
    transform:rotate(-45deg);
    transition:all .2s ease;
    width:12px
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li input:focus+label:before{
    background:#fff;
    border-color:#0065ac;
    outline:1px dotted #f2bb43
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li input:checked+label:before{
    background:#fff;
    border-color:#0065ac
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li input:checked+label:after{
    opacity:1;
    border-color:#0065ac
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li input:disabled+label{
    cursor:default;
    opacity:.6
}
.program-finder-sidebar-wrap [data-sf-field-input-type=checkbox] li input:disabled+label:before{
    cursor:default
}
.program-finder-sidebar-wrap .sf-field-search label{
    display:block
}
.program-finder-sidebar-wrap .sf-field-search input{
    border:none;
    color:#012169;
    font-family:myriad-pro-condensed,sans-serif;
    font-size:18px;
    font-weight:400;
    height:35px;
    padding:5px 10px;
    width:100%
}
.program-finder-sidebar-wrap .sf-field-reset,.program-finder-sidebar-wrap .sf-field-submit{
    padding:5px
}
.program-finder-sidebar-wrap .sf-field-reset input,.program-finder-sidebar-wrap .sf-field-submit input{
    background:#0065ac;
    border:none;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    min-width:80px;
    padding:5px 10px;
    position:relative;
    text-decoration:none;
    text-transform:uppercase
}
.program-finder-sidebar-wrap .sf-field-submit{
    float:left
}
.program-finder-sidebar-wrap .sf-field-reset input{
    margin-left:10px
}
.program-finder-sidebar-wrap .sf-count{
    font-size:12px
}
@media only screen and (min-width:768px){
    #program-finder{
        flex-grow:1;
        width:62%
    }
}
.program-wrap .program{
    border-left:4px solid #f2bb43;
    margin:0 0 15px 0
}
.program-wrap .program:hover{
    border-color:#0065ac
}
.program-wrap .program:nth-child(even){
    background:#f1f1f1
}
.program-wrap .program .program-inner{
    padding:15px 20px
}
.program-wrap h3{
    margin:0 0 7px 0;
    padding:0
}
.program-wrap h3 a{
    display:block;
    position:relative;
    text-decoration:none;
    transition:all .2s ease
}
.program-wrap h3 a .categories{
    font-weight:600;
    display:block;
    font-size:17px;
    text-transform:none
}
.program-wrap .area-of-study,.program-wrap .campuses,.program-wrap .format{
    color:#0065ac;
    display:inline-block;
    font-size:14px;
    line-height:20px;
    margin-right:12px;
    padding:2px 0 2px 18px;
    position:relative
}
.program-wrap .area-of-study:before,.program-wrap .campuses:before,.program-wrap .format:before{
    color:#0065ac;
    content:'\f3c5';
    font-family:"Font Awesome 6 Pro";
    font-size:12px;
    position:absolute;
    left:5px
}
.program-wrap .area-of-study{
    padding-left:25px
}
.program-wrap .area-of-study:before{
    content:'\f02d'
}
.program-wrap .format{
    padding-left:25px
}
.program-wrap .format:before{
    content:'\f51c'
}
@media only screen and (min-width:768px){
    .program-wrap .rtf .block-wrap{
        align-items:flex-start
    }
}
@media only screen and (min-width:768px){
    .program-wrap .rtf .rtf-content+.sidebar-wrap{
        border-left:none;
        padding:0 20px 20px 30px
    }
}
.program-wrap .faculty-staff-results{
    margin:35px 0
}
.program-wrap .faculty-staff-results h3{
    padding:15px 5px 0 5px
}
@media only screen and (min-width:768px){
    .program-wrap .faculty-staff-results h3{
        padding:0 5px
    }
}
@media only screen and (min-width:768px){
    .program-wrap .faculty-staff-results .item-wrap{
        width:50%
    }
}
.program-wrap .faculty-staff-results .item{
    border:none;
    padding:5px 0;
    width:auto
}
.program-wrap .faculty-staff-results .content{
    line-height:22px
}
.related-programs-list li{
    line-height:22px;
    padding:3px 0
}
.no-results{
    background:#a72527;
    color:#fff;
    position:relative;
    z-index:11
}
.no-results .wrap{
    align-items:center;
    display:flex;
    padding:20px;
    position:relative
}
.no-results .notice-wrap svg{
    fill:#fff;
    height:auto;
    width:30px
}
.no-results .banner-inner{
    flex-grow:1;
    font-family:myriad-pro,sans-serif;
    font-weight:600;
    padding:0 20px
}

.tribe-events-single-event-description img {
    height: auto;
    max-width: 100%;
}

/* Apply the text only to target="_blank" links INSIDE #main-area that DO NOT contain an image */
#main-area a[target="_blank"]:not(:has(img)):after { /* Added #main-area scope */
  content: " (opens in new window)";
  /* Optional: Style the added text for better readability */
  font-size: 0.85em;      /* Make it slightly smaller */
  display: inline-block; /* Prevents weird line breaks */
  margin-left: 4px;      /* Add a small space */
  /* You might want to add styles for print, etc. */
}

/* Consider hiding it for print unless desired - applied only within #main-area */
@media print {
  #main-area a[target="_blank"]:not(:has(img)):after { /* Added #main-area scope */
     content: none; /* Or style differently for print */
  }
}