/* Shared geothermal hero + olive theme, modeled on the SREC101 header.
   Loaded on every geothermal page AFTER srec-faq.css so these rules override
   the base. The hero deliberately inherits the SREC layout from srec-faq.css
   (left-aligned content in a 1fr 1fr grid, vertically centered, 40px padding);
   this file only swaps in the mountains photo, the olive theme tokens, and a
   135deg dark-to-light olive gradient. */

/* Olive theme tokens for geothermal pages */
.main-content {
    --fe-primary-green: #818d61ff;
    --fe-dark-green-1: #66704dff;
}

.program-description ul li::before {
    content: "";
}

/* Hero background photo */
.srec-intro-section::before {
    background-image: url('/static/img/geothermal/mountains.png');
    background-size: cover;
    background-position: center 40%;
}

/* Olive overlay: dark and opaque at the top-left, fading lighter toward the
   bottom-right so the mountains show through and the left-aligned text stays
   readable (same direction and falloff as the SREC header). */
.srec-intro-section::after {
    background: linear-gradient(
        160deg,
        rgba(102, 112, 77, 1.00) 0%,
        rgba(129, 141, 97, 1.00) 40%,
        rgba(129, 141, 97, 0.80) 65%,
        rgba(129, 141, 97, 0.55) 85%,
        rgba(129, 141, 97, 0.10) 100%
    );
}