/* ==========================================================================
   Eden Project / Attractions stylesheet
   Cornwall Online - www.cornwall-online.co.uk/attractions/css/eden-project.css
   ========================================================================== */

:root {
  --eden-green-dark: #1e3d1a;
  --eden-green: #2f6b2f;
  --eden-green-light: #4c8c4c;
  --eden-cream: #f7f5ef;
  --eden-brown: #604040;
  --eden-text: #26260d;
}

body {
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  color: var(--eden-text);
  background-color: #ffffff;
}

a {
  color: var(--eden-green);
}
a:hover {
  color: var(--eden-green-dark);
}

/* --------------------------------------------------------------------
   Page header banner
   -------------------------------------------------------------------- */
.eden-header {
  background-color: var(--eden-green-dark);
  background-image: url('../eden-project/images/eden-project-geograph-8066980-by-Chris-Gorringe.jpg');
  background-size: cover;
  background-position: center;
  padding: 6rem 1rem;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.eden-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(20, 35, 15, 0.55);
}
.eden-header .container {
  position: relative;
  z-index: 1;
}
.eden-header h1 {
  font-weight: 700;
  letter-spacing: 0.5px;
}
.eden-header .lead {
  font-weight: 300;
}
/* --------------------------------------------------------------------
   Sub-page navigation
   -------------------------------------------------------------------- */
nav.eden-subnav,
nav.bg-light {
  background-color: var(--eden-cream)