/* ========================================
   SCROLL ANIMATIONS
   ======================================== */

.animate-on-scroll {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.animate-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Stagger animation for cards within sections */
.animate-visible .connectivity-card,
.animate-visible .event-card {
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInUp 0.6s ease-out forwards;
}

.animate-visible .connectivity-card:nth-child(1),
.animate-visible .event-card:nth-child(1) { animation-delay: 0.1s; }
.animate-visible .connectivity-card:nth-child(2),
.animate-visible .event-card:nth-child(2) { animation-delay: 0.2s; }
.animate-visible .connectivity-card:nth-child(3),
.animate-visible .event-card:nth-child(3) { animation-delay: 0.3s; }
.animate-visible .connectivity-card:nth-child(4),
.animate-visible .event-card:nth-child(4) { animation-delay: 0.4s; }
.animate-visible .connectivity-card:nth-child(5),
.animate-visible .event-card:nth-child(5) { animation-delay: 0.5s; }
.animate-visible .connectivity-card:nth-child(6),
.animate-visible .event-card:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Disable animations for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
	.animate-on-scroll {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.animate-visible .connectivity-card,
	.animate-visible .event-card {
		opacity: 1;
		transform: none;
		animation: none;
	}
}


/* ========================================
   TRANSPARENT NAV EXPERIMENT (index2.html)
   ======================================== */

/* Position header over hero */
.transparent-nav .header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: transparent;
	box-shadow: none;
}

/* Remove any box shadow on mobile too */
.transparent-nav .header {
	box-shadow: none !important;
}

/* Nav link font styles - main nav only, not dropdowns */
.header .navbar .navbar-nav > li > a {
	font-size: 18px !important;
	font-weight: 300 !important;
}

/* White nav links */
.transparent-nav .header .navbar-nav li a {
	color: #ffffff;
}

