.purple { color: rgba(100, 89, 125, 1); }
.charcoal { color: rgba(82, 82, 82, 1); }

.green { color: rgba(66, 192, 160); }
.green-90 { color: rgba(66, 192, 160); }
.green-80 { color: rgba(66, 192, 160, .8); }
.green-70 { color: rgba(66, 192, 160, .7); }
.green-60 { color: rgba(66, 192, 160, .6); }
.green-50 { color: rgba(66, 192, 160, .5); }
.green-40 { color: rgba(66, 192, 160, .4); }
.green-30 { color: rgba(66, 192, 160, .3); }
.green-20 { color: rgba(66, 192, 160, .2); }
.green-10 { color: rgba(66, 192, 160, .1); }

.bg-green { background-color: rgba(66, 192, 160, 1); }
.bg-green-90 { background-color: rgba(66, 192, 160); }
.bg-green-80 { background-color: rgba(66, 192, 160, .8); }
.bg-green-70 { background-color: rgba(66, 192, 160, .7); }
.bg-green-60 { background-color: rgba(66, 192, 160, .6); }
.bg-green-50 { background-color: rgba(66, 192, 160, .5); }
.bg-green-40 { background-color: rgba(66, 192, 160, .4); }
.bg-green-30 { background-color: rgba(66, 192, 160, .3); }
.bg-green-20 { background-color: rgba(66, 192, 160, .2); }
.bg-green-10 { background-color: rgba(66, 192, 160, .1); }

.b--green { border-color: rgba(66, 192, 160, 1); }
.b--green-90 { border-color: rgba(66, 192, 160); }
.b--green-80 { border-color: rgba(66, 192, 160, .8); }
.b--green-70 { border-color: rgba(66, 192, 160, .7); }
.b--green-60 { border-color: rgba(66, 192, 160, .6); }
.b--green-50 { border-color: rgba(66, 192, 160, .5); }
.b--green-40 { border-color: rgba(66, 192, 160, .4); }
.b--green-30 { border-color: rgba(66, 192, 160, .3); }
.b--green-20 { border-color: rgba(66, 192, 160, .2); }
.b--green-10 { border-color: rgba(66, 192, 160, .1); }

.bg-yellow { background-color: rgba(255, 231, 89, 1); }
.bg-yellow-90 { background-color: rgba(255, 231, 89, .9); }
.bg-yellow-80 { background-color: rgba(255, 231, 89, .8); }
.bg-yellow-70 { background-color: rgba(255, 231, 89, .7); }
.bg-yellow-60 { background-color: rgba(255, 231, 89, .6); }
.bg-yellow-50 { background-color: rgba(255, 231, 89, .5); }
.bg-yellow-40 { background-color: rgba(255, 231, 89, .4); }
.bg-yellow-30 { background-color: rgba(255, 231, 89, .3); }
.bg-yellow-20 { background-color: rgba(255, 231, 89, .2); }
.bg-yellow-10 { background-color: rgba(255, 231, 89, .1); }

.b--yellow { border-color: rgba(255, 231, 89, 1); }
.b--yellow-90 { border-color: rgba(255, 231, 89, .9); }
.b--yellow-80 { border-color: rgba(255, 231, 89, .8); }
.b--yellow-70 { border-color: rgba(255, 231, 89, .7); }
.b--yellow-60 { border-color: rgba(255, 231, 89, .6); }
.b--yellow-50 { border-color: rgba(255, 231, 89, .5); }
.b--yellow-40 { border-color: rgba(255, 231, 89, .4); }
.b--yellow-30 { border-color: rgba(255, 231, 89, .3); }
.b--yellow-20 { border-color: rgba(255, 231, 89, .2); }
.b--yellow-10 { border-color: rgba(255, 231, 89, .1); }

/* For ratings */

.bg-yellow-half {
  background: rgba(0,0,0,1);
  background: -moz-linear-gradient(left,   0%, rgba(255, 231, 89, .8) 50%, rgba(255, 231, 89, .2) 50%, rgba(255, 231, 89, .2) 100%);
  background: -webkit-linear-gradient(left,  rgba(255, 231, 89, .8) 0%, rgba(255, 231, 89, .8) 50%, rgba(255, 231, 89, .2) 50%, rgba(255, 231, 89, .2) 100%);
  background: linear-gradient(to right,  rgba(255, 231, 89, .8) 0%, rgba(255, 231, 89, .8) 50%, rgba(255, 231, 89, .2) 50%, rgba(255, 231, 89, .2) 100%);
}

