.collection-title-banner,.title-banner{--collection-banner-bg: #ccd9ba;--collection-banner-text: #536826;--collection-banner-height-mobile: 60px;--collection-banner-height-desktop: 90px;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--collection-banner-height-mobile);padding:.75rem 1.25rem;background-color:var(--collection-banner-bg);text-align:center}.collection-title-banner__heading,.title-banner__heading{margin:0;color:var(--collection-banner-text);font-family:"Everbright Sans",var(--heading-font-family),sans-serif;font-weight:400;font-size:clamp(3.65rem,8.64vw,5.4rem);line-height:1.1;letter-spacing:.18em;text-transform:uppercase}.title-banner__heading--long{font-size:clamp(1.85rem,4.2vw,3.1rem);letter-spacing:.12em;line-height:1.15}.title-banner:not(.title-banner--hover-arrows) .title-banner__heading{display:flex;align-items:center;justify-content:center;width:100%;letter-spacing:0;text-align:center}.title-banner:not(.title-banner--hover-arrows) .title-banner__text{letter-spacing:.18em;padding-inline-start:.18em;text-align:center}.title-banner:not(.title-banner--hover-arrows) .title-banner__heading--long .title-banner__text{letter-spacing:.12em;padding-inline-start:.12em}a.title-banner--link{text-decoration:none;color:inherit;cursor:pointer}a.title-banner--link:hover .title-banner__heading,a.title-banner--link:focus-visible .title-banner__heading{text-decoration:underline;text-underline-offset:.12em}a.title-banner--hover-arrows:hover .title-banner__heading,a.title-banner--hover-arrows:focus-visible .title-banner__heading{text-decoration:none}.title-banner--hover-arrows .title-banner__heading{display:inline-flex;align-items:center;justify-content:center;gap:0;letter-spacing:0}.title-banner--hover-arrows .title-banner__text{display:inline-block;letter-spacing:.18em;margin-inline-end:-.3em}.title-banner--hover-arrows .title-banner__heading--long .title-banner__text{letter-spacing:.12em;margin-inline-end:-.24em}.title-banner--hover-arrows .title-banner__arrows{display:inline-flex;flex:0 0 auto;align-items:center;line-height:0;opacity:0;pointer-events:none}.title-banner--hover-arrows .title-banner__arrows svg{display:block;width:.72em;height:.7em}.title-banner--hover-arrows .title-banner__arrows--left{padding-inline-end:.14em}.title-banner--hover-arrows .title-banner__arrows--right{padding-inline-start:.14em}.title-banner--hover-arrows:hover .title-banner__arrows,.title-banner--hover-arrows:focus-visible .title-banner__arrows{opacity:1}.title-banner--hover-arrows:hover .title-banner__arrows--left,.title-banner--hover-arrows:focus-visible .title-banner__arrows--left{animation:title-banner-arrow-in-left 2.4s ease-in-out infinite}.title-banner--hover-arrows:hover .title-banner__arrows--right,.title-banner--hover-arrows:focus-visible .title-banner__arrows--right{animation:title-banner-arrow-in-right 2.4s ease-in-out infinite}@keyframes title-banner-arrow-in-left{0%,to{transform:translate(-.28em)}50%{transform:translate(0)}}@keyframes title-banner-arrow-in-right{0%,to{transform:translate(.28em)}50%{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.title-banner--hover-arrows:hover .title-banner__arrows,.title-banner--hover-arrows:focus-visible .title-banner__arrows{animation:none;opacity:1;transform:none}}.collection-banner__description{padding-top:calc(6 * var(--space-unit));padding-bottom:calc(2 * var(--space-unit))}.collection-banner__content.color-scheme{padding:var(--gutter-sm, 20px)}.collection-banner__media{order:2}@media(min-width:600px){.collection-banner__content--with-media{padding-inline-end:calc(8 * var(--space-unit))}.collection-banner__content.color-scheme{padding:calc(10 * var(--space-unit))}}.cpc-collection-panel+.cpc-collection-panel{margin-top:2.5rem}.cpc-supplies-board__mobile-toolbar{margin:0 0 1.5rem}.cpc-supplies-board__filter-btn{display:flex;width:100%;justify-content:space-between;align-items:center;padding:12px 16px;border:var(--btn-border-width, 1px) solid rgba(var(--text-color) / .15);border-radius:var(--btn-border-radius, 0);background:transparent;color:inherit;font-size:1em;font-weight:700;line-height:1.2;text-align:start}@media(min-width:1024px){.cpc-supplies-board__mobile-toolbar{display:none}}@media(max-width:1023.98px){.cpc-supplies-board__collections .products-toolbar__filter{display:none}}@media(max-width:767.98px){.cpc-supplies-board__collections .products-toolbar{display:none}}@media(min-width:1024px){.cpc-supplies-board{display:grid;grid-template-columns:minmax(260px,var(--cpc-filter-sidebar-width, 300px)) minmax(0,1fr);column-gap:40px;align-items:stretch}.cpc-supplies-board__filters{position:relative}.cpc-supplies-board__filters .cpc-filters.facets.drawer,.cpc-supplies-board__filters sticky-scroll-direction{position:sticky;top:calc(var(--header-end, var(--header-height, 80px)) + 12px);left:auto!important;right:auto;width:100%;max-width:100%;height:fit-content;transform:none;z-index:2}.cpc-supplies-board__collections .cpc-collection.container{display:flex;flex-direction:column;width:100%;max-width:none;padding-inline:0}.cpc-supplies-board__collections .cpc-collection>custom-pagination,.cpc-supplies-board__collections .cpc-filter-results{display:contents}.cpc-supplies-board__collections .cpc-collection__banner{order:1;margin-bottom:.75rem}.cpc-supplies-board__collections .cpc-collection>products-toolbar{position:static!important;top:auto;left:auto!important;right:auto;order:2;width:100%;display:flex;justify-content:flex-end;margin:0 0 1rem;padding:0;z-index:1;pointer-events:auto}.cpc-supplies-board__collections .cpc-filter-results>:not(.cpc-collection__banner){order:3}.cpc-supplies-board__collections .cpc-filter-results .cpc-collection__banner .title-banner{padding-inline:1.25rem}}.cpc-collection__banner{width:100%;margin-bottom:1.5rem}.cpc-collection__banner .title-banner{width:100%;margin:0}@media(min-width:1024px){.cpc-collection .cpc-filter-results:has(>.cpc-collection__banner),.container:has(.cpc-filters) .main-products-grid__results:has(>.cpc-collection__banner){padding-top:0}.cpc-filter-results .cpc-collection__banner .title-banner{padding-inline:9rem}}@media(min-width:769px){.collection-title-banner,.title-banner{min-height:var(--collection-banner-height-desktop);padding:1rem 2rem}.collection-banner__content{width:50%;min-width:400px}.collection-banner__content-wide{width:66%}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/collection-banner.css.map */