/*
 * Colour Variations
 *
 * Change the element colours based on the containing background class.
 */

/* ==========================================================================
   Background White
   ========================================================================== */

/*
 * Typography
 */
.background-white .text-underline,
[class*="background-"] .background-white .text-underline {
	text-decoration-color: var(--color-highlight-400);
}

main .background-white .wysiwyg ul li::before,
main [class*="background-"] .background-white .wysiwyg ul li::before {
	background-color: var(--color-primary-400);
}

.background-white th,
.background-white td,
[class*="background-"] .background-white th,
[class*="background-"] .background-white td {
	border-color:var(--color-primary-400);
}
.background-white .row-divider th,
.background-white .row-divider td,
[class*="background-"] .background-white .row-divider thead + tbody tr:first-child th,
[class*="background-"] .background-white .row-divider thead + tbody tr:first-child td {
	border-top-color: var(--color-primary-400);
}
.background-white hr,
[class*="background-"] .background-white hr {
	background-color:var(--color-primary-400);
}

/*
 * Links
 */
.background-white a:not(.btn),
[class*="background-"] .background-white a:not(.btn) {
	color: var(--color-black);
	text-decoration-color: var(--color-highlight-400);
}

.background-white .link-icon,
[class*="background-"] .background-white .link-icon {
    border-color: var(--color-black);
    color: var(--color-black);
}
.background-white a:hover .link-icon,
[class*="background-"] .background-white a:hover .link-icon {
	background-color: var(--color-highlight-400);
    border-color: var(--color-highlight-400);
    color: var(--color-white);
}
.background-white .link-icon--white,
[class*="background-"] .background-white .link-icon--white {
    border-color: var(--color-white);
    color: var(--color-white);
}
.background-white a:hover .link-icon--white,
[class*="background-"] .background-white a:hover .link-icon--white {
	background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
}

