/*@import url(/on/demandware.static/Sites-deltafaucet-Site/-/en_US/v1677674426171/css/global.css);*/

@import url(https://www.deltafaucet.com/on/demandware.static/Sites-deltafaucet-Site/-/en_US/v1677674426171/css/global.css);
/*@import url(https://www.deltafaucet.com/on/demandware.static/Sites-deltafaucet-Site/-/en_US/v1709037617186/css/searchMain.css);*/

.text-delta-red {
    color: #ac0535;
}

.pt-3 {
    padding-top: .5rem;
}

.title-banner { width: 100%; }
.region-banner .banner-content {
    font-size: 1.1rem;
    /*max-width: 512px;*/
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}

.region-banner .banner-block.only-destop {
    min-height: 430px;
    background-position: right top;
    width: 100%;
}

.summer-savings-sale .region-banner .banner-block.only-destop {
    background-position: center top;
}

.fall-savings-event .region-banner .banner-block.only-destop,
.holiday-savings-event .region-banner .banner-block.only-destop {
    background-position: right top;
}

.kitchen-refresh-sale.holiday-savings-event .region-banner .banner-block.only-destop,
.holiday-savings-event-2025.holiday-savings-event .region-banner .banner-block.only-destop,
.fall-faucet-fest .region-banner .banner-block.only-destop {
    background-position: left top;
}

.fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop {
    max-width: 250px;
}

.holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop {
    max-width: 293px;
}

@media (max-width: 991px) {
    .summer-savings-sale .region-banner .banner-block.only-destop,
    .fall-savings-event .region-banner .banner-block.only-destop,
    .holiday-savings-event .region-banner .banner-block.only-destop {
        min-height: 340px;
    }
    .summer-savings-sale .region-banner .banner-content .banner-left .banner-text .title-highlight img,
    .fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop,
    .holiday-savings-event .banner-content .banner-left .banner-text .title-highlight img.only-destop,
    .fall-faucet-fest .banner-content .banner-left .banner-text .title-highlight img.only-destop {
        max-width: 220px;
    }
}

.region-banner .banner-block .grid-container {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0px; /*20px*/
    padding-bottom: 0px; /*60px*/
    /*min-width: 300px;  455px*/ 
    /*max-width: 370px;  572px*/
    /* background-color: #ffffff;*/
}

.region-banner .banner-content .banner-header {
    position: relative;
}

@media (max-width: 919px) {
    .title-banner .grid-container {
        align-items: flex-start;
        text-align: center;
    }
}

@media (max-width: 609px) {
    .region-banner .banner-block .grid-container {
        max-width: 215px;
        min-width: unset;
    }
    .region-banner .banner-content .banner-header {
        padding-right: 0;
        padding-left: 0;
    }
}

.region-banner .banner-content .banner-left {
    position: relative;
    min-width: 375px;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.summer-savings-sale .region-banner .banner-content .banner-left {
    background-color: transparent;
    align-items: flex-end;
    min-width: 390px;
}

.fall-savings-event .region-banner .banner-content .banner-left,
.holiday-savings-event .region-banner .banner-content .banner-left,
.fall-faucet-fest .region-banner .banner-content .banner-left {
    background-color: transparent;
    align-items: center;
    min-width: 390px;
}

.summer-savings-sale .region-banner .banner-content .date,
.fall-savings-event .region-banner .banner-content .date,
.holiday-savings-event .region-banner .banner-content .date,
.fall-faucet-fest .region-banner .banner-content .date {
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 30px;
    display: block;
}

.holiday-savings-event .region-banner .banner-content .date {
    margin-top: 45px;
}

.region-banner .banner-content .banner-left .banner-text .title-highlight h2 {
    font-size: 3.555rem;
    line-height: 1.2;
}

.summer-savings-sale .region-banner .banner-content .banner-left .banner-text .title-highlight img,
.fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img,
.holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img,
.fall-faucet-fest .region-banner .banner-content .banner-left .banner-text .title-highlight img {
    margin: 0 auto;
}

.region-banner .banner-content .banner-right {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 30px 20px 30px;
}

.summer-savings-sale .region-banner .banner-content .banner-right {
    justify-content: flex-end;
    padding: 10px 30px 10px 30px;
}

.fall-savings-event .region-banner .banner-content .banner-right {
    justify-content: center;
    padding: 10px 30px 10px 30px;
}

.holiday-savings-event .region-banner .banner-content .banner-right {
    justify-content: flex-end;
    padding: 20px;
}

.region-banner .banner-content .banner-right .banner-footer {
	width: 100%;
	color: #ffffff;
	text-transform: uppercase;
}

.region-banner .banner-content .banner-right .banner-text, 
.region-banner .banner-content .banner-right .banner-text .discount {
    color: #ffffff;
    text-align: right;
}

.summer-savings-sale .region-banner .banner-content .banner-right .banner-text, 
.summer-savings-sale .region-banner .banner-content .banner-right .banner-text .discount,
.fall-savings-event .region-banner .banner-content .banner-right .banner-text, 
.fall-savings-event .region-banner .banner-content .banner-right .banner-text .discount,
.holiday-savings-event .region-banner .banner-content .banner-right .banner-text, 
.holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount{
    text-align: center;
}

@media (min-width: 720px) {
		.summer-savings-sale .region-banner .banner-content .banner-right .banner-text .discount,
		.fall-savings-event .region-banner .banner-content .banner-right .banner-text .discount,
		.holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount {
		    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
		}
    .summer-savings-sale .region-banner .banner-content .banner-right .banner-text .discount .discount-amount,
    .fall-savings-event .region-banner .banner-content .banner-right .banner-text .discount .discount-amount,
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount .discount-amount {
        justify-content: center;
    }
}

.region-banner .banner-content .banner-left .banner-text .title-highlight h2 span.refresh {
    font-size: 5.8rem;
    display: block;
    padding: 10px 30px 0px 30px;
    line-height: 1;
    margin: -5px;
}

.region-banner .banner-content .banner-left .banner-text .title-highlight {text-align: left;}

.region-banner .banner-content .banner-right .banner-text .discount h2 {
    font-size: 3.15rem;
    display: block;
    line-height: 1;
}

.region-banner .banner-content .banner-right .banner-text .discount h2 span {
    display: block;
    font-size: 6rem;
}

.region-banner .banner-content .banner-right .banner-text {
    width: 370px;
}

.title-arrows {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    z-index: 3;
}

.title-arrow-red {
    padding: 10px;
}

.title-arrow-red {
  background: #C51638;
  color: #fff;
  position: relative;
  z-index: 2;
  padding-left: 25px;
  text-transform: uppercase;
  height: 82px;
  white-space: nowrap;
}
.title-arrow-red:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  right: -15px;
  transform: skewX(20deg);
  transform-origin: 100%;
  z-index: -1;
  width: 30px;
}

.title-arrow-blue {
    background: #C0E1ED;
    position: relative;
    z-index: 1;
    padding: 10px 10px 10px 30px;
    height: 67px;
    text-transform: uppercase;
    white-space: nowrap;
}

.title-arrow-blue::after {
    content: '';
    border-right-color: #C0E1ED;
    border-right-width: 30px;
    transform: skewX(20deg);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-right-style: solid;
    right: -15px;
    z-index: -1;
}

.region-banner .banner-content .title-arrow-red p.text-align-center {
    font-size: 54px;
    line-height: 62px;
    margin: 0;
}

.region-banner .banner-content .title-arrow-blue p.text-align-center {
    font-size: 29px;
    line-height: 47px;
    margin: 0;
}

.region-banner .banner-content .title-arrow-red p.text-align-center strong,
.region-banner .banner-content .title-arrow-blue p.text-align-center strong {
    font-family: 'Trade_Gothic_LT_Bold';
    font-weight: 700;
}

.promo-text {
    position: relative;
    z-index: 1;
    background-color: #F2F1EF;
    padding: 15px;
    margin-top: -7.5px;
}

.promo-text::before, .promo-text::after {
    z-index: -1;
    position: absolute;
    width: 60px;
    height: 50%;
    right: -30px;
    background-color: #F2F1EF;
    content: "";
}

.promo-text::before {
    top: 0;
    transform: skewX(25deg);
}

.promo-text::after {
    bottom: 0;
    transform: skewX(-25deg);
}

.region-banner .banner-content h1 {
    margin-top: 15px;
    letter-spacing: 0;
    font-family: 'Trade_Gothic_LT_Bold_2';
    margin-bottom: 0;
    font-size: 6.15rem;
    color: #000;
    line-height: .9;
}

.region-banner .banner-content .banner-text .title-highlight {
	 margin: 10px auto;
}

.region-banner .banner-content .banner-text .title-highlight h2 {
    display: inline-block;
    background-color: #ffffff;
    padding: 0 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.75rem;
    font-family: 'Trade_Gothic_LT_Roman';
    font-weight: 300;
    line-height: 1;
    letter-spacing: .01em;
}

.region-banner .banner-content .banner-text .title-highlight h2 span.refresh {
    padding: 10px 5px;
    background-color: #C0E1ED;
    margin: -10px -5px;
    font-family: 'Calluna';
    text-transform: lowercase;
    font-size: 2.75rem;
    font-weight: 100;
    letter-spacing: normal;
}

.region-banner .banner-content .banner-text .discount {
    position: relative;
    z-index: 10;
    color: #000000;
    font-size: .9em;
    line-height: 1;
}

.region-banner .banner-content .banner-text .discount h2 {
    margin-bottom: 0;
    font-size: 1.25rem;
    letter-spacing: .02rem;
    line-height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.region-banner .banner-content .banner-text .discount h2 span {
    font-size: 4rem;
    padding-right: 5px;
    padding-left: 5px;
}
    
.region-banner .banner-content .banner-right p {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: 'TradeGothic_LT_Light', Arial, Helvetica, sans-serif;
    letter-spacing: .01rem;
}

.summer-savings-sale .region-banner .banner-content .banner-right p {
    font-size: 1.35rem;
}

.fall-savings-event .region-banner .banner-content .banner-right p,
.holiday-savings-event .region-banner .banner-content .banner-right p{
    font-size: 1.2rem;
}
    
.region-banner .banner-content .banner-right .banner-footer p {
    font-size: 1.2rem;
    margin: 0;
    letter-spacing: .02rem;
}

.region-banner .banner-content p.text-align-center {
    margin: 12px auto 6px;
}

.fall-savings-event .region-banner .banner-content p.text-align-center,
.holiday-savings-event .region-banner .banner-content p.text-align-center {
    margin: 20px auto 10px;
}

.region-banner .banner-content p {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.2;
}

.region-banner .banner-content .promo-text .flex {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.region-banner .banner-content .promo-text .discount h1 {
    font-size: 9.75rem;
    letter-spacing: -.05em;
}

.region-banner .banner-content .promo-text h1 .sm-title {
    font-size: 2.815rem;
}

.region-banner .banner-content h1 span {
    display: block;
}

@media (max-width: 919px) {
    .title-banner .grid-container .banner-content {
        /* max-width: 440px; */
    }
}

@media screen and (max-width: 1199px) {

    .region-banner .banner-content h1 {
        font-size: 4.5rem;
    }

    .region-banner .banner-content .promo-text h1 .sm-title {
        font-size: 2rem;
    }

    .region-banner .banner-content .promo-text .discount h1 {
        font-size: 7.5rem;
    }
    .region-banner .banner-content .title-arrow-red p.text-align-center {
        font-size: 44px;
        line-height: 52px;
    }
    
    .title-arrow-red {
        height: 72px;
    }
    
    .region-banner .banner-content .title-arrow-blue p.text-align-center {
        font-size: 24px;
        line-height: 37px;
    }
    
    .title-arrow-blue {
        height: 57px;
    }
}

@media (min-width: 720px) {
		
		.summer-savings-sale .title-banner .banner-block.only-mobile {
    		background-image: url(/sites/delta/files/2024-06/banner-img-summer-savings-sale.jpg)!important;
    		background-position: top center;
		}
		
		.fall-savings-event .title-banner .banner-block.only-mobile {
    		background-image: url(/sites/delta/files/2024-09/img-banner-fall-savings-event.jpg)!important;
    		background-position: top center;
		}
		
		.holiday-savings-event .title-banner .banner-block.only-mobile {
    		background-image: url(/sites/delta/files/2024-11/img-banner-holiday-savings-event-2024.jpg)!important;
    		background-position: top center;
		}
		
		.holiday-savings-event.holiday-savings-event-2025 .title-banner .banner-block.only-mobile {
    		background-image: url(/sites/delta/files/2025-11/75419SN1280x380_Promo_Landing_Page_Hero_Desktop.jpg)!important;
    		background-position: top left;
		}
		
		.fall-faucet-fest .title-banner .banner-block.only-mobile {
    		background-image: url(/sites/delta/files/2025-09/19867LF-CZ_1280x380_Promo_Landing_Page_Hero_Desktop.jpg)!important;
    		background-position: top center;
    		display: none;
		}
	
    .summer-savings-sale .region-banner .banner-content .banner-right .banner-text,
    .fall-savings-event .region-banner .banner-content .banner-right .banner-text {
        width: 310px;
    }
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text {
        width: 450px;
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-left .banner-text .title-highlight,
    .fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight,
    .holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight {
        margin: 20px;
    }
    
    .region-banner .banner-content .banner-right .banner-text .discount h2 {
		    line-height: 1;
		    padding-bottom: 0;
		}
    
    .region-banner .banner-content .banner-right .banner-text .discount .discount-amount {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    .region-banner .banner-content .banner-right .banner-text .discount-amount .amount {
        font-size: 9.75rem;
        line-height: .9;
        letter-spacing: -.5rem;
        font-family: 'Trade_Gothic_LT_Bold_2';
    }
    
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount-amount .amount {
		    font-size: 12rem;
		    font-family: 'Trade_Gothic_LT_Bold';
		    letter-spacing: -20px;
		    margin-right: 15px;
		}
    
    .region-banner .banner-content .banner-right .banner-text .discount .percent-off {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        line-height: 1;
    }
    
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount .percent-off {
		    align-items: center;
		}

    .region-banner .banner-content .banner-right .banner-text .discount .percent {
        font-size: 5rem;
        line-height: 1;
    }
    
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount .percent {
		    font-size: 6rem;
		}
    
    .region-banner .banner-content .banner-right .banner-text .discount .off {
        font-size: 2.75rem;
        line-height: 1;
    }
    
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount .off {
		    font-size: 3.25rem;
		}
    
    .region-banner .banner-content .banner-right .banner-text .discount p {
        text-transform: uppercase;
        letter-spacing: .01rem;
        font-size: .85rem;
        font-weight: 100;
    }
    
    .region-banner .banner-content .banner-left .banner-text .title-highlight h2 span.refresh {
		    text-align: left;
		    padding: 5px 30px 0px 30px;
    		margin-right: -30px;
    		margin-left: -30px;
		}
    
    .region-banner .banner-content .banner-left .banner-text .title-highlight h2 span.title-first {
		    text-align: left;
		}
		
		.region-banner .banner-content .banner-left .banner-text .title-highlight h2 span.title-last {
		    float: right;
		}


}

@media (min-width: 720px) and (max-width: 919px) {
    /*.title-banner .grid-container .banner-content {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4009978991596639) 100%);
        background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4009978991596639) 100%);
        background: linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4009978991596639) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }*/
    
    .region-banner .banner-content .banner-left {
        min-width: 40%;
    }
    
    .region-banner .banner-content .banner-right {
        width: 60%;
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-left,
    .fall-savings-event .region-banner .banner-content .banner-left,
    .holiday-savings-event .region-banner .banner-content .banner-left {
        min-width: 50%;
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-right,
    .fall-savings-event .region-banner .banner-content .banner-right,
    .holiday-savings-event .region-banner .banner-content .banner-right {
        width: 50%;
    }
    
    .region-banner .banner-content .banner-right .banner-text {
        width: 100%;
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-left .banner-text .title-highlight p,
    .fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight p,
    .holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight p {
        font-size: .85rem;
    }	
    
    .summer-savings-sale .region-banner .banner-content .banner-right .banner-text .discount,
    .fall-savings-event .region-banner .banner-content .banner-right .banner-text .discount,
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount {
			font-size: 1em;
		}
		
    .summer-savings-sale .region-banner .banner-content .banner-right .banner-text .discount h2,
    .fall-savings-event .region-banner .banner-content .banner-right .banner-text .discount h2,
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount h2 {
			font-size: 2.5em;
		}
		
    .summer-savings-sale .region-banner .banner-content .banner-right .banner-text .discount-amount .amount,
    .fall-savings-event .region-banner .banner-content .banner-right .banner-text .discount-amount .amount,
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount-amount .amount {
       font-size: 7.5em; 
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-right .banner-text .discount .percent,
    .fall-savings-event .region-banner .banner-content .banner-right .banner-text .discount .percent,
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount .percent {
       font-size: 1.5em;  
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-right .banner-text .discount .off,
    .fall-savings-event .region-banner .banner-content .banner-right .banner-text .discount .off,
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount .off {
        font-size: .9em;
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-right p,
    .fall-savings-event .region-banner .banner-content .banner-right p {
        font-size: 1.2rem;
    }
    
    .holiday-savings-event .region-banner .banner-content .banner-right p {
        font-size: 1.33rem;
    }
}

@media (min-width: 720px) {
		.fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop,
		.holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop,
		.fall-faucet-fest .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop {
		    display: block;
		}
		
		.fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-mobile,
		.holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-mobile,
		.fall-faucet-fest .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-mobile {
		    display: none;
		}
}

@media (max-width: 719px) {		
		.fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop,
		.holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop,
		.fall-faucet-fest .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-destop {
		    display: none;
		}
		
		.fall-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-mobile,
		.holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-mobile,
		.fall-faucet-fest .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-mobile {
		    display: block;
		}
}

@media (min-width: 920px) {
		.title-banner .banner-block.only-mobile {
    		/*display: flex;*/
    		min-height: 420px;
    		background-position: right top;
		}
		
		.holiday-savings-event .title-banner .banner-block.only-mobile { display: none; }
		
		.kitchen-refresh .title-banner .banner-block.only-mobile {
    		background-image: url(/sites/delta/files/2024-03/banner-img-2024-kitchen-refresh-1.jpg)!important;
		}
		
		.fall-savings-event .title-banner .banner-block.only-mobile,
		.holiday-savings-event .title-banner .banner-block.only-mobile {
			background-position: right top;
		}
}

@media (max-width: 919px) {
		.title-banner .banner-block.only-destop,
    .title-banner .banner-block.only-mobile {
				display: flex;
        min-height: 520px;
        background-position: right top;
        padding-bottom: 0;
    }
    
    .kitchen-refresh-sale-2026 .title-banner .banner-block.only-mobile {
				height: 100vw;
    }
    
    .summer-savings-sale .title-banner .banner-block.only-mobile,
    .fall-savings-event .title-banner .banner-block.only-mobile,
    .holiday-savings-event .title-banner .banner-block.only-mobile,
    .fall-faucet-fest .title-banner .banner-block.only-mobile {
		    min-height: 340px;
		}
}

@media (max-width: 819px) {
		.title-banner .banner-block.only-destop,
    .title-banner .banner-block.only-mobile {
        min-height: 450px;
    }
}

@media (max-width: 719px) {
    .title-banner .grid-container .banner-content {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4009978991596639) 100%);
        background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4009978991596639) 100%);
        background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4009978991596639) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }
    .kitchen-refresh-sale-2026 .title-banner .grid-container .banner-content {
        background: none;
    }
    
    .title-banner .banner-block.only-mobile,
    .title-banner .banner-block.only-destop {
        height: 100vw;
        min-height: 520px;
        background-position: top center;
    		padding-bottom: 0;
    }
    
    .kitchen-refresh .title-banner .banner-block.only-mobile,
    .kitchen-refresh .title-banner .banner-block.only-destop {
    		/*background-image: url(/sites/delta/files/2024-03/banner-img-2024-kitchen-refresh-mobile.jpg)!important;*/
    }
    .kitchen-refresh-sale-2026 .title-banner .banner-block.only-destop {
    		background-image: url(/sites/delta/files/2026-04/19867LF-CZ_750x760_Promo_Landing_Page_Hero_Mobile%20–%201.jpg)!important;
    }

    .summer-savings-sale .title-banner .banner-block.only-destop {
    		background-image: url(/sites/delta/files/2024-05/banner-img-summer-savings-sale-bg-750x760.jpg)!important;
    }

    .fall-savings-event .title-banner .banner-block.only-destop {
    		background-image: url(/sites/delta/files/2024-09/banner-img-fall-savings-event-750x760.jpg)!important;
    }

    .holiday-savings-event .title-banner .banner-block.only-destop {
    		background-image: url(/sites/delta/files/2024-11/img-banner-holiday-savings-event-2024-mobile.jpg)!important;
    }

    .holiday-savings-event.holiday-savings-event-2025 .title-banner .banner-block.only-destop {
    		background: none!important;
    }

    .fall-faucet-fest .title-banner .banner-block.only-destop {
    		background-image: url(/sites/delta/files/2025-09/19867LF-CZ_375x380_Promo_Landing_Page_Hero_Mobile.jpg)!important;
    }
    
    .region-banner .banner-content .banner-left {
        background-color: transparent;
        width: 100%;
        height: auto;
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-left {
    	justify-content: flex-start;
    }

    .fall-savings-event .region-banner .banner-content .banner-left,
    .holiday-savings-event .region-banner .banner-content .banner-left,
    .fall-faucet-fest .region-banner .banner-content .banner-left {
    	justify-content: center;
      align-items: flex-end;
    }
    
    .title-banner .grid-container .banner-content {
        display: flex;
        flex-direction: column;
    		justify-content: flex-end;
    }
    
    .summer-savings-sale .title-banner .grid-container .banner-content,
    .holiday-savings-event .title-banner .grid-container .banner-content{
		    justify-content: space-between;
		}
		
    .holiday-savings-event.holiday-savings-event-2025 .title-banner .grid-container .banner-content {
		    background: none;
		}

    .region-banner .banner-content .banner-left .banner-text .title-highlight {
        text-align: center;
    }
    
    .holiday-savings-event .region-banner .banner-content .banner-left .banner-text .title-highlight img.only-mobile {
		    max-width: 550px;
		    width: 100%;
		    padding: 20px;
		}
    
    .region-banner .banner-content .banner-left .banner-text .title-highlight h2 {
        display: block;
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
        font-size: 2.75rem;
    }
    
    .region-banner .banner-content .banner-left .banner-text .title-highlight h2 span.refresh {
        display: inline-block;
        padding: 15px 5px;
        margin: -25px -5px;
    }
    
    .region-banner .banner-content .banner-right {
        height: auto;
    }
    
    .summer-savings-sale .region-banner .banner-content .banner-right,
    .fall-savings-event .region-banner .banner-content .banner-right,
    .holiday-savings-event .region-banner .banner-content .banner-right {
	    padding-bottom: 30px;
	}
	    
    .region-banner .banner-content .banner-right .banner-text {
        width: 100%;
        text-align: center;
    }
    
    .region-banner .banner-content .banner-right .banner-text .discount {
        text-align: center;
        display: inline-flex;
        padding-bottom: 5px;
        align-items: center;
    }
    
    .region-banner .banner-content .banner-right .banner-text .discount h2 {
        display: inline;
        font-size: 2rem;
    }
    .region-banner .banner-content .banner-right .banner-text .discount .discount-amount {
	    display: inline-flex;
	  }
    
    .region-banner .banner-content .banner-right .banner-text .discount h2.amount {
        display: inline-block;
        font-size: 6rem;
        padding-left: 5px;
    }
    
    .holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount h2.amount {
    	 letter-spacing: -10px;
  		 margin-right: 5px;
    }
		
		.region-banner .banner-content .banner-right .banner-text .discount h2.percent-off {
		    display: inline-flex;
		    flex-direction: row;
		    align-items: center;
		    line-height: 62px;
		    justify-content: flex-start;
		}
		
		.region-banner .banner-content .banner-right .banner-text .discount h2.percent-off .percent {
		    font-size: 5rem;
		}
		
		.holiday-savings-event .region-banner .banner-content .banner-right .banner-text .discount h2.percent-off .percent {
		    font-size: 6rem;
		}
		
		.region-banner .banner-content .banner-right .banner-text .discount h2.percent-off .off {
		    font-size: 2rem;
		}
    
    .region-banner .banner-content .banner-right .banner-text p {
        text-align: center;
    		font-size: 1rem;
    }
    
    .region-banner .banner-content .banner-right .banner-footer p {
		    font-size: .9rem;
		}
		
		.summer-savings-sale .region-banner .banner-content .banner-right .banner-footer p,
		.fall-savings-event .region-banner .banner-content .banner-right .banner-footer p,
		.holiday-savings-event .region-banner .banner-content .banner-right .banner-footer p {
	    font-size: .75rem;
	}
}

@media (max-width: 640px) {
    .region-banner .banner-content .banner-left .banner-text .title-highlight h2 {
        font-size: 2.5rem;
    }
    .region-banner .banner-content .banner-left .banner-text .title-highlight h2 span.refresh {
        font-size: 3rem;
    }

}

@media (max-width: 580px) {
    .region-banner .banner-content .banner-left .banner-text .title-highlight h2 {
        font-size: 2rem;
        display: inline;
    }
    .region-banner .banner-content .banner-left .banner-text .title-highlight h2 span.refresh {
        font-size: 3rem;
        padding: 10px 5px;
        margin: -10px -5px;
    }

		.summer-savings-sale .region-banner .banner-content .date,
		.fall-savings-event .region-banner .banner-content .date,
		.holiday-savings-event .region-banner .banner-content .date {
		    margin-top: 5px;
		}

}

@media (max-width: 480px) {
	.region-banner .banner-content .banner-right .banner-text .discount h2 {
	    line-height: 1;
	    font-size: 1.6rem;
	}
}


.region-banner .banner-content .u-text-xxl {
    font-size: 2rem!important;
}

.region-banner .banner-content .divider,
.text-long hr.divider {
    border: 2px solid #C0E1ED;
    width: 25%;
    text-align: center;
    margin: 1em auto;
}

@media (min-width: 920px) and (max-width: 1200px) {
  .region-banner .banner-content {
      font-size: .9rem;
  }

  .region-banner .banner-content .u-text-xxl {
      font-size: 1.5rem!important;
  }
}


@media (min-width: 920px) {
    .plp-wrapper {
        min-height: 800px;
    }
    .plp-wrapper .region-content {
        width: 100%!important;
    }
}

.grid::after {
  content: "";
  display: block;
  clear: both;
}

.section_lead_in .section-lead-in {
    margin: 0;
}

.product-grid__item.grid-item,
.product-grid__item.grid-sizer {
   width: 100%;
   height: 420px;
}

.product-grid__item .product-tile__name {
    font-size: 1rem;
    margin: .25rem 0;
    padding-right: 5px;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.product-grid__item .product-tile__product-name {
    height: 62px;
}

.text-long .product-tile .product-tile__body p.product-tile__name {
    min-height: 42px;
}

.product-tile--default .product-tile__body {
    width: 100%;
}

.product-grid__item.interrupter {
    width: 100%;
    height: 580px;
}

.plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile {
    padding: 0;
    height: 100%;
}

.fall-savings-event .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile,
.holiday-savings-event .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile,
.fall-faucet-fest .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile {
    display: flex!important;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.summer-savings-sale .product-grid__item.interrupter .product-grid__item .product-tile:hover,
.fall-savings-event .product-grid__item.interrupter .product-grid__item .product-tile:hover,
.holiday-savings-event .product-grid__item.interrupter .product-grid__item .product-tile:hover,
.fall-faucet-fest .product-grid__item.interrupter .product-grid__item .product-tile:hover {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none!important;
}

.kitchen-refresh-sale-2026 .product-grid__item.interrupter .product-grid__item {
    margin-bottom: 0;
}

.product-grid__item.interrupter .product-grid__item {
    background-color: #F2F1EF;
    height: 100%;
    padding-top: 0;
}

.holiday-savings-event.holiday-savings-event-2025 .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile img {
    max-width: 65%;
}

.holiday-savings-event.holiday-savings-event-2025 .product-grid__item.interrupter .product-grid__item {
    background-color: #C0E1ED;
}

.summer-savings-sale .product-grid__item.interrupter .product-grid__item {
    background-image: url(/sites/delta/files/2024-06/img-summer-savings-interrupter-badge-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-right: 10%;
    margin-left: 10%;
}

@media (max-width: 530px) {
	.summer-savings-sale .product-grid__item.interrupter .product-grid__item,
	.fall-savings-event .product-grid__item.interrupter .product-grid__item,
	.holiday-savings-event .product-grid__item.interrupter .product-grid__item,
	.fall-faucet-fest .product-grid__item.interrupter .product-grid__item {
	    margin-right: 0%;
	    margin-left: 0%;
	}
}

.product-grid__item.interrupter .product-tile--default .product-tile__body .flex {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.fall-savings-event .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body,
.holiday-savings-event .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body,
.fall-faucet-fest .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body {
		height: 38%;
		padding: 20px !important;
		display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
}

.kitchen-refresh-sale .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body,
.fall-faucet-fest .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body {
    padding-top: 5px!important;
}

.product-grid__item.interrupter .product-tile--default .product-tile__body h2 {
    margin-top: 15px;
    letter-spacing: -0.01em;
    font-family: 'Trade_Gothic_LT_Bold_2';
    margin-bottom: 0;
    font-size: 4rem;
    color: #000;
    line-height: 1;
}

.product-grid__item.interrupter .product-tile--default .product-tile__body .d-inline-flex h2 span {
    display: block;
}

.product-grid__item.interrupter .product-tile--default .product-tile__body .d-inline-flex h2 span.sm-title {
    font-size: 1.8rem;
}

.product-grid__item.interrupter .product-tile--default .product-tile__body .discount h2 {
    font-size: 7rem;
    letter-spacing: -.05em;
}

.product-grid__item.interrupter .product-tile__header {
    background-image: url(/sites/delta/files/2024-03/img-kitchen-refresh-spring-2024.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 350px;
    position: relative;
}

.summer-savings-sale .product-grid__item.interrupter .product-tile__header {
    background-image: none;
    height: 250px;
    align-items: flex-start;
    justify-content: flex-start;
}

.fall-savings-event .product-grid__item.interrupter .product-tile__header {
    background-image: url(/sites/delta/files/2024-09/img-fall-savings-event-interrupter-bg.jpg);
    height: 62%;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 20px;
}

.holiday-savings-event .product-grid__item.interrupter .product-tile__header {
    background-image: url(/sites/delta/files/2024-11/img-holiday-savings-event-interrupter-bg.jpg);
    height: 62%;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-position: center;
}

.kitchen-refresh-sale .product-grid__item.interrupter .product-tile__header,
.fall-faucet-fest .product-grid__item.interrupter .product-tile__header,
.holiday-savings-event.holiday-savings-event-2025 .product-grid__item.interrupter .product-tile__header {
    background-image: none;
    background-color: #C0E1ED;
    height: auto;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background-position: center;
}
.holiday-savings-event.holiday-savings-event-2025 .product-grid__item.interrupter .product-tile__header,
.kitchen-refresh-sale.kitchen-refresh-sale-2026 .product-grid__item.interrupter .product-tile__header{
    padding: 0;
}

@media screen and (min-width: 640px) and (max-width: 767px) {
	.summer-savings-sale .product-grid__item.interrupter .product-tile__header {
		height: 220px;
	}
  .fall-savings-event .product-grid__item.interrupter .product-tile__header,
  .holiday-savings-event .product-grid__item.interrupter .product-tile__header {
		height: 55%;
	}
	
	.kitchen-refresh-sale .product-grid__item.interrupter .product-tile__header,
  .fall-faucet-fest .product-grid__item.interrupter .product-tile__header,
  .holiday-savings-event.holiday-savings-event-2025 .product-grid__item.interrupter .product-tile__header {
		height: auto;
	}
	
	.fall-savings-event .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body,
	.holiday-savings-event .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body,
	.fall-faucet-fest .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body {
			height: 45%;
	}
}

.product-grid__item.interrupter .product-tile__header::after {
    background: linear-gradient(0deg, rgba(0,0,0,.5), transparent);
    position: absolute;
    width: 100%;
    height: 50%;
    content: "";
    z-index: 1;
}

.summer-savings-sale .product-grid__item.interrupter .product-tile__header::after,
.fall-savings-event .product-grid__item.interrupter .product-tile__header::after,
.fall-faucet-fest .product-grid__item.interrupter .product-tile__header::after {
    content: none;
}

.holiday-savings-event .product-grid__item.interrupter .product-tile__header::after {
    content: "";
    width: 100%;
    height: 40%;
    position: absolute;
    z-index: 1;
    background: linear-gradient(360deg, #0000008a, transparent);
    bottom: 0;
}

.kitchen-refresh-sale .product-grid__item.interrupter .product-tile__header::after,
.holiday-savings-event.holiday-savings-event-2025 .product-grid__item.interrupter .product-tile__header::after,
.fall-faucet-fest .product-grid__item.interrupter .product-tile__header::after {
    content: none;
}

.product-grid__item.interrupter .product-tile__header .title-highlight {
    margin: 5px auto;
}

.kitchen-refresh-sale-2026 .product-grid__item.interrupter .product-tile__header .title-highlight {
    margin: 0 auto 5px auto;
}

.summer-savings-sale .product-grid__item.interrupter .product-tile__header .title-highlight img,
.fall-savings-event .product-grid__item.interrupter .product-tile__header .title-highlight img,
.holiday-savings-event .product-grid__item.interrupter .product-tile__header .title-highlight img {
    max-width: 66%;
}

.kitchen-refresh-sale .product-grid__item.interrupter .product-tile__header .title-highlight img,
.fall-faucet-fest .product-grid__item.interrupter .product-tile__header .title-highlight img {
    max-width: 60%;
}

.kitchen-refresh-sale-2026 .product-grid__item.interrupter .product-tile__header .title-highlight img {
    max-width: 90%;
    margin: 0 0 0 10%;
}

.product-grid__item.interrupter .product-tile__header .title-highlight h2 {
    display: inline-block;
    background-color: #ffffff;
    padding: 0 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.75rem;
    font-family: 'Trade_Gothic_LT_Roman';
    font-weight: 300;
    line-height: 1;
    letter-spacing: .01em;
}

.product-grid__item.interrupter .product-tile__header .title-highlight h2 span {
    padding: 10px 5px;
    background-color: #C0E1ED;
    margin: -10px -5px;
    font-family: 'Calluna';
    text-transform: lowercase;
    font-size: 2.75rem;
    font-weight: 100;
    letter-spacing: normal;
}

.product-grid__item.interrupter .product-tile__header .discount,
.summer-savings-sale .product-grid__item.interrupter .discount,
.fall-savings-event .product-grid__item.interrupter .discount,
.holiday-savings-event .product-grid__item.interrupter .discount,
.fall-faucet-fest .product-grid__item.interrupter .discount {
    position: relative;
    z-index: 10;
    color: #ffffff;
    font-size: .9em;
    line-height: 1;
}

.product-grid__item.interrupter .product-tile__header .discount h2,
.summer-savings-sale .product-grid__item.interrupter  .product-tile--default .product-tile__body .discount h2,
.fall-savings-event .product-grid__item.interrupter  .product-tile--default .product-tile__body .discount h2,
.holiday-savings-event .product-grid__item.interrupter  .product-tile--default .product-tile__body .discount h2,
.fall-faucet-fest .product-grid__item.interrupter  .product-tile--default .product-tile__body .discount h2 {
    margin-bottom: 0;
    font-size: 1.25rem;
    letter-spacing: .02rem;
    line-height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
    color: #ffffff;
}

.kitchen-refresh-sale .product-grid__item.interrupter .discount,
.kitchen-refresh-sale .product-grid__item.interrupter .product-tile__header .discount h2,
.fall-faucet-fest .product-grid__item.interrupter .discount,
.fall-faucet-fest .product-grid__item.interrupter .product-tile__header .discount h2 {
	color: #000000;
}

.product-grid__item.interrupter .product-tile__header .discount h2 span,
.summer-savings-sale .product-grid__item.interrupter  .product-tile--default .product-tile__body .discount h2 span,
.fall-savings-event .product-grid__item.interrupter  .product-tile--default .product-tile__body .discount h2 span,
.holiday-savings-event .product-grid__item.interrupter  .product-tile--default .product-tile__body .discount h2 span,
.fall-faucet-fest .product-grid__item.interrupter  .product-tile--default .product-tile__body .discount h2 span {
    font-size: 4rem;
    padding-right: 5px;
    padding-left: 5px;
}

.product-grid__item.interrupter .product-tile__header p {
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
    font-family: 'Trade_Gothic_LT_Bold_2';
    line-height: 1.2;
}

.product-grid__item.interrupter .product-tile__header .discount p,
.summer-savings-sale .product-grid__item.interrupter .discount p,
.fall-savings-event .product-grid__item.interrupter .discount p,
.holiday-savings-event .product-grid__item.interrupter .discount p,
.fall-faucet-fest .product-grid__item.interrupter .discount p {
    line-height: 1;
    padding-top: 0;
    font-family: 'Trade_Gothic_LT_Roman';
    font-weight: 300;
    font-size: .85em;
}

.product-grid__item.interrupter .product-tile__header .discount .date,
.summer-savings-sale .product-grid__item.interrupter .discount .date,
.fall-savings-event .product-grid__item.interrupter .discount .date,
.holiday-savings-event .product-grid__item.interrupter .discount .date,
.fall-faucet-fest .product-grid__item.interrupter .discount .date {
    padding: 8px;
    display: block;
    font-size: .8em;
}

.kitchen-refresh-sale .product-grid__item.interrupter .discount .date,
.fall-faucet-fest .product-grid__item.interrupter .discount .date { 
	padding-bottom: 0; 
}

.summer-savings-sale .product-grid__item.interrupter .discount p,
.fall-savings-event .product-grid__item.interrupter .discount p,
.holiday-savings-event .product-grid__item.interrupter .discount p,
.fall-faucet-fest .product-grid__item.interrupter .discount p {
    text-transform: uppercase;
    font-family: 'TradeGothic_LT_Light', Helvetica, Arial, sans-serif;
    font-weight: 100;
}

.fall-savings-event .product-grid__item.interrupter .discount p,
.holiday-savings-event .product-grid__item.interrupter .discount p,
.fall-faucet-fest .product-grid__item.interrupter .discount p {
    letter-spacing: .05em;
    padding-top: 5px;
}

.summer-savings-sale .product-grid__item.interrupter .discount p.date {
    font-size: .65rem;
    padding-top: 20px;
    text-align: center;
}

.fall-savings-event .product-grid__item.interrupter .discount p.date {
    font-size: .8em;
    padding-top: 0;
    text-align: center;
}

.holiday-savings-event .product-grid__item.interrupter .discount p.date {
    font-size: .65em;
    padding-top: 0;
    text-align: center;
}

.fall-faucet-fest .product-grid__item.interrupter .discount p.date {
    font-size: .65em;
    padding-top: 0;
    text-align: center;
}

.product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body {
    margin-top: 3%;
    margin-bottom: 3%;
}

.fall-savings-event .product-grid__item.interrupter .product-tile .product-tile__body p,
.holiday-savings-event .product-grid__item.interrupter .product-tile .product-tile__body p,
.fall-faucet-fest .product-grid__item.interrupter .product-tile .product-tile__body p {
    font-size: 18px;
    margin-bottom: 15px;
}

.kitchen-refresh-sale .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body p,
.fall-faucet-fest .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body p {
    font-size: 16px;
    margin-bottom: 8px;
}



@media (max-width: 767px) {
    .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body {
        margin: 0;
        padding: .5rem;
    }
    .product-tile .image-ratio {
        min-height: unset;
    }
}

@media (max-width: 57.4375rem) {
		.plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile {
		    display: block !important;
		}
		.fall-savings-event .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile,
		.holiday-savings-event .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile,
		.fall-faucet-fest .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile
		{
		    display: flex !important;
		}
    #product-search-results .product-grid__item.interrupter .product-tile__body {
        padding-top: 0;
    }
}

.product-grid__item.interrupter .product-logos {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.product-grid__item.interrupter .product-logos .col-md-12,
.product-grid__item.interrupter .product-logos .col-md-6,
.product-grid__item.interrupter .product-logos .col-md-4 {
    width: 50%; /* 100% */;
    padding: 5px;
}

.summer-savings-sale .product-grid__item.interrupter .product-logos .col-md-12,
.summer-savings-sale .product-grid__item.interrupter .product-logos .col-md-6,
.summer-savings-sale .product-grid__item.interrupter .product-logos .col-md-4,
.fall-savings-event .product-grid__item.interrupter .product-logos .col-md-12,
.fall-savings-event .product-grid__item.interrupter .product-logos .col-md-6,
.fall-savings-event .product-grid__item.interrupter .product-logos .col-md-4,
.holiday-savings-event .product-grid__item.interrupter .product-logos .col-md-12,
.holiday-savings-event .product-grid__item.interrupter .product-logos .col-md-6,
.holiday-savings-event .product-grid__item.interrupter .product-logos .col-md-4,
.fall-faucet-fest .product-grid__item.interrupter .product-logos .col-md-12,
.fall-faucet-fest .product-grid__item.interrupter .product-logos .col-md-6,
.fall-faucet-fest .product-grid__item.interrupter .product-logos .col-md-4 {
    width: 33%;
}

.product-grid__item.interrupter .product-logos img {
    max-width: 120px;
    max-height: 100px;
}

.summer-savings-sale .product-grid__item.interrupter .product-logos img,
.fall-savings-event .product-grid__item.interrupter .product-logos img,
.holiday-savings-event .product-grid__item.interrupter .product-logos img,
.fall-faucet-fest .product-grid__item.interrupter .product-logos img {
    max-width: 100%;
}


@media only screen and (max-width: 639px) {
    .product-grid__item.interrupter .product-tile--default .product-tile__body {
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 5px;
        margin-top: 0px;
        padding-bottom: 5px;
    }

    .product-grid__item.interrupter .product-tile--default .product-tile__body h2 {
         padding-bottom: 5px;
    }
    
    .text-long .product-tile .product-tile__body p.u-text-lg {
        font-size: .9em!important;
    }
    
    .text-long .product-tile .product-tile__body p.u-text-xxl {
        font-size: 1.1em!important;
    }
}

@media only screen and (min-width: 440px) {
    .product-grid__item.grid-item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
        max-width: 50%;
        height: 420px;
    }
    .product-grid__item.grid-item.interrupter {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        height: 500px;
    }
    .product-grid__item.interrupter .product-logos .col-md-6,
    .product-grid__item.interrupter .product-logos .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
        width: 33.333%;
        padding: 2px 10px;
    }
    .product-grid__item.interrupter .product-logos img {
        max-width: 120px;
    }
		.summer-savings-sale .product-grid__item.interrupter .product-logos img,
		.fall-savings-event .product-grid__item.interrupter .product-logos img,
		.holiday-savings-event .product-grid__item.interrupter .product-logos img,
		.fall-faucet-fest .product-grid__item.interrupter .product-logos img {
		    max-width: 100px;
		}
}

@media (max-width: 639px) {
    .summer-savings-sale .product-grid__item.grid-item.interrupter,
    .fall-savings-event .product-grid__item.grid-item.interrupter,
    .holiday-savings-event .product-grid__item.grid-item.interrupter,
    .fall-faucet-fest .product-grid__item.grid-item.interrupter {
        height: 580px;
    }
    
		.summer-savings-sale .product-grid__item.interrupter .product-tile__header {
			height: 285px;
		}
}

@media (min-width: 640px) {
    .product-grid__item.grid-item {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        width: 33.333%;
        max-width: 33.333%;
        height: 490px;
    }
    .product-grid__item.grid-item.interrupter {
        -ms-flex-preferred-size: 66.666%;
        flex-basis: 66.666%;
        width: 66.666%;
        max-width: 66.666%;
        height: 490px;
    }
}

@media (min-width: 768px) {
    .product-grid__item.grid-item {
        height: 560px;
    }
    .product-grid__item.grid-item.interrupter {
        height: 560px;
    }
}

@media only screen and (min-width: 920px) {
    .product-grid__item.grid-item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        width: 25%;
        max-width: 25%;
        height: 530px;
    }
    .product-grid__item.grid-item.interrupter {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
        max-width: 50%;
        height: 530px;
    }
}

@media only screen and (min-width: 1200px) {
    .product-grid__item.grid-item {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        width: 20%;
        max-width: 20%;
        height: 530px;
    }
    .product-grid__item.grid-item.interrupter {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        width: 40%;
        max-width: 40%;
        height: 530px;
    }
}

.kitchen-refresh-sale-2026 .product-grid__item.grid-item.interrupter {
	height: unset!important;
}

.d-inline-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.pr-1 {
    padding-right: 1rem;
}

/*
.discount {
    font-size: 5rem;
    letter-spacing: -2px;
    line-height: 1;
}

.discount sup {
    top: -.6em;
    font-size: 55%;
}
*/

@media (max-width: 719px) {

    .region-banner .banner-content .promo-text {
        margin-top: 0;
        padding-bottom: 0;
        margin-left: 20px;
    }

    .region-banner .banner-content .promo-text .flex {
        display: flex;
        flex-direction: column;
    }
    .title-arrows {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .region-banner .banner-content h1 { margin-top: 0px; }

    .promo-text::before {
        bottom: -25px;
        right: unset;
        left: -5.75px;
        top: unset;
        transform: rotate(25deg) skew(25deg, 0deg);
        height: 60px;
        width: 55.5%;
    }
    
    .promo-text::after {
        bottom: -25px;
        right: -5.75px;
        left: unset;
        top: unset;
        transform: rotate(-25deg) skew(-25deg, 0deg);
        height: 60px;
        width: 55.5%;
    }  

    .title-arrow-red {
        padding-right: 20px;
        padding-left: 40px;
    }
    
    .title-arrow-blue {
        padding-right: 20px;
        padding-left: 40px;
    }
}



@media (max-width: 719px) {
    .banner-block .breadcrumb-block { display: none; }
    
    .plp-results__header { display:none; }
}

@media (min-width: 720px) {
    .plp-results__qty-wrap {
        display: block;
    }
}

.plp-results__qty-wrap .product-count-update {
    font-weight: 700;
}

.button--primary.button--sm {
    padding: 0.5rem 1.5rem;
    margin-top: 1em;
    white-space: normal;
    display: flex;
    justify-content: center;
}

@media (min-width: 768px) {
  .product-tile--default .product-tile__body {
      padding: 0 13px 0 15px;
  }
}

.plp-wrapper .region-content.stack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
}

.plp-wrapper .region-content.stack .plp-results {
    margin-left: 0;
}

/* Sub Menu Wrapper */

.plp-wrapper .sub-menu-wrapper {
    margin-bottom: 30px;
}

.plp-wrapper .sub-menu-wrapper ul.sub-menu li {
    padding-left: 0;
}

.plp-wrapper .sub-menu-wrapper ul.sub-menu li button {
    background: #e6e6e8;
    text-transform: uppercase;
    color: #18191d;
    padding: 10px 40px;
    display: flex;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: "Trade_Gothic_LT_Bold";
    position: relative;
    z-index: 2;
    text-align: center;
    align-items: center;
}

@media (max-width: 999px) {
    .plp-wrapper .sub-menu-wrapper ul.sub-menu li button {
        padding:10px 20px;
        width: 100%;
    }
}

.plp-wrapper .sub-menu-wrapper ul.sub-menu li button::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    transition: all ease 0.5s;
    width: 100%;
}

@media (prefers-reduced-motion:reduce) {
   .plp-wrapper  .sub-menu-wrapper ul.sub-menu li button::before {
        transition: 0s !important;
    }
}

.plp-wrapper .sub-menu-wrapper ul.sub-menu li button:hover {
    color: #fff;
    background: #ac0535;
}

.plp-wrapper .sub-menu-wrapper ul.sub-menu li button.active {
    color: #fff;
    background: #18191d;
}



@media screen and (min-width: 720px){
    .desktop-only {
        display: block;
    }
    
    .mobile-only {
        display: none;
    }
}

@media screen and (max-width: 719px){
    .desktop-only {
        display: none;
    }
    
    .mobile-only {
        display: block;
    }
}