/* template - Default */
body {
background:#a19e8d url(https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/2/t/3/pageback.jpg) repeat-x;
}
#banner {
background:url(https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/2/img/b/environment/40.jpg);
}
#nav {
background:#272727;
border-bottom:2px solid #272727;
}
#nav li ul {
background:#272727;
}
#nav li a {
font-style:italic;
background:#fff;
}
#nav li a:hover, #nav li a.on {
background:#e2dccc;
}

.vmenu #nav, .omenu #nav {
border-top:1px solid #fff;
}
.vmenu #nav li ul {
border-bottom:2px solid #272727;
}
.hmenu #nav {
background:#fff;
border-top:2px solid #272727;
}
.hmenu #nav ul {
border-left:2px solid #272727;
border-right:2px solid #272727;
}
#banner {background-image: url('https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/s/39881/images/topbars/banner4.jpg');height:222px;}
#banner h1 {font-family:palatino;font-size:66px;color:#ffffff;}
#banner h2 {font-family:palatino;font-size:44px;color:#ffffff;}
body {background:#ffffff;}
.hmenu #nav, #nav a, #blogfloat a {}
#nav a:hover, #nav a.on, #blogfloat a:hover, #blogfloat a.on {}
:root {
  --nav-bg: #272727;
  --hover-bg: #cfc8a8;
  --font-main: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

body {
  background: #a19e8d url(https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/2/t/3/pageback.jpg) repeat-x;
  font-family: var(--font-main);
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#banner {
  background: url(https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/2/img/b/environment/40.jpg) no-repeat center center;
  background-size: cover;
}

#nav,
#nav li ul,
.vmenu #nav li ul {
  background: var(--nav-bg);
  border-bottom: 2px solid var(--nav-bg);
}

#nav li a {
  font-style: italic;
  background: #fff;
  color: #000;
  padding: 10px 15px;
  display: block;
  text-decoration: none;
}

#nav li a:hover,
#nav li a.on,
#nav li a:focus {
  background: var(--hover-bg);
  outline: none;
}

.vmenu #nav,
.omenu #nav {
  border-top: 1px solid #fff;
}

.hmenu #nav {
  background: #fff;
  border-top: 2px solid var(--nav-bg);
}

.hmenu #nav ul {
  border-left: 2px solid var(--nav-bg);
  border-right: 2px solid var(--nav-bg);
}

/* Responsive Navigation */
@media (max-width: 768px) {
  #nav {
    display: block;
  }
  #nav li {
    display: block;
    width: 100%;
  }
}

/* Accessibility: Skip to Content */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px;
  z-index: 100;
}
.skip-link:focus {
  top: 0;
}

.card-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.card {
  background: white;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  flex: 1 1 300px;
}

.card-row {
  flex-direction: column;
}

