/* Accessibility fixes (WAVE heading order).
   Some headings were retagged so levels go in order (h1 > h2 > h3...).
   These classes keep the old look. look-h3 = old h3 style, etc. */

.text-widget-content .look-h3 {
  font-family: Encode Sans, arial;
  line-height: 1em;
  font-size: 28px;
  font-weight: normal;
  color: #3e3e3e;
  letter-spacing: normal;
  margin: 0;
}

.text-widget-content .look-h4 {
  font-family: Encode Sans, arial;
  line-height: 1em;
  font-size: 21px;
  font-weight: normal;
  color: rgba(38, 38, 38, 1);
  letter-spacing: normal;
  margin: 0;
}

.type2 .text-widget-content .look-h4 {
  margin-bottom: 15px;
}

.text-widget-content .look-h5 {
  font-family: JumboSale Trial, arial;
  line-height: 1em;
  font-size: 26px;
  font-weight: normal;
  color: rgba(124, 124, 124, 1);
  letter-spacing: normal;
  margin: 0;
}

@media screen and (max-width: 480px) {
  .text-widget-content .look-h3 {
    font-family: Encode Sans;
    font-size: 26px !important;
  }

  .text-widget-content .look-h4 {
    font-family: Encode Sans;
    font-size: 18px !important;
    color: rgba(54, 54, 54, 1);
  }

  .text-widget-content .look-h5 {
    font-family: JumboSale Trial;
    font-size: 22px !important;
    color: #3e3e3e;
    letter-spacing: 0.8px;
  }
}