/* 
 * Custom CSS
 *
 * Create a custom.css file to add custom styles to your menu.
 */

 .ubermenu-responsive-toggle .fa {
	width: 24px;
	vertical-align: middle;
}
	.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
	    font-size: 26px;
	}

.ubermenu-responsive-toggle {
	color: #0065a4;
	display: block;
	cursor: pointer;
	font-family: 'cooper_hewittbold';
	font-size: 8px;
	height: 54px;
	width: 92px;
	position: absolute;
	right: 0;
	top: 10px;
	text-align: left;
	z-index: 2;
}
	.inverse-page-header .ubermenu-responsive-toggle {
		color: #fff;
		text-transform: uppercase;
	}

	@media (max-width: 1024px) {
		.home .page-header .ubermenu-responsive-toggle {
			color: #fff;
			text-transform: uppercase;
		}
	}

.ubermenu-responsive.ubermenu-in-transition.ubermenu-responsive-collapse, 
.ubermenu-responsive.ubermenu-in-transition.ubermenu-responsive-collapse .ubermenu-nav {
    visibility: hidden;
}

.ubermenu,
.mainmenu {
	position: static !important;
}

.ubermenu {
	font: 700 13px 'Roboto', sans-serif;
	padding-top: 5px;
	position: relative;
}

	.ubermenu a {
	    color: #000;
    	text-transform: uppercase !important;
    	padding: 20px;
	}
		.inverse-page-header .ubermenu a {
			color: #fff;
		}

	.ubermenu .ubermenu-target {
		padding: 22px 20px;
	}

	@media (min-width: 1025px) {
		.inverse-page-header .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after {
			color: #fff;
		}
	}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
	right: 4px;
}

@media (max-width: 1024px) {
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
		font-size: 20px;
		right: 35px;
		top: calc(50% - 5px);
	}	
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after {
		color: #000;
	}

.js-fixed .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after {
		color: #000;
	}

		.ubermenu .ubermenu-nav > .ubermenu-item-has-children:hover > .ubermenu-target,
		.ubermenu .ubermenu-current-menu-item > a {
			border-bottom: 5px solid #004987;
		}

	.ubermenu .ubermenu-submenu .ubermenu-target {
		padding-bottom: 10px;
		padding-top: 10px;
	}

		.ubermenu .ubermenu-submenu a {
		    background-color: #fcf9f9;
		    border-bottom: 1px solid #fff;
	    	color: #000;
		}

		.ubermenu .ubermenu-submenu a:hover {
            background-color: #004987;
            color: #fff;
        }


	/* Products Submenu */
	.ubermenu-submenu.ubermenu-submenu-id-51,
	.ubermenu-submenu.ubermenu-submenu-id-46 {
		background-color: #2a3546;
		/*width: 196% !important;
		left: -38% !important;*/
		padding: 20px 0;
	}

		.ubermenu-submenu.ubermenu-submenu-id-51 a,
		.ubermenu-submenu.ubermenu-submenu-id-46 a {
			border-bottom: none;
			background: none;
			color: #fff;
		}
			.ubermenu-submenu.ubermenu-submenu-id-51 a:hover,
			.ubermenu-submenu.ubermenu-submenu-id-46 a:hover {
				background-color: #008ca8;
			}

		.ubermenu-submenu.ubermenu-submenu-id-51 .ubermenu-target-title,
		.ubermenu-submenu.ubermenu-submenu-id-46 .ubermenu-target-title {
			color: #cbcbcb;
			font-size: 16px;
			font-weight: 900;
		}

		.ubermenu-submenu.ubermenu-submenu-id-51 .ubermenu-submenu .ubermenu-target-title,
		.ubermenu-submenu.ubermenu-submenu-id-46 .ubermenu-submenu .ubermenu-target-title {
			font-size: 14px;
			font-weight: 400;
		}


		.ubermenu-submenu.ubermenu-submenu-id-51 .ubermenu-content-block,
		.ubermenu-submenu.ubermenu-submenu-id-46 .ubermenu-content-block {
			padding-left: 0;
		}

			.ubermenu-submenu.ubermenu-submenu-id-51 .textwidget {
				background: url(../custom/mega-nav-img.jpg) no-repeat center;
				background-size: cover;
				text-align: center;
				width: 237px;
				height: 239px;
				display: table-cell;
				vertical-align: middle;
			}

			.ubermenu-submenu.ubermenu-submenu-id-46 .textwidget {
				background: url(../custom/mega-nav-img_markets.jpg) no-repeat center;
				background-size: cover;
				text-align: center;
				width: 237px;
				height: 239px;
				display: table-cell;
				vertical-align: middle;
			}

				.ubermenu-submenu.ubermenu-submenu-id-51 .textwidget h3,
				.ubermenu-submenu.ubermenu-submenu-id-46 .textwidget h3 {
					color: #fff;
					font-size: 20px;
    				padding: 0px 17px;
				}

				.ubermenu-submenu.ubermenu-submenu-id-51 .textwidget a,
				.ubermenu-submenu.ubermenu-submenu-id-46 .textwidget a {
				    background-color: #00b5df !important;
				    margin-bottom: 0;
				    border: none;
				    display: inline-block;
				    padding: 6px 14px;
				    color: #fff !important;
				}
					.ubermenu-submenu.ubermenu-submenu-id-51 .textwidget a:hover,
					.ubermenu-submenu.ubermenu-submenu-id-46 .textwidget a:hover {
    					background-color: #008ca8 !important;
					}

