:root{
	--sterling-blue:#00549c;
	--sterling-blue-alt:#004e96;
	--sterling-gray:#cad3dc;
}
/*Everywhere*/
body{background: url(/storefronts/sterlingpumps/images/top_bg_sub_with_border.jpg)no-repeat center top;}
.page{max-width:1300px;margin:0 auto;}
.logo-container{margin-bottom:30px;}

/*header - built for mobile display first, overrides are for desktop display. This hopefully improves mobile load times*/
.header-width{max-width:1060px;margin:0 auto;padding:0 30px;position:relative;display:flex;justify-content:space-between;}
.sterling-main-menu{position:absolute;right:0;background:#f9f9f9;z-index:1;display:flex;flex-direction:column;}
.main-link a{text-decoration:none;color:var(--sterling-blue-alt);border-bottom:1px solid #dadada;font-size:16px;font-family: 'Carrois Gothic', Arial, Helvetica, sans-serif;}

.sub-menu{display:none;}
.sub-menu-item a{font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-weight: 400;text-decoration:none;color:#333;font-size:13px;}

@media(min-width:950px){
	#mobile-menu,.mobile-chevron{display:none;}
	.header-width{}
	.main-menu-item{height: 95%;display:flex;align-items:center;border-top:3px solid transparent;}
	.main-menu-item:hover{border-top:3px solid var(--sterling-blue-alt);} .main-menu-item:hover .main-link a,.main-link:hover a{color:var(--sterling-blue-alt);}
	.sterling-main-menu{position:initial;flex-direction:row;flex:1;justify-content:space-evenly;align-items:center;background:none;}
	.main-link a{border-bottom:none;color:#333333;text-transform:uppercase;font-size:18px; font-weight:700;}
	.has-child:hover .sub-menu{display:flex;}
	.sub-menu{position:absolute;flex-direction:column;background:#f2efef;top:139px;width:180px;border-top:3px solid var(--sterling-blue-alt);box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);}
	.sub-menu-item{border-bottom: 1px solid #dcdadb;padding:7px 20px;}.sub-menu-item:last-child{border-bottom:none;}
	.sub-menu-item:hover{background:#f8f8f8;}
}
/*Temporary disable for mobile nav
Customer has gone dark and we need to push them to review so we can rev rec. Mobile nav is not complete, though the foundation has been setup.

UPDATE: Customer does not care about mobile menu and I am just going to leave this disabled -IDH 8-3-21

This disables the whole navigation section when view width is less than 950px*/
@media(max-width:950px){.sterling-main-menu,#mobile-menu{display:none !important;}}
/*End Header*/
/*storefront*/
.store_catbuttons {text-align: center; padding-top: .5em;}
p, .store_contact {padding:.5em;}
.store_contact div {margin-bottom: 2px;}
ul.frq-radios {list-style: none; padding: 0; margin: 0 0 8px 0;}
ul.frq-radios li {display: inline; margin-right: 8px;}
.section{margin:0 2px 4px;}
.section p{font-size:1.2em;}
/* Component containers*/
.ui-widget-header {background-color: var(--sterling-blue); background-image: none; }

/*buttons*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: var(--sterling-blue); border: solid 1px #595959; color:#FFFFFF; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
{background:var(--sterling-gray); color:#FFFFFF;}

.button-flex{
	display:flex!important;
	align-items:center;
	justify-content: center;
}

/* icon defaults - arrow on acct menu and symbol on search button */
.ui-icon 
{background-image: url(/_static/scripts/jquery-ui/themes/pumpflo/images/ui-icons_ffffff_256x240.png) !important;}

/* icon override for hover/selected when we need to have two color-states */
/*
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon
{background-image: url(/_static/scripts/jquery-ui/themes/pumpflo/images/ui-icons_ffffff_256x240.png) !important;}
*/

/*Links*/
.section a, #ti_nav_links a{
	color: var(--sterling-blue);
	text-decoration: none;
}

.section a:hover, #ti_nav_links a:hover{
	text-decoration: underline;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #fafafa;
}
/*.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color: #99cdde;} /*The "Orange" active links*/
.ui-state-active:hover a, .ui-state-active:hover a:link,.ui-state-active:hover a:visited{color: #fff;}

.fg-menu a:link,.fg-menu a:visited,.fg-menu a:active{color:var(--sterling-blue);} /*Printed reports and similar links*/
.fg-menu a:hover{color:#fff;}

/*Product Page*/

.product-container {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
	background-color: #FFF;
	flex-wrap: wrap;
}

.product-img {
	display: flex;
    max-width: 300px;
    padding: 10px;
    justify-content: center;
}

.product-img img {
	max-height:300px;
}


/*Contacts div*/
.ESI-contacts {
	margin: auto;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.ESI-contacts-region {
	padding: 10px;	
	text-align: left;
}
/*End Contacts*/
/*Criteria Mobile*/
	@media (max-width: 750px) {
	.criteria_columns{
		width:100%;
		float:initial;
	}
}
/*End Criteria*/
/*Pump display overrides*/
#graph_image_container{width:initial !important;}
#graph_image_container img{max-width:100%;}