/* Shared "page headline" hero/breadcrumb section styles.
   Extracted from the near-identical inline <style> blocks duplicated across
   resources/views/frontend/*.php page templates. Per-page hero background
   images remain inline (style="background-image: ...") on the .bg-image
   element of each page, since that value differs per page. Pages whose
   .clb-page-headline::after / ::before overlay differs from the common
   "background: none" variant keep their own override rule inline, which
   safely overrides the rule below (same selector, later in the cascade). */

.clb-page-headline {
  position: relative;
}

.clb-page-headline .bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0 !important;
}

.clb-page-headline::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
  z-index: 1 !important;
}

.clb-page-headline-holder {
  position: relative;
  z-index: 2;
}

.clb-page-headline .clb-title {
  color: #ffffff;
}

.clb-page-headline .clb-post-meta,
.clb-page-headline .post-meta {
  color: rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 1025px) {
  .clb-page-headline {
    min-height: 500px;
  }
}