/* 
 * This is a sample custom stylesheet.  Copy it to ubermenu/styles/custom.css and 
 * set your Style Application setting to 'Custom' to start customizing 
 */


/**********************************************************************
 * UberMenu Skin: Custom
 * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com
 **********************************************************************/

/* Menu Bar */

#megaMenu ul.megaMenu li a span {
	font-family: Open Sans, Arial, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #808183;
	text-transform: uppercase;
	display: inline-block;
	white-space: nowrap;
	margin: 0 13px;
	padding: 0;
}

#megaMenu ul.megaMenu > li > a {
	padding: 0 4px;
}

#megaMenu ul.megaMenu > li.current-menu-item > a > span, #megaMenu ul.megaMenu li a:hover span {
	color: #bb9d13;
}


@media only screen and (min-width: 768px) {
	#megaMenu {
		margin-bottom: 0;
	}
	
	#megaMenu ul li.ss-nav-menu-mega ul.sub-menu li a {
		width: 100px;
		height: 80px;
		-webkit-transition-duration: 0.5s;
		-moz-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}
	
	#megaMenu ul ul.sub-menu li a {
		text-indent: -9999px;
	}
	
	#megaMenu li#menu-item-197 ul.sub-menu-1 li#menu-item-102 a {
		background: url("/wp-content/uploads/mega-personal-insurance.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: left top;
	}
	
	#megaMenu li#menu-item-197 ul.sub-menu-1 li#menu-item-116 a {
		background: url("/wp-content/uploads/mega-business-insurance.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: left top;
	}
	
	#megaMenu li#menu-item-197 ul.sub-menu-1 li#menu-item-115 a {
		background: url("/wp-content/uploads/mega-medical-insurance.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: left top;
	}
	
	#megaMenu li#menu-item-197 ul.sub-menu-1 li#menu-item-117 a {
		background: url("/wp-content/uploads/mega-acc.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: left top;
	}
	
	#megaMenu li#menu-item-197 ul.sub-menu-1 li#menu-item-178 a {
		background: url("/wp-content/uploads/mega-kiwisaver.png");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: left top;
	}
	
	#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 {
		background: #B38A00;
		margin-top: 20px;
	}
	
	#megaMenu ul li.ss-nav-menu-mega ul li.ss-nav-menu-item-depth-1 {
		padding: 11px 15px;
	}
	
	#megaMenu ul.megaMenu > li.megaHover:after {
		content: url("/wp-content/uploads/mega-arrow.png");
		display: block;
		margin: 0 auto 0;
		position: relative;
		text-align: center;
		height: 20px;
		width: 100%;
	}
	
	#megaMenu ul.megaMenu > li:hover a span {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
}

@media only screen and (max-width: 767px) {
	#megaMenu #megaMenuToggle {
		font-size: 15px;
	}
	#megaMenu ul.megaMenu > li:hover a span {
		border-bottom: none;
	}
	#megaMenu.megaResponsive ul.megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li {
		width: 100%;
	}
	#megaMenu.megaResponsive ul.megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1 {
		background: #FFF;
		width: 85%;
	}
	#megaMenu.megaResponsive ul.megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li, #megaMenu ul ul.sub-menu li a {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 5px;
		margin-bottom: 0 !important;

	}
	#megaMenu ul.megaMenu li a span {
		margin: 0 5px;
	}
}

@media only screen and (min-width: 960px) {
	#megaMenu {
		margin-top: 135px;
	}
}