:root {
  --color-primary:   #007341; /* mid green       */
  --color-secondary: #007367; /* teal green      */
  --color-tertiary:  #0F7300; /* vivid green     */
  --color-light:     #faf9f5; /* light tan       */

  /* 1. Primary Green Gradient */
  --gradient-primary: linear-gradient(135deg, #005873, #007341, #00731b);

  /* 2. Secondary Teal Gradient */
  --gradient-secondary: linear-gradient(135deg, #005873, #007367, #00a398);

  /* 3. Brand Blend (vivid green → teal) */
  --gradient-brand: linear-gradient(135deg, #0F7300, #007341, #007367);

  /* 4. Dark Brand (deep, rich) */
  --gradient-dark: linear-gradient(135deg, #003d22, #005873);

  /* 5. Subtle Green Fade */
  --gradient-subtle-primary: linear-gradient(180deg, #007341, #005873);

  /* 6. Subtle Teal Fade */
  --gradient-subtle-secondary: linear-gradient(180deg, #007367, #005873);

  /* 7. Hero Gradient (dramatic angle) */
  --gradient-hero: linear-gradient(160deg, #0F7300 0%, #1a1a1a 50%, #005873 100%);

  /* 8. Soft Glow (lighter, for cards/backgrounds) */
  --gradient-soft: linear-gradient(135deg, #e6f5ee, #faf9f5);
}

p a{
  text-decoration: underline;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
  
  .bg-light{
    background-color: var(--color-light)!important;
  }
  
  .box-shadow-active {
      box-shadow: 0 5px 36px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .box-shadow:hover {
      box-shadow: 0 5px 36px 0 rgba(0, 0, 0, 0.1) !important;
  }
  
  body {
    font-family: 'Lora', serif;
      background-image: url(https://www.alleganyfirstfcu.com/wp-content/uploads/2020/05/bg-trees-3-light.png);
      background-position: bottom;
      background-attachment: fixed !important;
      background-size:cover !important;
  }
  
  
  /* ── Typography ── */
  h1, h2, h3, h4,
  .h1, .h2, .h3, .h4 { color: var(--color-secondary);
  font-family: 'playfair display', serif;
  font-weight:400 !important;
  }
  
  #quicklinks a {
    color: #000;
    text-decoration: underline;
  }
  .primary{
    color: var(--color-primary) !important;
  }
  
  .secondary{
    color: var(--color-secondary) !important;
  }
  
  .bg-primary{
    background-color: var(--color-primary) !important;
  }
  
  .bg-gradient-primary{
    background: var(--gradient-primary);
  }
  
  .bg-gradient-secondary{
    background: var(--gradient-secondary);
  }
  
  .bg-gradient-soft{
    background:var(--gradient-soft);
  }
  
  .bg-secondary{
    background-color: var(--color-secondary) !important;
  }
  
  .my-shout {
    font-family: 'HelveticaNeueW01-97Blac', sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
  }
  .my-shout:not(.mt-0) { line-height: 3.5rem !important; }
  
  /* ── Buttons ── */
  .btn-primary {
    background: var(--gradient-primary) !important;
    border-color:     var(--color-primary) !important;
    color: #fff !important;
  }
  .btn a { text-decoration: none; }
  
  /* ── Section bar ── */
  .sh-bar { position: relative !important; padding-top: 1.5rem; }
  .sh-bar::before {
    content: "" !important;
    background-color: var(--color-secondary) !important;
    position: absolute !important;
    top: 0 !important;
    width: 7rem !important;
    height: 0.5rem !important;
  }
  
  /* ── Slashes list ── */
  .slashes li {
    display: block !important;
    position: relative !important;
    z-index: 0 !important;
  }
  .slashes li::before {
    content: "" !important;
    background-color: var(--color-secondary) !important;
    position: absolute !important;
    left: -1.5rem !important;
    top: 0.25em !important;
    width: 0.5em !important;
    height: 1em !important;
    z-index: -1 !important;
    transform: skewX(149deg) !important;
  }
  
  /* ── Dropdown ── */
  ul.dropdown-menu { background-color: var(--color-light); }
  
  @media screen and (min-width: 1280px) {
    .dropdown-menu { width: 275px; }
    #wvu-main-content h1 { line-height: 4.5rem !important; }
  }
  
  
  @media (min-width: 1480px) {
      .container {
          max-width: 1280px;
      }
  }

  @media (max-width: 1024px) {
    .menu-item a{
      color:#fff;
    }
    .dropdown-menu .menu-item a{
      color: var(--color-primary);
      padding:10px;
    }
  }