/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm {
  box-sizing:border-box;
  position:relative;
  z-index:9999;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.sm,.sm ul,.sm li {
  display:block;
  list-style:none;
  margin:0;padding:0;
  line-height:normal;
  direction:ltr;
  text-align:left;
}
.sm-rtl,.sm-rtl ul,.sm-rtl li {
  direction:rtl;
  text-align:right;
}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6 {
  margin:0;padding:0;
}
.sm ul {
  display:none;
}
.sm li,.sm a {
  position:relative;
}
.sm a {
  display:block;
}
.sm a.disabled {
  cursor:default;
}
.sm::after {
  content:"";
  display:block;
  height:0;
  font:0px/0 serif;
  clear:both;
  overflow:hidden;
}
.sm *,.sm *::before,.sm *::after {
  box-sizing:inherit;
}