/*
Block Name: Column Slider
Description: Slider for columns.
*/


.block-column-slider .col { position: relative; padding-bottom: 4rem;  }
.block-column-slider .col .toast-primary-button { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0;  }
.swiper-wrapper {display: flex; }
.swiper-slide { display: flex; /* Ensures child stretches */ height: auto; }
.swiper-slide .col { display: flex; flex-direction: column; justify-content: stretch; width: 100%; }
.swiper-container { overflow: hidden; position: relative; max-width: 100%; width: 100%; margin: 0 auto; padding: 0 0 6rem 0; }
.swiper-backface-hidden .swiper-slide { padding: 0rem; }
.swiper-button-prev, .swiper-button-next { position: absolute; bottom: -6rem; transform: translateY(-50%); z-index: 10; width: 4rem; height: 4rem; background: var(--brand-1); border-radius: 50%; color: #fff; font-size: 1rem; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.swiper-button-prev { left: 0rem; }
.swiper-button-next { right: 0rem; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 2rem; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 95%; }
.swiper-pagination { text-align: center; margin-top: 1rem; }
.swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; background: var(--brand-2); opacity: 1; border-radius: 50%; margin: 0 5px; cursor: pointer; transition: background 0.3s ease; }
.swiper-pagination-bullet-active { background: var(--brand-1); }

@media (max-width: 768px) { 
	.block-post-loop .post-listings { grid-template-columns: 1fr; } 
}
@media (max-width: 550px) { 
}