/*
 * Sample CSS to add Superfish CSS to themes.
 *
 * Instructions:
 *
 * 1. Change the #block-mainmenu (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-mainmenu .sf-style-none {
  float: right;
  margin: 0;
  padding: 0;
}

#block-mainmenu .sf-style-none.sf-navbar {
  width: 100%;
}

#block-mainmenu .sf-style-none ul {
  padding-left: 0;
}

#block-mainmenu .sf-style-none a,
#block-mainmenu .sf-style-none span.nolink {
  border: none;
  background: none;
  color: #222;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0 5px 0 8px;
  font-family: 'ralewayregular';
  -webkit-font-smoothing: subpixel-antialiased !important;
  line-height: 3em;
}

#block-mainmenu .sf-style-none a.sf-with-ul,
#block-mainmenu .sf-style-none span.nolink.sf-with-ul {
  padding-right: 2.25em;
}

/* Do not show arrow on top level (sf-depth-1) main menu */
#block-mainmenu .sf-style-none a.sf-with-ul.sf-depth-1,
#block-mainmenu .sf-style-none span.nolink.sf-with-ul.sf-depth-1 {
  padding-right: 8px;
}

#block-mainmenu ul.sf-menu .sf-depth-1 > .sf-sub-indicator {
  display: none;
}

#block-mainmenu .sf-style-none.rtl a.sf-with-ul,
#block-mainmenu .sf-style-none.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}

#block-mainmenu .sf-style-none span.sf-description {
  color: #0000ff;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}

#block-mainmenu .sf-style-none.rtl span.sf-description {
  margin: 5px 5px 0 0;
}

#block-mainmenu .sf-style-none li,
#block-mainmenu .sf-style-none.sf-navbar {
  background: white;
}

#block-mainmenu .sf-style-none li li {
  background: white;
}

#block-mainmenu .sf-style-none li li li {
  background: #fff;
}

#block-mainmenu .sf-style-none li:hover,
#block-mainmenu .sf-style-none li.sfHover,
#block-mainmenu .sf-style-none li.sfHover > a,
#block-mainmenu .sf-style-none a:focus,
#block-mainmenu .sf-style-none a:hover,
#block-mainmenu .sf-style-none a:active,
#block-mainmenu .sf-style-none span.nolink:hover {
  /* background: #F0F0F0;
  color: #941A1D; */
  background: #33343b;
  color: #fff;
  outline: 0;
  text-decoration: none;
  /* -webkit-box-shadow: inset 2px 2px 5px #333;
  -moz-box-shadow: inset 2px 2px 5px #333;
  box-shadow: inset 2px 2px 5px #333; */
}

#block-mainmenu .sf-style-none li:hover>ul,
#block-mainmenu .sf-style-none li.sfHover>ul {
  top: 40px;
}

#block-mainmenu .sf-style-none li.sfHover>ul>li.sfHover>ul {
  top: 0px;
}

#block-mainmenu #superfish-main .sf-depth-1 > a .sf-sub-indicator:after {
  content: "▼";
}

#block-mainmenu ul .sf-sub-indicator:after,
#block-mainmenu .sf-vertical .sf-sub-indicator:after {
  content: "►";
}

#block-mainmenu .sf-navbar ul .sf-sub-indicator:after,
#block-mainmenu .sf-accordion .sf-sub-indicator:after,
#block-mainmenu .sf-accordion.sf-accordion-with-buttons .sf-accordion-button:after {
  content: "▼";
}

#block-mainmenu .sf-navbar ul ul .sf-sub-indicator:after {
  content: "►";
}

#block-mainmenu .sf-accordion.sf-accordion-with-buttons li.sf-expanded>.sf-accordion-button:after {
  content: "▲";
}

#block-mainmenu .sf-horizontal.rtl ul .sf-sub-indicator:after,
#block-mainmenu .sf-vertical.rtl .sf-sub-indicator:after,
#block-mainmenu .sf-navbar.rtl ul ul .sf-sub-indicator:after {
  content: "◄";
}

#block-mainmenu div.sf-accordion-toggle.sf-style-none a {
  /* background: #f0f0f0;
  color: #0000ff; */
  color: #fff;
  background-color: #333;
  padding: 1em;
}

#block-mainmenu div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-mainmenu .sf-style-none.sf-accordion li.sf-expanded {
  background: #666;
}

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

#block-mainmenu .sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}

#block-mainmenu .sf-style-none.sf-accordion li li a,
#block-mainmenu .sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em;
}

#block-mainmenu .sf-style-none.sf-accordion li li li a,
#block-mainmenu .sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em;
}

#block-mainmenu .sf-style-none.sf-accordion li li li li a,
#block-mainmenu .sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}

#block-mainmenu .sf-style-none.sf-accordion li li li li li a,
#block-mainmenu .sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}

#block-mainmenu .sf-style-none.rtl.sf-accordion li li a,
#block-mainmenu .sf-style-none.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}

#block-mainmenu .sf-style-none.rtl.sf-accordion li li li a,
#block-mainmenu .sf-style-none.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}

#block-mainmenu .sf-style-none.rtl.sf-accordion li li li li a,
#block-mainmenu .sf-style-none.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}

#block-mainmenu .sf-style-none.rtl.sf-accordion li li li li li a,
#block-mainmenu .sf-style-none.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}

#block-mainmenu .sf-style-none li.sf-multicolumn-wrapper ol,
#block-mainmenu .sf-style-none li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}

#block-mainmenu .sf-style-none li.sf-multicolumn-wrapper a.menuparent,
#block-mainmenu .sf-style-none li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}

#block-mainmenu .sf-style-none li.sf-multicolumn-wrapper {
  background: #c0c0c0;
}

#block-mainmenu .sf-style-none li.sf-multicolumn-wrapper li {
  background: transparent;
}