/*
|--------------------------------------------------------------------------
| GIDEO PRODUCT MEDIA
|--------------------------------------------------------------------------
*/

.gideo-trip-media {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;
}


.gideo-trip-media *,
.gideo-trip-media *::before,
.gideo-trip-media *::after {
    box-sizing: border-box;
}


/*
|--------------------------------------------------------------------------
| INNER
|--------------------------------------------------------------------------
*/

.gideo-trip-media__inner {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/*
|--------------------------------------------------------------------------
| DESKTOP LAYOUT
|--------------------------------------------------------------------------
*/

.gideo-trip-media__layout {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.36fr)
        minmax(0, 1fr) !important;

    gap: 6px !important;

    /*
     * Svarbiausia dalis.
     * Nebepasitikime height:100% nuo neapibrėžto parent.
     */
    height: clamp(
        380px,
        31vw,
        520px
    ) !important;

    min-height: 380px !important;

    align-items: stretch !important;

    overflow: visible !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/*
|--------------------------------------------------------------------------
| VIDEO COLUMN
|--------------------------------------------------------------------------
*/

.gideo-trip-media__main {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 380px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 11px !important;

    background: #000 !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/*
|--------------------------------------------------------------------------
| VIDEO WRAPPER
|--------------------------------------------------------------------------
*/

.gideo-trip-media__video {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #000 !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/*
|--------------------------------------------------------------------------
| YOUTUBE / VIMEO
|--------------------------------------------------------------------------
*/

.gideo-trip-media__video iframe {
    display: block !important;

    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: #000 !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
}


/*
|--------------------------------------------------------------------------
| DIRECT VIDEO / MP4
|--------------------------------------------------------------------------
*/

.gideo-trip-media__video video {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    background: #000 !important;

    visibility: visible !important;
    opacity: 1 !important;
}


.gideo-trip-media__video .wp-video {
    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
}


.gideo-trip-media__video .mejs-container {
    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
}


/*
|--------------------------------------------------------------------------
| GALLERY
|--------------------------------------------------------------------------
*/

.gideo-trip-media__gallery {
    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 380px !important;

    display: grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;

    grid-template-rows:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;

    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/*
|--------------------------------------------------------------------------
| IMAGE BOX
|--------------------------------------------------------------------------
*/

.gideo-trip-media__image {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 11px !important;

    background: #edf2ee !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/*
|--------------------------------------------------------------------------
| IMAGE
|--------------------------------------------------------------------------
*/

.gideo-trip-media__image img {
    display: block !important;

    position: static !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    transition:
        transform
        .4s
        cubic-bezier(
            .2,
            .7,
            .3,
            1
        ) !important;
}


/*
|--------------------------------------------------------------------------
| IMAGE HOVER
|--------------------------------------------------------------------------
*/

.gideo-trip-media__image:hover img {
    transform: scale(1.035) !important;
}


/*
|--------------------------------------------------------------------------
| ONLY PHOTOS - NO VIDEO
|--------------------------------------------------------------------------
*/

.gideo-trip-media__gallery--only {
    width: 100% !important;
    height: auto !important;

    min-height: 0 !important;

    display: grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        ) !important;

    grid-template-rows:
        260px !important;

    gap: 6px !important;
}


.gideo-trip-media__gallery--only
.gideo-trip-media__image {
    height: 260px !important;
}


.gideo-trip-media__gallery--only
.gideo-trip-media__image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/*
|--------------------------------------------------------------------------
| ELEMENTOR FIXES
|--------------------------------------------------------------------------
*/

.elementor-widget-shortcode
.gideo-trip-media {
    display: block !important;

    width: 100% !important;

    min-height: 1px !important;
}


.elementor-widget-shortcode
.gideo-trip-media__inner {
    display: block !important;

    width: 100% !important;
}


.elementor-widget-shortcode
.gideo-trip-media__layout {
    display: grid !important;
}


.elementor-widget-shortcode
.gideo-trip-media__main {
    display: block !important;
}


.elementor-widget-shortcode
.gideo-trip-media__gallery {
    display: grid !important;
}


.elementor-widget-shortcode
.gideo-trip-media__image {
    display: block !important;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media (max-width: 1024px) {

    .gideo-trip-media__layout {
        grid-template-columns:
            1fr !important;

        height: auto !important;

        min-height: 0 !important;

        gap: 7px !important;
    }


    /*
     * Video.
     */

    .gideo-trip-media__main {
        width: 100% !important;
        height: auto !important;

        min-height: 0 !important;

        aspect-ratio:
            16 / 9 !important;
    }


    .gideo-trip-media__video {
        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;
    }


    /*
     * Gallery.
     */

    .gideo-trip-media__gallery {
        width: 100% !important;
        height: auto !important;

        min-height: 0 !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        grid-template-rows:
            repeat(
                2,
                220px
            ) !important;

        gap: 7px !important;
    }


    .gideo-trip-media__image {
        height: 220px !important;
    }


    /*
     * Only photos.
     */

    .gideo-trip-media__gallery--only {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        grid-template-rows:
            repeat(
                2,
                220px
            ) !important;
    }


    .gideo-trip-media__gallery--only
    .gideo-trip-media__image {
        height: 220px !important;
    }

}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

    .gideo-trip-media__layout {
        gap: 5px !important;
    }


    .gideo-trip-media__main,
    .gideo-trip-media__image {
        border-radius:
            8px !important;
    }


    .gideo-trip-media__gallery {
        grid-template-rows:
            repeat(
                2,
                165px
            ) !important;

        gap: 5px !important;
    }


    .gideo-trip-media__image {
        height: 165px !important;
    }


    .gideo-trip-media__gallery--only {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        grid-template-rows:
            repeat(
                2,
                165px
            ) !important;
    }


    .gideo-trip-media__gallery--only
    .gideo-trip-media__image {
        height: 165px !important;
    }

}


/*
|--------------------------------------------------------------------------
| SMALL MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 480px) {

    .gideo-trip-media__gallery {
        grid-template-rows:
            repeat(
                2,
                130px
            ) !important;
    }


    .gideo-trip-media__image {
        height: 130px !important;
    }


    .gideo-trip-media__gallery--only {
        grid-template-rows:
            repeat(
                2,
                145px
            ) !important;
    }


    .gideo-trip-media__gallery--only
    .gideo-trip-media__image {
        height: 145px !important;
    }

}