:root {
	--color-primary: #062f87;
	--color-primary-rgb: 6, 47, 135;
	--color-primary-dark: #062f87;
	--color-primary-100: rgb(232, 237, 247);
    --color-primary-200: rgb(200, 212, 235);
    --color-primary-300: rgb(144, 170, 217);
    --color-primary-400: rgb(92, 120, 186);
    --color-primary-500: #062f87;
    --color-primary-600: rgb(5, 38, 108);
    --color-primary-700: rgb(4, 30, 86);
    --color-primary-800: rgb(3, 22, 63);
    --color-primary-900: rgb(2, 15, 43);
	--color-secondary: #1e9ed3;
	--color-secondary-rgb: 30, 158, 211;
	--color-secondary-100: rgb(227, 244, 251);
    --color-secondary-200: rgb(191, 229, 245);
    --color-secondary-300: rgb(137, 205, 236);
    --color-secondary-400: rgb(84, 181, 227);
    --color-secondary-500: #1e9ed3;
    --color-secondary-600: rgb(24, 126, 168);
    --color-secondary-700: rgb(19, 100, 134);
    --color-secondary-800: rgb(14, 74, 99);
    --color-secondary-900: rgb(9, 47, 63);
	--color-light: var(--color-secondary-300);
	--color-lighter: var(--color-secondary-200);
	--color-lightest: var(--color-secondary-100);
	--color-secondary-dark: var(--color-secondary-600);
	--color-secondary-light: var(--color-secondary-200);
	--color-icon: var(--color-primary);
	--color-text-light: var(--color-light);
	--color-text-heading: var(--color-primary);
    --color-background: #ffffff;
    --color-link: var(--color-primary);
    --color-link-hover: var(--color-secondary);
	--form-input-border-color-hover: var(--color-primary);
	--form-input-border-color-focus: var(--color-primary);
	--page-banner-overlay: rgba(var(--color-primary-rgb), 0.2) !important;
	--footer-cta-bg-overlay-var: linear-gradient(
  0deg,
  rgba(6, 47, 135, 0.75) 0%,      /* primary-500, more opaque */
  rgba(30, 126, 168, 0.5) 50%,    /* secondary-600, more opaque */
  rgba(19, 100, 134, 0.85) 70%,   /* secondary-700, even more opaque */
  rgba(9, 47, 63, 0.8) 100%         /* secondary-900, fully opaque */
);
--btn-icon-url-default: url(/wp-content/themes/atatitle/public/dist/icons/arrow-right.svg);
}

/* Header/Nav */
.header__logo {
	margin-left: calc(var(--header-spacing) * .5);
}
/* Hero */
.hero {
	.hero__title {
		color: var(--color-secondary-200);
		max-width: 700px;
	}
	.hero__accent {
		background-color: var(--color-light);
	}
	.hero__text {
		.btn.btn--hollow-medium {
			--btn-color: var(--color-primary);
			--btn-color-bg: transparent;
			--btn-color-bg-hover: var(--color-primary);
			--btn-color-border: white;
			--btn-color-text: white;
			--btn-color-text-hover: white;
			--btn-icon-color: white;
		}
	}
}

.page-banner {
	.page-banner__subtitle-content {
		color: var(--color-light);
	}
	.page-banner__subtitle-accent {
		background-color: var(--color-light);
	}
	.page-banner__title {
		color: white;
	}
}

.btn {
	&.btn--hollow-secondary {
		--btn-color: var(--color-primary);
		--btn-color-bg: transparent;
		--btn-color-bg-hover: var(--color-primary);
		--btn-color-border: white;
		--btn-color-text: white;
		--btn-color-text-hover: white;
		--btn-icon-color: white;
		--btn-linear-gradient: linear-gradient(to right, rgba(232, 232, 232, 0.2) 0%, rgba(233, 233, 233, 0.2) 15%, rgba(232, 232, 232, 0.1) 30%, transparent 100%, #d6d6d6 100%);
	}
	&.btn--hollow-medium {
		--btn-linear-gradient: linear-gradient(to right, rgba(232, 232, 232, 0.2) 0%, rgba(233, 233, 233, 0.2) 15%, rgba(232, 232, 232, 0.1) 30%, transparent 100%, #d6d6d6 100%);
	}
}

/* Footer */
.footer-cta__container {
	color: var(--color-lighter);
}

footer.footer {
	--footer-color-text: var(--color-white);
	--footer-background: linear-gradient(0deg, rgb(34, 34, 34) 0%, rgba(228, 228, 228, 0.05) 100%), #222222;
}

/* Page Content */
.page-content {
	a {
		&:where(:not(.btn)) {
			text-decoration: underline;
		}
	}
	h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	--color-text-heading: var(--color-primary) !important;
	}
	.two-column-content-section--contained, .two-column-content-section.is-style-contained {
		--two-column-content-section-color-bg: var(--color-lightest);
	}
}

/* Overrides */

.navigation__submenu {
	--submenu-color-background: var(--color-primary);
    --submenu-color-background-hover: var(--color-primary-600);
}

.btn--color-secondary {
	-btn-color-bg-hover: var(--color-secondary-dark);
}

.footer-cta {
	&:after {
		--footer-cta-bg-overlay: var(--footer-cta-bg-overlay-var) !important;
		background: var(--footer-cta-bg-overlay-var) !important;
	}
}
.footer-cta__cards {
	.card {
		.card__cta {
			border-color: var(--color-primary);
			color: var(--color-primary);
			&::before {
				background: var(--color-primary);
			}
			&:hover {
				color: white;
				background-color: var(--color-primary);
				&::before {
					background: white;
				}
			}
			
		}
		.card__title {
			color: var(--color-primary);
		}
		.card__side-text-content {
			color: var(--color-primary-300);
		}
		.card__side-text-accent {
			background-color: var(--color-primary-300);
		}
	}
}

.header__cta .header__cta-btn {
	background-color: var(--color-secondary);
	color: white;
	border-color: var(--color-secondary);
	&:hover {
		background-color: var(--color-secondary-dark);
		border-radius: var(--header-border-radius);
		border-color: var(--color-secondary-dark);
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		@media (min-width: 1200px) {
			border-bottom-right-radius: var(--header-border-radius) !important;
		}
	}
}
.header__actions {
	.header__action {
		--icon-color: var(--color-primary);
		--icon-color-hover: white;
		--btn-color-bg-hover: var(--color-primary);
		--btn-color-border: var(--color-primary);
		--btn-color-text: var(--color-primary);
		--btn-color-text-hover: white;
		&:hover {
			&::before {
				background: white;
			}
		}
	}
}

.cards--grid.content--grid {
	&.cards--grid--2 {
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
		.card {
			max-width: 100%;
			min-height: auto;
			h3 {
				margin: 0;
			}
			ul {
				margin: 0;
			}
			p {
				&:first-of-type {
					margin-top: 0;
				}
				&:last-of-type {
					margin-bottom: 0;
				}
			}
			&.white {
				background-color: white;
			}
		}
	}
}

.footer-quicklinks {
	.footer-quicklinks__container {
		align-items: flex-start;
	}
}

/* Forms */
.gform_button_select_files {
	background-color: var(--color-primary);
}
.disclaimer-check label {
	display: inline !important;
}

/* Locations */
.locations-list {
	.card {
		.location-title {
			&::after {
				background-color: #000000;
			}
		}
	}
}