/*
Theme Name: rs Menu
Description: rs Menu is a fully responsive, easy-to-use, highly customized and creative Mega Menu
Author: Rs Themes
*/

/************************************************
	Transitions
************************************************/
@media screen and (min-width: 992px) {
	.rs-menu ul ul {
		opacity: 0;
		display: block;
		visibility: hidden;	
		transform: translateY(10px);
	}

	.rs-menu li:active > ul, .rs-menu li:focus > ul, .rs-menu li:hover > ul, .rs-menu li:hover > ul.mega-menu > li > ul { 
		 opacity: 1;
		 visibility:visible;		
		 transform: translateY(0px);
	}	
	.rs-menu li:hover > ul.mega-menu{
		opacity: 1;
		visibility:visible;		
		transform: translateY(0px);
		top:50px;
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 3px solid rgb(121,202,195,0.8);
	}
	.rs-menu li:active > ul, .rs-menu li:focus > ul,.rs-menu li:hover > ul{
		opacity: 1;
		visibility:visible;		
		transform: translateY(0px);
		top:50px;
		padding-top: 0;
		padding-bottom: 15px;
		border-bottom: 3px solid rgb(121,202,195,0.8);
	}
	.rs-menu li:hover ul.mega-menu .sub-menu {
	    opacity: 1;
	    visibility: visible;
	    transform: translateY(0px);
	    background: transparent;
	    color: #333;
	}
	.sticky .rs-menu ul ul{
		background: #fff;
	}
}