.template-collection{--collection-gutter-left: 20px;--collection-gutter-right: 15px}@media only screen and (min-width:768px){.template-collection{--collection-gutter-left: 32px;--collection-gutter-right: 15px}}.collection-banner{display:flex;align-items:center;text-align:center;position:relative;min-height:270px}.collection-banner .row{min-width:100%}.collection-banner--has-bg{color:#fff;min-height:var(--hero-min-height, 350px);margin-bottom:30px}.collection-banner--has-bg .breadcrumbs,.collection-banner--has-bg .breadcrumbs a{color:inherit}.collection-banner--has-bg .collection-banner--image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.collection-banner--hero-tall.collection-banner--has-bg{min-height:var(--hero-min-height, 85vh);align-items:flex-end;text-align:left;margin-bottom:24px}@media only screen and (min-width:768px){.collection-banner--hero-tall.collection-banner--has-bg{margin-bottom:40px}}.collection-banner--hero-tall.collection-banner--has-bg .collection-banner--image:after{background:linear-gradient(180deg,rgba(var(--overlay-color-rgb),calc(var(--overlay-opacity) * .35)),rgba(var(--overlay-color-rgb),calc(var(--overlay-opacity) * .55)) 45%,rgba(var(--overlay-color-rgb),calc(var(--overlay-opacity) + .15)))}.collection-banner--hero-tall .row{display:flex;align-items:flex-end;min-height:inherit}.collection-banner--hero-tall .row>.columns{display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--hero-min-height, 85vh);padding-left:var(--collection-gutter-left, 20px)!important;padding-right:var(--collection-gutter-right, 15px)!important}.collection-banner--hero-tall .collection-banner--content{padding:28px 0 40px;max-width:480px;margin:0 auto 0 0;text-align:left;width:100%}@media only screen and (min-width:768px){.collection-banner--hero-tall .collection-banner--content{padding:40px 0 56px;max-width:520px}}.collection-banner--hero-tall .collection-banner--content.text-center,.collection-banner--hero-tall .collection-banner--content.text-right{margin-left:0;margin-right:auto;text-align:left}.collection-banner--hero-tall .collection-banner--content h1{font-size:clamp(1.25rem,1.8vw,1.625rem);font-weight:400;line-height:1.2;letter-spacing:.06em}.collection-banner--hero-tall .collection-banner--content p{font-size:.8125rem;line-height:1.65;margin-top:12px;max-width:420px;opacity:.9}@media only screen and (min-width:768px){.collection-banner--hero-tall .collection-banner--content p{font-size:.875rem}}.collection-banner--breadcrumbs{text-align:left;position:absolute;top:0;left:0;right:0;z-index:3}.collection-banner--inner{display:flex;flex-direction:column;position:relative}.collection-banner--image{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.collection-banner--image img{width:100%;height:100%;object-fit:cover;object-position:center top}.collection-banner--hero-tall .collection-banner--image img{object-position:center 18%}.collection-banner--heading-uppercase-true h1{text-transform:uppercase}.collection-banner--content{padding:40px 0;position:relative;z-index:5}@media only screen and (min-width:768px){.collection-banner--content{max-width:530px;font-size:1rem;padding:80px 0}}@media only screen and (min-width:768px){.collection-banner--content.text-center{margin:0 auto}}@media only screen and (min-width:768px){.collection-banner--content.text-left{margin-right:auto}}@media only screen and (min-width:768px){.collection-banner--content.text-right{margin-left:auto}}.collection-banner--content h1{color:inherit;margin-bottom:0;font-weight:var(--font-body-bold-weight, 600)}@media only screen and (min-width:768px){.collection-banner--content h1+.collection-banner--subcollections{margin-top:20px}}.collection-banner--content .searchform{margin-top:20px}.collection-banner--content p{font-size:inherit;color:inherit;margin-top:15px;margin-bottom:0}.collection-banner--subcollections{margin-top:20px}@media only screen and (min-width:768px){.collection-banner--subcollections{margin-top:35px}}.collection-banner--subcollections .text-button{margin:0 8px 10px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/collection-banner.css.map */