/* Mega Menu */

#et-top-navigation, #top-menu-nav {
	/*width: 100%;*/
}

#mega-menu-wrap-primary-menu {
	font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif !important;
	.mega-sub-menu {
    	border-radius: 0px !important;
	}
	.mega-menu-section-items-region > .mega-sub-menu {
		display: flex !important;
	}
	.mega-menu-section-items-region > .mega-sub-menu {
		display: flex !important;
	}
	.menu-section-header {
		margin-bottom: 20px !important;
		h2.menu-section-title {
			font-size: 22px !important;
			font-weight: 500;
			color: #000 !important;
		}
		 p.menu-section-description {
			font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;
            font-size: 16px;
            color: #000;
            font-weight: 300;
            margin-bottom: 0px !important;
            padding-bottom: 0px !important;
            line-height: 1.2em;
		}
	}
	.mega-menu-item.mega-menu-item-object-page:not(.mega-menu-item-has-children), .mega-menu-item.mega-menu-item-object-custom:not(.mega-menu-item-has-children) {
		padding: 35px 25px !important;
		width: 100% !important;
		border-radius: 10px !important;
		transition: background-color 0.5s ease !important;
		
		a.mega-menu-link:before {
			font-size: 25px !important;
			height: 35px !important;
			width: 35px !important;
			background-color: #fafafa !important;
			border-radius: 50% !important;
			text-align: center !important;
			padding: 3px !important;
		}
		.mega-description-group {
			.mega-menu-title {
				font-family: 'Maven Pro', Helvetica, Arial, Lucida, sans-serif;
				text-transform: capitalize !important;
    			font-size: 17px !important;
				margin-top: 40px;
				color: #000 !important;
			}
			.mega-menu-description {
				font-style: normal !important;
                font-size: 14px !important;
                margin-top: 10px !important;
                color: #000 !important;
			}
		}
	}
	.mega-menu-item.mega-menu-item-object-page:hover, .mega-menu-item.mega-menu-item-object-custom:hover  {
		background-color: #ebeaed !important;
	}
	.mega-sixphere-mega-menu-item .mega-menu-item {
		max-width: 250px !important;
	}
	.mega-sixphere-mega-menu-item li:first-child {
		img {
			opacity: 0;
			position: absolute;
			right: 15px;
			top: 15px;
			z-index: 1;
			transform: rotate(-35deg);
			width: 18px;
  			transition: opacity 0.4s ease;
		}
	}
	.mega-sixphere-mega-menu-item li:nth-child(2) {
		img {
			opacity: 1;
            position: absolute;
            left: 25px;
            top: 30px;
            z-index: 1;
            width: 25px;
		}
	}
	.mega-sixphere-mega-menu-item:hover {
		cursor: pointer;
		img {
			opacity: 1 !important;
		}
	}
	.background-special {
		background-color: #fff !important;
		padding: 20px !important;
	}
	.background-special.gradient {
		background: linear-gradient(180deg, #fafafa, #fff) !important;
	}
	.background-special.border-radius-top-left {
		border-top-left-radius: 10px !important;
	}
	.background-special.border-radius-top-right {
		border-top-right-radius: 10px !important;
	}
	.background-special.border-radius-bottom-left {
		border-bottom-left-radius: 10px !important;
	}
	.background-special.border-radius-bottom-right {
		border-bottom-right-radius: 10px !important;
	}
	.mega-menu-item.mega-menu-item-type-widget {
		padding: 0px !important;
	}
	.border-top {
		border-top: 1px solid #f4f1f1 !important;
	}
	
	.mega-menu-item-has-children > ul.mega-sub-menu {
		display: flex !important;
		flex-direction: column;
		align-items: center;
	}
	
	.mega-menu-item-has-children > ul.mega-sub-menu li.mega-menu-row {
		max-width: 1100px !important;
	}
	
	li.mega-menu-row > ul.mega-sub-menu {
		display: flex !important;
	}
	
	.highlight {
		position: absolute !important;
		right: 0 !important;
		padding-left: 20px !important;
		border-radius: 10px !important;
	}
	
	.highlight.image-small {
		img {
			width: 100%;
			max-width: 150px !important;
		}
	}

	.secondary-links {
		padding-left: 25px;
		a {
			color: #683DEF !important;
			font-size: 13px;
			display: block;
		}
	}
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}