/* Color Theme 1 */
/* Generated at https://coolors.co/ */

.black-coral { color: #696D7D !important; }
.black-coral-bg { background: #696D7D !important; }

.alice-gray { color: #EBF2FA !important; }
.alice-gray-bg { background: #EBF2FA !important; }

.light-gray { color: #D1D1D1 !important; }
.light-gray-bg { background: #D1D1D1 !important; }

.granite-gray { color: #636363 !important; }
.granite-gray-bg { background: #636363 !important; }

.ghost-white { color: #EDEDF4 !important; }
.ghost-white-bg { background: #EDEDF4 !important; }

.celtic-blue { color: #276FBF !important; }
.celtic-blue-bg { background: #276FBF !important; }

.pacific-blue { color: #009FB7 !important; }
.pacific-blue-bg { background: #009FB7 !important; }

.cobalt-blue { color: #004BA8 !important; }
.cobalt-blue-bg { background: #004BA8 !important; }

.yale-blue { color: #084887 !important; }
.yale-blue-bg { background: #084887 !important; }

.aquamarine { color: #5DD39E !important; }
.aquamarine-bg { background: #5DD39E !important; }

.russian-green { color: #739E82 !important; }
.russian-green-bg { background: #739E82 !important; }

.bud-green { color: #7FB069 !important; }
.bud-green-bg { background: #7FB069 !important; }

.lime-green { color: #119822 !important; }
.lime-green-bg { background: #119822 !important; }

.jade-green { color: #26A96C !important; }
.jade-green-bg { background: #26A96C !important; }

.light-cyan { color: #DAF5FF !important; }
.light-cyan-bg { background: #DAF5FF !important; }

.minion-yellow { color: #ECD444 !important; }
.minion-yellow-bg { background: #ECD444 !important; }

.lemon { color: #F0F757 !important; }
.lemon-bg { background: #F0F757 !important; }

.blond { color: #F5EAB8 !important; }
.blond-bg { background: #F5EAB8 !important; }

.mandarin { color: #EF7B45 !important; }
.mandarin-bg { background: #EF7B45 !important; }

.orange-blaze { color: #F56A00 !important; }
.orange-blaze-bg { background: #F56A00 !important; }

.ruby-red { color: #95232A !important; }
.ruby-red-bg { background: #95232A !important; }

.sizzling-red { color: #E84A58 !important; }
.sizzling-red-bg { background: #E84A58 !important; }

.light-pink { color: #F6B7BC !important; }
.light-pink-bg { background: #F6B7BC !important; }

.amethyst { color: #9067C6 !important; }
.amethyst-bg { background: #9067C6 !important; }

/* Color Theme 2 */
/* Used from https://blog.avada.io/css/color-palettes */

.charcoal { color: #4F4450 !important; }
.charcoal-bg { background: #4F4450 !important; }

.iron { color: #6B5C6C !important; }
.iron-bg { background: #6B5C6C !important; }

.pebble { color: #B8B4BE !important; }
.pebble-bg { background: #B8B4BE !important; }

.ice { color: #E1EFF8 !important; }
.ice-bg { background: #E1EFF8 !important; }

.blue-tack { color: #82BFE0 !important; }
.blue-tack-bg { background: #82BFE0 !important; }

.slate { color: #7184A5 !important; }
.slate-bg { background: #7184A5 !important; }

.lapis { color: #2B4D8D !important; }
.lapis-bg { background: #2B4D8D !important; }

.leafy { color: #318553 !important; }
.leafy-bg { background: #318553 !important; }

.sage { color: #87A376 !important; }
.sage-bg { background: #87A376 !important; }

.spring { color: #5ACB65 !important; }
.spring-bg { background: #5ACB65 !important; }

.teal { color: #29879C !important; }
.teal-bg { background: #29879C !important; }

.rouge { color: #CC3737 !important; }
.rouge-bg { background: #CC3737 !important; }

.strawberry-milk { color: #E4BCAD !important; }
.strawberry-milk-bg { background: #E4BCAD !important; }

.terracotta { color: #B76A61 !important; }
.terracotta-bg { background: #B76A61 !important; }

.apricot { color: #FF8652 !important; }
.apricot-bg { background: #FF8652 !important; }

.sun { color: #FEC305 !important; }
.sun-bg { background: #FEC305 !important; }

.banana { color: #FEE694 !important; }
.banana-bg { background: #FEE694 !important; }

.lilac { color: #8E8ADE !important; }
.lilac-bg { background: #8E8ADE !important; }


/* Gradient Color Theme 3 */
/* From https://freefrontend.com/css-color-palettes/ */

.bg-grad-aqua{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 45%, rgba(0,212,255,1) 100%);     
}
.bg-grad-tropical{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,121,22,1) 45%, rgba(0,212,255,1) 100%);     
}
.bg-grad-fire{
  background: rgb(36,0,0);
  background: linear-gradient(90deg, rgba(36,0,0,1) 0%, rgba(202,37,37,1) 45%, rgba(255,244,2,1) 100%);     
}
.bg-grad-lavender{
  background: rgb(10,10,116);
  background: linear-gradient(90deg, rgba(10,10,116,1) 0%, rgba(59,53,177,1) 45%, rgba(158,30,255,1) 100%);     
}

.bg-grad-lemonlime{
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(25,50,24,1) 5%, rgba(0,189,86,1) 35%, rgba(249,253,80,1) 100%);     
}

.bg-grad-tealfade{
    background: rgb(31,86,150);
    background: linear-gradient(90deg, rgba(31,86,150,1) 0%, rgba(61,108,185,1) 35%, rgba(0,255,240,1) 100%);    
}

.bg-grad-sunkiss{
    background: rgb(132,54,12);
    background: linear-gradient(90deg, rgba(132,54,12,1) 0%, rgba(252,138,21,1) 35%, rgba(255,246,162,1) 100%);    
}

.bg-grad-charcoal{
    background: rgb(42,42,42);
    background: linear-gradient(90deg, rgba(42,42,42,1) 5%, rgba(140,140,140,1) 50%, rgba(225,225,225,1) 100%);    
}

.bg-grad-ocean{
    background: rgb(17,65,103);
    background: linear-gradient(90deg, rgba(17,65,103,1) 3%, rgba(36,116,163,1) 40%, rgba(233,231,199,1) 100%);    
}
.bg-fade-left{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 30%, rgba(240,240,240,1) 100%);
  background: linear-gradient(-90deg, rgba(240,240,240,1) 30%, rgba(255,255,255,0) 100%);
}
.bg-fade-right{
  background: rgb(255,255,255);
  background: linear-gradient(-90deg, rgba(255,255,255,0) 30%, rgba(240,240,240,1) 100%);
  background: linear-gradient(90deg, rgba(240,240,240,1) 30%, rgba(255,255,255,0) 100%);
}
.bg-fade-top{
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(240,240,240,1) 100%);
  background: linear-gradient(0deg, rgba(240,240,240,1) 30%, rgba(255,255,255,0) 100%);
}
.bg-fade-bottom{
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(240,240,240,1) 100%);
  background: linear-gradient(0deg, rgba(240,240,240,1) 30%, rgba(255,255,255,0) 100%);
}
.bg-darken-left{
  background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(255,255,255,0) 30%, rgba(0,0,0,1) 100%);
  background: linear-gradient(-90deg, rgba(0,0,0,1) 30%, rgba(255,255,255,0) 100%);
}
.bg-darken-right{
  background: rgb(0,0,0);
  background: linear-gradient(-90deg, rgba(255,255,255,0) 30%, rgba(0,0,0,1) 100%);
  background: linear-gradient(90deg, rgba(0,0,0,1) 30%, rgba(255,255,255,0) 100%);
}
.bg-darken-top{
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(0,0,0,1) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 30%, rgba(255,255,255,0) 100%);
}
.bg-darken-bottom{
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(0,0,0,1) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 30%, rgba(255,255,255,0) 100%);
}