/**
 * Superfish Main Menu
 */

 /* Prevent ALL Superfish dropdowns from flashing on page load */
.sf-menu ul {
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: opacity 0.2s ease-in-out;
}
.sf-menu.sf-js-enabled ul.sf-hidden {
  display: none !important;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: block;
  visibility: visible;
  opacity: 1;
}


/**
 * Styling for Superfish dropdowns with "style" set to "none"
 */
ul.sf-menu.sf-style-none {
  /* float: left; */
  position: relative;          /* key: submenus can position against this */
  overflow: visible;           /* ensure wide megamenus can spill out */
  z-index: 10;                 /* keep above page content if needed */
  padding: 0;
}
ul.sf-menu.sf-style-none.sf-navbar {
  width: 100%;
}
ul.sf-menu.sf-style-none ul {
  padding-left: 0;
}
ul.sf-menu.sf-style-none a,
ul.sf-menu.sf-style-none span.nolink {
  color: var(--color-primary);
  text-decoration: none;
}

ul.sf-menu.sf-style-none.sf-navbar a,
ul.sf-menu.sf-style-none.sf-navbar span.nolink {
  border: 0;
}
ul.sf-menu.sf-style-none span.sf-description {
  color: var(--color-primary);
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}
ul.sf-menu.sf-style-none li,
ul.sf-menu.sf-style-none.sf-navbar {
  background: var(--color-grey-lt);
}
ul.sf-menu.sf-style-none li li {
  background: var(--color-grey-lt);
}
ul.sf-menu.sf-style-none li li li {
  background: var(--color-grey-lt);
}
ul.sf-menu.sf-style-none li ul {
  background: var(--color-grey-lt);
}

ul.sf-menu.sf-style-none li:hover,
ul.sf-menu.sf-style-none li.sfHover,
ul.sf-menu.sf-style-none a:focus,
ul.sf-menu.sf-style-none a:hover,
ul.sf-menu.sf-style-none a:active,
ul.sf-menu.sf-style-none span.nolink:hover,
ul.sf-menu.sf-style-none.sf-navbar li li {
  background: var(--color-grey-lt);
}
ul.sf-menu.sf-style-none.sf-navbar li ul {
  background: var(--color-grey-lt);
}
ul.sf-menu.sf-style-none.sf-navbar li ul li ul {
  background-color: transparent;
}
/*
ul.sf-menu.sf-style-none .sf-sub-indicator {
  background-image: url('/sites/all/libraries/superfish/images/arrows-777777.png');
}
*/
ul.sf-menu.sf-style-none .sf-sub-indicator {
  display:none;
}
ul.sf-menu.sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper ol,
ul.sf-menu.sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}

ul.sf-menu.sf-style-none ul.sf-multicolumn li.sf-multicolumn-wrapper ol li.sf-multicolumn-column {
  display: inline;
  float: left;
}

/**
 * Styles for specific levels / depths
 */
ul.sf-menu.sf-style-none li.sf-depth-1 span.nolink {
  font-size: var(--size-sm-alt2);
  line-height: var(--size-sm-alt2-lh);
  padding: var(--size-sm) var(--size-sm);
}
ul.sf-menu.sf-style-none li.sf-depth-1 a {
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
  padding: var(--size-xs) var(--size-xs);

  border-bottom: var(--size-border-md) solid var(--color-white); /* To avoid "jump on hover" glitch */
}
@media screen and (min-width: 1200px) /* XL */ {
  .sf-menu.sf-style-none li.sf-depth-1 a,
  .sf-menu.sf-style-none li.sf-depth-1 span.nolink {
    font-size: var(--size-md-alt1);
    line-height: var(--size-md-alt1-lh);
  }
}

@media screen and (min-width: 1400px) /* XXL */ {
    /*
  .sf-menu.sf-style-none li.sf-depth-1 a {
    font-size: var(--size-md);
    line-height: var(--size-md-lh);
    padding: var(--size-xs) var(--size-sm);
  }
    */
}