/* Text shadow only on main nav, not dropdown */
.transparent-nav .header .navbar-nav > li > a {
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.transparent-nav .header .navbar-nav li a:hover,
.transparent-nav .header .navbar-nav li a:focus {
	color: rgba(255, 255, 255, 0.8);
}

/* White dropdown arrow */
.transparent-nav .header .navbar-nav .dropdown-toggle::after {
	color: #ffffff !important;
}

/* Hero needs padding-top to account for removed header space */
.transparent-nav .hero {
	padding-top: 0;
}

/* Move hero text down on transparent nav pages */
.transparent-nav .hero .hero-text {
	top: 50%;
}

.transparent-nav .hero .hero-text h1 {
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

/* White hamburger menu for mobile - may need a white version of the icon */
.transparent-nav .header .navbar-toggler span {
	filter: brightness(0) invert(1);
}

/* Invert logo to white */
.transparent-nav .header .navbar-brand img {
	filter: brightness(0) invert(1);
}

/* Center-align nav with logo */
.transparent-nav .header .navbar .container {
	align-items: center !important;
}

.transparent-nav .header .navbar-nav {
	align-items: center !important;
}

/* Mobile menu background when expanded */
@media (max-width: 991px) {
	.transparent-nav .header .navbar-collapse {
		background: rgba(18, 83, 140, 0.95);
		padding: 20px;
		margin-top: 20px;
		margin-left: -12px;
		margin-right: -12px;
		padding-left: 20px;
		padding-right: 20px;
		border-radius: 0;
	}

	/* Left-align all mobile nav text */
	.transparent-nav .header .navbar-nav {
		align-items: flex-start !important;
	}

	/* More padding on main nav items */
	.transparent-nav .header .navbar-nav > li {
		padding-bottom: 15px;
		width: 100%;
	}

	/* Simple white-on-dark for all mobile nav items including submenu */
	.transparent-nav .header .navbar-nav .dropdown-menu {
		background: transparent !important;
		box-shadow: none !important;
		padding: 10px 0 0 20px !important;
		min-width: auto !important;
	}

	.transparent-nav .header .navbar-nav .dropdown-item {
		color: #ffffff !important;
		padding: 8px 0 !important;
		font-size: 18px !important;
	}

	.transparent-nav .header .navbar-nav .dropdown-item:hover,
	.transparent-nav .header .navbar-nav .dropdown-item:focus {
		background: transparent !important;
		color: rgba(255, 255, 255, 0.8) !important;
		border-left: none !important;
	}
}

/* Scrolled state - sticky white nav */
.transparent-nav .header.scrolled {
	position: fixed;
	background: #ffffff;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) !important;
}

.transparent-nav .header.scrolled .navbar {
	padding: 12px 0px 10px;
}

.transparent-nav .header.scrolled .navbar .container {
	align-items: center !important;
}

.transparent-nav .header.scrolled .navbar-nav {
	align-items: center !important;
}

.transparent-nav .header.scrolled .navbar-nav li a {
	color: #393e46;
	text-shadow: none;
}

.transparent-nav .header.scrolled .navbar-nav li a:hover,
.transparent-nav .header.scrolled .navbar-nav li a:focus {
	color: #105b95;
}

.transparent-nav .header.scrolled .navbar-nav > li > a {
	text-shadow: none;
}

.transparent-nav .header.scrolled .navbar-brand {
	max-width: 126px;
}

.transparent-nav .header.scrolled .navbar-brand img {
	filter: none;
}

.transparent-nav .header.scrolled .navbar-nav .dropdown-toggle::after {
	color: #105b95 !important;
}

/* Reset hamburger icon to dark when scrolled */
.transparent-nav .header.scrolled .navbar-toggler span {
	filter: none;
}

/* Mobile menu when scrolled - same as non-scrolled */
@media (max-width: 991px) {
	.transparent-nav .header.scrolled .navbar-collapse {
		background: rgba(18, 83, 140, 0.95);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	}

	.transparent-nav .header.scrolled .navbar-collapse .navbar-nav li a,
	.transparent-nav .header.scrolled .navbar-collapse .navbar-nav .dropdown-item {
		color: #ffffff !important;
	}

	.transparent-nav .header.scrolled .navbar-nav .dropdown-toggle::after {
		color: #ffffff !important;
	}
}

/* Smooth transitions for header elements */
.transparent-nav .header {
	transition: background 0.4s ease, box-shadow 0.4s ease;
}

.transparent-nav .header .navbar {
	transition: padding 0.4s ease;
}

.transparent-nav .header .navbar-brand {
	transition: max-width 0.4s ease;
}

.transparent-nav .header .navbar-nav li a {
	transition: color 0.4s ease, text-shadow 0.4s ease;
}

.transparent-nav .header .navbar-brand img {
	transition: filter 0.4s ease;
}


/* ========================================
   HERO SECTION STYLES
   ======================================== */

/* Subtle dark overlay on hero images for better text/nav readability */
.transparent-nav .hero::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.15);
	pointer-events: none;
	z-index: 1;
}

/* Ensure hero text stays above overlay */
.transparent-nav .hero .hero-text {
	z-index: 2;
}

/*shorten hero height*/

.hero {
	/* height: 60vh !important; */
	/* 50% of viewport height */
	overflow: hidden;
	position: relative;
}

.hero img {
	width: 100% !important;
	/* height: 80% !important; */
	object-fit: cover;
	object-position: center;
}

/* Home page hero - taller to show more sky, cropped from bottom */
@media (min-width: 768px) {
	.hero.home {
		height: 440px;
	}

	.hero.home img {
		height: 700px;
		object-position: center top;
	}
}

@media (min-width: 768px) {
	.hero .hero-text h1 {
		margin-top: 100px !important;
	}
}

@media (max-width: 767px) {
	.hero {
		height: 350px !important;
	}

	.transparent-nav .hero .hero-text h1 {
		font-size: 44px;
		line-height: 1.2;
	}
}


/* ========================================
   SUB-HERO SECTION STYLES
   ======================================== */

@media (min-width: 768px) {
	.sub-hero {
		padding: 40px 0px;
	}
}


/* ========================================
   CTA / QUOTE SECTION STYLES
   ======================================== */


/* CTA to one line */

