.search-results {
  position: relative; /* this is for Edit Content CMS button */
  padding-top: 50px;
}

.search-results h1 {
  font-size: 2.813rem;
  line-height: 2.5rem;
}

.search-results h2 {
  font-size: 1.5rem;
  line-height: 1.563rem;
  margin-bottom: 8px;
}

.search-results .d-flex {
  display: flex;
}
.search-results .search-results__category-select--options {
  padding: 0 22px;
}
.search-results__input-wrapper input {
  font-family: var(--behr-body-and-label-font);
  font-weight: var(--behr-normal);
  font-size: 1rem;
  color: var(--behr-body-primary);
  padding: 0px 12px;
}

.search-results a {
  text-decoration: none;
}

.search-results a#viewmore:hover {
  color: #bd483c;
}

.search-results a#showing {
  color: #bd483c;
  margin-left: -2px;
}

.search-results a#viewmore {
  color: #bd483c;
  font-weight: var(--behr-bold);
}

.search-results a#showing:hover {
  color: #bd483c;
}

.search-results a#viewmore:before {
  content: '|';
  margin-left: 8px;
  margin-right: 8px;
  color: var(--behr-body-primary);
}

.search-results .links-url {
  color: #465058;
  font-family: var(--behr-heading-font);
  font-weight: var(--behr-atf-500);
  font-size: 1.5rem !important;
  line-height: 1.563rem;
}

.search-results ul#categorydesk {
  font-size: 15px;
}

.search-results .fl {
  text-align: left;
}

/* .search-results .search-result-list > li:not(.show) {
  display: none;
} */
/* ul.search-result-list .search_result_nonecolor {
  display: flex !important;
} */
.search-results .search-result-list > li {
  border-top: 1px solid #cccccc;
}

.search-results .search-result-list > li:last-child {
  border-bottom: 1px solid #cccccc;
}

.search-results .search-wrapper {
  width: 50%;
}

.search-results .search-wrapper #txt-search {
  padding-right: 50px;
}

.search-results .search-wrapper #btn-search {
  font: 0/0 a;
  background-image: url(/binaries/content/assets/behrdotcomrefresh/consumer/images/search-gray.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-color: transparent;
  border: 0;
  width: 38px;
  height: 38px;
  margin-left: -50px;
  margin-right: 10px;
  z-index: 5;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 0;
}

.search-results .search-paging .page-link {
  border: 0;
  color: var(--behr-navy-primary);
}

.search-results .page-item.active .page-link {
  z-index: 1;
  color: #000000;
  background-color: #cacaca;
  border-color: #cacaca;
  border-radius: 50%;
}

.search-results .color-chip-wrapper {
  flex-flow: row wrap;
  gap: 20px;
}

.search-results .color-chip-wrapper > .outer {
width: 22%;
display: block;
overflow: hidden;
position: relative;
line-height: 1.2;
word-break: break-word;
}

.search-results .color-chip-wrapper > .outer.show {
  width: 22%;
  display: block;
  overflow: hidden;
  position: relative;
  line-height: 1.2;
  word-break: break-word;
}

.search-results .color-chip-wrapper > .outer:not(.show) {
  display: none !important;
}

.search-results .color-chip-wrapper .outer .inner {
  width: 200%;
  padding-bottom: 85%;
  position: relative;
  left: -50%;
  overflow: hidden;
  padding: 50%;
}

.search-results .color-chip-wrapper .outer .inner + div {
  font-family: var(--behr-body-and-label-font--bold);
  font-weight: var(--behr-bold) !important;
  font-size: 0.813rem;
  line-height: 1.125rem;
  color: var(--behr-navy-primary);
  text-align: center;
  margin-top: 8px;
  text-transform: uppercase;
}

.search-results .search_result.outer .color-name {
  font-size: 0.938rem;
  color: var(--behr-black);
  text-align: center;
}

.search-results .color-chip-wrapper > a {
  margin-bottom: 6%;
  color: black;
}

.search-results .search-result-list .s-results > img {
  width: 150px;
}

