/* 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: #005656; }


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


/* CUSTOM */
.styleSalePriceTitle                    { font-size: 12px; float: left; }
.styleSalePrice                         { font-size: 12px; float: left; }
.styleSalePriceStrike                   { font-size: 12px }
.resp-content .help-accordion-toggle a:hover { color: #005656; }
.resp-content .sub-nav a.accordion-btn:hover   { color: #005656; }
.layout_innercontent a:hover { color: #2F4F4F; text-decoration: initial; }
.resp-content a.accordion-btn, .resp-content a.accordion-btn:hover { color: #01888E }
#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-between;
}

.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 					        {  }
.menu3dmega ul                          { display: table; margin: auto; }
.NavBar                                 { background-color: #ca4142;}
.menu3dmega > ul li > a                 { border: 1px solid #ca4142; border-color: #ca4142; border-bottom: none; }
ul#menu_h_nav a.cart                    { background-color: #38c0c4; }
ul#left_nav li					        { margin-bottom: 0; }
.menu3dmega .brands                     { width: 260px; }
.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; }

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



/* COLORS UNIQUE TO CANADALIGHTINGEXPERTS.COM */
.btn-primary                            { background-color: #005656; border-color: #005656; color: #FFF; }
.btn-primary:focus, 
.btn-primary:active,
.btn-primary:hover                      { background-color: #01888E; border-color: #01888E; }
.btn-secondary                          { background-color: #005656; border-color: #005656; color: #dadfe1; vertical-align: text-top; }
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:hover                    { background-color: #AB2323; color: #FFF; }
.btn-tertiary                           { background-color: #5bc0de; color: #FFF; }
.btn-tertiary:focus,
.btn-tertiary:active,
.btn-tertiary:hover                     { background-color: #3ba4c3; color: #FFF; }
.current-pagination-length, 
.current-pagination-counter			    { background-color: #005656; color: #dadfe1; }
.RefinementBanner                       { background-color: #32c0c4; }
.styleSalePriceTitletn,
.styleSalePricetn,
.stylePricetn							{ color: #d43900; }
.CartItemDelivery,
.breadcrumbs a						    { color: #005656; }
.promo-coupon-wrapper                   { border: 1px solid #32c0c4; }
.ProductImageWrapper span,
.promo-coupon-wrapper .coupon-image     { background: #32c0c4; }
.PrPromoText span                       { color: #32c0c4; }
.compare-message                        { color: #005656; }
#StyleListDiv .stylePricedp             { color: #d43900; }
.tab-count                              { background-color: #005656; color: #dadfe1; }
.info-box ul li a                       { color: #005656; }
.info-sheets a 				{ display:inline-block; }
.promo-links ul li a                    { color: #6D6E73; }
a.CartProceedUpper, 
a.CartProceedChkout,
.submitbutton                           { background-color: #32c0c4 !important; border-color: #32c0c4 !important; }
a:hover.CartProceedUpper, 
a:hover.CartProceedChkout, 
.CartCouponApply:hover, 
.submitbutton:hover                     { background-color: #01888E !important; }
.cloudzoom-gallery-active               { border: 1px solid #32c0c4; }
.layout_innercontent a                  { color: #01888E; }
.detail-container-wrapper .promo-links h6       { color: #ca4142 !important; }
.delivery_text                          { background-color: #676767; }
.hawk-listingControls .hawk-pagination .hawk-paging .hawk-pageActive                    { background: #005656; color: #dadfe1; }

/* 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: #005656 !important; }
.sv-widget.sv-trending-wall .sv-trending-product-card__current-viewers      { background-color: #ca4142 !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: #ca4142 !important; text-transform: uppercase !important; }
.sv-trending-single-product-card__trending              { background-color: #ca4142 !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: #005656 !important; }
.sv-trending-single-product-card__trending__icon        { display: none !important; }
.sv-widget .sv-trending-single-product-card__trending   { background-color: #ca4142 !important; color: #fff !important; }


/* BRAND VP's */
#brandsitevp { text-align:center;}	
#brandsitevp h4 {font-size:15px; margin-top:5px 0px; color:#005656;}		
#brandsitevp ul {font-size: 15px; font-weight: 700; padding: 10px; column-count: 3; display: grid; flex-wrap: wrap; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; margin-bottom: 0px;}
#brandsitevp ul li {background-color: #efefef; color: #005656; align-items: center; list-style-type: none; padding: 10px; margin-left: 0px; display:flex; justify-content:center;}
#brandsitevp li a {color:#005656;}
#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;}
#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:#fff!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)
{
    .header-xs .phone-xs a,
    .header-xs .cart-xs a               { color: #38c0c4; }
    .mobile-cart-count                  { background: #005656; color: #dadfe1; }
    .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: #ca4142; }
	.redesign .mainnav .navbar .btn-navbar {
		color: #0a364b;}
}

.mobile-header-redesign .header-top					{ background-color: #005656; color: #dadfe1; }
.mobile-header-redesign .mobile-cart-count			{ background-color: #38c0c4; }
.mobile-header-redesign .navbar .search_button div 	{ background-color: unset; color: #38c0c4; }
.mobile-header-redesign .search_textbox input		{ background-color: #FFF; }

@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(//images.patioproductsusa.com/site/common/patio/cart-tile-xl-wide.png); background-repeat: repeat-y; background-position-x: right; }
}