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

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

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

.title-banner { width: 100%; }

.matte-black-friday-sale .region-banner .banner-block {
    color: #ffffff;
    min-height: 430px;
}

.region-banner .banner-block .grid-container {
    background-color: #fff;
}

.matte-black-friday-sale .region-banner .banner-block .grid-container {
    background-color: #000;
    padding-bottom: 35px;
    padding-top: 35px;
}

.region-banner .banner-block {
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

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

.matte-black-friday-sale .region-banner .banner-content {
    font-size: .9rem;
}

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

.kitchenkitchen-refresh-sale .region-banner .banner-content .banner-header::before, .banner-header::after {
    position: absolute;
    content: "";
}

.kitchenkitchen-refresh-sale .region-banner .banner-content .banner-header::before {
    top: -20px;
    left: 0;
    background-image: url('https://www.deltafaucet.com/sites/delta/files/2023-03/stars-left.png');
    width: 41px;
    height: 63px;
}

.kitchenkitchen-refresh-sale .region-banner .banner-content .banner-header::after {
    right:0;
    bottom: -20px;
    background-image: url('https://www.deltafaucet.com/sites/delta/files/2023-03/stars-right.png');
    width: 51px;
    height: 75px;
}

@media (max-width: 609px) {
    .region-banner .banner-content .banner-header {
        padding-right: 20px;
        padding-left: 20px;
    }
    
    .kitchenkitchen-refresh-sale .region-banner .banner-content .banner-header::before {
        left: -10px;
        background-image: url(https://www.deltafaucet.com/sites/delta/files/2023-03/stars-right.png);
        width: 51px;
        height: 75px;
        top: -30px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .kitchenkitchen-refresh-sale .region-banner .banner-content .banner-header::after {
        right: -10px;
        background-image: url('https://www.deltafaucet.com/sites/delta/files/2023-03/stars-left.png');
        width: 41px;
        height: 63px;
        bottom: -30px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1) rotate(180deg);
    }
}

.region-banner .banner-content h1 {
    font-size: 3.5em;
    font-family: 'Trade_Gothic_LT_Bold_2';
    letter-spacing: -.02em;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
}

.matte-black-friday-sale .region-banner .banner-content h1,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile h1 {
    color: #FFFFFF;
    font-size: 2.5em;
}

.matte-black-friday-sale .region-banner .banner-content h1 span.highlight,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile span.highlight {
    margin: 0.25em 0;
    display: inline-block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 0.25em 0;
}

.matte-black-friday-sale .region-banner .banner-content h1 span.matte, 
.matte-black-friday-sale .region-banner .banner-content h1 span.sale {
    font-size: 1.25em;
}

.matte-black-friday-sale .region-banner .banner-content h1 span.matte {
    letter-spacing: .5em;
    margin-right: -.5em;
}

.matte-black-friday-sale .region-banner .banner-content h1 span.sale {
    letter-spacing: .95em;
    margin-right: -.95em;
}

.matte-black-friday-sale .product-grid__item.interrupter .product-tile h2 { color: #ffffff; }

.matte-black-friday-sale .region-banner .banner-content h2 {
    font-size: 1.75em;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
    line-height: 1;
}

.matte-black-friday-sale .product-grid__item.interrupter .product-tile--default .product-tile__body h2 {
    font-size: 2.1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
    line-height: 1;
    padding-bottom: 7px;
}

.matte-black-friday-sale .region-banner .banner-content h2 span.save,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile span.save {
    padding-right: 7px;
}

.matte-black-friday-sale .region-banner .banner-content h2 span.percentage,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile span.percentage {
    display: flex;
    padding-left: 7px;
}
.matte-black-friday-sale .region-banner .banner-content h2 span.percent-off,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile span.percent-off {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: .4em;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.matte-black-friday-sale .region-banner .banner-content h2 span.save, 
.matte-black-friday-sale .region-banner .banner-content h2 span.percentage,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile span.save,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile span.percentage {
    font-size: 3em;
}

.matte-black-friday-sale .region-banner .banner-content h2 span.h2--light,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile span.h2--light {
    display: block;
}

.matte-black-friday-sale .region-banner .banner-content h2 span.h2--light sup,
.matte-black-friday-sale .product-grid__item.interrupter .product-tile span.h2--light sup {
    font-size: 40%;
    top: -1.25em;
}

@media (max-width: 919px) {
    .matte-black-friday-sale .region-banner .banner-block {
        justify-content: flex-start;
    }
    .matte-black-friday-sale .region-banner .banner-block .grid-container {
        min-width: unset;
        align-items: center;
        max-width: 50%!important;
        margin: 0;
        width: 50%;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
}


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

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

@media (min-width: 420px) {
  .region-banner .banner-content p.w-70 {
      max-width: 70%;
      margin-right: auto;
      margin-left: auto;
  }
}

.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-block {
      background-size: auto;
      background-position: 120% 50%;
  }
  
  .matte-black-friday-sale .region-banner .banner-block {
      background-size: cover;
      background-position: 100% 50%;
  }

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

@media (min-width: 720px) and (max-width: 819px) {
    .matte-black-friday-sale .region-banner .banner-content {
        font-size: .75rem;
    }
}

@media (max-width: 719px) {
    .matte-black-friday-sale .region-banner .banner-content {
        font-size: .65rem;
    }
}

@media (max-width: 440px) {
    .matte-black-friday-sale .product-grid__item.interrupter { 
      height: 480px;
    }
    .matte-black-friday-sale .region-banner .banner-block.only-mobile {
    background-size: cover;
    }
    .matte-black-friday-sale .region-banner .banner-content {
        font-size: .45em;
    }
    .matte-black-friday-sale .region-banner .banner-content h1 span.highlight {
        font-size: 1.9em;
        letter-spacing: .025em;
        text-align: center;
        line-height: .9;
    }
    .matte-black-friday-sale .product-grid__item.interrupter .product-tile span.highlight {
        font-size: 1.3em;
        letter-spacing: .025em;
        text-align: center;
        line-height: .9;
    }
}
@media (max-width: 340px) {
    .matte-black-friday-sale .product-grid__item.interrupter .product-tile span.highlight {
      display: block;
      margin: 0.25em;
    }
}


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

.product-grid__item.interrupter .product-grid__item {
    background-color: #F2F1EF;
}

.matte-black-friday-sale .product-grid__item.interrupter .product-grid__item {
    background-color: #000000;
    color: #ffffff;
    display: flex;
    align-items: center;
    height: auto;
}

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

.product-grid__item.interrupter .product-tile__header {
    background-color: #C0E1ED;
    margin-bottom: 10px;
    width: 100%;
}

.matte-black-friday-sale .product-grid__item.interrupter .product-tile__header {
    background-color: #000;
    margin-top: 10px;
}

.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;
}

@media (min-width: 640px) {
    .kitchenkitchen-refresh-sale .product-grid__item.interrupter .product-tile__header p::before, 
    .kitchenkitchen-refresh-sale .product-grid__item.interrupter .product-tile__header p::after {
        position: absolute;
        content: "";
        width: 37px;
        height: 37px;
        background-image: url(https://www.deltafaucet.com/sites/delta/files/2023-03/star.png);
        top: 5px;
    }
    
    .kitchenkitchen-refresh-sale .product-grid__item.interrupter .product-tile__header p::after {
        transform: rotate(-90deg);
    }
    
    .kitchenkitchen-refresh-sale .product-grid__item.interrupter .product-tile__header p::before {
        margin-left: -43px;
    }
    
    .kitchenkitchen-refresh-sale .product-grid__item.interrupter .product-tile__header p::after {
        margin-left: 6px;
    }
}

.matte-black-friday-sale .product-grid__item.grid-item.interrupter .product-tile--default .product-tile__body {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 0 0.5rem;
}

.product-grid__item.interrupter .product-tile--default .product-tile__body h2 {
    font-size: 3rem;
    letter-spacing: -.01em;
    font-family: 'Trade_Gothic_LT_Bold_2';
    margin-bottom: 0;
    margin-top: 15px;
}

.matte-black-friday-sale .product-grid__item .product-tile .image-ratio {
    min-height: 210px;
}

@media only screen and (max-width: 639px) {
    .matte-black-friday-sale .product-grid__item .product-tile .image-ratio {
        min-height: 110px;
    }
    .product-grid__item.interrupter .product-tile--default .product-tile__body {
        padding-right: 5px;
        padding-left: 5px;
    }

    .product-grid__item.interrupter .product-tile--default .product-tile__body h2 {
        font-size: 2.25rem;
    }
    .matte-black-friday-sale .product-grid__item.interrupter .product-tile--default .product-tile__body h2 {
      margin-top: 5px;
    }
    
    .product-grid__item.interrupter .product-tile--default .product-tile__body .u-text-xxxl {
        font-size: 1.1em!important;
    }
}

.product-grid__item.interrupter .product-logos .col-md-6 {
    width: 100%;
    padding: 10px 20px;
}

.matte-black-friday-sale .product-grid__item.interrupter .product-logos .col-md-6 {
    width: 50%;
}

.matte-black-friday-sale .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile {
   font-size: .5em;
}

@media (min-width: 440px) and (max-width:639px) {
    .matte-black-friday-sale .product-grid__item.interrupter .product-tile span.highlight {
        display: block;
    }
    
    .matte-black-friday-sale .product-grid__item.interrupter .product-tile h1 {
        font-size: 5em;
        margin-right: 1em;
        margin-left: 1em;
    }

    .matte-black-friday-sale .product-grid__item.interrupter .product-tile h1 .matte,
    .matte-black-friday-sale .product-grid__item.interrupter .product-tile h1 .sale {
        letter-spacing: .3em;
    }
}

@media only screen and (min-width: 440px) {
    .product-grid__item.col-md-3 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
    .product-grid__item.col-md-6.interrupter {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .matte-black-friday-sale .product-grid__item.interrupter {
      /* min-height: 480px;
      height: unset; */
}

    .matte-black-friday-sale .product-grid__item.interrupter .product-logos .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%;
    }

    .matte-black-friday-sale .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile {
        font-size: .3em;
    }
}

@media only screen and (min-width: 440px) and (max-width: 639px) {
    .matte-black-friday-sale .product-grid__item.interrupter .product-logos .col-md-6 {
      padding: 5px;
    }
    .matte-black-friday-sale .product-grid__item.interrupter .product-logos img {
      max-height: 45px;
    }
}

@media only screen and (min-width: 640px) {
    .product-grid__item.col-md-3 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
    .product-grid__item.col-md-6.interrupter {
        -ms-flex-preferred-size: 66.666%;
        flex-basis: 66.666%;
        max-width: 66.666%;
    }
    .matte-black-friday-sale .product-grid__item.interrupter .product-logos .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%;
    }
    .matte-black-friday-sale .product-grid__item.interrupter .product-logos img {
      max-width: 160px;
    }
    .matte-black-friday-sale .plp-wrapper .product-grid__item.col-md-6.interrupter .product-tile {
        font-size: .65em;
    }
}

@media only screen and (min-width: 920px) {
    .product-grid__item.col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
    .product-grid__item.col-md-6.interrupter {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .product-grid__item.col-md-3 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
    .product-grid__item.col-md-6.interrupter {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }
}

@media only screen and (min-width: 640px) {
    .matte-black-friday-sale .product-grid__item.interrupter {
        /* height: 510px; */
    }

    .product-grid__item.interrupter .product-logos .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 100%;
    }
}

.matte-black-friday-sale .product-grid__item .product-tile .product-tile__body p.product-tile__name {
    max-height: 42px;
    min-height: 42px;
    overflow: hidden;
}

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

.matte-black-friday-sale .plp-wrapper .product-grid__item.interrupter .product-tile:hover {
    background-color: #000000;
}

@media (max-width: 719px) {
    .banner-block .breadcrumb-block { display: none; }
    
    .kitchenkitchen-refresh-sale .region-banner .banner-block.only-mobile {
        background-image: none!important;
    }
    
    .region-banner .banner-block.only-mobile {
        padding-bottom: 0!important;
    }

    .region-banner .banner-block.only-mobile .grid-container {
        padding-top: 5px;
        padding-bottom: 0;
    }

    .plp-results__header { display:none; }

    .matte-black-friday-sale .region-banner .banner-content h2 span.save {
        display: block;
        width: 100%;
        padding: 0;
    }
    
    .matte-black-friday-sale .region-banner .banner-content h2 {
        line-height: .9;
        width: 100%;
    }
    
    .matte-black-friday-sale .region-banner .banner-content h2 span.h2--light {
        font-size: .8em;
        line-height: 1.4;
        width: 100%;
    }
    
    .matte-black-friday-sale .region-banner .banner-content h2 span.h2-text {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
    }
}

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

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

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