/* 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 { position: relative; z-index: 9999; }
.sm, .sm ul, .sm li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.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: not-allowed; }
.sm:after { content: "\00a0"; display: block; height: 0; font: 0px/0 serif; clear: both; visibility: hidden; overflow: hidden; }
.sm, .sm *, .sm *:before, .sm *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }