/* Photo Hero Section */
.photo-hero {
  position: relative;
  min-height: 550px;
  background-image: url(https://www.ncra.org/images/default-source/uploadedimages/homepage-hero-images/home-page-hero-image_1600x800_jan2021_gears.jpg?Status=Temp&sfvrsn=3cd1cbb5_2);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.hero-text {
  position: absolute;
  top: 80px;
  left: 40px;
  width: 50%;  
  max-width: 700px;  
  line-height: 1.4em;
  padding: 35px 40px;
  background-color: #fff;
  border-bottom: 10px outset #BF4E24;
}

.hero-text h2 {
  font-weight: 700 !important;
  color: #022873;
  font-size: 1.8em;
  font-style: oblique;
  line-height: 1.2em;
  padding: 6px auto;
  margin-bottom: 0.5em;
}

.hero-text p {
  margin-bottom: 0;
}

/* Mobile: Full width with proper spacing */
@media only screen and (max-width: 600px) {
  .photo-hero {
    min-height: 650px;
    padding-bottom: 2em;
  }
  
  .hero-text {
    position: relative;
    top: auto;
    left: auto;
    width: 90%;
    max-width: none;
    margin: 2em auto 0 auto;
    padding: 30px 25px;
  }
  
  .hero-text h2 {
    font-size: 1.5em;
  }
  
  .hero-text p {
    font-size: 0.95em;
  }
}

/* Tablet: Adjusted for medium screens */
@media (min-width: 601px) and (max-width: 1024px) {
  .hero-text {
    left: 30px;
    width: 55%;
    max-width: 650px;
  }
}

/* Large desktop: Keep text from going too far left on huge screens */
@media (min-width: 1400px) {
  .hero-text {
    left: 80px;
  }
}

/* ========================================
   HERO OVERLAY LINKS ONLY
   ======================================== */

.hero-text a:link,
.hero-text a:visited {
  color: #BF4E24; /* Orange */
  font-weight: 600;
  text-decoration: none; /* No underline by default */
  transition: color 0.3s ease, text-decoration 0.2s ease;
}

.hero-text a:hover,
.hero-text a:focus {
  color: #022873; /* Navy */
  text-decoration: underline; /* Underline on hover/focus */
}

/* ========================================
   PUBLICATIONS & WEBSITES SECTION
   Teal links with special formatting
   ======================================== */

ul.web-links {
  list-style-type: none;
  padding-left: 0;
   margin-left: 0;
  font-size: 1.2em;
  line-height: 1.6em;
}

.web-links a:link,
.web-links a:visited {
  color: #03738C !important; /* Teal */
  font-weight: 700;
  text-decoration: none; /* No underline by default */
  transition: color 0.3s ease, text-decoration 0.2s ease;
}

.web-links a:hover,
.web-links a:focus {
  color: #022873 !important; /* Navy */
  text-decoration: underline; /* Underline on hover/focus */
}

.web-text {
  font-style: italic;
  font-size: 0.9em;
  color: #666;
}

/* ========================================
   KEY RESOURCES SECTION ONLY
   ======================================== */

#key-resources {
  min-height: 800px;
  padding: 30px 18px !important;
  border-right: 4px solid #03738C;
  box-shadow: 2px 0 0 rgba(0,0,0,0.08);
}

#key-resources ul {
  list-style-type: none;
  margin-left: 20px;
  padding: 0; 
}

#key-resources ul li {
  padding-bottom: 5px;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.5em;
  margin-bottom: 8px; 
  color: #401208;
}

#key-resources a:link,
#key-resources a:visited {
  color: #03738C !important; /* Teal */
  text-decoration: none; /* No underline by default */
  transition: color 0.3s ease, text-decoration 0.2s ease;
}

#key-resources a:hover,
#key-resources a:focus {
  color: #022873 !important; /* Navy */
  text-decoration: underline; /* Underline on hover/focus */
}

/* ========================================
   DOWNLOADABLE MATERIALS SECTIONS
   Orange ONLY for PDF/download links
   ======================================== */

/* Target only within specific downloadable sections */
#downloadable-materials a[href*=".pdf"]:link,
#downloadable-materials a[href*=".pdf"]:visited,
#outreach-materials a[href*=".pdf"]:link,
#outreach-materials a[href*=".pdf"]:visited,
.downloadable-section a[href*=".pdf"]:link,
.downloadable-section a[href*=".pdf"]:visited {
  color: #BF4E24; /* Orange for downloads */
  font-weight: 600;
  text-decoration: none; /* No underline by default */
  transition: color 0.3s ease, text-decoration 0.2s ease;
}

#downloadable-materials a[href*=".pdf"]:hover,
#downloadable-materials a[href*=".pdf"]:focus,
#outreach-materials a[href*=".pdf"]:hover,
#outreach-materials a[href*=".pdf"]:focus,
.downloadable-section a[href*=".pdf"]:hover,
.downloadable-section a[href*=".pdf"]:focus {
  color: #983f37; /* Darker orange */
  text-decoration: underline; /* Underline on hover/focus */
}

/* Download icon for PDFs in these sections only */
#downloadable-materials a[href*=".pdf"]::after,
#outreach-materials a[href*=".pdf"]::after,
.downloadable-section a[href*=".pdf"]::after {
  content: " ↓";
  font-size: 0.9em;
  margin-left: 0.2em;
}

/* ======================================== */