.media-grid-wrapper{display:grid;grid-auto-rows:var(--mobileHeight);grid-template-columns:repeat(var(--mobileColumns, 1),minmax(0,1fr));gap:var(--columnGap)}.media-grid-section-wrap{background-color:var(--sectionBackgroundColor);background-repeat:no-repeat}.media-grid-item{position:relative;overflow:hidden;width:100%;height:100%;border-radius:var(--blockImageRadius, var(--imageRadius));grid-area:span var(--mobile-row, 1) / span var(--mobile-column, 1)}.media-grid-wrapper.shadow-enabled .media-grid-item{box-shadow:0 1px 7px rgba(var(--shadowColor),.4)}.media-grid-image{width:100%;height:100%;position:relative;background:var(--imageBackgroundColor, rgba(var(--background)));overflow:hidden;border-radius:var(--blockImageRadius, var(--imageRadius))}.media-grid-item--has-bottom-text{display:flex;flex-direction:column}.media-grid-item--has-bottom-text .media-grid-image{flex:1 1 auto;min-height:0;border-radius:var(--blockImageRadius, var(--imageRadius)) var(--blockImageRadius, var(--imageRadius)) 0 0}.media-grid-bottom-text{padding:22px 24px;color:var(--blockBottomTextColor);background:var(--blockBottomTextBg);font-size:clamp(16px,1vw,29px);line-height:1.25;border-radius:0 0 var(--blockImageRadius, var(--imageRadius)) var(--blockImageRadius, var(--imageRadius));word-break:break-word}@media(min-width:768px){.media-grid-bottom-text.h1{font-size:var(--h1)}.media-grid-bottom-text.h2{font-size:var(--h2)}.media-grid-bottom-text.h3{font-size:var(--h3)}.media-grid-bottom-text.h4{font-size:var(--h4)}.media-grid-bottom-text.h5{font-size:var(--h5)}.media-grid-bottom-text.h6{font-size:var(--h6)}.media-grid-bottom-text.text-small{font-size:var(--smallText)}.media-grid-bottom-text.text-xsmall{font-size:var(--xsmallText)}}.media-grid-bottom-text .media-grid-bottom-text-item{display:block;font-weight:700;font-size:1.08em;line-height:1.35;margin-bottom:.2em}.media-grid-image .media-fixed{height:100%}.media-grid-overlay-tag{position:absolute;z-index:4;max-width:calc(100% - 24px);padding:.4em .95em;border-radius:999px;font-weight:500;line-height:1.2;font-size:var(--overlayTagFontSize, 15px);background:var(--overlayTagBg, #e8e4f4);color:var(--overlayTagColor, #000000);text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:767px){.media-grid-overlay-tag{font-size:var(--overlayTagFontSizeMobile, var(--overlayTagFontSize, 13px))}}.media-grid-overlay-tag--top-left{top:12px;left:12px}.media-grid-overlay-tag--top-center{top:12px;left:50%;transform:translate(-50%)}.media-grid-overlay-tag--top-right{top:12px;right:12px}.media-grid-overlay-tag--center-left{top:50%;left:12px;transform:translateY(-50%)}.media-grid-overlay-tag--center{top:50%;left:50%;transform:translate(-50%,-50%)}.media-grid-overlay-tag--center-right{top:50%;right:12px;transform:translateY(-50%)}.media-grid-overlay-tag--bottom-left{bottom:12px;left:12px}.media-grid-overlay-tag--bottom-center{bottom:12px;left:50%;transform:translate(-50%)}.media-grid-overlay-tag--bottom-right{bottom:12px;right:12px}.media-content{position:absolute;max-height:100%;overflow-y:auto;padding:10px 15px;width:100%;max-width:90%;z-index:2}.media-content-heading{color:var(--blockTitleColor, var(--headingColor))}.media-content-description{padding-top:5px;color:var(--textColor)}.media-content-description a{color:rgb(var(--textColor))}.media-grid-subheading{margin:10px 0 7px}.media-grid-subheading .line-marker{color:#d05f26;color:rgba(var(--text-color))}.media-content-button{padding-top:15px}.media-video-icon{position:absolute;bottom:30px;right:35px;color:var(--textColor);z-index:1;cursor:pointer}.media-video-icon svg{width:70px;height:auto;display:block}.media-grid-item .media-grid-image:before{content:"";background:rgba(var(--opacityColor),var(--backgroundOpacity));width:100%;height:100%;position:absolute;top:0;transition:all .3s ease;z-index:1}.media-grid-item--has-video .media-grid-image:before{display:none}.media-content-bottom-captions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;padding:0 100px}.media-content-bottom-captions__item{text-align:center}@media(min-width:768px){.media-grid-wrapper{grid-auto-rows:var(--desktopHeight);grid-template-columns:repeat(var(--desktopColumns, 8),minmax(0,1fr))}.media-grid-item{grid-area:span var(--row) / span var(--column)}.media-content.small{max-width:80%}.media-content.medium{max-width:85%}.media-content.large{max-width:90%}.media-content-description{padding-top:3px}}@media(min-width:1025px){.content-on-hover .media-content{opacity:0;visibility:hidden;transition:.5s linear}.content-on-hover .media-grid-item:hover .media-content{opacity:1;visibility:visible}.content-on-hover .media-grid-item:before{opacity:0}.content-on-hover .media-grid-item:hover:before{opacity:1}}@media(min-width:1200px){.media-content.small{max-width:50%}.media-content.medium{max-width:75%}}@media(min-width:1441px){.media-content.small{max-width:50%}.media-content.medium{max-width:70%}.media-content.large{max-width:85%}}@media(max-width:767px){.media-grid-section-wrap .media-grid-container--mobile-fullwidth{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:0;padding-right:0}.media-content{width:100%;max-width:100%;padding-left:15px;padding-right:15px;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;padding-bottom:5px!important}.media-content.mobile-text-left{text-align:left}.media-content.mobile-text-center{text-align:center}.media-content.mobile-text-right{text-align:right}.media-grid-section-wrap .section-title.mobile-text-left{text-align:left}.media-grid-section-wrap .section-title.mobile-text-center{text-align:center}.media-grid-section-wrap .section-title.mobile-text-right{text-align:right}.media-grid-bottom-text{padding:12px 13px;font-size:clamp(9px,2vw,24px);line-height:1.3}.media-grid-bottom-text.mobile-default{font-size:clamp(9px,2vw,24px)}.media-grid-bottom-text.mobile-h1{font-size:var(--h1)}.media-grid-bottom-text.mobile-h2{font-size:var(--h2)}.media-grid-bottom-text.mobile-h3{font-size:var(--h3)}.media-grid-bottom-text.mobile-h4{font-size:var(--h4)}.media-grid-bottom-text.mobile-h5{font-size:var(--h5)}.media-grid-bottom-text.mobile-h6{font-size:var(--h6)}.media-grid-bottom-text.mobile-text-small{font-size:var(--smallText)}.media-grid-bottom-text.mobile-text-xsmall{font-size:var(--xsmallText)}.media-content-bottom-captions{padding:0}.media-content-bottom-captions__item{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/media-grid.css.map */
