.subnav_tiles 
{
	width: 100%;
	display: flex;
	gap: 2.25em;
	flex-wrap: wrap;
	margin-bottom: 2em;
}

.subnav_tile
{	
	padding: 0;
	background-color: rgba(212,212,212, 0.1);
	box-shadow: 0.5em 0.5em 1.5em rgba(0,0,0,0.1);
	
}

.subnav_tile.transp
{
	background: transparent !important;
	box-shadow: none !important;
}

.subnav_third .subnav_tile
{
	width: calc(33.3333333333% - 1.5em); /* 1.5 * 3/2 = 2.25*/
}

.subnav_quarter .subnav_tile
{
	width: calc(25% - 1.6875em); /* x 4/3 = 2.25 */
}

.subnav_fifth .subnav_tile
{
        width: calc(19.5% - 1.6875em); /* x 4/3 = 2.25 */
}



.subnav_tile_inset
{
	display: block;
	padding-top: 0.7em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.9em;
}

.subnav_tile_img
{
	display: block;
	line-height: 0;
}

.subnav_tile_img img
{
	width: 100%;
	aspect-ratio: 10/9;
	object-fit: cover;
}







.subnav_tile a, .subnav_tile a:link, .subnav_tile a:visited, .subnav_tile a:hover
{
	
	color: #fff !important;
}

a.noborder, a.noborder:link, a.noborder:visited, a.noborder:hover
{
	text-decoration: none;
	border: 0px;
}

.subnav_tile .col_hl
{
	text-transform: uppercase;
	font-weight: 600;
	color: #94b0d5;
	
}

.subnav_tiles, .subnav_tile {
  box-sizing: border-box;
}

@media only screen and (max-width: 800px) {
  .subnav_tile {
    display: block !important;
    width: calc(50% - 1.125em) !important;
  }
}

@media only screen and (max-width: 500px) {
  .subnav_tile {
    display: block !important;
    width: 100% !important;
  }
}





.panel_brighter
{
/*	background-color: rgba(212,212,212,0.05);*/
	background-color: rgba(0,0,0,0.1);
	border: 0 !important;
}

.no-top-padding-index
{
	padding: 0 !important;
}