/* Background color and respective color for a tag and text */

.oak-30 h2.box-title {
  background-color: #d3d4d5;
}
.bg-oak-30 {
  background-color: #d3d4d5;
  color: #494950;
}
.bg-oak-30:hover {
  background-color: #c6c7c9;
}
.oak-45 h2.box-title {
  background-color: #bfc0c5;
}
.bg-oak-45 {
  background-color: #bfc0c5;
  color: #494950;
}
.bg-oak-45:hover {
  background-color: #b2b3b9;
}
.bg-oak-45 a:visited {
  color: #009193;
}
.oak-60 h2.box-title {
  background-color: #a7a8af;
}
.bg-oak-60 {
  background-color: #a7a8af;
  color: #ffffff;
}
.bg-oak-60:hover {
  background-color: #9a9ba3;
}
.oak-80 h2.box-title {
  background-color: #8c8c97;
}
.bg-oak-80 {
  background-color: #8c8c97;
  color: #ffffff;
}
.bg-oak-80:hover {
  background-color: #7f7f8b;
}
.oak h2.box-title {
  background-color: #6c707a;
}
.bg-oak {
  background-color: #6c707a;
  color: #ffffff;
}
.bg-oak:hover {
  background-color: #787c87;
}
.oak-light h2.box-title {
  background-color: #f4f4f5;
}
.bg-oak-light {
  background-color: #f4f4f5;
  color: #494950;
}
.bg-oak-light:hover {
  background-color: #e7e7e9;
}
.oak-dark h2.box-title {
  background-color: #494950;
}
.bg-oak-dark {
  background-color: #494950;
  color: #ffffff;
}
.bg-oak-dark:hover {
  background-color: #55555d;
}
.coffee h2.box-title {
  background-color: #ad7c59;
}
.bg-coffee {
  background-color: #ad7c59;
  color: #ffffff;
}
.bg-coffee:hover {
  background-color: #9e704e;
}
.coffee-light h2.box-title {
  background-color: #d3bba8;
}
.bg-coffee-light {
  background-color: #d3bba8;
  color: #494950;
}
.bg-coffee-light:hover {
  background-color: #caae97;
}
.coffee-dark h2.box-title {
  background-color: #774212;
}
.bg-coffee-dark {
  background-color: #774212;
  color: #ffffff;
}
.bg-coffee-dark:hover {
  background-color: #8d4e15;
}
.apricot h2.box-title {
  background-color: #ff9e1b;
}
.bg-apricot {
  background-color: #ff9e1b;
  color: #ffffff;
}
.bg-apricot:hover {
  background-color: #ff9302;
}
.apricot-light h2.box-title {
  background-color: #fdd086;
}
.bg-apricot-light {
  background-color: #fdd086;
  color: #494950;
}
.bg-apricot-light:hover {
  background-color: #fdc66d;
}
.apricot-dark h2.box-title {
  background-color: #d57800;
}
.bg-apricot-dark {
  background-color: #d57800;
  color: #ffffff;
}
.bg-apricot-dark:hover {
  background-color: #ef8600;
}
.mustard h2.box-title {
  background-color: #ffd100;
}
.bg-mustard {
  background-color: #ffd100;
  color: #ffffff;
}
.bg-mustard:hover {
  background-color: #ffd61a;
}
.mustard-light h2.box-title {
  background-color: #f9e547;
}
.bg-mustard-light {
  background-color: #f9e547;
  color: #494950;
}
.bg-mustard-light:hover {
  background-color: #f8e22e;
}
.mustard-dark h2.box-title {
  background-color: #eaaa00;
}
.bg-mustard-dark {
  background-color: #eaaa00;
  color: #f4f4f5;
}
.bg-mustard-dark:hover {
  background-color: #ffba05;
}
.olive h2.box-title {
  background-color: #c4d600;
}
.bg-olive {
  background-color: #c4d600;
  color: #494950;
}
.bg-olive:hover {
  background-color: #dbf000;
}
.olive-light h2.box-title {
  background-color: #e2e868;
}
.bg-olive-light {
  background-color: #e2e868;
  color: #494950;
}
.bg-olive-light:hover {
  background-color: #dee552;
}
.olive-dark h2.box-title {
  background-color: #949300;
}
.bg-olive-dark {
  background-color: #949300;
  color: #ffffff;
}
.bg-olive-dark:hover {
  background-color: #aeac00;
}
.green h2.box-title {
  background-color: #73a039;
}
.bg-green {
  background-color: #73a039;
  color: #ffffff;
}
.bg-green:hover {
  background-color: #81b340;
}
.green-light h2.box-title {
  background-color: #bce194;
}
.bg-green-light {
  background-color: #bce194;
  color: #494950;
}
.bg-green-light:hover {
  background-color: #b0db80;
}
.green-dark h2.box-title {
  background-color: #4a773c;
}
.bg-green-dark {
  background-color: #4a773c;
  color: #ffffff;
}
.bg-green-dark:hover {
  background-color: #558845;
}
.aqua h2.box-title {
  background-color: #00b2a9;
}
.bg-aqua {
  background-color: #00b2a9;
  color: #494950;
}
.bg-aqua:hover {
  background-color: #00ccc1;
}
.aqua-light h2.box-title {
  background-color: #9cdbd9;
}
.bg-aqua-light {
  background-color: #9cdbd9;
  color: #ffffff;
}
.bg-aqua-light:hover {
  background-color: #89d4d2;
}
.bg-aqua-dark {
  background-color: #007681;
  color: #ffffff;
}
.bg-aqua-dark:hover {
  background-color: #008d9b;
}
.bg-aqua-dark h2.box-title span {
  color: #ffffff;
}
.bg-blue {
  background-color: #1c9cc8;
  color: #ffffff;
}
.bg-blue:hover {
  background-color: #1fadde;
}
.blue-light h2.box-title {
  background-color: #9bcbeb;
}
.bg-blue-light {
  background-color: #9bcbeb;
  color: #494950;
}
.bg-blue-light:hover {
  background-color: #86c0e7;
}
.blue-dark h2.box-title {
  background-color: #00629b;
}
.bg-blue-dark {
  background-color: #00629b;
  color: #ffffff;
}
.bg-blue-dark:hover {
  background-color: #0072b5;
}
.bg-blueberry {
  background-color: #485cc7;
  color: #ffffff;
}
.bg-blueberry:hover {
  background-color: #3a4ebc;
}
.blueberry-light h2.box-title {
  background-color: #b8ccea;
}
.bg-blueberry-light {
  background-color: #b8ccea;
  color: #494950;
}
.bg-blueberry-light:hover {
  background-color: #a4bee4;
}
.blueberry-dark h2.box-title {
  background-color: #171c8f;
}
.bg-blueberry-dark {
  background-color: #171c8f;
  color: #ffffff;
}
.bg-blueberry-dark:hover {
  background-color: #1b20a5;
}
.bg-aubergine {
  background-color: #ac4fc6;
  color: #ffffff;
}
.bg-aubergine:hover {
  background-color: #a23ebe;
}
.aubergine-light h2.box-title {
  background-color: #caa2dd;
}
.bg-aubergine-light {
  background-color: #caa2dd;
  color: #494950;
}
.bg-aubergine-light:hover {
  background-color: #bf8fd6;
}
.bg-aubergine-dark {
  background-color: #6d2077;
  color: #ffffff;
}
.bg-aubergine-dark:hover {
  background-color: #7f258b;
}
.bg-pink {
  background-color: #c6007e;
  color: #ffffff;
}
.bg-pink:hover {
  background-color: #e0008e;
}
.bg-pink-light {
  background-color: #e59bdc;
  color: #494950;
}
.bg-pink-light:hover {
  background-color: #e087d5;
}
.pink-dark h2.box-title {
  background-color: #890c58;
}
.bg-pink-dark {
  background-color: #890c58;
  color: #ffffff;
}
.bg-pink-dark:hover {
  background-color: #a00e67;
}
.bg-cherry {
  background-color: #ce0037;
  color: #ffffff;
}
.bg-cherry:hover {
  background-color: #e8003e;
}
.cherry-light h2.box-title {
  background-color: #ffb3ab;
}
.bg-cherry-light {
  background-color: #ffb3ab;
  color: #494950;
}
.bg-cherry-light:hover {
  background-color: #ff9c92;
}