ul.sf-menu.sf-style-none li.sf-depth-1 a:hover {
  border-bottom: var(--size-border-sm) solid var(--color-secondary);
}
ul.sf-menu.sf-style-none li.sf-depth-1>ul {
  margin-top: var(--size-border-sm);  /* Should same as border-bottom on the li.sf-depth-1 anchors (above) */
  box-shadow: var(--shadow-box-a), var(--shadow-box-b), var(--shadow-box-c);
  border-bottom: 1em solid var(--color-grey-lt);
  /* border-right: 1em solid var(--color-grey-lt); */
}

ul.sf-menu.sf-style-none li.sf-depth-2 a {
  font-size: var(--size-sm);
  line-height: var(--size-sm-lh);
  padding: var(--size-xs) var(--size-xs);
  border-bottom: var(--size-border-sm) solid var(--color-grey-lt);
}

ul.sf-menu.sf-style-none li.sf-depth-2 a:hover {
  border-bottom: var(--size-border-sm) solid var(--color-secondary);
}
ul.sf-menu.sf-style-none li.sf-depth-2 a.active {
  color: var(--color-alt1-inv);
  border-bottom: var(--size-border-sm) solid var(--color-alt1);
}
ul.sf-menu.sf-style-none li.sf-depth-2 a.active:hover {
  /* border-bottom: 4px solid var(--color-grey-lt); */
}
/* Special styling for second level items */
ul.sf-menu.sf-style-none ol li>a.sf-depth-2 /* Items without subnavs */,
ul.sf-menu.sf-style-none ol div.sf-multicolumn-column a.sf-depth-2 /* Items with subnavs */ {
  font-weight: bold;
}
ul.sf-menu.sf-style-none ol li>a.sf-depth-2:after /* Items without subnavs */,
ul.sf-menu.sf-style-none ol div.sf-multicolumn-column a.sf-depth-2:after /* Items with subnavs */ {
/* ul.sf-menu.sf-style-none ol div.sf-multicolumn-column a.sf-depth-2:after { /* Items with subnavs */
  position: absolute; /* Prevent underline of arrow */
  padding-left: 6px; /* Add a little space between text and arrow */
  content: "\00bb"; /* Unicode hex for » */
  color: var(--color-secondary);
}

ul.sf-menu.sf-style-none li.sf-depth-3 a {
  font-size: var(--size-sm);
  line-height: var(--size-sm); /* Breaks from standards for line-height. */
  text-transform: none;
  font-weight: normal;
  margin-left: var(--size-sm);
}

@media screen and (max-width: 1199.98px) /* XL */ {
  ul.sf-menu.sf-style-none li.sf-depth-3 a {
    line-height: var(--size-xs);  /* Breaks from standards for line-height. */
  }
}
/**
first odd sf-item-1 sf-depth-2 sf-total-children-6 sf-parent-children-1 sf-single-children-5 sf-megamenu-column menuparent
**/

/**
 * Accordion style for mobile
 */
/** Menus **/
div.sf-accordion-toggle.sf-style-none {
  margin-top: 1em;
}
div.sf-accordion-toggle.sf-style-none a.sf-expanded,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded {
  background-color: var(--color-grey-400);
}

div.sf-accordion-toggle.sf-style-none a.sf-expanded,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded>a,
ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded>span.nolink {
  font-weight: bold;
}

ul.sf-menu.sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
ul.sf-menu.sf-style-none.sf-accordion li li a,
ul.sf-menu.sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em;
}
ul.sf-menu.sf-style-none.sf-accordion li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
ul.sf-menu.sf-style-none.sf-accordion li li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
ul.sf-menu.sf-style-none.sf-accordion li li li li li a,
ul.sf-menu.sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}

ul.sf-menu.sf-style-none.sf-accordion li.sf-clone-parent {
  display:none;
}

