#top-bar{
	background-color: #004473
}
/*Hero Default Blue*/
#hero-default-blue{
	background-image: url("/wp-content/uploads/2024/05/default-blue-hero.png");
	background-position: center bottom;
	background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}
#hero-default-blue h1{
	color: #004473;
}
.card-program{
		margin-bottom: 20px; 
		border: 1px solid #007CB1 !important; 
		border-radius: 10px; 
		padding: 2%;
		background-color: #fff;
	}
.card-program .blurb-content p{
		color: #212121 !important;
	}
#intouch{
	background-color: #004473;
	padding-top: 70px;
	padding-bottom: 70px;
}
#intouch:after{
	content: url("/wp-content/uploads/2024/08/default-blue-dots.svg");
    display: block;
    height: 70px;
    top: -370px;
    position: relative;
    text-align: center;
    z-index: 0;
}
/*Dark Blue*/
#g-block {
	background-color: #004473 !important;
	padding-top: 30px;
	padding-bottom: 30px !important;
	border-radius: 0px 0px 40px 40px;
}
#g-block h2{
	color: #fff !important;
	margin-bottom: 40px;
}
#g-block a{
	color: #000 !important;
	text-decoration: underline;
}
#g-block p{
	color: #000 !important;
}
#g-block .wp-block-list{
	color: #fff !important;
}
#g-block .wp-block-list{
	list-style: none;
	padding-left: 0px;
}
#g-block .wp-block-list li{
	padding-left: 30px;
	border-bottom: 1px solid rgba(231, 228, 228, 0.25);
	padding-bottom: 20px;
}
#g-block .bullets h3{
	color: #fff !important;
	margin-bottom: 0px;
}
#g-block .fig-caption{
	background-color: #007CB1;
	padding: 32px;
	border-radius: 10px;
	width: 85%;
	float: inline-end;
	top: -70px;
	position: relative;
	font-size: 16px;
}
#g-block img{
	width: 100% !important;
}
#g-block .wp-block-list li:before{
	content: "\F26A";
	color: #007CB1;
	font-family: "Bootstrap-icons";
    display: block;
    top: 40px;
    position: relative;
    text-align: left;
    font-size: 28px;
    z-index: 0;
    left: -40px;
}
#block-images{
	overflow: hidden;
}
#block-images img{
	width: 100%;
}

/*ICONS BLUE*/
.cta-wrapper .item{
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.12);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
	width: 31.333333%;
	padding: 0px 55px 48px 55px;
	margin-top: 20px;
	color: #fff;
}
.cta-wrapper .item h5{
	font-size: 24px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 154% !important; /* 36.96px */
}
.cta-wrapper .item-full{
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.12);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
	width: 49.333333%;
	padding: 0px 55px 48px 55px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #fff;
}
.cta-wrapper .item-4{
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.12);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
	width: 23.333333%;
	padding: 0px 55px 48px 55px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #fff;
}
.icon-block img{
	
	/*width: 12% !important;*/
}
.icon-card .blurb-content{
	text-align: left;
}
#g-block .wp-block-list li:nth-child(4){
	border: hidden;
}
#gallery{
	background-color: #fff;
	padding-bottom: 47px;
}
#gallery img{
	/*width: 100%;*/
}
/*IMAGE SECTION TEST*/
.dot-bg-right{
	background-image: url("/wp-content/uploads/2024/09/dark-blue-dots-images.svg");
	background-position: right bottom;
	background-size: inherit;
    background-repeat: no-repeat;
    background-blend-mode:overlay;
    background-color:rgba(255, 255, 255, 0.786);
}
.dot-bg-left{
	background-image: url("/wp-content/uploads/2024/09/dots-dark-blue.svg");
	background-position: left bottom;
	background-size: inherit;
    background-repeat: no-repeat;
}
.dot-bg-full{
	background-image: url("/wp-content/uploads/2024/09/dots-dark-blue.svg");
	background-position: left bottom;
	background-size: 23%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
	#hero-default-blue{
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 981px) {
	.cta-wrapper .item h5{
		font-size: 18px !important;
		line-height: normal !important;
	}
	.cta-wrapper .item{
		padding: 0px 20px 48px 20px !important;
	}
	.cta-wrapper .item-full{
		width: 45.333333%;
	}
	#g-block .fig-caption{
		padding: 15px;
	}
}
@media screen and (max-width: 850px) {
	.cta-wrapper .item-full{
		width: 100%;
		/*width: 48.333333%;*/
	}
	.cta-wrapper .item-4{
		width: 48.333333%;
	}
}
@media screen and (max-width: 768px) {
	.cta-wrapper .item{
		margin-top: 35px;
		color: #fff;
	}
}
@media screen and (max-width: 481px) {
	.cta-wrapper .item h5{
		font-size: 21px !important
	}
	.cta-wrapper .item{
		width: 100%;
	}
	.cta-wrapper .item-4{
		width: 100%;
	}
	.dot-bg-full{
		background-size: 70% !important;
	}
}