[data-custom-block="video-gallery"] {background-color:#000;}
[data-setting="sale"] [data-custom-block="video-gallery"] {background-color:var(--saleRed);}
[data-custom-block="video-gallery"] .block-wrapper {padding:100px 0px;color:#FFF;}
[data-custom-block="video-gallery"] .block-headings {font-size:2.375rem;font-weight:500;margin-bottom:20px;vertical-align: middle;grid-column: 1/-1;}
[data-custom-block="video-gallery"] .block-headings .heading {font-size:2.8125rem;font-weight:600;display:inline;vertical-align: middle;}
[data-custom-block="video-gallery"] .block-headings .sub-heading {font-size:2.1875rem;font-weight:600;vertical-align: middle;}
[data-custom-block="video-gallery"] .block-headings .sep {vertical-align: sub;}
[data-custom-block="video-gallery"] .video-gallery-panel {display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;row-gap: 0;}
[data-custom-block="video-gallery"] .video-gallery-panel video {aspect-ratio: 16/9;display:block;width:100%;overflow:hidden;}
[data-custom-block="video-gallery"] .video-gallery-panel .list-col {position:relative;}
[data-custom-block="video-gallery"] .video-gallery-panel .list-col .list-scroller {position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;padding-right:25px;}
[data-custom-block="video-gallery"] .video-gallery-panel .list-col .list-grid {display:none;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-col {display:grid;grid-column: span 2;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-col video {grid-column: 1;grid-row:1;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-col .first-play-overlay {font-weight:500;font-size:0.9375rem;padding:25px;grid-column: 1;grid-row:1;z-index:1;background-color:rgba(0,0,0,0.5);width:100%;height:100%;display:flex;flex-direction:column;justify-content: end;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-col .first-play-overlay .chapter {font-weight: 300;margin-right:5px;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-col .first-play-overlay .play-button button {background-color:var(--gold);border:1px solid var(--gold);padding:0px 5px;width:125px;text-align: center;color:#FFF;border-radius:20px;margin-bottom:10px;height:40px;display:grid;grid-template-columns: 1fr 30px;gap:10px;justify-content: center;align-items:center;font-weight:500;font-size:1rem;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-col .first-play-overlay .play-button .icon {width:30px;height:30px;background-color:#FFFFFF;border-radius:100%;position:relative;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-col .first-play-overlay .play-button .icon::before {content:'';width: 0px;position:absolute;left:4px;right:0;top:0;bottom:0;margin:auto;height: 0px;border-style: solid;border-width: 7.5px 0 7.5px 13.0px;border-color: transparent transparent transparent #000;}
[data-custom-block="video-gallery"] .video-gallery-panel .now-playing-panel {border-top:1px solid #FFF;padding:25px 0px;}
[data-custom-block="video-gallery"] .video-gallery-panel .now-playing-panel .top-line {font-size:1.1875rem;font-weight:600;margin-bottom:5px;}
[data-custom-block="video-gallery"] .video-gallery-panel .now-playing-panel .playing {font-size:1.1875rem;font-weight:600;display:-webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-list-item {text-align:left;appearance:none;background-color:transparent;color:#FFF;width:100%;padding:25px 0px 25px 15px;border:0;border-top:1px solid #FFF;display:grid;grid-template-columns: 40px 1fr;gap:25px;font-size:1.25rem;font-weight:800;align-items:center;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-list-item:hover {cursor:pointer;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-list-item .icon {position:relative;height:40px;width:40px;aspect-ratio: 1/1;border-radius:100%;background-color:var(--gold);}
[data-custom-block="video-gallery"] .video-gallery-panel .video-list-item .icon::before {content:'';width: 0px;position:absolute;left:4px;right:0;top:0;bottom:0;margin:auto;height: 0px;border-style: solid;border-width: 7.5px 0 7.5px 13.0px;border-color: transparent transparent transparent #000;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-list-item[data-playing="true"] .icon {background-color:#fff;}


[data-custom-block="video-gallery"] .video-gallery-panel .video-list-item .text-details {display:grid;grid-template-columns: auto 1fr;gap:5px;}
[data-custom-block="video-gallery"] .video-gallery-panel .video-list-item .name {display:-webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;}
[data-custom-block="video-gallery"] .simplebar-track.simplebar-vertical {width:12px;border-radius:10px;background-color:#fff;}
[data-custom-block="video-gallery"] .simplebar-scrollbar.simplebar-visible {background-color:var(--gold);border-radius:10px;border:0;}
[data-custom-block="video-gallery"] .simplebar-scrollbar.simplebar-visible:before {display:none;}
[data-custom-block="video-gallery"] .video-container{height:0;padding-bottom:56.25%;overflow:hidden;position:relative;grid-column:1;grid-row:1;}
[data-custom-block="video-gallery"] .video-container iframe{height:100%;width:100%;position:absolute;top:0;left:0;border:0;}

/* @media (max-width:1400px)
{
    [data-custom-block="video-gallery"] .video-gallery-panel {grid-template-columns: 2fr 1fr;}
} */

@media (max-width:1200px)
{
    [data-custom-block="video-gallery"] .video-gallery-panel {grid-template-columns: 1fr;gap:0;}
    [data-custom-block="video-gallery"] .block-headings {grid-column: 1;}
    [data-custom-block="video-gallery"] .video-gallery-panel .list-col .list-scroller {display:none;}
    [data-custom-block="video-gallery"] .video-gallery-panel .list-col .list-grid {display:grid;}
    [data-custom-block="video-gallery"] .block-headings .heading {font-size:1.625rem;}
    [data-custom-block="video-gallery"] .block-headings .sub-heading {font-size:1.625rem;}
    [data-custom-block="video-gallery"] .block-headings {font-size:1.625rem;}
}

@media (max-width:500px)
{
    [data-custom-block="video-gallery"] .block-headings {font-size:1.25rem;text-align:center;}
    [data-custom-block="video-gallery"] .block-headings .heading {font-size:1.25rem;}
    [data-custom-block="video-gallery"] .block-headings .sub-heading {font-size:1.25rem;}
    [data-custom-block="video-gallery"] .block-wrapper {padding:50px 0;}
    [data-custom-block="video-gallery"] .video-gallery-panel .now-playing-panel .playing {font-size:0.9375rem;}
    [data-custom-block="video-gallery"] .video-gallery-panel .video-list-item {font-size:0.9375rem;font-weight:500;gap:15px;}
}