/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


.slick-slider-gallery .wpb_single_image,
.slick-slider-gallery .wpb_single_image > figure,
.slick-slider-gallery .wpb_single_image > figure > div,
.slick-slider-gallery .wpb_single_image > figure > div > img
{
    height:100%;
}

.slick-slider-gallery {
    position: relative;
    overflow: hidden;
    width: 50%; /* Show only half initially */
    margin: 0 auto;
    max-width: 1512px; /* Match your inline style */
}
.slick-slider-gallery .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-rows: repeat(6, auto);
    gap: 15px;
    width: 200%;
    transition: transform 0.5s ease; 
    box-sizing: border-box; 
}
.slick-slider-gallery .wpb_single_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.slick-slider-gallery .wpb_single_image figure  {
    overflow: hidden;
    border-radius: 20px;
}

.slick-slider-gallery .wpb_single_image figure img {
    transition: 300ms ease;
    transform: scale(1.1);
}

.slick-slider-gallery .wpb_single_image:hover img {
    transform: scale(1);
}

/* Preserve your existing grid positioning */
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(2) {
    grid-row: 3 / 7;
    grid-column: 1 / 3;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(3) {
    grid-row: 1 / 5;
    grid-column: 3 / 5;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(4) {
    grid-row: 5 / 7;
    grid-column: 3 / 5;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(5) {
    grid-column: 5 / 8;
    grid-row: 2 / 7;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(6) {
    grid-column: 8 / 10;
    grid-row: 1 / 4;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(7) {
    grid-column: 8 / 10;
    grid-row: 4 / 7;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(8) {
    grid-column: 10 / 12;
    grid-row: 1 / 3;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(9) {
    grid-column: 10 / 12;
    grid-row: 3 / 7;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(10) {
    grid-column: 12 / 14;
    grid-row: 1 / 5;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(11) {
    grid-column: 12 / 14;
    grid-row: 5 / 7;
}
.slick-slider-gallery .wpb_wrapper > .wpb_single_image:nth-child(12) {
    grid-column: 14 / 17;
    grid-row: 2 / 7;
}
.next-button, .prev-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #FFFBF3;
    color: #000;
    font-family: 'Nunito';
    font-weight: 400;
    padding: 70px;
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:500ms ease;
    font-size:20px;
}

.next-button:hover, .prev-button:hover {
    background: #BCA190;
    color: #fff;
}

.next-button {
    right: 10%;
}
.prev-button {
    left: 10%;
}
@media (max-width: 768px) {
    .slick-slider-gallery {
        width: 100%;
    }
    
    .slick-slider-gallery .wpb_wrapper {
        width: 100%;
        display: block;
    }
    
    .next-button, .prev-button{
        display:none;
    }
    
    .slick-slider-gallery .wpb_wrapper > .wpb_single_image:not(:last-child) {
        margin-bottom: 35px !important;
    }
}