.quote-section .quote-content {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 30px !important;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

.quote-section .quote-button {
	margin: 0 !important;
	flex-shrink: 0;
	max-width: 286px;
}

.quote-section p {
	margin-bottom: 0 !important;
	white-space: nowrap !important;
	flex-shrink: 0;
}


/* .quote-section p br {
	display: none !important;
} */


/* Prevent decorative overlays from blocking clicks */
.quote-section.about:after,
.connectivity-section:after {
	pointer-events: none;
}

/* On smaller screens, allow wrapping and stack vertically */

@media (max-width: 1400px) {
	.quote-section p {
		white-space: normal !important;
	}

	/* .quote-section p br {
		display: block !important;
	} */
}

@media (max-width: 991px) {
	.quote-section .quote-content {
		flex-direction: column !important;
		gap: 20px !important;
	}

	.quote-section .quote-button {
		margin: 28px auto 0px !important;
	}
}


/* ========================================
   NAVIGATION / DROPDOWN STYLES
   ======================================== */


/* Enhanced Dropdown Menu Styling */

.navbar-nav .dropdown-menu {
	background-color: #ffffff !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
	min-width: 320px !important;
	padding: 8px 0 !important;
	margin-top: 0px !important;
	font-family: "Open Sans", sans-serif !important;
}

.navbar-nav .dropdown-item {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #393e46 !important;
	padding: 12px 20px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	transition: all 0.2s ease !important;
	display: block !important;
}

.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus {
	background-color: transparent !important;
	color: #105b95 !important;
	border-left: 4px solid #009adc !important;
}


/* Make dropdown work on hover - CSS version disabled for JS animation */
/*
.navbar-nav .dropdown:hover .dropdown-menu {
	display: block !important;
}
*/

.navbar-nav .dropdown-menu {
	display: none;
}


/* Dropdown arrow styling */

.navbar-nav .dropdown-toggle::after {
	margin-left: 8px !important;
	color: #105b95 !important;
	transition: transform 0.2s ease !important;
}

.navbar-nav .dropdown:hover .dropdown-toggle::after {
	transform: rotate(180deg) !important;
}


/* Ensure the main Solutions link is clickable */

.navbar-nav .dropdown-toggle[href]:not([data-bs-toggle]) {
	pointer-events: auto !important;
}


/* ========================================
   NEXUS GRID SECTION STYLES
   ======================================== */

/* Reversed layout - image on left, text on right */
@media (min-width: 768px) {
	.nexus-grid-section.reverse .nexus-content {
		flex-direction: row-reverse;
	}
}

/* Hide vertical line on reversed section */
.nexus-grid-section.reverse .nexus-content::after {
	display: none !important;
}

/* Image styling for reversed section */
.nexus-grid-section.reverse {
	margin-bottom: 0;
	padding-bottom: 80px;
}

.nexus-grid-section.reverse .image-block {
	max-width: 100%;
}

.nexus-grid-section.reverse .image-block img {
	width: 100%;
	height: 350px;
	object-fit: cover;
	border: 1px solid #ccc;
}

/* Subhead styling for reversed section */
.nexus-grid-section.reverse .content-block h3 {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	color: #12538c;
	margin-bottom: 20px;
}

/* CTA button for GRID Portal section */
.grid-cta {
	margin-top: 20px;
}

.grid-cta .btn {
	background: #009adc;
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	padding: 0 20px;
	border-radius: 0;
	transition: all 0.3s ease-in-out;
}

.grid-cta .btn:hover {
	background: #007bb3;
	color: #ffffff;
}

/* White background variant */
.nexus-grid-section.white-bg {
	padding: 60px 0 60px 0 !important;
	margin-top: 0 !important;
}

.nexus-grid-section.white-bg .nexus-content {
	padding-top: 0;
}

.nexus-grid-section.white-bg::after {
	background: #ffffff !important;
	height: 100% !important;
	top: 0 !important;
}

/* Hide vertical line on white-bg section */
.nexus-grid-section.white-bg .nexus-content::after {
	display: none !important;
}

/* Subhead styling for white-bg section */
.nexus-grid-section.white-bg .content-block h3 {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	color: #12538c;
	margin-bottom: 20px;
}

.nexus-grid-section.white-bg .content-block h3 sup {
	font-size: 8px;
	position: relative;
	top: -12px;
}

/* Add gap between content and video */
.nexus-grid-section.white-bg .nexus-content {
	gap: 40px;
	justify-content: flex-start;
	margin-left: 0 !important;
	margin-right: auto !important;
	flex-wrap: nowrap !important;
}

@media (max-width: 767px) {
	.nexus-grid-section.white-bg .nexus-content {
		flex-wrap: wrap !important;
		flex-direction: column !important;
		align-items: center;
	}

	.nexus-grid-section.white-bg .content-block {
		text-align: center;
	}

	.nexus-grid-section.white-bg .content-block h2,
	.nexus-grid-section.white-bg .content-block h3,
	.nexus-grid-section.white-bg .content-block p {
		text-align: center;
	}

	.nexus-grid-section.white-bg .grid-cta {
		display: flex;
		justify-content: center;
	}
}

/* Align text with image in section above */
.nexus-grid-section.white-bg .content-block {
	padding-left: 0;
	margin-left: 0;
}

/* Video block styling */
.nexus-grid-section .video-block {
	flex: 1 1 50%;
	max-width: 500px;
	min-width: 300px;
}

@media (max-width: 767px) {
	.nexus-grid-section .video-block {
		min-width: 100%;
		max-width: 100%;
	}
}

.nexus-grid-section .video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
}

