/* 
BLOCK IMAGE
*/

/* SLIDESHOW */
.b_image-slideshow {
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
    overflow-x: auto;
}

.b_image-slideshow .block-image {
    scroll-snap-align: center;
    min-width: 100%;
}

.b_image-slideshow--nav {
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.b_image-slideshow--nav button {
    min-height: 10vw;
    max-height: 10vw;
    min-width: fit-content;
    opacity: .4;
}

.b_image-slideshow--nav button.--active {opacity: 1;}

@media only screen and (min-width: 768px) {
    .b_image-slideshow--nav button {
        min-height: 7vw;
        max-height: 7vw;
    }
}

@media only screen and (min-width: 1096px) {
    .b_image-slideshow--nav button {
        min-height: 5vw;
        max-height: 5vw;
    }
}

@media (hover: hover) {
    body[data-transition="false"] .b_image-slideshow--nav button {transition: opacity 500ms;}
    .b_image-slideshow--nav:hover button {opacity: .4;}
    .b_image-slideshow--nav button:hover {opacity: 1;}
}



/* 
BLOCK VIDEO
*/
.b_video-controls {
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    column-gap: 1rem;
    border-radius: .5rem;
}

.b_video-controls button,
.b_video-controls p {min-width: max-content;}

.b_video-controls .--toggle,
.b_video-controls .--duration {column-gap: .3em;}

.b_video-controls .--progress {
    width: 100%;
    border-right: .5px solid var(--c-gray);
}
.b_video-controls .--progress .p-absolute {
    top: 50%;
    height: 4px;
    transform: translateY(-50%);
    background: var(--c-gray);
    border-radius: 1px;
}


@media (hover: hover) {
    body[data-transition="false"] .b_video-controls .--toggle button,
    body[data-transition="false"] .b_video-controls .--full_screen {transition: opacity 500ms;}

    .b_video-controls .--toggle:hover button,
    .b_video-controls .--full_screen:hover {opacity: .4;}

    .b_video-controls .--toggle button:hover {opacity: 1;}
}