/* -----------------------------------------

eagle-view.css

----------------------------------------- */

:root {

	--font-display: "Poppins";
	--font-heading: "Poppins";
	--font-text: "Poppins";

	--primary: #265273;
	--primary-hover: #3c6381;
	--primary-80: #596287;
	--ultralight: #f4fbfd;
	--light: #eaf7fb;
	--med: #c9d4dc;

	--text: #7d858d;
	--text-muted: #9da3a9;
	--text-darkened: #535c65;

	--secondary: #5C6670;
	--secondary-hover: #6c757e;
	--ultralight-secondary: #f7f7f8;
	--light-secondary: #eff0f1;
	--med-secondary: #ced1d4;

	--primary-med: #1d3e56;
	--primary-dark: #173145;
	--primary-darker: #0f212e;

	--mobile-nav-bg: var(--primary-darker);
	--mobile-nav-btn: var(--primary);

	--accent: #00A4D7;
	--accent-hover: #19addb;

	--border-radius: 1.5rem;
	--button-border-radius: 1.5rem;

	--header-menu-height: 3.5rem;
}

.logo {
	padding: 0.5rem 0;
}

::selection {
	background: var(--accent);
	color: white;
}

/* header announcement */
.site-header-announcement-banner {
	background: var(--accent);
}
/* header top row */
.site-header-top-row li, .site-header-top-row li a {
	color: var(--color-text-muted);
}
.site-header-top-row li, .site-header-top-row li a:hover {
	color: var(--color-text-darkened);
}
.site-header-top-row ul.contact-info li::before, .site-header-top-row ul.menu li::before, .site-header-top-row ul.menu li i.menu-icon {
	color: var(--accent);
}

/* header menu row */
.site-header-menu-row {
	z-index: 12;
	padding: 0;
}
.site-header-menu-row .site-container {
	position: relative;
	z-index: 12;
}

.home .sticky-header.sticky {
	border-bottom: 1px solid var(--light-secondary);
}

@media(min-width: 62rem) {
	.site-header-menu-row .site-nav-menu > ul > li > a {
		color: var(--color-text);
	}
}
@media(max-width:62rem) {
	.site-header-menu-row .site-nav-menu > ul > li > a:hover {
		background: var(--ultralight-secondary);
	}
	.site-nav-menu .top-cta .site-btn > a {
		background: var(--accent);
		color: var(--primary);
	}
	#header-menu-mobile a i {
		color: var(--accent)
	}
}

/* hero */


.home-hero.img-with-form .site-btn > a {
	background: var(--accent);
}

@media(min-width:1200px) {
	.home-hero.img-with-form {
	  background: var(--primary-med);
	  width: calc(100% - (var(--home-design-margin) * 2));
	  margin-left: var(--home-design-margin);
	  border-radius: var(--border-radius);
	  overflow: hidden;
	  color: #bfe6f4;
	}
	.home-hero.img-with-form .hero-img {
		height: calc( 100vh - (var(--header-height) + var(--home-design-margin)) );
	}
	.admin-bar .home-hero.img-with-form .hero-img {
		height: calc( 100vh - (var(--header-height) + var(--home-design-margin) + 32px) );
	}
	.home-hero.img-with-form .hero-contents {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		display: block;
		align-content: center;
	}
	.home-hero.img-with-form .hero-contents-bg {
		padding: 2rem 0 2rem calc(var(--container-margin) - var(--home-design-margin));
		border-radius: 0 var(--border-radius) var(--border-radius) 0;
		background: linear-gradient(to right, var(--primary-med), transparent 75%);
		width: calc(100% - (var(--hero-form-width) + 3rem));
	}
	.home-hero.img-with-form p.label {
		color: var(--accent);
		font-weight: 500;
		margin-bottom: 0.5rem;
	}
	.home-hero.img-with-form h1 {
		font-size: var(--base-h2-size);
	}
	.home-hero.img-with-form h2 {
		font-size: var(--base-h6-size);
		line-height: 1.75;
		max-width: 75%;
	}
	.home-hero.img-with-form .hero-form .form {
		background: rgba(36, 82, 115, 0.75)
	}
}
.gform_wrapper.gravity-theme .gform_footer input {
	background: var(--accent);
}
.gform_wrapper.gravity-theme .gform_footer input:hover {
	background: var(--accent-hover);
}
@media(max-width: 1200px) {
	.home-hero.img-with-form {
		padding: 0 var(--home-design-margin);
	}
	.home-hero.img-with-form h1 {
		color: var(--primary);
	}
}

/* home services */

