/*==================================================
=                    Default                       =
==================================================*/

body {
	color: #193b68;
	font-family: "Rubik", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
	/* line-height: 1.8; */
}

@media (min-width: 1440px) {
	html,body {font-size: 1rem;}
	li {margin-bottom: .5rem;}
}

p,ul,ol,dl,blockquote,pre,td,th,textarea {margin-bottom: 1.875rem;}
ul {padding-left: 20px;}


b, strong {font-weight: 700;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {color: #193b68; margin-bottom: 1.875rem; text-transform: uppercase;}
.bg-dark-blue h1,.bg-dark-blue .h1,.bg-dark-blue h2,.bg-dark-blue .h2,.bg-dark-blue h3,.bg-dark-blue .h3,.bg-dark-blue h4,.bg-dark-blue .h4,.bg-dark-blue h5, .bg-dark-blue .h5,.bg-dark-blue h6,.bg-dark-blue .h6,.bg-gray h1,.bg-gray .h1,.bg-gray h2,.bg-gray .h2,.bg-gray h3,.bg-gray .h3,.bg-gray h4,.bg-gray .h4,.bg-gray h5, .bg-gray .h5,.bg-gray h6,.bg-gray .h6 {color: #fff;}

h1,.h1 {font-size: clamp(2.5rem, 5vw + 1rem, 4rem);     /* ~40px → 64px */}
h2,.h2 {font-size: clamp(2rem, 3.5vw + 0.5rem, 3rem);   /* ~32px → 48px */}
h3,.h3 {font-size: clamp(1.75rem, 2.5vw + 0.25rem, 2.25rem); /* ~28px → 36px */}
h4,.h4 {font-size: clamp(1.5rem, 2vw + 0.25rem, 1.75rem);    /* ~24px → 28px */}
h5,.h5 {font-size: clamp(1.25rem, 1.5vw + 0.25rem, 1.375rem); /* ~20px → 22px */}
h6,.h6 {font-size: clamp(1rem, 1vw + 0.25rem, 1.125rem);     /* ~16px → 18px */}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {font-weight: 700;}

@media (min-width: 1200px) {
	.negitive-margin-top {margin-top: -11%;}
}

a {color: #0155AD; transition: color 0.5s ease;}
a:hover {color: #f27628; text-decoration: none!important; transition: color 0.5s ease;}

/* avoid collapsing margins you might need this, depending on your design */
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0;}
/* avoid last-child bottom margin */

@media (min-width: 992px) {
	p:last-child,ul:last-child,ol:last-child,dl:last-child,blockquote:last-child,pre:last-child,table:last-child {margin-bottom: 0;}
}

.lead {font-size: clamp(1rem, 1vw + 0.25rem, 1.125rem);     /* ~16px → 18px */}
.lead.text-lg {font-size: clamp(1.25rem, 1.5vw + 0.25rem, 1.5rem); /* ~20px → 24px */}

.list-landing li {margin-left: 5rem;}

.display-4 {
  font-size: clamp(2.25rem, 6vw + 0.5rem, 7.5rem);  /* 36px → 120px */
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}

.display-3 {
  font-size: clamp(2rem, 5.5vw + 0.5rem, 6.25rem);  /* 32px → 100px */
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}

.display-2 {
  font-size: clamp(1.75rem, 4.5vw + 0.5rem, 5rem);  /* 28px → 80px */
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}

.display-1 {
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 3.75rem); /* 24px → 60px */
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}

/* ====== Core ================ */

/* ------ Navbar Brand ------ */

.navbar-brand img {width: 250px;}

section,.section {padding-bottom:2.5rem; padding-top:2.5rem;}

@media (min-width: 992px) {
	section,.section {padding-bottom: 5rem; padding-top:5rem;}
}

@media (min-width: 1440px) {
	section,.section {padding-bottom:7.5rem; padding-top:7.5rem;}
}

h1 span,.h1 span,h2 span ,.h2 span,h3 span,.h3 span,h4 span,.h4 span,h5 span,.h5 span {font-weight: 300;}
/* .lead {line-height: 1.5;} */

.table td {font-size: .75rem;}

/* ------ Footer ------ */
footer .logo {margin-bottom: 1.5rem; height: 75px;}
footer p {color: #F0F0F0;}
footer a {color: #fff; text-decoration: none;}
footer .lead a {font-weight: 700;}
footer a:hover {color: #ffdc00;}
footer .btn-link {color: #ffdc00; text-decoration: none;}
footer .btn-link:hover {color: #f27628;}
footer .btn-yellow:hover {color: #f27628;}

footer .newsletter-signup .form-control {background-color:rgba(240, 240, 240, 0.2); border: 2px solid #F0F0F0; border-radius: 10px; color: #fff; min-height: 50px; padding: 1.25rem;}
footer .newsletter-signup .btn-secondary {border-radius: 10px;min-height: 50px;}

footer .form-control::-webkit-input-placeholder { color: #fff; /* Edge */}
footer .form-control:-ms-input-placeholder {color: #fff; /* Internet Explorer 10-11 */}
footer .form-control::placeholder {color: #fff;}

@media (min-width: 992px) {
	article {
		-webkit-column-count: 2;
		  -moz-column-count: 2;
				column-count: 2;
	  -webkit-column-gap: 5rem;
		  -moz-column-gap: 5rem;
				column-gap: 5rem;
	}
} 

/* ------ Top Navigation ------ */
#top-nav {background-color: #193b68;}
#top-nav.navbar {padding-bottom: .25rem; padding-top: .25rem;}
#top-nav li {margin-bottom: 0;}
#top-nav.navbar a {color: #fff; font-size:0.9375rem; line-height: 0;}
#top-nav.navbar a:hover {color: #f27628;}
#top-nav.navbar a.dropdown-item {color: #193b68; line-height: normal!important;font-size: 14px!important; padding: 0.5rem;}
#top-nav.navbar a.dropdown-item:hover {color: #f27628;}
.top-nav-mobile .nav-link {font-size: .875rem; font-weight: 500; padding: .25rem 1rem .25rem 0;}

/* ------ Main Navigation ------ */
#main-nav {padding-bottom: 1rem; padding-top: 1rem;}
/* .navbar {padding: 0rem 1rem;} */
#main-nav.navbar a {color: #fff;}
#main-nav.navbar a:hover {color: #f27628;}
.navbar-nav {font-size: clamp(0.875rem, 1vw, 1rem); font-weight: 700; text-transform: uppercase;}
.navbar-nav li {margin-bottom: 0;}
.navbar-expand-xl .navbar-nav .nav-link {color: #2C2C2C; border-bottom: 1px solid rgba(25, 23, 23, 0.25);}
#main-nav.navbar a.btn-yellow {border-radius: 40px; color:#193b68; padding-left: 2rem; padding-right: 2rem;}
#main-nav.navbar a:hover.btn-yellow {color:#f27628; transition: all 300ms linear;}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {border-bottom: none; padding-left: 1.5rem; padding-right: 1.5rem;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#main-nav .container-fluid {
		flex-wrap: wrap;
	}
	
	#main-nav .navbar-collapse {
		flex-basis: 100%;
		order: 3;
	}
	
	#main-nav .navbar-brand {
		order: 1;
	}
	
	#main-nav .navbar-toggler {
		order: 2;
	}
	
	#main-nav .navbar-nav {
		margin-left: 0 !important;
	}
}

.dropdown-header,.dropdown-item {padding-left: 0;}
.dropdown-menu {border: none; border-radius: 0;}
.dropdown-item.active, .dropdown-item:active {background-color: transparent; font-weight: 700;}
.dropdown-item:hover {background-color: transparent;}
.dropdown-header,.dropdown-item {padding-right: 3rem;}

@media (min-width: 992px) {
	.dropdown-header,.dropdown-item {padding-left: 1.5rem;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.dropdown-header,.dropdown-item {padding-left: 1.5rem;}
	.menu-right {right: 0; left: auto;}
}
@media (min-width: 1200px) {
	.dropdown-menu {
		box-shadow: 0px 0px 5px 0px rgba(0,0,0, .1);
		left: 50% !important;
		transform: translateX(-50%) !important;
		top: 100% !important;
	}
}

.navbar-nav .dropdown-toggle::after {content: none;}

.dropdown-header {font-size:1rem; font-weight: 700;}
.dropdown-item {font-size: 0.875rem;}

/* ------ Navbar Toggle ------ */
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 40px;
	height: 20px;
	background-image: none;
	position: relative;
	border-bottom: 3px solid #f27628;
	transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 40px;
	position: absolute;
	height: 3px;
	background-color: #f27628;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
	transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}

/* ------ Sub Navigation ------ */
.sub-nav {font-weight: 700; padding: .5rem 0;}
.sub-nav a {color: #193b68;}
.sub-nav a:hover {color: #f27628;}

.nav-box a {color:#f27628;}
.nav-box a:hover {color:#fff;}

/* ------ YMH Section ------ */
h2,h3,h4,h5 {color: #193b68;}
#ymh .nav a.nav-link {font-weight: 700;}
#ymh .nav a.nav-link.active {color:#f27628;}
}

/* ------ Button ------ */
.btn {
  border-radius: 40px;
  font-size: 1rem;
  font-weight: 700;
  padding: .75rem 2rem;
  text-transform: uppercase;
}
.btn-outline-primary {border: 1px solid #fff; color: #fff;}
.btn-outline-primary:hover {background-color: #fff; border-color: #fff; color:#193b68; transition: color 0.5s ease;}
.btn-secondary {background-color: #193b68; border-color: #193b68; color:#fff;}
.btn-secondary:hover {background-color:#ffdc00; border-color:#ffdc00; color: #193b68; transition: color 0.5s ease;}
.btn-yellow {background-color: #ffdc00; border-color: #ffdc00; color:#193b68;}
.btn-yellow:hover {background-color:#193b68; border-color:#193b68; color:#ffffff; transition: color 0.5s ease;}
.btn-link {color: #193b68;}
.btn-link:hover {color: #f27628; transition: color 0.5s ease;}

/* --- Bootstrap button overrides --- */
.btn {
  --bs-btn-bg: #f27628;
  --bs-btn-border-color: #f27628;
  --bs-btn-hover-bg: #193b68;
  --bs-btn-hover-border-color: #193b68;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  border-radius: 40px;
  font-size: 1rem;
  font-weight: 700;
  padding: .75rem 2rem;
  text-transform: uppercase;
}

.btn-outline-primary {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-color: #193b68;
}

.btn-secondary {
  --bs-btn-bg: #f27628;
  --bs-btn-border-color: #f27628;
  --bs-btn-hover-bg: #27A3DD;
  --bs-btn-hover-border-color: #27A3DD;
  --bs-btn-color: #193b68;
  --bs-btn-hover-color: #fff;
}

/* ------ Sticky Navbar ------ */
@media (min-width: 1200px) {
	.sticky-lg-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
	}
	
	.sticky-lg-top.cols {
		top: 150px;
	}
}

.anchor {
	display: block;
	height: 100px;
	margin-top: -100px;
	visibility: hidden;
}

/* ------ Form Settings ------ */
#newsletter-strip .form-control {border: none; border-radius: 0; font-size: 1.25rem; padding: .65rem 1.5rem; min-height: 50px}
#newsletter-strip .btn-secondary {min-height: 50px}

/* ------ Breadcrumbs ------ */
.breadcrumb {background-color: transparent; padding-left: 0;}
.breadcrumb .breadcrumb-item,.breadcrumb .breadcrumb-item a {color: #f27628; font-weight: 700;}
.breadcrumb .breadcrumb-item.active {color: #f0f0f0; font-weight: 300;}
.breadcrumb-item+.breadcrumb-item::before {color: #f0f0f0;  content: "\f105";font-family: 'Font Awesome 5 Pro';}
.breadcrumb-item+.breadcrumb-item.text-body::before {color: #193b68!important;}

/* ------ Cards ------ */
.card {border-radius: 0;}
#wwd-cards .card {background: #193b68; padding: 3rem;}
#wwd-cards .card img {border: 6px solid #f27628; border-radius: 0; margin-bottom: 1.5rem;}
#wwd-cards .card-body {background: #fff; border: 6px solid #f27628; padding:2rem;}
#wwd-cards .btn-yellow {border: 4px solid #193b68;}



#how-it-works .content-wrap {align-content: center!important; display: flex; flex-wrap: wrap; padding: 5%;}
#how-it-works .content-wrap > * {flex-basis: 100%;}

#ymh #wwd .card {border-radius: 30px; background-color: #193b68!important; color: #fff;}
#ymh #wwd .card-img-top {border-radius: 30px 30px 0 0;}
#ymh #wwd .card-title {color: #fff;}
#ymh #wwd .card-body {padding: 30px;}

#ymh #ten-dow .card {border-radius: 30px;}
#ymh #ten-dow .card .card-img-top {text-align: center; max-height: 50px; border-radius: 50%; color: #fff;}
#ymh #ten-dow .col {margin-bottom: 80px!important;}
#ymh #ten-dow .card-body {padding: 60px 30px 30px;}

/* Custom styles for the icon positioning */
.circle-icon {
  position: absolute;
  top: -40px; /* Adjust this value to control how far the circle extends out of the card */
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
}

/* ------ Events / Resources / Sidebar-nav Nav ------ */
#events .card,#events .card-footer {background-color: #F7F7F7; border-top: none;}
#events .card h3,#events .card .h3,#resources .card h3,#resources .card .h3,#events .card h4,#events .card .h4,#resources .card h4,#resources .card .h4,#events .card h5,#events .card .h5,#resources .card h5,#resources .card .h5 {font-weight: 700; font-size: 1.25rem;}
/* #events .card-body,#resources .card-body {padding: 1.875rem;} */
/* #events .card-footer,#resources .card-footer {padding: 0 0 1.875rem 1.875rem;} */
#events .btn-link,#resources .btn-link {padding: 0;}

.event .card {border-bottom: 1px solid #ccc; margin-bottom: 1rem; padding-bottom: 1rem;}
/* ------ Resources / sidebar-nav Nav ------ */
#resources .card,#resources .card-footer {background-color: #fff; border-top: none;}
#resources .nav li,#sidebar-nav .nav li {font-weight: bold; margin-bottom: auto;}
#resources .nav-link,#sidebar-nav .nav-link {color:#425B77; padding: .15rem 0}
#resources .nav-link:hover,#resources .nav-link:hover.active,#sidebar-nav .nav-link:hover,#sidebar-nav .nav-link:hover.active {color: #f27628;}
#resources .nav-link.nav-cat {font-size: 1rem; font-weight: 500; color: #4D5562;}
#resources .nav-link.active,#sidebar-nav .nav-link.active,.sub-nav .nav-link.active {color: #1393CD;}

/* @media (min-width: 1600px) {
	#events .card-excerpt {font-size: 1.25rem;}
	#resources .nav-link,#sidebar-nav .nav-link {color:#425B77; font-size: 1.25rem; padding: .25rem 0}
} */

#staff .card {background-color: transparent;}
#staff a {color: #f27628;}
#staff a:hover {color: #fff;}

/* ------ Modal ------ */
.modal {background-color: rgba(255, 255, 255, 0.85); z-index: 9999;}
.modal-body p {font-size: 15px;}
.modal-header,.modal-footer {flex-wrap: nowrap; justify-content: space-between;}
.modal-header {margin: .25rem!important;}
.modal .close {font-size: 4.5rem;}

@media (min-width: 576px) {
	.modal-dialog {max-width: 1200px;}
}

/* ------ Breadcrumbs ------ */
.box-contact .card {border: 1px solid #F7F7F7;}
.box-contact .card .card-footer {background-color: rgba(255, 255, 255, 0); border-top: none; padding-right: 0; padding-left: 0; padding-top: 0;}

.page-link {border: 2px solid #F7F7F7; color: #1393CD;}
.page-link:hover {color: #f27628;}
.page-item.disabled .page-link {border-color: #F7F7F7;}

.accordion .card-header {background-color: transparent; padding: .5rem 1rem;}
.accordion .btn {padding: 0;}
.accordion .btn:hover {text-decoration: none;}

.accordion .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  float: right;
}

.accordion .card-header .btn-header-link.collapsed:after {
  content: "\f105";
}

.box-border {border: 1px solid #e4e4e4;}
.box-border .list-group-item {border-color: #e4e4e4;}

/* ====== Utilities ================ */

/* Simple override for all large screens
@media (min-width: 1400px) {
	.container {
		max-width: 1600px;
	}
} */

/*.container {
	max-width: 1600px;
	width: 98%;  Adds some breathing room on the sides
	margin-left: auto;
	margin-right: auto;
} */

/* Hero section container positioning */
.section-overlap-blue-orange .container {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/* Foreground blue banner */
.section-overlap-blue-orange {
	background-color: #193b68; /* dark blue */
	position: relative;
	z-index: 2;
}

/* Orange background - extends from RIGHT edge of container to RIGHT edge of viewport */
.section-overlap-blue-orange::before {
	content: "";
	position: absolute;
	top: -25px; /* Offset upward by 25-30px */
	left: 200px; /* Start 300px from the left edge of container */
	right: -100vw; /* Extend to the right */
	height: 100%;
	background-color: #f37021; /* orange */
	z-index: -1;
}

/* Blue bar - extends from LEFT edge of viewport to LEFT edge of container */
.section-overlap-blue-orange::after {
	content: "";
	position: absolute;
	top: 0;
	left: -100vw; /* Extend to the left */
	right: 0;
	height: 100%;
	background-color: #193b68; /* same blue as banner */
	z-index: -1; /* Changed from 1 to -1 */
}

/* Text content wrapper to ensure it's above pseudo-elements */
.section-overlap-blue-orange-content {
	position: relative;
	z-index: 1;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
	.hero-section {
		min-height: 600px !important;
	}
	.hero-section .container {
		position: absolute; /* Keep absolute positioning on mobile */
		bottom: 0px; /* Position at bottom on mobile too */
		left: 0;
		right: 0;
	}
	.hero-banner {
		padding: 1.5rem;
	}
	.hero-banner::before {
		top: -15px;
	}
}

.mission-tagline {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.4;
  text-transform: capitalize;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .arrow-stack {
	margin-right: 0;
	margin-bottom: -30px; /* Overlap downward on mobile */
	z-index: 2;
  }
  
  .arrow-stack img {
	width: 150px;
  }
  
  .mission-tagline {
	font-size: 1.5rem;
	text-align: center;
  }
  
  .mission-description p {
	font-size: 1rem;
  }
}




/* ------ Border Radius ------ */
.border-radius {border-radius: 30px;} 

/* ------ Slick Slider ------ */
.slick-slide {outline: none;}

.hero-slider img {
	width: 100%;
	height: auto;
	display: block;
}

/* Custom Arrow Styles */
.slick-prev,
.slick-next {
	width: 60px;
	height: 60px;
	z-index: 100;
}

.slick-prev:before,
.slick-next:before {
	content: '';
	display: none;
}

.slick-prev {
	left: -70px;
}

.slick-next {
	right: -70px;
}

@media (max-width: 768px) {
	.slick-prev,
	.slick-next {
		display: none !important;
	}
}

/* Left Arrow */
.slick-prev:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 28px solid #fff;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -14px;
	transform: none;
	transition: all 0.3s ease;
}

/* Right Arrow */
.slick-next:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 28px solid #fff;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -14px;
	transform: none;
	transition: all 0.3s ease;
}

.slick-prev:hover:after {
	border-right-color: #ffc107;
}

.slick-next:hover:after {
	border-left-color: #ffc107;
}

/* Dots Styling */
.slick-dots {
	bottom: -40px;
	display: none !important;
}

.slick-dots li button:before {
	font-size: 16px;
	color: white;
	opacity: 0.5;
}

.slick-dots li.slick-active button:before {
	color: #ffc107;
	opacity: 1;
}

.slick-dots li button:hover:before {
	color: #ffc107;
	opacity: 1;
}

@media (max-width: 768px) {
	.slick-dots {
		display: block !important;
	}
}

/* ------ DataTable Jobs ------ */
#jobs td {font-size: 1rem;}

/* ------ Backgrounds ------ */
.divider {}

/* ------ Backgrounds ------ */
.bg-dark-blue {background-color: #193b68; color: #fff;}
.bg-light-blue {background-color: #27A3DD;}
.bg-gray {background-color: #53586A; color: #fff;}
.bg-light-gray {background-color: #F7F7F7;}
.bg-light-green {background-color: #D8EEEB;}
.bg-orange {background-color: #f27628; color: #fff;}
.bg-yellow {background-color: #ffdc00;}
.bg-split-content-transparent-right {background: rgba(54, 81, 110, 0.8);}
.bg-linergradient-3colors {background: linear-gradient(340deg, rgba(37,244,172,1) 0%, rgba(12,76,135,1) 52%, rgba(10,58,104,1) 100%); width: 100%;
  height: 50vh; /* Adjust height as needed */ position: relative; margin-top: 0px;}
.bg-linergradient-orange-white {background: #f27628;}
.bg-linergradient-white-orange {background: linear-gradient(180deg,rgba(247, 247, 247, 1) 60%, rgba(242, 118, 49, 1) 60%);}
@media (min-width: 1600px) {
	.bg-linergradient-orange-white {background: linear-gradient(180deg,rgba(242, 118, 49, 1) 90%, rgba(247, 247, 247, 1) 90%);}
}

@media (min-width: 992px) {
	.bg-split-content-left {background: linear-gradient(-90deg, #6CC3CC 40%, #193b68 30%);}
	.bg-split-content-right {background: linear-gradient(90deg, #6CC3CC 40%, #193b68 30%);}
	.bg-split-content-white {background: linear-gradient(-90deg, #6cc3cc 40%, #fff 30%);}
	.bg-split-content-blue {background: linear-gradient(90deg, #1393CD 40%, #193b68 30%);}
	.bg-split-content-green {background: linear-gradient(90deg, #00af4c 40%, #193b68 30%);}
	.bg-split-content-orange {background: linear-gradient(-90deg, #f27628  40%, #193b68 30%);}
	.bg-split-content-white-orange {background: linear-gradient(-90deg, #f27628  40%, #ffffff 30%);}
	.bg-split-content-transparent-right {background: linear-gradient(-90deg, rgba(108, 195, 204, 0) 40%, rgba(54, 81, 110, 0.8) 30%);}
}

/* ------ Text Colors ------ */
.text-light-blue {color: #1393CD;}
.text-body {color: #193b68!important;}
.text-dark-blue {color: #193b68!important;}
.text-white {color: #fff!important;}


/* ------ Font Weights ------ */
.fw-light {font-weight: 300;}
.fw-medium {font-weight: 500;}
.fw-bold {font-weight: 700;}

/* ------ Font Awesome Caret Positioning ------ */
.fas.fa-caret-right { position: relative; left: 10px; top: 2px;}

.uppercase {text-transform: uppercase;}


/* ----- Flip Card ----- */
#ph-banner {z-index: -1;}
#ph-banner .carousel-item {min-height:650px;}

.carousel-inner.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-inner.carousel-fade .active {
  opacity: 1;
}
.carousel-inner.carousel-fade .active.left,
.carousel-inner.carousel-fade .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-item .active {
  opacity: 0;
  transition: opacity .8s ease-out;
  transition-property: opacity;
}

.flip-card .card {
	background-color: transparent; border: none; border-radius: 0; color: #fff; padding: 0;
}

.flip-card .card-title {color: #fff;}

.flip-card-inner {
	background-color: #193b68; border:1px solid #193b68;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
 /* position: absolute;
  width: 100%; */
  backface-visibility: hidden;
}

.flip-card-back {
  transform: rotateY(180deg);
  background-color: #193b68;
}

.flip-card-back h3 {color: #f27628!important;}

.flip-card img {max-height: 75px;}

.w-90 {width: 90%!important;}


/* ====== Accessibility ================ */

#skip-to-content {
  padding: 1em;
  position: absolute;
  top: -40px;
  left: 1em;
  z-index: 100000;
  color: white;
}

#skip-to-content:focus {
  position: absolute;
  top: 0;
  background: #222;
}


/* CALENDAR */
/* GLOBAL */
/* MONTH CALENDAR */

.pager {list-style: none; padding-left: 0;}

#month_calendar {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#month_calendar table, #month_calendar tr, #month_calendar td {
	padding: 0px;
}
#month_calendar_outer {
	width: 100%;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}
#month_calendar_inner {
	width: 100%;
	table-layout: fixed;
}
#month_calendar #month_calendar_inner td {
	width: 14%;
	height: 130px;
	padding: 5px;
}
#month_calendar .event {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	color: #7f7f7f;
	padding: 2px 0 0 0;
}
#month_calendar .event a {
	color: #565656;
	text-decoration: underline;
}
#month_calendar .day_cell .all_day, #month_calendar .day_cell .multi_day {
	padding: 0 6px;
	line-height: 20px;
	color: #7f7f7f;
}
#month_calendar .day_cell .all_day {
	margin-bottom: 2px;
	background-color: #f2f2f2;
	border: 1px solid;
	border-color: #c6c6c6;
}
#month_calendar .day_cell .multi_day {
	margin-bottom: 2px;
	background-color: #f2f2f2;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: none;
	border-right: none;
	border-color: #c6c6c6;
	margin-left: -5px;
	margin-right: -5px;
}
#month_calendar .day_cell .all_day a, #month_calendar .day_cell .multi_day a {
	color: #565656;
	text-decoration: none;
}
#month_calendar .day_cell .all_day a:hover, #month_calendar .day_cell .multi_day a:hover {
	color: #565656;
	text-decoration: underline;
}
#month_calendar .first_day {
	margin-left: 0 !important;
	border-left: 1px solid !important;
}
#month_calendar .last_day {
	margin-right: 0 !important;
	border-right: 1px solid !important;
}
#month_calendar .day_cell .date {
	width: 100%;
	text-align: right;
	margin: 0;
	padding: 0 0 3px 0;
}
#month_calendar .day_cell .date a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#month_calendar .day_cell .has_events a {
	color: #d75452;
	font-weight: bold;
}
#month_calendar .day_cell .date .num {
	font-size: 15px;
	color: #8a8a8a;
}
#month_calendar .day_cell .date a:hover {
	color: #000000;
	text-decoration: underline;
}
#month_calendar .day_cell .has_events a:hover {
	color: #000000;
}
#month_calendar .day_cell hr {
	margin-top: 7px;
	margin-bottom: 7px;
}
#month_calendar td.day_cell {
	padding-top: 30px;
}
#month_calendar .out_of_range {
	background: #fbfbfb;
}
#month_calendar .out_of_range .date {
	color: #aeaeae;
}
#month_calendar td.today {
	background-color: #fcf8e4;
}
#month_calendar #days_of_week th {
	padding: 5px 0;
	text-align: center;
	font-size: .65rem;
}
#month_calendar #month_year th {
	padding: 5px;
	color: #000;
}
#month_calendar #month_year th.left {
	text-align: left;
}
#month_calendar #month_year th.center {
	text-align: center;
}
#month_calendar #month_year th.right {
	text-align: right;
}
#month_calendar .popover-title span.event_time {
	display: block;
	color: #4f4f4f;
	font-size: 85%;
	margin-top: 5px;
}
#month_calendar .calendar-color {
	background-color: #9f9f9f;
	position: relative;
	top: 0;
	display: inline-block;
	height: 8px;
	width: 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-indent: -9000px;
}


/* WEEK CALENDAR */

#week_calendar .header div {
	float: left;
	width: 20%;
}
#week_calendar .header div.left {
	padding-left: 10px;
}
#week_calendar .header div.center {
	width: 55%;
	text-align: center;
}
#week_calendar .header div.right {
	text-align: right;
	padding-right: 10px;
}
#week_calendar ul.list-group {
	margin-bottom: 0px;
}


/* DAY CALENDAR */

#day_calendar .header div {
	float: left;
	width: 15%;
}
#day_calendar .header div.left {
	padding-left: 10px;
}
#day_calendar .header div.center {
	width: 65%;
	text-align: center;
}
#day_calendar .header div.right {
	text-align: right;
	padding-right: 10px;
}
#day_calendar ul.list-group {
	margin-bottom: 0px;
}
.list-group-item .calendar_event_title {
	color: #3a3a3a;
	text-decoration: underline;
}
.list-group-item .calendar_event_title:hover {
	color: #4f4f4f;
	text-decoration: none;
}


/* MINI CALENDAR */

#mini_calendar td, #mini_calendar th {
	padding: 0;
	margin: 0;
	text-align: center;
}
#mini_calendar th {
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
#mini_calendar .mini_calendar_days th {
	background: #e5e5e5;
	border: 1px solid #979797;
	border-width: 1px 0;
}
#mini_calendar th a {
	color: #000;
	font-size: 15px;
}
#mini_calendar td a {
	display: block;
	color: #fff;
}
#mini_calendar td div, #mini_calendar td.has_events div #mini_calendar td.mini_calendar_pad div {
	vertical-align: middle;
	text-align: center;
	padding: 6px;
}
#mini_calendar td.has_events div {
	padding: 0;
}
#mini_calendar td.has_events div a {
	font-weight: bold;
	color: #000000;
	display: block;
	padding: 6px;
	background-color: #f5f5f5;
}
#mini_calendar td.has_events .middot {
	display: block;
	padding: 6px;
}
#mini_calendar .middot {
	color: #bcbcbc;
}
#mini_calendar td.has_events div a:hover {
	background: #dff0d9;
	text-decoration: none;
}
#mini_calendar td.today div, #mini_calendar td.today div a {
	background-color: #fcf8e4;
}

/* Search */

#search {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(54, 81, 110, 0.97);
	
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;

	-webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
	
	opacity: 0;
	z-index: 9999;
}

#search.open {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
	opacity: 1;
}
#search label {
	position: absolute;
	top: 30%;
	width: 100%;
	color: #fff;
	text-align: center;
}
#search input[type="search"] {
	position: absolute;
	top: 50%;
	width: 100%;
	color: rgb(255, 255, 255);
	background: rgba(0, 0, 0, 0);
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	border: 0px;
	margin: 0px auto;
	margin-top: -51px;
	padding-left: 30px;
	padding-right: 30px;
	outline: none;
}
#search .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100px;
	max-width: 200px;
	margin-top: 61px;
	margin-left: -45px;
}
#search .close {
	position: fixed;
	top: 15px;
	right: 15px;
	color: #fff;
	border-color: #ccc;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}