#pk_flex_content{
	--site-grid: 1305px;
}

#pk_flex_content .flex_content:nth-child(n + 2) .flex_layout{
	margin-block: 11rem;
}

#pk_flex_content .flex_layout_wrapper{
	display: grid;
	grid-auto-rows: max-content;
	grid-auto-flow: dense;
}

.mouse_follower.visible{
    opacity: 1;
}

.mouse_follower{
    position: fixed;
    top: 0; left: 0;
    z-index: 2;
    pointer-events: none !important;
    padding: 1rem;
    aspect-ratio: 1;
    width: fit-content; height: auto;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    background-color: rgba(255,255,255,0.9);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;

    transition: opacity 300ms ease-in-out;
}

.mouse_follower span{
    display: flex; align-items: center;
    /* flex-direction: column; */
    gap: .25rem;
    font-size: 14px;
}
.mouse_follower span::before{
    transform: scaleX(-1);
}
.mouse_follower span::before,
.mouse_follower span::after{
    content: '';
    /* rotate: 90deg; */
    width: .7em; aspect-ratio: 1;
    background-color: currentColor;
    mask: url(../../../../uploads/green-oaks/icons/caret.svg) no-repeat center / contain;
    -webkit-mask: url(../../../../uploads/green-oaks/icons/caret.svg) no-repeat center / contain;
}

.image_popup {
    width: fit-content;
    height: 100%;
    overflow: hidden;
}

/* .image_popup:has(.swiper){
    height: fit-content;
} */

.image_popup .closebtn {
    background-color: #f9f9f9;
    position: absolute;
    top: 2rem; right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    left: auto;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 50px;
    height: 50px;
}

.image_popup .swiper-navigation {
    background-color: #f9f9f9;
    position: absolute;
    z-index: 3;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: .75rem;
    font-size: 1rem;
}

.image_popup .swiper-navigation .swiperProgress{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}
.image_popup .swiper-navigation .swiperProgress::before{
    content: '';
    width: .25rem; height: .25rem;
    background-color: currentColor;
    order: 2;
}

.image_popup .swiper-navigation .total{
    order: 3;
    opacity: .35;
}

.image_popup .image-wrapper,
.image_popup .swiper_container{
    width: 100%; height: 100%;
}

.image_popup .swiper_container{
    display: flex;
}

.image_popup .swiper_container .swiper{
    margin-block: auto;
}

.image_popup .swiper-slide {
    /* height: 100%;
    width: 100%; */
}

.image_popup .swiper-slide img{
    height: 100%;
    width: 100%;
    max-height: calc(100vh - 30px)
}

.image_popup img{
    object-fit: contain;
    width: 100%; height: 100%;
}

@media only screen and (min-width: 993px){

	#pk_flex_content .flex_layout_wrapper{
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

}

@media only screen and (max-width: 992px){

	#pk_flex_content .flex_layout_wrapper{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

    #pk_flex_content .flex_content:nth-child(n + 2) .flex_layout{
        margin-block: 5rem;
    }

}