/* 
   Header custom styles 
*/

#top-menu {
	position: relative;
}

#top-menu::before,
#top-menu::after {
	background-color: #cccccc;
	height: 1px;
	width: 100%;
	position: absolute;
	content: "";
	left: 0;
}

#top-menu::before {
	top: 0;
}

#top-menu::after {
	top: 60px;
}

#top-menu li.menu-item {
	padding: 16px 10px;
}

#top-menu > li.menu-item.current-menu-item,
#top-menu > li.menu-item.current-page-ancestor {
	background-image: url(../../../../wp-content/uploads/2019/04/i-nav-current.svg);
    background-repeat: no-repeat;
    background-position: 50% 34%;
    background-size: 16px 18px;
}

#top-menu li.menu-item a {
	line-height: 28px;
	padding-bottom: 16px !important;
	margin-bottom: 50px;
}

#top-menu .menu-item .sub-menu li a {
	text-transform: capitalize;
}

@media all and (min-width: 981px) {
	#top-menu .menu-item .sub-menu {
		top: 60px;
		padding: 0px;
		border-color: #0087c7 !important;
	}
	
	#top-menu .menu-item .sub-menu li {
		display: block;
		padding: 0px;
	}
	
	#top-menu .menu-item .sub-menu li a {
		width: 100%;
		padding: 12px 20px !important;
		margin: 0px !important;
	}
	
	#top-menu .menu-item .sub-menu li:hover a { 
		background-color: #0087c7 !important;
		color: #FFFFFF;
		opacity: 1 !important;
	}
}