.clc-Banner{position:relative;display:flex;max-height:var(--InnerHeight, 100vh);min-height:300px;border-bottom:1px solid var(--Color_Grey-dark)}.clc-Banner-hasImage:after{content:"";display:block;width:0;padding-block-start:140%}@media only screen and (min-width: 768px){.clc-Banner{max-height:100vh}.clc-Banner-hasImage:after{padding-block-start:70%}}@media only screen and (min-width: 901px){.clc-Banner{min-height:400px}.clc-Banner-hasImage:after{padding-block-start:38%}}.clc-Banner_Body{justify-content:center;display:flex;width:100%;height:100%;padding-block-start:calc(var(--Announcement_Height) + var(--Header_Height));padding-block-end:20px}@media only screen and (min-width: 768px){.clc-Banner_Body{padding-block-end:50px}.clc-Banner-hasImage .clc-Banner_Body{justify-content:flex-start}}@media only screen and (min-width: 1201px){.clc-Banner_Body{padding-block-end:60px}}.clc-Banner_Vignette:before,.clc-Banner_Vignette:after{content:"";position:absolute;left:0;z-index:-1;display:block;width:100%;height:40%}.clc-Banner_Vignette:before{top:0;background-image:linear-gradient(180deg,var(--Color_Background) 0%,rgba(15,15,15,0) 100%)}.clc-Banner_Vignette:after{bottom:0;background-image:linear-gradient(0deg,var(--Color_Background) 0%,rgba(15,15,15,0) 100%)}@media only screen and (min-width: 768px){.clc-Banner_Vignette:after{height:30%}}.clc-Banner_Overlay{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background-color:var(--Color_Background);opacity:var(--Opacity)}.clc-Banner_MediaContainer{position:absolute;top:0;left:0;z-index:-2;width:100%;height:100%;overflow:hidden}.clc-Banner_Image{position:absolute;top:0;left:0;z-index:-2;display:flex;width:100%;height:100%}.clc-Banner_Image-desktop{display:none}@media only screen and (min-width: 768px){.clc-Banner_Image-desktop{display:flex}.clc-Banner_Image-mobile{display:none}}.clc-Banner_Content{align-items:center;flex-direction:column;display:flex;width:100%;text-align:center;color:var(--Color_Grey-light)}.clc-Banner-dark .clc-Banner_Content{color:var(--Color_Grey-light)}@media only screen and (min-width: 768px){.clc-Banner_Content{max-width:700px;width:calc((7 / 12) * 100%)}.clc-Banner-hasImage .clc-Banner_Content{align-items:flex-start;text-align:left}}@media only screen and (min-width: 901px){.clc-Banner_Content{width:50%}}@media only screen and (min-width: 1201px){.clc-Banner_Content{width:calc((5 / 12) * 100%)}}.clc-Banner_Breadcrumbs{margin-block-end:auto;padding-block-end:20px}@media only screen and (min-width: 1201px){.clc-Banner_Breadcrumbs{padding-block-start:10px}}.clc-Banner_Kicker{margin-block-end:10px;color:var(--Color_PetronasTeal)}@media only screen and (min-width: 768px){.clc-Banner_Kicker{margin-block-end:15px}}.clc-Banner_Title{color:#fff}.clc-Banner-dark .clc-Banner_Title{color:var(--Color_CarbonGrey)}.clc-Banner_Description{margin-block-start:15px}@media only screen and (min-width: 901px){.clc-Banner_Description{margin-block-start:20px}}.clc-Banner_Text{display:inline-block}.clc-Banner_Text[aria-hidden=true]{display:none}.clc-Banner_Text p{display:inline}.clc-Banner_ReadMore,.clc-Banner_ReadLess{display:inline-block}
/*# sourceMappingURL=/cdn/shop/t/149/assets/collection-banner.css.map */