@import url("/includesV1/bootstrap/5.3.2/css/bootstrap.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");

body {
	font-size: 16px;
	font-weight: 200;
	background: repeating-linear-gradient(0deg, rgba(30, 169, 224, 0.25), rgba(15, 67, 143, 1.00));
	background-attachment: fixed;
}

.mainBodyContainer {
	background:rgba(255,255,255,0.7);
	box-shadow: 0px 3px 10px rgba(10, 0, 10, 0.5);
	padding:4em 0;
}

.footer {
	font-size: 12px;
	padding: 50px 0 0;
	bottom: 100%
}


.mainBodyContainer, .navbar {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.mainBodyContainer > * {
}

.mainBody {
	padding:0.5em;
}

.mainBody > * {
	padding:0.5em;
	margin:0;
}

.pageHeader {
	font-size: clamp(1rem, 2vw + 0.5rem, 2rem);
	text-align: center;
	padding-bottom:0.25em;
	background:rgba(225,223,210,1.00)
}

.pageLabel {
}

.pageHeader .callHandle {
	font-weight:900;
}

.pageHeader .bioLink {
	text-decoration: none;
	font-weight:300;
}

.pageHeader .moreInfo {
}

.bigCard-grid-caption {
	background: rgba(0,0,0,0.35);
	color:#fff;
	text-align: center;
	margin:0;
	padding:0.5em;
	width:100%;
}


.bigCard-grid-container-1 {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:1em;
	font-size: clamp(1.25rem, 1vw + 0.5rem, 1.5rem);
}

.bigCard-grid-container-2 {
	display:grid;
	grid-template-columns: 1fr;
	margin-left:auto;
	margin-right:auto;
}

.bigCard-grid-caption-2 {
	grid-row: 2/2;
	background: rgba(0,0,0,0.35);
	color:#fff;
	text-align: center;
	margin:0;
	padding:0.5em;
}

.bigCard-grid-container-2 img {
	min-width:100%;
}


.grid-left-col-item {
	grid-col-start:1;
}

.grid-right-col-item {
	grid-col-start: 2;
}


.grid-col-span-4 {
	grid-column: span 4;
}

.grid-col-span-5 {
	grid-column: span 5;
}


.grid-row-span-2 {
	grid-row: span 2;
}

.grid-row-span-3 {
	grid-row: span 3;
}

.grid-row-span-4 {
	grid-row: span 4;
}

.grid-row-span-5 {
	grid-row: span 5;
	}

.grid-row-span-6 {
	grid-row: span 6;
}

.navbar{
	background-color: rgba(44, 59, 106, 1.00)
}

.navbar-nav {
	margin-left: auto;
	margin-right:auto;
}

.navbar .nav-link {
	font-size: 20px;
	color: rgba(232, 162, 11, 1.00)
}

.navbar-brand {
	font-size: 2.5rem;
	font-weight: 400;
	color:#fff;
}

.navbar-toggler {
	color:#fff !important;
	font-size: 3em;
	box-shadow:none;
}

.navbar-toggler:focus {
	box-shadow:none;
}


.navbar-brand:active, .navbar-brand:hover, .navbar-brand:focus {
	color:#fff;
}

.navbar-brand:hover, .navbar-brand:focus {
	color:#E8A20B;
}

.dropdown-menu {
	box-shadow: -3px 3px 6px rgba(0, 5, 10, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.5);
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: slideIn;
	animation-name: slideIn
}
.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
	display: block
}
.dropdown-toggle {
	margin-bottom: 2px
}
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
	margin-bottom: 0
}

/*Tabs*/
.nav .nav-tabs {
	border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-item {
	margin: 20px 2px -1px 2px;
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0.025);
	background-color: rgba(0, 0, 0, 0.05);
}
.nav-tabs a.nav-link {
	color: #000000 !important;
	font-weight: 300;
}
.nav-tabs a.nav-link.active {}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	color: #000000;
	font-weight: 600;
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0.025) rgba(0, 0, 0, 0.025) #cc0000;
	background-color: rgba(0, 0, 0, 0.025);
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.25)
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {}
.dropdown-item:hover {
	color: rgba(0, 0, 0, 0.8);
	border-left: 5px solid #E8A20B;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

/*Carousel*/
ol.carousel-indicators li {
	background: #fff;
	opacity: 0.25;
	border: 2px solid #be0000;
	width: 10px;
	height: 10px;
	border-radius: 100%
}
.carousel-indicators [data-bs-target] {
	background-color: #c00000;
	width: 25px;
	height: 5px;
	margin: 5px;
}
button.carousel-control-next, button.carousel-control-prev {
	width: 5%;
	background: rgba(255, 255, 255, 0.7);
	border: none;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	height: 100px !important;
	width: 25px !important;
}
.carousel-control-prev-icon {
	background-image: url("/images/icons/left-arrow.png");
}
.carousel-control-next-icon {
	background-image: url("/images/icons/right-arrow.png");
}
.carousel-caption {
	right: 50%;
	left: 3%;
	padding: 10px;
	margin-bottom: 3%;
	background: rgba(0, 0, 0, 0.5);
	text-align: Left;
}
.animate {
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both
}

/*colors*/

/*icon colors*/
.bi-file-pdf-fill{
	color: rgba(255,0,4,0.5);
}
.bi-box-arrow-up-right {
	color:rgba(0,0,0,0.5)
}

.offCanvasBtnClose {
	padding:0.5em;
	color: rgba(188,0,3,1.00);
	font-size: 2em;
}

/*Box Shadow*/
.boxShadow01 {
	box-shadow: 0px 3px 10px rgba(10, 0, 10, 0.5);
}

/*Animations*/

@keyframes slideIn {
	0% {
		transform: translateY(-1rem);
		opacity: 0
	}
	100% {
		transform: translateY(0rem);
		opacity: 1
	}
	0% {
		transform: translateY(-1rem);
		opacity: 0
	}
}
@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0
	}
	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1
	}
	0% {
		-webkit-transform: translateY(-1rem);
		-webkit-opacity: 0
	}
}
.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
	0% {
		opacity: 0
	}
}
@-webkit-keyframes fadeIn {
	0% {
		-webkit-opacity: 0
	}
	100% {
		-webkit-opacity: 1
	}
	0% {
		-webkit-opacity: 0
	}
}

.carousel-inner {
	padding: 0 3%
}
.carousel-img-bkg {
	background-size: contain !important;
	background-position: center;
	background-repeat: no-repeat !important
}
ol.carousel-indicators li {
	background: #fff;
	opacity: 0.25;
	border: 2px solid #be0000;
	width: 10px;
	height: 10px;
	border-radius: 100%
}
.carousel-control-next, .carousel-control-prev {
	width: 3%;
	background: rgba(0, 0, 0, 0.07)
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 10px;
	height: 30px
}
.carousel-control-prev-icon {
	background-image: url("/images/icons/left-arrow.png")
}
.carousel-control-next-icon {
	background-image: url("/images/icons/right-arrow.png")
}


/*Media Queries*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
}

@media screen and (min-width: 375px) and (max-width: 736px) {
}

@media screen and (max-width: 430px){

.mainBodyContainer, .navbar {
	max-width:4300px;
	margin-left:auto;
	margin-right:auto;
}

	.pageHeader {
	font-size: clamp(0.25rem, 4vw + 1rem, 0.7rem);
	}
	
.bigCard-grid-container-2 {
	grid-template-columns: 1fr;
}
 .bigCard-grid-caption {
	grid-row:span 6;
	}



	

}