/*this CSS contains design for the stations tables*/
/*all elements on the stations pages should be handled here*/

/*general*/
.stationcontent {
	grid-template-columns: 30% 70%;
}

.Station-Table {
	justify-self: center;
}

.Station-Info {
	justify-self: center;
	text-align: center;
}

.table-image {
	position: relative;
	display: inline-block;
	border-radius: 50%;
	border: solid black 1px;
}

.table-text{
	position: relative;
	display: inline-block;
	padding-top: 1em;
	width: 80%;
	font-size:1.2em;
	font-weight: bold;
}

.img-copy_Tables {
	display:none;
	font-size: 0.5em;
	position: absolute;
    color: black;
	z-index:4;
}

.table-image:hover +.img-copy_Tables { /* <-- displays copyright if station image is hovered */
  display: inline-block;
}

/* Tables */
.Station-Table table , .Station-Table td  {
	background-color: white;
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0.5em; 
}

.th-opt th {
	background-color: #dd3c3c;
	color: white;
	padding: 1em; 
}
.th-opt th p{
	position: absolute;
	padding-left: 8em;
	margin: 0;
	margin-top: -0.5em;
}
.th-rad th {
	background-color: orange;
	color: white;
	padding: 1em; 
}
.th-rad th p{
	position: absolute;
	padding-left: 8em;
	margin: 0;
	margin-top: -0.5em;
}



/*Note, Sizes and Units; 1em = 16px @100%, 1vw = 1% of viewport width */