:root {
	--color-primary: #0099a9;
	--color-primary-rgb: 0, 153, 169;
	--color-primary-dark: #007a8a;
	--color-primary-100: rgb(220, 244, 247);
    --color-primary-200: rgb(179, 233, 240);
    --color-primary-300: rgb(102, 210, 226);
    --color-primary-400: rgb(51, 183, 207);
    --color-primary-500: #0099a9;
    --color-primary-600: rgb(0, 122, 138);
    --color-primary-700: rgb(0, 97, 110);
    --color-primary-800: rgb(0, 72, 82);
    --color-primary-900: rgb(0, 47, 54);
	--color-secondary: #254985;
	--color-secondary-rgb: 37, 73, 133;
	--color-secondary-100: rgb(227, 233, 245);
    --color-secondary-200: rgb(199, 212, 235);
    --color-secondary-300: rgb(143, 170, 215);
    --color-secondary-400: rgb(95, 130, 195);
    --color-secondary-500: #254985;
    --color-secondary-600: rgb(30, 58, 106);
    --color-secondary-700: rgb(24, 46, 84);
    --color-secondary-800: rgb(18, 34, 62);
    --color-secondary-900: rgb(12, 22, 40);
	--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, rgb(94 94 94 / 80%) 0%, rgb(88 88 88 / 85%) 50%, rgba(166, 166, 166, 0.9) 70%, rgba(160, 160, 160, 0.97) 100%);
	--btn-icon-url-default: url(/app/themes/atatitle/public/dist/icons/arrow-right.svg);
}

/* 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-light);
	--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;
			}
		}
	}
}