.placeholder-example{
  clear: both;
}

dt {
    letter-spacing: 0.41px;
}

dd {
    font-weight: 500 !important;
    letter-spacing: 0.41px;
}

.attr-rgb-cct-filter-style {
    color: #000 !important;
    background: #ff9393;
    background: -moz-linear-gradient(left, #ff9393 0, #83c486 8%, #7291db 16%, #cee8ff 24%, #fff 60%, #fff 85%, #fff9ef 100%);
    background: -webkit-linear-gradient(left, #ff9393 0, #83c486 8%, #7291db 16%, #cee8ff 24%, #fff 60%, #fff 85%, #fff9ef 100%);
    background: linear-gradient(to right, #ff9393 0, #83c486 8%, #7291db 16%, #cee8ff 24%, #fff 60%, #fff 85%, #fff9ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9393', endColorstr='#fff9ef', GradientType=1);
}

.attr-selectable-cct-2022-redesign {
    background: rgb(253, 221, 169);
    background: -moz-linear-gradient(90deg, rgba(253, 221, 169, 1) 30%, rgba(252, 249, 239, 1) 33%, rgba(252, 249, 239, 1) 63%, rgba(172, 211, 255, 1) 66%);
    background: -webkit-linear-gradient(90deg, rgba(253, 221, 169, 1) 30%, rgba(252, 249, 239, 1) 33%, rgba(252, 249, 239, 1) 63%, rgba(172, 211, 255, 1) 66%);
    background: linear-gradient(90deg, rgba(253, 221, 169, 1) 30%, rgba(252, 249, 239, 1) 33%, rgba(252, 249, 239, 1) 63%, rgba(172, 211, 255, 1) 66%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fddda9", endColorstr="#acd3ff", GradientType=1);
}

li[data-label="Super Bright LEDs"] a *{
  vertical-align: top;
}

li[data-label="DiodeDrive"] a *{
  vertical-align: top;
}

.attr-redcoolwhite{
  border: 1px solid #c4cdd5;
  background-image: linear-gradient(to right,rgba(241, 82, 82, 0.2), #c4f1ff);
}

.attr-tunablewhite{
  background-image: linear-gradient(-45deg, #DAE5ED 50%, #FFEFBC 50%);
}

li[data-label="Open Box"] a::before{
  content: "";
  background-image: url("https://d114hh0cykhyb0.cloudfront.net/m2css/img/icons/open_box.png");
  background-size: 25px;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-repeat:no-repeat;
  vertical-align: bottom;
}

li[data-label="Open Box"] span{
  font-weight: bold;
  color: #296FFD;
}

.attr-greenwhitecss{
  background: linear-gradient(-45deg, #ffffff 50%, #579453 50%) !important;
}

.attr-rgbambertunablewhite{
  background: linear-gradient(to right,#ff8989 0,#86bf80 15%,#6c8ccc 30%,#ffbf00 45%, #def 60%, #f9fcff 100%) !important;
}

.attr-mattesilver{
  background:linear-gradient(-45deg, #ececec, #ffffff);
}

.attr-blackred {
  background: linear-gradient(-45deg, #D44434 50%, #3b3b3b 50%) !important;
  color: white !important;
}

.attr-sa-rgb {
  background: linear-gradient(to right,#ff8989 0,#86bf80 15%,#6c8ccc 30%, #def 60%, #f9fcff 100%) !important;
}

.attr-sa-rgbwarmwhite {
  background: linear-gradient(to right,#ff8989 0,#86bf80 15%,#6c8ccc 30%,#ffebc4 45%, #def 60%, #f9fcff 100%) !important;
}

.attr-sa-ambertunablewhite {
  background: linear-gradient(to right, #ffbf00 40%, #ffffff 60%) !important;
}

.attr-redgreen {
  background: linear-gradient(-45deg, #5CB85C 50%, #D44434 50%) !important;
  color: white !important;
}

.attr-dimtowarm {
  background: linear-gradient(-45deg, #f3bc7e 30%, #f1f1f1 60%) !important;
  color: #363A42 !important;
}

.attr-goldtint {
  background: radial-gradient(ellipse at center,#fff 0,#FFD700 100%) !important;
}

.attr-redgreenyellowblue {
  background: linear-gradient(-45deg, 
                            #6c8ccc 0%, #6c8ccc 25%, 
                            #d8b000 25%, #d8b000 50%, 
                            #86bf80 50%, #86bf80 75%, 
                            #D44434 75%, #D44434 100%) !important;
              color: white !important;

}

.attr-redgreenyellowbluewhite {
  background: linear-gradient(-45deg, 
                            rgb(247, 247, 247) 0%, white 20%, 
                            #6c8ccc 20%, #6c8ccc 40%, 
                            #d8b000 40%, #d8b000 60%, 
                            #86bf80 60%, #86bf80 80%, 
                            #D44434 80%, #D44434 100%) !important;

}

.attr-redyellowgreen {
  background: linear-gradient(-45deg, 
                            #86bf80 0%, #86bf80 33%, 
                            #d8b000 33%, #d8b000 66%, 
                            #D44434 66%, #D44434 100%) !important;
              color: white !important;

}

.attr-redyellowgreenblue {
  background: linear-gradient(-45deg, 
                            #6c8ccc 0%, #6c8ccc 25%, 
                            #86bf80 25%, #86bf80 50%, 
                            #d8b000 50%, #d8b000 75%, 
                            #D44434 75%, #D44434 100%) !important;
              color: white !important;

}
/* Fixes an issue where on mobile carousel items run together or directly butt up against eachother. */
.slick-initialized .slick-slide {
    margin: 0 8px;
}

/* Makes the search bar have a little more breathing room around other elements in the mobile header. */
@media screen and (max-width: 640px) {
    .page-header #search_mini_form {
        margin: 15px 10px;
    }

    .page-header #search_mini_form input::placeholder {
        font-size: 0.82em;
    }
}

/* Removes the calc - pixels action that makes category tiles format oddly. */
@media screen and (min-width: 320px) {
    .subcategories.col-4 .subcategory-item {
        width: calc(50%);
    }

    .subcategories.col-5 .subcategory-item {
        width: calc(50%);
    }
}

@media screen and (min-width: 480px) {
    .subcategories.col-5 .subcategory-item {
        width: calc(33%);
    }
}

@media screen and (min-width: 768px) {
    .subcategories.col-4 .subcategory-item {
        width: calc(25%);
    }

    .subcategories.col-5 .subcategory-item {
        width: calc(25%);
    }
}

@media screen and (min-width: 1024px) {
    .subcategories.col-5 .subcategory-item {
        width: calc(20%);
    }
}

/* Adds a colid background color to zoom tiles on the homepage since they are transparent by default. */
.zoom-tile {
    background-color: #ffffff;
}

/* Center text of add to cart and buy now buttons in grid view. */
.action.tocart.primary {
    text-align: center;
}

/* Fixes for the amount of padding around additional content in the Overview and Specificaiton sections of pages */
.additional_overview_content {
    padding-left: 0;
    padding-right: 0;
}

/* Changes to the formatting and look of the documents section of the page */
.am-attachments {
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    overflow-y: auto;
}

.am-attachments>.block-title {
    background-color: #E6E6E6;
    padding: 10px;
}

.am-fileline {
    margin-bottom: 0;
    padding: 10px;
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 1024px) {
    .am-fileline {
        width: 46%;
    }
}

@media (max-width: 640px) {
    .am-fileline {
        display: block;
        width: 100%;
        clear: both;
    }
}

/*
  Some instances where a static block is inserted it has a .block-static-block.widget, .block-cms-link.widget class applied which adds a margin of 20px for no reason.
  This will allow us to remove that.
*/
.block-widget-remove-margin .block-static-block.widget {
    margin-bottom: 0 !important;
}

/* The main element (which holds most page content) sets the paragraphic font size as 15px. Our style gudie says 14px should be used more often than not. If something is really hurting for space. This can override it. */
.override-main-font-size p {
    font-size: 14px;
}

/* Fixes padding around category images on defeault styled landing pages */
.subcategory-img-thmb {
    padding: 10px 10px 0 10px;
}

.subcategory-item-info:hover {
    text-decoration: underline;
}

/* Fix for blue visited links and gray default. JIRA issue RI-774 */
.vehicle-sidebar-link a {
    color: #363636;
    text-decoration: none;
}

.vehicle-sidebar-link a:visited {
    color: #999999;
    text-decoration: none;
}

.product-type-subcategory-link p>a {
    color: #363636;
    text-decoration: none;
}

.product-type-subcategory-link p>a:visited {
    color: #999999;
    text-decoration: none;
}

/* Fix for RI-655 where spec table items don't wrap properly. */
.general-spec-table th {
    overflow-wrap: anywhere;
}

.hide-at-cutoff{
    color: #ff5501;
    font-weight: bold;
}

.hide-at-cutoff .time-remaining{
    color: #363a42;
    font-weight: 400;
}

.info-box-overlay .internal-container .tagline-text{
    line-height: 32px;
}

.cob-strip-lights-carousel .product-item-info .product-item-details strong a{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical; 
    overflow: hidden;
}

.vehicle-location-link img.category-image{
    display: none;
}

.vbf-finder #vbf-locations .region .row:first-of-type {
    margin-bottom: 20px;
}

.navigation .level0 .submenu li.parent>a>.ui-menu-icon {
    display: none;
}

.homepage-ab-static-banner {
    flex-direction: row !important;
    justify-content: center !important;
}
.null .hide-me, .hide-me * {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Media queries to control if content should be visible on desktop or mobile. */
@media (max-width: 768px){
   .hideformobile{
     visibility: hidden !important;
     display: none !important;
   }
}
@media (min-width: 768px){
   .showformobile{
     visibility: hidden !important;
     display: none !important;
   }
}

.relative-column-override, .relative-position {
    position: relative;
}

.sbl-green-button>*[class*="pagebuilder-button-"] {
    background-color: #00cc00 !important;
    border-color: #00cc00 !important;
}

.sbl-blue-button>*[class*="pagebuilder-button-"] {
    background-color: #296FFD !important;
    border-color: #296FFD !important;
}

.sbl-red-button>*[class*="pagebuilder-button-"] {
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
}

.sbl-orange-button>*[class*="pagebuilder-button-"] {
    color: #FF5501 !important;
    background-color: transparent !important;
    border-color: #FF5501 !important;
}

.sbl-green-button>*[class*="pagebuilder-button-"]:hover {
    background-color: #00a300 !important;
}

.sbl-blue-button>*[class*="pagebuilder-button-"]:hover {
    background-color: #2159ca !important;
}

.sbl-red-button>*[class*="pagebuilder-button-"]:hover {
    background-color: #990000 !important;
}

.sbl-orange-button>*[class*="pagebuilder-button-"]:hover {
    color: #ffffff !important;
    background-color: #FF5501 !important;
}

.grey-outline-button a {
    color: #999999;
    font-weight: bold;
    background: transparent;
    border: 3px solid #999999;
    border-radius: 8px;
}

.grey-outline-button a:hover {
    color: #ffffff;
    background: #999999;
    text-decoration: none;
    border: 3px solid #999999;
}

.custom-length-notice-text p:last-child {
    margin-bottom: 0 !important;
}

.custom-length-notice-text i {
    vertical-align: middle;
    font-size: 18px;
    color: #2159ca;
}

/* Character Capitalization Styles */
.text-uppercase {
    text-transform: uppercase !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-caps, .text-capitalize {
    text-transform: capitalize !important;
}

@media (max-width: 1024px) {
    .email-additional-info-block p {
        text-align: left !important;
    }

    .email-additional-info-block span {
        font-size: 0.8em !important;
    }

    .email-additional-info-block p:first-child, .email-additional-info-block p:last-child {
        float: none;
        display: block;
    }

    .email-additional-info-block p:last-child {
        margin-top: 10px !important;
    }
}

@media (max-width: 768px) {
    .email-additional-info-block p {
        text-align: center !important;
    }

    .email-additional-info-block p:first-child, .email-additional-info-block p:last-child {
        float: none;
        display: block;
    }

    .email-additional-info-block p:last-child {
        margin-top: 10px !important;
    }
}

/* Styles for the sale info on each PDP */
.bfcm-pdp-info-section p {
    margin-bottom: 0 !important;
}

.bfcm-pdp-info-section a, .bfcm-pdp-info-section a:visited {
    text-decoration-color: #ffffff;
    text-decoration: underline !important;
}

.bfcm-pdp-info-section a:hover {
    text-decoration: none !important;
}

.bfcm-pdp-info-section i {
    color: #ffffff;
    margin-right: 6px;
}

/* Allows an attachment to a column so that images will up their brightness, saturation, and contrast when hovered */
.hover-filter img {
    filter: saturate(1) brightness(1) contrast(1);
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.hover-filter:hover img {
    filter: saturate(1.33) brightness(1.05) contrast(1.1);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* Removed margin from page builder paragraph in spec table footers */
.spec-footer p {
    margin-bottom: 0;
}

.rm-hard-bottom-margin .block-static-block {
    margin-bottom: 0;
}


/* Deals Page Blocks */

.deals-wrapper{
    /* width: 1080px; */
    display: flex;
}

.deals-container-clearance{
    background-color: #ff0000;
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
    color: white;
    padding: 1rem;
    transition: all .05s ease-out;
}

.deals-container-clearance:hover{
    cursor: pointer;
    box-shadow: 4px 4px 4px rgba(54, 54, 54, 0.4);
    transform: scale(1.02, 1.02);
}

.deals-container-clearance img{
    width: 200px;
    height: 220px;
}

.deals-container-btns{
    width: 30%;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.deals-container-btns button{
    margin-left: 1rem;
    flex: 1;
    border: none;
    color: white;
    font-size: 36px;
    font-weight: bold;
    transition: all .05s ease-out;
    border-radius: 0px;
}

.deals-container-btns button:hover{
    cursor: pointer;
    box-shadow: 8px 8px 8px rgba(54, 54, 54, 0.4);
    transform: scale(1.05, 1.05);
}

.deals-container-btns button:first-child{
    background-color: #ff0000;
    margin-bottom: .5rem;
}

.deals-container-btns button:last-child{
    margin-top: .5rem;
    background-color: #296ffd;
}

.deals-clearance-text{
    padding: 1rem;
}

.deals-clearance-text h1{
    font-size: 48px;
    margin: 0;
    padding: 0;
    color: white;
}

.deals-clearance-text p{
    margin: 0;
}

@media screen and (max-width: 780px){
    .deals-wrapper{
        flex-direction: column;
    }

    .deals-container-clearance{
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .deals-clearance-text{
        width: 100%;
    }

    .deals-clearance-text h1{
        font-size: 32px;
    }

    .deals-container-clearance img{
        width: 100px;
        height: 120px;
    }

    .deals-container-btns{
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 1rem;
    }
    
    .deals-container-btns button{
        margin: 0;
        padding: 1rem;
        width: 100%;
    }
}

/*
  Styles that are applied to all the accordions in this stack.
  Better to put the styling here than load the styles many times and have them potentially be in conflict later.
*/
.plusButton {
    background-color: #296FFD;
    color: #ffffff;
    font-size: 0.92em;
}

.sbl-legacy .faq-accordion-overrides{
  margin-bottom: 0 !important;
}

.faq-accordion-overrides .panel-heading{
  background-color: transparent !important;
}

.faq-accordion-overrides > .panel-heading p{
  font-size: 14px;
}

.faq-body{
  font-size: 14px !important;
}

.pdp-faq-column-left{
  padding: 10px 10px 10px 0 !important;
}

.pdp-faq-column-right{
  padding: 10px 0 10px 10px !important;
}

/* Styles for FAQ blocks in category listings. */
.faq-test-full-width-info p{
  margin-bottom: 0;
  padding: 10px;
}

.faq-test-full-width-info i{
  vertical-align: middle;
}

.faq-test-full-width-info p:first-child{
  display: inline-block;
  float: left;
}

.faq-test-full-width-info p:last-child{
  display: inline-block;
  float: right;
}

.faq-test-full-width-info a{
  color: #000000;
  text-decoration: underline;
}

.faq-test-full-width-info a:hover{
  color: #000000;
  text-decoration: none;
}

@media (max-width: 640px){
  .faq-test-full-width-info p:first-child, .faq-test-full-width-info p:last-child{
    display: block;
    clear: both;
    float: none;
  }

  .pdp-faq-column-left, .pdp-faq-column-right{
    padding: 0 !important;
  }
}

.mobile-topline-header p{
  margin-bottom: 0;
}

.mobile-topline-header i{
  color: #ffffff;
  margin-right: 12px !important;
  font-size: 20px;
}

.mobile-topline-header .icon.live-chat{
  margin-left: 0 !important;
}

.mobile-topline-header a>i {
    font-size: 20px;
    color: #ffffff !important;
}

.mobile-topline-header .live-chat {
    display: inline-block !important;
    margin-left: 10px;
}

.chat-call-header-column .offline{
  visibility: hidden;
  display: none;
}

.chat-call-header-column .live-chat{
  text-decoration: none !important;
}

@media (min-width: 641px){
  .mobile-topline-header .row-full-width-inner{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 640px) {
    .mobile-topline-header .pagebuilder-column {
        flex-basis: 50% !important;
    }
}

/* Helpful Vehicle Links Block (hvl) */
.hvl-container{
    width: clamp(320px, 50vw, 600px);
    background-color: white;
    font-family: 'Montserrat', Helvetica, sans-serif;
}

.hvl-header-container{
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #999999;
    padding: 1rem 1rem 0;
}

.hvl-title-text{
    margin: 0 !important;
}

.hvl-article-container{
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.hvl-article-wrapper{
    display: flex;
    margin-bottom: 1rem;
    transition: all .2s ease-out;
    text-decoration: none;
    color: black;
    padding: .5rem;
}

.hvl-article-wrapper:hover{
    background-color: #f3f3f3;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 4px 4px 4px rgba(48, 48, 48, .4);
    transform: scale(1.01, 1.01);
}

.hvl-article-img{
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.hvl-text-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hvl-article-text{
    margin: 0 0 .2rem 1rem !important;
    text-decoration: none;
    color: #363636;

}

.hvl-btn{
    justify-content: center;
    align-items: center;
    padding: 1rem 1rem;
    margin: .3rem 0;
    font-weight: 600;
    letter-spacing: .2rem;
    display: flex;
    text-decoration: none;
}

.hvl-btn-group{
    padding: 0 .5rem;
}

.hvl-btn-primary{
    display: flex;
    background-color: #363636;
    color: white !important;
    transition: all .2s ease-out;
    border: none;
    text-decoration: none;
}


.hvl-btn-primary:hover{
    outline: 2px solid #363636;
    background-color: white;
    cursor: pointer;
    color: #363636 !important;
    text-decoration: none;
}

.hvl-btn-secondary{
    background-color: white;
    border: 2px solid #363636;
    transition: all .4s ease-out;
    position: relative;
    color: #363636 !important;
    width: 100%;
    text-decoration: none;
}

.hvl-btn-secondary:hover{
    background-color: #363636;
    color: white !important;
    cursor: pointer;
    text-decoration: none;
}

.hvl-btn-text-container{
    text-align: center;
    margin-left: .5rem;
}
.hvl-btn-secondary-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.hvl-btn-secondary:first-child{
    margin-right: .2rem;
}

.hvl-btn-secondary:nth-child(2){
    margin-left: .2rem;
}

@media only screen and (max-width: 780px) {
    .hvl-article-text-snippet{
        display: none;
    }

    .hvl-header-container p{
        display: none;
    }
    
    .hvl-btn-secondary-container{
        flex-wrap: wrap;
    }

    .hvl-header-container{
        justify-content: start;
    }

    .hvl-btn-secondary:first-child{
        margin-right: 0;
    }
    
    .hvl-btn-secondary:nth-child(2){
        margin-left: 0;
    }

    .hvl-btn{
        font-size: 12px;
    }
}

.homepage-category-text {
    position: absolute;
    color: #ffffff;
    left: 10px;
    bottom: 25px;
}

.topcategory-column {
    position: relative;
}

.topcategory-column p {
    margin-bottom: 0;
}

.topcategory-column a {
    text-decoration-color: #ffffff !important;
}

.topcategory-column figure {
    overflow: hidden;
}

.topcategory-column figure * {
    filter: saturate(1.25) contrast(1.07);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.topcategory-column:hover figure img {
    transform: scale(1.05);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.homepage-most-popular-column:hover img {
    filter: contrast(1.1);
    transform: scale(1.05);
}

.homepage-most-popular-column:hover p {
    text-decoration: underline;
}

.bleed-width {
    align-items: center;
    justify-content: center;
}

.homepage-category-tile-container {
    display: block !important;
    margin: 0 auto !important;
    max-width: 2014px;
}

.homepage-splash-link a {
    display: block;
    overflow-y: auto;
    line-height: 0;
}

.homepage-headline-row p {
    margin: 0 auto;
}

.homepage-mini-banner-row {
    position: relative;
}

.homepage-mini-banner-image {
    display: block;
}

.homepage-mini-banner-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 45px;
    z-index: 0;
}

.homepage-mini-banner-text * {
    color: #ffffff;
    display: inline-block;
    clear: both;
    float: left;
}

.homepage-mini-banner-text a {
    color: #ffffff;
}

.homepage-mini-banner-text h3 {
    text-transform: capitalize;
    margin: 0 0 16px 0;
}

.homepage-mini-banner-text h3 a:hover {
    text-decoration: none;
}

.homepage-mini-banner-text p {
    margin: 0;
}

.homepage-mini-banner-text p a:hover {
    text-decoration: none;
}

.homepage-mini-banner-text h4 {
    margin: 16px 0 0 0;
}

.homepage-mini-banner-text h4>a {
    text-decoration: underline;
    margin: 0;
}

.homepage-mini-banner-text:hover h4>a {
    text-decoration: none;
}

.homepage-cat-icon-tile p {
    margin-bottom: 0;
}

.homepage-cat-icon-tile:hover p {
    text-decoration: underline;
}

.homepage-cat-icon-tile:hover img {
    text-decoration: underline;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.homepage-icon-row .homepage-cat-icon-tile:hover:nth-child(even) img {
    transform: rotatez(-6deg) scale(1.1);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.homepage-icon-row .homepage-cat-icon-tile:hover:nth-child(odd) img {
    transform: rotatez(6deg) scale(1.1);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.white-bullets li {
    color: #ffffff;
}

@media screen and (max-width: 1440px) {
    .homepage-mini-banner-text {
        left: 30px;
    }

    .homepage-mini-banner-text h3, .homepage-mini-banner-text h4 {
        font-weight: bold;
        font-size: 0.96em;
    }

    .homepage-mini-banner-text p {
        font-size: 0.8em;
        display: inline-block;
    }

    .homepage-mini-banner-text h4 {
        margin: 8px 0 0 0;
    }

    .homepage-mini-banner-text h3 {
        margin: 0 0 8px 0;
    }
}

@media screen and (min-width: 641px) and (max-width: 1339px) {
    .homepage-mini-banner-text {
        left: 15px;
    }

    .homepage-mini-banner-text h4 {
        font-size: 0.80em;
        margin: 2px 0 0 0;
    }

    .homepage-mini-banner-text p {
        font-size: 0.66em;
    }

    .homepage-mini-banner-text h3 {
        font-size: 0.85em;
        margin: 0 0 2px 0;
    }

    .homepage-icon-subtext p {
        font-size: 0.75em;
    }

    .homepage-category-text {
        left: 7px;
        bottom: 2px;
        padding: 0 !important;
    }

    .homepage-category-text p, .homepage-category-text p * {
        font-size: 0.92em !important;
    }

    .homepage-force-stack .pagebuilder-column-group {
        display: block !important;
    }

    .homepage-force-stack .pagebuilder-column {
        display: block;
        flex-basis: 100%;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .homepage-icon-row .pagebuilder-column {
        flex-basis: 33%;
    }
}

@media screen and (max-width: 640px) {
    .homepage-mini-banner-text {
        left: 15px;
    }

    .homepage-mini-banner-text h3, .homepage-mini-banner-text h4 {
        font-weight: bold;
        font-size: 0.92em;
    }

    .homepage-mini-banner-text p {
        font-size: 0.88em;
    }

    .homepage-mini-banner-text h4 {
        margin: 8px 0 0 0;
    }

    .homepage-mini-banner-text h3 {
        margin: 0 0 8px 0;
    }
}

@media (min-width: 769px) and (max-width: 850px) {
    .homepage-category-text {
        left: 14px;
        bottom: 10px !important;
    }

    .homepage-category-text span {
        font-size: 1em !important;
    }

    .homepage-mini-banner-text p {
        font-size: 0.66em;
        line-height: 1.25em;
    }
}

/* Styles for new homepage multivariate test */
.tile-links-underline p a {
    text-decoration: underline;
    text-decoration-color: #ffffff;
}

.tile-links-button p a {
    border: 2px solid #ffffff;
    padding: 10px;
    border-radius: 8px;
}

.tile-links-button p a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #000000;
}

.tile-links-button p a:hover span {
    color: #000000 !important;
}

.test-extra-container-margin {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* Styles for homepage slider to be used in multi-multivariate test. */
.homepage-slider>.slick-dots li {
    height: auto;
    width: auto;
}

.homepage-slider>.slick-dots li button {
    border: 2px solid #2159ca;
    border-radius: 0;
    height: 8px;
    width: 24px;
    padding: 0;
}

.homepage-slider>.slick-dots .slick-active button {
    border: 2px solid #194398;
    background-color: #194398;
}

.homepage-default-slide {
    position: relative;
}

.homepage-default-slide .pagebuilder-collage-content {
    max-width: 380px;
    padding: 30px !important;
}

.homepage-default-slide p {
    line-height: normal;
}

.homepage-default-slide .pagebuilder-collage-content h1 {
    line-height: 52px;
}

.homepage-default-slide .pagebuilder-collage-content a {
    border: 2px solid #000000;
    margin-top: 10px;
    display: inline-block;
    clear: both;
    padding: 10px;
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
}

.homepage-default-slide .pagebuilder-collage-content a:hover {
    background-color: transparent;
    color: #000000;
    text-decoration: none;
}

.wall-pack-overrides .pagebuilder-collage-content {
    float: right;
}

.homepage-slider-button-white a {
    border: 2px solid #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.homepage-slider-button-white a:hover {
    color: #ffffff !important;
    background-color: transparent !important;
}

@media (min-width: 768px) and (max-width: 820px) {
    .pagebuilder-collage-content {
        background-color: #ffffff;
        box-shadow: 5px 7px 6px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 5px 7px 6px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 5px 7px 6px rgba(0, 0, 0, 0.3);
    }

    .wall-pack-overrides .pagebuilder-collage-content {
        float: left;
    }

    .streetlights-ipad-splash .pagebuilder-overlay span {
        color: #000000 !important;
    }

    .streetlights-ipad-splash .pagebuilder-overlay a {
        background-color: #000000 !important;
    }

    .streetlights-ipad-splash .pagebuilder-overlay a span {
        color: #ffffff !important;
    }
}

.free-shipping-icon-text i {
    vertical-align: middle;
    padding-right: 6px;
    color: #FF5501;
    font-size: 20px;
}

.free-shipping-icon-text p span strong span i::before{
    color: #FF5501;
}

.free-shipping-icon-text p span span strong{
    color: #FF5501;
}

.orange-truck{
   color: #FF5501;
}

/* Styles for the mailing list sign up that appears on every PDP */
.email-signup-mailing-pdp-container {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.email-signup-mailing-pdp-container i {
    vertical-align: middle;
    padding-right: 6px;
    color: #cc0000;
    font-size: 20px;
}

.email-additional-info-block p {
    margin: 0 !important;
}

.email-additional-info-block p:first-child {
    margin-top: -2px !important;
    display: inline-block;
    float: left;
}

.email-additional-info-block p:last-child {
    display: inline-block;
    float: right;
}

.shipping-cutoff-icon i::before{
    font-size: 20px;
    color: #ff5501;
}

/* Interior Comparison Widget Styles (.icw) */
.icw-image-container{
    width: 600px;
    height: 500px;
    position: relative;
    overflow: hidden;
    border-radius: 1px;
}

.icw-image-container img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    object-position: left;
}

.icw-image-container img:nth-child(2){
    width: 50%;
    height: 100%;
}

.icw-slider{
    position: absolute;
    inset: 0;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.icw-slider-line{
    width: 5px;
    height: 100%;
    background-color: white;
    position: absolute;
    left: 50%;
}

.icw-slider-button{
    position: absolute;
    background-color: white;
    color: #303030;
    padding: .5rem;
    border-radius: 100vw;
    display: grid;
    place-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    /* transition: all .2s ease-out; */
}

.icw-slider-button:hover{
    cursor: pointer;
    transform: scale(1.01, 1.01);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .2);
}
.kit-callout-container{
    display: flex;
    align-items: center;
    height: 120px;
}

.kit-callout-image-wrapper img{
    border: 6px solid #303030;
    box-sizing: border-box;
    height: 120px;
    width: auto;
    object-fit:contain;
    border-radius: 4px;
    transition: all .2s ease-out;
}

.kit-callout-image-wrapper img:hover{
    cursor: pointer;
}

.kit-callout-text-wrapper{
    margin-left: 2rem;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 100%;
}

.kit-callout-text-wrapper h2{
    margin: 0;
    font-weight: bold;
    color: #5cb85c;
    line-height: 64%;
    padding: none;
    border: none;
}

.kit-callout-text-wrapper h3{
    color: #303030;
    margin-top: 0;
    margin: none;
}

.kit-callout-text-wrapper button{
    width: 100%;
    height: 48px;
    border: none;
    background-color: #303030;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    letter-spacing: .1rem;
    transition: all .1s ease-out;
}

.kit-callout-text-wrapper button:hover{
    cursor: pointer;
    background-color: #363636;
    transform: scale(1.02, 1.02);
    box-shadow: 4px 4px 8px rgba(48, 48, 48, .3);
}

@media screen and (max-width: 600px){
    .kit-callout-container{
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .kit-callout-text-wrapper{
        justify-content: center;
        text-align: center;
        margin-left: 0;
        width: 100%;
    }

    .kit-callout-text-wrapper h2{
        margin-top: 8px;
        margin-bottom: 8px;
    }
    
    .kit-callout-image-wrapper img{
        width: 250px;
        height: auto;
    }

    .kit-callout-text-wrapper button{
        width: 250px;
    }

}
/* Large top of page blocks also used in the footer. */
.relative-column-container {
    position: relative;
}

.big-block-hover-image {
    max-width: 100%;
    filter: brightness(100%) sepia(5%);
    transition: all 333ms ease;
}

.non-focused-block-image {
    filter: brightness(50%) sepia(0%);
    transition: all 333ms ease;
}

.big-block-text {
    position: absolute;
    color: #ffffff;
    left: 10px;
    bottom: 45px;
}

.big-block-text p:nth-child(2) {
    max-width: 55%;
}

/* Sale Related Styles */
.landscape-promo-text p{
  margin-bottom: 0 !important;
}

@media (min-width: 768px) and (max-width: 820px) {
    .big-block-text{
        bottom: 15px;
    }

    .big-block-text p:nth-child(2) {
        display: none;
        visibility: hidden;
        margin: 0;
        padding: 0;
    }

    .big-block-text h2 {
        font-size: 1.33em;
    }
}

.big-block-text-footer {
    position: absolute;
    left: 10px;
    bottom: 45px;
}

/* Category tile blocks */
.tile-column-relative {
    position: relative;
}

.main-image {
    z-index: 0;
}

.hover-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
}

.main-image:hover {
    opacity: 0;
    transition: all 333ms ease;
}

.landscape-visual-filter-hover:hover {
    text-decoration: underline;
}

.landscape-visual-filter-hover:hover img {
    filter: brightness(1.1) contrast(1.25) opacity(0.88) hue-rotate(5deg);
}

.landscape-fixture-type-button:hover {
    background-color: #edf5d8;
}

.landscape-fixture-type-button:hover a {
    color: #000000;
}

.landscape-fixture-type-button img:hover {
    opacity: 0.75;
}

.tile-column-relative {
    position: relative;
}

.main-image {
    z-index: 0;
}

.hover-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
}

.main-image:hover {
    opacity: 0;
    transition: all 333ms ease;
}

.category-block-text {
    top: 50%;
}

/* Covers all devices tablet and below */
@media screen and (max-width: 768px) {
    .big-block-text h2 {
        font-size: 1em;
        /* test comment */
    }

    .big-block-text p {
        font-size: 0.66em;
    }
}

/* Landscape-widget (lsw)*/

.lsw-bg{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative;
}

.lsw-container{
    display: flex;
    background-color: white;
    justify-content: start;
    height: 600px;
    align-items: start;
    width: 800px;
    font-family: 'Montserrat', Helvetica, sans-serif;
    flex-direction: column;
    padding: 2rem;
    position: relative;
}

.lsw-toggle-container{
    position: absolute;
    top: 20%;
    padding: 2rem;
}

.lsw-img{
    width: 100%;
}

.lsw-label{
    font-size: 14px;
    text-shadow: 2px 2px 3px black;
    color: white;
    margin-bottom: .4rem;
    letter-spacing: 1px;
}

.lsw-toggle-group{
    margin-bottom: 1rem;
}

.ls-switch-toggle {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 24px;
}

.ls-switch-toggle input {
opacity: 0;
width: 0;
height: 0;
}

.lsw-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.lsw-slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .lsw-slider {
background-color: #296ffd;
}

input:focus + .lsw-slider {
box-shadow: 0 0 1px #296ffd;
}

input:checked + .lsw-slider:before {
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}

.lsw-slider.round {
border-radius: 34px;
}

.lsw-slider.round:before {
border-radius: 50%;
}

@media screen and (max-width: 840px){
    .lsw-container{
        padding: .5rem;
    }

    .lsw-title{
        text-align: center;
        font-size: 16px;
        width: 100%;
    }

    .lsw-toggle-container{
        position: static;
        display: flex;
        align-items: end;
        flex: wrap;
        justify-content: space-around;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .lsw-label{
        font-size: 12px;
        color: black;
        text-shadow: none;
    }

    .lsw-slider{
        background-color: #999999;
    }


}


/* Landscape-widget End */

/* Joshua Dean 1/3/2023 - Image Hover Effect */
.img-hover-fade-skylights {
    opacity: 1;
    transition: 0.5s ease;
}

.img-hover-fade-skylights:hover{
    transition: 0.5s ease;
}

.img-hover-fade-skylights:hover img{
  opacity: 0.925;
}

.img-hover-fade-skylights:hover h5{
  text-decoration: underline;
  text-decoration-color: #000000;
}

.deals-dot-override .slick-dots button{
  border: 1px solid #990000;
}

.deals-dot-override .slick-dots button:hover{
  border: 1px solid #CC0000;
  background-color: #CC0000;
}

.deals-dot-override .slick-active > button{
    border: 1px solid #ff0000 !important;
  background-color: #ff0000 !important;
}

.mailchimp-embed-form{
  color: #ffffff;
}

.mailchimp-embed-form .mc-field-group{
  margin-top: 15px;
}

.mailchimp-embed-form #mc-embedded-subscribe{
  margin-top: 15px;
  font-weight: bold;
  padding: 10px 25px;
  background-color: #FF5501;
  color: #ffffff;
  border: none;
}

.mailchimp-embed-form #mc-embedded-subscribe:hover{
  background-color: #ff884d;
}

/* Landing page/main category large tile styles */
.off-road-application-tile {
    position: relative;
}

.off-road-application-tile .tile-text > h3 {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 88%;
    z-index: 2;
    text-shadow: 1px 1px 12px #303030;
    -webkit-transition: all 0.42s ease-in;
    -moz-transition: all 0.42s ease-in;
    -o-transition: all 0.42s ease-in;
    transition: all 0.42s ease-in;
}

.off-road-application-tile .tile-text>h3>a, .off-road-application-tile:hover .tile-text>h3>a, .off-road-application-tile:hover .tile-text>h3>a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.off-road-application-tile img{
  display: block;
  margin: 0 auto;
}

.off-road-application-tile .tile-image {
    filter: brightness(1);
    -webkit-transition: all 0.20s ease-in;
    -moz-transition: all 0.20s ease-in;
    -o-transition: all 0.20s ease-in;
    transition: all 0.20s ease-in;
    z-index: 1;
}

.off-road-application-tile:hover .tile-image {
    filter: brightness(1.2);
    -webkit-transition: all 0.20s ease-in;
    -moz-transition: all 0.20s ease-in;
    -o-transition: all 0.20s ease-in;
    transition: all 0.20s ease-in;
}

.off-road-application-tile:hover .tile-text > h3 {
    text-shadow: 2px 2px 4px #303030;
    -webkit-transition: all 0.42s ease-out;
    -moz-transition: all 0.42s ease-out;
    -o-transition: all 0.42s ease-out;
    transition: all 0.42s ease-out;
}

/* Mini tile subcategory styles */
.off-road-mini-tile-column {
    position: relative;
}

.off-road-mini-tile-column img{
  position: relative;
  z-index: 0;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.off-road-mini-tile-column h3 {
    margin: 0;
    font-family: 'Montserrat', Helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: normal;
    color: #ffffff;
    position: absolute;
    top: 50%;
    right: 8%;
    transform: translateY(-50%);
    z-index: 1;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.off-road-mini-tile-column a:link, .off-road-mini-tile-column a:visited, .off-road-mini-tile-column a:active{
  color: #ffffff;
  text-decoration: none;
}

.off-road-mini-tile-column:hover img{
  filter: brightness(1.15) contrast(1.25);
  -webkit-transition: all 133ms ease-in;
  -moz-transition: all 133ms ease-in;
  -o-transition: all 133ms ease-in;
  transition: all 133ms ease-in;
}

.off-road-mini-tile-column:hover h3{
  opacity: 0.92;
  -webkit-transition: all 1100ms ease-out;
  -moz-transition: all 1100ms ease-out;
  -o-transition: all 1100ms ease-out;
  transition: all 1100ms ease-out;
}

.slick-dots li > button{
  background-color: transparent;
  border: 2px solid #296FFD;
}

.slick-dots li > button:hover{
  border: 3px solid #296FFD;
}

.slick-dots .slick-active > button{
  background-color: #296FFD !important;
}

.power-supply-top-gradient {
    background: rgb(62, 157, 255);
    background: -moz-linear-gradient(62deg, rgba(62, 157, 255, 1) 0%, rgba(236, 72, 255, 1) 100%);
    background: -webkit-linear-gradient(62deg, rgba(62, 157, 255, 1) 0%, rgba(236, 72, 255, 1) 100%);
    background: linear-gradient(62deg, rgba(62, 157, 255, 1) 0%, rgba(236, 72, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e9dff", endColorstr="#ec48ff", GradientType=1);
}

.landscape-transformer-top-gradient {
    background: rgb(0, 153, 0);
    background: -moz-linear-gradient(62deg, rgba(0, 153, 0, 1) 0%, rgba(0, 153, 0, 1) 46%, rgba(0, 255, 0, 1) 71%, rgba(0, 204, 0, 1) 89%, rgba(0, 204, 0, 1) 100%);
    background: -webkit-linear-gradient(62deg, rgba(0, 153, 0, 1) 0%, rgba(0, 153, 0, 1) 46%, rgba(0, 255, 0, 1) 71%, rgba(0, 204, 0, 1) 89%, rgba(0, 204, 0, 1) 100%);
    background: linear-gradient(62deg, rgba(0, 153, 0, 1) 0%, rgba(0, 153, 0, 1) 46%, rgba(0, 255, 0, 1) 71%, rgba(0, 204, 0, 1) 89%, rgba(0, 204, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009900", endColorstr="#00cc00", GradientType=1);
}

.psc-icon-text i {
    font-size: 26px !important;
    margin-right: 6px;
    color: #296FFD;
    vertical-align: middle;
}

.ltc-icon-text i {
    font-size: 26px !important;
    margin-right: 6px;
    color: #009900;
    vertical-align: middle;
}

.psc_location p {
    font-weight: bold;
    float: left;
}

.outdoor-radio {
    float: right;
}

.psc_inputs label {
    margin: 6px auto 2px;
    display: block;
}

.psc_option {
    display: block;
    clear: both;
    overflow-y: auto;
}

.psc_option input[type=text], .psc_option select, .psc_option option {
    margin: 4px auto;
    border: 1px solid #707070;
    border-radius: 2px;
    font-size: 14px;
    padding: 12px;
    height: auto;
}

#entry_warning {
    color: #cc0000;
}

#calculate_power_supply {
    margin: 12px auto 6px auto;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 12px;
    border-radius: 2px;
    background-color: #009900;
}

#calculate_power_supply:hover {
    cursor: pointer;
    background-color: #296FFD;
}

.hide-final-wattage, .hide-final-wattage * {
    visibility: hidden;
    display: none;
    margin: 0;
    padding: 0;
}

#wattage_needed {
    margin: 15px auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.big-watt {
    color: #ad70ef;
    font-size: 1.33em;
    font-weight: bold;
}

#ps_link {
    display: inline-block;
    clear: both;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #2159ca;
    border-radius: 8px;
    color: #2159ca;
    padding: 12px;
    border-radius: 2px;
    background-color: transparent;
}

#ps_link:hover {
    cursor: pointer;
    background-color: #2159ca;
    color: #ffffff;
    text-decoration: none;
}

/* Styles relating specifically to the landscape transformer version of the power supply widget. */
.fixture-list {
    margin: 15px auto;
    display: block;
    clear: both;
    overflow-y: auto;
}

.fixture-info-watts {
    width: 60%;
    float: left;
}

.fixture-info-count {
    width: 33%;
    float: right;
}

.ltc-fixture-remove-button {
    text-align: right;
    display: block;
    clear: both;
}

#add-fixture-calc {
    border: 2px solid #296ffd;
    border-radius: 8px;
    color: #296ffd;
    font-weight: bold;
    padding: 8px;
    display: inline-block;
}

#add-fixture-calc:hover {
    cursor: pointer;
    background: #296ffd;
    color: #ffffff;
}

.ltc-fixture-remove-text{
  color: #cc0000;
  font-weight: bold;
  display: inline-block;
}

.ltc-fixture-remove-text:hover {
    cursor: pointer;
    text-decoration: underline;
}

.related-category-bg-image{
  z-index: 0;
  position: relative;
}

.related-category-tile-text{
  width: calc(100% - 40px);
  position: absolute;
  z-index: 1;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
}

.related-category-tile-text h4{
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}

.related-category-tile-text p{
  color: #ffffff;
}

.related-category-tile-text a{
  display: block;
  clear: both;
  background: #009900;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px;
}

.orange-override p > a{
  background: #FF5501 !important;
}

/* PDP cross linking for kits and styles of spaces underneath the buying/CTA block. */
.basic-product-crosslink p{
  margin: 0 auto;
  display: block;
}

.basic-product-crosslink a, .basic-product-crosslink a:visited{
  text-decoration: underline;
}

.basic-product-crosslink a:hover, .basic-product-crosslink a:active{
  text-decoration: none;
}

.under-cabinet-filter-column{
  border: 2px solid transparent !important;
}

.under-cabinet-filter-column:hover img {
    opacity: 0.88;
}

.under-cabinet-filter-column:hover p a {
    text-decoration: underline;
}

.under-cabinet-filter-column:hover, .active-under-cabinet-filter {
    border: 2px solid #999999 !important;
    background: #ffffff;
    box-shadow: 5px 5px 7px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 5px 5px 7px rgb(0 0 0 / 10%);
    -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.1);
}

.under-cabinet-filter-link-text p{
  margin-bottom: 0 !important;
}

.under-cabinet-info-footer a:link{
  text-decoration: underline;
}

.under-cabinet-info-footer a:hover{
  text-decoration: none;
}

.under-cabinet-info-footer .live-chat.online{
  color: #ffffff !important;
}

.under-cabinet-info-footer figcaption{
  font-size: 12px;
  color: #ffffff;
}

/* Underwater Strip Lights Specialized Header Classes */
.header-splash-row-container {
    position: relative;
    margin: 0 auto;
    display: block !important;
    clear: both !important;
    overflow-y: auto;
}

.info-box-overlay {
    position: absolute;
    width: 33%;
    background: rgb(128 128 128 / 33%);
    backdrop-filter: blur(10px);
    height: 98%;
}

.internal-container {
    margin-top: 25%;
    transform: translateY(-28%);
    color: #ffffff;
    padding: 15px;
}

.outdoor-internal-container-text-contrast {
    color: #303030;
}

.internal-container p {
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.18);
}

.reiterated-category-title {
    font-size: 18px;
}

.tagline-text {
    font-size: 36px;
}

.tagline-text-outdoor {
    font-size: 32px;
}

.tagline-text-indoor {
    font-size: 42px;
}

.location-explanation {
    font-size: 18px;
}

.kit-link:link,
.kit-link:visited {
    font-size: 18px;
    color: #ffffff;
    text-decoration-color: #ffffff;
    text-decoration: underline;
}

.outdoor-link-color-override:link,
.outdoor-link-color-override:visited {
    color: #ffffff;
    text-decoration-color: #ffffff;
}

.kit-link:hover {
    text-decoration: none;
    opacity: 0.92
}

.bordered-box {
    color: #707070;
    text-decoration: none;
    display: block;
    width: 100%;
    border: 2px solid #707070;
}

.bordered-box .main-text, .bordered-box .subtext {
    color: #707070;
    margin: 0 !important;
    display: block;
    max-width: 100%;
    clear: both;
}

.bordered-box .main-text {
    font-size: 21px;
    padding: 2% 3% 1% 3%;
}

.bordered-box .subtext {
    font-size: 17px;
    padding: 1% 3% 2% 3%;
}

.bordered-box:hover {
    color: #f4f4f4 !important;
    border: 2px solid #444444;
    text-decoration: none;
    background-color: #91b3cf;
}

.bordered-box:hover .subtext, .bordered-box:hover .main-text {
    color: #f4f4f4;
}

/* New Style for 2022 By Josh */
.hollow-button > .pagebuilder-button-secondary{
  background-color: transparent !important;
  color: white !important;
}

.hover-img-fade {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover-img-fade:hover {
	opacity: 0.875;
}

.hover-img {
	transition: all .3s ease;
}
.hover-img:hover {
  transform:scale(1.025);
  -ms-transform:scale(1.025); /* IE 9 */
  -moz-transform:scale(1.025); /* Firefox */
  -webkit-transform:scale(1.025); /* Safari and Chrome */
  -o-transform:scale(1.025); /* Opera */
}

.hollow-button > .pagebuilder-button-secondary {
  background-color: transparent !important;
  color: white !important;
  width: 500px;
  text-align: center;
}

.hollow-button:hover > .pagebuilder-button-secondary {
  background-color: white !important;
  color: #424242 !important;
}

/* Medium devices and tablets that are large but still smaller than the LG width of the site. */
@media only screen and (max-width : 1260px) {
    .internal-container {
        transform: translateY(-30%);
        padding: 5px 15px;
    }

    .tagline-text {
        font-size: 21px;
    }

    .reiterated-category-title,
    .kit-link {
        font-size: 16px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .info-box-overlay {
        position: relative;
        display: block;
        width: 100%;
        backdrop-filter: blur(0px);
        height: 100%;
    }

    .outdoor-solid{
      background: #c7e3a1;
    }

    .indoor-solid{
      background: #819c46;
    }

    .underwater-solid{
      background: #20c1d5;
    }

    .internal-container {
        margin-top: 0;
        transform: translateY(0);
    }

    .internal-container p {
        text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.22);
    }

    .tagline-text, .tagline-text-indoor {
        font-size: 32px;
    }

    .key-spec-link-block a{
      display: inline-block;
      padding: 6px 8px;
    }

    .key-spec-link-block a:first-child{
      padding-left: 0px;
    }

    .key-spec-link-block a:last-child{
      padding-right: 0px;
    }

    .strips-splash-text{
      justify-content: end !important;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .tagline-text, .tagline-text-indoor {
        font-size: 28px;
    }

    .reiterated-category-title,
    .location-explanation,
    .kit-link {
        font-size: 16px;
    }
}

/* Fix for blue visited links and gray default. JIRA issue RI-774 */
.vehicle-sidebar-link a{
  color: #363636;
  text-decoration: none;
}

.vehicle-sidebar-link a:visited{
  color: #999999;
  text-decoration: none;
}

.product-type-subcategory-link p > a{
  color: #363636;
  text-decoration: none;
}

.product-type-subcategory-link p > a:visited{
  color: #999999;
  text-decoration: none;
}