/* #### Sub-Header #### */

.sub-header {
  background: var(--dark-bg-color) url("../img/sub-header-bg.avif") no-repeat
    center center / cover;
  background-image: image-set(
    url("../img/sub-header-bg.avif") 1x,
    url("../img/sub-header-bg.webp") 1x
  );
  background-attachment: fixed;
  overflow: hidden;

  --title-color: #fff;
  --text-color: #fff;
}

.top-author-info .author-tagline,
.sub-header .post-meta,
.sub-header .post-meta-holder .author-and-date p {
  color: var(--text-color);
}

.top-author-info,
.sub-header .post-meta-holder {
  margin-top: 1rem;
}

@media (width >= 1200px) {
  .sub-header.hero {
    padding: calc(var(--df-padding-unit) * 2.5) 0;
  }

  .sub-header.hero .page-description p {
    line-height: 1.4;
  }
}

@media (width <= 992px) {
  .sub-header {
    background-attachment: scroll;
  }
}

@media (width <= 600px) {
  .sub-header {
    padding: 2rem 0;
  }

  .sub-header.hero {
    padding: var(--df-padding-unit) 0;
  }
}