:root {
	--black: #1f1f1f;
	--white: #f7f5f6;
	--blue: #6ceaff;
}

/* SOLIDS */

.background-blue {
	background-color: var(--blue) !important;
	color: var(--black);
}

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

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

.info {
	color: var(--white);
}

/* LINKS */

nav a {
	color: var(--black);
}

footer a {
	color: var(--blue);
}

/* BUTTONS */

.button {
	padding: 0.5rem 0.75rem 0.5rem 0.75rem; 
	font-family: "bicyclette", sans-serif !important;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.0625rem;
	text-transform: uppercase;
	border-radius: 0px;
}

.gform-button {
	padding: 0.5rem 0.75rem 0.5rem 0.75rem !important; 
	font-family: "bicyclette", sans-serif !important;
	font-size: 1.25rem !important;
	font-style: normal !important;
	font-weight: 700 !important;
	letter-spacing: 0.0625rem !important;
	text-transform: uppercase !important;
	color: var(--blue) !important;
	background-color: transparent !important;
	border: solid 0.063rem var(--blue) !important;
}

.gform-button:hover {
	background-color: var(--blue) !important;
	color: var(--black) !important;
}

.button-black {
	color: var(--black);
	border: solid 0.063rem var(--black);
}

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

.button-filled-black {
	color: var(--blue);
	background-color: var(--black);
}

.button-filled-black:hover {
	color: var(--white);
}

.button-filled-blue {
	color: var(--black) !important;
	background-color: var(--blue);
}

.button-filled-blue:hover {
	color: var(--white);
}

.button-white {
	color: var(--white);
	border: solid 0.063rem var(--white);
}

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

.faq-question {
	color: var(--black) !important;
}