.search-results .search-result-list .s-results.s-results-description h5 {
  font-weight: var(--behr-bold-600);
}

.search-results .search-result-list > li {
  border-top: 1px solid #cccccc;
  list-style: none;
  padding: 24px 0;
}

.search-results .search-result-list > li:last-child {
  border-bottom: 1px solid #cccccc;
}

.search-results .search-wrapper {
  width: 50%;
}

.search-results .with-image {
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#search_results h1 {
    padding-top: 20px;
}

.search-results .search-result-list .media > img {
  width: 100px !important;
}

.search-results .pagination {
  display: flex;
  justify-content: center;
  list-style-type: none;
  font-family: var(--behr-body-and-label-font);
  font-weight: var(--behr-normal);
  font-size: 0.938rem;
  padding: 40px 0 80px 0;
}

.search-results .pagination li {
  display: flex;
  justify-content: center;
  height: 24px;
  min-width: 24px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  align-items: center;
}

.search-results .search-results__input-wrapper {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--behr-input-default-border);
  border-radius: 20px;
  height: 38px;
  padding: 7px 15px 7px 12px;
  margin-bottom: 40px;
}

.search-results .search-results__input-wrapper input {
  border: none;
}

.search-results .search-results__input-wrapper span {
  color: var(--behr-navy-primary);
  font-size: 1.25rem;
  font-weight: var(--behr-bold);
}

.search-results__result-count-wrapper {
  margin-top: 74px;
  margin-bottom: 24px;
}

.search-results__result-count-wrapper span {
  font-family: var(--behr-body-and-label-font--bold);
  font-weight: var(--behr-bold);
  font-size: 0.938rem;
  color: var(--behr-navy-primary);
}

.search-results .search-results__category-select--trigger {
  height: 50px;
  font-size: 1.25rem;
}

.search-results .search-results__category-select--trigger,
.search-results .search-results__custom-option li {
  display: flex;
  align-items: center;  
}

.search-results .search-results__category-select--mobile {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  display: flex;
  flex-direction: column;
  font-family: var(--behr-body-and-label-font);
  font-weight: var(--behr-normal);
  border: 1px solid black;
  border-radius: 0px;
  background-color: #FFFFFF;
  /*padding: 0 22px;*/
  z-index: 100;
}

.search-results .search-results__category-select--trigger {
  display: flex;
  justify-content: space-between !important;
  border: none;
  background-color: #FFFFFF;
  font-family: var(--behr-body-and-label-font);
  font-weight: var(--behr-normal);
  justify-content: flex-start;
  padding: 0 22px;
  height: 40px;
}

.search-results .search-results__category-select--trigger span {
  color: var(--behr-black);
  font-size: 1rem;
}

.search-results .search-results__custom-option li {
  height: 50px;
  font-size: 1rem;
}

.search-results .search-results__custom-option {
  display: none;
}

.search-results__category-select--trigger span.material-icons-outlined {
  font-size: 1.5rem;
  color: #A61631;
}

.search-results .search-results__category-select--mobile.options-open .search-results__category-select--trigger span.material-icons-outlined {
  transform: rotate(180deg);
}

.search-results .search-results__category-select--mobile.options-open .search-results__custom-option {
  top: 42px;
  display: block;
}

.search-results .search-results__input-wrapper button {
  font-size: 1.375rem;
}

