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

/*SIDE MENU COLOUR */

#side-menu ul li, .toggle {background-color: #F0B5F3!important; color: #000000!important;}
#side-menu ul li:hover, .toggle:hover {background-color: #6D10AA!important; color: #ffffff!important;}

#side-menu ul li ul li {background-color: #CAC3D0!important; color: #000000;}
#side-menu ul li ul li:hover {background-color: #755B85!important; color: #ffffff;}

#toplogo { background: #6D10AA!important;}
#toplogo-mobile {background: #6D10AA!important;}


/*RESPONSIVE MENU */

.homelnk {display: none;}

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


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

.homelnk {display: block;}

#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; width: 100%!important;}

#maincontent img {top:0%;}

#side-menu ul li ul {display: none!important;}

.menu2 {display:none;}

.toggle + a { display: none;}

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

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

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


}