.dl-menuwrapper .dl-menu.dl-menu-toggle {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block !important;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  top: 100%;
}

.dl-menuwrapper a {
  position: relative;
}

.dl-menuwrapper .dl-menu.rmlm-oddsshark-out > li {
  -webkit-animation: MenuAnimOut 0.3s ease-in-out;
          animation: MenuAnimOut 0.3s ease-in-out;
}

.dl-menuwrapper .dl-menu.rmlm-oddsshark-in > li {
  -webkit-animation: MenuAnimIn 0.3s ease-in-out;
          animation: MenuAnimIn 0.3s ease-in-out;
}

.dl-menuwrapper>.dl-submenu.rmlm-oddsshark-in > li {
  -webkit-animation: SubMenuAnimIn 0.3s ease-in-out;
          animation: SubMenuAnimIn 0.3s ease-in-out;
}

.dl-menuwrapper>.dl-submenu.rmlm-oddsshark-out > li {
  -webkit-animation: SubMenuAnimOut 0.3s ease-in-out;
          animation: SubMenuAnimOut 0.3s ease-in-out;
}

.dl-menuwrapper .dl-menu + .dl-submenu {
  display: block;
}

@-webkit-keyframes MenuAnimIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes MenuAnimIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimOut {
  0% { }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut {
  0% { }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
}
/*# sourceMappingURL=rmlm-oddsshark.css.map */