/*
Block Name: Sectors Loop
Description: This loops through the sector categories and displays the ACF fields and links.
*/
.block-sectors-loop .tile{box-shadow:0 0 12px rgba(0,0,0,0.2);position: relative; }
.block-sectors-loop .tile { position: relative;}
.block-sectors-loop .tile .tile-image img{width:100%;}
.block-sectors-loop .tile .tile-content{padding:2rem;}

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

.block-sectors-loop  .tile{position: relative; margin-top: 5rem; border-radius: 2rem; padding: 0 3rem;}
.block-sectors-loop  .tile-image{overflow: hidden; border-radius: 2rem; margin-top: -5rem; max-height: 250px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.block-sectors-loop  .tile-content{padding: 3rem 2rem 5rem; text-align: center;}
.block-sectors-loop  .tile-content h3{color: var(--brand-1);}
.block-sectors-loop  .tile .tile-buttons{position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%);}
.block-sectors-loop  .tile .tile-buttons .button{text-wrap: nowrap; background-color: var(--brand-1);}

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

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