
/* Image Hover Grid V2: same classes in the editors and published pages */
.cms-hvg-grid{display:grid;grid-template-columns:repeat(var(--hvg-cols,3),minmax(0,1fr));gap:var(--hvg-gap,8px);width:100%}
.cms-hvg-card{position:relative;display:block;min-width:0;height:var(--hvg-height,300px);overflow:hidden;border-radius:var(--hvg-radius,0px);background:#d9e1e5;color:white;isolation:isolate;text-decoration:none}
.cms-hvg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--hvg-speed,850ms) ease}
.cms-hvg-label{position:absolute;z-index:2;top:14px;left:16px;right:16px;font-size:clamp(16px,1.8vw,25px);font-weight:600;text-align:var(--hvg-align,right);text-shadow:0 1px 5px #0007;transition:opacity .2s;color:var(--hvg-title-color,#fff);opacity:0;pointer-events:none}
.cms-hvg-panel{position:absolute;inset:0;z-index:3;background:var(--hvg-panel,rgba(83,111,109,.9));display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;transform:translateX(-102%);transition:transform var(--hvg-speed,850ms) cubic-bezier(.2,.7,.2,1),opacity var(--hvg-speed,850ms) ease;opacity:1}
.cms-hvg-body{width:100%;text-align:var(--hvg-align,right);max-height:100%;overflow:auto;overflow-wrap:anywhere}.cms-hvg-body strong{display:block;font-size:clamp(17px,1.8vw,25px);line-height:1.35;color:var(--hvg-title-color,#fff)}.cms-hvg-body p{margin:12px 0 0;white-space:pre-line;font-size:clamp(13px,1.1vw,17px);line-height:1.55;color:var(--hvg-text-color,#fff)}
.cms-hvg-card:where(:hover,:focus-within,.hvg-open) .cms-hvg-panel{transform:none;opacity:1}.cms-hvg-card:where(:hover,:focus-within,.hvg-open) .cms-hvg-label{opacity:0}
.cms-hvg-card[data-effect=right] .cms-hvg-panel{transform:translateX(102%)}.cms-hvg-card[data-effect=up] .cms-hvg-panel{transform:translateY(102%)}.cms-hvg-card[data-effect=down] .cms-hvg-panel{transform:translateY(-102%)}
.cms-hvg-card[data-effect=diagonal] .cms-hvg-panel{clip-path:polygon(0 0,0 0,0 0);transform:none;transition:clip-path var(--hvg-speed,850ms) ease;opacity:1}.cms-hvg-card[data-effect=diagonal]:where(:hover,:focus-within,.hvg-open) .cms-hvg-panel{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.cms-hvg-card[data-effect=fade] .cms-hvg-panel,.cms-hvg-card[data-effect=zoom] .cms-hvg-panel{transform:none;opacity:0}
.cms-hvg-card[data-effect=zoom]:where(:hover,:focus-within,.hvg-open) .cms-hvg-image{transform:scale(1.12)}
.cms-hvg-card[data-effect=right]:where(:hover,:focus-within,.hvg-open) .cms-hvg-panel,.cms-hvg-card[data-effect=up]:where(:hover,:focus-within,.hvg-open) .cms-hvg-panel,.cms-hvg-card[data-effect=down]:where(:hover,:focus-within,.hvg-open) .cms-hvg-panel{transform:none}
@media(max-width:900px){.cms-hvg-grid{grid-template-columns:repeat(min(2,var(--hvg-cols,3)),minmax(0,1fr))}}@media(max-width:600px){.cms-hvg-grid{grid-template-columns:1fr}.cms-hvg-card{height:min(var(--hvg-height,300px),350px)}}
@media(prefers-reduced-motion:reduce){.cms-hvg-panel,.cms-hvg-image,.cms-hvg-label{transition:none!important}}

.cms-hvg-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}

.cms-hvg-body .cms-hvg-rich{margin-top:12px;color:var(--hvg-text-color,#fff);font-size:clamp(13px,1.1vw,17px);line-height:1.55}.cms-hvg-body .cms-hvg-rich p{margin:0 0 8px;white-space:normal;font-size:inherit;color:inherit}.cms-hvg-rich ul,.cms-hvg-rich ol{padding-inline-start:1.5em;margin:.5em 0}.cms-hvg-rich a{color:inherit;text-decoration:underline}.cms-hvg-rich strong{display:inline;font-size:inherit;color:inherit}

/* Rich Text formatting must not be overridden by the card title defaults. */
.cms-hvg-body .cms-hvg-rich :is(p,li,div,span,strong,em,b,i,u,a){font-size:inherit;line-height:inherit}
.cms-hvg-body .cms-hvg-rich :is(p,li,div,span,strong,em,b,i,u,a)[class*="rt-size-"]{font-size:revert-layer}
.cms-hvg-body .cms-hvg-rich :is(strong,b){font-weight:700}
.cms-hvg-body .cms-hvg-rich :is(em,i){font-style:italic}
.cms-hvg-body .cms-hvg-rich :is(u){text-decoration:underline}
.cms-hvg-body .cms-hvg-rich [class*="rt-size-"]{font-size:inherit}
.cms-hvg-body .cms-hvg-rich .rt-size-sm{font-size:12px}
.cms-hvg-body .cms-hvg-rich .rt-size-md{font-size:16px}
.cms-hvg-body .cms-hvg-rich .rt-size-lg{font-size:20px}
.cms-hvg-body .cms-hvg-rich .rt-size-xl{font-size:25px}
.cms-hvg-body .cms-hvg-rich .rt-size-2xl{font-size:30px}
.cms-hvg-body .cms-hvg-rich [style*="font-size"]{font-size:revert-layer}
