$colours: (
  body-yellow: $yellow,
  body-red: $red,
  body-blue: $blue,
  body-green: $green,
  body-orange: $orange,
  body-lime: $lime,
  body-pink: $pink,
  body-purple: $purple,
);

@each $element, $colour in $colours {
  .#{$element} a:hover {
    color: $colour !important;
  }

  .#{$element} .navigation li:before {
    background: $colour !important;
  }

  .#{$element} .sep1 {
    background: $colour !important;
  }

  .#{$element} .sep2 {
    background: $colour !important;
  }

  .#{$element} .np-controls a:hover i {
    color: $colour !important;
  }

  .#{$element} #filter-list li:hover {
    background: $colour !important;
  }

  .#{$element} #filter-list li.active {
    background: $colour !important;
  }

  .#{$element} .skills-bg span {
    background: $colour !important;
  }

  .#{$element} .services-info ul li:hover {
    background: $colour !important;
  }

  .#{$element} .link-post {
    background: $colour !important;
  }

  .#{$element} .quote-post blockquote {
    color: $colour !important;
  }

  .#{$element} .contact-form button {
    background: $colour !important;
  }

  .#{$element} .contact-form button:hover {
    color: $colour !important;
  }

  .#{$element} .social li a:hover {
    color: $colour !important;
  }

  .#{$element} .reply {
    background: $colour !important;
  }

  .#{$element} .reply:hover {
    color: $colour !important;
  }

  .#{$element} .overlay {
    background: $colour !important;
  }

  .#{$element} .field > input[type="text"] {
    border-color: $colour !important;
  }

  .#{$element} .field > button {
    background-color: $colour !important;
  }

  .#{$element} .my-loader div div {
    background-color: $colour !important;
  }

  .#{$element} .cookieConsent button {
    background: $colour !important;
    color: white !important;
  }

  .#{$element} .nextPrevious a:hover {
    color: $colour !important;
  }

  .#{$element} blockquote {
    border-left-color: $colour !important;
    border-right-color: $colour !important;
  }

  .#{$element} .image-gallery-fullscreen-button:hover::before,
  .#{$element} .image-gallery-play-button:hover::before,
  .#{$element} .image-gallery-left-nav:hover::before,
  .#{$element} .image-gallery-right-nav:hover::before {
    color: $colour !important;
  }

  .#{$element} .image-gallery-content:hover {
    .playButton {
      color: $colour !important;
    }
  }
}

.body-yellow #filter-list li:hover a,
.body-yellow .cookieConsent button,
.body-yellow .flex-active a,
.body-yellow .flex-active a i {
  color: #2c383c !important;
}
