.event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 40px -20px; }
  .event.featured {
    background: #fff8d4;
    border: 1px solid #e8d129;
    border-radius: 13px;
    padding: 20px; }
    .event.featured .featured-text {
      color: #734f10;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin: 0; }
      .event.featured .featured-text ~ h4 {
        margin-top: 10px; }
  .event .event-date {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px; }
    @media (min-width: 768px) {
      .event .event-date {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%; } }
    .event .event-date .date {
      color: #CE6211; }
  .event .event-text {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
    @media (max-width: 768px) {
      .event .event-text {
        padding: 0 20px; } }
    .event .event-text h4 {
      margin-bottom: 1rem; }
    .event .event-text span {
      vertical-align: middle; }
    .event .event-text .event-length {
      color: #17A2B8;
      font-size: 16px;
      margin-right: 10px; }
    .event .event-text .event-tag {
      color: rgba(0, 0, 0, 0.7);
      font-size: 14px;
      line-height: 17px;
      border-left: 3px solid #CE6211;
      padding: 0 5px; }
    .event .event-text p:last-child {
      margin-bottom: 0; }

/*# sourceMappingURL=event.css.map */