.lightblue{
    color:#006BA6;
}


/*-----------------------------------------------------------------
STANDARD IMAGE + VIDEO CONTAINER
-----------------------------------------------------------------*/
.image_container{
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}
.image_container img{
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
.image_container.top img{
	object-position:top;
}
.image_container.center img{
	object-position:center;
}
.image_container.bottom img{
	object-position:bottom;
}
.image_container.cover img{
	object-fit:cover;
}
.image_container.contain img{
	object-fit:contain;
    padding: 40px;
    box-sizing: border-box;
}


/*-----------------------------------------------------------------
ARROW BUTTON + PLUS BUTTON
-----------------------------------------------------------------*/
a .arrow_button,
a .plus_button{
    position:relative;
    background-size:14px auto;
    width:36px;
    height:36px;
    border-radius:6px;
    border:2px solid #006ba6;
    transition:all 0.2s ease-in-out;
}
a:hover .arrow_button,
a:focus .arrow_button,
a:hover .plus_button,
a:focus .plus_button{
    transition:all 0.2s ease-in-out;
}
a .arrow_button,
a:hover .plus_button,
a:focus .plus_button{
    background: #006ba6;
}
a:hover .arrow_button,
a:focus .arrow_button,
a .plus_button{
    background: #FFFFFF;
    transition:all 0.2s ease-in-out;
}
a .arrow_button::before,
a .plus_button::before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    transition:all 0.2s ease-in-out;
}
a:hover .arrow_button::before,
a:focus .arrow_button::before,
a:hover .plus_button::before,
a:focus .plus_button::before{
    transition:all 0.2s ease-in-out;
}
a .arrow_button::before,
a:hover .plus_button::before,
a:focus .plus_button::before{
    filter:brightness(0) invert(1);
}
a:hover .arrow_button::before,
a:focus .arrow_button::before,
a .plus_button::before{
    filter:brightness(1) invert(0);
}
a .arrow_button::before{
    background:url(/wp-content/uploads/2026/06/down-arrow.svg) center center no-repeat;
    background-size:14px auto;
}
a .plus_button::before{
    background:url(/wp-content/uploads/2022/08/ButtonPlusIcon-Blue.svg) center center no-repeat;
    background-size:14px auto;
}


/*-----------------------------------------------------------------
RESOURCES GRID
-----------------------------------------------------------------*/
.resources_grid{
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    width:270px;
    margin:0px auto;
    gap:24px;
}
.resources_grid a{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    border-radius:16px;
    border:1px solid rgba(14, 54, 89, .1);
    text-decoration:none !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px rgba(14, 54, 89, .04), 0 8px 24px rgba(14, 54, 89, .06);
    transition:all 0.2s ease-in-out;
}
.resources_grid a:hover,
.resources_grid a:focus{
    text-decoration:none !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 4px rgba(14, 54, 89, .06), 0 20px 48px rgba(14, 54, 89, .12);
    transition:all 0.2s ease-in-out;
}
.resources_grid a .image_wrapper{
    position:relative;
    width:100%;
    padding-bottom:75%;
}
.resources_grid a .content_wrapper{
    position:relative;
    padding:16px 60px 16px 16px;
    border-top:1px solid rgba(14, 54, 89, .1);
    font-size:14px;
    letter-spacing:2.52px;
    font-weight:500;
    color:#0e3659;
    text-transform:uppercase;
    line-height:160%;
	font-family: 'Coda', sans-serif;
}
.resources_grid a .content_wrapper .arrow_button{
    position:absolute;
    top:16px;
    right:16px;
}

@media only screen and (min-width:600px) {
    .resources_grid{
        width:100%;
        grid-template-columns:repeat(2, 1fr);
    }
}

@media only screen and (min-width:768px) {
    .resources_grid{
        grid-template-columns:repeat(3, 1fr);
    }
}

@media only screen and (min-width:1024px) {
    .resources_grid{
        grid-template-columns:repeat(4, 1fr);
    }
}


