.newsroom-loop-grid {
  .elementor-pagination {
    padding: 64px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #1f1f1f !important;

    &.current {
      border: 1px solid #cecece;
    }
  }
}

.newsroom.e-loop-item {
  &.default {
    .newsroom-card-container {
      background-color: #e9f3ff !important;
    }
    .newsroom-card-title .elementor-heading-title {
      color: #0067ff !important;
    }
    .newsroom-card-date {
      color: #0067ff !important;
    }
    .newsroom-card-source {
      color: #0067ff !important;
    }
    .newsroom-card-icon svg path {
      stroke: #0067ff !important;
    }
  }

  &.blue {
    .newsroom-card-container {
      background-color: #0a2e6b !important;
    }
    .newsroom-card-title .elementor-heading-title {
      color: #e9f3ff !important;
    }
    .newsroom-card-date {
      color: #e9f3ff !important;
    }
    .newsroom-card-source {
      color: #e9f3ff !important;
    }
    .newsroom-card-icon svg path {
      stroke: #e9f3ff !important;
    }
  }

  &.grey {
    .newsroom-card-container {
      background-color: #f5f6f7 !important;
    }
    .newsroom-card-title .elementor-heading-title {
      color: #0a2e6b !important;
    }
    .newsroom-card-date {
      color: #0a2e6b !important;
    }
    .newsroom-card-source {
      color: #0a2e6b !important;
    }
    .newsroom-card-icon svg path {
      stroke: #0a2e6b !important;
    }
  }

  &.highlight {
    grid-column: span 2;
    .newsroom-card-container {
      position: relative;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0a2e6b !important;
        opacity: 0.7;
      }
    }
    .newsroom-card-title .elementor-heading-title {
      color: #fff !important;
      width: 75%;
    }
    .newsroom-card-date {
      color: #fff !important;
    }
    .newsroom-card-source {
      color: #fff !important;
    }
    .newsroom-card-icon svg path {
      stroke: #fff !important;
    }
  }
}

@media screen and (max-width: 500px) {
  .newsroom.e-loop-item.highlight {
    grid-column: span 1;
  }
}