/* ==========================================================
   ALLAGASH REFLECTION
   ========================================================== */

.allagash-reflection {
    max-width: 700px!important;
    margin: 60px auto;
    padding: 30px 20px 30px!important;

    background:
radial-gradient(
    circle at center,
    rgba(255,222,170,.28) 0%,
    rgba(255,245,220,.65) 65%,
    rgba(255,250,236,.98) 100%
);

    border: 1px solid rgba(34,81,58,.22);
    border-radius: 18px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);

    text-align: center;
}

/* Heading */
.allagash-reflection h2,
.allagash-reflection h3,
.allagash-reflection h4 {
    margin: 0px 0px 0px!important;

    font-family: "Alegreya", serif;
    font-size: 1.4rem;
    line-height: 1.25;

    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.02em;

    color: var(--dark-spruce);
}

/* Quotation text */
.allagash-reflection p {
    max-width: none;
    margin: 0 auto 1em;

    font-family: "Alegreya", serif;
    font-size: 1.1rem!important;
    line-height: 1.65;

    font-style: italic;
    color: var(--dark-spruce);
}

/* Attribution */
.allagash-reflection p.reflection-author {
    margin-top: 30px;
    margin-bottom: 0;

    font-size: 1.2rem;
    line-height: 1.3;

    font-style: normal;
    font-weight: 600;

    color: var(--pine);
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .allagash-reflection {
        max-width: calc(100% - 48px);
        padding: 46px 48px 42px;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 768px) {

    .allagash-reflection {
        max-width: calc(100% - 32px);
        margin: 42px auto;
        padding: 34px 24px 30px;

        border-radius: 14px;
    }

    .allagash-reflection h2,
    .allagash-reflection h3,
    .allagash-reflection h4 {
        margin-bottom: 24px;

        font-size: 1.2rem;
        line-height: 1.3;
    }

    .allagash-reflection p {
        font-size: 1.08rem;
        line-height: 1.5;
    }

    .allagash-reflection p.reflection-author {
        margin-top: 24px;

        font-size: 1.05rem;
        line-height: 1.35;
    }
}


/* ==========================================================
   BIOGRAPHY PAGE
   ========================================================== */

/* Magazine Style Drop Cap for Bio */
.magazine-bio p:first-of-type::first-letter {
    color: var(--canoe-red);
    float: left;
    font-size: 5em; /* Large letter */
    line-height: 0.7; /* Pulls text up toward the top of the letter */
    padding-top: 8px;
    padding-right: 12px;
    padding-left: 3px;
    font-family: 'Alegreya', serif;
    font-weight: 700;
}

/* Optional: Add a subtle 'Field Journal' border to the two-column area */
.magazine-bio {
    border-top: 1px solid var(--stone-gray);
    padding-top: 30px;
    margin-top: 0px!important;
}

/* Make the first paragraph slightly more prominent */
.magazine-bio p:first-of-type {
    font-size: 1.1em;
    color: var(--dark-spruce);
}



/* ==========================================================
   COVER OVERLAY
   ========================================================== */

/* Name Overlay Style */
.name-overlay-box {
background-color: rgba(94, 106, 99, 0.50) !important; /* Stone Gray with 85% opacity */
border-left: 10px solid var(--pine); /* Adds a nice wilderness accent */
backdrop-filter: blur(3px); /* Blurs the photo behind the gray for better legibility */
overflow: visible !important;
z-index: 10;
	margin-left: 50%!important;
}
/* 1. Unlock the 'Hidden Walls' of the Cover Block */
.wp-block-cover,
.wp-block-cover__inner-container {
 overflow: visible !important;
}

/* 2. Fix the Positioning of the Heading */
/* This targets your heading inside the cover and lets it 'spill' out */
h2.name-overlay-box {
    position: relative !important;
    z-index: 10 !important;
    transform: translateY(255px) !important; 


}

/* ==========================================================
   Magazine Style Drop Cap
   ========================================================== */

/* Magazine Style Drop Cap */
.home-page-letter::first-letter {
    color: var(--canoe-red)!important;
    float: left;
    font-size: 5em; /* Large letter */
    line-height: 0.7; /* Pulls text up toward the top of the letter */
    padding-top: 8px;
    padding-right: 12px;
    padding-left: 3px;
      font-weight: 700;
}


.allagash-signature {
    margin: 2.5rem 0 1rem;
    text-align: right;

    font-family: 'SansSheriff', cursive;
    font-size: 3.5rem;
    line-height: 1;

    color: var(--pine);
}

.about-signature {
    display: block;
    
    margin: 2rem 0 1rem auto;
}