/*-----------------------------------------------------------------
PEOPLE WIDGET - LEADERSHIP
-----------------------------------------------------------------*/
.leadership_grid{
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    width:270px;
    margin:0px auto 0px auto;
    gap:24px;
}
.leadership_grid > div{
    position:relative;
    display:flex;
    flex-direction:row;
    gap:20px;
    width:100%;
    border-radius:16px;
    padding:20px;
    border:1px solid rgba(14, 54, 89, .1);
    text-decoration:none !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px rgba(14, 54, 89, .04), 0 8px 24px rgba(14, 54, 89, .06);
    transition:all 0.2s ease-in-out;
}
.leadership_grid .image_wrapper{
    position:relative;
    flex-shrink: 0;
    width: 56px;
}
.leadership_grid .image_wrapper .image_container{
    width:56px;
    height:56px;
    border-radius:50%;
    overflow:hidden;
}
.leadership_grid .content_wrapper{
    flex: 1;
    min-width: 0;
    position:relative;
    font-size:14px;
    letter-spacing:2.52px;
    font-weight:500;
    color: #0e3659;
    text-transform:uppercase;
    line-height:160%;
	font-family: 'Coda', sans-serif;
}
.leadership_grid .content_wrapper h4{
    font-weight:700;
    font-size:20px;
    text-transform:none;
    margin:0px;
    padding:0px;
}

@media only screen and (min-width:600px) {
    .leadership_grid{
        width:100%;
        grid-template-columns:repeat(2, 1fr);
    }
}

@media only screen and (min-width:768px) {
    .leadership_grid{
        grid-template-columns:repeat(3, 1fr);
    }
}


/*-----------------------------------------------------------------
ARTICLES SCROLLER
-----------------------------------------------------------------*/
.posts_scroller {
    overflow: hidden;
    width: 100%;
    padding-top:80px;
    padding-bottom:80px;
}
.scroller_track {
    display: flex;
    gap: 56px;
    width: max-content;
    will-change: transform;
}
a.scroller_item {
    position:relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction:column;
    gap:20px;
    width: 480px;
    height: auto;
    padding:36px 36px 80px 36px;
    border-radius: 16px;
    background: #FFFFFF;
    text-decoration: none;
    transform: translateY(0px);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px rgba(14, 54, 89, .04), 0 8px 24px rgba(14, 54, 89, .06);
    transition:all 0.2s ease-in-out;
}
a.scroller_item:hover,
a.scroller_item:focus {
    text-decoration: none;
    transform: translateY(-6px);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 4px rgba(14, 54, 89, .06), 0 20px 48px rgba(14, 54, 89, .12);
    transition:all 0.2s ease-in-out;
}

a.scroller_item h4{
	font-family: "MetropolisBold";
	font-weight:700;
    color: #0e3659;
    margin:0px;
    padding:0px;
    transition:all 0.2s ease-in-out;
}
a.scroller_item:hover h4,
a.scroller_item:focus h4{
	color:#006BA6;
    transition:all 0.2s ease-in-out;
}
a.scroller_item .meta{
    display:flex;
    flex-direction:row;
    width:100%;
	color:#006BA6;
	font-family: 'Coda', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:23px;
	text-transform:uppercase;
}
a.scroller_item .meta div{
    flex:1;
}
a.scroller_item .meta div:last-child{
    display:flex;
    align-items:end;
    justify-content:end;
}
a.scroller_item .plus_button{
    position:absolute;
    right:36px;
    bottom:36px;
}


