.search-results { margin-bottom: 5.5rem; } @media (min-width: 48.0625rem) { .search-results { margin-top: 0; } }
.search-results__container { min-height: 30rem; margin-bottom: 5rem; }
.search-results__footer { margin-top: 3.25rem; position: relative; }
.search-results__footer-more { margin: auto; min-width: 8rem; }
.search-results__section { position: relative; margin-top: 0; }
.noresults-banner { padding-top: 2.56rem; padding-bottom: 2.625rem; margin-top: 4.56rem; margin-bottom: 4.43rem; }
.search-results__nav { background-color: #F2F2F2; margin-bottom: 0; }
.search-results__nav-item { max-width: 10rem; }
@media (min-width: 48.0625rem) { .search-results__toolbar { padding-top: 1.75rem; padding-bottom: 1.75rem; } .sort-order__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto; max-width: 15rem; } .sort-order__menu--button { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.4 4.7L12 12.4 3.6 4.7 0 8.1l12 11 12-11z'/%3E%3C/svg%3E"); } }
@media (max-width: 48rem) { .search-results__toolbar { margin-bottom: 2rem; position: relative; } .search-results__toolbar-count { margin-bottom: 1.25rem; } }
.refinement { padding: 1rem 0; }
.refinement__list--color { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.refinement__list .refinement__list { padding-left: .5rem; }
.refinement__list:not(:first-child) { margin-top: 1.125rem; }
.refinement__boolean-item:not(:last-child) { margin-bottom: .75em; }
.refinement__chip-item { margin-right: .625rem; margin-bottom: .625rem; }
.applied-refinements__item:not(:last-child) { margin-right: 1rem; }
.refinement--active .refinement__icon { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transition: -webkit-transform .15s ease-in-out; transition: -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out; transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out; }
.refinement__icon { margin-left: .85rem; }
@media (min-width: 48.0625rem) { .secondary-navigation__trigger-icon { vertical-align: sub; } }
.add-refinement__wrapper { position: relative; }
.add-refinement__dropdown { visibility: hidden; max-height: 1px; position: absolute; z-index: -2; top: 3rem; left: -1px; width: 320px; -webkit-transition: max-height .15s ease-in-out; transition: max-height .15s ease-in-out; border: 1px solid #000; background-color: #FFF; font-size: 0.75rem; } .add-refinement__dropdown::-webkit-scrollbar { width: 1rem; } .add-refinement__dropdown::-webkit-scrollbar-track { background-color: #FFF; } .add-refinement__dropdown::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF; } .add-refinement__dropdown::-webkit-scrollbar-button { display: none; }
.add-refinement__dropdown.dropdown--active { visibility: visible; max-height: 50vh; overflow-y: scroll; }
.add-refinement__buttons { position: -webkit-sticky; position: sticky; bottom: 0; }
.refinement-count--0 { display: none; }
input[type=checkbox]:checked + .color-swatch-label .swatch--color { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 50%; position: relative; -webkit-box-shadow: 0 0 0 5px #FFF, 0 0 0 7px #000; box-shadow: 0 0 0 5px #FFF, 0 0 0 7px #000; }
.swatch--more-info { visibility: hidden; }
.color-swatch-label:hover .swatch--more-info { visibility: visible; }
.refinement__content__buttons--clear { background-color: transparent; padding: 0; margin-left: 2.46875rem; }
.refinement__content__buttons { display: none; }
@media (min-width: 48.0625rem) { .refinements { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .search-results__sort-and-refine-bar { position: -webkit-sticky; position: sticky; top: calc(4rem + 1px); z-index: 2; background-color: #FFF; border-bottom: 1px solid #000; margin-left: -1rem; margin-right: -1rem; } .search-results__sort { border-top: 1px solid #000; } .filterBy { -webkit-box-ordinal-group: -2; -webkit-order: -3; -ms-flex-order: -3; order: -3; padding: 1rem; } .my-store-switch { position: relative; display: inline-block; width: 60px; height: 34px; } .my-store-switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #FFF; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #000; } input:focus + .slider { -webkit-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; } input:checked + .slider:before { -webkit-transform: translateX(26px); transform: translateX(26px); } .refinement-bar__wrapper { width: 20rem; position: -webkit-sticky; position: sticky; top: 7rem; } .refinement-bar { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .refinement { position: relative; border-bottom: 1px solid #E6E6E6; } .refinement * { white-space: nowrap; } .refinement__header { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; } .refinement__type { font-size: 1.25rem; } .refinement__label { font-size: 1rem; } .refinement__content:not(.refinement__list) { z-index: 2; visibility: hidden; max-height: 0px; min-width: 250px; overflow-y: scroll; background: #FFF; } .refinement__content:not(.refinement__list)::-webkit-scrollbar { width: 1rem; } .refinement__content:not(.refinement__list)::-webkit-scrollbar-track { background-color: #FFF; } .refinement__content:not(.refinement__list)::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF; } .refinement__content:not(.refinement__list)::-webkit-scrollbar-button { display: none; } .refinement__content.refinement--active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; visibility: visible; max-height: 20rem; padding: 1em; -webkit-transition: max-height .15s ease-in-out; transition: max-height .15s ease-in-out; } .refinement__list:not(:first-child) { margin-top: 1.125rem; } .refinement__list-item:not(:last-child) { margin-bottom: 1.15em; } .refinement__content__buttons { position: -webkit-sticky; position: sticky; bottom: 0; } #refinement__color { padding: 1em 2.5em 0; } .add-refinement__wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 1rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .add-refinement-option__input { top: auto; } .add-refinement__button { -webkit-box-flex: 0; -webkit-flex: 0 0 9rem; -ms-flex: 0 0 9rem; flex: 0 0 9rem; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .add-refinement__button:not(.refinements--show-all) .minus { display: none; } .add-refinement__button.refinements--show-all .plus { display: none; } .sort-bar__wrapper { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .refinement-how-to-get-it { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .refinement-shop-my-store { -webkit-box-ordinal-group: -1; -webkit-order: -2; -ms-flex-order: -2; order: -2; } .refinement-shop-my-store__toggle { margin-top: -4px; } }
@media (max-width: 48rem) { .refinement-bar { z-index: 13; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 4.5rem; padding-bottom: 4.5rem; background-color: #FFF; border-left: 3.5rem solid #65A300; opacity: 1; visibility: inherit; -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .refinement-bar:not(.refinement-bar--active) { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition-duration: 107ms; transition-duration: 107ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .refinement-bar__head, .refinement-bar__footer { position: absolute; left: 0; width: 100%; background-color: #FFF; } .refinement-bar__head { top: 0; } .refinement-bar__footer { bottom: .75rem; } .refinement-bar__body { overflow-y: auto; max-height: 100%; } .refinement__header .refinement__icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .refinement__type { font-size: 1rem; } .refinement__label { font-size: 0.875rem; } .refinement__content { padding: 0 1rem; position: fixed; background: white; top: 0; bottom: 0; left: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 3.5rem; width: calc(100% - 3.5rem); -webkit-transition: left .15s ease-in-out; transition: left .15s ease-in-out; z-index: 3; } .refinement__content::-webkit-scrollbar { width: 1rem; } .refinement__content::-webkit-scrollbar-track { background-color: #FFF; } .refinement__content::-webkit-scrollbar-thumb { background-color: #6e6e6e; border-radius: 1rem; border: 4px solid #FFF; } .refinement__content::-webkit-scrollbar-button { display: none; } .refinement__content.refinement--active { left: 0; } #refinement-customer-ratings::-webkit-scrollbar-button { display: none; } .refinement-how-to-get-it { display: none; } .refinement__content__mobile-header { border-bottom: 1px solid #97A1B0; margin-bottom: 1rem; } .refinement__list { max-height: 80vh; overflow: scroll; } .refinement__list-item:not(:last-child), .refinement__boolean-item:not(:last-child) { margin-bottom: 1.75em; } .refinement__content__buttons { margin-top: auto; } .applied-refinements__list { margin-bottom: 2.25rem; } .applied-refinements__item { margin-bottom: .5rem; } .search-results__sort-dropdown .form-control--select { background-image: none; } }
.search-results__content-item:not(:last-child) { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: solid 0.0625rem #E6E6E6; }
.rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.rating .icon--star-full { display: none; }
.rating .rating__input { display: none; }
.rating .rating__label { cursor: pointer; }
.rating > .rating__input:checked ~ .rating__label .icon--star-full,
.rating:not(:checked) > .rating__label:hover .icon--star-full,
.rating:not(:checked) > .rating__label:hover ~ .rating__label .icon--star-full { display: inline; }
.rating > .rating__input:checked ~ .rating__label .icon--star-empty,
.rating:not(:checked) > .rating__label:hover .icon--star-empty,
.rating:not(:checked) > .rating__label:hover ~ .rating__label .icon--star-empty { display: none; }
.rating > .rating__input:checked + .rating__label:hover .icon--star-full,
.rating > .rating__input:checked ~ .rating__label:hover .icon--star-full,
.rating > .rating__label:hover ~ .rating__input:checked ~ .rating__label .icon--star-full,
.rating > .rating__input:checked ~ .rating__label:hover ~ .rating__label .icon--star-full { display: inline; }
.rating > .rating__input:checked + .rating__label:hover .icon--star-empty,
.rating > .rating__input:checked ~ .rating__label:hover .icon--star-empty,
.rating > .rating__label:hover ~ .rating__input:checked ~ .rating__label .icon--star-empty,
.rating > .rating__input:checked ~ .rating__label:hover ~ .rating__label .icon--star-empty { display: none; }
.shop-my-store__indicator--available { display: none; }
.shop-my-store--on .ratings__count,
.shop-my-store--on .refinement__count,
.shop-my-store--on .results__count,
.shop-my-store--on .plp-breadcrumb-count,
.shop-my-store--on .visual-navigation__category__count,
.shop-my-store--on .shop-my-store--unavailable { display: none; }
.shop-my-store--on .shop-my-store__indicator--available { display: block; }
button.back-to-top__button { position: fixed; top: 4rem; left: 50%; z-index: 9; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; display: none; }
.back-to-top__anchor[data-viewport-observer=below] .back-to-top__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }