/* Stylesheets (widget_tiles) 2024-11-25 03:21:24 */


/* widget_tiles (custom) */
.tile_grid { display:grid !important; grid-template-columns:repeat(2,1fr); grid-gap:20px; }
.grid3 .tile_grid { grid-template-columns:repeat(3,1fr); }
.tile_grid .box { padding:10px; margin:0; border:0; background:none; border-radius:10px; }
.tile_grid .box .box-content { width:100%; height:300px; position:relative; z-index:1; background-color:#f7f7f7; background-position:center; background-size:cover; box-shadow:0 4px 4px 0 rgba(0,0,0,0.10), 0 8px 8px 0 rgba(0,0,0,0.10), 0 16px 16px 0 rgba(0,0,0,0.10), 0 32px 32px 0 rgba(0,0,0,0.10); border-radius:10px; }
.grid3 .tile_grid .box .box-content { height:220px; }
.tile_grid .box a { display:inline-block; width:100%; height:100%; }
.tile_grid .box .box-content .box-head { position:absolute; z-index:9; bottom:-20px; right:-10px; background-image:linear-gradient(90deg, #ECC008 0%, #E8A403 100%); box-shadow:0 4px 4px 0 rgba(255,191,0,0.10), 0 8px 8px 0 rgba(255,191,0,0.10), 0 16px 16px 0 rgba(255,191,0,0.10), 0 32px 32px 0 rgba(255,191,0,0.10); color:#FFF !important; font-size:25px !important; padding:40px 30px 30px 60px; border-radius:20px; text-align:right; transform:skewX(-10deg); }
.grid3 .tile_grid .box .box-content .box-head {border-radius:10px; transform:skewX(-8deg); padding:20px 20px 20px 40px; }
.tile_grid .box.orange .box-content .box-head { background-image:linear-gradient(90deg, #EDA508 0%, #E87803 100%); box-shadow:0 4px 4px 0 rgba(255,149,0,0.10), 0 8px 8px 0 rgba(255,149,0,0.10), 0 16px 16px 0 rgba(255,149,0,0.10), 0 32px 32px 0 rgba(255,149,0,0.10); }
.tile_grid .box.red .box-content .box-head { background-image:linear-gradient(270deg, #E8322A 0%, #EC493D 100%); box-shadow:0 4px 4px 0 rgba(255,59,48,0.10), 0 8px 8px 0 rgba(255,59,48,0.10), 0 16px 16px 0 rgba(255,59,48,0.10), 0 32px 32px 0 rgba(255,59,48,0.10); }
.tile_grid .box .box-content .box-head b { font-size:32px; font-weight:normal; text-shadow:0 5px 5px rgba(0, 0, 0, 0.25); }
.tile_grid .box .box-content .box-head p { padding-top:0px; margin:0; text-align:right; color:#FFF !important; }
.grid3 .tile_grid .box .box-content .box-head b { font-size:24px; }