.text-hero-banner{width:100%}.text-hero-banner .text-hero-banner-inner{padding:2rem .625rem;border-radius:.25rem}@media only screen and (min-width: 990px){.text-hero-banner .text-hero-banner-inner{border-radius:1rem}}.text-hero-banner .title{margin:0 0 .5rem;text-align:center}@media only screen and (min-width: 990px){.text-hero-banner .title{max-width:900px;margin:0 auto 1rem}}.text-hero-banner .subtitle{margin:0 0 .5rem;text-align:center}@media only screen and (min-width: 990px){.text-hero-banner .subtitle{max-width:900px;margin:0 auto 1rem}}.text-hero-banner .overview p{margin:0 0 1rem;text-align:center}.text-hero-banner .overview .lineclamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-hero-banner .overview .readmore{display:none}@media only screen and (min-width: 990px){.text-hero-banner .overview p{max-width:900px;margin:0 auto 1rem}}.text-hero-banner .overview p:last-child{margin-bottom:0}.text-hero-banner .overview p a{font-weight:700;text-decoration:underline;transition:.3s color}.text-hero-banner .overview p a:hover{color:var(--pink)}.text-hero-banner .link-flex{display:flex;overflow:scroll;margin:1.5rem -.625rem 0;align-items:center}@media only screen and (min-width: 990px){.text-hero-banner .link-flex{flex-wrap:wrap;overflow:visible;justify-content:center;margin:2rem 0 0}}.text-hero-banner .link-flex .item .link-text,.text-hero-banner .link-flex .item .button{white-space:nowrap;margin:0 .875rem 0 0}.text-hero-banner .link-flex:not(.link-stacked) .item:first-child .link-text,.text-hero-banner .link-flex:not(.link-stacked) .item:first-child .button{margin-left:1.5rem}.text-hero-banner .link-flex.link-stacked{flex-direction:column;align-items:center}.text-hero-banner .link-flex.link-stacked .item a{white-space:unset;margin:0 0 .625rem;display:inline-block;text-align:center}.text-hero-banner .link-flex.link-stacked .item:last-child a{margin-bottom:0}.text-hero-banner.invert-text .title,.text-hero-banner.invert-text .overview p,.text-hero-banner.invert-text .link-flex .item .link-text{color:#fff}@media only screen and (max-width: 990px){.text-hero-banner.no-bg .link-flex{margin-right:-1.25rem;margin-left:-1.25rem}.text-hero-banner.no-bg .link-flex .button{text-align:center}}@media only screen and (max-width: 750px){.text-hero-banner.no-bg .link-flex{margin-right:-.625rem;margin-left:-.625rem}}.text-hero-banner.collection-text-banner .text-hero-banner-inner{background:var(--grey-light)}@media only screen and (min-width: 990px){.text-hero-banner.collection-text-banner .text-hero-banner-inner{padding:4rem .625rem}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/text-hero-banner.css.map */