/*
 * Sample CSS to add Superfish CSS to themes.
 *
 * Instructions:
 *
 * 1. Change the #block-mainnavigation (below) to the ID of your Superfish block.
 *
 * 2. Add the CSS to your theme, either as a separate CSS file or as a part of the main CSS file.
 *
 * 3. Note that by removing the .sf-style-none, the style will be applied to the menu regardless of
 *    the "Style" selected in the Superfish block configuration.
 *
 */

#block-mainnavigation .sf-style-none {
  float: left;
  margin: 0;
  padding: 0;
}
#block-mainnavigation .sf-style-none.sf-navbar {
  width: 100%;
}
#block-mainnavigation .sf-style-none ul {
  padding-left: 0;
}
#block-mainnavigation .sf-style-none a,
#block-mainnavigation .sf-style-none span.nolink {
  color: #005B23;
  padding: 0.5em .75em;
}
#block-mainnavigation .sf-style-none a.sf-with-ul,
#block-mainnavigation .sf-style-none span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
#block-mainnavigation .sf-style-none.rtl a.sf-with-ul,
#block-mainnavigation .sf-style-none.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#block-mainnavigation .sf-style-none span.sf-description {
  color: #005B23;
  display: block;
  font-size: 16px;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}
#block-mainnavigation .sf-style-none.rtl span.sf-description {
  margin: 5px 5px 0 0;
}




#block-mainnavigation .sf-style-none li:hover,
#block-mainnavigation .sf-style-none li.sfHover,
#block-mainnavigation .sf-style-none a:focus,
#block-mainnavigation .sf-style-none a:hover,
#block-mainnavigation .sf-style-none a:active,
#block-mainnavigation .sf-style-none span.nolink:hover {
  background: rgba(255, 255, 255, .65);
  outline: 0;
  text-decoration: none;
}
#block-mainnavigation li.sf-depth-1 > a:hover {
  color: #577e66;
}
#block-mainnavigation li.sf-depth-1 > a.search-menu-item:hover:before {
  opacity: .7;
}
#block-mainnavigation li.sf-depth-2 > a:hover {
  background: rgba(255, 255, 255, .73);
  color: #1f4c30;
}
#block-mainnavigation .sf-style-none li:hover > ul,
#block-mainnavigation .sf-style-none li.sfHover > ul {
  top: 40px;
  text-decoration: none;
}
#block-mainnavigation .sf-sub-indicator:after {
  content: "▼";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#block-mainnavigation ul .sf-sub-indicator:after,
#block-mainnavigation .sf-vertical .sf-sub-indicator:after {
  content: "►";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* #block-mainnavigation ul li.sfHover .sf-sub-indicator:after,  */
#block-mainnavigation .sf-navbar ul .sf-sub-indicator:after,
#block-mainnavigation .sf-accordion .sf-sub-indicator:after,
#block-mainnavigation .sf-accordion.sf-accordion-with-buttons .sf-accordion-button:after {
  content: "▼";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#block-mainnavigation .sf-navbar ul ul .sf-sub-indicator:after {
  content: "►";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#block-mainnavigation .sf-accordion.sf-accordion-with-buttons li.sf-expanded > .sf-accordion-button:after {
  content: "▲";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#block-mainnavigation .sf-horizontal.rtl ul .sf-sub-indicator:after,
#block-mainnavigation .sf-vertical.rtl .sf-sub-indicator:after,
#block-mainnavigation .sf-navbar.rtl ul ul .sf-sub-indicator:after {
  content: "◄";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#block-mainnavigation div.sf-accordion-toggle.sf-style-none a {
  padding: 1em;
  font-family: Lato-Regular;
  font-size: 16px;
  color: #005B23;
  background: rgba(255, 255, 255, .65);
}
#block-mainnavigation div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded {
  background: #c0c0c0;
}
#block-mainnavigation div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded > a,
#block-mainnavigation .sf-style-none.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
#block-mainnavigation .sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
#block-mainnavigation .sf-style-none.sf-accordion li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
#block-mainnavigation .sf-style-none.sf-accordion li li li li li a,
#block-mainnavigation .sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li li a,
#block-mainnavigation .sf-style-none.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper ol,
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper a.menuparent,
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper {
  background: #c0c0c0;
}
#block-mainnavigation .sf-style-none li.sf-multicolumn-wrapper li {
  background: transparent;
}


/* Overrides from parent superfish */
@media (max-width: 990px) {

  /* Hiding mobile search for now cause JS is being a weirdo  */
  #block-mainnavigation li.sf-depth-1 a.search-menu-item {
    display: none;
  }

  #block-mainnavigation {
    position: absolute;
    top: 33px;
    right: 0;
  }
  #block-mainnavigation .sf-style-none.sf-accordion-toggle  {
    float: right;
  }
  #block-mainnavigation #superfish-main-accordion {
    margin-top: 32px;
    border-bottom: 1px solid #ededed;
    background: #fff;
  }
  #block-mainnavigation .sf-style-none li a, 
  #block-mainnavigation .sf-style-none li.sf-expanded a {
    background: #fff;
    line-height: 22px;
  }
  #block-mainnavigation .sf-style-none li a, 
  #block-mainnavigation .sf-style-none.sf-navbar {
      background: rgba(255, 255, 255, 1);
      border-top: 1px solid #ededed
  }
  #block-mainnavigation div.sf-accordion-toggle.sf-style-none a#superfish-main-toggle.sf-expanded {
    background: hsl(0deg 0% 90%) !important;
    box-shadow: 0 0 0 5px hsl(0deg 0% 90%);
  }
  #block-mainnavigation #superfish-main-toggle {
    border-top: 2px solid #005B23;
    border-bottom: 2px solid #005B23;
    margin-right: 24px;
    overflow: hidden;
    width: 32px;
    padding: 0;
    display: block;
  }
  #block-mainnavigation #superfish-main-toggle:before {
    border-bottom: 2px solid #005B23;
    content: ' ';
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  #block-mainnavigation #superfish-main-toggle span {
    display: none; 
  }  
}
ul.sf-menu .sf-sub-indicator {
  height: 14px;
  width: 18px;
}

#block-mainnavigation .sf-style-none a:hover,
#block-mainnavigation .sf-style-none a.is-active:hover {
  opacity: 1;
  background: #ffffff92;
}
#block-mainnavigation .sf-style-none .active-trail.sf-depth-1.menuparent > a,
#block-mainnavigation .sf-style-none a.is-active {
  color: #000;
}
@media (max-width: 1400px) {
  #block-mainnavigation .sf-style-none a,
  #block-mainnavigation .sf-style-none span.nolink {
    padding: 0.5em;
  }
}
@media (max-width: 990px) {
  /* #block-mainnavigation .sf-style-none a {
    background: #fff;
    width: 100%;
  }
  #block-mainnavigation .sf-style-none li li {
    width: 100%;
  } */
  #block-mainnavigation .sf-style-none li.sf-expanded a:focus,
  #block-mainnavigation .sf-style-none a:focus, 
  #block-mainnavigation .sf-style-none a:hover {
    background: #eee;
  }
}
@media (min-width: 991px) {
  #block-mainnavigation .sf-style-none li:hover > ul,
  #block-mainnavigation .sf-style-none li.sfHover > ul {
    top: 60px;
  }
  #block-mainnavigation .sf-style-none li li,
  #block-mainnavigation .sf-style-none li li li,
  #block-mainnavigation .sf-style-none.sf-navbar {
    background: rgba(255, 255, 255, .65);
    width: 200px;
  }

}