/*
Block Name: Tiles
Description: A simple block with tiles containing titles, text and buttons
*/
.block-tiles .tile{box-shadow:0 0 12px rgba(0,0,0,0.2);position: relative; }
.col.tile.has-buttons{ padding-bottom: 8rem; }
.col.tile { position: relative; border-radius: .75rem;}
.col.tile img{border-radius: .75rem;box-shadow: 0 8px 12px rgba(0,0,0,0.2); width: 100%;}
.col.tile .tile-content{ padding: 3rem 2rem; }
.col.tile a.button { position: absolute; bottom: 2rem; left: 2rem; right: 2rem; }
.block-tiles .tile .button{display:block; }
.block-tiles .tile .button + .button{margin-top:2rem;}
.block-tiles .col p:last-of-type { margin-bottom: 0; }
.block-tiles .tile h3 { margin-bottom: 1rem; font-size: 2.75rem;}

.block-tiles.alt-style h3.col-title{position: absolute;width: 100%;left: 0rem;top: 0rem; padding: 2rem 0; border-top-left-radius: .65rem; border-top-right-radius: .65rem; color: #fff !important;}
.block-tiles.alt-style .tile{background-color: #fff; text-align: center; color: var(--text-color);}
.block-tiles.alt-style .tile:nth-of-type(1n) h3{background-color: #2D95BC;}
.block-tiles.alt-style .tile:nth-of-type(2n) h3{background-color: var(--brand-3);}
.block-tiles.alt-style .tile:nth-of-type(3n) h3{background-color: var(--brand-5);}
.block-tiles.alt-style .tile-content p:first-of-type{padding-top: 6rem;}

.block-tiles.icons .tile{text-align: center; margin-top: 3.5rem;}
.block-tiles.icons .col.tile .tile-image {background-color: var(--brand-1);width: 7.5rem; height: 7.5rem; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
.block-tiles.icons .col.tile img{width: 50%; height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: none;}
.block-tiles.icons h3.col-title{position: static; background-color: unset !important; margin-top: 2rem;}
.block-tiles.icons .tile-content p:first-of-type{padding-top: 0;}

.block-tiles .tile .tile-link{position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1;}

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