/* Gradient Theme */


.gry-grdt > .wsmenu-list > li > a{color:#fff !important;}
.gry-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.gry-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#fff !important;}

.yellow-grdt > .wsmenu-list > li > a{color:#ffffff !important;}
.yellow-grdt > .wsmenu-list > li > a{background-color:transparent !important;}
.yellow-grdt > .wsmenu-list > li > a > .arrow:after{ border-top-color:#ffffff !important;}
.yellow-grdt > .wsmenu-list li a .fa{color:#424242 !important;}


 
@media only screen and (max-width: 780px) {

.red-grdt > .wsmenu-list > li > a > .fa{ color:#fff !important; }
.blue-grdt > .wsmenu-list > li > a > .fa{ color:#fff !important; }
.orange-grdt > .wsmenu-list > li > a > .fa{ color:#fff !important; }
.green-grdt > .wsmenu-list > li > a > .fa{ color:#fff !important; }
.purple-grdt > .wsmenu-list > li > a > .fa{ color:#fff !important; }
.pink-grdt > .wsmenu-list > li > a > .fa{ color:#fff !important; }

/* Color Theme */
.gry > .wsmenu-submenu > li:hover>a{ background-color:#424242 !important; color:#fff;}
.gry > .wsmenu .wsmenu-list > li > a.active{color: #fff; background-color: #424242;}
.gry > .wsmenu .wsmenu-list > li > a:hover{ color: #fff; background-color: #424242;}

.orange > .wsmenu-submenu > li:hover>a{ background-color:#ff670f !important; color:#fff;}
.orange > .wsmenu > .wsmenu-list > li > a.active{color: #fff; background-color: #ff670f;}
.orange > .wsmenu > .wsmenu-list > li > a:hover{ color: #fff; background-color: #ff670f;}	

.yellow > .wsmenu-submenu > li:hover>a{ background-color:#F6BB42 !important; color:#fff;}
.yellow > .wsmenu .wsmenu-list > li > a.active{color: #fff; background-color: #F6BB42;}
.yellow > .wsmenu .wsmenu-list > li > a:hover{ color: #fff; background-color: #F6BB42;}	
	

}