.lavender{ background: hsla(219,90%,81%,1); }
.lavender.hover:hover{ background: hsla(219,90%,79%,1); }
.lavender .light{ background: hsla(219,90%,83%,1); }
.lavender.hover:hover .light{ background: hsla(219,90%,81%,1); }
.lavender .dark{ background: hsla(219,90%,79%,1); }
.lavender .extra-dark{ background: hsla(219,90%,65%,1); }
.lavender.hover:hover .dark{ background: hsla(219,90%,77%,1); }

.pink{ background: hsla(286,92%,77%,1); }
.pink.hover:hover{ background: hsla(286,92%,75%,1); }
.pink .light{ background: hsla(286,92%,79%,1); }
.pink.hover:hover .light{ background: hsla(286,92%,77%,1); }
.pink .dark{ background: hsla(286,92%,75%,1); }
.pink .extra-dark{ background: hsla(286,92%,61%,1); }
.pink.hover:hover  .dark{ background: hsla(286,92%,73%,1); }

.baby_blue{ background: hsla(195,93%,65%,1); }
.baby_blue.hover:hover{ background: hsla(195,93%,63%,1); }
.baby_blue .light{ background: hsla(195,93%,67%,1); }
.baby_blue.hover:hover  .light{ background: hsla(195,93%,65%,1); }
.baby_blue .dark{ background: hsla(195,93%,63%,1); }
.baby_blue .extra-dark{ background: hsla(195,93%,49%,1); }
.baby_blue.hover:hover  .dark{ background: hsla(195,93%,61%,1); }

.blue{ background: hsla(195,93%,65%,1); }
.blue.hover:hover{ background: hsla(195,93%,63%,1); }
.blue .light{ background: hsla(195,93%,67%,1); }
.blue.hover:hover  .light{ background: hsla(195,93%,65%,1); }
.blue .dark{ background: hsla(195,93%,63%,1); }
.blue .extra-dark{ background: hsla(195,93%,49%,1); }
.blue.hover:hover  .dark{ background: hsla(195,93%,61%,1); }

.aqua{ background: hsla(195,77%,55%,1); }
.aqua.hover:hover{ background: hsla(195,77%,53%,1); }
.aqua .light{ background: hsla(195,77%,57%,1); }
.aqua.hover:hover  .light{ background: hsla(195,77%,55%,1); }
.aqua .dark{ background: hsla(195,77%,53%,1); }
.aqua .extra-dark{ background: hsla(195,77%,39%,1); }
.aqua.hover:hover  .dark{ background: hsla(195,77%,51%,1); }

.grey { background: hsla(201,19%,71%,1); }
.grey.hover:hover{ background: hsla(201,19%,69%,1); }
.grey .light{ background: hsla(201,19%,73%,1); }
.grey.hover:hover  .light{ background: hsla(201,19%,71%,1); }
.grey .dark{ background: hsla(201,19%,69%,1); }
.grey .extra-dark{ background: hsla(201,19%,55%,1); }
.grey.hover:hover  .dark{ background: hsla(201,19%,67%,1); }

.orange { background: hsla(33,100%,65%,1); }
.orange.hover:hover{ background: hsla(33,100%,63%,1); }
.orange .light{ background: hsla(33,100%,67%,1); }
.orange.hover:hover  .light{ background: hsla(33,100%,65%,1); }
.orange .dark{ background: hsla(33,100%,63%,1); }
.orange .extra-dark{ background: hsla(33,100%,49%,1); }
.orange.hover:hover  .dark{ background: hsla(33,100%,61%,1); }

.green{ background: hsla(65,65%,51%,1); }
.green.hover:hover{ background: hsla(65,65%,49%,1); }
.green .light{ background: hsla(65,65%,53%,1); }
.green.hover:hover  .light{ background: hsla(65,65%,51%,1); }
.green .dark{ background: hsla(65,65%,49%,1); }
.green .extra-dark{ background: hsla(65,65%,35%,1); }
.green.hover:hover  .dark{ background: hsla(65,65%,47%,1); }

.purple { background: hsla(284,31%,46%,1); }
.purple.hover:hover { background: hsla(284,31%,44%,1); }
.purple .light{ background: hsla(284,31%,48%,1); }
.purple.hover:hover  .light{ background: hsla(284,31%,46%,1); }
.purple .dark{ background: hsla(284,31%,44%,1); }
.purple .extra-dark{ background: hsla(284,31%,30%,1); }
.purple.hover:hover  .dark{ background: hsla(284,31%,42%,1); }

.yellow { background: hsla(50,100%,55%,1); }
.yellow.hover:hover { background: hsla(50,100%,53%,1); }
.yellow .light{ background: hsla(50,100%,57%,1); }
.yellow.hover:hover  .light{ background: hsla(50,100%,55%,1); }
.yellow .dark{ background: hsla(50,100%,53%,1); }
.yellow .extra-dark{ background: hsla(50,100%,39%,1); }
.yellow.hover:hover  .dark{ background: hsla(50,100%,51%,1); }


.overlay {position: absolute; width: 100%; height: 100%; left:0; top:0; opacity: 0.3;}
.overlay.events{ opacity:0.5; }
.news-main-content .overlay{ opacity:0.2; }
.news-btn-right{background: rgba(0,0,0,0.1) !important;}
.lavender .overlay { background: #a3c2fa;}
.pink .overlay { background: #e08efa;}
.baby_blue .overlay { background: #54d1f9;}
.blue .overlay {background: #48c0ee;}
.aqua .overlay {background: #33b9e4;}
.grey .overlay {background: #a6b9c3;}
.orange .overlay {background: #ffaf4a; }
.green .overlay {background: #c6d333; }
.purple .overlay {background: #855099; }
.yellow .overlay {background: #ffd917; }

.lavender .child-hover:hover{ background: hsla(219,90%,76%,1); }
.pink .child-hover:hover{ background: hsla(286,92%,72%,1); }
.baby_blue .child-hover:hover {background: hsla(195,93%,62%,1);}
.blue .child-hover:hover{ background: hsla(195,93%,60%,1); }
.aqua .child-hover:hover{ background: hsla(195,77%,50%,1); }
.grey .child-hover:hover{ background: hsla(201,19%,66%,1); }
.orange .child-hover:hover{ background: hsla(33,100%,60%,1); }
.green .child-hover:hover{ background: hsla(65,65%,46%,1); }
.purple .child-hover:hover{ background: hsla(284,31%,41%,1); }
.yellow .child-hover:hover { background: hsla(50,100%,50%,1); }

/* Transition CSS */

.transition-slow{ transition: all 1s ease; }
.transition-default{ transition: all 0.5s ease; }
.transition-fast{ transition: all 0.25s ease; }