/* SETPOM responsive navigation fix
   Keeps the site responsive, but stops the menu tabs from scattering on phones. */
.setpom-menu-toggle{
  display:none;
  border:0;
  cursor:pointer;
  background:#2d7d46;
  color:#fff;
  font-family:inherit;
  font-weight:800;
  font-size:14px;
  line-height:1;
  padding:12px 16px;
  border-radius:6px;
  box-shadow:0 8px 18px rgba(45,125,70,.18);
}
.setpom-menu-toggle:focus{outline:2px solid #f2c94c;outline-offset:2px;}

@media (max-width: 900px){
  body{overflow-x:hidden;}

  /* Home page navigation */
  .navrow{
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding:14px 0!important;
    text-align:left!important;
  }
  .navrow .logo img,
  .logo img{
    width:190px!important;
    max-width:70vw!important;
    margin:0!important;
  }
  .navrow .setpom-menu-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;}
  .navrow .nav{
    display:none!important;
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    flex-wrap:nowrap!important;
    margin:12px 0 0!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #e5eee5!important;
    border-radius:12px!important;
    box-shadow:0 14px 35px rgba(0,0,0,.10)!important;
    overflow:hidden!important;
  }
  .navrow.menu-open .nav{display:flex!important;}
  .navrow .nav>li{
    width:100%!important;
    display:block!important;
    border-bottom:1px solid #edf3ed!important;
  }
  .navrow .nav>li:last-child{border-bottom:0!important;}
  .navrow .nav>li>a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    padding:15px 18px!important;
    font-size:13px!important;
    line-height:1.3!important;
    text-align:left!important;
  }
  .navrow .donate-btn{
    margin:0!important;
    border-radius:0!important;
    justify-content:center!important;
    background:#ecb338!important;
    color:#fff!important;
  }
  .navrow .dropdown{
    position:static!important;
    display:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    min-width:0!important;
    width:100%!important;
    box-shadow:none!important;
    border-top:0!important;
    border-radius:0!important;
    background:#f8fff6!important;
    margin:0!important;
    padding:0!important;
  }
  .navrow .has-dropdown.open>.dropdown{display:block!important;}
  .navrow .has-dropdown:hover>.dropdown{display:none!important;}
  .navrow .has-dropdown.open:hover>.dropdown{display:block!important;}
  .navrow .dropdown li a{
    white-space:normal!important;
    padding:12px 28px!important;
    font-size:12px!important;
  }

  /* Inner page navigation */
  .setpom-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding:14px 5%!important;
    text-align:left!important;
  }
  .setpom-nav .brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    font-size:20px!important;
    max-width:70%!important;
  }
  .setpom-nav .brand img{height:50px!important;width:auto!important;}
  .setpom-nav .setpom-menu-toggle{display:inline-flex!important;align-items:center!important;gap:8px!important;}
  .setpom-nav nav{
    display:none!important;
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    flex-wrap:nowrap!important;
    margin:12px 0 0!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #e5eee5!important;
    border-radius:12px!important;
    box-shadow:0 14px 35px rgba(0,0,0,.10)!important;
    overflow:hidden!important;
  }
  .setpom-nav.menu-open nav{display:flex!important;}
  .setpom-nav nav>a,
  .setpom-nav .drop>a{
    display:block!important;
    width:100%!important;
    padding:14px 18px!important;
    border-bottom:1px solid #edf3ed!important;
    color:#28372d!important;
    font-size:14px!important;
    line-height:1.3!important;
    text-align:left!important;
  }
  .setpom-nav .drop{
    display:block!important;
    width:100%!important;
    position:relative!important;
  }
  .setpom-nav .drop>a::after{
    content:' ▾';
    float:right;
    font-size:12px;
  }
  .setpom-nav .drop-menu{
    position:static!important;
    display:none!important;
    min-width:0!important;
    width:100%!important;
    box-shadow:none!important;
    border-top:0!important;
    background:#f8fff6!important;
    margin:0!important;
    padding:0!important;
  }
  .setpom-nav .drop.open>.drop-menu{display:block!important;}
  .setpom-nav .drop:hover>.drop-menu{display:none!important;}
  .setpom-nav .drop.open:hover>.drop-menu{display:block!important;}
  .setpom-nav .drop-menu a{
    display:block!important;
    white-space:normal!important;
    padding:12px 28px!important;
    font-size:13px!important;
  }

  .setpom-topbar{
    text-align:center!important;
    justify-content:center!important;
  }
}

@media (min-width: 901px){
  .navrow .nav{display:flex!important;}
  .setpom-nav nav{display:flex!important;}
  .has-dropdown:hover>.dropdown{opacity:1;visibility:visible;transform:translateY(0);}
  .drop:hover>.drop-menu{display:block;}
}