.collection-hero{height:100vh;position:relative;overflow:hidden}@media screen and (max-width:431px){.collection-hero{height:80vh}}.hero-bkg{position:absolute;left:0;top:0;width:100%;min-width:100%;height:100vh;z-index:1}@media screen and (max-width:431px){.hero-bkg{height:80vh}}.hero-bkg-img{background-size:cover;background-position:50% 0;background-repeat:no-repeat;width:100%;height:100vh;display:flex;justify-content:flex-end;flex-direction:row}@media screen and (max-width:768px){.hero-bkg-img{display:flex;align-items:flex-end}}@media screen and (max-width:431px){.hero-bkg-img{height:80vh}}.collection-the-color-purple .hero-bkg-img,.collection-music-from-and-inspired-by-the-color-purple .hero-bkg-img{background-position:50% 100%}.hero-bkg-img img{width:100%;height:auto;display:block}.usher-hero-content-container{position:relative;z-index:2;height:100%;margin-top:104px}.hero-content-container{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;flex-wrap:wrap;z-index:10;transform:translateY(164px)}@media screen and (max-width:431px){.hero-content-container{transform:translateY(-110px);align-items:center}}.hero-content-container.hero-text-alignment-left{justify-content:flex-start}.hero-content-container.hero-text-alignment-center{justify-content:center}.hero-content-container.hero-text-alignment-right{justify-content:flex-end}.text-color-white{color:#fff!important}.text-color-black{color:#000!important}.hero-content-container h1.hero-title{display:block;width:100%;color:#000;font-family:FK Roman,serif;font-size:64px!important;line-height:1.05em!important;margin:0}@media screen and (max-width:431px){.hero-content-container h1.hero-title{font-size:42px!important}}.hero-text-alignment-left :is(.hero-content-container h1.hero-title){text-align:left}.hero-text-alignment-center :is(.hero-content-container h1.hero-title){text-align:center}.hero-text-alignment-right :is(.hero-content-container h1.hero-title){text-align:right}.hero-content-container .hero-subtext{display:block;width:100%;color:#000;font-family:var(--font-body-family)!important;font-size:24px!important;line-height:1.05em!important}@media screen and (max-width:431px){.hero-content-container .hero-subtext{font-size:20px!important}}.hero-text-alignment-left :is(.hero-content-container .hero-subtext){text-align:left}.hero-text-alignment-center :is(.hero-content-container .hero-subtext){text-align:center}.hero-text-alignment-right :is(.hero-content-container .hero-subtext){text-align:right}.hero-bkg .hero-bkg-overlay{background:linear-gradient(to bottom,#e5e2dd00,#e5e2dd);position:absolute;z-index:2;width:100%;bottom:0;height:25vh;display:block!important}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-usher-hero.css.map */