/*-----------------------------------------------------------------
HERO ANIMATED BACKGROUND
-----------------------------------------------------------------*/
.ncsd_container{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    padding:120px 0px;
    margin:0px auto;
    min-height:60dvh;
    background: #ffffff;
    /* blue option: background:linear-gradient(42deg, #4C758C, #426A80); */
}
.ncsd{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
}
.ncsd__canvas{
    display:block;
    width:100%;
    height:100%;
}
.ncsd_container .radial_gradient{
    position: absolute;
    z-index:1;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    background: radial-gradient(ellipse, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
}
.ncsd_container .hero_content{
    display:flex;
    flex-direction:column;
    gap:60px;
    width:100%;
}
.ncsd_container .hero_content h1{
    margin-bottom:20px;
}
.ncsd_container .hero_content .hero_card{
    position:relative;
    display:flex;
    flex-direction:column;
    background:#FFF;
    gap:20px;
    width:100%;
    border-radius:16px;
    padding:28px;
    border:1px solid rgba(14, 54, 89, .1);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px rgba(14, 54, 89, .04), 0 8px 24px rgba(14, 54, 89, .06);
}
.ncsd_container .hero_content .hero_card .hero_card_stat > div:nth-child(1){
    font-size:14px;
    letter-spacing:2.52px;
    font-weight:500;
    color:#0e3659;
    text-transform:uppercase;
    line-height:160%;
	font-family: 'Coda', sans-serif;
}
.ncsd_container .hero_content .hero_card .hero_card_stat > div:nth-child(2){
	font-family: "MetropolisBold";
    font-weight:700;
    font-size:16px;
    color:#0e3659;
    line-height:160%;
}

@media only screen and (min-width:1024px) {
    .ncsd_container .hero_content{
        flex-direction:row;
        align-items:center;
        justify-content:center;
    }
    .ncsd_container .hero_content > div:nth-child(1){
        flex:3;
    }
    .ncsd_container .hero_content > div:nth-child(2){
        flex:2;
    }
}

@media only screen and (min-width:1280px) {
    .ncsd_container .hero_content{
        gap:120px;
    }
}


/*-----------------------------------------------------------------
STATISTICS
-----------------------------------------------------------------*/
ul.statistics{
    display:grid;
    grid-template-columns: repeat(1, 1fr);
    list-style:none;
    margin:0px;
    padding:56px 0px;
    gap:56px;
    grid-template-columns:repeat(1, 1fr);
    border-top:1px solid rgba(14, 54, 89, .1);
    border-bottom:1px solid rgba(14, 54, 89, .1);
    width:100%;
}
ul.statistics li{
    position:relative;
    margin:0px auto;
    padding:0px;
    list-style:none;
	background:none;
}
ul.statistics li .wrapper{
	position:relative;
    display:flex;
	flex-direction:column;
	gap:10px;
}
ul.statistics li .stat{
	line-height: 100%;
    letter-spacing: -.02em;
	font-family: "MetropolisBold";
	font-weight:700;
    font-size:48px;
}
ul.statistics li .stat_description{
	line-height: 145%;
    font-size:14px;
}
ul.statistics.center li .stat_description{
	margin:0px auto;
}

.DARK ul.statistics li .stat{
}
.DARK ul.statistics li .stat_description{
}

@media only screen and (min-width:768px) {
    ul.statistics li{
		height:100%;
		margin:0px;
	}
    ul.statistics li .wrapper{
		height:100%;
	}
    ul.statistics.statistics_2{
        grid-template-columns: repeat(2, 1fr);
    }
    ul.statistics.statistics_3{
        grid-template-columns: repeat(3, 1fr);
    }
    ul.statistics.statistics_4{
        grid-template-columns: repeat(4, 1fr);
    }
    ul.statistics.stack_one{
        grid-template-columns: repeat(1, 1fr) !important;
	}
}

@media only screen and (min-width:1024px) {
	ul.statistics.single li .stat{
		width:auto;
	}
}


/*-----------------------------------------------------------------
ACCORDIONS
-----------------------------------------------------------------*/
.accordion_container{
	position:relative;
    border-radius:16px;
    border:1px solid rgba(14, 54, 89, .1);
    padding:0px 32px;
    background:#FFF;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px rgba(14, 54, 89, .04), 0 8px 24px rgba(14, 54, 89, .06);
}
.accordion_container .accordion{
    position:relative;
    display:flex;
	flex-direction:column;
	gap:0px;
    width:100%;
    margin:0px;
    padding:0px;
}
.accordion_container .accordion > .item{
    position:relative;
    list-style:none;
    display:flex;
	flex-direction:column;
    width:100%;
    height:auto;
    margin:0px;
    padding:0px 0px 26px 0px;
	line-height:0px;
    border-bottom:1px solid rgba(14, 54, 89, .1);
	transition: all .3s ease-in-out;
}
.accordion_container .accordion > .item:last-child{
    border-bottom:0px;
}
.accordion_container .accordion > .item > a.heading{
    position:relative;
    z-index:2;
    display:inline-block;
    width:100%;
    text-decoration:none !important;
}
.accordion_container .accordion > .item > a.heading::after{
	position:absolute;
	content:"";
	right:0px;
	top:28px;
	width:28px;
	height:28px;
    border-radius:50%;
    border:1px solid #e5e7eb;
	background: #FFF url(/wp-content/uploads/2022/08/ButtonPlusIcon-Blue.svg) center center no-repeat;
	background-size:12px;
	transform:rotate(0deg);
	transition: all .3s ease-in-out;
}
.accordion_container .accordion > .item.active > a.heading::after{
	transform:rotate(90deg);
    border:1px solid #daaf1b;
	background: #fbf7e8 url(/wp-content/uploads/2026/06/ButtonPlusIcon-Brown.svg) center center no-repeat;
	background-size:12px;
	transition: all .3s ease-in-out;
}

.accordion_container .accordion > .item > a.heading h4{
    margin:0px;
	padding:28px 36px 0px 0px;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
    color:#003b5c;
	font-family: "MetropolisBold";
	transition: all .3s ease-in-out;
}
.accordion_container .accordion > .item > a.heading:hover h4,
.accordion_container .accordion > .item > a.heading:focus h4,
.accordion_container .accordion > .item.active > a.heading h4{
    color:#006BA6;
}
.accordion_container .accordion > .item .panel{
	padding-bottom:0px;
    position:relative;
    width:100%;
    display:inline-block;
}
.accordion_container .accordion > .item .panel_wrapper{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    display:inline-block;
}
.accordion_container .accordion > .item .panel .panel_content{
	visibility:hidden;
    position:relative;
    display:inline-block;
    opacity:0;
    padding-top:10px;
	padding-right:40px;
	padding-bottom:10px;
	transition: all .3s ease-in-out;
}
.accordion_container .accordion > .item .panel .panel_content p{
    font-size:16px;
    line-height:24px;
    color:#003b5c !important;
}
.accordion_container .accordion > .item .panel .panel_content ul li,
.accordion_container .accordion > .item .panel .panel_content ol li{
    color:#003b5c !important;
}
.accordion_container.standard .accordion > .item.active{
    transition: all .2s ease-in-out;
}
.accordion_container .accordion > .item.active .panel .panel_content{
	visibility:visible;
    opacity:1;
	transition: all .3s ease-in-out;
}


/*-----------------------------------------------------------------
CARDS GRID
-----------------------------------------------------------------*/
.cards_grid{
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    width:100%;
    margin:0px auto;
    gap:28px;
}
.cards_grid .card{
    position:relative;
    overflow:hidden;
    width:100%;
    background:#FFFFFF;
    padding:48px;
    border-radius:16px;
    text-decoration:none !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px rgba(14, 54, 89, .04), 0 8px 24px rgba(14, 54, 89, .06);
    transition:all 0.2s ease-in-out;
}
.cards_grid .card .card_top_border{
    height:3px;
    width:100%;
    position:absolute;
    left:0px;
    top:0px;
}
.cards_grid .card  .eyebrow{
    margin-bottom:20px;
}

@media only screen and (min-width:768px) {
    .cards_grid{
        grid-template-columns:repeat(2, 1fr);
    }
}