/* Changing this file? Also consider updating ./variables.css and ./colors.js */
sinclair-status {
  color: #fff;
  height: auto;
  line-height: 1;
  min-width: 85px;
  font-size: 13px;
  border-radius: 2px;
  padding: 3px 5px 2px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  background-color: #7f7f7f;
}
@media (max-width: 767px) {
  sinclair-status {
    display: block;
    margin-left: 6px;
  }
}
sinclair-status.webComponents-SinclairStatus-SinclairStatus__sda-blue, sinclair-status[data-color=blue] {
  background-color: #069aff;
}
sinclair-status.webComponents-SinclairStatus-SinclairStatus__sda-green, sinclair-status[data-color=green] {
  background-color: #00d300;
}
sinclair-status.webComponents-SinclairStatus-SinclairStatus__sda-red, sinclair-status[data-color=red] {
  background-color: #e82325;
}
sinclair-status.webComponents-SinclairStatus-SinclairStatus__sda-black, sinclair-status[data-color=black] {
  background-color: #000;
}
sinclair-status.webComponents-SinclairStatus-SinclairStatus__sda-orange, sinclair-status[data-color=orange] {
  background-color: #ff7607;
}

.webComponents-SinclairStatus-SinclairStatus__sda-status-date {
  margin-top: 6px;
}
@media (max-width: 767px) {
  .webComponents-SinclairStatus-SinclairStatus__sda-status-date {
    margin-top: 2px;
    margin-bottom: 2px;
  }
}