/* C&S Video Card - responsive WPBakery/shortcode element */
.cs-video-card{width:100%;margin:26px 0;}
.cs-video-card-inner{width:min(100%,var(--cs-video-max-width,860px));box-sizing:border-box;}
.cs-video-desktop-center .cs-video-card-inner{margin-left:auto;margin-right:auto;}
.cs-video-desktop-left .cs-video-card-inner{margin-left:0;margin-right:auto;}
.cs-video-desktop-right .cs-video-card-inner{margin-left:auto;margin-right:0;}
.cs-video-card-card .cs-video-card-inner{background:#fff;border:1px solid #d9e8f4;border-radius:18px;box-shadow:0 16px 36px rgba(7,58,106,.10);padding:18px;}
.cs-video-copy{margin:0 0 14px;}
.cs-video-copy h3{margin:0 0 8px;color:#073a6a;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,3vw,34px);line-height:1.1;}
.cs-video-copy p{margin:0;color:#27435d;font-size:16px;line-height:1.55;}
.cs-video-frame{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#eef7ff;}
.cs-video-ratio-16x9 .cs-video-frame{aspect-ratio:16/9;}
.cs-video-ratio-4x3 .cs-video-frame{aspect-ratio:4/3;}
.cs-video-ratio-1x1 .cs-video-frame{aspect-ratio:1/1;}
.cs-video-ratio-9x16 .cs-video-frame{aspect-ratio:9/16;}
.cs-video-frame iframe,.cs-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover;}
.cs-video-link-wrap{margin:14px 0 0;}
.cs-video-link{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#0062b6,#0d7fd2);color:#fff!important;text-decoration:none!important;padding:12px 18px;font-weight:800;}
.cs-video-card-error{border:1px solid #f1b7b7;background:#fff5f5;color:#8a1f11;padding:12px;border-radius:12px;}
@media(max-width:767px){
  .cs-video-mobile-left .cs-video-card-inner{margin-left:0;margin-right:0;width:100%;max-width:100%;}
  .cs-video-mobile-center .cs-video-card-inner{margin-left:auto;margin-right:auto;}
  .cs-video-card-card .cs-video-card-inner{padding:12px;border-radius:14px;}
  .cs-video-card{margin:18px 0;}
}


/* v7.3.5 mobile preview / poster overlay */
.cs-video-frame-with-preview,.cs-video-frame[data-cs-video-card]{position:relative;}
.cs-video-preview-button{position:absolute;inset:0;z-index:5;width:100%;height:100%;border:0;cursor:pointer;background:#eaf5ff center/cover no-repeat;display:none;align-items:center;justify-content:center;text-align:center;padding:22px;color:#fff;overflow:hidden;font:inherit;}
.cs-video-preview-shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,58,106,.56),rgba(0,98,182,.35));z-index:1;}
.cs-video-play-icon{position:relative;z-index:2;width:72px;height:72px;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 16px 35px rgba(0,0,0,.22);display:inline-flex;align-items:center;justify-content:center;margin-right:12px;}
.cs-video-play-icon:before{content:"";display:block;margin-left:5px;border-left:22px solid #0062b6;border-top:14px solid transparent;border-bottom:14px solid transparent;}
.cs-video-preview-label{position:relative;z-index:2;font-weight:900;font-size:18px;text-shadow:0 2px 12px rgba(0,0,0,.35);}
.cs-video-preview-always .cs-video-preview-button{display:flex;}
.cs-video-frame.cs-video-is-playing .cs-video-preview-button{display:none!important;}
@media(max-width:767px){
  .cs-video-preview-mobile .cs-video-preview-button{display:flex;}
  .cs-video-preview-mobile .cs-video-frame.cs-video-is-playing .cs-video-preview-button{display:none!important;}
  .cs-video-play-icon{width:64px;height:64px;}
  .cs-video-play-icon:before{border-left-width:19px;border-top-width:12px;border-bottom-width:12px;}
  .cs-video-preview-label{font-size:16px;}
}
