/*
Block Name: Tiles
Description: A simple block with tiles containing titles, text and buttons
*/
.block-tiles .tile{position: relative; }
.block-tiles .tile .tile-image img{width:100%;}
.block-tiles .tile .tile-content{padding:2rem;}
.block-tiles .tile .tile-content h3{color: var(--brand-1);}

.block-tiles.vertical-align .tile .tile-content{height:100%;display:flex;flex-direction:column;justify-content:center;}

.block-tiles .tile.horizontal{grid-template-columns:200px 1fr;display:grid;align-items:center;}

.block-tiles.experts .tile{border-radius: 1rem; overflow: hidden; background-color: #efefef;}
.block-tiles.experts .tile.bgw{background-color: #fff;}
.block-tiles.experts .tile .tile-image{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.block-tiles.experts .tile .tile-content{text-align: center; padding: 5rem 2rem;}
.block-tiles.experts .tile .tile-content h3{color: var(--brand-1); font-size: 2.75rem;}

.block-tiles .tile.fw-btn a.button, .block-tiles .tile.fw-btn a.button1{width: 100%; justify-content: center;}

.block-tiles .button-wrapper {padding-top: 2rem; display: flex; justify-content: center;}

.resource .block-tiles a.optional-button.button{color: #fff !important;}
.resource .block-tiles a.optional-button.button:hover{color: var(--brand-1) !important;}

.resource .block-tiles a.button{color: var(--brand-1) !important;}
.resource .block-tiles a.button:hover{color: #fff !important;}

.landscape-review .block-tiles a.button.alt{color: var(--brand-1) !important;}
.landscape-review .block-tiles a.button.alt:hover{color: #fff !important;}