/* Front Feature: Pinned Feature, Banner Rotator and Rotating Line. Plain light-mode styling only. */

/* Pinned Feature */
.gp-pinned-feature{position:relative}
.gp-pinned-label{display:inline-block;margin:0 0 8px;font:700 11px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nb-red,#974735)}
.gp-pinned-feature .gpb-post-feature-hero{position:relative}
.gp-pinned-video .gpb-post-feature-image-wrap{position:relative;display:block}
.gp-pin-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 1px 6px rgba(0,0,0,.35);pointer-events:none}
.gp-pin-play:after{content:"";position:absolute;left:21px;top:16px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #292a26}
.gp-pin-duration{position:absolute;right:10px;bottom:10px;padding:2px 7px;border-radius:3px;background:rgba(0,0,0,.78);color:#fff;font:600 12px/1.4 Arial,sans-serif}

/* Banner Rotator */
.gp-banners{position:relative}
.gp-banners__stage{position:relative;aspect-ratio:var(--gp-banner-ratio,16 / 7);overflow:hidden;background:#ece8da}
.gp-banners__slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.gp-banners__slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease}
.gp-banners__slide a,.gp-banners__slide img{display:block;width:100%;height:100%}
.gp-banners__slide img{object-fit:cover}
.gp-banners__dots{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:7px;pointer-events:none}
.gp-banners__dot{pointer-events:auto;width:9px;height:9px;padding:0;border:1px solid rgba(0,0,0,.45);border-radius:50%;background:rgba(255,255,255,.7);cursor:pointer}
.gp-banners__dot.is-active{background:#292a26;border-color:#fff}
.gp-banners__arrow{position:absolute;top:50%;width:34px;height:34px;margin-top:-17px;padding:0 0 3px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#292a26;font:400 24px/34px Georgia,serif;text-align:center;cursor:pointer;opacity:0;transition:opacity .2s}
.gp-banners__arrow--prev{left:10px}
.gp-banners__arrow--next{right:10px}
.gp-banners:hover .gp-banners__arrow,.gp-banners:focus-within .gp-banners__arrow{opacity:1}
@media (hover:none){.gp-banners__arrow{opacity:1}}
@media (prefers-reduced-motion:reduce){.gp-banners__slide,.gp-banners__slide.is-active{transition:none}}

/* Rotating Line */
.gp-rline{margin:4px 0 0;text-align:center;font:italic 16px/1.4 var(--nb-hand,Georgia,serif);color:var(--nb-muted,#65645e);transition:opacity .6s ease}
.gp-rline[hidden]{display:none}
.gp-rline.is-out{opacity:0}

/* A block that has nothing to show yet, seen in the editor only */
.gp-ff-empty{margin:0;padding:12px 14px;border:1px dashed #b9b4a3;color:#65645e;font:14px/1.5 Arial,sans-serif}

/* An empty updates column (nothing in the category yet): hide it and let the neighbouring column take the room */
.nb-front-feature .gpb-builder-grid:has(> .gpb-stack > .nb-edition-label:only-child){display:block}
.nb-front-feature .gpb-stack:has(> .nb-edition-label:only-child){display:none}

/* The Front Feature section: a pinned item on the left (40%), the banners, updates and a video on the right (60%) */
.nb-front-feature{margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid #a7a193}
:is(.nb-front-feature,.nb-front-feature>.wp-block-group__inner-container)>.gpb-builder-grid>.gpb-stack:last-child{border-left:1px solid #a7a193;padding-left:25px}
@media (max-width:900px){
  :is(.nb-front-feature,.nb-front-feature>.wp-block-group__inner-container)>.gpb-builder-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px}
  :is(.nb-front-feature,.nb-front-feature>.wp-block-group__inner-container)>.gpb-builder-grid>.gpb-stack:last-child{border-left:0;padding-left:0}
}