a {
  color: var(--color-black);
}
a:hover,
a:focus,
a:active {
  color: var(--color-red);
}

.bg-color-beige {
  background-color: var(--color-beige);
  color: var(--color-black);
}
.bg-color-green {
  background-color: var(--color-green);
  color: var(--color-white);
}
.bg-color-blue {
  background-color: var(--color-blue);
  color: var(--color-white);
}
.bg-color-blue.text-color-white {
  color: var(--color-white)!important;
}
.bg-color-blue a {
  color: var(--color-white);
}
.bg-color-red {
  background-color: var(--color-red);
  color: var(--color-white);
}
.bg-color-red a {
  color: var(--color-white);
}
.bg-color-white {
  background-color: var(--color-white);
  color: var(--color-black);
}
.bg-color-white a, .bg-color-black .bg-color-white a {
  color: var(--color-red);
}
.bg-color-black {
  background-color: var(--color-black);
  color: var(--color-white);
}
.bg-color-black a {
  color: var(--color-white);
}
.bg-color-black-seventy-five-pct {
  background: linear-gradient( to bottom, var(--color-black) 75%, transparent 25%);
  color: var(--color-white);
}
.bg-color-gray {
  background-color: var(--color-gray);
}
.bg-color-gray-light {
  background-color: var(--color-gray-light);
  color: var(--color-black);
}
.bg-color-blue-gray {
  background-color: var(--color-blue-gray);
  color: var(--color-blue);
}
.bg-color-blue-gray a {
  color: var(--color-blue);
}
.bg-color-gray-extralight {
  background-color: var(--color-gray-extralight);
  color: var(--color-black);
}
.bg-color-yellow {
  background-color: var(--color-yellow);
  color: var(--color-blue);
}
.bg-color-blue .framed {
  color: var(--default-color);
}
.bg-color-blue .framed a {
  color: var(--default-color);
}

.text-color-white {
  color: var(--color-white);
}
.text-color-black {
  color: var(--color-black)!important;
}
.text-color-blue {
  color: var(--color-blue);
}
.text-color-green {
  color: var(--color-green);
}
.text-color-red {
  color: var(--color-red);
}
.text-color-gray {
  color: var(--color-gray);
}
.text-color-gray-dark {
  color: var(--color-gray-dark);
}
.text-color-yellow {
  color: var(--color-yellow);
}

hr.red, .hr-small.red {
  background-color: var(--color-red);
}
hr.blue, .hr-small.blue {
  background-color: var(--color-blue);
}
.bg-color-blue hr, .bg-color-red hr {
  background-color: var(--color-white);
}
.bg-color-blue .framed hr, .bg-color-red .framed hr {
  background-color: var(--default-color);
}

.shadow-solid {
  box-shadow: 25px 25px 0px 0px var(--color-red);
  -webkit-box-shadow: 25px 25px 0px 0px var(--color-red);
  -moz-box-shadow: 25px 25px 0px 0px var(--color-red);
}
.shadow-solid.shadow-left {
  box-shadow: -25px 25px 0px 0px var(--color-red);
  -webkit-box-shadow: -25px 25px 0px 0px var(--color-red);
  -moz-box-shadow: -25px 25px 0px 0px var(--color-red);
}
.bg-color-red .shadow-solid, .bg-color-blue .shadow-solid {
  box-shadow: 25px 25px 0px 0px var(--color-white);
  -webkit-box-shadow: 25px 25px 0px 0px var(--color-white);
  -moz-box-shadow: 25px 25px 0px 0px var(--color-white);
}
.bg-color-red .shadow-solid.shadow-left, .bg-color-blue .shadow-solid.shadow-left {
  box-shadow: -25px 25px 0px 0px var(--color-white);
  -webkit-box-shadow: -25px 25px 0px 0px var(--color-white);
  -moz-box-shadow: -25px 25px 0px 0px var(--color-white);
}
.shadow-solid.blue {
  box-shadow: 25px 25px 0px 0px var(--color-blue);
  -webkit-box-shadow: 25px 25px 0px 0px var(--color-blue);
  -moz-box-shadow: 25px 25px 0px 0px var(--color-blue);
}
.shadow-solid.shadow-left.blue {
  box-shadow: -25px 25px 0px 0px var(--color-blue);
  -webkit-box-shadow: -25px 25px 0px 0px var(--color-blue);
  -moz-box-shadow: -25px 25px 0px 0px var(--color-blue);
}
.shadow-solid.gray {
  box-shadow: 25px 25px 0px 0px var(--color-gray-light-other);
  -webkit-box-shadow: 25px 25px 0px 0px var(--color-gray-light-other);
  -moz-box-shadow: 25px 25px 0px 0px var(--color-gray-light-other);
}
.shadow-solid.shadow-left.gray {
  box-shadow: -25px 25px 0px 0px var(--color-gray-light-other);
  -webkit-box-shadow: -25px 25px 0px 0px var(--color-gray-light-other);
  -moz-box-shadow: -25px 25px 0px 0px var(--color-gray-light-other);
}

form label {
  color: var(--color-gray-text);
}

blockquote {
  border-left: solid 2px var(--color-black);
}
.bg-color-red blockquote {
  border-left: solid 2px var(--color-white);
}
.bg-color-blue blockquote {
  border-left: solid 2px var(--color-white);
}

.bg-color-red .carousel-indicators [data-bs-target], .bg-color-blue .carousel-indicators [data-bs-target] {
  background-color: var(--color-white);
}

article.node p, p, ul, table, ol {
  /* color: var(--color-gray); */
}
article.node .bg-color-blue p, .bg-color-blue p, .bg-color-blue ul, .bg-color-blue table, .bg-color-blue ol {
  color: var(--color-white);
}

.views-row-blog a:hover, .block-articles-prev-next a:hover {
  text-decoration: none;
  color: var(--color-red);
}

.header-color {
  background-size: 101% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.header-green {
  background-image: url('../images/WavesGreen.svg');
}
.header-red {
  background-image: url('../images/WavesRed.svg');
}
.header-blue {
  background-image: url('../images/WavesBlue.svg');
}
