@layer components {
  .large-featured-story__image {
    min-height: 23.2rem;
    transition: transform 0.3s ease;
  }
  .large-featured-story .row:hover .large-featured-story__image {
    transform: scale(1.2);
  }
  .large-featured-story .tag-text {
    position: relative;
    z-index: 2;
  }
  .large-featured-story .config-text__cta-wrapper {
    animation-fill-mode: none;
  }
  .large-featured-story .cta::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
  }
  
  .news-listing__wrapper .filter-bar__right #filter-bar-dropdown{
  display:none !important;
  }
  .news-listings .row > .col-12:nth-child(3n + 1) .news-story-card__content {
  background: var(--primary-1-500) !important;
}



.news-listings .row > .col-12:nth-child(3n + 2) .news-story-card__content {
  background: var(--primary-2-500) !important;
}

.news-listings .row > .col-12:nth-child(3n) .news-story-card__content {
  background: var(--secondary-3-500) !important;
}

.news-listings .col-xl-10 > .row > .col-12:nth-child(1) .tag-text,
.news-listings .col-xl-10 > .row > .col-12:nth-child(1) .color-title,
.news-listings .col-xl-10 > .row > .col-12:nth-child(1) .color-body,
.news-listings .col-xl-10 > .row > .col-12:nth-child(1) .cta.cta--text-link,
.news-listings .col-xl-10 > .row > .col-12:nth-child(1) .cta.cta--text-link .cta__label,
.news-listings .col-xl-10 > .row > .col-12:nth-child(1) .cta.cta--text-link .cta__icon {
    color: #fff !important;
}
  @media (min-width: 768px) {
    .large-featured-story__image {
      min-height: 51.4rem;
    }
  }
  @media (min-width: 992px) {
    .large-featured-story__image {
      max-height: none;
      max-width: 48rem;
      min-width: 48rem;
      min-height: 50.6rem;
    }
  }
  .news-listings--no-image .news-story-card__image {
    display: none;
  }
  .news-listings .swiper-slide {
    height: auto;
  }
  .news-listings .swiper-slide .news-story-card {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .news-listings .swiper-slide .news-story-card__details {
    flex: 1;
  }
  @media (max-width: 767.98px) {
  .news-listings .filter-bar__right, .news-listing__wrapper .filter-bar__mobile-button{
  display:none !important;
  }
    .news-listings__carousel-container {
      padding-inline-end: 0;
    }
    .news-listings .swiper {
      overflow: visible;
      overflow-y: hidden;
      clip-path: polygon(0 1%, 1000% 1px, 1000% 100.34%, 0% 100%);
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .news-listings .swiper::-webkit-scrollbar {
      display: none;
    }
    .news-listings__section-title {
      margin-bottom: var(--sm-3);
    }
  }
}


.news-listing .filter-dropdown__button{border: 1px solid var(--ui-input-input-field-border) !important;}
 .form-field__search:not(:-moz-placeholder) {
    outline-color: var(--ui-input-input-field-border) !important ; }
    
.news-stories-wrapper .news-story-card__date{
opacity: 0.8;
}

.filter-dropdown__link:focus-visible{
box-shadow: inset 0 0 0 calc(var(--general-focus-border-weight) * 1px) var(--ui-input-input-field-active-border);
outline: none;

}