/*Adicione seu css customizado neste arquivo*/

/* VÍDEOS */
.bdt-lightbox {
    background: rgba(0, 0, 0, 0.7) !important;
}

ul.bdt-lightbox-items, .bdt-transition-slide-top {
    width: 100% !important;
    max-width: 700px !important;
}

.bdt-lightbox.bdt-open {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

ul.bdt-lightbox-items {
    padding: 0;
    order: 2;
    aspect-ratio: 16/9 !important;
    background: #000;
}

ul.bdt-lightbox-items li.bdt-active.bdt-transition-active {
    position: static !important;
}

.bdt-transition-slide-top {
    position: static !important;
    order: 1;
    top: 0 !important;
    transform: none !important;
    padding: 0;
    background: transparent;
}

.bdt-transition-slide-top > button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d22;
    color: #FFF;
    border: 0;
    padding: 0;
    position: relative;
    top: 20px;
    left: 20px;
}

iframe.bdt-responsive-width {
    width: 100% !important;
    aspect-ratio: 16/9 !important;
    height: auto !important;
}