/*
Block Name: Choose Post Loop
Description: Let's you select what content you want to show.
*/

.post-listing.boxed { background: #fff; }
.block-choose-post-loop .post-listing{ position: relative; }
.block-choose-post-loop img { width: 100%; height: auto; }
.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.toast-button { position: absolute; bottom: 2rem; left: 2rem;}*/
.block-choose-post-loop h4 a {  }
.block-choose-post-loop .post-list-content a h4 { color: var(--brand-1); }
.block-choose-post-loop .post-list-content a:hover h4 { color: var(--brand-2); }

/* Fix Slick when listing changed to slider */


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

@media (max-width: 550px) {
}