@charset "utf-8";
/* CSS Document */

/*SIDE MENU COLOUR */

#side-menu ul li {background-color: #F2FAC7!important;}
#side-menu ul li:hover {background-color: #A6A425!important;}

#side-menu ul li ul li {background-color: #A6DBAE!important; color: #000000;}
#side-menu ul li ul li:hover {background-color: #085C0D!important;}

#toplogo { background: #A6A425!important;}
#toplogo-mobile {background: #A6A425!important;}

/*RESPONSIVE MENU */

.homelnk {display: none;}

@media all and (max-width : 650px) {

#sidenav-icon {display:block;}

nav {display:none;}

#sidenav {width:199px; position:relative; top:0px; background-color: #000000; }

#side-menu ul {top:26px; text-align:center; }

#side-menu li a {text-align:center!important; display:block!important; width: 100%!important;}

#maincontent img {top:0%;}

.menu2 {display:none;}

.toggle2 + a,
 .menu2 { display: none;}

.toggle2 {
  display: block;
  padding: 0 10px;
  color: #FFF;
  font-size: 20px;
  line-height: 33px;
  border: none;
  width:195px;
}

.toggle2:hover { background-color: #000000; color: #FFFF00; }

[id^=drop2]:checked + ul { display: block; float:left; }

#side-menu ul li {
  display: block;
  width: 100%;
}

.homelnk {display: block;}

}