/* 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: 999;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  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; }