.nexus-grid-section .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ========================================
   SOLUTIONS SECTION STYLES
   ======================================== */

.solutions-info .content p {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 36px;
	color: #393e46;
	max-width: 100%;
	text-align: left;
}

.solutions-info .content ul {
	line-height: 36px;
}

.solutions-info .content ul li {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 36px;
	color: #393e46;
	max-width: 100%;
	text-align: left;
}


/* Reverse layout for solutions sections */

@media (min-width: 768px) {
	.solutions-info .solutions-wrap.reverse {
		flex-direction: row-reverse !important;
		margin-top: 80px !important;
		margin-bottom: 80px !important;
	}

	.solutions-info .solutions-wrap.reverse .content {
		padding-left: 42px !important;
		padding-right: 0px !important;
	}

	.solutions-info .solutions-wrap.reverse .content:after {
		left: -72px !important;
		right: auto !important;
	}

	.solutions-info .solutions-wrap.reverse .content:before {
		right: 0px !important;
		left: auto !important;
	}
}

@media (min-width: 1440px) {
	.solutions-info .solutions-wrap.reverse .content {
		padding-left: 72px !important;
	}
}


/* @media (min-width: 768px) {
	.solutions-main-info {
		padding: 21px 0px 90px;
	}
} */

.solutions-main-info .solutions-wrap::after {
	content: "";
	position: absolute;
	border-left: 2.02px solid #12538c;
	height: 100%;
	top: 0px;
	left: auto;
	right: 90%;
	display: none;
}


/* ========================================
   CONNECTIVITY SECTION STYLES
   ======================================== */


/*fix white brackets on images */


/* Limit image height at 2-column breakpoint */
@media (min-width: 768px) and (max-width: 1199px) {
	.connectivity-section .connectivity-card .image-wrap {
		max-height: 350px;
		overflow: hidden;
	}

	.connectivity-section .connectivity-card .image-wrap:before {
		padding-top: 80%;
	}
}

/*
.connectivity-section .connectivity-card .image-wrap {
	position: relative !important;
} */


/* Top-left positioning for top-shape */


/* .connectivity-section .connectivity-card .image-wrap.top-shape:after {
	top: 0 !important;
	left: 0 !important;
} */


/* Bottom-right positioning for bottom-shape */


/* .connectivity-section .connectivity-card .image-wrap.bottom-shape:after {
	top: auto !important;
	bottom: 0 !important;
	left: auto !important;
	right: 0 !important;
} */


/* .connectivity-section .connectivity-card h3 {
	line-height: 32px;
} */


/* ========================================
   WHY CHOOSE SECTION STYLES
   ======================================== */


/*Why Choose Iceblue Global */

.why-choose:after {
	height: 100% !important;
}


/* ========================================
   TEAM SERVICES SECTION STYLES
   ======================================== */


/* Match the header sizes to the solutions main info section */


/* .team-services .service-assurance h2 {
	font-size: 50px !important;
	line-height: 58px !important;
} */


/* Match the paragraph text size */

.team-services .copy p {
	font-size: 18px !important;
	line-height: 28px !important;
}


/* Keep the h3 subheadings proportional but larger */

.team-services .copy h3 {
	font-size: 24px !important;
	line-height: 32px !important;
}


/* Remove the gap property that broke the layout */

.team-services .row {
	/* gap: unset !important;
	margin: 0 -50px !important; */
	/* Increased from -30px to -50px */
}

.team-services .col-md-6 {
	/* padding: 0 50px !important; */
	/* Increased from 30px to 50px */
}


/* Make the section use more of the page width */


/* .team-services .container {
	max-width: 1200px !important;
} */


/* Add more breathing room around the section */


