/* Base style for all screen sizes */
#menu-main-navigation > li > a.nav-main-link-simple {
  background-color: transparent;
  border: none;
  display: block;
  font-family: Graphik-Regular, sans-serif;
  font-size: 1.625rem;
  letter-spacing: -0.045rem;
  line-height: 1;
  padding: 16px 0;
  text-align: left;
  width: 100%;
  color: #001613;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

/* Focus outline for accessibility */
#menu-main-navigation > li > a.nav-main-link-simple:focus {
  outline: 2px solid #007e76;
}

/* Desktop styles */
@media (min-width: 1025px) {
  #menu-main-navigation > li > a.nav-main-link-simple {
    display: inline-block;
    font-family: Graphik-Medium, sans-serif;
    font-size: 1rem;
    letter-spacing: -0.0125rem;
    padding: 33px 15px 5px;
    width: auto;
    color: #fff;
  }

  #menu-main-navigation > li > a.nav-main-link-simple:hover,
  #menu-main-navigation > li > a.nav-main-link-simple:focus {
    color: #fede24;
  }
}

/* Mobile styles */
@media (max-width: 1024px) {
  #menu-main-navigation > li > a.nav-main-link-simple {
    border-bottom: 1px solid #e3e2de;
    color: #001613;
    font-weight: 700;
    font-size: 18px;
    line-height: 170%;
    font-family: Graphik-SemiBold, sans-serif;
  }

  #menu-main-navigation > li > a.nav-main-link-simple:hover,
  #menu-main-navigation > li > a.nav-main-link-simple:focus {
    color: #345f5d;
  }
}
/* Hover background box effect */
@media (min-width: 1025px) {
  #menu-main-navigation > li > a.nav-main-link-simple {
    position: relative;
    z-index: 1;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  #menu-main-navigation > li > a.nav-main-link-simple:hover,
  #menu-main-navigation > li > a.nav-main-link-simple:focus {
    background-color: #345e5d;
    
  }
}