/*
Block Name: Tiles
Description: A simple block with tiles containing titles, text and buttons
*/
.block-tiles .tile{position: relative; border-radius: 1.5rem;}
.block-tiles .tile .tile-image img{width:100%;}
.block-tiles .tile .tile-content{padding: 4rem 4rem 10rem;}
.block-tiles .tile .tile-content.horizontal {padding: 2rem;}
.block-tiles .tile.horizontal{grid-template-columns:200px 1fr;display:grid;}

.block-tiles .tile .tile-buttons{position: absolute; left: 4rem; right: 4rem; bottom: 4rem;}
.block-tiles .tile .tile-buttons a.button{width: 100%;}

.block-tiles.accents .tile .tile-image{height: 200px;}
.block-tiles.accents .tile .tile-image img{height: 100%}

.block-tiles.accents .tile.accent-positioner{padding-top: 13px;}

@media(max-width: 1024px){
	.block-tiles .tile .tile-content{padding: 2rem 2rem 15rem;}
	.block-tiles .tile .tile-buttons{position: absolute; left: 2rem; right: 2rem; bottom: 4rem;}
    .block-tiles .tile .tile-buttons a.button{width: auto;}
}

@media(max-width: 768px){
	.block-tiles .tile .tile-content{padding: 2rem 4rem;}
	.block-tiles .tile .tile-buttons{position: static;}
    .block-tiles.accents .tile .tile-image{height: auto; padding: 2rem 0;}
    .block-tiles.accents .tile .tile-image img{height: auto;}
}