:root {
	--color-secondary: #912735;
	--color-secondary-dark: #661a25;
	--color-secondary-light: #b0515e;
	--btn-icon-url-default: url(/wp-content/themes/atatitle/public/dist/icons/arrow-right.svg);
}

/* Overrides */

.hero__title {
	max-width: 700px;
}

.navigation__submenu {
	--submenu-color-background: var(--color-secondary);
    --submenu-color-background-hover: var(--color-secondary-dark);
}

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

.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);
		}
		.card__side-text-accent {
			background-color: var(--color-secondary);
		}
	}
}

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