/* HDR247 article/review full-screen featured-image header.
   Scoped to single posts; homepage carousel/grid remains untouched. */
body.single-post .page-title-post-featured {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 32px !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
body.single-post .page-title-post-featured > .container-fluid {
  width: 100% !important;
  padding: 0 !important;
}
body.single-post .page-title-post-featured .featured-post-content {
  position: relative !important;
  width: 100% !important;
  height: clamp(360px, 48vw, 650px) !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden !important;
  opacity: 1 !important;
}
body.single-post .page-title-post-featured .featured-post-content > .overlay-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  transform: none !important;
  visibility: visible !important;
}
body.single-post .page-title-post-featured .featured-post-content:after {
  pointer-events: none;
  z-index: 1;
}
body.single-post .page-title-post-featured .featured-post-content .title {
  position: relative !important;
  z-index: 3 !important;
  width: min(1170px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 25px 24px 38px !important;
  box-sizing: border-box !important;
  display: block !important;
  transform: none !important;
  direction: rtl;
  text-align: right !important;
}
body.single-post .page-title-post-featured .featured-post-content .title h3 {
  width: 100% !important;
  max-width: 100% !important;
  font-size: clamp(26px, 3.3vw, 54px) !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere;
  text-align: right !important;
}
body.single-post .page-title-post-featured .featured-post-content .title .tags {
  text-align: right !important;
}
body.single-post .page-title-post-featured .featured-post-content .overlay {
  pointer-events: none;
}
body.single-post.featured-post .parallax-wrapper,
body.single-post.featured-post .parallax-wrapper.affix,
body.single-post.featured-post .parallax-wrapper.affix-top,
body.single-post.featured-post .parallax-wrapper.affix-bottom {
  position: relative !important;
  top: auto !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
}
@media (max-width: 767px) {
  body.single-post .page-title-post-featured .featured-post-content {
    height: auto !important;
    min-height: 340px !important;
  }
  body.single-post .page-title-post-featured .featured-post-content > .overlay-wrapper {
    min-height: 340px !important;
  }
  body.single-post .page-title-post-featured .featured-post-content .title {
    padding: 22px 16px 28px !important;
  }
  body.single-post .page-title-post-featured .featured-post-content .title h3 {
    font-size: clamp(24px, 6vw, 36px) !important;
  }
}