.calgary_marathon_gallery_wrapper {

}

#calgary_marathon_gallery_thumbnails {
	display: flex;
	flex-direction: row;
	overflow-x: scroll;
	align-items: flex-start;
	background-color: var(--light_purple);
	padding: 5px;
}

#calgary_marathon_gallery_thumbnails img {
	width: 13%;
	min-width: 13%;
	height:auto;
	margin-right: 5px;
	cursor: pointer; 
}

.calgary_marathon_gallery_photo_wrapper {
	background-color: var(--bg_black);
}

#calgary_marathon_gallery_photo {
	background-color: var(--bg_black);
}

#calgary_marathon_gallery_photo img {
	width:  100%;
	max-height:75vh;
	object-fit: scale-down;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#calgary_marathon_gallery_photo_credit {
	padding-right:10px;
	text-align: right;
	background-color: var(--bg_black);
	color: white;
	min-height: 1em;
}

#calgary_marathon_gallery_photo_location, #calgary_marathon_gallery_photo_landmark {
	text-align: center;
	font-weight: bold;
	background-color: var(--bg_black);
	color: white;
	min-height: 1em;
}


.calgary_marathon_gallery_selected {
	border: solid 1px white;
	outline: solid 3px var(--dark_purple);	
}

.calgary_marathon_gallery_unselected {
	border: solid 1px white;
	outline: solid 3px transparent;		
}


.calgary_marathon_table_of_contents
{
	width: fit-content;
	background-color: var(--light_purple);
	padding:10px;
	border: solid 2px var(--mid_purple);
	border-radius: 10px;
}

.calgary_marathon_table_of_contents_header
{
	font-weight: bolder;	
}