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

/******************************
 * Top level menu + items
 */

/* Make menu fill the right 7 arches (7/10) of the header */
#megaMenu {
	width: 70%;
	float: right!important;
}
/* Make each menu item be 1/7 of nav (because of 7 arches) */
#megaMenu ul.megaMenu > li.menu-item {
	width: 14.2857142858%;
}
#megaMenu ul.megaMenu > li.menu-item:hover {
	/*padding-bottom: 40px;*/
}

/* Top level links */
#megaMenu ul.megaMenu > li.menu-item > a {
	color: #128ca4;
	font: 700 1.6em 'Open Sans Condensed', sans-serif;
	text-align:center;
	padding: 8% 0 16%!important;
    z-index: 500!important;
}
#megaMenu ul.megaMenu > li.menu-item:hover > a {
	margin-bottom:15px;
}

/* Hide dropdown-indicator arrows on non-submenu-possessing items */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
top: 45% !important;
right: 12% !important;
display: none !important;
}

/* Make close button invisible */
#megaMenu .uber-close {
	background: transparent!important;
	text-indent: -9999px;
}

/**********************
 * Sub menus
 */

.megaMenu > li > .sub-menu {
	background: #fdf7c5!important;
	-webkit-border-radius: 6px!important;
	border-radius: 6px!important;
	box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 12px!important;
	margin: -20px 0 0!important;
}

/* Pointer triangle for submenu */
.megaMenu > li.wpmega-expanded > a:before {
	content: " ";
	display: block;
	position: absolute;
	height: 18px;
	width: 18px;
	left: 50%;
	top: 85%;
	margin-left: -12px;
	background: #fdf7c5;
  	-webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg); 
       -o-transform: rotate(45deg); 
          transform: rotate(45deg);
    box-shadow: -1px -4px 3px rgba(0,0,0,.075);
}

/* Sub link styles */
.megaMenu ul.sub-menu a .wpmega-link-title {
	color: #b01f5a!important;
	font-size: 1.2em!important;
	font-weight: bold;
}

/***************************
 * Mobile/responsive menu
 */
@media (max-width: 1200px), (max-height:700px){
	#megaMenu ul.megaMenu > li.menu-item > a { font-size: 1.25em; }
}
@media (max-width: 979px){
	#megaMenu ul.megaMenu > li.menu-item > a { font-size: 1.1em; }
}
@media (max-width: 767px){
	/* Get the touch menu to fit nicely */
	#megaMenu{
		position: absolute;
		top: 0;
		left: 5%;
		width: 95%;
	}
	.megaMenuToggle {
		text-indent: -9999px;
	}
	.megaMenuToggle-icon { 
		text-indent: 0;
		margin: 2.5% 5.5%!important;
		left: 8px;
		bottom: 6px;
		background: #b01f5a!important;
	}
	.megaMenuToggle-icon:before, .megaMenuToggle-icon:after {
		background: #b01f5a!important;
	}
	#megaMenu ul.megaMenu {
		background: #fdf7c5!important;
		-webkit-border-radius: 6px!important;
		border-radius: 6px!important;
		-webkit-box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 8px;
		box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 8px;
		width: 95%!important;
		margin-top: 6%;
	}
	#megaMenu ul.megaMenu > li.menu-item {
		width: 50%;
		font-size: 125%;
	}
	#megaMenu ul.megaMenu > li.menu-item > a {
		font-size: .95em;
		padding: 4% 2%!important;
		color: #b01f5a;
	}
	
	#megaMenu ul.megaMenu > li.menu-item:hover > a {
		margin-bottom: 0px;
	}
	#megaMenu ul.megaMenu > li.menu-item:hover {
		padding-bottom: 0px;
	}
	
	/* Pointer triangle for menu */
	#megaUber.megaMenuToggleOpen:before {
		content: " ";
		display: block;
		position: absolute;
		height: 24px;
		width: 24px;
		right: 36px;
		top: -12px;
		background: #fdf7c5;
	  	-webkit-transform: rotate(45deg);
	     -moz-transform: rotate(45deg);
	      -ms-transform: rotate(45deg); 
	       -o-transform: rotate(45deg); 
	          transform: rotate(45deg);
	}
	
	#megaUber.megaMenuToggleOpen {
		padding: 12px 0;
	}

}