/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/
/**
 * EasyGo Vacation - Display current Tour taxonomy terms
 * Example:
 * [egv_tour_terms label="Trip Type"]
 * [egv_tour_terms label="Hotel Category"]
 * [egv_tour_terms label="Transport Type"]
 * [egv_tour_terms label="Meals"]
 * [egv_tour_location]
 * [egv_tour_duration]
 */
/* ==========================================================
   EASYGO VACATION TOUR GALLERY POPUP
   ========================================================== */

.egv-gallery-popup {
    position: fixed !important;

    inset: 0 !important;

    z-index: 2147483000 !important;

    display: none;

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

    width: 100vw !important;
    height: 100vh !important;

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


.egv-gallery-popup.egv-popup-open {
    display: flex !important;
}


/* BACKGROUND */

.egv-popup-backdrop {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        rgba(
            4,
            12,
            25,
            0.96
        );
}


/* IMAGE AREA */

.egv-popup-stage {
    position: relative;

    z-index: 5;

    display: flex;

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

    width:
        min(
            88vw,
            1250px
        );

    height:
        86vh;

    pointer-events: none;
}


/* LARGE IMAGE */

.egv-popup-image {
    display: block;

    width: auto !important;
    height: auto !important;

    max-width:
        100% !important;

    max-height:
        80vh !important;

    object-fit:
        contain !important;

    border-radius:
        8px;

    pointer-events:
        auto;

    box-shadow:
        0 20px 70px
        rgba(
            0,
            0,
            0,
            0.45
        );
}


/* CLOSE */

.egv-popup-close {
    position: absolute;

    top: 22px;
    right: 28px;

    z-index: 20;

    display: flex;

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

    width: 46px;
    height: 46px;

    padding: 0;

    border: 0;

    border-radius:
        50%;

    background:
        rgba(
            255,
            255,
            255,
            0.17
        );

    color:
        #ffffff;

    font-size:
        34px;

    line-height:
        1;

    cursor:
        pointer;
}


/* PREVIOUS + NEXT */

.egv-popup-prev,
.egv-popup-next {
    position: absolute;

    top: 50%;

    z-index: 20;

    transform:
        translateY(-50%);

    display: flex;

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

    width: 54px;
    height: 54px;

    padding: 0;

    border: 0;

    border-radius:
        50%;

    background:
        rgba(
            255,
            255,
            255,
            0.17
        );

    color:
        #ffffff;

    font-size:
        42px;

    line-height:
        1;

    cursor:
        pointer;
}


.egv-popup-prev {
    left:
        28px;
}


.egv-popup-next {
    right:
        28px;
}


/* HOVER */

.egv-popup-close:hover,
.egv-popup-prev:hover,
.egv-popup-next:hover {

    background:
        rgba(
            255,
            255,
            255,
            0.30
        );
}


/* COUNTER */

.egv-popup-counter {
    position: absolute;

    bottom: 10px;
    left: 50%;

    z-index: 10;

    transform:
        translateX(-50%);

    padding:
        7px 14px;

    border-radius:
        30px;

    background:
        rgba(
            0,
            0,
            0,
            0.65
        );

    color:
        #ffffff;

    font-size:
        13px;

    font-weight:
        600;

    white-space:
        nowrap;
}


/* PREVENT BODY SCROLL */

html.egv-popup-active,
body.egv-popup-active {
    overflow:
        hidden !important;
}



/* ==========================================================
   MOBILE POPUP
   ========================================================== */

@media (max-width: 767px) {

    .egv-popup-stage {

        width:
            92vw;

        height:
            82vh;
    }


    .egv-popup-image {

        max-width:
            92vw !important;

        max-height:
            74vh !important;
    }


    .egv-popup-prev,
    .egv-popup-next {

        width:
            42px;

        height:
            42px;

        font-size:
            30px;

        background:
            rgba(
                0,
                0,
                0,
                0.55
            );
    }


    .egv-popup-prev {
        left:
            8px;
    }


    .egv-popup-next {
        right:
            8px;
    }


    .egv-popup-close {

        top:
            14px;

        right:
            14px;

        width:
            42px;

        height:
            42px;

        font-size:
            29px;
    }


    .egv-popup-counter {

        bottom:
            8px;

        font-size:
            12px;
    }
}