
/* Stylesheets (widget_tiles) 2024-11-25 02:40:45 */


/* widget_tiles (custom) */
.tile_grid {  width:100%; display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr) );  gap:2rem; }
.tile_grid .box { background:#FFF; box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.07); overflow:hidden; border:0; padding:0; border-radius:20px; transition:all 400ms ease-in-out; scale:1; margin-bottom:0; }
.tile_grid:has(.box:hover) > .box:not(:hover){ opacity:.75; scale:.95; }
.tile_grid .box a { display:flex; width:100%; height:100%; flex-direction:column; }
.tile_grid .box a .box-thumb { aspect-ratio:1/.6; background-size:cover; background-position:center; }
.tile_grid .box a h3 { padding:1.5rem 1.5rem 0; margin:0; }
.tile_grid .box a p { font-size:14px; line-height:1.3; padding:.25rem 1.5rem 1.5rem; }
@media all and (max-width:980px) {
 .tile_grid { gap:.75em; }
 .tile_grid .box { aspect-ratio:1 / .75; }
}


