.collection-banner{display:flex;align-items:center;text-align:center;position:relative;min-height:270px;background-color:rgba(var(--color-taupe-050),1)}.collection-banner .row{min-width:100%}.collection-banner--has-bg{color:#fff;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--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}.collection-banner--heading-uppercase-true h1{text-transform:uppercase}.collection-banner--title,.collection-banner--description{max-width:640px;margin-left:auto;margin-right:auto}.collection-banner--content{padding:40px 0;position:relative;z-index:5}@media only screen and (min-width: 768px){.collection-banner--content{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-medium-weight, 500)}@media only screen and (max-width: 768px){.collection-banner--content h1{font-size:calc(var(--font-heading-scale) * 32px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 44px))}}@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:7px;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}.collection-banner--description .max-height{background-color:rgba(var(--color-taupe-050),1);padding-top:0}@media only screen and (min-width: 768px){.collection-banner--description .max-height{padding-top:25px}}.collection-banner--description .max-height--toggle{text-align:center;background-color:rgba(var(--color-taupe-050),1)}.collection-banner--description .max-height--active{padding-bottom:47px}.c-category-subnav__list{display:flex;list-style-type:none;margin:0;scroll-snap-type:x mandatory;overflow-x:scroll;scroll-behavior:smooth}.c-category-subnav__item{flex:0 0 8.75rem;margin:4px}@media only screen and (min-width: 960px){.c-category-subnav__item{flex:0 0 10rem}}.c-category-subnav__item a{display:block;text-decoration:none}.c-category-subnav__item a:hover{text-decoration:underline}.c-category-subnav__item a:focus{outline:none;background-color:transparent;text-decoration:underline}.c-category-subnav__item:first-child{margin-left:auto}.c-category-subnav__item:last-child{margin-right:auto}.c-category-subnav__item-image{background-color:#fff;display:block;margin-bottom:4px}@media only screen and (min-width: 960px){.c-category-subnav__item-image{margin-bottom:8px}}.c-category-subnav__item a:focus .c-category-subnav__item-image{box-shadow:0 0 0 2px #7c999a}.c-category-subnav__item a:hover .c-category-subnav__item-image{box-shadow:0 0 1.25rem #9a968d4d}.c-category-subnav__item-image img{display:block;max-width:100%;height:auto}.c-category-subnav__item-name{font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#151514;font-weight:600}@media only screen and (min-width: 960px){.c-category-subnav__item-name{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-banner.css.map */