/* .team-services {
	padding: 80px 0px 80px !important;
} */


/* Add some spacing between the copy blocks */


/* .team-services .copy {
	margin-bottom: 40px !important;
} */


/* Responsive adjustments */

@media (max-width: 768px) {
	.team-services .service-assurance h2 {
		font-size: 36px !important;
		line-height: 40px !important;
	}

	.team-services .copy p {
		font-size: 18px !important;
		line-height: 26px !important;
	}

	.team-services .copy h3 {
		font-size: 24px !important;
		line-height: 28px !important;
	}

	/* .team-services .row {
		margin: 0 -20px !important;
	}

	.team-services .col-md-6 {
		padding: 0 20px !important;
	}

	.team-services .copy {
		margin-bottom: 30px !important;
	} */
}


/* ========================================
   TEAM LEADERSHIP STYLES
   ======================================== */

@media (min-width: 1440px) {
	.team-leadership .team-block ul li .team-text h4 span {
		font-size: 22px;
		line-height: 34px;
	}
}


/* ========================================
   VALUES GRID STYLES
   ======================================== */

.values-grid {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 28px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	z-index: 2;
	position: relative;
}


/* ========================================
   HISTORY SECTION STYLES
   ======================================== */

.history-block .history-text p {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 36px;
	color: #393e46;
}


/* ========================================
   OUR MISSION SECTION STYLES
   ======================================== */

.our-mission .stats ul li span {
	font-size: 64px;
}

@media (max-width: 767px) {
	.core-value-wrapper {
		display: none !important;
	}

	.list-block {
		display: block !important;
	}

	.list-block ul {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px 20px;
		max-width: 320px;
		margin: 0 auto;
	}

	.list-block ul li {
		display: inline-block !important;
		border: none !important;
		padding: 0 !important;
		font-size: 24px;
		margin: 0 !important;
	}

	.list-block ul li::before,
	.list-block ul li::after {
		display: none !important;
	}

	.history-block .history-text p {
		font-size: 18px;
		line-height: 28px;
	}

	.our-mission .stats ul li span {
		font-size: 56px;
	}

	.location-block .location .location-content p {
		font-size: 18px;
		line-height: 28px;
	}

	.our-mission .mission-content h2 {
		font-size: 38px;
	}

	.our-mission .mission-content p {
		font-size: 18px;
	}

	.quote-section p {
		font-size: 38px;
	}

	.connectivity-section .head h2 {
		font-size: 38px;
	}

	.why-choose .content h2 {
		font-size: 38px;
	}

	.why-choose .content p {
		font-size: 18px;
	}

	.why-choose .content .features li .icon img {
		max-width: 68%;
	}

	.nexus-grid-section .content-block h2 {
		font-size: 38px;
	}

	.solutions-main-info .content h2 {
		font-size: 38px;
		line-height: 46px;
	}

	.solutions-main-info .content p {
		font-size: 18px;
	}

	.team-services .head h2 {
		font-size: 38px;
	}

	.team-services .head {
		margin-bottom: 30px;
	}

	.team-services .service-assurance h2 {
		font-size: 32px;
		margin-bottom: 32px;
	}

	.solution-info-update .solutions-wrap .content h2 {
		background-color: transparent;
		font-size: 38px;
		line-height: 46px;
		padding-bottom: 30px;
	}

	.solution-info-update .solutions-wrap .content p {
		font-size: 18px;
	}

	.solutions-main-info.dia-page .solutions-wrap .content h3 {
		font-size: 38px;
	}

	.solutions-main-info.dia-page .solutions-wrap .content {
		padding-right: 52px;
		padding-left: 0;
		padding-bottom: 20px;
	}

	.solution-service .content h4 {
		font-size: 38px;
	}

	.solution-service .content p {
		font-size: 18px;
	}

	.solution-service {
		margin-top: 0px;
		padding-top: 0px;
	}

	.solutions-main-info .content ul,
	.solution-info-update .content ul,
	.solution-service .content ul,
	.solutions-info .content ul {
		padding-left: 14px !important;
		margin-left: 14px !important;
	}

	.solutions-main-info .content ul li,
	.solution-info-update .content ul li,
	.solution-service .content ul li,
	.solutions-info .content ul li {
		list-style-position: outside;
		padding-left: 4px;
	}
}

