.clc-MediaBanner{display:grid;padding-block-start:var(--AnnouncementBar_Height, 0);text-align:center;background-color:var(--Banner_BackgroundColour, var(--Color_Brand));color:#fff}.clc-MediaBanner-textDark{color:var(--Color_Brand)}.clc-MediaBanner:after{content:"";grid-area:1 / -1 / 1 / -1;display:block;padding-block-end:100%}@media only screen and (min-width: 768px){.clc-MediaBanner:after{padding-block-end:50%}}@media only screen and (min-width: 1201px){.clc-MediaBanner:after{padding-block-end:37.5%}}.clc-MediaBanner_Inner{position:relative;grid-area:1 / -1 / 1 / -1;display:grid;padding-block-start:var(--HeaderBanner_Height)}@media only screen and (min-width: 768px){.clc-MediaBanner-halfWidthBackground .clc-MediaBanner_Inner{grid-template-columns:repeat(2,1fr)}}.clc-MediaBanner_Breadcrumbs{--Breadcrumb_VerticalOffset: 20px;position:absolute;top:calc(var(--HeaderBanner_Height) + var(--Breadcrumb_VerticalOffset));left:var(--Padding);z-index:1}@media only screen and (min-width: 901px){.clc-MediaBanner_Breadcrumbs{--Breadcrumb_VerticalOffset: 30px}}.clc-MediaBanner_Media{grid-area:1 / -1 / 1 / -1;margin-block-start:calc(var(--HeaderBanner_Height) * -1);margin-inline-start:calc(var(--Padding) * -1);margin-inline-end:calc(var(--Padding) * -1)}@media only screen and (min-width: 768px){.clc-MediaBanner-halfWidthBackground .clc-MediaBanner_Media{grid-area:auto;margin-inline-end:0}}@media only screen and (min-width: 768px){.clc-MediaBanner_Media-mobileOnly{display:none}}.clc-MediaBanner_Media-desktopOnly{display:none}@media only screen and (min-width: 768px){.clc-MediaBanner_Media-desktopOnly{display:block}}.clc-MediaBanner_Media .rsp-Image{height:100%}.clc-MediaBanner_Body{align-items:center;justify-content:center;grid-area:1 / -1 / 1 / -1;display:grid}@media only screen and (min-width: 768px){.clc-MediaBanner_Body{grid-template-columns:repeat(12,1fr);gap:var(--Grid_Gutter)}.clc-MediaBanner-halfWidthBackground .clc-MediaBanner_Body{grid-area:auto;grid-template-columns:repeat(6,1fr);margin-inline-start:30px}}@media only screen and (min-width: 901px){.clc-MediaBanner-halfWidthBackground .clc-MediaBanner_Body{margin-inline-start:calc(var(--Grid_Gutter) * .5)}}@media only screen and (min-width: 768px){.clc-MediaBanner_BodyInner{isolation:isolate;grid-column:1 / -1;padding-block-start:20px;padding-block-end:20px}}@media only screen and (min-width: 1201px){.clc-MediaBanner-fullWidthBackground .clc-MediaBanner_BodyInner{grid-column:4 / -4}.clc-MediaBanner-halfWidthBackground .clc-MediaBanner_BodyInner{grid-column:2 / -2}}.clc-MediaBanner_Title{display:inline}.clc-MediaBanner_TitleWord{position:relative}.clc-MediaBanner_InfoToggle{--InfoToggle_Size: 40px;--InfoToggle_IconSize: 15px;position:absolute;top:0;left:100%;align-items:center;justify-content:center;display:flex;width:var(--InfoToggle_Size);height:var(--InfoToggle_Size);margin-block-start:calc((var(--InfoToggle_Size) - var(--InfoToggle_IconSize)) * -.5);margin-inline-start:calc((var(--InfoToggle_Size) - var(--InfoToggle_IconSize)) * -.5);color:currentColor}@media only screen and (min-width: 768px){.clc-MediaBanner_InfoToggle{display:none}}.clc-MediaBanner_InfoToggleIcon{width:var(--InfoToggle_IconSize)}.clc-MediaBanner_Text{display:none}@media only screen and (min-width: 768px){.clc-MediaBanner_Text{display:block;margin-block-start:20px}}.clc-MediaBanner_TextToggle{text-decoration:underline;color:currentColor}
/*# sourceMappingURL=/cdn/shop/t/502/assets/collection-media-banner.css.map */