.clc-HeroImage_Inner{display:grid}@media only screen and (max-width: 767px){.clc-HeroImage-textMobileLeft{text-align:left}.clc-HeroImage-textMobileCenter{text-align:center}.clc-HeroImage-textMobileRight{text-align:right}}@media only screen and (min-width: 768px){.clc-HeroImage-textLeft{text-align:left}.clc-HeroImage-textCenter{text-align:center}.clc-HeroImage-textRight{text-align:right}}.clc-HeroImage-textStyleDark{color:#000}.clc-HeroImage-textStyleLight{color:#fff}.clc-HeroImage_ImageContainer,.clc-HeroImage_Overlay{grid-column:1;grid-row:1}.clc-HeroImage_ImageContainer{margin-right:calc(var(--Grid_Gutter) * -1);margin-left:calc(var(--Grid_Gutter) * -1)}.clc-HeroImage_Image{width:100%;height:100%}.clc-HeroImage_Image-mobile{display:flex}@media only screen and (min-width: 768px){.clc-HeroImage_Image-mobile{display:none}}.clc-HeroImage_Image-desktop{display:none}@media only screen and (min-width: 768px){.clc-HeroImage_Image-desktop{display:flex}}.clc-HeroImage_Overlay{z-index:1;display:flex;padding:15px}@media only screen and (min-width: 768px){.clc-HeroImage_Overlay{padding:30px}}.clc-HeroImage_ContentContainer{grid-column:2 / 12;display:flex;width:100%}@media only screen and (max-width: 767px){.clc-HeroImage-verticalMobileTop .clc-HeroImage_ContentContainer{align-items:flex-start}.clc-HeroImage-verticalMobileMiddle .clc-HeroImage_ContentContainer{align-items:center}.clc-HeroImage-verticalMobileBottom .clc-HeroImage_ContentContainer{align-items:flex-end}}@media only screen and (min-width: 768px){.clc-HeroImage-verticalTop .clc-HeroImage_ContentContainer{align-items:flex-start}.clc-HeroImage-verticalMiddle .clc-HeroImage_ContentContainer{align-items:center}.clc-HeroImage-verticalBottom .clc-HeroImage_ContentContainer{align-items:flex-end}.clc-HeroImage-horizontalLeft .clc-HeroImage_ContentContainer{justify-content:flex-start}.clc-HeroImage-horizontalCenter .clc-HeroImage_ContentContainer{justify-content:center}.clc-HeroImage-horizontalRight .clc-HeroImage_ContentContainer{justify-content:flex-end}}.clc-HeroImage_Content{width:100%}@media only screen and (min-width: 768px){.clc-HeroImage_Content{width:calc((5 / 12) * 100%)}}@media only screen and (min-width: 901px){.clc-HeroImage_Content{width:25%}}.clc-HeroImage_Text{display:none}@media only screen and (min-width: 768px){.clc-HeroImage_Text{display:block;margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/324/assets/collection-hero-image.css.map */