body {
  color: var(--dark-text);
  background-color: var(--secondary);
}

p {
  color: var(--dark-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--dark-text);
}

h4 {
  color: var(--highlight);
}

/* Backgroounds */

.has-foe-color-one-background-color {
  background-color: var(--foe-color-one);
}
.has-foe-color-two-background-color {
  background-color: var(--foe-color-two);
}
.has-foe-color-three-background-color {
  background-color: var(--foe-color-three);
}
.has-foe-color-four-background-color {
  background-color: var(--foe-color-four);
}
.has-foe-color-five-background-color {
  background-color: var(--foe-color-five);
}
.has-foe-color-six-background-color {
  background-color: var(--foe-color-six);
}

/* Buttons */
.is-style-btn-one a {
  background-color: var(--btn-one-bg);
  color: var(--btn-one-text);
  border: 2px solid var(--btn-one-border);
}

.is-style-btn-one a:hover,
.is-style-btn-one a:focus,
.is-style-btn-one a:active {
  background-color: var(--btn-one-bg-hover);
  color: var(--btn-one-text-hover);
  border: 2px solid var(--btn-one-border-hover);
}

.is-style-btn-two a {
  background-color: var(--btn-two-bg);
  color: var(--btn-two-text);
  border: 2px solid var(--btn-two-border);
}

.is-style-btn-two a:hover,
.is-style-btn-two a:focus,
.is-style-btn-two a:active {
  background-color: var(--btn-two-bg-hover);
  color: var(--btn-two-text-hover);
  border: 2px solid var(--btn-two-border-hover);
}

.is-style-btn-three a {
  background-color: var(--btn-three-bg);
  color: var(--btn-three-text);
  border: 2px solid var(--btn-three-border);
}

.is-style-btn-three a:hover,
.is-style-btn-three a:focus,
.is-style-btn-three a:active {
  background-color: var(--btn-three-bg-hover);
  color: var(--btn-three-text-hover);
  border: 2px solid var(--btn-three-border-hover);
}

.is-style-btn-four a {
  background-color: var(--btn-four-bg);
  color: var(--btn-four-text);
  border: 2px solid var(--btn-four-border);
}

.is-style-btn-four a:hover,
.is-style-btn-four a:focus,
.is-style-btn-four a:active {
  background-color: var(--btn-four-bg-hover);
  color: var(--btn-four-text-hover);
  border: 2px solid var(--btn-four-border-hover);
}

.is-style-btn-four .wp-block-button__link:visited {
  color: var(--btn-one-text);
}

/* MOBILE NAVIGATION OPTIONS */

.overlay {
  background-color: var(--mobile-nav-bg);
}

.show-modal .menu-icon {
  fill: var(--foe-foe-color-three);
}

.show-modal .menu-icon:hover,
.show-modal .menu-icon:focus,
.show-modal .menu-icon:active {
  fill: var(--mobile-nav-icon-color-hover);
}

.close-modal .menu-icon {
  fill: var(--mobile-nav-icon-color);
}

.close-modal .menu-icon:hover,
.close-modal .menu-icon:focus,
.close-modal .menu-icon:active {
  fill: var(--mobile-nav-icon-color-hover);
}

.modal .main-menu-style a {
  color: var(--mobile-nav-text);
}

.modal .main-menu-style a:hover,
.modal .main-menu-style a:focus,
.modal .main-menu-style a:active {
  color: var(--mobile-nav-text-hover);
}

.social-icon {
  fill: var(--mobile-nav-social);
}

.social-icon:hover,
.social-icon:active,
.social-icon:focus {
  fill: var(--mobile-nav-social-hover);
}

footer .social-icon:hover,
footer .social-icon:active,
footer .social-icon:focus {
  fill: var(--foe-color-two);
}

.site-nav {
  background-color: var(--header-bg-color);
}

/* .overlay-tophalf {
  background-color: var(--secondary-bg);
} */

.wp-block-media-text__content h1 {
  color: var(--primary-h1);
}

.wp-block-media-text__content p {
  color: var(--primary-text);
}

.bg-sitenav {
  background-color: var(--header-bg-color);
}

.page-content {
  background-color: var(--primary);
}

.bg-primary {
  background-color: var(--primary);
}

.bg-primary h3,
.bg-primary h5,
.bg-primary li {
  color: var(--dark-text);
}

.bg-primary p {
  color: var(--dark-text);
}

.bg-secondary {
  background-color: var(--secondary);
}

.after::after {
  content: '';
  display: block;
  height: 5.21vw;
  width: 100%;
  background-image: url(../img/after.png);
  background-repeat: no-repeat;
  background-position: center bottom -1px;
  background-size: cover;
}

.before::before {
  content: '';
  display: block;
  height: 5.21vw;
  width: 100%;
  background-color: var(--secondary);
  background-image: url(../img/after.png);
  background-repeat: no-repeat;
  background-position: center top 1px;
  background-size: cover;
}

.before-dark::before {
  content: '';
  display: block;
  height: 5.21vw;
  width: 100%;
  background-color: var(--primary);
  background-image: url(../img/after-dark.png);
  background-repeat: no-repeat;
  background-position: center top 1px;
  background-size: cover;
}

.bg-secondary h3,
.bg-secondary h4,
.bg-secondary h5,
.bg-secondary p {
  color: var(--dark-text);
}

footer h3 {
  color: var(--dark-text);
}

footer p a {
  color: var(--dark-text);
}

.btn-primary {
  background-color: var(--secondary);
  color: var(--dark-text);
  border: 2px solid var(--secondary);
}

.btn-light {
  background-color: var(--dark-text);
  color: var(--secondary);
  border: 1px solid var(--dark-text);
}

.btn-dark {
  background-color: var(--secondary);
  color: var(--dark-text);
  border: 1px solid var(--secondary);
}