.background-white .btn--white,
[class*="background-"] .background-white .btn--white {
	color: var(--color-primary-400);
}
.background-white .btn--black,
[class*="background-"] .background-white .btn--black {
	color: var(--color-white);
}
.background-white .btn--white:hover,
[class*="background-"] .background-white .btn--white:hover,
.background-white a:hover .btn--white,
[class*="background-"] .background-white a:hover .btn--white {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-white .btn--black:hover,
[class*="background-"] .background-white .btn--black:hover,
.background-white a:hover .btn--black,
[class*="background-"] .background-white a:hover .btn--black {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-white .btn--hollow--white:hover,
[class*="background-"] .background-white .btn--hollow--white:hover,
.background-white a:hover .btn--hollow--white,
[class*="background-"] .background-white a:hover .btn--hollow--white {
	color: var(--color-primary-400);
}
.background-white .btn--hollow--black:hover,
[class*="background-"] .background-white .btn--hollow--black:hover,
.background-white a:hover .btn--hollow--black,
[class*="background-"] .background-white a:hover .btn--hollow--black {
	color: var(--color-white);
}

.background-white .btn--primary:hover,
[class*="background-"] .background-white .btn--primary:hover,
.background-white a:hover .btn--primary,
[class*="background-"] .background-white a:hover .btn--primary {
	background-color: var(--color-highlight-400);
}

.background-white .animated-underline::after,
[class*="background-"] .background-white .animated-underline::after {
	background-color: var(--color-highlight-400);
}

/*
 * Pagination
 */
.background-white .pagination__numbers span.current,
[class*="background-"] .background-white .pagination__numbers span.current {
	background-color: var(--color-primary-400);
	color: var(--color-highlight-400);
}

/*
 * Slider Controls
 */
.background-white .flexslider--directional-offset .flex-direction-nav li a .link-icon,
[class*="background-"] .background-white .flexslider--directional-offset .flex-direction-nav li a .link-icon {
	border-color: var(--color-primary-400);
	color: var(--color-primary-400);
}
.background-white .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon,
[class*="background-"] .background-white .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon {
	background-color: var(--color-primary-400);
	border-color: var(--color-primary-400);
	color: var(--color-white);
}
.background-white .flexslider[data-columnSlider] .flex-control-paging li a,
[class*="background-"] .background-white .flexslider[data-columnSlider] .flex-control-paging li a,
.background-white .flexslider--paging-offset .flex-control-paging li a,
[class*="background-"] .background-white .flexslider--paging-offset .flex-control-paging li a {
	border-color: var(--color-primary-400);
}
.background-white .flexslider[data-columnSlider] .flex-control-paging li a:hover,
[class*="background-"] .background-white .flexslider[data-columnSlider] .flex-control-paging li a:hover,
.background-white .flexslider--paging-offset .flex-control-paging li a:hover,
[class*="background-"] .background-white .flexslider--paging-offset .flex-control-paging li a:hover {
	background-color: var(--color-primary-400);
}
.background-white .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
[class*="background-"] .background-white .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
.background-white .flexslider--paging-offset .flex-control-paging li a.flex-active,
[class*="background-"] .background-white .flexslider--paging-offset .flex-control-paging li a.flex-active {
	background-color: var(--color-primary-400);
}

/*
 * Accordions
 */
.background-white .panel__title__link,
[class*="background-"] .background-white .panel__title__link {
	color: var(--color-black);
	background-color: var(--color-grey-200);
}
.background-white .title__link__icon::before,
[class*="background-"] .background-white .title__link__icon::before,
.background-white .title__link__icon::after,
[class*="background-"] .background-white .title__link__icon::after {
    background-color: var(--color-black);
}
/* .background-white .panel__title__link:hover > .title__link__icon, */
/* [class*="background-"] .background-white .panel__title__link:hover > .title__link__icon, */
.background-white .accordion__panel--open > .panel__title > .panel__title__link{
/* [class*="background-"] .background-white .accordion__panel--open > .panel__title > .panel__title__link, */
/* .background-white .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon{ */
/* [class*="background-"] .background-white .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon { */
	background-color: var(--color-grey-600);
	border-color: var(--color-primary-400);
	color: var(--color-highlight-400);
}
.background-white .panel__title__link:hover .title__link__icon::before,
[class*="background-"] .background-white .panel__title__link:hover .title__link__icon::before,
.background-white .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
[class*="background-"] .background-white .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
.background-white .panel__title__link:hover .title__link__icon::after,
[class*="background-"] .background-white .panel__title__link:hover .title__link__icon::after,
.background-white .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after,
[class*="background-"] .background-white .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after {
	background-color: var(--color-highlight-400);
}
.background-white .panel__content{
	background-color: var(--color-grey-200);
}

/*
 * Forms
 */
.background-white input,
[class*="background-"] .background-white input,
.background-white textarea,
[class*="background-"] .background-white textarea,
.background-white select,
[class*="background-"] .background-white select,
.background-white input[type="checkbox"], 
[class*="background-"] .background-white input[type="checkbox"],
.background-white input[type="radio"],
[class*="background-"] .background-white input[type="radio"] {
	border-color: var(--color-primary-400);
	color: var(--color-black);
}
.background-white input:hover,
[class*="background-"] .background-white input:hover,
.background-white textarea:hover,
[class*="background-"] .background-white textarea:hover,
.background-white select:hover,
[class*="background-"] .background-white select:hover,
.background-white input[type="checkbox"]:hover, 
[class*="background-"] .background-white input[type="checkbox"]:hover,
.background-white input[type="radio"]:hover,
[class*="background-"] .background-white input[type="radio"]:hover {
	border-color: var(--color-highlight-400);
}
.background-white input:focus,
[class*="background-"] .background-white input:focus,
.background-white textarea:focus,
[class*="background-"] .background-white textarea:focus,
.background-white select:focus,
[class*="background-"] .background-white select:focus,
.background-white input[type="checkbox"]:focus, 
[class*="background-"] .background-white input[type="checkbox"]:focus,
.background-white input[type="radio"]:focus,
[class*="background-"] .background-white input[type="radio"]:focus {
	background-color:var(--color-highlight-400); 
	border-color:var(--color-highlight-400); 
	color:var(--color-primary-400);
}
.background-white input:checked,
[class*="background-"] .background-white input:checked,
.background-white input:checked:hover,
[class*="background-"] .background-white input:checked:hover,
.background-white input:checked:focus,
[class*="background-"] .background-white input:checked:focus {
	background-color:var(--color-primary-400); 
	border-color:var(--color-primary-400); 
}

.background-white button,
[class*="background-"] .background-white button {
	background-color:var(--color-primary-400); 
	color:var(--color-white); 
}
.background-white button:hover,
[class*="background-"] .background-white button:hover,
.background-white button:hover,
[class*="background-"] .background-white button:hover {
	background-color:var(--color-highlight-400); 
	color:var(--color-primary-400); 
}

.background-white .gform_fileupload_multifile,
[class*="background-"] .background-white .gform_fileupload_multifile {
	border-color: var(--color-primary-400);
}
.background-white .gform_fileupload_multifile button,
[class*="background-"] .background-white .gform_fileupload_multifile button,
.background-white .gform_delete_file,
[class*="background-"] .background-white .gform_delete_file {
	color:var(--color-primary-400);
	text-decoration-color: var(--color-highlight-400);
}
.background-white .gform_delete_file:hover,
[class*="background-"] .background-white .gform_delete_file:hover,
.background-white .gform_delete_file:focus,
[class*="background-"] .background-white .gform_delete_file:focus{
	color:var(--color-highlight-400);
}

.background-white img.gform_ajax_spinner,
[class*="background-"] .background-white img.gform_ajax_spinner {
	content: url("../assets/img/svg/gf-spinner.svg");
}

.background-white .jcf-select .jcf-select-text,
[class*="background-"] .background-white .jcf-select .jcf-select-text {
	border-color: var(--color-black);
	color: var(--color-black);
}
.background-white .jcf-select:hover .jcf-select-text,
[class*="background-"] .background-white .jcf-select:hover .jcf-select-text {
	border-color: var(--color-highlight-400);
}
.background-white .jcf-select.jcf-drop-active .jcf-select-text,
[class*="background-"] .background-white .jcf-select.jcf-drop-active .jcf-select-text {
	background-color: var(--color-highlight-400);
	border-color: var(--color-highlight-400);
	color: var(--color-black);
}
.background-white .jcf-select .jcf-select-opener,
[class*="background-"] .background-white .jcf-select .jcf-select-opener {
	color: var(--color-black);
}
.background-white .jcf-select.jcf-drop-active .jcf-select-opener,
[class*="background-"] .background-white .jcf-select.jcf-drop-active .jcf-select-opener {
	color: var(--color-black);
}
.background-white .jcf-select-drop .jcf-select-drop-content,
[class*="background-"] .background-white .jcf-select-drop .jcf-select-drop-content {
	border-color: var(--color-highlight-400);
}

/* ==========================================================================
   Background Grey
   ========================================================================== */

/*
 * Typography
 */
.background-grey .text-underline,
[class*="background-"] .background-grey .text-underline {
	text-decoration-color: var(--color-highlight-400);
}

main .background-grey .wysiwyg ul li::before,
main [class*="background-"] .background-grey .wysiwyg ul li::before {
	background-color: var(--color-primary-400);
}

.background-grey th,
.background-grey td,
[class*="background-"] .background-grey th,
[class*="background-"] .background-grey td {
	border-color:var(--color-primary-400);
}
.background-grey .row-divider th,
.background-grey .row-divider td,
[class*="background-"] .background-grey .row-divider thead + tbody tr:first-child th,
[class*="background-"] .background-grey .row-divider thead + tbody tr:first-child td {
	border-top-color: var(--color-primary-400);
}
.background-grey hr,
[class*="background-"] .background-grey hr {
	background-color:var(--color-primary-400);
}

/*
 * Links
 */
.background-grey a:not(.btn),
[class*="background-"] .background-grey a:not(.btn) {
	color: var(--color-black);
	text-decoration-color: var(--color-highlight-400);
}

.background-grey .link-icon,
[class*="background-"] .background-grey .link-icon {
    border-color: var(--color-primary-400);
    color: var(--color-primary-400);
}
.background-grey a:hover .link-icon,
[class*="background-"] .background-grey a:hover .link-icon {
	/* background-color: var(--color-primary-400); */
    /* border-color: var(--color-primary-400); */
    color: var(--color-highlight-400);
}

.background-grey .btn--white,
[class*="background-"] .background-grey .btn--white {
	color: var(--color-primary-400);
}
.background-grey .btn--black,
[class*="background-"] .background-grey .btn--black {
	color: var(--color-white);
}
.background-grey .btn--white:hover,
[class*="background-"] .background-grey .btn--white:hover,
.background-grey a:hover .btn--white,
[class*="background-"] .background-grey a:hover .btn--white {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-grey .btn--black:hover,
[class*="background-"] .background-grey .btn--black:hover,
.background-grey a:hover .btn--black,
[class*="background-"] .background-grey a:hover .btn--black {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-grey .btn--hollow--white:hover,
[class*="background-"] .background-grey .btn--hollow--white:hover,
.background-grey a:hover .btn--hollow--white,
[class*="background-"] .background-grey a:hover .btn--hollow--white {
	color: var(--color-primary-400);
}
.background-grey .btn--hollow--black:hover,
[class*="background-"] .background-grey .btn--hollow--black:hover,
.background-grey a:hover .btn--hollow--black,
[class*="background-"] .background-grey a:hover .btn--hollow--black {
	color: var(--color-white);
}

.background-grey .animated-underline::after,
[class*="background-"] .background-grey .animated-underline::after {
	background-color: var(--color-highlight-400);
}

/*
 * Pagination
 */
.background-grey .pagination__numbers span.current,
[class*="background-"] .background-grey .pagination__numbers span.current {
	background-color: var(--color-primary-400);
	color: var(--color-highlight-400);
}

/*
 * Slider Controls
 */
.background-grey .flexslider--directional-offset .flex-direction-nav li a .link-icon,
[class*="background-"] .background-grey .flexslider--directional-offset .flex-direction-nav li a .link-icon {
	border-color: var(--color-grey-600);
	color: var(--color-grey-600);
}
.background-grey .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon,
[class*="background-"] .background-grey .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon {
	background-color: var(--color-grey-600);
	border-color: var(--color-grey-600);
	color: var(--color-white);
}
.background-grey .flexslider[data-columnSlider] .flex-control-paging li a,
[class*="background-"] .background-grey .flexslider[data-columnSlider] .flex-control-paging li a,
.background-grey .flexslider--paging-offset .flex-control-paging li a,
[class*="background-"] .background-grey .flexslider--paging-offset .flex-control-paging li a {
	border-color: var(--color-grey-600);
}
.background-grey .flexslider[data-columnSlider] .flex-control-paging li a:hover,
[class*="background-"] .background-grey .flexslider[data-columnSlider] .flex-control-paging li a:hover,
.background-grey .flexslider--paging-offset .flex-control-paging li a:hover,
[class*="background-"] .background-grey .flexslider--paging-offset .flex-control-paging li a:hover {
	background-color: var(--color-grey-600);
}
.background-grey .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
[class*="background-"] .background-grey .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
.background-grey .flexslider--paging-offset .flex-control-paging li a.flex-active,
[class*="background-"] .background-grey .flexslider--paging-offset .flex-control-paging li a.flex-active {
	background-color: var(--color-grey-600);
}

/*
 * Accordions
 */
.background-grey .panel__title__link,
[class*="background-"] .background-grey .panel__title__link {
	color: var(--color-black);
	background-color: var(--color-white);
}
.background-grey .title__link__icon::before,
[class*="background-"] .background-grey .title__link__icon::before,
.background-grey .title__link__icon::after,
[class*="background-"] .background-grey .title__link__icon::after {
    background-color: var(--color-black);
}
/* .background-white .panel__title__link:hover > .title__link__icon, */
/* [class*="background-"] .background-white .panel__title__link:hover > .title__link__icon, */
.background-grey .accordion__panel--open > .panel__title > .panel__title__link{
/* [class*="background-"] .background-white .accordion__panel--open > .panel__title > .panel__title__link, */
/* .background-white .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon{ */
/* [class*="background-"] .background-white .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon { */
	background-color: var(--color-grey-600);
	border-color: var(--color-primary-400);
	color: var(--color-highlight-400);
}
.background-grey .panel__title__link:hover .title__link__icon::before,
[class*="background-"] .background-grey .panel__title__link:hover .title__link__icon::before,
.background-grey .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
[class*="background-"] .background-grey .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
.background-grey .panel__title__link:hover .title__link__icon::after,
[class*="background-"] .background-grey .panel__title__link:hover .title__link__icon::after,
.background-grey .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after,
[class*="background-"] .background-grey .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after {
	background-color: var(--color-highlight-400);
}
.background-grey .panel__content{
	background-color: var(--color-white);
}

/*
 * Forms
 */
.background-grey input,
[class*="background-"] .background-grey input,
.background-grey textarea,
[class*="background-"] .background-grey textarea,
.background-grey select,
[class*="background-"] .background-grey select,
.background-grey input[type="checkbox"], 
[class*="background-"] .background-grey input[type="checkbox"],
.background-grey input[type="radio"],
[class*="background-"] .background-grey input[type="radio"] {
	border-color: var(--color-black);
	color: var(--color-black);
}
.background-grey input:hover,
[class*="background-"] .background-grey input:hover,
.background-grey textarea:hover,
[class*="background-"] .background-grey textarea:hover,
.background-grey select:hover,
[class*="background-"] .background-grey select:hover,
.background-grey input[type="checkbox"]:hover, 
[class*="background-"] .background-grey input[type="checkbox"]:hover,
.background-grey input[type="radio"]:hover,
[class*="background-"] .background-grey input[type="radio"]:hover {
	border-color: var(--color-highlight-400);
}
.background-grey input:focus,
[class*="background-"] .background-grey input:focus,
.background-grey textarea:focus,
[class*="background-"] .background-grey textarea:focus,
.background-grey select:focus,
[class*="background-"] .background-grey select:focus,
.background-grey input[type="checkbox"]:focus, 
[class*="background-"] .background-grey input[type="checkbox"]:focus,
.background-grey input[type="radio"]:focus,
[class*="background-"] .background-grey input[type="radio"]:focus {
	background-color:var(--color-white); 
	border-color:var(--color-highlight-400); 
	color:var(--color-black);
}
.background-grey input:checked,
[class*="background-"] .background-grey input:checked,
.background-grey input:checked:hover,
[class*="background-"] .background-grey input:checked:hover,
.background-grey input:checked:focus,
[class*="background-"] .background-grey input:checked:focus {
	background-color:var(--color-primary-400); 
	border-color:var(--color-primary-400); 
}

.background-grey button,
[class*="background-"] .background-grey button {
	background-color:transparent; 
	color:var(--color-black); 
	text-decoration:underline;
	text-decoration-color: var(--color-highlight-400);
	text-decoration-thickness: var(--stroke-width);
	text-underline-offset: 28%;
	padding: 0;
}
.background-grey button:hover,
[class*="background-"] .background-grey button:hover,
.background-grey button:hover,
[class*="background-"] .background-grey button:hover {
	background-color:transparent; 
	color:var(--color-highlight-400); 
	text-decoration:none;
}

.background-grey .gform_fileupload_multifile,
[class*="background-"] .background-grey .gform_fileupload_multifile {
	border-color: var(--color-primary-400);
}
.background-grey .gform_fileupload_multifile button,
[class*="background-"] .background-grey .gform_fileupload_multifile button,
.background-grey .gform_delete_file,
[class*="background-"] .background-grey .gform_delete_file {
	color:var(--color-primary-400);
	text-decoration-color: var(--color-highlight-400);
}
.background-grey .gform_delete_file:hover,
[class*="background-"] .background-grey .gform_delete_file:hover,
.background-grey .gform_delete_file:focus,
[class*="background-"] .background-grey .gform_delete_file:focus{
	color:var(--color-highlight-400);
}

.background-grey img.gform_ajax_spinner,
[class*="background-"] .background-grey img.gform_ajax_spinner {
	content: url("../assets/img/svg/gf-spinner.svg");
}

.background-grey .jcf-select .jcf-select-text,
[class*="background-"] .background-grey .jcf-select .jcf-select-text {
	border-color: var(--color-primary-400);
	color: var(--color-primary-400);
}
.background-grey .jcf-select:hover .jcf-select-text,
[class*="background-"] .background-grey .jcf-select:hover .jcf-select-text {
	border-color: var(--color-highlight-400);
}
.background-grey .jcf-select.jcf-drop-active .jcf-select-text,
[class*="background-"] .background-grey .jcf-select.jcf-drop-active .jcf-select-text {
	background-color: var(--color-highlight-400);
	border-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-grey .jcf-select .jcf-select-opener,
[class*="background-"] .background-grey .jcf-select .jcf-select-opener {
	color: var(--color-primary-400);
}
.background-grey .jcf-select.jcf-drop-active .jcf-select-opener,
[class*="background-"] .background-grey .jcf-select.jcf-drop-active .jcf-select-opener {
	color: var(--color-primary-400);
}
.background-grey .jcf-select-drop .jcf-select-drop-content,
[class*="background-"] .background-grey .jcf-select-drop .jcf-select-drop-content {
	border-color: var(--color-highlight-400);
}

/* ==========================================================================
   Background Black
   ========================================================================== */

/*
 * Typography
 */
.background-black .text-underline,
[class*="background-"] .background-black .text-underline {
	text-decoration-color: var(--color-white);
}

main .background-black .wysiwyg ul li::before,
main [class*="background-"] .background-black .wysiwyg ul li::before {
	background-color: var(--color-white);
}

.background-black th,
.background-black td,
[class*="background-"] .background-black th,
[class*="background-"] .background-black td {
	border-color:var(--color-white);
}
.background-black .row-divider th,
.background-black .row-divider td,
[class*="background-"] .background-black .row-divider thead + tbody tr:first-child th,
[class*="background-"] .background-black .row-divider thead + tbody tr:first-child td {
	border-top-color: var(--color-white);
}
.background-black hr,
[class*="background-"] .background-black hr {
	background-color:var(--color-white);
}

/*
 * Links
 */
.background-black a:not(.btn),
[class*="background-"] .background-black a:not(.btn) {
	color: var(--color-white);
	text-decoration-color: var(--color-white);
}

.background-black .link-icon,
[class*="background-"] .background-black .link-icon {
    border-color: var(--color-white);
    color: var(--color-white);
}
.background-black a:hover .link-icon,
[class*="background-"] .background-black a:hover .link-icon {
	background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
}

.background-black .btn--white,
[class*="background-"] .background-black .btn--white {
	color: var(--color-black);
}
.background-black .btn--black,
[class*="background-"] .background-black .btn--black {
	color: var(--color-white);
}
.background-black .btn--white:hover,
[class*="background-"] .background-black .btn--white:hover,
.background-black a:hover .btn--white,
[class*="background-"] .background-black a:hover .btn--white {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-black .btn--black:hover,
[class*="background-"] .background-black .btn--black:hover,
.background-black a:hover .btn--black,
[class*="background-"] .background-black a:hover .btn--black {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-black .btn--hollow--white:hover,
[class*="background-"] .background-black .btn--hollow--white:hover,
.background-black a:hover .btn--hollow--white,
[class*="background-"] .background-black a:hover .btn--hollow--white {
	color: var(--color-black);
}
.background-black .btn--hollow--black:hover,
[class*="background-"] .background-black .btn--hollow--black:hover,
.background-black a:hover .btn--hollow--black,
[class*="background-"] .background-black a:hover .btn--hollow--black {
	color: var(--color-white);
}

.background-black .animated-underline::after,
[class*="background-"] .background-black .animated-underline::after {
	background-color: var(--color-white);
}

/*
 * Pagination
 */
.background-black .pagination__numbers span.current,
[class*="background-"] .background-black .pagination__numbers span.current {
	background-color: var(--color-white);
	color: var(--color-black);
}

/*
 * Slider Controls
 */
.background-black .flexslider--directional-offset .flex-direction-nav li a .link-icon,
[class*="background-"] .background-black .flexslider--directional-offset .flex-direction-nav li a .link-icon {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-black .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon,
[class*="background-"] .background-black .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-black);
}
.background-black .flexslider[data-columnSlider] .flex-control-paging li a,
[class*="background-"] .background-black .flexslider[data-columnSlider] .flex-control-paging li a,
.background-black .flexslider--paging-offset .flex-control-paging li a,
[class*="background-"] .background-black .flexslider--paging-offset .flex-control-paging li a {
	border-color: var(--color-white);
}
.background-black .flexslider[data-columnSlider] .flex-control-paging li a:hover,
[class*="background-"] .background-black .flexslider[data-columnSlider] .flex-control-paging li a:hover,
.background-black .flexslider--paging-offset .flex-control-paging li a:hover,
[class*="background-"] .background-black .flexslider--paging-offset .flex-control-paging li a:hover {
	background-color: var(--color-white);
}
.background-black .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
[class*="background-"] .background-black .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
.background-black .flexslider--paging-offset .flex-control-paging li a.flex-active,
[class*="background-"] .background-black .flexslider--paging-offset .flex-control-paging li a.flex-active {
	background-color: var(--color-white);
}

/*
 * Accordions
 */
.background-black .panel__title__link,
[class*="background-"] .background-black .panel__title__link {
	border-top-color: var(--color-white);
	color: var(--color-white);
}
.background-black .title__link__icon::before,
[class*="background-"] .background-black .title__link__icon::before,
.background-black .title__link__icon::after,
[class*="background-"] .background-black .title__link__icon::after {
    background-color: var(--color-white);
}
.background-black .panel__title__link:hover > .title__link__icon,
[class*="background-"] .background-black .panel__title__link:hover > .title__link__icon,
.background-black .accordion__panel--open > .panel__title > .panel__title__link,
[class*="background-"] .background-black .accordion__panel--open > .panel__title > .panel__title__link,
.background-black .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon,
[class*="background-"] .background-black .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-black);
}
.background-black .panel__title__link:hover .title__link__icon::before,
[class*="background-"] .background-black .panel__title__link:hover .title__link__icon::before,
.background-black .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
[class*="background-"] .background-black .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
.background-black .panel__title__link:hover .title__link__icon::after,
[class*="background-"] .background-black .panel__title__link:hover .title__link__icon::after,
.background-black .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after,
[class*="background-"] .background-black .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after {
	background-color: var(--color-black);
}

/*
 * Forms
 */
.background-black input,
[class*="background-"] .background-black input,
.background-black textarea,
[class*="background-"] .background-black textarea,
.background-black select,
[class*="background-"] .background-black select,
.background-black input[type="checkbox"], 
[class*="background-"] .background-black input[type="checkbox"],
.background-black input[type="radio"],
[class*="background-"] .background-black input[type="radio"] {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-black input:hover,
[class*="background-"] .background-black input:hover,
.background-black textarea:hover,
[class*="background-"] .background-black textarea:hover,
.background-black select:hover,
[class*="background-"] .background-black select:hover,
.background-black input[type="checkbox"]:hover, 
[class*="background-"] .background-black input[type="checkbox"]:hover,
.background-black input[type="radio"]:hover,
[class*="background-"] .background-black input[type="radio"]:hover {
	border-color: var(--color-highlight-400);
}
.background-black input:focus,
[class*="background-"] .background-black input:focus,
.background-black textarea:focus,
[class*="background-"] .background-black textarea:focus,
.background-black select:focus,
[class*="background-"] .background-black select:focus,
.background-black input[type="checkbox"]:focus, 
[class*="background-"] .background-black input[type="checkbox"]:focus,
.background-black input[type="radio"]:focus,
[class*="background-"] .background-black input[type="radio"]:focus {
	background-color:var(--color-highlight-400); 
	border-color:var(--color-highlight-400); 
	color:var(--color-primary-400);
}
.background-black input:checked,
[class*="background-"] .background-black input:checked,
.background-black input:checked:hover,
[class*="background-"] .background-black input:checked:hover,
.background-black input:checked:focus,
[class*="background-"] .background-black input:checked:focus {
	background-color:var(--color-white); 
	border-color:var(--color-white); 
}

.background-black button,
[class*="background-"] .background-black button {
	background-color:var(--color-white); 
	color:var(--color-black); 
}
.background-black button:hover,
[class*="background-"] .background-black button:hover,
.background-black button:hover,
[class*="background-"] .background-black button:hover {
	background-color:var(--color-highlight-400); 
	color:var(--color-primary-400); 
}

.background-black .gform_fileupload_multifile,
[class*="background-"] .background-black .gform_fileupload_multifile {
	border-color: var(--color-white);
}
.background-black .gform_fileupload_multifile button,
[class*="background-"] .background-black .gform_fileupload_multifile button,
.background-black .gform_delete_file,
[class*="background-"] .background-black .gform_delete_file {
	color:var(--color-white);
	text-decoration-color: var(--color-highlight-400);
}
.background-black .gform_delete_file:hover,
[class*="background-"] .background-black .gform_delete_file:hover,
.background-black .gform_delete_file:focus,
[class*="background-"] .background-black .gform_delete_file:focus{
	color:var(--color-highlight-400);
}

.background-black img.gform_ajax_spinner,
[class*="background-"] .background-black img.gform_ajax_spinner {
	content: url("../assets/img/svg/gf-spinner-white.svg");
}

.background-black .jcf-select .jcf-select-text,
[class*="background-"] .background-black .jcf-select .jcf-select-text {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-black .jcf-select:hover .jcf-select-text,
[class*="background-"] .background-black .jcf-select:hover .jcf-select-text {
	border-color: var(--color-highlight-400);
}
.background-black .jcf-select.jcf-drop-active .jcf-select-text,
[class*="background-"] .background-black .jcf-select.jcf-drop-active .jcf-select-text {
	background-color: var(--color-highlight-400);
	border-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-black .jcf-select .jcf-select-opener,
[class*="background-"] .background-black .jcf-select .jcf-select-opener {
	color: var(--color-white);
}
.background-black .jcf-select.jcf-drop-active .jcf-select-opener,
[class*="background-"] .background-black .jcf-select.jcf-drop-active .jcf-select-opener {
	color: var(--color-primary-400);
}
.background-black .jcf-select-drop .jcf-select-drop-content,
[class*="background-"] .background-black .jcf-select-drop .jcf-select-drop-content {
	border-color: var(--color-highlight-400);
}

/* ==========================================================================
   Background Primary
   ========================================================================== */

/*
 * Typography
 */
.background-primary .text-underline,
[class*="background-"] .background-primary .text-underline {
	text-decoration-color: var(--color-white);
}

main .background-primary .wysiwyg ul li::before,
main [class*="background-"] .background-primary .wysiwyg ul li::before {
	background-color: var(--color-white);
}

.background-primary th,
.background-primary td,
[class*="background-"] .background-primary th,
[class*="background-"] .background-primary td {
	border-color:var(--color-white);
}
.background-primary .row-divider th,
.background-primary .row-divider td,
[class*="background-"] .background-primary .row-divider thead + tbody tr:first-child th,
[class*="background-"] .background-primary .row-divider thead + tbody tr:first-child td {
	border-top-color: var(--color-white);
}
.background-primary hr,
[class*="background-"] .background-primary hr {
	background-color:var(--color-white);
}

/*
 * Links
 */
.background-primary a:not(.btn),
[class*="background-"] .background-primary a:not(.btn) {
	color: var(--color-white);
	text-decoration-color: var(--color-white);
}

.background-primary .link-icon,
[class*="background-"] .background-primary .link-icon {
    border-color: var(--color-white);
    color: var(--color-white);
}
.background-primary a:hover .link-icon,
[class*="background-"] .background-primary a:hover .link-icon {
	background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-primary-400);
}

.background-primary .btn--white,
[class*="background-"] .background-primary .btn--white {
	color: var(--color-primary-400);
}
.background-primary .btn--black,
[class*="background-"] .background-primary .btn--black {
	color: var(--color-primary-400);
}
.background-primary .btn--white:hover,
[class*="background-"] .background-primary .btn--white:hover,
.background-primary a:hover .btn--white,
[class*="background-"] .background-primary a:hover .btn--white {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-primary .btn--black:hover,
[class*="background-"] .background-primary .btn--black:hover,
.background-primary a:hover .btn--black,
[class*="background-"] .background-primary a:hover .btn--black {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-primary .btn--hollow--white:hover,
[class*="background-"] .background-primary .btn--hollow--white:hover,
.background-primary a:hover .btn--hollow--white,
[class*="background-"] .background-primary a:hover .btn--hollow--white {
	color: var(--color-primary-400);
}
.background-primary .btn--hollow--black:hover,
[class*="background-"] .background-primary .btn--hollow--black:hover,
.background-primary a:hover .btn--hollow--black,
[class*="background-"] .background-primary a:hover .btn--hollow--black {
	color: var(--color-primary-400);
}

.background-primary .btn--highlight:hover,
[class*="background-"] .background-primary .btn--highlight:hover,
.background-primary a:hover .btn--highlight,
[class*="background-"] .background-primary a:hover .btn--highlight {
	color: var(--color-primary-400);
	background-color: var(--color-highlight-600);
}

.background-primary .animated-underline::after,
[class*="background-"] .background-primary .animated-underline::after {
	background-color: var(--color-white);
}

/*
 * Pagination
 */
.background-primary .pagination__numbers span.current,
[class*="background-"] .background-primary .pagination__numbers span.current {
	background-color: var(--color-white);
	color: var(--color-primary-400);
}

/*
 * Slider Controls
 */
.background-primary .flexslider--directional-offset .flex-direction-nav li a .link-icon,
[class*="background-"] .background-primary .flexslider--directional-offset .flex-direction-nav li a .link-icon {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-primary .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon,
[class*="background-"] .background-primary .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-primary-400);
}
.background-primary .flexslider[data-columnSlider] .flex-control-paging li a,
[class*="background-"] .background-primary .flexslider[data-columnSlider] .flex-control-paging li a,
.background-primary .flexslider--paging-offset .flex-control-paging li a,
[class*="background-"] .background-primary .flexslider--paging-offset .flex-control-paging li a {
	border-color: var(--color-white);
}
.background-primary .flexslider[data-columnSlider] .flex-control-paging li a:hover,
[class*="background-"] .background-primary .flexslider[data-columnSlider] .flex-control-paging li a:hover,
.background-primary .flexslider--paging-offset .flex-control-paging li a:hover,
[class*="background-"] .background-primary .flexslider--paging-offset .flex-control-paging li a:hover {
	background-color: var(--color-white);
}
.background-primary .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
[class*="background-"] .background-primary .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
.background-primary .flexslider--paging-offset .flex-control-paging li a.flex-active,
[class*="background-"] .background-primary .flexslider--paging-offset .flex-control-paging li a.flex-active {
	background-color: var(--color-white);
}

/*
 * Accordions
 */
.background-primary .panel__title__link,
[class*="background-"] .background-primary .panel__title__link {
	border-top-color: var(--color-white);
	color: var(--color-white);
}
.background-primary .title__link__icon::before,
[class*="background-"] .background-primary .title__link__icon::before,
.background-primary .title__link__icon::after,
[class*="background-"] .background-primary .title__link__icon::after {
    background-color: var(--color-white);
}
.background-primary .panel__title__link:hover > .title__link__icon,
[class*="background-"] .background-primary .panel__title__link:hover > .title__link__icon,
.background-primary .accordion__panel--open > .panel__title > .panel__title__link,
[class*="background-"] .background-primary .accordion__panel--open > .panel__title > .panel__title__link,
.background-primary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon,
[class*="background-"] .background-primary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-primary-400);
}
.background-primary .panel__title__link:hover .title__link__icon::before,
[class*="background-"] .background-primary .panel__title__link:hover .title__link__icon::before,
.background-primary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
[class*="background-"] .background-primary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
.background-primary .panel__title__link:hover .title__link__icon::after,
[class*="background-"] .background-primary .panel__title__link:hover .title__link__icon::after,
.background-primary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after,
[class*="background-"] .background-primary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after {
	background-color: var(--color-primary-400);
}

/*
 * Forms
 */
.background-primary input,
[class*="background-"] .background-primary input,
.background-primary textarea,
[class*="background-"] .background-primary textarea,
.background-primary select,
[class*="background-"] .background-primary select,
.background-primary input[type="checkbox"], 
[class*="background-"] .background-primary input[type="checkbox"],
.background-primary input[type="radio"],
[class*="background-"] .background-primary input[type="radio"] {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-primary input:hover,
[class*="background-"] .background-primary input:hover,
.background-primary textarea:hover,
[class*="background-"] .background-primary textarea:hover,
.background-primary select:hover,
[class*="background-"] .background-primary select:hover,
.background-primary input[type="checkbox"]:hover, 
[class*="background-"] .background-primary input[type="checkbox"]:hover,
.background-primary input[type="radio"]:hover,
[class*="background-"] .background-primary input[type="radio"]:hover {
	border-color: var(--color-highlight-400);
}
.background-primary input:focus,
[class*="background-"] .background-primary input:focus,
.background-primary textarea:focus,
[class*="background-"] .background-primary textarea:focus,
.background-primary select:focus,
[class*="background-"] .background-primary select:focus,
.background-primary input[type="checkbox"]:focus, 
[class*="background-"] .background-primary input[type="checkbox"]:focus,
.background-primary input[type="radio"]:focus,
[class*="background-"] .background-primary input[type="radio"]:focus {
	background-color:var(--color-highlight-400); 
	border-color:var(--color-highlight-400); 
	color:var(--color-primary-400);
}
.background-primary input:checked,
[class*="background-"] .background-primary input:checked,
.background-primary input:checked:hover,
[class*="background-"] .background-primary input:checked:hover,
.background-primary input:checked:focus,
[class*="background-"] .background-primary input:checked:focus {
	background-color:var(--color-white); 
	border-color:var(--color-white); 
}

.background-primary button,
[class*="background-"] .background-primary button {
	background-color:var(--color-white); 
	color:var(--color-primary-400); 
}
.background-primary button:hover,
[class*="background-"] .background-primary button:hover,
.background-primary button:hover,
[class*="background-"] .background-primary button:hover {
	background-color:var(--color-highlight-400); 
	color:var(--color-primary-400); 
}

.background-primary .gform_fileupload_multifile,
[class*="background-"] .background-primary .gform_fileupload_multifile {
	border-color: var(--color-white);
}
.background-primary .gform_fileupload_multifile button,
[class*="background-"] .background-primary .gform_fileupload_multifile button,
.background-primary .gform_delete_file,
[class*="background-"] .background-primary .gform_delete_file {
	color:var(--color-white);
	text-decoration-color: var(--color-highlight-400);
}
.background-primary .gform_delete_file:hover,
[class*="background-"] .background-primary .gform_delete_file:hover,
.background-primary .gform_delete_file:focus,
[class*="background-"] .background-primary .gform_delete_file:focus{
	color:var(--color-highlight-400);
}

.background-primary img.gform_ajax_spinner,
[class*="background-"] .background-primary img.gform_ajax_spinner {
	content: url("../assets/img/svg/gf-spinner-white.svg");
}

.background-primary .jcf-select .jcf-select-text,
[class*="background-"] .background-primary .jcf-select .jcf-select-text {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-primary .jcf-select:hover .jcf-select-text,
[class*="background-"] .background-primary .jcf-select:hover .jcf-select-text {
	border-color: var(--color-highlight-400);
}
.background-primary .jcf-select.jcf-drop-active .jcf-select-text,
[class*="background-"] .background-primary .jcf-select.jcf-drop-active .jcf-select-text {
	background-color: var(--color-highlight-400);
	border-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-primary .jcf-select .jcf-select-opener,
[class*="background-"] .background-primary .jcf-select .jcf-select-opener {
	color: var(--color-white);
}
.background-primary .jcf-select.jcf-drop-active .jcf-select-opener,
[class*="background-"] .background-primary .jcf-select.jcf-drop-active .jcf-select-opener {
	color: var(--color-primary-400);
}
.background-primary .jcf-select-drop .jcf-select-drop-content,
[class*="background-"] .background-primary .jcf-select-drop .jcf-select-drop-content {
	border-color: var(--color-highlight-400);
}

/* ==========================================================================
   Background Secondary
   ========================================================================== */

/*
 * Typography
 */
.background-secondary .text-underline,
[class*="background-"] .background-secondary .text-underline {
	text-decoration-color: var(--color-white);
}

main .background-secondary .wysiwyg ul li::before,
main [class*="background-"] .background-secondary .wysiwyg ul li::before {
	background-color: var(--color-white);
}

.background-secondary th,
.background-secondary td,
[class*="background-"] .background-secondary th,
[class*="background-"] .background-secondary td {
	border-color:var(--color-white);
}
.background-secondary .row-divider th,
.background-secondary .row-divider td,
[class*="background-"] .background-secondary .row-divider thead + tbody tr:first-child th,
[class*="background-"] .background-secondary .row-divider thead + tbody tr:first-child td {
	border-top-color: var(--color-white);
}
.background-secondary hr,
[class*="background-"] .background-secondary hr {
	background-color:var(--color-white);
}

/*
 * Links
 */
.background-secondary a:not(.btn),
[class*="background-"] .background-secondary a:not(.btn) {
	color: var(--color-white);
	text-decoration-color: var(--color-white);
}

.background-secondary .link-icon,
[class*="background-"] .background-secondary .link-icon {
    border-color: var(--color-white);
    color: var(--color-white);
}
.background-secondary a:hover .link-icon,
[class*="background-"] .background-secondary a:hover .link-icon {
	background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-secondary-400);
}

.background-secondary .btn--white,
[class*="background-"] .background-secondary .btn--white {
	color: var(--color-secondary-400);
}
.background-secondary .btn--black,
[class*="background-"] .background-secondary .btn--black {
	color: var(--color-secondary-400);
}
.background-secondary .btn--white:hover,
[class*="background-"] .background-secondary .btn--white:hover,
.background-secondary a:hover .btn--white,
[class*="background-"] .background-secondary a:hover .btn--white {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-secondary .btn--black:hover,
[class*="background-"] .background-secondary .btn--black:hover,
.background-secondary a:hover .btn--black,
[class*="background-"] .background-secondary a:hover .btn--black {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-secondary .btn--hollow--white:hover,
[class*="background-"] .background-secondary .btn--hollow--white:hover,
.background-secondary a:hover .btn--hollow--white,
[class*="background-"] .background-secondary a:hover .btn--hollow--white {
	color: var(--color-secondary-400);
}
.background-secondary .btn--hollow--black:hover,
[class*="background-"] .background-secondary .btn--hollow--black:hover,
.background-secondary a:hover .btn--hollow--black,
[class*="background-"] .background-secondary a:hover .btn--hollow--black {
	color: var(--color-secondary-400);
}

.background-secondary .animated-underline::after,
[class*="background-"] .background-secondary .animated-underline::after {
	background-color: var(--color-white);
}

/*
 * Pagination
 */
.background-secondary .pagination__numbers span.current,
[class*="background-"] .background-secondary .pagination__numbers span.current {
	background-color: var(--color-white);
	color: var(--color-secondary-400);
}

/*
 * Slider Controls
 */
.background-secondary .flexslider--directional-offset .flex-direction-nav li a .link-icon,
[class*="background-"] .background-secondary .flexslider--directional-offset .flex-direction-nav li a .link-icon {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-secondary .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon,
[class*="background-"] .background-secondary .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-secondary-400);
}
.background-secondary .flexslider[data-columnSlider] .flex-control-paging li a,
[class*="background-"] .background-secondary .flexslider[data-columnSlider] .flex-control-paging li a,
.background-secondary .flexslider--paging-offset .flex-control-paging li a,
[class*="background-"] .background-secondary .flexslider--paging-offset .flex-control-paging li a {
	border-color: var(--color-white);
}
.background-secondary .flexslider[data-columnSlider] .flex-control-paging li a:hover,
[class*="background-"] .background-secondary .flexslider[data-columnSlider] .flex-control-paging li a:hover,
.background-secondary .flexslider--paging-offset .flex-control-paging li a:hover,
[class*="background-"] .background-secondary .flexslider--paging-offset .flex-control-paging li a:hover {
	background-color: var(--color-white);
}
.background-secondary .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
[class*="background-"] .background-secondary .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
.background-secondary .flexslider--paging-offset .flex-control-paging li a.flex-active,
[class*="background-"] .background-secondary .flexslider--paging-offset .flex-control-paging li a.flex-active {
	background-color: var(--color-white);
}

/*
 * Accordions
 */
.background-secondary .panel__title__link,
[class*="background-"] .background-secondary .panel__title__link {
	border-top-color: var(--color-white);
	color: var(--color-white);
}
.background-secondary .title__link__icon::before,
[class*="background-"] .background-secondary .title__link__icon::before,
.background-secondary .title__link__icon::after,
[class*="background-"] .background-secondary .title__link__icon::after {
    background-color: var(--color-white);
}
.background-secondary .panel__title__link:hover > .title__link__icon,
[class*="background-"] .background-secondary .panel__title__link:hover > .title__link__icon,
.background-secondary .accordion__panel--open > .panel__title > .panel__title__link,
[class*="background-"] .background-secondary .accordion__panel--open > .panel__title > .panel__title__link,
.background-secondary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon,
[class*="background-"] .background-secondary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-secondary-400);
}
.background-secondary .panel__title__link:hover .title__link__icon::before,
[class*="background-"] .background-secondary .panel__title__link:hover .title__link__icon::before,
.background-secondary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
[class*="background-"] .background-secondary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
.background-secondary .panel__title__link:hover .title__link__icon::after,
[class*="background-"] .background-secondary .panel__title__link:hover .title__link__icon::after,
.background-secondary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after,
[class*="background-"] .background-secondary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after {
	background-color: var(--color-secondary-400);
}

/*
 * Forms
 */
.background-secondary input,
[class*="background-"] .background-secondary input,
.background-secondary textarea,
[class*="background-"] .background-secondary textarea,
.background-secondary select,
[class*="background-"] .background-secondary select,
.background-secondary input[type="checkbox"], 
[class*="background-"] .background-secondary input[type="checkbox"],
.background-secondary input[type="radio"],
[class*="background-"] .background-secondary input[type="radio"] {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-secondary input:hover,
[class*="background-"] .background-secondary input:hover,
.background-secondary textarea:hover,
[class*="background-"] .background-secondary textarea:hover,
.background-secondary select:hover,
[class*="background-"] .background-secondary select:hover,
.background-secondary input[type="checkbox"]:hover, 
[class*="background-"] .background-secondary input[type="checkbox"]:hover,
.background-secondary input[type="radio"]:hover,
[class*="background-"] .background-secondary input[type="radio"]:hover {
	border-color: var(--color-highlight-400);
}
.background-secondary input:focus,
[class*="background-"] .background-secondary input:focus,
.background-secondary textarea:focus,
[class*="background-"] .background-secondary textarea:focus,
.background-secondary select:focus,
[class*="background-"] .background-secondary select:focus,
.background-secondary input[type="checkbox"]:focus, 
[class*="background-"] .background-secondary input[type="checkbox"]:focus,
.background-secondary input[type="radio"]:focus,
[class*="background-"] .background-secondary input[type="radio"]:focus {
	background-color:var(--color-highlight-400); 
	border-color:var(--color-highlight-400); 
	color:var(--color-primary-400);
}
.background-secondary input:checked,
[class*="background-"] .background-secondary input:checked,
.background-secondary input:checked:hover,
[class*="background-"] .background-secondary input:checked:hover,
.background-secondary input:checked:focus,
[class*="background-"] .background-secondary input:checked:focus {
	background-color:var(--color-white); 
	border-color:var(--color-white); 
}

.background-secondary button,
[class*="background-"] .background-secondary button {
	background-color:var(--color-white); 
	color:var(--color-secondary-400); 
}
.background-secondary button:hover,
[class*="background-"] .background-secondary button:hover,
.background-secondary button:hover,
[class*="background-"] .background-secondary button:hover {
	background-color:var(--color-highlight-400); 
	color:var(--color-primary-400); 
}

.background-secondary .gform_fileupload_multifile,
[class*="background-"] .background-secondary .gform_fileupload_multifile {
	border-color: var(--color-white);
}
.background-secondary .gform_fileupload_multifile button,
[class*="background-"] .background-secondary .gform_fileupload_multifile button,
.background-secondary .gform_delete_file,
[class*="background-"] .background-secondary .gform_delete_file {
	color:var(--color-white);
	text-decoration-color: var(--color-highlight-400);
}
.background-secondary .gform_delete_file:hover,
[class*="background-"] .background-secondary .gform_delete_file:hover,
.background-secondary .gform_delete_file:focus,
[class*="background-"] .background-secondary .gform_delete_file:focus{
	color:var(--color-highlight-400);
}

.background-secondary img.gform_ajax_spinner,
[class*="background-"] .background-secondary img.gform_ajax_spinner {
	content: url("../assets/img/svg/gf-spinner-white.svg");
}

.background-secondary .jcf-select .jcf-select-text,
[class*="background-"] .background-secondary .jcf-select .jcf-select-text {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-secondary .jcf-select:hover .jcf-select-text,
[class*="background-"] .background-secondary .jcf-select:hover .jcf-select-text {
	border-color: var(--color-highlight-400);
}
.background-secondary .jcf-select.jcf-drop-active .jcf-select-text,
[class*="background-"] .background-secondary .jcf-select.jcf-drop-active .jcf-select-text {
	background-color: var(--color-highlight-400);
	border-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-secondary .jcf-select .jcf-select-opener,
[class*="background-"] .background-secondary .jcf-select .jcf-select-opener {
	color: var(--color-white);
}
.background-secondary .jcf-select.jcf-drop-active .jcf-select-opener,
[class*="background-"] .background-secondary .jcf-select.jcf-drop-active .jcf-select-opener {
	color: var(--color-primary-400);
}
.background-secondary .jcf-select-drop .jcf-select-drop-content,
[class*="background-"] .background-secondary .jcf-select-drop .jcf-select-drop-content {
	border-color: var(--color-highlight-400);
}

/* ==========================================================================
   Background Tertiary
   ========================================================================== */

/*
 * Typography
 */
.background-tertiary .text-underline,
[class*="background-"] .background-tertiary .text-underline {
	text-decoration-color: var(--color-white);
}

main .background-tertiary .wysiwyg ul li::before,
main [class*="background-"] .background-tertiary .wysiwyg ul li::before {
	background-color: var(--color-white);
}

.background-tertiary th,
.background-tertiary td,
[class*="background-"] .background-tertiary th,
[class*="background-"] .background-tertiary td {
	border-color:var(--color-white);
}
.background-tertiary .row-divider th,
.background-tertiary .row-divider td,
[class*="background-"] .background-tertiary .row-divider thead + tbody tr:first-child th,
[class*="background-"] .background-tertiary .row-divider thead + tbody tr:first-child td {
	border-top-color: var(--color-white);
}
.background-tertiary hr,
[class*="background-"] .background-tertiary hr {
	background-color:var(--color-white);
}

/*
 * Links
 */
.background-tertiary a:not(.btn),
[class*="background-"] .background-tertiary a:not(.btn) {
	color: var(--color-white);
	text-decoration-color: var(--color-white);
}

.background-tertiary .link-icon,
[class*="background-"] .background-tertiary .link-icon {
    border-color: var(--color-white);
    color: var(--color-white);
}
.background-tertiary a:hover .link-icon,
[class*="background-"] .background-tertiary a:hover .link-icon {
	background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-tertiary-400);
}

.background-tertiary .btn--white,
[class*="background-"] .background-tertiary .btn--white {
	color: var(--color-tertiary-400);
}
.background-tertiary .btn--black,
[class*="background-"] .background-tertiary .btn--black {
	color: var(--color-tertiary-400);
}
.background-tertiary .btn--white:hover,
[class*="background-"] .background-tertiary .btn--white:hover,
.background-tertiary a:hover .btn--white,
[class*="background-"] .background-tertiary a:hover .btn--white {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-tertiary .btn--black:hover,
[class*="background-"] .background-tertiary .btn--black:hover,
.background-tertiary a:hover .btn--black,
[class*="background-"] .background-tertiary a:hover .btn--black {
	background-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-tertiary .btn--hollow--white:hover,
[class*="background-"] .background-tertiary .btn--hollow--white:hover,
.background-tertiary a:hover .btn--hollow--white,
[class*="background-"] .background-tertiary a:hover .btn--hollow--white {
	color: var(--color-tertiary-400);
}
.background-tertiary .btn--hollow--black:hover,
[class*="background-"] .background-tertiary .btn--hollow--black:hover,
.background-tertiary a:hover .btn--hollow--black,
[class*="background-"] .background-tertiary a:hover .btn--hollow--black {
	color: var(--color-tertiary-400);
}

.background-tertiary .animated-underline::after,
[class*="background-"] .background-tertiary .animated-underline::after {
	background-color: var(--color-white);
}

/*
 * Pagination
 */
.background-tertiary .pagination__numbers span.current,
[class*="background-"] .background-tertiary .pagination__numbers span.current {
	background-color: var(--color-white);
	color: var(--color-tertiary-400);
}

/*
 * Slider Controls
 */
.background-tertiary .flexslider--directional-offset .flex-direction-nav li a .link-icon,
[class*="background-"] .background-tertiary .flexslider--directional-offset .flex-direction-nav li a .link-icon {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-tertiary .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon,
[class*="background-"] .background-tertiary .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-tertiary-400);
}
.background-tertiary .flexslider[data-columnSlider] .flex-control-paging li a,
[class*="background-"] .background-tertiary .flexslider[data-columnSlider] .flex-control-paging li a,
.background-tertiary .flexslider--paging-offset .flex-control-paging li a,
[class*="background-"] .background-tertiary .flexslider--paging-offset .flex-control-paging li a {
	border-color: var(--color-white);
}
.background-tertiary .flexslider[data-columnSlider] .flex-control-paging li a:hover,
[class*="background-"] .background-tertiary .flexslider[data-columnSlider] .flex-control-paging li a:hover,
.background-tertiary .flexslider--paging-offset .flex-control-paging li a:hover,
[class*="background-"] .background-tertiary .flexslider--paging-offset .flex-control-paging li a:hover {
	background-color: var(--color-white);
}
.background-tertiary .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
[class*="background-"] .background-tertiary .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
.background-tertiary .flexslider--paging-offset .flex-control-paging li a.flex-active,
[class*="background-"] .background-tertiary .flexslider--paging-offset .flex-control-paging li a.flex-active {
	background-color: var(--color-white);
}

/*
 * Accordions
 */
.background-tertiary .panel__title__link,
[class*="background-"] .background-tertiary .panel__title__link {
	border-top-color: var(--color-white);
	color: var(--color-white);
}
.background-tertiary .title__link__icon::before,
[class*="background-"] .background-tertiary .title__link__icon::before,
.background-tertiary .title__link__icon::after,
[class*="background-"] .background-tertiary .title__link__icon::after {
    background-color: var(--color-white);
}
.background-tertiary .panel__title__link:hover > .title__link__icon,
[class*="background-"] .background-tertiary .panel__title__link:hover > .title__link__icon,
.background-tertiary .accordion__panel--open > .panel__title > .panel__title__link,
[class*="background-"] .background-tertiary .accordion__panel--open > .panel__title > .panel__title__link,
.background-tertiary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon,
[class*="background-"] .background-tertiary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-tertiary-400);
}
.background-tertiary .panel__title__link:hover .title__link__icon::before,
[class*="background-"] .background-tertiary .panel__title__link:hover .title__link__icon::before,
.background-tertiary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
[class*="background-"] .background-tertiary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
.background-tertiary .panel__title__link:hover .title__link__icon::after,
[class*="background-"] .background-tertiary .panel__title__link:hover .title__link__icon::after,
.background-tertiary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after,
[class*="background-"] .background-tertiary .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after {
	background-color: var(--color-tertiary-400);
}

/*
 * Forms
 */
.background-tertiary input,
[class*="background-"] .background-tertiary input,
.background-tertiary textarea,
[class*="background-"] .background-tertiary textarea,
.background-tertiary select,
[class*="background-"] .background-tertiary select,
.background-tertiary input[type="checkbox"], 
[class*="background-"] .background-tertiary input[type="checkbox"],
.background-tertiary input[type="radio"],
[class*="background-"] .background-tertiary input[type="radio"] {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-tertiary input:hover,
[class*="background-"] .background-tertiary input:hover,
.background-tertiary textarea:hover,
[class*="background-"] .background-tertiary textarea:hover,
.background-tertiary select:hover,
[class*="background-"] .background-tertiary select:hover,
.background-tertiary input[type="checkbox"]:hover, 
[class*="background-"] .background-tertiary input[type="checkbox"]:hover,
.background-tertiary input[type="radio"]:hover,
[class*="background-"] .background-tertiary input[type="radio"]:hover {
	border-color: var(--color-highlight-400);
}
.background-tertiary input:focus,
[class*="background-"] .background-tertiary input:focus,
.background-tertiary textarea:focus,
[class*="background-"] .background-tertiary textarea:focus,
.background-tertiary select:focus,
[class*="background-"] .background-tertiary select:focus,
.background-tertiary input[type="checkbox"]:focus, 
[class*="background-"] .background-tertiary input[type="checkbox"]:focus,
.background-tertiary input[type="radio"]:focus,
[class*="background-"] .background-tertiary input[type="radio"]:focus {
	background-color:var(--color-highlight-400); 
	border-color:var(--color-highlight-400); 
	color:var(--color-primary-400);
}
.background-tertiary input:checked,
[class*="background-"] .background-tertiary input:checked,
.background-tertiary input:checked:hover,
[class*="background-"] .background-tertiary input:checked:hover,
.background-tertiary input:checked:focus,
[class*="background-"] .background-tertiary input:checked:focus {
	background-color:var(--color-white); 
	border-color:var(--color-white); 
}

.background-tertiary button,
[class*="background-"] .background-tertiary button {
	background-color:var(--color-white); 
	color:var(--color-tertiary-400); 
}
.background-tertiary button:hover,
[class*="background-"] .background-tertiary button:hover,
.background-tertiary button:hover,
[class*="background-"] .background-tertiary button:hover {
	background-color:var(--color-highlight-400); 
	color:var(--color-primary-400); 
}

.background-tertiary .gform_fileupload_multifile,
[class*="background-"] .background-tertiary .gform_fileupload_multifile {
	border-color: var(--color-white);
}
.background-tertiary .gform_fileupload_multifile button,
[class*="background-"] .background-tertiary .gform_fileupload_multifile button,
.background-tertiary .gform_delete_file,
[class*="background-"] .background-tertiary .gform_delete_file {
	color:var(--color-white);
	text-decoration-color: var(--color-highlight-400);
}
.background-tertiary .gform_delete_file:hover,
[class*="background-"] .background-tertiary .gform_delete_file:hover,
.background-tertiary .gform_delete_file:focus,
[class*="background-"] .background-tertiary .gform_delete_file:focus{
	color:var(--color-highlight-400);
}

.background-tertiary img.gform_ajax_spinner,
[class*="background-"] .background-tertiary img.gform_ajax_spinner {
	content: url("../assets/img/svg/gf-spinner-white.svg");
}

.background-tertiary .jcf-select .jcf-select-text,
[class*="background-"] .background-tertiary .jcf-select .jcf-select-text {
	border-color: var(--color-white);
	color: var(--color-white);
}
.background-tertiary .jcf-select:hover .jcf-select-text,
[class*="background-"] .background-tertiary .jcf-select:hover .jcf-select-text {
	border-color: var(--color-highlight-400);
}
.background-tertiary .jcf-select.jcf-drop-active .jcf-select-text,
[class*="background-"] .background-tertiary .jcf-select.jcf-drop-active .jcf-select-text {
	background-color: var(--color-highlight-400);
	border-color: var(--color-highlight-400);
	color: var(--color-primary-400);
}
.background-tertiary .jcf-select .jcf-select-opener,
[class*="background-"] .background-tertiary .jcf-select .jcf-select-opener {
	color: var(--color-white);
}
.background-tertiary .jcf-select.jcf-drop-active .jcf-select-opener,
[class*="background-"] .background-tertiary .jcf-select.jcf-drop-active .jcf-select-opener {
	color: var(--color-primary-400);
}
.background-tertiary .jcf-select-drop .jcf-select-drop-content,
[class*="background-"] .background-tertiary .jcf-select-drop .jcf-select-drop-content {
	border-color: var(--color-highlight-400);
}

/* ==========================================================================
   Background Highlight
   ========================================================================== */

/*
 * Typography
 */
.background-highlight .text-underline,
[class*="background-"] .background-highlight .text-underline {
	text-decoration-color: var(--color-primary-400);
}

main .background-highlight .wysiwyg ul li::before,
main [class*="background-"] .background-highlight .wysiwyg ul li::before {
	background-color: var(--color-primary-400);
}

.background-highlight th,
.background-highlight td,
[class*="background-"] .background-highlight th,
[class*="background-"] .background-highlight td {
	border-color:var(--color-primary-400);
}
.background-highlight .row-divider th,
.background-highlight .row-divider td,
[class*="background-"] .background-highlight .row-divider thead + tbody tr:first-child th,
[class*="background-"] .background-highlight .row-divider thead + tbody tr:first-child td {
	border-top-color: var(--color-primary-400);
}
.background-highlight hr,
[class*="background-"] .background-highlight hr {
	background-color:var(--color-primary-400);
}

/*
 * Links
 */
.background-highlight a:not(.btn),
[class*="background-"] .background-highlight a:not(.btn) {
	color: var(--color-primary-400);
	text-decoration-color: var(--color-primary-400);
}

.background-highlight .link-icon,
[class*="background-"] .background-highlight .link-icon {
    border-color: var(--color-primary-400);
    color: var(--color-primary-400);
}
.background-highlight a:hover .link-icon,
[class*="background-"] .background-highlight a:hover .link-icon {
	background-color: var(--color-primary-400);
    border-color: var(--color-primary-400);
    color: var(--color-highlight-400);
}

.background-highlight .btn--white,
[class*="background-"] .background-highlight .btn--white {
	color: var(--color-highlight-400);
}
.background-highlight .btn--black,
[class*="background-"] .background-highlight .btn--black {
	color: var(--color-highlight-400);
}
.background-highlight .btn--white:hover,
[class*="background-"] .background-highlight .btn--white:hover,
.background-highlight a:hover .btn--white,
[class*="background-"] .background-highlight a:hover .btn--white {
	color: var(--color-primary-400);
}
.background-highlight .btn--black:hover,
[class*="background-"] .background-highlight .btn--black:hover,
.background-highlight a:hover .btn--black,
[class*="background-"] .background-highlight a:hover .btn--black {
	color: var(--color-primary-400);
}
.background-highlight .btn--hollow--white:hover,
[class*="background-"] .background-highlight .btn--hollow--white:hover,
.background-highlight a:hover .btn--hollow--white,
[class*="background-"] .background-highlight a:hover .btn--hollow--white {
	color: var(--color-highlight-400);
}
.background-highlight .btn--hollow--black:hover,
[class*="background-"] .background-highlight .btn--hollow--black:hover,
.background-highlight a:hover .btn--hollow--black,
[class*="background-"] .background-highlight a:hover .btn--hollow--black {
	color: var(--color-highlight-400);
}

.background-highlight .btn--white:hover,
[class*="background-"] .background-highlight .btn--white:hover,
.background-highlight a:hover .btn--white,
[class*="background-"] .background-highlight a:hover .btn--white,
.background-highlight .btn--black:hover,
[class*="background-"] .background-highlight .btn--black:hover,
.background-highlight a:hover .btn--black,
[class*="background-"] .background-highlight a:hover .btn--black,
.background-highlight .btn--primary:hover,
[class*="background-"] .background-highlight .btn--primary:hover,
.background-highlight a:hover .btn--primary,
[class*="background-"] .background-highlight a:hover .btn--primary,
.background-highlight .btn--secondary:hover,
[class*="background-"] .background-highlight .btn--secondary:hover,
.background-highlight a:hover .btn--secondary,
[class*="background-"] .background-highlight a:hover .btn--secondary,
.background-highlight .btn--tertiary:hover,
[class*="background-"] .background-highlight .btn--tertiary:hover,
.background-highlight a:hover .btn--tertiary,
[class*="background-"] .background-highlight a:hover .btn--tertiary {
	background-color: var(--color-highlight-600);
}

.background-highlight .animated-underline::after,
[class*="background-"] .background-highlight .animated-underline::after {
	background-color: var(--color-primary-400);
}

/*
 * Pagination
 */
.background-highlight .pagination__numbers span.current,
[class*="background-"] .background-highlight .pagination__numbers span.current {
	background-color: var(--color-primary-400);
	color: var(--color-highlight-400);
}

/*
 * Slider Controls
 */
.background-highlight .flexslider--directional-offset .flex-direction-nav li a .link-icon,
[class*="background-"] .background-highlight .flexslider--directional-offset .flex-direction-nav li a .link-icon {
	border-color: var(--color-primary-400);
	color: var(--color-primary-400);
}
.background-highlight .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon,
[class*="background-"] .background-highlight .flexslider--directional-offset .flex-direction-nav li a:hover .link-icon {
	background-color: var(--color-primary-400);
	border-color: var(--color-primary-400);
	color: var(--color-highlight-400);
}
.background-highlight .flexslider[data-columnSlider] .flex-control-paging li a,
[class*="background-"] .background-highlight .flexslider[data-columnSlider] .flex-control-paging li a,
.background-highlight .flexslider--paging-offset .flex-control-paging li a,
[class*="background-"] .background-highlight .flexslider--paging-offset .flex-control-paging li a {
	border-color: var(--color-primary-400);
}
.background-highlight .flexslider[data-columnSlider] .flex-control-paging li a:hover,
[class*="background-"] .background-highlight .flexslider[data-columnSlider] .flex-control-paging li a:hover,
.background-highlight .flexslider--paging-offset .flex-control-paging li a:hover,
[class*="background-"] .background-highlight .flexslider--paging-offset .flex-control-paging li a:hover {
	background-color: var(--color-primary-400);
}
.background-highlight .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
[class*="background-"] .background-highlight .flexslider[data-columnSlider] .flex-control-paging li a.flex-active,
.background-highlight .flexslider--paging-offset .flex-control-paging li a.flex-active,
[class*="background-"] .background-highlight .flexslider--paging-offset .flex-control-paging li a.flex-active {
	background-color: var(--color-primary-400);
}

/*
 * Accordions
 */
.background-highlight .panel__title__link,
[class*="background-"] .background-highlight .panel__title__link {
	border-top-color: var(--color-primary-400);
	color: var(--color-primary-400);
}
.background-highlight .title__link__icon::before,
[class*="background-"] .background-highlight .title__link__icon::before,
.background-highlight .title__link__icon::after,
[class*="background-"] .background-highlight .title__link__icon::after {
    background-color: var(--color-primary-400);
}
.background-highlight .panel__title__link:hover > .title__link__icon,
[class*="background-"] .background-highlight .panel__title__link:hover > .title__link__icon,
.background-highlight .accordion__panel--open > .panel__title > .panel__title__link,
[class*="background-"] .background-highlight .accordion__panel--open > .panel__title > .panel__title__link,
.background-highlight .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon,
[class*="background-"] .background-highlight .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon {
	background-color: var(--color-primary-400);
	border-color: var(--color-primary-400);
	color: var(--color-highlight-400);
}
.background-highlight .panel__title__link:hover .title__link__icon::before,
[class*="background-"] .background-highlight .panel__title__link:hover .title__link__icon::before,
.background-highlight .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
[class*="background-"] .background-highlight .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::before,
.background-highlight .panel__title__link:hover .title__link__icon::after,
[class*="background-"] .background-highlight .panel__title__link:hover .title__link__icon::after,
.background-highlight .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after,
[class*="background-"] .background-highlight .accordion__panel--open > .panel__title > .panel__title__link .title__link__icon::after {
	background-color: var(--color-highlight-400);
}

/*
 * Forms
 */
.background-highlight input,
[class*="background-"] .background-highlight input,
.background-highlight textarea,
[class*="background-"] .background-highlight textarea,
.background-highlight select,
[class*="background-"] .background-highlight select,
.background-highlight input[type="checkbox"], 
[class*="background-"] .background-highlight input[type="checkbox"],
.background-highlight input[type="radio"],
[class*="background-"] .background-highlight input[type="radio"] {
	border-color: var(--color-primary-400);
	color: var(--color-primary-400);
}
.background-highlight input:hover,
[class*="background-"] .background-highlight input:hover,
.background-highlight textarea:hover,
[class*="background-"] .background-highlight textarea:hover,
.background-highlight select:hover,
[class*="background-"] .background-highlight select:hover,
.background-highlight input[type="checkbox"]:hover, 
[class*="background-"] .background-highlight input[type="checkbox"]:hover,
.background-highlight input[type="radio"]:hover,
[class*="background-"] .background-highlight input[type="radio"]:hover {
	border-color: var(--color-primary-400);
}
.background-highlight input:focus,
[class*="background-"] .background-highlight input:focus,
.background-highlight textarea:focus,
[class*="background-"] .background-highlight textarea:focus,
.background-highlight select:focus,
[class*="background-"] .background-highlight select:focus,
.background-highlight input[type="checkbox"]:focus, 
[class*="background-"] .background-highlight input[type="checkbox"]:focus,
.background-highlight input[type="radio"]:focus,
[class*="background-"] .background-highlight input[type="radio"]:focus {
	background-color:var(--color-primary-400); 
	border-color:var(--color-primary-400); 
	color:var(--color-highlight-400);
}
.background-highlight input:checked,
[class*="background-"] .background-highlight input:checked,
.background-highlight input:checked:hover,
[class*="background-"] .background-highlight input:checked:hover,
.background-highlight input:checked:focus,
[class*="background-"] .background-highlight input:checked:focus {
	background-color:var(--color-primary-400); 
	border-color:var(--color-primary-400); 
}

.background-highlight button,
[class*="background-"] .background-highlight button {
	background-color:var(--color-primary-400); 
	color:var(--color-white); 
}
.background-highlight button:hover,
[class*="background-"] .background-highlight button:hover,
.background-highlight button:hover,
[class*="background-"] .background-highlight button:hover {
	background-color:var(--color-highlight-600); 
	color:var(--color-primary-400); 
}

.background-highlight .gform_fileupload_multifile,
[class*="background-"] .background-highlight .gform_fileupload_multifile {
	border-color: var(--color-primary-400);
}
.background-highlight .gform_fileupload_multifile button,
[class*="background-"] .background-highlight .gform_fileupload_multifile button,
.background-highlight .gform_delete_file,
[class*="background-"] .background-highlight .gform_delete_file {
	color:var(--color-primary-400);
	text-decoration-color: var(--color-primary-400);
}
.background-highlight .gform_delete_file:hover,
[class*="background-"] .background-highlight .gform_delete_file:hover,
.background-highlight .gform_delete_file:focus,
[class*="background-"] .background-highlight .gform_delete_file:focus{
	color:var(--color-highlight-600);
}

.background-highlight img.gform_ajax_spinner,
[class*="background-"] .background-highlight img.gform_ajax_spinner {
	content: url("../assets/img/svg/gf-spinner.svg");
}

.background-highlight .jcf-select .jcf-select-text,
[class*="background-"] .background-highlight .jcf-select .jcf-select-text {
	border-color: var(--color-primary-400);
	color: var(--color-primary-400);
}
.background-highlight .jcf-select:hover .jcf-select-text,
[class*="background-"] .background-highlight .jcf-select:hover .jcf-select-text {
	border-color: var(--color-primary-400);
}
.background-highlight .jcf-select.jcf-drop-active .jcf-select-text,
[class*="background-"] .background-highlight .jcf-select.jcf-drop-active .jcf-select-text {
	background-color: var(--color-primary-400);
	border-color: var(--color-primary-400);
	color: var(--color-highlight-400);
}
.background-highlight .jcf-select .jcf-select-opener,
[class*="background-"] .background-highlight .jcf-select .jcf-select-opener {
	color: var(--color-primary-400);
}
.background-highlight .jcf-select.jcf-drop-active .jcf-select-opener,
[class*="background-"] .background-highlight .jcf-select.jcf-drop-active .jcf-select-opener {
	color: var(--color-highlight-400);
}
.background-highlight .jcf-select-drop .jcf-select-drop-content,
[class*="background-"] .background-highlight .jcf-select-drop .jcf-select-drop-content {
	border-color: var(--color-primary-400);
}

/* ==========================================================================
   Background Dark Grey
   ========================================================================== */

/*
 * Links
 */
 .background-grey-600 a:not(.btn):not(.panel__title__link):not(.file-link),
 [class*="background-"] .background-grey-600 a:not(.btn):not(.panel__title__link) {
	 color: var(--color-white);
	 text-decoration-color: var(--color-highlight-400);
 }
 
 .background-grey-600 .link-icon,
 [class*="background-"] .background-grey-600 .link-icon {
	 border-color: var(--color-white);
	 color: var(--color-white);
 }
 .background-grey-600 a:hover .link-icon,
 [class*="background-"] .background-grey-600 a:hover .link-icon {
	 background-color: var(--color-primary-400);
	 border-color: var(--color-primary-400);
	 color: var(--color-highlight-400);
 }