.teal { color: rgba(0, 154, 176, 1); }
.teal-90 { color: rgba(0, 154, 176, .9); }
.teal-80 { color: rgba(0, 154, 176, .8); }
.teal-70 { color: rgba(0, 154, 176, .7); }
.teal-60 { color: rgba(0, 154, 176, .6); }
.teal-50 { color: rgba(0, 154, 176, .5); }
.teal-40 { color: rgba(0, 154, 176, .4); }
.teal-30 { color: rgba(0, 154, 176, .3); }
.teal-20 { color: rgba(0, 154, 176, .2); }
.teal-10 { color: rgba(0, 154, 176, .1); }

.bg-teal { background-color: rgba(0, 196, 223, 1); }
.bg-teal-90 { background-color: rgba(0, 196, 223, .9); }
.bg-teal-80 { background-color: rgba(0, 196, 223, .8); }
.bg-teal-70 { background-color: rgba(0, 196, 223, .7); }
.bg-teal-60 { background-color: rgba(0, 196, 223, .6); }
.bg-teal-50 { background-color: rgba(0, 196, 223, .5); }
.bg-teal-40 { background-color: rgba(0, 196, 223, .4); }
.bg-teal-30 { background-color: rgba(0, 196, 223, .3); }
.bg-teal-20 { background-color: rgba(0, 196, 223, .2); }
.bg-teal-10 { background-color: rgba(0, 196, 223, .1); }

.b--teal  {  border-color: rgba(0, 196, 223, 1); }

.blue { color: rgba(12, 156, 246, 1); }
.blue-90 { color: rgba(12, 156, 246, .9); }
.blue-80 { color: rgba(12, 156, 246, .8); }
.blue-70 { color: rgba(12, 156, 246, .7); }
.blue-60 { color: rgba(12, 156, 246, .6); }
.blue-50 { color: rgba(12, 156, 246, .5); }
.blue-40 { color: rgba(12, 156, 246, .4); }
.blue-30 { color: rgba(12, 156, 246, .3); }
.blue-20 { color: rgba(12, 156, 246, .2); }
.blue-10 { color: rgba(12, 156, 246, .1); }

.bg-blue { background-color: rgba(12, 156, 246, 1); }
.bg-blue-90 { background-color: rgba(12, 156, 246, .9); }
.bg-blue-80 { background-color: rgba(12, 156, 246, .8); }
.bg-blue-70 { background-color: rgba(12, 156, 246, .7); }
.bg-blue-60 { background-color: rgba(12, 156, 246, .6); }
.bg-blue-50 { background-color: rgba(12, 156, 246, .5); }
.bg-blue-40 { background-color: rgba(12, 156, 246, .4); }
.bg-blue-30 { background-color: rgba(12, 156, 246, .3); }
.bg-blue-20 { background-color: rgba(12, 156, 246, .2); }
.bg-blue-10 { background-color: rgba(12, 156, 246, .1); }

.red { color: rgba(250, 128, 114, 1); }
.red-90 { color: rgba(250, 128, 114, .9); }
.red-80 { color: rgba(250, 128, 114, .8); }
.red-70 { color: rgba(250, 128, 114, .7); }
.red-60 { color: rgba(250, 128, 114, .6); }
.red-50 { color: rgba(250, 128, 114, .5); }
.red-40 { color: rgba(250, 128, 114, .4); }
.red-30 { color: rgba(250, 128, 114, .3); }
.red-20 { color: rgba(250, 128, 114, .2); }
.red-10 { color: rgba(250, 128, 114, .1); }

.bg-red { background-color: rgba(250, 128, 114, 1); }
.bg-red-90 { background-color: rgba(250, 128, 114, .9); }
.bg-red-80 { background-color: rgba(250, 128, 114, .8); }
.bg-red-70 { background-color: rgba(250, 128, 114, .7); }
.bg-red-60 { background-color: rgba(250, 128, 114, .6); }
.bg-red-50 { background-color: rgba(250, 128, 114, .5); }
.bg-red-40 { background-color: rgba(250, 128, 114, .4); }
.bg-red-30 { background-color: rgba(250, 128, 114, .3); }
.bg-red-20 { background-color: rgba(250, 128, 114, .2); }
.bg-red-10 { background-color: rgba(250, 128, 114, .1); }

.hover-teal:hover,
.hover-teal:focus { color: rgba(0, 196, 223, 1); }