/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/
body {
    min-height: 100vh;
    background-color: #fff;
  }

/*
*
* ==========================================
* THEME COLOURS
* ==========================================
*
*/
.bg-c0, .bg-c0-alt, .bg-c0-alt:hover { background-color: #fe6d56; }
.bg-c1, .bg-c1-alt, .bg-c1-alt:hover { background-color: #EEE8AA; }
.bg-c2, .bg-c2-alt, .bg-c2-alt:hover { background-color: #ff6075; }
.bg-c3, .bg-c3-alt, .bg-c3-alt:hover { background-color: #40E0D0; }
.bg-c4, .bg-c4-alt, .bg-c4-alt:hover { background-color: #ffe81c; }
.bg-c5, .bg-c5-alt, .bg-c5-alt:hover { background-color: #00c98d; }
.bg-c6, .bg-c6-alt, .bg-c6-alt:hover { background-color: #D2F780; }
.bg-c7, .bg-c7-alt, .bg-c7-alt:hover { background-color: #f7b6fa; }
.bg-c8, .bg-c8-alt, .bg-c8-alt:hover { background-color: #dbb179; }
.bg-c9, .bg-c9-alt, .bg-c9-alt:hover { background-color: #2a94bc; }
.bg-c10, .bg-c10-alt, .bg-c10-alt:hover { background-color: #E6E6FA; }
.bg-c11, .bg-c11-alt, .bg-c11-alt:hover { background-color: #ffa5c4; }
.bg-c12, .bg-c12-alt, .bg-c12-alt:hover { background-color: #ff976f; }
.bg-c13, .bg-c13-alt, .bg-c13-alt:hover { background-color: #FFF8DC; }
.bg-c14, .bg-c14-alt, .bg-c14-alt:hover { background-color: #4cc1e6; }
.bg-c15, .bg-c15-alt, .bg-c15-alt:hover { background-color: #D8BFD8; }
.bg-c16, .bg-c16-alt, .bg-c16-alt:hover { background-color: #d2b48c; }
.bg-c17, .bg-c17-alt, .bg-c17-alt:hover { background-color: #f4eacd; }
.bg-c18, .bg-c18-alt, .bg-c18-alt:hover { background-color: #6b8e4e; }
.bg-c19, .bg-c29-alt, .bg-c19-alt:hover { background-color: #6d5a79; color: #ffffff;}
.bg-c20, .bg-c20-alt, .bg-c20-alt:hover { background-color: #565a7c; color: #ffffff;}


.bg-c21, .bg-c21-alt, .bg-c21-alt:hover { background-color: #B3CDE0; }
.bg-c22, .bg-c22-alt, .bg-c22-alt:hover { background-color: #C9DAEA; }
.bg-c23, .bg-c23-alt, .bg-c23-alt:hover { background-color: #E0BBE4; }
.bg-c24, .bg-c24-alt, .bg-c24-alt:hover { background-color: #FFDBE4; }
.bg-c25, .bg-c25-alt, .bg-c25-alt:hover { background-color: #A5E3D6; }
.bg-c26, .bg-c26-alt, .bg-c26-alt:hover { background-color: #FFE1CC; }
.bg-c27, .bg-c27-alt, .bg-c27-alt:hover { background-color: #F5D1A5; }
.bg-c28, .bg-c28-alt, .bg-c28-alt:hover { background-color: #CCEECC; }
.bg-c29, .bg-c29-alt, .bg-c29-alt:hover { background-color: #F9FFC0; }
.bg-c30, .bg-c30-alt, .bg-c30-alt:hover { background-color: #D9B3E6; }


/*
• #B3CDE0 (light blue)
• #C9DAEA (sky blue)
• #E0BBE4 (light lavender)
• #FFDBE4 (pale pink)
• #A5E3D6 (light teal)
• #FFE1CC (peach)
• #F5D1A5 (cream orange)
• #CCEECC (mint green)
• #F9FFC0 (pale yellow)
• #D9B3E6 (lilac)
Muted and Earthy Tones
• #D1D2C9 (sage green)
• #C9A57D (tan)
• #B8C3A8 (dusty green)
• #E2D5BA (khaki)
• #C5BEAA (stone)
Brighter, But Still Low-Saturation Colors
• #98AFC7 (periwinkle)
• #B2C248 (chartreuse)
• #F6B6A9 (salmon)
• #E5AA70 (apricot)
• #7FC8F8 (cerulean)
• #FDD7E4 (light rose)
• #F5DEB3 (wheat)
• #D4F6F4 (aquamarine)
• #A9C6C1 (seafoam green)
• #D5C6E0 (wisteria)
*/