.search-results .search-results__custom-option button {
  font-size: 1rem;
}
.material-icons-outlined {
  font-family: 'Material Icons';
  font-weight: var(--behr-normal);
  font-style: normal;
  font-size: 16px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: #FFFFFF;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.search-results .search-results__input-wrapper button,
.search-results .search-results__custom-option button {
  font-family: var(--behr-body-and-label-font);
  font-weight: var(--behr-normal);
  /* font-size: 1.375rem; */
  color: var(--behr-black);
  display: block;
  border: none;
  background: none;
  text-align: left;
  padding: 0;
  margin-bottom: 0px;
  height: unset;
  text-transform: uppercase;      
}

@media all and (max-width: 991px) {
	.search-results .search-results__category-select--trigger {
	  display: flex;
	  justify-content: space-between !important;
	  border: none;
	  background-color: #FFFFFF;
	  font-family: var(--behr-body-and-label-font);
	  font-weight: var(--behr-normal);
	  justify-content: flex-start;
      padding: 0 0;
	  height: 40px;
      padding-left: 1rem;	  
	}
	.search-results .search-results__category-select--options {
	    padding: 0 0 0 1rem;
	}		
	.page-header h1 {
	    font-size: 32px !important;
	    line-height: 40px !important;
	    padding-bottom: 20px;
	}
	.search-results {
	  position: relative; /* this is for Edit Content CMS button */
	  padding-top: 0px;
	}		
  .search-results .search-results__category-select--desktop {
    display: none;
  }

  .search-results .search-results__wrapper-container {
    flex-direction: column;
  }

  .search-results__trigger-text {
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
  }

  .search-results .search-results__results-wrapper {
    width: 100%;
    padding-top: 110px;
  }

  .search-results .search-result-list .media > img {
    width: 100px !important;
  }

  .search-results .search-wrapper {
    width: 100%;
  }

  .search-results .search-result-list .media .media-body p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: var(--behr-navy-primary);
  }

  .search-results .search-result-list .s-results>img {
    width: 100px;
  }

  .search-results .search-wrapper {
    width: 100%;
  }

  .search-results .search-result-list .s-results.s-results-description h5 {
    font-size: 18px;
  }

  .search-results .search-result-list .s-results.s-results-description p {
    font-size: 14px;
  }

  #search_results {
    display: grid;
  }

  #search_results h1 {
    padding-top: 20px;
  }

  .search-results .search-result-list > li.with-image {
    display: block;
  }

  .search-results .search-result-list > li.with-image > img {
    width: 100%;
  }

}
@media all and (min-width: 992px) {
  /* .search-results .color-chip-wrapper > .outer {
    max-width: 140px;
  } */

  .search-results h1 {
    font-size: 4.875rem;
    line-height: 4.688rem;
  }

  .search-results .search-results__select-header--mobile,
  .search-results .search-results__category-select--mobile {
    display: none;
  }

  .search-results .search-results__flex-container {
    display: flex;
  }

  .search-results .search-results__input-wrapper {
    width: 590px;
  }

  .search-results__category-select--desktop-options-wrapper {
    padding: 10px 0 22px 0;
    border-top: 1px solid #D8D8D8;
    /*border-bottom: 1px solid #D8D8D8;*/
  }

  .search-results .search-results__input-wrapper #results-search-term {
    width: 100%;
  }

  .search-results__category-select--desktop-options-wrapper span {
    font-family: var(--behr-heading-font);
    font-size: 0.938rem;
    font-weight: var(--behr-atf-500);
    color: var(--behr-navy-primary);
    text-transform: uppercase;
  }

  .search-results__desktop-options label {
    color: var(--behr-black) !important;
  }
   
  .search-results__desktop-options {
    padding-top:10px;
  }
  .search-results .search-results__category-select--desktop {
    display: flex;
    flex-direction: column;
  }

  .search-results .search-results__category-select--desktop button {
    display: block;
    border: none;
    background: none;
    text-align: left;
    padding: 0;
    margin-bottom: 10px;
    margin-left: 0 !important;
    height: unset;
  }

  .search-results .search-results__category-select--desktop label:hover {
    cursor: pointer;
  }

  .search-results .search-results__category-select--desktop label {
    font-size: 1.125rem;
    text-transform: unset !important;
    font-weight: var(--behr-normal) !important;
  }

  .search-results__filter-and-results-wrapper {
    display: flex;
  }

  .search-results .search-results__category-select--desktop {
    flex: 0 0 291px;
    margin-right: 32px;
  }

  .search-results .search-results__category-select--desktop-options {
    padding: 24px 0 22px 0;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
  }

  .search-results .search-results__category-select--desktop-options span {
    font-family: var(--behr-heading-font);
    font-size: 0.938rem;
    font-weight: var(--behr-atf-500);
    color: var(--behr-navy-primary);
    text-transform: uppercase;
  }

  .search-results__result-count-wrapper {
    margin-top: 0;
    margin-bottom: 26px;
  }

  .search-results .search-results__results {
    width: 100%;
    padding-bottom: 130px;
  }

  .search-results .color-chip-wrapper {
    gap: 22px;
  }

  .search-results .showcolors {
    margin-top: 15px;
  }

  .search-results .links-url {
    font-size: 1.875rem !important;
    line-height: 2.188rem;
  }
}
.search-results .search-result-list .media .img-content-wrapper {
  width: 160px !important;
}
.search-results .search-result-list .media .img-content-wrapper > img {
  max-height: 160px !important;
}
.store-item {
    cursor: pointer;
    width: 100%;
    max-width: 182px;
    height: auto;
    border: 1px solid #d8d8d8;
    margin-bottom: 25px;
    /*margin-top: 25px;*/
    transition: all .35s;
}
.search-results .retailers {
    font-family: var(--behr-body-and-label-font);	
    font-weight: var(--behr-bold);
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}
.page-header {
    text-align: center!important;
}
button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}
input[type='radio'] {
  font-size: 1.125rem;
  color: var(--behr-black);
  border: 0px;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: -2px;
  vertical-align: middle;
}

