/******/
/*** COLOR ***/
/******/

/** BACKGROUNDS + TEXT **/

.background-black {
	background-color: var(--color-black);
	color: var(--color-white);
}

.background-blue {
	background-color: var(--color-blue);
	color: var(--color-white);
}

.background-white {
	background-color: var(--color-white);
	color: var(--color-black);
}

.background-neutral {
	background-color: var(--color-neutral);
	color: var(--color-black);
}

.background-transparent {
	color: var(--color-white);
}

.background-white h5, .background-white .tagline, .background-neutral h5, .background-neutral .tagline  {
	color: var(--color-blue);
}

.background-black h5, .background-black .tagline {
	color: var(--color-coral);
}

/** LINKS **/

.background-black a, .background-blue a {
	color: var(--color-white);
}

.background-white a {
	color: var(--color-blue);
}

.background-white .background-black a {
	color: var(--color-white);
}

.content-container li a {
	color: inherit; /* Optional: ensures link color is inherited */
	text-decoration: none; /* Removes the default underline */
	display: inline-block; /* Essential: allows pseudo-element positioning relative to the text */
	position: relative;
}

.content-container li a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: .0625rem; /* Adjust the thickness of the underline */
	bottom: 0; /* Positions the underline at the bottom of the text */
	left: 0;
	background-color: currentColor; /* Matches the text color automatically */
	transform: scaleX(0); /* Hides the underline by default */
	transform-origin: bottom right; /* Sets the starting point for the wipe effect */
	transition: transform 0.25s ease-out; /* Smooth transition for the wipe effect */
}

.content-container li a:hover::after {
	transform: scaleX(1); /* Wipes the underline in to full width */
	transform-origin: bottom left; /* Ensures the wipe direction is consistent on hover */
}

/** BUTTONS **/

/* GRAVITY FORMS */


/* FOOTER */

.footer-heading, .footer-heading a {
	color: var(--color-coral);
	font-size: 1rem;
	font-weight: 600;
}

footer .background-white li a, .footer-info li {
	color: var(--color-white);
	font-size: 0.875rem;
}

footer .background-black {
	border-radius: 1rem;
}

footer a {
	text-decoration: none;
}