/*
Block Name: Small Image Tiles
Description: A simple block with a small thhumbnail image on the left and WYSIWYG text to the right, with an optional button.
*/

.block-small-image-tiles .grid.sit { grid-auto-rows: 1fr; }
.block-small-image-tiles .tile{box-shadow:0 0 12px rgba(0,0,0,0.2);}
.block-small-image-tiles .tile .button{display:block;}
.block-small-image-tiles .tile .button + .button{margin-top:2rem;}
.block-small-image-tiles .col p:last-of-type { margin-bottom: 0; }
.block-small-image-tiles .col p:last-of-type + a.button { margin-top: 2rem; }
.block-small-image-tiles .sit-image { background-size: cover; background-position: center center; background-repeat: no-repeat;}
.block-small-image-tiles .col.sit { /*grid-gap: 4rem;*/} /* Use padding on the tile instead */
.block-small-image-tiles .col.sit h3 { margin-bottom: 1rem; }

@media(max-width:1024px){
    .block-tiles .grid.tiles{grid-template-columns:1fr !important;}
}