.cherry-dark h2.box-title {
  background-color: #a50034;
}
.bg-cherry-dark {
  background-color: #a50034;
  color: #ffffff;
}
.bg-cherry-dark:hover {
  background-color: #bf003c;
}
.bg-orange {
  background-color: #fb6035;
  color: #ffffff;
}
.bg-orange:hover {
  background-color: #fb4c1c;
}
.bg-orange-light {
  background-color: #ffb990;
  color: #494950;
}
.bg-orange-light:hover {
  background-color: #ffa977;
}
.bg-orange-dark {
  background-color: #a9431e;
  color: #ffffff;
}
.bg-orange-dark:hover {
  background-color: #bf4c22;
}
.bg-orange a,
.bg-orange a:visited,
.bg-cherry a,
.bg-cherry a:visited,
.bg-pink-dark a,
.bg-pink-dark a:visited,
.bg-pink a,
.bg-pink a:visited,
.bg-aubergine-dark a,
.bg-aubergine-dark a:visited,
.bg-aubergine a,
.bg-aubergine a:visited,
.bg-blueberry a,
.bg-blueberry a:visited,
.bg-blue a,
.bg-blue a:visited,
.bg-aqua-light a,
.bg-aqua-light a:visited,
.bg-green-dark a,
.bg-green-dark a:visited,
.bg-green a,
.bg-green a:visited,
.bg-olive-dark a,
.bg-olive-dark a:visited,
.bg-mustard a,
.bg-mustard a:visited,
.bg-apricot-dark a,
.bg-apricot-dark a:visited,
.bg-coffee-dark a,
.bg-coffee-dark a:visited,
.bg-apricot a,
.bg-apricot a:visited,
.bg-oak-dark a,
.bg-oak-dark a:visited,
.bg-coffee a,
.bg-coffee a:visited,
.bg-oak a,
.bg-oak a:visited,
.bg-oak-60 a,
.bg-oak-60 a:visited,
.bg-oak-80 a,
.bg-oak-80 a:visited,
.bg-cherry-dark a,
.bg-cherry-dark a:visited,
.bg-blueberry-dark a,
.bg-blueberry-dark a:visited,
.bg-blue-dark a,
.bg-blue-dark a:visited,
.bg-aqua-dark a,
.bg-aqua-dark a:visited {
  color: #ffffff;
}
.bg-cherry-light a,
.bg-cherry-light a:visited,
.bg-pink-light a,
.bg-pink-light a:visited,
.bg-aubergine-light a,
.bg-aubergine-light a:visited,
.bg-blueberry-light a,
.bg-blueberry-light a:visited,
.bg-blue-light a,
.bg-blue-light a:visited,
.bg-aqua a,
.bg-aqua a:visited,
.bg-green-light a,
.bg-green-light a:visited,
.bg-olive-light a,
.bg-olive-light a:visited,
.bg-olive a,
.bg-olive a:visited,
.bg-mustard-dark a,
.bg-mustard-dark a:visited,
.bg-mustard-light a,
.bg-mustard-light a:visited,
.bg-apricot-light a,
.bg-apricot-light a:visited,
.bg-coffee-light a,
.bg-coffee-light a:visited,
.bg-oak-light a,
.bg-oak-light a:visited,
.bg-oak-30 a,
.bg-oak-30 a:visited {
  color: #009193;
}
