/* Host section */ .has-video-trigger { position: relative; } /* Tokens */ .has-video-trigger{ --btn-bg: rgba(0,0,0,.65); --btn-bg-hover: rgba(0,0,0,.85); --btn-color: #fff; --btn-radius: 14px; --btn-pad-y: .55rem; --btn-pad-x: 1rem; --btn-font-size: 14px; --btn-lspace: .06em; } /* UNMUTE button (uses inline vars if provided) */ .acf-video-unmute-trigger{ position: absolute; display: inline-flex; align-items: center; justify-content: center; padding: var(--btn-pad-top, var(--btn-pad-y)) var(--btn-pad-right, var(--btn-pad-x)) var(--btn-pad-bottom, var(--btn-pad-y)) var(--btn-pad-left, var(--btn-pad-x)); background: var(--btn-bg); color: var(--btn-color); border-radius: var(--btn-radius); text-decoration: none; text-transform: uppercase; letter-spacing: var(--btn-lspace); font-size: var(--btn-font-size); line-height: 1; z-index: 5; cursor: pointer; transition: background .2s ease, transform .15s ease; } .acf-video-unmute-trigger:hover, .acf-video-unmute-trigger:focus{ background: var(--btn-bg-hover); outline: 2px solid rgba(255,255,255,.35); outline-offset: 2px; } /* Positions */ .pos-br{ right: 1rem; bottom: 1rem; } .pos-bl{ left: 1rem; bottom: 1rem; } .pos-tr{ right: 1rem; top: 1rem; } .pos-tl{ left: 1rem; top: 1rem; } .pos-center{ left: 50%; top: 50%; transform: translate(-50%, -50%); } /* (Optional) Lightbox polish on desktop */ .elementor-lightbox .elementor-video-container, .elementor-lightbox iframe { max-width: min(96vw, 1100px); max-height: 82vh; } .elementor-lightbox, .elementor-lightbox .dialog-widget-content { background: rgba(0,0,0,.88); } .elementor-lightbox .dialog-close-button, .elementor-lightbox .dialog-lightbox-close-button{ position: absolute; top:12px; right:12px; width:44px; height:44px; border-radius: 999px; background: rgba(0,0,0,.55); color:#fff; display: grid; place-items: center; z-index:1001; } .elementor-lightbox .dialog-close-button svg{ fill:#fff; } @media (min-width: 769px){ .elementor-lightbox .dialog-close-button::after{ content:" Close"; margin-left:.35rem; font-size:14px; color:#fff; } }
Skip to content