/** Toggle **/
div.sf-accordion-toggle.sf-style-none a {
  /*
  background: var(--color-primary-300);
  border: none;
  color: var(--color-id-primary-900);
  padding: 1em;
  */
  border: 3px solid var(--color-grey-mdk);
  border-radius: 8px;
  color: var(--color-grey-xdk);
  float: left;
  font: normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-serif;
  padding: 1em;
  text-decoration: none;
  text-shadow: 1px 1px 0 var(--color-id-surface);
  margin-top: 1em; /* Align better with logo */
}
div.sf-accordion-toggle.sf-style-none a span {
  background: url('../img/simple-accordion-toggle.png') no-repeat center center transparent;
  height: 32px;
  float: left;
  line-height: 99999em;
  overflow: hidden;
  text-indent: -99999em;
  width: 32px;
}

/**
 * Megamenus (multi-column submenus)
 */

 /* Limit each column's width so it doesn't expand indefinitely */
 /*
ul.sf-menu.sf-style-none .sf-multicolumn {
  max-width: 60rem;      {* total width for all columns *}
}
ul.sf-menu.sf-style-none .sf-multicolumn-column {
  min-width: 12rem;      {* approximate width per column *}
}
*/

ul.sf-menu.sf-style-none ul.sf-multicolumn li.sf-depth-2 {
  /* border-bottom: 1em solid var(--color-grey-lt); */
  padding-bottom: var(--size-xs);
  /* Width of a single "column" of links in a multi-column menu.
   * If set, media queries should be used to set smaller widths in 
   * narrower viewports.
   */
  /* width: 336px !important; */  
}
ul.sf-menu.sf-style-none ul.sf-multicolumn li.sf-depth-2.sf-no-children {
  max-width: 336px;
}

/**
 * Superfish supersub alignments
 */

/* _The first three_ submenus should align to the menu’s left edge - so 
 *  we prevent the <li> from being the positioning context.
 */
ul.sf-menu.sf-style-none #main-menu-link-contentc6917fe5-7862-4d7a-a588-efef80ffaace,
ul.sf-menu.sf-style-none #main-menu-link-contentfa4b3285-0b29-45f4-92a7-5bd07005160d,
ul.sf-menu.sf-style-none #main-menu-link-contenta1cd6576-670d-4051-81a6-13b204da168c {
  position: static !important; /* stop <li> from capturing the submenu */
}
/* Position those submenus relative to the menu container */
ul.sf-menu.sf-style-none #main-menu-link-contentc6917fe5-7862-4d7a-a588-efef80ffaace > ul,
ul.sf-menu.sf-style-none #main-menu-link-contentfa4b3285-0b29-45f4-92a7-5bd07005160d > ul,
ul.sf-menu.sf-style-none #main-menu-link-contenta1cd6576-670d-4051-81a6-13b204da168c > ul {
  position: absolute !important;
  left: 0 !important;          /* aligns to the menu’s left edge */
  right: auto !important;
  top: 100%;                   /* typical Superfish dropdown offset */
  /* Sizing can be either:
   * width: 100%; { to span menu width }
   * OR
   * width: max-content; (to fit columns without wrapping) <-- No, HUGE
   */
  box-sizing: border-box;
}

/* The "Health Professionals" multi-column menu should be forced into a single
 * menu width by setting a max-width (to override the "width: NNNpx" 
 * set by Superfish).
 */
ul.sf-menu.sf-style-none #main-menu-link-contentbabf0616-890c-431b-bea3-fc389fa719ea > ul,
ul.sf-menu.sf-style-none #main-menu-link-contentbabf0616-890c-431b-bea3-fc389fa719ea > ul > li,
ul.sf-menu.sf-style-none #main-menu-link-contentbabf0616-890c-431b-bea3-fc389fa719ea > ul > li > ol {
  max-width: 336px !important;
}