:root {
	--color-primary: #000000;
	--color-primary-rgb: 0, 0, 0;
	--color-primary-dark: #000000;
	--color-primary-100: rgb(245, 245, 245);
    --color-primary-200: rgb(220, 220, 220);
    --color-primary-300: rgb(180, 180, 180);
    --color-primary-400: rgb(120, 120, 120);
    --color-primary-500: #000000;
    --color-primary-600: rgb(60, 60, 60);
    --color-primary-700: rgb(40, 40, 40);
    --color-primary-800: rgb(20, 20, 20);
    --color-primary-900: rgb(0, 0, 0);
	--color-secondary: #000000;
	--color-secondary-rgb: 0, 0, 0;
	--color-secondary-100: rgb(245, 245, 245);
    --color-secondary-200: rgb(220, 220, 220);
    --color-secondary-300: rgb(180, 180, 180);
    --color-secondary-400: rgb(120, 120, 120);
    --color-secondary-500: #000000;
    --color-secondary-600: rgb(60, 60, 60);
    --color-secondary-700: rgb(40, 40, 40);
    --color-secondary-800: rgb(20, 20, 20);
    --color-secondary-900: rgb(0, 0, 0);
	--color-light: #d6d6d6;
	--color-lighter: #e9e9e9;
	--color-lightest: #f0f0f0;
	--color-secondary-dark: #000000;
	--color-secondary-light: #515151;
	--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(/wp-content/themes/atatitle/public/dist/icons/arrow-right.svg);
}

/* Hero */
.hero {
	.hero__title {
		color: white;
	}
	.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-secondary);
    --submenu-color-background-hover: var(--color-secondary-700);
}

.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-secondary);
			color: var(--color-secondary);
			&::before {
				background: var(--color-secondary);
			}
			&:hover {
				color: white;
				background-color: var(--color-secondary-dark);
				&::before {
					background: white;
				}
			}
			
		}
		.card__title {
			color: var(--color-secondary);
		}
		.card__side-text-content {
			color: var(--color-secondary-400);
		}
		.card__side-text-accent {
			background-color: var(--color-secondary-400);
		}
	}
}

.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);
}