/*
 Theme Name:   GeneratePress Child - Kelly Cockrell
 Theme URI:    https://generatepress.com
 Description:  Child theme for GeneratePress with large featured-image jumbotron (hero) on blog posts.
 Author:       Kelly Cockrell
 Template:     generatepress
 Version:      1.0.0
*/

/* =Theme tweaks
-------------------------------------------------------------- */

/* Large jumbotron / hero for posts */
.kc-hero{
  position: relative;
  width: 100%;
  min-height: 58vh;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  overflow: hidden;
  border-radius: 0; /* set to 0 for edge-to-edge; change if you prefer rounded */
  margin: 0 0 2.25rem 0;
}

.kc-hero__bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
}

.kc-hero__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.66) 0%,
    rgba(0,0,0,0.30) 40%,
    rgba(0,0,0,0.05) 100%
  );
}

.kc-hero__inner{
  position: relative;
  z-index: 2;
  width: 100%;
  padding: clamp(1.25rem, 3vw, 3rem);
}

.kc-hero__kicker{
  margin: 0 0 .35rem 0;
  font-size: 0.95rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .92;
}

.kc-hero__title{
  margin: 0 0 .65rem 0;
  line-height: 1.05;
  font-size: clamp(2.0rem, 4.2vw, 3.6rem);
}

.kc-hero__meta{
  margin: 0;
  font-size: 1rem;
  opacity: .92;
}

/* Make hero full width even if content is constrained */
.kc-hero--fullwidth{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Optional: keep text readable on small screens */
@media (max-width: 768px){
  .kc-hero{ min-height: 46vh; }
}

/* If you want hero ONLY on posts, leave as-is.
   If you later enable for pages/CPTs, it will still look good. */