/*
 * Sample CSS for adding Superfish styles to themes.
 *
 * Instructions:
 * 
 * 1. Change the #block-superfish-1 (below) to the ID of your Superfish menu.
 *
 * 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 block configuration.
 *
 */

#block-femto-main-menu {
	clear: left;
	float: right;
	text-transform: uppercase;
	font-family: "Lato",sans-serif;
	color: #666;
	margin-top: 1em;
	border-bottom: 1px solid #999;
	width: auto;
}
#block-femto-main-menu * {
	font-size: 1rem;
}
#block-femto-main-menu .sf-style-none {
  float: right;/*left;*/
  margin: 0;
  padding: 0;
}
#block-femto-main-menu .sf-style-none.sf-navbar {
  width: 100%;
}
#block-femto-main-menu .sf-style-none ul {
  padding-left: 0;
}
#block-femto-main-menu .sf-style-none a,
#block-femto-main-menu .sf-style-none span.nolink {
  color: #666;
  padding: 0.75em 1em;
}
#block-femto-main-menu .sf-style-none a.sf-with-ul,
#block-femto-main-menu .sf-style-none span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
#block-femto-main-menu .sf-style-none.rtl a.sf-with-ul,
#block-femto-main-menu .sf-style-none.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#block-femto-main-menu .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-femto-main-menu .sf-style-none.rtl span.sf-description {
  margin: 5px 5px 0 0;
}
#block-femto-main-menu .sf-style-none li,
#block-femto-main-menu .sf-style-none.sf-navbar {
  background: #fff;
}
#block-femto-main-menu .sf-style-none li li {
  background: #f3f3f3;
}
#block-femto-main-menu .sf-style-none li li li {
  background: #e0e0e0;
}
#block-femto-main-menu .sf-style-none li:hover,
#block-femto-main-menu .sf-style-none li.sfHover,
#block-femto-main-menu .sf-style-none a:focus,
#block-femto-main-menu .sf-style-none a:hover,
#block-femto-main-menu .sf-style-none a:active,
#block-femto-main-menu .sf-style-none span.nolink:hover {
  background: #f3f3f3;
  outline: 0;
}
/*#block-femto-main-menu .sf-style-none .sf-depth-2 > a:hover, #block-femto-main-menu .sf-style-none span.sf-depth-2.no-link.sf-with-ul:hover {
	background: #e0e0e0;
}*/
#block-femto-main-menu .sf-style-none li.sf-depth-2:hover,
#block-femto-main-menu .sf-style-none li.sf-depth-2.sfHover,
#block-femto-main-menu .sf-style-none .sf-depth-2 > a:focus,
#block-femto-main-menu .sf-style-none .sf-depth-2 > a:hover,
#block-femto-main-menu .sf-style-none .sf-depth-2 > a:active,
#block-femto-main-menu .sf-style-none .sf-depth-2 > span.nolink:hover {
  background: #e0e0e0;
}
/*
#block-femto-main-menu .sf-style-none li:hover > ul,
#block-femto-main-menu .sf-style-none li.sfHover > ul {
  top: 40px;
}*/
#block-femto-main-menu ul.sf-menu ul .sf-sub-indicator::after {
	content: "\25B6";
}
#block-femto-main-menu div.sf-accordion-toggle.sf-style-none a {
  background: #f0f0f0;
  color: #0000ff;
  padding: 1em;
}
#block-femto-main-menu div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li.sf-expanded {
  background-color: #c0c0c0;
}
#block-femto-main-menu div.sf-accordion-toggle.sf-style-none a.sf-expanded,
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li.sf-expanded > a,
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li li a,
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li li span.nolink {
  padding-left: 2em;
}
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li li li a,
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li li li span.nolink {
  padding-left: 3em;
}
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li li li li a,
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li li li li li a,
#block-femto-main-menu .sf-menu.sf-style-none.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
#block-femto-main-menu .sf-menu.sf-style-none.rtl.sf-accordion li li a,
#block-femto-main-menu .sf-menu.sf-style-none.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
#block-femto-main-menu .sf-menu.sf-style-none.rtl.sf-accordion li li li a,
#block-femto-main-menu .sf-menu.sf-style-none.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
#block-femto-main-menu .sf-menu.sf-style-none.rtl.sf-accordion li li li li a,
#block-femto-main-menu .sf-menu.sf-style-none.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
#block-femto-main-menu .sf-menu.sf-style-none.rtl.sf-accordion li li li li li a,
#block-femto-main-menu .sf-menu.sf-style-none.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
#block-femto-main-menu .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol,
#block-femto-main-menu .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  margin: 0;
  padding: 0;
}
#block-femto-main-menu .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent,
#block-femto-main-menu .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper span.nolink.menuparent {
  font-weight: bold;
}
#block-femto-main-menu .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper {
  background: #c0c0c0;
}
#block-femto-main-menu .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper li {
  background: transparent;
}
#block-femto-main-menu .sf-menu.sf-style-none ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  display: inline;
  float: left;
}
#block-femto-main-menu .sf-menu.sf-style-none.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  float: right;
}