/* 20210817 */


/* GLOBAL */

img                                     			{ border: 0 }
a                                       			{ text-decoration: none }
a:hover                                 			{ text-decoration: underline }


/* HEADER */
.Text1                                  			{ display: none; }


/* PAGE LAYOUT */
.layout_title, 
ul#left_nav li h3                       			{ background-color: #FFF; color: #5D7792; }


/* LEFT NAV */
.left_nav_div a:hover                   			{ background-color: #E8F0F1 !important }        /* !important directive required */


/* CUSTOM */
.styleSalePriceTitle                    			{ font-size: 12px; float: left; }
.styleSalePrice                         			{ font-size: 12px; float: left; }
.styleSalePriceStrike                   			{ font-size: 12px }
.site-logo                                                      {margin-top:0%;}
div#ctl00_ctl00_Body_LogoGrid                                   {text-align:left;}
.ui-widget {font-weight:unset;}
#StyleListDiv .styleComboType strong {font-size:16px;}
.redesign #belami-menu .menu_header_div .revamped-mobile-menu nav > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.redesign #belami-menu .navbar .nav > li {
    float: none;
    flex: 0 1 auto;
}

.redesign .menu3dmega > ul > li > h2 a, .redesign .menu3dmega > ul > li > h2 span {
    padding: 10px 0;
}
.redesign .menu3dmega > ul > li > h2 a:hover, .redesign .menu3dmega > ul > li.menu-hovered > h2 a {background-color:#fff; text-decoration:underline;}



/* MAIN MENU */
.menu3dmega ul                          			{ display: table; margin: auto; }
.NavBar                                 			{ background-color: #5B7EA7; }
.menu3dmega > ul li > a                 			{ border: 1px solid #5B7EA7; border-top: 1px solid transparent; border-bottom: 0; }
.mobile-header-redesign .mobile-cart-count,
ul#menu_h_nav a.cart 								{ background-color: #EE9539; }
.menu3dmega .dropdown-menu 			    			{ left: inherit !important; }
.menu3dmega .brands				    			    { width: 240px; }
ul#left_nav li						    			{ margin-bottom: 0; }
.leftSideSectionHeader				    			{ border: 1px solid #b9b9b9; }
.leftSideTitleHeaderText 			    			{ background-image: url(https://images.1stoplighting.com/site/common/patio/textured_bg.png); background-repeat: repeat-x; font-size: 13px; color: #252525; border-bottom: 1px solid #e9e9e9; border-top: none; }
.leftSideTable 					        			{ background-color: #FFF; border-bottom: none; }
.leftSideTitle 					        			{ background-color: #FFF; }
.leftSideTitleHeaderLink 			    			{ background-color: #FFF; }
.leftSideInnerTable 				    			{ background-color: #e9e9e9; border:none; }
.container_contentwrapper 			    			{ border: none; }
.LinkLogo img {padding:0px 0px 15px 0px;}

/* REDESIGN */
.redesign #belami-menu .NavBar                      { background: none; border-top: 5px solid #5B7EA7; }
.redesign .menu3dmega ul                            { display: inherit; }


/* COLORS UNIQUE TO 1STOPLIGHTING.COM */

a.CartProceedUpper, 
a.CartProceedChkout, 
.submitbutton                           			{ background: none repeat scroll 0 0 #EE9539 !important; border: 0 !important; }
a:hover.CartProceedUpper, 
a:hover.CartProceedChkout, 
.CartCouponApply:hover, 
.submitbutton:hover                     			{ background-color: #D17313 !important; }
#back-top                               			{ margin-left: -10px; }
#back-top span                          			{ background: #7A7B7E !important; }
#back-top a:hover span                  			{ background: #414042 !important; }
.RefinementBanner					    			{ background-color: #5B7EA7; }
.promo-coupon-wrapper                               { border-color: #0bb298; }
.ProductImageWrapper span,
.promo-coupon-wrapper .coupon-image                 { background: #0bb298; }
.PrPromoText span                                   { color: #0bb298; }
.cloudzoom-gallery-active               			{ border: 1px solid #2D71A9; }
.flex-control-paging li a               			{ background: none; border: 1px solid #E0E0E0; }
.flex-control-paging li a.flex-active   			{ background: #2D71A9; border: 1px solid #2D71A9; }
.flex-control-paging li a:hover         			{ background: #2D71A9; border: 1px solid #2D71A9; }
.btn-primary                            			{ background-color: #c64700; color: #FFF; border: 0; }
.btn-primary:focus, 
.btn-primary:active,
.btn-primary:hover                      			{ background-color: #D17313; border-color: #D17313; }
.btn-secondary                          			{ background-color: #c64700; border-color: #c64700; color: #fff; vertical-align: text-top; }
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:hover                   				{ background-color: #D17313; color: #FFF; }
.btn-tertiary                           			{ background-color: #0b7094; color: #FFF; }
.btn-tertiary:focus,
.btn-tertiary:active,
.btn-tertiary:hover                     			{ background-color: #0c495f; color: #FFF; }
#StyleListDiv .CloseOut                 			{ background-color: #e56b67; color: #FFF; }
.ResultsMessage					        			{ color: #c64700; }
.checkout .stepbar .active			    			{ background-color: #212121; }
.current-pagination-length, 
.current-pagination-counter			    			{ background-color: #646464; color: #fff; }
.cloudzoom-lens					        			{ border: 2px dotted #F0592D !important; }
.product-qty .qty-increment:hover		            { background-color: #9D9D9D !important; }
.detail-container-wrapper .promo-links h6           { color: #252525; }
.tab-count                                          { background-color: #c64700; color: #fff; }

/* SiteVibes Trending Wall */
.sv-widget.sv-trending-wall                                                 { font-size: 16px !important; }
.sv-widget.sv-trending-wall .sv-trending-product-card__trending__type       { font-weight: bold !important; }
.sv-widget.sv-trending-wall .sv-trending-product-card__price                { font-weight: bold !important; color: #d43900 !important; }
.sv-widget.sv-trending-wall .sv-trending-product-card__current-viewers      { background-color: #c64700 !important; }

/* SiteVibes Mega Menu Dropdown */
.sv-widget.sv-trending-single-product                   { margin-top: 0 !important; padding: 0 !important; }
.sv-trending-single-product__title                      { font-size: 16px !important; font-weight: bold !important; color: #5b7ea7 !important; text-transform: uppercase !important; }
.sv-trending-single-product-card__trending__type        { font-size: 14px !important; font-weight: bold !important; }
.sv-trending-single-product-card__product-name          { font-size: 14px !important; }
.sv-trending-single-product-card__price                 { font-size: 14px !important; font-weight: bold !important; color: #d43900 !important; }
.sv-trending-single-product-card__trending__icon        { display: none !important; }
.sv-widget .sv-trending-single-product-card__trending   { background-color: #c64700 !important; color: #fff !important; }


/* BRAND VP's */
#brandsitevp { text-align:center;}	
#brandsitevp h4 {font-size:15px; margin-top:5px 0px; color:#2e6ba7;}		
#brandsitevp ul {font-size: 15px; padding: 10px; column-count: 3; display: grid; flex-wrap: wrap; display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; margin-bottom: 0px;}
#brandsitevp ul li {background-color: #dee5f0; color: #1f3e60; align-items: center; list-style-type: none; padding: 20px; margin-left: 0px; display:flex; justify-content:center; line-height:1.5em;}
#brandsitevp li a {color:#1f3e60; font-size:14px; font-weight:400; text-align:left; margin-left:5px;}
#brandsitevp ul li img {margin-right:10px;}.brands-vp-wrapper {display: flex; align-items: center; flex-wrap: wrap;}
.brand-logos {padding:0px;}	

@media (max-width:900px) {
#brandsitevp ul {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 10px;}
#brandsitevp ul li img {margin-right:0px;}
  }
	
@media (max-width:800px) {
#brandsitevp li a {width:100%; flex-wrap:wrap; text-align:center; margin-left:0px;}
#brandsitevp ul li {flex-wrap:wrap;}
}

/* END BRAND VP's */


/* PRO SIGN UP FORM */
#signupheader {background-image: url(https://imgcms.1stoplighting.com/site/common/content/pro-header-20years.webp); background-repeat: no-repeat; display:flex; background-size: cover; background-position:center; align-items:center; position:relative; height:200px;}
#signupheader  h2 {background-color: rgba(0, 0, 0, .6); width: 100%; padding: 40px 170px; color: #fff; text-align: center; margin-top: 0px;}
#signupheader img {margin-left:10px;object-fit:contain; position:absolute; top:20px; right: 10px;}
.cms-sign-up .cms-content-grid .brand-card p {font-size:15px; line-height:1.8em;}
.cms-sign-up p.attribution {margin-top: 10px;}
.cms-sign-up h2 {font-size:18px;}
.cms-sign-up .cms-content-grid .brand-card h2, .value-props span,  .team-member h2, .cms-sign-up .value-props dl span, .cms-sign-up .value-props dl i {
color:#2E6BA7;}
.cms-sign-up .cms-content-grid .team-members-grid {grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0px; padding:20px;}
.cms-sign-up .page2 h2, .cms-sign-up .page3 .confirmation-grid h2 {font-size:18px; line-height:1.5em;}	
.cms-sign-up .team-member h2 {margin: 5px 0px 10px;}
.cms-sign-up .team-member {display: unset; font-size: 15px;text-align: center; padding: 35px; border: 1px solid #EFEFEF;}
.cms-sign-up .team-members h1 {margin: 0px 0px 50px; font-size:40px;}
.cms-sign-up .team-member img {margin-bottom: 15px;}
.cms-sign-up .cms-content-grid .team-members {padding:20px 0px;}
.cms-sign-up .value-props h1 {font-size:75px;}
.cms-sign-up .cms-content-grid .brand-card img {max-width: 200px; margin-bottom:15px; margin: 0px auto;}
.cms-sign-up .value-props dd {line-height: 2.3em; font-size: 20px; margin-left: 20px;}
.cms-sign-up .value-props {font-size: 25px; padding: 35px 75px 75px 65px;}
.cms-sign-up .signin a {color:#D43900; text-decoration:underline;}
.cms-sign-up h2.signin {font-weight:400; font-size:18px;}
.cms-sign-up .btn-group .btn {font-size:20px;}
.cms-sign-up .carousel-caption {position: absolute;left: 0%;right: 0%;bottom: 0px;z-index: 10; padding: 4% 10%; color: #fff; text-align: left; text-shadow: unset; background-color: rgba(0, 0, 0, .6); font-size: 18px;}
.cms-sign-up .carousel-caption h4{font-size:20px; margin-bottom:15px; text-align:center;}
.cms-sign-up .carousel-control .icon-prev, .carousel-control .icon-next {width: 50px; height: 20px; color:#fff;}
.cms-sign-up .carousel-inner {background-color:black;}
.cms-sign-up .20year {position:absolute; right:0px; top:0px; z-index:1;}
.cms-sign-up .carousel-inner .item img {width:auto; margin:0 auto;}
.cms-sign-up .cms-content-grid .feedback h2 {font-weight:500; font-size:24px;}	  
.cms-sign-up .confirmation-grid {display:unset;}
.cms-sign-up .page3 .team-members-grid {grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));!important; gap:0px;important;}
.cms-sign-up .page3 .team-member img {width:100px;}
.cms-sign-up .page3 .team-member {padding:20px;font-size:13px;}
.cms-sign-up .page3 .team-member h2 {font-size: 15px;margin: 10px 0px;}
.cms-sign-up .page3 .value-props dd {margin-left:0px;font-size:15px;}
.cms-sign-up .page3 .bullets-grid {row-gap:10px;	}
.cms-sign-up .page3 .value-props dd {line-height:1.5em;}
.cms-sign-up .page3 .team-members h1 {margin-bottom:10px;}
.cms-sign-up .cms-content-grid .feedback {display:unset;font-size:15px}
.feedback p {margin:15px 0px;}
.cms-sign-up .cms-content-grid .feedback h2 {font-weight: 500;font-size: 20px;line-height: 1.5em;}
.cms-sign-up .cms-content-grid div h1 {font-size:36px;}

/* END PRO SIGN UP FORM */
/* COUPON MESSAGE BADGE */
.product-details-module .promo-coupon-wrapper {
background-color: #d43900!important;
}
.product-details-module .promo-coupon-wrapper .coupon-text {
color:#ffffff!important;
}
.PrPromoText span {
color:#fff!important;
text-decoration: underline!important;
}
.promo-coupon-wrapper h4 {
    font-size: 16px!important;
}
/* END COUPON MESSAGE BADGE */

@media (max-width:800px)
{
    .off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav > li > a,
    .off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav .navHomeLink .button,
    .off-canvas #off-canvas-nav .mainnav .revamped-mobile-menu .nav .LIHelp a                   { color: #5B7EA7; }
    .cms-sign-up .years {height:75px;}	
    .cms-sign-up #signupheader { height:150px;}
    .cms-sign-up #signupheader h2 {padding: 20px 90px;font-size: 15px;font-weight: 500;}	  
    .cms-sign-up  #signupheader img {top: 30px;height: 70px;}
    .cms-sign-up .page1 .value-props h1 {font-size:36px;}
    .cms-sign-up .page1  .value-props dd {font-size:15px;line-height:2em;}
    .cms-sign-up  .page1  .value-props {padding:20px;}
    .cms-sign-up .cms-content-grid .feedback {row-gap:5px;font-size:18px;}
    .cms-sign-up .page3 {line-height: 1.5em;text-align: center;	} 
    .cms-sign-up .page3 .value-props.confirmation-grid {padding:20px;}
    .cms-sign-up .cms-content-grid .team-members-grid {grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));}
    .cms-sign-up .cms-content-grid .team-members { margin: 20px 0 0; padding: 0; }
    .cms-sign-up .cms-content-grid .carousel-grid { margin: 0 0 20px 0; padding: 0; }
    .cms-sign-up .cms-content-grid div h1 { font-size: 17px; margin: 0 0 20px 0; }
    .cms-sign-up .team-member img {width:150px;}
}
@media (max-width:1300px) {
		 .cms-sign-up .cms-content-grid .feedbacks-grid {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))!important;
	}
	}
@media (min-width: 1440px ) {
    .header .container,
    #ctl00_ctl00_Body_Footer .container,
    .container                                  { width: clamp(16rem, 90vw, 100rem); }
    .container.product-details                  { width: 1170px; }
    .serp-grid                                  { grid-template-columns: repeat(5, 1fr) !important; }
    #hawkfacets .singlefacet a.hawk-styleList s { width: 219px; }
    .container-clamp .cart-wrapper                               { background-image: url(//sanccms.z14.web.core.windows.net/site/common/1stop/cart-tile-xl-wide.png); background-repeat: repeat-y; background-position-x: right; }
}