.event.purple { background-color: #8d37c8 }
.event.purple .header div { color: #d6a0f0 }
.event.purple .content p, .event.purple .content a { color: #f0defd }

.event.red { background-color: #c4323a }
.event.red .header div { color: #c48584 }
.event.red .content p, .event.red .content a { color: #f4ccc6 }

.event.orange { background-color: #c68637 }
.event.orange .header div { color: #f1bc61 }
.event.orange .content p, .event.orange .content a { color: #fadfa7 }

.event.pink { background-color: #fa6f87 }
.event.pink .header div { color: #fac1c2 }
.event.pink .content p, .event.pink .content a { color: #fadcdc }

.event.green { background-color: #27c165 }
.event.green .header div { color: #75f196 }
.event.green .content p, .event.green .content a { color: #fadcdc }

.event.blue { background-color: #133c90 }
.event.blue .header div { color: #528fff }
.event.blue .content p, .event.blue .content a { color: #d1edff }

.event.aqua { background-color: #259edf }
.event.aqua .header div { color: #6bc8ed }
.event.aqua .content p, .event.aqua .content a { color: #c5eefc }

.event.gray { background-color: #757575 }
.event.gray .header div { color: #c2c2c2 }
.event.gray .content p, .event.gray .content a { color: #f3f3f3 }

.event.seaglass { background-color: #72c4aa }
.event.seaglass .header div { color: #72c4aa }
.event.seaglass .content p, .event.seaglass .content a { color: #fff }

.event.coffee { background-color: #6e4223 }
.event.coffee .header div { color: #9f5f32 }
.event.coffee .content p, .event.coffee .content a { color: #e2c8af }

.event.chocolate { background-color: #413024 }
.event.chocolate .header div { color: #9f5f32 }
.event.chocolate .content p, .event.chocolate .content a { color: #e2c8af }

.event.hotpink { background-color: #fa1dcc }
.event.hotpink .header div { color: #e782b6 }
.event.hotpink .content p, .event.hotpink .content a { color: #e7ced8 }

.event.softpink { background-color: #ffbae5 }
.event.softpink .header div { color: #ffbae5 }
.event.softpink .content p, .event.softpink .content a { color: #fff }

.event.coral { background-color: #f15741 }
.event.coral .header div { color: #e39b90 }
.event.coral .content p, .event.coral .content a { color: #e3d4c5 }

.event.yellow { background-color: #fffe00 }
.event.yellow .header div { color: #fffe00 }
.event.yellow .content p, .event.yellow .content a { color: #fff }

.event.butter { background-color: #ffeb70 }
.event.butter .header div { color: #ffeb70 }
.event.butter .content p, .event.butter .content a { color: #fff }

.event.marigold { background-color: #ffaa15 }
.event.marigold .header div { color: ##ffa511 }
.event.marigold .content p, .event.marigold .content a { color: #fff }

.event.pumpkin { background-color: #fb7802 }
.event.pumpkin .header div { color: #fb993e }
.event.pumpkin .content p, .event.pumpkin .content a { color: #fbeccd }

.event.citris { background-color: #ffcb00 }
.event.citris .header div { color: #ffec58 }
.event.citris .content p, .event.citris .content a { color: #fff4d1 }

.event.fern { background-color: #598017 }
.event.fern .header div { color: #598017 }
.event.fern .content p, .event.fern .content a { color: #e7f1d1 }

.event.moss { background-color: #8ca143 }
.event.moss .header div { color: #8ca143 }
.event.moss .content p, .event.moss .content a { color: #e7f1d1 }

.event.lime { background-color: #7cde30 }
.event.lime .header div { color: #7cde30 }
.event.lime .content p, .event.lime .content a { color: #e7f1d1 }

.event.orchid { background-color: #a16fa2 }
.event.orchid .header div { color: ##e396e3 }
.event.orchid .content p, .event.orchid .content a { color: #fff }