.home-services .site-grid {
	grid-template-columns: repeat(1, 1fr);
	gap: 3rem;
}
.home-services .grid-column {
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	gap: 1rem;
}
@media(max-width:1024px) {
	.home-services .grid-column {
		grid-template-columns: repeat(1, 1fr);
	}
}
.home-services .grid-column .img {
	border-radius: var(--border-radius);
	background: var(--text);
	order: 1;
	height: auto;
	overflow: hidden;
}
.home-services .grid-column .img img {
	aspect-ratio: 3/2;
	width: 100%;
	height: auto;
	min-height: 100%;
}
.home-services .grid-column .text {
	order: 2;
	border-radius: var(--border-radius);
	background: white;
	padding: 6rem 3rem;
	text-wrap: balance;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
}
.home-services .grid-column:nth-of-type(odd) .text {
	order: 1;
}
.home-services .grid-column:nth-of-type(odd) .img {
	order: 2;
}
@media (max-width:1024px) {
	.home-services .grid-column:nth-of-type(odd) .text {
		order: 2;
	}
	.home-services .grid-column:nth-of-type(odd) .img {
		order: 1;
	}
}
.home-services .grid-column .text h3 {
	font-weight: 800;
	font-size: var(--base-h4-size);
	margin-bottom: 0.5rem;
}
.home-services .grid-column .text .links {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.home-services .grid-column .text .links a {
	display: inline-flex;
	color: var(--accent);
	text-decoration: none;
	font-weight: 500;
	transition: 0.2s color;
}
.home-services .grid-column .text .links a:hover {
	color: var(--primary);
}

/* home id */

.home-id {
}
.home-id .text {
	padding: 0 3rem 0 var(--container-margin);
}
.home-id .img {
	background: var(--light-secondary);
	border-radius: var(--border-radius);
	margin-right: var(--home-design-margin);
	overflow: hidden;
}
@media(max-width: 1024px) {
	.home-id .img {
		margin: 0 var(--home-design-margin);
	}
}

/* home icon boxes */

.home-icon-boxes .home-intro h2 {
	color: white;
}
.home-icon-boxes .home-intro .label {
	color: var(--accent-hover);
}
.home-icon-boxes .home-intro .lead {
	color: #d4eef8;
}
.home-icon-boxes .grid-column {
	background: var(--primary-med);
	padding: 2rem;
	border-radius: var(--border-radius);
	color: #bfe6f4;
	text-wrap: balance;
	display: flex;
	flex-direction: column;
}
.home-icon-boxes .grid-column .content {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.home-icon-boxes .home-icon {
	background: white;
	color: var(--accent);
	margin-bottom: 1.5rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.home-icon-boxes .home-icon i {
	font-weight: 600;
}
.home-icon-boxes .grid-column h3 {
	font-size: var(--base-h4-size);
	font-weight: 800;
	margin-bottom: 0.5rem;
}
.home-icon-boxes.extra-section .grid-column h3 {
	font-size: var(--base-h6-size);
}
.home-icon-boxes .grid-column h3 > a {
	color: white;
}
.home-icon-boxes .grid-column .site-btn {
	margin-top: auto;
}
.home-icon-boxes .grid-column .site-btn > a {
	background: var(--accent);
}

/* home map */

.home-map {
	padding-top: 0;
}
.home-map .map {
	order: 1;
}
.home-map .text {
	order: 2;
	border-radius: var(--border-radius) !important;
	background: white;
}
.home-map .text h6 {
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: var(--accent);
}
.home-map .text h2 {
	font-size: var(--base-h2-size);
	font-weight: 800 !important;
	margin-bottom: 2rem;
}
.home-map ul.angles {
	margin-bottom: 2rem;
}
.home-map ul.angles li::before {
	color: var(--accent);
}
.home-map .text li > a {
	color: var(--primary);
}

/* footer */

footer,
.home footer {
  background: var(--primary-med);
  width: calc(100% - (var(--home-design-margin) * 2));
  margin-left: var(--home-design-margin);
  border-radius: var(--border-radius);
  overflow: hidden;
  margin-top: var(--home-design-margin);
  margin-bottom: var(--home-design-margin);
  color: #bfe6f4;
}
footer .site-grid {
	grid-template-columns: repeat(3, 3fr);
}
@media (max-width:1024px) {
	footer .site-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}
footer .site-grid i {
	color: var(--accent);
	font-weight: 600;
}
footer .footer-socials li a {
	color: var(--accent);
}
footer .footer-socials li a:hover {
	color: var(--accent-hover);
}
footer .site-grid a, footer a {
	color: var(--ultralight);
}
footer .site-grid a:hover, footer a:hover {
	color: white;
}
footer .footer-text {
	text-align: center;
	font-size: 1.125rem;
	text-wrap: balance;
	line-height: 1.75;
	padding: 0 25%;
	margin-bottom: 2rem;
}
@media(max-width: 1024px) {
	footer .footer-text {
		padding: 0;
	}
}
footer .site-grid h5 {
	font-weight: 800;
}
footer .site-grid .footer-text h5 {
	font-size: var(--base-h4-size);
	font-weight: 800;
	margin-bottom: 0.5rem;
}
footer .legal {
	opacity: 1;
	font-size: 0.875rem;
}
footer .legal .site-container {
	justify-content: center;
}
footer .legal a {
	color: var(--ultralight);
}
@media(max-width: 62rem) {
	footer .footer-text {
		paddding: 0;
	}
}

.color-ultralight {
  color: var(--ultralight)
}