/* ============================================================================== 
   File: scr_podium.css
	- Stylesheet for TipTool PODIUMS
	- Author: Daniel Hugentobler (DH)
	- created: 19.DEC.2018, taken from scr_generic.css
	- amended: -
   ============================================================================== */

.podiumList {
	display: -webkit-flex;
	flex-direction: -webkit-row;
	justify-content: -webkit-space-evenly;
	align-items: -webkit-flex-start;
	flex-wrap: -webkit-wrap;
	display: -moz-flex;
	flex-direction: -moz-row;
	justify-content: -moz-space-evenly;
	align-items: -moz-flex-start;
	flex-wrap: -moz-wrap;
	display: -ms-flex;
	flex-direction: -ms-row;
	justify-content: -ms-space-evenly;
	align-items: -ms-flex-start;
	flex-wrap: -ms-wrap;
	display: -o-flex;
	flex-direction: -o-row;
	justify-content: -o-space-evenly;
	align-items: -o-flex-start;
	flex-wrap: -o-wrap;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-start;
	flex-wrap: wrap;
}

.podiumWrapper { /* flexbox: holds together the podium and its event-legend for */
	position: relative;
/*padding: 0;*/
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	margin-left: 0;
	margin-right: 1.6rem;
	min-width: 15rem;
	max-width: 15rem;
/*border: 1px solid red;*/
}
.podium {
	display: table;
	border-collapse: collapse;
	margin-bottom: 0.4rem;
}
.emptyPodium {
	margin-top: 2.3rem;
}
.podium .tr {
	display: table-row;
	border: 0;
}
.podium .td {
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
	min-width: 5rem;
	max-width: 5rem;
	padding: 0;
	margin: 0;
}
.podium .flag {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 0.2rem;
}
.podium1,
.podium2,
.podium3 {
	vertical-align: bottom;
	font-weight: bold;
	padding-top: 0.2rem;
	background-color: #D8EBAD;			/* light olive */
}
.byNight .podium1,
.byNight .podium2,
.byNight .podium3 {
/*	background-color: #202020;*/		/* extremely dark gray */
	background-color: #303030;			/* very dark gray */
}

.podium1 {
	min-height: 4rem;
	max-height: 4rem;
}
.podium2 {
	min-height: 2.6rem;
	max-height: 2.6rem;
}
.podium3 {
	min-height: 2rem;
	max-height: 2rem;
}
.podiumEvent {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.podiumEvent a {
align-self: center;
	display: inline-block;
	width: auto;
}