:root {
    --desktop-spacing: 40px;
    --mobile-spacing: 24px; 
}


/* Cover Image */
.cover-img {
    aspect-ratio: 1200/628;
    object-fit: cover;
}


/* Gallery (Desktop) */
.gallery-col {
    aspect-ratio: 1/1;
    max-height: 576px;
}

.gallery-img {
    width:100%;
    height:100%;
    object-fit: cover;
    overflow: hidden;
}


/* Gallery (Mobile)
/* Slick Styling */
.gallery-slider,
.gallery-slide{
    width: 100%;
    aspect-ratio: 1/1
}

.gallery-slide {
    object-fit: cover;
}

.slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0px;
    cursor: pointer;
}

.slick-dots li button {
    display: none;
}

.slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: white;
    margin: 0px 4px;
    opacity: 0.5
}

.slick-dots li.slick-active {
    opacity: 1
}



/* Product Gallery Slider & Image Slider & Advisor Slider*/
.tour-products-slider .slick-list, 
.advisor-slider .slick-list {
    margin: 0 -8px;
    height: inherit;
}

.tour-products-slider .slick-track,
.advisor-slider .slick-track {
    display: flex;
}

.tour-products-slider .tour-products-slide,
.advisor-slider .advisor-slide {
    display: flex;
    height: inherit;
    margin: 0 8px; 
}

.tour-products-slider .slick-dots,
.image-slider .slick-dots,
.advisor-slider .slick-dots {
    margin-bottom: 12px   
}

.tour-products-slider .slick-dots li,
.image-slider .slick-dots li,
.advisor-slider .slick-dots li {
    background-color: #FF911F
}

.tour-products-slider .slick-dots li:only-child,
.image-slider .slick-dots li:only-child,
.advisor-slider .slick-dots li:only-child {
    display: none
}

.tour-products-slider .slick-dots li.slick-active,
.image-slider .slick-dots li.slick-active,
.advisor-slider .slick-dots li.slick-active {
    width: 50px
}

.tour-products-slide-img {
    object-fit: cover;
    aspect-ratio: 1/1;
    width: 100%;
    max-height: 100%;
}



/* Image Figure */
figure.image-figure {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0px auto;
    max-width: 768px;
}


figure.image-figure img {
    border-radius: 16px;
    aspect-ratio: 16/9;
    object-fit: cover;
}

figure.image-figure img {
    border-radius: 16px;
}



@media screen and (max-width: 767px) {
    figure.image-figure {
				margin: var(--mobile-spacing) auto 0px auto;
    }
    figure.image-figure img {
        border-radius: 12px;
    }
}



/* Image Slider */
.image-slider {
    max-width: 768px;
    margin: 0px auto;
}

@media screen and (max-width: 767px) {
    .image-slider {
        max-width: 100%;
    }
}


/* Hotel Widget */
.hotel-img-wrapper {
    aspect-ratio: 1/1;
}

.hotel-img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* Map Image */
.theme-page-map-img {
    width:100%;
    height: 100%
}

/* Responsive YouTube Video */
.responsive-video {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto
}