.sidebar-menu-2-4 h2.title {
    font-size: 28px;
    font-weight: bold;
    padding-top:40px;
    position:relative;
    border-bottom:4px solid #AACD02;
    text-align:center;
    margin-bottom:12px;
}
.sidebar-menu-2-4 .nav-menu .expanded.open .menu-toggle i:before {
    transform: rotate(90deg);
    color:#FFF;
}
.sidebar-menu-2-4.bg-lighter{
  background:none;
}
.sidebar-menu-2-4 h2.title:before{
  display:none;
}
.sidebar-menu-2-4.js-sidebar {
    position: relative;
    top: -120px;
    font-size: 10vw;
}
.sidebar-menu-2-4 .nav-menu {
    padding:0;
    position:relative;
    padding-bottom: 1.8em;
}
.sidebar-menu-2-4 .nav-menu:after {
    content: "";
    background: url(../../channel-logo.png) no-repeat;
    width: 100%;
    height: 1.5em;
    background-position: right bottom;
    background-size: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.sidebar-menu-2-4 li.menu-item .level-menu li.menu-item:last-child {
    margin-bottom: 20px;
}
.sidebar-menu-2-4 li.menu-item .level-menu li.menu-item {
    border-bottom: 0px !important;
    padding: 0px;
    margin: 0;
}
.sidebar-menu-2-4 li.menu-item {
    border-bottom: 1px solid #CCC !important;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>span, 
.sidebar-menu-2-4 .nav-menu>.menu-item>a, .sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle a,
.sidebar-menu-2-4 a {
    font-size: 18px;
    padding: 25px 20px;
    text-align:center;
    display: block;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover,.sidebar-menu-2-4 .nav-menu  li.menu-item.expanded.open .menu-toggle a{
	background-color:#2B84DE;
	color:#FFF;
}

.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) {
    background: none;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu li, .sidebar-menu-2-4 .nav-menu .expanded .menu-toggle {
    padding: 0;
    position: relative;
    display:block;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>span.is-active, 
.sidebar-menu-2-4 .nav-menu>.menu-item>a.is-active {
    background:none;
    color:#333;
}
.sidebar-menu-2-4 .nav-menu > .menu-item > a:hover,.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item a:hover{
   background:#2B84DE;
   color: #FFF;
}
.sidebar-menu-2-4 .nav-menu>.menu-item.active>.menu-toggle:hover, .sidebar-menu-2-4 .nav-menu li.menu-item.expanded.active.open .menu-toggle a,.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) a:hover{
	background-color:#0756a6
}
.sidebar-menu-2-4 .nav-menu>.menu-item>a:after{
  display:none;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item {
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.sidebar-menu-2-4 .nav-menu .expanded .level-menu .menu-item a {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.sidebar-menu-2-4 .level-menu .menu-item a {
	
}

.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle {
      padding: 0;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle a:after{
  display:none;
}
.sidebar-menu-2-4 .nav-menu .menu-item.active:not(.expanded) a.is-active:after,
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover a,
.sidebar-menu-2-4 .nav-menu>.menu-item>.menu-toggle:hover i:before,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle a, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle a,
.sidebar-menu-2-4 .nav-menu .expanded.active .menu-toggle i:before, 
.sidebar-menu-2-4 .nav-menu .expanded.active-item .menu-toggle i:before{
  color: #FFF;
}
.sidebar-menu-2-4 .nav-menu>.menu-item .level-menu.in {
    padding-left: 0px;
}
@media (min-width: 992px){
.sidebar-menu-2-4 .nav-menu .expanded .menu-toggle i {
    display: initial; 
    position: absolute;
    top: 25px;
}}