.aiovg-player, .aiovg-player * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .aiovg-player .plyr a, .aiovg-player .plyr a:hover, .aiovg-player .plyr a:focus { text-decoration: none; } .aiovg-player .plyr__control--overlaid { --plyr-control-spacing: 15px; } .aiovg-player .plyr__control--overlaid svg { --plyr-control-icon-size: 27px; } .aiovg-show-email-capture:not(.aiovg-ads-playing) .plyr__control--overlaid { display: none !important; } /* Custom Theme */ .aiovg-player-theme-custom .plyr__controls { flex-wrap: wrap; justify-content: flex-start; } .aiovg-player-theme-custom .plyr__controls .plyr__controls__item:first-child { margin-right: 0; } .aiovg-player-theme-custom .plyr__controls .plyr__controls__item.plyr__progress__container { position: relative; order: -1; flex: 1 0 100%; margin-left: 0; padding-left: 0; } .aiovg-player-theme-custom .plyr__controls [data-plyr="restart"] { visibility: hidden; } .aiovg-player-theme-custom .plyr__controls .plyr__spacer { flex: 1 1 auto; height: 100%; } @media (max-width: 767px) { .aiovg-player-theme-custom .plyr__time+.plyr__time { display: flex; } } /* Ads */ .aiovg-player .plyr--playing .plyr__ads { display: none; } .aiovg-player .plyr__ads .plyr__control--overlaid { z-index: 999; } /* Progressbar */ .aiovg-player .plyr__progress .plyr__tooltip { max-width: fit-content; } .aiovg-player .plyr__progress .plyr__cues { visibility: hidden; } .aiovg-player .plyr__progress .plyr__progress__marker { border: 2px solid var(--plyr-video-control-color, #ffffff); border-radius: 50%; background: transparent; width: 10px; height: 10px; } /* Share & Embed */ .aiovg-player .plyr__share-embed-button { position: absolute; top: 15px; right: 15px; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; opacity: 1; z-index: 1; border-radius: 2px; background: rgba( 0, 0, 0, 0.5 ); width: 35px; height: 35px; text-align: center; line-height: 1; color: #fff; } .aiovg-player .plyr--hide-controls .plyr__share-embed-button { opacity: 0; } .aiovg-player .plyr__share-embed-button:hover, .aiovg-player .plyr__share-embed-button:focus { background: #00B3FF; } .aiovg-player .plyr__share-embed-modal { pointer-events: none; display: flex; position: absolute; top: 0; left: 0; flex-direction: column; align-items: center; justify-content: center; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; opacity: 0; z-index: 9; background-color: #222; width: 100%; height: 100%; } .aiovg-player .plyr__share-embed-modal.fadein { pointer-events: auto; opacity: 1; } .aiovg-player .plyr__share-embed-modal-content { width: 100%; } .aiovg-player .plyr__share-embed-modal-close-button { display: block; position: absolute; top: 15px; right: 15px; z-index: 9; border-radius: 2px; cursor: pointer; width: 35px; height: 35px; text-align: center; line-height: 1; } .aiovg-player .plyr__share-embed-modal-close-button:hover, .aiovg-player .plyr__share-embed-modal-close-button:focus { background: #00B3FF; } .aiovg-player .plyr__share { text-align: center; } .aiovg-player .plyr__share-button { display: inline-block; margin: 2px; border-radius: 2px; width: 40px; height: 40px; vertical-align: middle; line-height: 1; } .aiovg-player .plyr__share-button:hover { opacity: 0.9; } .aiovg-player .plyr__share-button-facebook { background-color: #3B5996; } .aiovg-player .plyr__share-button-twitter { background-color: #55ACEE; } .aiovg-player .plyr__share-button-linkedin { background-color: #006699; } .aiovg-player .plyr__share-button-pinterest { background-color: #C00117; } .aiovg-player .plyr__share-button-tumblr { background-color: #28364B; } .aiovg-player .plyr__share-button-whatsapp { background-color: #25d366; } .aiovg-player .plyr__share-button span { line-height: 40px; color: #fff; font-size: 24px; } .aiovg-player .plyr__embed { margin: auto; padding: 20px; max-width: 720px; } .aiovg-player .plyr__embed label { display: block; margin: 0 0 7px 0; text-align: center; text-transform: uppercase; color: #fff; font-size: 11px; } .aiovg-player .plyr__embed input { box-sizing: border-box; border: 1px solid #fff; border-radius: 1px; background: #fff; padding: 7px; width: 100%; line-height: 1; color: #000; } .aiovg-player .plyr__embed input:focus { border: 1px solid #fff; } /* Logo Overlay */ .aiovg-player .plyr__logo { -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; opacity: 1; } .aiovg-player .plyr--hide-controls .plyr__logo { opacity: 0; } .aiovg-player .plyr__logo a { position: absolute; transition: opacity 0.1s; opacity: 0.6; z-index: 3; line-height: 1; } .aiovg-player .plyr__logo a:hover { opacity: 1; } .aiovg-player .plyr__logo img { box-shadow: none; max-width: 150px; } /* Trailer Badge */ .aiovg-is-trailer .plyr__logo a { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; border-radius: 3px; background: rgba( 0, 0, 0, 0.5 ); padding: 6px 10px; max-width: 160px; } .aiovg-is-trailer .plyr__logo img { flex-shrink: 0; border-radius: 3px; max-width: 40px; max-height: 24px; object-fit: contain; } .aiovg-is-trailer .plyr__logo .plyr__logo-label { text-align: center; line-height: 1.3; white-space: normal; color: #fff; font-size: 11px; } /* Tech: YouTube */ .aiovg-hide-youtube-logo .plyr--youtube .plyr__video-wrapper iframe { pointer-events: none; top: -50% !important; height: 200% !important; } /* Email Capture */ .aiovg-player .aiovg-email-capture { display: none; position: absolute; inset: 0; z-index: 9999999999; /* match contextmenu — ensures visibility in fullscreen */ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; line-height: 1.5; color: #fff; font-size: 14px; } .aiovg-show-email-capture:not(.aiovg-ads-playing) .aiovg-email-capture { display: block !important; } .aiovg-player .aiovg-email-capture-overlay { position: absolute; inset: 0; display: flex; align-items: flex-start; justify-content: center; background: rgba( 0, 0, 0, 0.85 ); overflow-y: auto; } .aiovg-player .aiovg-email-capture-block { box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; margin: auto; padding: 16px 24px; width: 100%; max-width: 480px; } .aiovg-player .aiovg-email-capture-header { text-align: center; text-shadow: 0 1px 4px rgba( 0, 0, 0, 0.8 ); font-size: 1.15em; } .aiovg-player .aiovg-email-capture-fields { display: flex; flex-direction: column; gap: 8px; } .aiovg-player .aiovg-email-capture-fields input { box-sizing: border-box; display: block; border: 1px solid rgba( 255, 255, 255, 0.3 ); border-radius: 3px; background: rgba( 255, 255, 255, 0.12 ); padding: 0 12px; width: 100%; min-height: 44px; line-height: 1; color: #fff; font-family: inherit; font-size: 1em; } .aiovg-player .aiovg-email-capture-fields input::placeholder { color: rgba( 255, 255, 255, 0.5 ); } .aiovg-player .aiovg-email-capture-fields input:focus { outline: none; border-color: rgba( 255, 255, 255, 0.6 ); background: rgba( 255, 255, 255, 0.18 ); } .aiovg-player .aiovg-email-capture-email.aiovg-is-invalid { border-color: #ff7070; } .aiovg-player .aiovg-email-capture-error { display: none; margin-top: -4px; color: #ff7070; font-size: 0.875em; } .aiovg-player .aiovg-email-capture-error::before { content: "⚠"; margin-right: 5px; } .aiovg-player .aiovg-email-capture-footer { margin-top: -4px; line-height: 1.4; color: rgba( 255, 255, 255, 0.55 ); font-size: 0.875em; } .aiovg-player .aiovg-email-capture-footer a { text-decoration: underline; color: rgba( 255, 255, 255, 0.75 ); } .aiovg-player .aiovg-email-capture-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; } .aiovg-player .aiovg-email-capture-submit, .aiovg-player .aiovg-email-capture-submit:hover, .aiovg-player .aiovg-email-capture-submit:focus { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 3px; box-shadow: none; background: none; background-color: var(--plyr-color-main, #3b82f6); background-image: none; cursor: pointer; padding: 0 20px; min-height: 44px; line-height: 1; color: #fff; font-family: inherit; font-size: 1em; font-weight: 600; } .aiovg-player .aiovg-email-capture-submit:hover { opacity: 0.85; } .aiovg-player .aiovg-email-capture-skip { display: inline-flex; align-items: center; cursor: pointer; text-decoration: underline; color: rgba( 255, 255, 255, 0.6 ); font-size: 0.875em; } .aiovg-player .aiovg-email-capture-skip:hover { color: #fff; } @keyframes aiovg-spin { to { transform: rotate( 360deg ); } } .aiovg-is-loading .aiovg-email-capture-block * { display: none !important; } .aiovg-is-loading .aiovg-email-capture-block { pointer-events: none; margin: auto; border: 3px solid rgba( 255, 255, 255, 0.25 ); border-radius: 50%; border-top-color: #fff; padding: 0; width: 36px; height: 36px; animation: aiovg-spin 0.7s linear infinite; } /* GDPR Cookie Consent */ .aiovg-player .aiovg-privacy-wrapper { position: absolute; inset: 0; background-color: #222; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .aiovg-player .aiovg-privacy-overlay { position: absolute; inset: 0; display: flex; align-items: flex-start; justify-content: center; background: rgba( 0, 0, 0, 0.85 ); overflow-y: auto; } .aiovg-player .aiovg-privacy-consent-block { box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; margin: auto; padding: 16px 24px; width: 100%; max-width: 480px; text-align: center; color: #fff; } .aiovg-player .aiovg-privacy-consent-button, .aiovg-player .aiovg-privacy-consent-button:hover, .aiovg-player .aiovg-privacy-consent-button:focus { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 3px; box-shadow: none; background: none; background-color: var(--plyr-color-main, #3b82f6); background-image: none; cursor: pointer; padding: 0 20px; min-height: 44px; line-height: 1; color: #fff; font-family: inherit; font-size: 1em; font-weight: 600; } .aiovg-player .aiovg-privacy-consent-button:hover { opacity: 0.85; } /* Restrictions */ .aiovg-player .aiovg-restrictions-wrapper { position: absolute; inset: 0; background-color: #222; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .aiovg-player .aiovg-restrictions-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba( 0, 0, 0, 0.85 ); overflow-y: auto; } .aiovg-player .aiovg-restrictions-message { box-sizing: border-box; margin: auto; padding: 16px 24px; width: 100%; max-width: 480px; text-align: center; line-height: 1.5; color: #fff; } /* Custom ContextMenu */ #aiovg-contextmenu { position: absolute; top: 0; left: 0; z-index: 9999999999; /* make sure it shows on fullscreen */ margin: 0; border-radius: 2px; background: rgba( 0, 0, 0, 0.5 ); padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } #aiovg-contextmenu .aiovg-contextmenu-content { margin: 0; cursor: pointer; padding: 8px 12px; line-height: 1; white-space: nowrap; color: #fff; font-size: 11px; }