/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* General styles for all menus */
.cbp-spmenu {
  background: #233077;
  position: fixed;
}


@media screen and (orientation:landscape) {
  .cbp-spmenu {
    position: absolute;
  }

  .cbp-spmenu-vertical {
    width: 500px;
    height: 100%;
    top: 0;
    z-index: 1000;
  }

  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -500px;
  }
  .cbp-spmenu-right {
    right: -500px;
  }
  .cbp-spmenu-push-toright {
    left: 500px;
  }
}

.cbp-spmenu h3 {
  color: #afdefa;
  font-size: 1.9em;
  padding: 20px;
  margin: 0;
  font-weight: 300;
  background: #0d77b6;
}
.responsive-menu-footer a,
.cbp-spmenu > a {
  display: block;
  color: #fff;
  background: #233077;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
}
.cbp-spmenu a:hover {
  background: #249581;
}
.cbp-spmenu a:active {
  background: #249581;
  color: #fff;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 1000;
}
.responsive-menu-footer a,
.cbp-spmenu-vertical > a {
  padding: 1em;
}
.cbp-spmenu-horizontal {
  width: 100%;
  height: 150px;
  left: 0;
  z-index: 1000;
  overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}
.cbp-spmenu-horizontal a {
  float: left;
  width: 20%;
  padding: 0.8em;
  border-left: 1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
  left: -300px;
}
.cbp-spmenu-right {
  right: -300px;
}
.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}
.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
 /* overflow-x: hidden;
  position: relative;
  left: 0;*/
}
.cbp-spmenu-push-toright {
  left: 240px;
}
.cbp-spmenu-push-toleft {
  left: -240px;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* Example media queries */
@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }
  .cbp-spmenu-top {
    top: -110px;
  }
  .cbp-spmenu-bottom {
    bottom: -110px;
  }
}
@media screen and (max-height: 26.375em) {
  .cbp-spmenu-vertical {
    font-size: 90%;
    /*width: 250px;*/
  }
 /* .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -250px;
  }
  .cbp-spmenu-right {
    right: -250px;
  }
  .cbp-spmenu-push-toright {
    left: 250px;
  }*/
}