/* VIDEOS */
.videoHouse {border-radius: 20px; width:100%; }
.accordion-button, .accordion, .accordion-item, .accordion-header .accordion-flush {background:none!important; padding: 0em; box-shadow:none;} 
.accordion-body {background:none!important; padding: 1em 0em 0em 0em; border:none;} 
.accordion-button:not(.collapsed) {box-shadow: none;}
.headerVideo {box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; width:100%; border-radius:20px;}

/* VIDEO PLAYER */
.video-player {width: 100%; position: relative; background: #000; border-radius: 20px; overflow: hidden;}
video {width: 100%; display: block;}
.video-player::after {content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, transparent 75%,rgba(0,0,0,0.60) 100%);}
.controls {position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 5; color: white; transition: opacity .25s ease;}
.video-player.hide-controls .controls {opacity: 0;}
.progress {width: 100%; margin-bottom: 10px; accent-color: white; cursor: pointer;}
.bottom-row {display: flex; align-items: center; gap: 12px;}
.videobutton {background: none; border: none; color: white; cursor: pointer; font-size: 16px; padding: 6px; opacity: .9; transition: .2s;}
.videobutton:hover {opacity: 1; transform: scale(1.08);}
.videobutton i {width: 18px; text-align: center;}
.time {font-size: 13px; opacity: .9; min-width: 95px;}
.volume {width: 90px; accent-color: white;}
.spacer {flex: 1;}
.captions {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); max-width: 80%; padding: 6px 9px; background: #b01d10d8; color: #fff; border-radius: 8px; font-family: "proxima-nova", sans-serif; font-size: 16px; line-height: 1.4; text-align: center; z-index: 999; pointer-events: none; opacity: 0; transition: opacity 0.2s ease;}
.captions.show {opacity: 1;}
.playerLogo{position: absolute; width: 10%; top: 1.3em; right: 1.3em;}
.unmute{position: absolute; top: 1.3em; left: 1.3em; padding:7px 12px; background-color:#b01d10dd; color:#fff; border-radius:10px; font-weight:300; box-shadow:rgba(0, 0, 0, 0.31) 0px 4px 15px, rgba(0, 0, 0, 0.25) 0px 6px 10px; cursor:pointer;}
.transcript-time {font-weight: 600;color: #b01c10; cursor: pointer;margin-top: 20px;margin-bottom: 5px;}
.transcript-time:hover {text-decoration: underline;}
.transcript-text {margin-bottom: 10px; line-height: 1;}
.video-player:not(.hide-controls) .captions.show {
    bottom: 90px;
}