/*@media (max-width: 1400px) {
	.ubermenu-submenu.ubermenu-submenu-id-51 {
		width: 193% !important;
		left: -36% !important;
	}
}

@media (max-width: 1350px) {
	.ubermenu-submenu.ubermenu-submenu-id-51 {
		width: 186% !important;
		left: -34% !important;
	}
}

@media (max-width: 1300px) {
	.ubermenu-submenu.ubermenu-submenu-id-51 {
		width: 179% !important;
		left: -27% !important;
	}
}

@media (max-width: 1250px) {
	.ubermenu-submenu.ubermenu-submenu-id-51 {
		width: 173% !important;
		left: -21% !important;
	}
}

@media (max-width: 1200px) {
	.ubermenu-submenu.ubermenu-submenu-id-51 {
		width: 166% !important;
		left: -14% !important;
	}
}

@media (min-width: 1025px) {
	.ubermenu-submenu.ubermenu-submenu-id-51 {
		width: 142% !important;
		left: -33% !important;
	}
}*/

@media (min-width: 1271px) and (max-width: 1366px) {
    
    .ubermenu > ul > li > .ubermenu-target {
        padding-left: 10px;        
    }
    
    .ubermenu-sub-indicators > ul > .ubermenu-has-submenu-drop > .ubermenu-target {
        padding-right: 20px;
    }
    
}

@media (min-width: 1200px) and (max-width: 1270px) {
    
    .ubermenu > ul > li > .ubermenu-target {
        padding-left: 5px;        
    }
    
    .ubermenu-sub-indicators > ul > .ubermenu-has-submenu-drop > .ubermenu-target {
        padding-right: 14px;
    }
    
}

@media (max-width: 1024px) {
	.ubermenu a {
		background-color: #fff !important;
		color: #000 !important;
	}
    
    .ubermenu-responsive {
        max-height: 100% !important;
    }
    
    .ubermenu-responsive .ubermenu-item-level-0,
    .ubermenu-responsive .ubermenu-item.ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega {
        position: relative;
    }
    
    .ubermenu-responsive.ubermenu {
        display: block;
    }
    
    .ubermenu-responsive.ubermenu.ubermenu-responsive-collapse {
        display: none;
    }
    
    .ubermenu {
        padding-top: 0;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    }
    
    .ubermenu .ubermenu-target {
        padding: 20px;
    }

		.ubermenu .ubermenu-submenu .ubermenu-target-title {
			font-weight: 400;
		}

		.ubermenu .ubermenu-submenu.ubermenu-submenu-id-51,
		.ubermenu .ubermenu-submenu.ubermenu-submenu-id-46 {
			background-color: #fff;
		}

			.ubermenu .ubermenu-submenu.ubermenu-submenu-id-51 .ubermenu-target-title,
			.ubermenu .ubermenu-submenu.ubermenu-submenu-id-46 .ubermenu-target-title {
				display: block;
				background-color: #fff;
				color: #000 !important;
			}

			.ubermenu .ubermenu-nav > .ubermenu-item-has-children:hover > .ubermenu-target {
				border-bottom: none;
			}

			.ubermenu .ubermenu-submenu.ubermenu-submenu-id-51 .ubermenu-item-835,
			.ubermenu .ubermenu-submenu.ubermenu-submenu-id-46 .ubermenu-item-835 {
				display: none;
			}
}

@media (max-width: 1025px) {
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-51,
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-51 .ubermenu-target-title,
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-46,
	.ubermenu .ubermenu-submenu.ubermenu-submenu-id-46 .ubermenu-target-title {
    	background-color: #2a3546;
    	color: #cbcbcb !important;
		padding: 0;
	}

	.ubermenu-submenu.ubermenu-submenu-id-51 a,
	.ubermenu-submenu.ubermenu-submenu-id-46 a {
    	background-color: #2a3546 !important;
	}

	.ubermenu-submenu.ubermenu-submenu-id-51 .ubermenu-has-submenu-stack,
	.ubermenu-submenu.ubermenu-submenu-id-46 .ubermenu-has-submenu-stack {
	    border-bottom: 2px solid #212a37;
	    padding-top: 10px;
	    display: block !important;
    	width: 100%;
	}

	.ubermenu-submenu.ubermenu-submenu-id-51 .ubermenu-has-submenu-stack:last-child,
	.ubermenu-submenu.ubermenu-submenu-id-46 .ubermenu-has-submenu-stack:last-child {
	    border-bottom: 0;
	    padding-top: 10px;
	}
}