/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/
/*
*
* ==========================================
* THEME COLOURS
* ==========================================
*
*/

.bg-orange, .bg-orange-alt:hover { background: #ff976f; }
.bg-dark-red, .bg-dark-red-alt:hover { background: #860004; }
.bg-red, .bg-red-alt:hover { background: #be172c; }
.bg-red-orange, .bg-red-orange-alt:hover { background: #fe6d56; }
.bg-gold, .bg-gold-alt:hover {background: #efda29}
.bg-green, .bg-green-alt:hover { background: #048600; }
.bg-cyan, .bg-cyan-alt:hover { background: #008682; }
.bg-sky-blue,.bg-sky-blue-alt:hover { background: #5ba4f0; }
.bg-blue, .bg-blue-alt:hover { background: #004b8c; }
.bg-dark-blue, .bg-dark-blue-alt:hover { background: #00245e; }
.bg-dark-cyan, .bg-dark-cyan-alt:hover { background: #537a8a; }
.bg-purple, .bg-purple-alt:hover { background: #820086; }

.bg-orange-alt, .bg-orange:hover { background: rgba(255, 151, 111, 0.8); }
.bg-dark-red-alt, .bg-dark-red:hover { background: rgba(134, 0, 4, 0.8); }
.bg-red-alt, .bg-red:hover { background: rgba(190, 23, 44, 0.8); }
.bg-red-orange-alt, .bg-red-orange:hover{ background: rgba(254, 109, 86, 0.8); }
.bg-gold-alt, .bg-gold:hover {background: rgba(239, 218, 41, 0.8); }
.bg-green-alt, .bg-green:hover { background: rgba(4, 134, 0, 0.8); }
.bg-cyan-alt, .bg-cyan:hover { background: rgba(0, 134, 130, 0.8); }
.bg-sky-blue-alt, .bg-sky-blue:hover { background: rgba(91, 164, 240, 0.8); }
.bg-blue-alt, .bg-blue:hover { background: rgba(0, 75, 140, 0.8); }
.bg-dark-blue-alt, .bg-dark-blue:hover { background: rgba(0, 36, 94, 0.8); }
.bg-dark-cyan-alt, .bg-dark-cyan:hover { background: rgba(83, 122, 138, 0.8); }
.bg-purple-alt, .bg-purple:hover { background: rgba(130, 0, 134, 0.8); }