.lodging-amenities-key
{
	color: var(--grey-4);
	text-align: center;
	margin-bottom: 2rem !important;
}

.lodging-amenities-key i
{
	color: var(--grey-4) !important;
}

.lodging-amenities-key p
{
	text-transform: uppercase;
	font-size: .65rem;
	color: var(--grey-4) !important;
}

.lodging-headers, .lodging-site
{
	display: contents;
}

.lodging-header
{
	font-weight: bold;
	padding-bottom: .25rem;
	border-bottom: 2px solid var(--grey-4);
	color: var(--grey-4);
	font-size: .95rem;
}

#lodging-list
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 0 1rem;
	color: var(--grey-5);
}

.lodging-site
{
	font-size: .8rem;
}

.lodging-site-info, .lodging-distance, .lodging-rate, .lodging-deadline
{
	margin-top: .5rem;
}

.lodging-site-info div, .lodging-header:first-of-type
{
	padding: 0 0 .25rem .5rem;
}

.lodging-amenities, .lodging-notes
{
	grid-column: span 4;
}

.lodging-amenities
{
	display: grid;
	grid-template-columns: auto repeat(8, 1fr);
	place-items: center;
	background-color: var(--grey-1);
	margin: .5rem auto;
	padding-inline: 1rem;
	border-radius: .25rem;
	width: 90%;
}

.lodging-amenity
{
	padding: .25rem;
	color: var(--grey-2);
}

.lodging-amenity.green
{
	color: var(--green-2);
}

.lodging-amenity i
{
	font-size: 1.5rem;
}


.lodging-notes
{
	padding: 0 0 .5rem .5rem;
	border-bottom: 2px dashed var(--grey-1);
}

.lodging-notes li
{
	margin-left: 1rem;
	padding-block: .1rem;
}

@media (max-width: 1150px)
{
	.lodging-amenities-key
	{
		margin: 0;
		width: 100%;
	}
}