ul.sf-menu a,
ul.sf-menu span.nolink {
  color: black;
  text-decoration: none;
  background-color: white;
  font-size: 1.25rem;
  font-weight: 600;
  padding: .675rem 0;
}

@media (min-width: 75rem) {
  ul.sf-menu a, ul.sf-menu span.nolink {
    color: black;
    text-decoration: none;
    background-color: white;
    font-size: 1rem;
    padding: 1rem 1.25rem;
  }
}

ul.sf-menu li > a.menuparent::after,
ul.sf-menu li > span.menuparent::after {
  display: inline;
  content: url("../../images/chevron-down.png");
  height: 20px;
  width: 18px;
  margin-left: 10px;
}
ul.sf-menu li.sfHover > a.menuparent::after,
ul.sf-menu li.sfHover > span.menuparent::after {
  display: inline;
  content: url("../../images/chevron-up.png");
  height: 20px;
  width: 18px;
  margin-left: 10px;
}
@media (min-width: 75rem) {
  ul.sf-menu li.sf-depth-1 {
    display: block;
  }
  ul.sf-menu li > a.menuparent::after,
  ul.sf-menu li > span.menuparent::after{
    display: none;
  }
  ul.sf-menu li.sfHover > a.menuparent::after,
  ul.sf-menu li.sfHover > span.menuparent::after {
    display: none;
  }
}

ul.sf-menu a.sf-depth-1, ul.sf-menu span.sf-depth-1 {
  color: white;
  background-color: inherit;
  font-size: 20px;
  font-weight: 600;
}

@media (min-width: 75rem) {
  ul.sf-menu a.sf-depth-1, ul.sf-menu span.sf-depth-1 {
    color: white;
    background-color: inherit;
    font-size: 16px;
  }
}
ul.sf-menu a:hover, ul.sf-menu span:hover {
  /*color: rgb(37, 110, 181) !important;*/
  /*background-color: #e6f3fa;*/
  cursor: pointer;
}

/*
ul.sf-menu li:hover > ul li.sf-depth-2 a,
ul.sf-menu li.sfHover > ul li.sf-depth-2 a {
  background-color: transparent;
  color: white;
  font-size: 20px;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
*/

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
  position: relative;
  display: block;
  top: 0;
  margin-left: 30px;
}
ul.sf-menu li.sf-depth-1.sfHover {
  background-color: var(--color--background-blue);
}

ul.sf-menu li.sf-depth-1.sfHover a.sf-depth-2,
ul.sf-menu li.sf-depth-1.sfHover span.sf-depth-2 {
  background-color: var(--color--background-blue);
}

ul.sf-menu li.sf-depth-1.sfHover a, ul.sf-menu li.sf-depth-1.sfHover span {
  color: white;
}

@media (min-width: 75rem) {

  ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    position: absolute;
    top: 2.5em;
    margin-left: unset;

  }

  ul.sf-menu li.sf-depth-1.sfHover {
    background-color: var(--color--white);
  }

  ul.sf-menu li.sf-depth-1.sfHover a.sf-depth-2,
  ul.sf-menu li.sf-depth-1.sfHover span.sf-depth-2 {
    background-color: var(--color--white);
  }

  ul.sf-menu li.sf-depth-1.sfHover a, ul.sf-menu li.sf-depth-1.sfHover span {
    color: black;
  }
}

.header-nav.is-active ul.sf-menu li {
  float: none;
}

.fa-solid {
  text-indent: -9999px;
  display: none;
}

.fa-solid::before {
  font-size: 16px;
  text-indent: 9999px;
  width: 20px;
  height: 16px;
  display: inline-block;
}
@media (min-width: 75rem) {
  .fa-solid::before {
    text-indent: 9990px;
  }
}