/*
Block Name: Post Listings
Description: A block used to loop through your news posts
*/
.block-post-listings .post-listings{grid-template-columns:1fr 1fr 1fr;}
.block-post-listings .post-list-content{ padding: 2rem;}
.block-post-listings .post-listing{position: relative;}
.block-post-listings .post-listing .post-listing-column-link{position:absolute;top:0;left:0;height:100%;width:100%;}
.block-post-listings img { width: 100%; height: auto; }
.post-listing-excerpt.has-btn { padding-bottom: 8rem; }
.post-listing-categories a { background: transparent; color: var(--brand-2); border: 1px solid var(--brand-2); font-size: 70%; padding: 0.5rem 1rem; margin: 1rem 0; display: inline-block; border-radius: 1rem; }
.post-listing-categories a:hover { background: var(--brand-1); border: 1px solid var(--brand-1); color: #fff; }
.post-listing a.button { position: absolute; bottom: 2rem; left: 2rem;}
.block-post-listings h4 { margin-bottom: 1rem; }
.block-post-listings h4 a {  }
.post-listing-date { font-size: 2rem; padding: 1rem 0; font-weight: 500; }
/** Slider **/
.block-post-listings .post-listings-slider .slick-list{margin-left:-1rem;margin-right:-1rem;}
.block-post-listings .post-listings-slider .slick-slide{ margin: 0 2rem 2rem 2rem;}

.block-post-listings .slick-arrow{background:var(--brand-1);width:4rem;height:4rem;border-radius: 2rem; position:absolute;bottom:-6rem;/*transform:translateY(-50%);*/display:block;z-index:999;background-image:url('/wp-content/themes/toast/assets/images/slider-arrow.svg');background-size:1.5rem;background-position:center;background-repeat:no-repeat; cursor: pointer; }
.block-post-listings .slick-arrow:hover {background:var(--brand-2);width:4rem;height:4rem;border-radius: 2rem; position:absolute;bottom:-6rem;/*transform:translateY(-50%);*/display:block;z-index:999;background-image:url('/wp-content/themes/toast/assets/images/slider-arrow.svg');background-size:1.5rem;background-position:center;background-repeat:no-repeat; cursor: pointer; }
.block-post-listings .slick-arrow.slider-next{right:1rem; bottom: -4rem;}
.block-post-listings .slick-arrow.slider-prev{transform:translatey(-50%) rotate(180deg); left: 1rem; }

/* Fix Slick when listing changed to slider */
.block-post-listings .slick-track { display: flex; }
.block-post-listings .slick-slide { height: inherit; }


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

@media (max-width: 550px) {
.block-post-listings .slick-arrow.slider-next { right: 71%; bottom: -4rem; }
}