.btn-dark-outline {
  background-color: var(--secondary);
  color: var(--dark-text);
  border: 1px solid var(--highlight);
}

.btn-underline {
  background-color: none;
  color: var(--dark-text);
  padding: 11px 0 10px !important;
  border-bottom: 1px solid var(--highlight);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  background-color: var(--secondary);
  color: var(--primary);
  border: 1px solid var(--secondary);
}

.btn-dark-outline:hover,
.btn-dark-outline:focus,
.btn-dark-outline:active {
  background-color: var(--primary);
  color: var(--secondary);
  border: 1px solid var(--primary);
}

.btn-underline:hover,
.btn-underline:focus,
.btn-underline:active {
  padding: 11px 0 7px !important;
  border-bottom: 4px solid var(--highlight);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: var(--secondary);
  color: var(--primary);
  border: 1px solid var(--secondary);
}

.text-text,
.text-text p {
  color: var(--dark-text) !important;
}

.text-highlight {
  color: var(--highlight) !important;
}

.slider-side-preview .dots__dot {
  background-color: var(--light);
}

.slider-side-preview .dots__dot--active {
  background-color: var(--highlight);
}

.slider-side-preview .bg-primary .dots__dot {
  background-color: var(--highlight);
}

.slider-side-preview .bg-primary .dots__dot--active {
  background-color: var(--light);
}

#slider.no-preview .dot {
  background-color: var(--dark-text);
}

#slider.no-preview .dot--active {
  background-color: var(--highlight);
}

.form-style-underline form p {
  border-bottom: 1px solid var(--highlight);
}

.form-style-underline form p:last-of-type {
  border-bottom: none;
}

.form-style-underline form label {
  color: var(--dark-text);
}

.form-style-underline input {
  color: var(--dark-text);
  background-color: var(--secondary);
}

.form-style-underline textarea {
  color: var(--dark-text);
  background-color: var(--secondary);
}

.form-style-underline input.wpcf7-submit {
  background-color: var(--btn-three-bg);
  border: 3px solid var(--btn-three-border);
  color: var(--btn-three-text);
}

.form-style-underline input.wpcf7-submit:hover,
.form-style-underline input.wpcf7-submit:focus,
.form-style-underline input.wpcf7-submit:active {
  background-color: var(--btn-three-bg-hover);
  border: 3px solid var(--btn-three-border-hover);
  color: var(--btn-three-text-hover);
}

footer {
  background-color: var(--footer-bg-color);
  color: var(--footer-text-color);
}

footer h1 {
  color: var(--footer-h1);
}
footer h2 {
  color: var(--footer-h2);
}
footer h3 {
  color: var(--footer-h3);
}
footer h4 {
  color: var(--footer-h4);
}
footer h5 {
  color: var(--footer-h5);
}
footer h6 {
  color: var(--footer-h6);
}

footer a,
footer .copyright a {
  color: var(--foe-color-two);
}

footer .copyright a:hover,
footer .copyright a:active,
footer .copyright a:focus {
  color: var(--foe-color-six);
}

.top-primary-bottom-highlight {
  background-color: var(--foe-color-five);
}

.top-highlight-bottom-primary {
  background-color: var(--foe-color-six);
}

.copyright {
  border-top: 1px solid var(--foe-color-two);
}

/**    ███  ██████████  ██████████     ██████████  ███    ███
███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███    ███  ███    ███  ███    ███     ███    ███     ████
██████████  ██████████  ███    ███     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 480px) {
}

/**███████  ███         ██████████     ██████████  ███    ███
       ███  ███         ███    ███     ███    ███   ███  ███
       ███  ███         ███    ███     ███    ███     ████
    ██████  ██████████  ██████████     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 768px) {
  .top-primary-bottom-highlight {
    background-image: linear-gradient(bottom, #f8f7f5 50%, #ffffff 50%);
    background-image: -o-linear-gradient(bottom, #f8f7f5 50%, #ffffff 50%);
    background-image: -moz-linear-gradient(bottom, #f8f7f5 50%, #ffffff 50%);
    background-image: -webkit-linear-gradient(bottom, #f8f7f5 50%, #ffffff 50%);
    background-image: -ms-linear-gradient(bottom, #f8f7f5 50%, #ffffff 50%);
  }

  .top-highlight-bottom-primary {
    background-image: linear-gradient(bottom, #ffffff 50%, #f8f7f5 50%);
    background-image: -o-linear-gradient(bottom, #ffffff 50%, #f8f7f5 50%);
    background-image: -moz-linear-gradient(bottom, #ffffff 50%, #f8f7f5 50%);
    background-image: -webkit-linear-gradient(bottom, #ffffff 50%, #f8f7f5 50%);
    background-image: -ms-linear-gradient(bottom, #ffffff 50%, #f8f7f5 50%);
  }
}

/**  ██████████  ██████████  ███    ███     ██████████  ███    ███
███  ███    ███         ███  ███    ███     ███    ███   ███  ███
███  ███    ███         ███  ███    ███     ███    ███     ████
███  ███    ███  ██████████  ██████████     ██████████      ██
███  ███    ███  ███                ███     ███            ████
███  ███    ███  ███                ███     ███          ███  ███
███  ██████████  ██████████         ███     ███         ███    █*/

@media only screen and (min-width: 1024px) {
}

/**  ███    ███  ███    ███  ██████████     ██████████  ███    ███
███  ███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███  ███    ███  ███    ███  ███    ███     ███    ███     ████
███  ██████████  ██████████  ███    ███     ██████████      ██
███         ███         ███  ███    ███     ███            ████
███         ███         ███  ███    ███     ███          ███  ███
███         ███         ███  ██████████     ███         ███    █*/

@media only screen and (min-width: 1440px) {
}