/* customizing radio button */
.radio-wrapper {
  position: relative;
}

/* hiding standard radio and checkbox without removing it, lining it up directly under custom button for AT */
input[type='radio'] {
  height: 1.125rem;
  width: 1.125rem;
    left: -5px;
    opacity: 0;
  top: 5px;
  position: absolute;
  vertical-align: middle;
  margin-top: -3px;
}

/* custom radio */
input[type='radio'] + *::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.3rem;
  border: 1px solid var(--behr-body-primary);
}

input[type='radio'] + *::before {
  border-radius: 50%;
}

input[type='radio']:checked + *::before {
  background: radial-gradient(#A61631 0%, #A61631 40%, transparent 50%, transparent);
  border-color: var(--behr-body-primary);
}

input[type='radio']:checked + * {
  color: var(--behr-body-primary);
}
.search-results h5 {
    text-transform: none!important;
}

/* kilz brand color landing page */
.hero-banner .hero-content-shadow .shadow {
    width: 100%;
    height: 100%
}

@media (max-width: 575px) {
    .hero-banner .hero-content {
        position:absolute;
        text-align: center;
        width: 90%
    }

    .hero-banner .hero-content .headline {
        font-size: 8vw;
        line-height: 8vw
    }

    .hero-banner .hero-content .content {
        font-size: 5vw;
        line-height: 6vw
    }
}

@media (min-width: 576px) {
    .hero-banner .hero-img-bg {
        height:300px
    }
}

@media (min-width: 768px) {
    .hero-banner {
        margin-bottom:3rem
    }

    .hero-banner .hero-content {
        max-width: 500px;
        font-size: 1rem
    }

    .hero-banner .hero-content .headline {
        font-size: 2.5rem;
        line-height: 2.5rem
    }

    .hero-banner .hero-content .content {
        font-size: 1.3rem;
        line-height: 1.5rem
    }
}

@media (min-width: 992px) {
    .hero-banner {
        margin-bottom:4rem
    }

    .hero-banner .hero-img-bg {
        height: 390px
    }
}

@media (min-width: 1200px) {
    .hero-banner .hero-content {
        max-width:600px;
        font-size: 1rem
    }

    .hero-banner .hero-content .headline {
        font-size: 3rem;
        line-height: 3rem
    }

    .hero-banner .hero-content .content {
        font-size: 1.3rem;
        line-height: 2rem
    }
}
.hero-banner .hero-content {
    position: absolute;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0,0,0,.5);
    line-height: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 0 solid red
}
.hero-banner .hero-content h1 {
    color: white;
}
.hero-banner .hero-content h1 {
    line-height: 48px
}
/* end of*/	
.page-header page-header_description {
	padding-top: 1rem!important;
}
.hero-content-shadow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}