/* @media (min-width: 1440px) {
	.our-mission {
		padding: 95px 0px 162px;
	}
} */


/* ========================================
   COVERAGE MAP STYLES
   ======================================== */

.coverage-map {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-top: 30px;
}

/* ========================================
   ABOUT PAGE STYLES
   ======================================== */

.core-value-wrapper img {
	max-width: 320px !important;
	height: auto;
}

.core-value-wrapper {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: flex-start;
}

@media (max-width: 767px) {
	.core-value-wrapper {
		display: none !important;
	}
}

/* Fix decorative element overlapping text */
.solution-service .content p {
	padding-right: 80px;
}

/* ========================================
   FOOTER STYLES
   ======================================== */


/*footer responsive image */

.footer {
	background-size: cover !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	width: 100% !important;
	min-height: 500px !important;
	/* padding: 80px 0px 120px !important; */
}

@media (max-width: 992px) {
	.footer {
		min-height: 400px !important;
		padding: 60px 0px 80px !important;
	}
}

@media (max-width: 768px) {
	.footer {
		min-height: 350px !important;
		padding: 60px 0px 60px !important;
	}
}

@media (max-width: 480px) {
	.footer {
		min-height: 300px !important;
		padding: 40px 0px 40px !important;
	}
}


/* ========================================
   DEVELOPMENT / TEMPORARY STYLES
   ======================================== */


/*Remove before launch*/

.content-pill {
	display: inline-block;
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
	border-radius: 5px;
	padding: 2px 12px;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #856404;
	margin: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


/*=======================blog================*/


/* Featured Post */

.featured-post {
	display: flex;
	flex-wrap: wrap;
	margin: 60px 0px;
}

.featured-post img {
	width: 100%;
	max-width: 50%;
	object-fit: cover;
}

.featured-content {
	flex: 1;
	padding: 0px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.featured-content h2 {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-size: 50px;
	line-height: 58px;
	color: #393e46;
}

.featured-content .date {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin-bottom: 15px;
}

.featured-content p {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #000;
}

@media (min-width: 1440px) {
	.featured-content p {
		font-size: 20px;
		line-height: 28px;
	}
}


/* Responsive */

@media (max-width: 900px) {
	.featured-post img {
		max-width: 100%;
	}

	.featured-content {
		padding: 25px;
	}
}


/* ========================================
   NEWS FEATURED SECTION - ARROW HOVER
   ======================================== */

.news-event .content-bottom a img {
	transition: margin-left 0.2s ease;
}

.news-event .content-bottom a:hover img {
	margin-left: 15px;
}


/* ========================================
   BLOG POST PAGE STYLES
   ======================================== */

.blog-post {
	padding: 60px 0;
}

.blog-post-content {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.blog-post-content .post-meta {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	color: #12538c;
	margin-bottom: 30px;
}

.blog-post-content .post-meta a {
	color: #12538c;
	text-decoration: none;
}

.blog-post-content .post-meta a:hover {
	text-decoration: underline;
}

.blog-post-content .post-subtitle {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	color: #12538c;
	margin-bottom: 30px;
}

.blog-post-content .post-date {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color: #666;
	margin-bottom: 25px;
}

.blog-post-content h3 {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 38px;
	color: #393e46;
	margin-top: 40px;
	margin-bottom: 20px;
}

.blog-post-content p {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #393e46;
	margin-bottom: 20px;
}

.blog-post-content ul {
	margin-bottom: 20px;
	padding-left: 20px;
}

.blog-post-content ul li {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #393e46;
	margin-bottom: 15px;
}

.blog-post-content ul li strong {
	color: #12538c;
}

.blog-post-content ul li em {
	color: #009adc;
	font-style: normal;
	font-weight: 600;
}

.blog-post-content a {
	color: #009adc;
	text-decoration: underline;
}

.blog-post-content a:hover {
	color: #12538c;
	text-decoration: underline;
}

.blog-post-content .blog-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
	margin: 30px 0 40px;
}

.blog-post-content .blog-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
	.blog-post {
		padding: 40px 0;
	}

	.blog-post-content .post-subtitle {
		font-size: 20px;
		line-height: 28px;
	}

	.blog-post-content h3 {
		font-size: 26px;
		line-height: 32px;
	}

	.blog-post-content p,
	.blog-post-content ul li {
		font-size: 16px;
		line-height: 26px;
	}
}