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

/** BACKGROUNDS + TEXT **/

.background-blue, .background-image, .background-gradient, .background-gradient-reverse {
	background-color: var(--color-blue);
	color: var(--color-white);
}

.background-image {
	background-color: transparent;
}

.background-gradient, .background-gradient-reverse {
	background: var(--color-blue);
	background: linear-gradient(0deg,rgba(57, 93, 161, 1) 0%, rgba(21, 34, 59, 1) 100%);
}

.background-gradient-reverse {
	background: linear-gradient(0deg,rgba(21, 34, 59, 1) 0%, rgba(57, 93, 161, 1) 100%);
}

.background-blue h1 span, .background-blue h2 span, .background-blue h3 span, .background-image h1 span, .background-image h2 span, .background-image h3 span, .background-gradient h1 span, .background-gradient h2 span, .background-gradient h3 span, .background-gradient-reverse h1 span, .background-gradient-reverse h2 span, .background-gradient-reverse h3 span {
	color: var(--color-lemon);
}

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

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

.background-light-gray {
	background-color: var(--color-light-gray);
}

.eyebrow {
	color: var(--color-light-blue);
}

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

.background-white .jumbo {
	background-image: linear-gradient(0deg,rgba(57, 93, 161, 1) 0%, rgba(21, 34, 59, 1) 100%);
    color: transparent;
    background-clip: text;
}

/* BORDER BOXES */

.background-blue .border-box, .background-gradient .border-box, .background-gradient-reverse .border-box, .background-blue .accordion .a-container {
	background-color: transparent;
	border: solid .0625rem var(--color-light-blue);
}

.background-white .column .border-box, .background-white .accordion .a-container {
	background-color: transparent;
	border: solid .0625rem var(--color-blue);
}

/** LINKS **/

a {
	color: var(--color-white);
}

.background-white a, .background-mid-blue a, .background-light-gray a {
	color: var(--color-blue);
}

/** BUTTONS **/

/* BLUE */

a.button, #menu-cta-menu li a {
	background-color: var(--color-mid-blue);
	color: var(--color-white);
	border: solid .0625rem var(--color-mid-blue);
}

a.button.secondary, .background-mid-blue a.button {
	background-color: var(--color-white);
	color: var(--color-blue);
	border: solid .0625rem var(--color-white);
}

a.button.tertiary {
	background-color: transparent;
	color: var(--color-white);
	border: solid .0625rem var(--color-white);
}

a.button.tertiary:after, a.text-link:after, p.text-link:after {
	content: '›';
	color: var(--color-white);
	margin-left: .5rem;
}

.background-white a.button, #field_submit .gform-button.gform-button--white.button {
	background-color: var(--color-blue);
	color: var(--color-white);
	border: solid .0625rem var(--color-blue);
}

.background-white a.button.secondary {
	background-color: transparent;
	color: var(--color-blue);
	border: solid .0625rem var(--color-blue);
}

.background-mid-blue a.button.secondary {
	background-color: transparent;
	color: var(--color-white);
	border: solid .0625rem var(--color-white);
}

.background-white a.button.tertiary {
	background-color: transparent;
	color: var(--color-blue);
	border: solid .0625rem var(--color-blue);
}

.background-white a.button.tertiary:after, .background-white a.text-link:after, .background-white p.text-link:after {
	color: var(--color-blue);
}

/* PAGINATION */

.swiper-pagination-bullet {
	background: var(--color-light-gray)!important;
	opacity: 1;
}

.background-blue .swiper-pagination-bullet {
	background: #395da1d9!important;
}

.background-light-gray .swiper-pagination-bullet {
	background: var(--color-blue)!important;
}

.swiper-pagination-bullet-active {
	background: var(--color-mid-blue)!important;
}

/* GRAVITY FORMS */

.background-blue label.gform-field-label {
	color: var(--color-white)!important;
}

.background-blue .gform_footer input.gform_button, .background-blue #field_submit .gform-button.gform-button--white.button, .background-gradient .gform_footer input.gform_button, .background-gradient #field_submit .gform-button.gform-button--white.button, .background-gradient-reverse .gform_footer input.gform_button, .background-gradient-reverse #field_submit .gform-button.gform-button--white.button {
	background-color: var(--color-white)!important;
	color: var(--color-blue)!important;
	border: solid .125rem var(--color-white)!important;
	border-radius: .625rem!important;
}

.background-blue legend.gfield_label, .background-gradient legend.gfield_label, .background-gradient-reverse legend.gfield_label {
	color: var(--color-white)!important;
}
