/* 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.
-------------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
  .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; } }

/*# sourceMappingURL=sm-core-css.css.map */