/* === === === NewsArchive === === === */

.NewsArchive {
  margin-top: 0;
  margin-bottom: 90px;
}

.NewsArchive .NewsArchive-headline > div {
  width: 100%;
}

.NewsArchive-filter,
.NewsArchive-filter > div {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@media screen and (min-width: 1026px) {

.NewsArchive-filter .Section-content {
    padding: 15px 125px !important;
}
  }

@media screen and (min-width: 769px) {

.NewsArchive-filter .Section-content {
    padding: 15px 72px !important;
}
  }

.NewsArchive-filter > div {
  width: 100%;
}

.NewsArchive-filterTitle {
  margin-bottom: 25px;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media screen and (min-width: 1026px) {

.NewsArchive-filterTitle {
    margin-bottom: 0;
    font-size: 1.75rem;
    line-height: 2.875rem;
}
  }

@media screen and (min-width: 1367px) {

.NewsArchive-filterTitle {
    font-size: 2rem;
    line-height: 2.5rem;
}
  }

.NewsArchive-filterActions {
  margin-top: 20px;
}

@media screen and (min-width: 1026px) {

.NewsArchive-filterActions {
    margin-top: 30px;
}
  }

@media screen and (min-width: 1367px) {

.NewsArchive-filterActions {
    margin-top: 40px;
}
  }

@media screen and (min-width: 1921px) {

.NewsArchive-filterActions {
    margin-top: 45px;
}
  }

.NewsArchive-release {
  display: none;
  align-items: flex-start;
  padding: 30px 0;
  border-top: 2px solid var(--clr-grayLight);
  transition: all 250ms ease-in-out;
}

.NewsArchive-release:first-of-type {
    padding-top: 20px;
    border-top: 0;
  }

@media screen and (min-width: 769px) {
    .NewsArchive-release:first-of-type {
      padding-top: 40px;
    }
  }

.NewsArchive-release.is-Active {
    display: block;
  }

@media screen and (min-width: 601px) {

.NewsArchive-release.is-Active {
      display: flex;
  }
    }

.NewsArchive-release.is-Hidden {
    display: none;
  }

.NewsArchive-release.single-result {
    border-top: 0;
  }

@media screen and (min-width: 1026px) {

.NewsArchive-release {
    padding: 40px 0;
    border-bottom: none;
}
  }

@media screen and (min-width: 1367px) {

.NewsArchive-release {
    padding: 50px 0;
}
  }

@media screen and (min-width: 601px) {

.NewsArchive-releaseData {
    margin-left: 25px;
}
  }

.NewsArchive-releaseImage {
  width: 100% !important;
}

.NewsArchive-releaseImage {
  margin-bottom: 10px;
}

@media screen and (min-width: 601px) {

.NewsArchive-releaseImage {
    display: block;
    min-width: 198px;
    max-width: 198px;
    margin-bottom: 0;
    aspect-ratio: 198 / 136;
}

    .NewsArchive-releaseImage img {
      aspect-ratio: 198 / 136;
    }
  }

@media screen and (min-width: 1026px) {

.NewsArchive-releaseImage {
    min-width: 271px;
    max-width: 271px;
    aspect-ratio: 271 / 185;
}

    .NewsArchive-releaseImage img {
      aspect-ratio: 271 / 185;
    }
  }

@media screen and (min-width: 1367px) {

.NewsArchive-releaseImage {
    min-width: 243px;
    max-width: 243px;
    aspect-ratio: 243 / 162;
}

    .NewsArchive-releaseImage img {
      aspect-ratio: 243 / 162;
    }
  }

.NewsArchive-releaseDate {
  margin-bottom: 10px;
  font-size: 0.875rem;
  text-align: left;
}

@media screen and (min-width: 1026px) {

.NewsArchive-releaseDate {
    font-size: 1.125rem;
}
  }

.NewsArchive-releaseTitle {
  margin-top: 15px;
  margin-bottom: 8px;
  font-size: 1.222rem;
  font-weight: 400;
  line-height: 1.111em;
  text-align: left;
  color: var(--clr-primary);
  transition: color 250ms ease-in-out;
}

@media screen and (min-width: 1367px) {

.NewsArchive-releaseTitle {
    margin-top: 15px;
}
  }

.NewsArchive-releasePreviewText {
  font-size: 1.125rem;
  color: var(--clr-primary);
}

.NewsArchive-actions {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  margin-top: 28px;
}

.NewsArchive-actions * {
    width: 250px;
  }

.NewsArchive-actions .Button {
    padding: 18px 0;
  }

.NewsArchive-actions * + * {
    margin-top: 15px;
  }

@media screen and (min-width: 1026px) {

.NewsArchive-actions {
    flex-direction: row;
}

    .NewsArchive-actions * {
      width: 100%;
    }

    .NewsArchive-actions .Button {
      padding: 18px 70px;
    }

    .NewsArchive-actions * + * {
      margin-top: 0;
      margin-left: 25px;
    }
  }

@media screen and (min-width: 1367px) {

.NewsArchive-actions {
    max-width: 95%;
}
  }

@media screen and (min-width: 1921px) {

.NewsArchive-actions {
    max-width: 65%;
}
  }

.Button--load-more:hover {
    cursor: pointer;
  }

.Button--load-more.hide {
    display: none;
  }