p a:not(.button),
h1 a:not(.button),
h2 a:not(.button),
h3 a:not(.button),
h4 a:not(.button),
h5 a:not(.button),
h6 a:not(.button) {
  -webkit-box-decoration-break: clone !important;
          box-decoration-break: clone !important;
}
p a:not(.button):after,
h1 a:not(.button):after,
h2 a:not(.button):after,
h3 a:not(.button):after,
h4 a:not(.button):after,
h5 a:not(.button):after,
h6 a:not(.button):after {
  display: none;
}
p a:not(.button):before,
h1 a:not(.button):before,
h2 a:not(.button):before,
h3 a:not(.button):before,
h4 a:not(.button):before,
h5 a:not(.button):before,
h6 a:not(.button):before {
  content: "";
  display: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: -1;
  box-shadow: 1rem 0px 0px #00FC87, -1rem 0px 0px #00FC87;
}

a {
  -webkit-box-decoration-break: clone !important;
          box-decoration-break: clone !important;
}

/* Theme My Login */ 

.tml-login, .tml-lostpassword, .tml-resetpass {
  width: 50%;
  margin: 40px 0;
}

@media (max-width: 768px) {
  .tml-login, .tml-lostpassword, .tml-resetpass {
    width: auto;
  }
}


.tml-login .tml-rememberme-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.tml-login .tml-rememberme-wrap input.tml-checkbox {
  width: auto;
  margin-right: 10px;
}

.tml-login button, .tml-lostpassword button, .tml-resetpass button {
  background: #00FC87;
  color: #000;
  padding: 8px 20px 5px;
  display: block;
  font-size: 21px;
  white-space: nowrap;
  transition: .3s ease all;
  text-align: left;
  max-width: 300px;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: SteelfishRg-Bold,"Fjalla One",Helvetica,sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.tml-login .tml-links, .tml-resetpass .tml-links {
  list-style: none;
  margin: 40px 0;
  padding: 0;
}

.tml-lostpassword ul.tml-links {
  list-style: none;
  margin: 30px 0;
  padding: 0;
}

/* -- New Button 2/5/24 -- */

@media (min-width: 1024px) and (max-width: 1320px) {

  header .nav-wrap nav>ul a:nth-last-child(-n+2) {
    
  }
  
}

@media screen and (min-width: 1024px) and (max-width: 1320px) {
  /* Change the flex direction to column */
  header .row {
    flex-direction: column;
  }

  /* Example: Adjust the spacing between the logo and menu */
  .logo-wrap,
  .nav-wrap {
    margin: 10px 0; /* Adjust the margin as needed */
  }
  
  header .nav-wrap {
    width: 90%;
  }
  
  header .nav-wrap nav {
    
    padding-top: 0 !important;
    
  }  
}

@media screen and (min-width: 1321px) and (max-width: 1402px) {
  header .nav-wrap nav>ul li {
    margin-right: 50px;
  }
}

@media screen and (min-width: 1403px) and (max-width: 1499px) {
  header .nav-wrap nav>ul li {
    margin-right: 70px;
  }
}


/* Volunteer Page */ 

body.page-id-10 h1 {
   font-size: 70px;
   max-width: 80%;
}

body.page-id-10 .volunteer-hero .herocontent {
  padding: 140px 0 50px;
}