.custom_video_lightbox_wrapper_inner svg {
height: auto !important;
max-width: 22px;
min-height: 22px;
fill: #fff;
transition: all 0.25s ease-in-out;
}
.custom_video_lightbox_wrapper_inner a,.custom_video_lightbox_wrapper_inner a i {
display: inline-block;
}
.custom_video_lightbox_wrapper_inner {
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
position: relative;
min-height: 322px;
}
.custom_video_lightbox_wrapper_inner .icon_holder {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
z-index: 99;
transition: all 0.25s ease-in-out !important;
}
.custom_video_lightbox_wrapper_inner:before {content: '';position: absolute;left: 0;top: 0;background: #000;width: 100%;height: 100%;opacity: 0.2;}
.custom_video_lightbox_wrapper_inner a i {
border: 2px solid #fff;
width: 70px;
height: 70px;
display: flex;
justify-content: center;
border-radius: 50%;
position: relative;
transition: all 0.25s ease-in-out;
}
.custom_video_lightbox_wrapper_inner a:hover i {
background: #fff;
}
.custom_video_lightbox_wrapper_inner a:hover i svg {
fill: #000 !important;
}
.custom_video_lightbox_wrapper_inner {
border-radius: 5px;
overflow: hidden;
width: 100%;
}
#video_modal video {
visibility: visible !important;
width: 100%;
height: 100%;
margin-top: 7px;
}
.video_modal.neww .modal-dialog {
margin-top: 42px !important;
}
.custom_video_lightbox_wrapper_inner .expander {
display: none;
}
.custom_video_lightbox_wrapper_inner.loaded {
background: none !important;
min-height: auto !important;
}
.custom_video_lightbox_wrapper_inner.loaded:before {
opacity: 0 !important;
}
.custom_video_lightbox_wrapper_inner video {
width: 100%;
display: none;
}
.custom_video_lightbox_wrapper_inner.loaded video {
display: block !important;
height: 100% !important;
}
.custom_video_lightbox_wrapper_inner.loaded .icon_holder {
transform: translate(-33%, -33%);
left: auto;
top: auto;
bottom: 0;
right: 0;
}
.custom_video_lightbox_wrapper_inner.loaded a i {
background: rgb(0 0 0 / 51%);
border-color: transparent;
width: 55px;
height: 54px;
}
.custom_video_lightbox_wrapper_inner a.nowloaded svg:not(.expander) {
display: none;
}
.custom_video_lightbox_wrapper_inner a.nowloaded .expander {
display: block;
}
.video_modal .modal-content {
border-radius: 0 !important;
}
.video_modal .modal-header {
position: absolute;
right: 0;
top: 0;
z-index: 99999;
border: none;
padding: 0;
}
.video_modal .modal-header button {
padding: 9px;
color: #000 !important;
opacity: 1 !important;
font-weight: 100 !important;
font-size: 26px;
}
.video_modal .modal-body {
border-radius: 0;
padding-top: 34px;
}