.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;
}
.search-results .product-list__carousel .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.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; } .back-to-top__anchor[data-viewport-observer=below] ~ .search-results .search-results__toolbar { background: white; top: calc(4rem - 1px); position: fixed; width: 100%; margin: 0 -1rem; z-index: 13; padding: 0.5rem; }
}
.refinement { padding: 12px 0;
}
.refinement__list--color { display: grid; grid-template-columns: repeat(4, 1fr);
}
.refinement-color .show-more-filters { display: none;
}
.refinement__list .refinement__list { padding-left: 0.5rem;
}
.refinement__list:not(:first-of-type) { margin-top: 1.125rem;
}
@media (min-width: 48.0625rem) { .refinement__boolean-item { padding: 2px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .refinement__boolean-item:hover { background-color: #f6f6f6; } .refinement__boolean-item:hover .link--underline-hover { text-decoration: underline; -webkit-text-decoration-color: inherit; text-decoration-color: inherit; }
}
.refinement__boolean-item:not(:last-child) { margin-bottom: 0.75em;
}
.refinement__chip-item { margin-right: 0.625rem; margin-bottom: 0.625rem;
}
.applied-refinements__item:not(:last-child) { margin-right: 1rem;
}
.refinement--active .refinement__icon { -webkit-transform: rotateX(180deg); transform: rotateX(180deg);
}
.refinement__icon { margin-left: 0.85rem; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;
}
@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 0.15s ease-in-out; transition: max-height 0.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;
}
.shop-store-wrapper #refinement-shop-my-store { position: absolute; left: 0; top: 0; width: 20px; height: 20px; z-index: 2;
}
.shop-store-wrapper .shop-near-stores { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left;
}
.shop-store-wrapper .shop-nearby-arrow { font-size: 0.75rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);
}
.shop-store-wrapper .list-near-stores { margin-left: 24px;
}
.shop-store-wrapper .list-near-stores-wrapper { margin: 18px 0; color: #212121; padding-left: 1.9em;
}
@media (min-width: 48.0625rem) { .shop-store-wrapper .list-near-stores-wrapper { position: absolute; left: 100%; width: 100%; background: #FFF; padding: 16px; -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
}
@media (min-width: 48.0625rem) { .shop-store-wrapper .list-near-stores-wrapper::after { content: ""; position: absolute; left: -9px; top: 50%; margin: 0 auto; width: 0; height: 0; border-right: 20px solid transparent; border-bottom: 20px solid #FFF; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.15)); }
}
.shop-store-wrapper .list-near-stores__title { font-weight: 400; margin-bottom: 6px;
}
.shop-store-wrapper .list-near-stores__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 8px; border-bottom: 1px solid #d2d2d2; margin-bottom: 12px;
}
.shop-store-wrapper .list-near-stores__city { font-size: 1.25rem; font-weight: 600; padding-right: 15px; border-right: 1px solid #d2d2d2; margin-right: 16px;
}
.shop-store-wrapper .list-near-stores__label { margin-bottom: 10px;
}
.shop-store-wrapper .list-near-stores .refinement__boolean-item-store.refinement__boolean-item { margin-bottom: 10px;
}
.shop-store-wrapper .shop-my-store-button .refinement__content--shop-my-store { display: none;
}
.shop-store-wrapper .shop-my-store-button .refinement__content-label { padding: 0;
}
.shop-store-wrapper .refinement__content-label { padding-left: 1.9em; line-height: 1.3;
}
@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: 16px 0; font-size: 1.125rem; line-height: 1.25rem; margin-bottom: 12px; } .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: 0.4s; transition: 0.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: 0.4s; transition: 0.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; z-index: 1; } .refinement-bar__wrapper:not(.d-scroll-container--y) { padding-right: 32px; } .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__header { font-family: "avenir-bold", Montserrat, Helvetica, Arial, sans-serif; } .refinement__type { font-size: 1rem; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; } .refinement__label { font-size: 0.875rem; cursor: pointer; } .refinement__list-item.show-more-item--toggle:nth-child(n+6), .refinement__boolean-item.show-more-item--toggle:nth-child(n+6) { display: none; } .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 { -webkit-transition: all 0.25s ease; transition: all 0.25s ease; padding: 0 16px; } .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: 35rem; padding: 16px; } .refinement__content .content-asset { font-size: 0.875rem; margin: 8px 0 0; } .refinement__list:not(:first-of-type) { margin-top: 1.125rem; } .refinement__list-item { padding: 2px; cursor: pointer; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .refinement__list-item:not(:last-child) { margin-bottom: 6px; } .refinement__list-item:hover { background-color: #f6f6f6; } .refinement__list-item:hover .link--underline-hover { text-decoration: underline; -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } .show-more-filters { font-size: 0.875rem; line-height: 1.125rem; font-family: "avenir-demi", Montserrat, Helvetica, Arial, sans-serif; text-decoration: underline; color: #393939; margin-top: 8px; padding: 4px 10px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; border-radius: 12px; } .show-more-filters:hover { background-color: #d2d2d2; } .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.refinement-how-to-get-it { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; background-color: transparent; } .refinement.refinement-how-to-get-it a { font-size: 0.875rem; line-height: 1.125rem; padding: 0; } .refinement.refinement-how-to-get-it .refinement__boolean-item { margin-bottom: 10px; } .refinement.refinement-how-to-get-it .refinement__boolean-item-store { margin-bottom: 0; } .refinement.refinement-how-to-get-it .refinement__content.refinement--active { padding-top: 0; } .refinement.refinement-how-to-get-it .refinement__content-label { cursor: default; } .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: 15; 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: 0.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 0.25s ease-in-out; transition: left 0.25s 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: 10px; } .refinement__content__buttons { margin-top: auto; } .applied-refinements__list { margin-bottom: 2.25rem; } .applied-refinements__item { margin-bottom: 0.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;
}
.back-to-top-mobile__button { position: fixed; top: 7.5rem; left: 50%; z-index: 9; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; -webkit-transition: top 0.15s ease-out; transition: top 0.15s ease-out; display: none;
}
.cart__main--cart .back-to-top-mobile__button { top: 3.5rem;
}
.checkout__stages .back-to-top-mobile__button { top: 3.5rem;
}
[data-action=Home-Show] .back-to-top-mobile__button { top: 4.5rem;
}
.back-to-top-desktop__button { position: fixed; bottom: 14%; right: -1rem; width: 3rem; height: 3.5rem; padding: 1px 6px; font-size: xx-small; cursor: pointer; z-index: 99; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: right 0.15s ease-out; transition: right 0.15s ease-out; opacity: 1; display: none;
}
.back-to-top__anchor[data-viewport-observer=below] .back-to-top-desktop__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
.back-to-top__anchor[data-viewport-observer=below] .back-to-top-mobile__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
}
[data-scroll-percentage="0"] .back-to-top-desktop__button,
[data-scroll-percentage="10"] .back-to-top-desktop__button,
[data-scroll-percentage="20"] .back-to-top-desktop__button,
[data-scroll-percentage="30"] .back-to-top-desktop__button,
[data-scroll-percentage="40"] .back-to-top-desktop__button { right: -16rem;
}
[data-scroll-percentage="0"] .back-to-top-mobile__button,
[data-scroll-percentage="10"] .back-to-top-mobile__button,
[data-scroll-percentage="20"] .back-to-top-mobile__button,
[data-scroll-percentage="30"] .back-to-top-mobile__button,
[data-scroll-percentage="40"] .back-to-top-mobile__button { top: -4rem;
}