/* ---------------------------------------------------
   FRIENDS OF NAUSET BEACH — BLOOMERANG CUSTOM CSS
   --------------------------------------------------- */

/* COLOR + TYPE SYSTEM */
:root {
  --fonb-blue: #0b7fa6;
  --fonb-deep-blue: #06506d;
  --fonb-yellow: #ffe75a;
  --fonb-muted: #6c757d;
  --fonb-border: #dfe4e7;
  --fonb-radius: 10px;
  --fonb-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}

body,
input,
button,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial,
    sans-serif !important;
  color: #333 !important;
}

/* PAGE BACKGROUND: soft sky -> white */
body {
  margin: 0 !important;
  background: linear-gradient(#cfe7f3 0%, #f5fafc 30%, #ffffff 70%) !important;
}

/* "HERO" HEADER BAR USING A PSEUDO ELEMENT
   (shows FRIENDS OF NAUSET BEACH like the homepage) */
body::before {
  content: "FRIENDS OF NAUSET BEACH";
  display: block;
  text-align: center;
  padding: 2.2rem 1.5rem 1.4rem !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 2rem !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(
    to bottom,
    rgba(6, 80, 109, 0.96),
    rgba(11, 127, 166, 0.9)
  );
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

/* TURN OFF THE OLD YELLOW CI*