@font-face {
	font-family: Georgia, Serif;	
} 
/* ⁄@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap'); */


body {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#map {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 0;
}

h1 {
	font-family: 'myFont';
	font-weight: normal;
	font-style: normal;
	font-size: 29px;
	line-height: 30px;
}

h2 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	color: #0273a9;
}

.container {
	display:flex;
	align-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	height:100vh;
}

#console {
	margin: 10px;
	width: 300px;
	background-color: #0073aa;
	color: white;
	border-radius: 10px;
	padding: 10px 20px;
	z-index:5;
}

#console h1 {
	text-align: center;
}

#legend {
	background-color: white;
	padding: 1.5em;
	color: #23282d;
	line-height: 1.5em;
	border-radius: 10px;
}

#date-legend {
	margin: 10px;
	margin-left: auto;
	width: 350px;
	height: fit-content;
	background-color: #0073aa;
	color: white;
	border-radius: 10px;
	padding: 10px 20px;
	z-index:5;
	display: grid;
	grid-template-columns: [col1-start] auto  [col2-start] auto  [col3-start] auto [col3-end];
	grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];
}

.a {
	grid-column: col1-start / col3-start;
	grid-row: row1-start ;
}
.b {
	grid-column: col1-start / col3-start;
	grid-row: row2-start ;
}
.c {
	grid-column: col3-start ;
	grid-row: row1-start / row2-end;
}


#date-legend h2 {
	font-family: 'myFont';
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
}

#events-legend {
	margin: 30px 10px;
	margin-left: auto;
    margin-top: auto;
	width: 300px;
	height: fit-content;
	background-color: #0073aa;
	color: white;
	border-radius: 10px;
	padding: 10px 20px;
	z-index:5;
}

h1 {
	font-family: 'EB Garamond', serif;
}

#events-legend h1 {
	font-size: 24px;
}

#type-events span {
	display: block;
	margin: 1px 3px 0px 0px;
}

.break {
	flex-basis: 100%;
	height: max-content;
	z-index:-1;
}
.session {
	margin-bottom: 20px;
}

.sign {
	margin-top: 85px;
	text-align: center;
}

.row {
	height: 12px;
	width: 100%;
}

.colors {
	background: linear-gradient(
		to right,
		#0273a9,
		/* #e6bc59,*/
		#f1a624
	);
	margin-bottom: 5px;
}

.label {
	width: 49%;
	display: inline-block;
	text-align: center;
}

span:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	border-radius: 3px;
}

.label-in-person:before {
	background: #0273a9;
}

.label-online:before {
	background: #f1a624;
}

.heart {
	font-size: 20px;
	margin-left: -20px;
}
.play-button {
	display: flex;
	width: 30px;
	height: 30px;
	border:0px;
	transition: 100ms all ease;
	background: url(/assets/svg/svg-play-button-icon-1.svg);
	background-repeat: no-repeat;
}
.play-button.paused {
	background: url(/assets/svg/svg-pause-button-icon-1.svg);
	background-repeat: no-repeat;
}
#alert-covid {
	width: 50px;
	align-self: center;
	justify-self: end;
	display: none;
}
.flex {
	display: flex;
}
.slider {
	width: 100%;
}
  
.acknowledgements {
	padding-top: 20px;
}