.news-events-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px; }
  .news-events-list-item {
    display: grid;
    grid-template-columns: calc(116px + 44 * (100vw - 575px) / 1825) 1fr;
    grid-template-rows: auto;
    background-color: #EBEDED;
    transition: 0.25s ease;
    text-decoration: none; }
    .news-events-list-item {
      min-height: 116px; }
    @media (min-width: 575px) {
      .news-events-list-item {
        min-height: calc(116px + 44 * (100vw - 575px) / 1825); } }
    @media (min-width: 2400px) {
      .news-events-list-item {
        min-height: 160px; } }
    @media (max-width: 575.98px) {
      .news-events-list-item {
        grid-template-rows: 34px auto;
        grid-template-columns: 1fr; } }
    @media (hover: hover) {
      .news-events-list-item:hover {
        background-color: #FFD20A; }
        .news-events-list-item:hover .news-events-list-item-details:after {
          right: 30px; } }
    @media (hover: hover) and (min-width: 992px) and (max-width: 1199.98px) {
      .news-events-list-item:hover .news-events-list-item-details:after {
        right: 15px; } }
    .news-events-list-item-date {
      background-color: #000;
      color: #fff;
      width: 100%;
      grid-column: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      @media (max-width: 575.98px) {
        .news-events-list-item-date {
          display: grid;
          grid-template-columns: auto 1fr;
          grid-gap: 30px;
          padding: 0 30px;
          justify-content: flex-start; } }
      .news-events-list-item-date-day {
        color: #fff; }
        .news-events-list-item-date-day {
          font-size: 18px; }
        @media (max-width: 991.98px) {
          .news-events-list-item-date-day {
            font-size: 16px; } }
        @media (max-width: 575.98px) {
          .news-events-list-item-date-day {
            font-weight: 700;
            white-space: nowrap; }
            .news-events-list-item-date-day {
              font-size: 14px; } }
      .news-events-list-item-date-time {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
        color: #000;
        letter-spacing: 1.66px;
        color: #fff; }
        @media (max-width: 575.98px) {
          .news-events-list-item-date-time {
            text-align: right; }
            .news-events-list-item-date-time {
              font-size: 14px; } }
    .news-events-list-item-details {
      position: relative;
      display: flex;
      align-items: center;
      padding-right: 100px;
      padding-left: 30px; }
      .news-events-list-item-details:after {
        position: absolute;
        content: "\f10a";
        font-family: "icons" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        top: 50%;
        right: 50px;
        transform: translate(0, -50%);
        transition: 0.25s ease; }
        @media (min-width: 992px) and (max-width: 1199.98px) {
          .news-events-list-item-details:after {
            right: 30px; } }
        @media (max-width: 575.98px) {
          .news-events-list-item-details:after {
            right: 30px; } }
      @media (min-width: 992px) and (max-width: 1199.98px) {
        .news-events-list-item-details {
          padding-left: 15px;
          padding-right: 50px; } }
      @media (max-width: 575.98px) {
        .news-events-list-item-details {
          padding: 25px 50px 25px 30px; } }
    .news-events-list-item-title {
      font-size: 16px; }
    @media (min-width: 575px) {
      .news-events-list-item-title {
        font-size: calc(16px + 6 * (100vw - 575px) / 1825); } }
    @media (min-width: 2400px) {
      .news-events-list-item-title {
        font-size: 22px; } }
    .news-events-list-item[target="_blank"] .news-events-list-item-details:after {
      content: "\f120";
      font-family: "icons" !important;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
/*# sourceMappingURL=news-events.css.map */
