/*
 * =========================================================
 * PAREACLUB CINEMA RESIZE V4
 * =========================================================
 */

#cinemaProjectionWindow {
    min-height: 280px;
    max-height: calc(100vh - 170px);
}


#cinemaProjectionStage {
    flex: 1 1 auto;
    min-height: 120px;
    overflow: hidden;
}


#cinemaProjectionStage .cinema-frame,
#cinemaProjectionStage .cinema-video {
    width: 100%;
    height: 100%;
}


.cinema-projection-resize-handle {
    flex: 0 0 16px;

    width: 100%;
    height: 16px;

    cursor: ns-resize;
    touch-action: none;
    user-select: none;

    display: flex;
    align-items: center;
    justify-content: center;

    border-top: 1px solid #8c6900;

    background:
        linear-gradient(
            180deg,
            #171717,
            #070707
        );
}


.cinema-projection-resize-handle::before {
    content: "↕  Σύρε πάνω / κάτω";

    font-size: 10px;
    line-height: 1;

    color: #d9ac28;
}


body.cinema-resizing-v4,
body.cinema-resizing-v4 * {
    cursor: ns-resize !important;
    user-select: none !important;
}


@media (max-width: 700px) {

    #cinemaProjectionWindow {
        min-height: 220px;
        max-height: calc(100vh - 150px);
    }

}