body {
	color: beige;
	background-color: rgb(49, 37, 37);
}

span.mins {
	color: dimgray;
}

div.link {
	padding: 5px;
}

.link::before {
	content: "| ";
}

a {
	color: rgb(52, 131, 52);
	text-decoration: none;
}
a:visited {
	color: rgb(52, 131, 52);
	text-decoration: none;
}
a:hover {
	color: yellow;
	text-decoration: none;
}

div.hide {
	display: none;
}

button.btn {
	margin-right: 2px;
	padding: 2px;
}

table.hours {
	border-radius: 5px;
	border-collapse: collapse;
	border-width: 2px;
	border-color: blueviolet;
	border-style: solid;
	border-style: none;
	margin-bottom: 0px;
}

h3 {
	color: darkgreen;
	padding: 0px;
	margin: 0px;
}

div.hours {
	display: flex;
}

div.pad {
	background-color: darkolivegreen;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0px;
	margin-right: 2px;
}

img.icon {
	display: inline-block;
	width: 56px;
	height: 56px;
}

span.icon[data-type="wind"] {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("../icons/wind-opaque-arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
}

[data-value="N"] {
	transform: rotate(0deg);
}
[data-value="NNE"] {
	transform: rotate(22.5deg);
}
[data-value="NE"] {
	transform: rotate(45deg);
}
[data-value="ENE"] {
	transform: rotate(67.5deg);
}
[data-value="E"] {
	transform: rotate(90deg);
}
[data-value="ESE"] {
	transform: rotate(112.5deg);
}
[data-value="SE"] {
	transform: rotate(135deg);
}
[data-value="SSE"] {
	transform: rotate(157.5deg);
}
[data-value="S"] {
	transform: rotate(180deg);
}
[data-value="SSW"] {
	transform: rotate(202.5deg);
}
[data-value="SW"] {
	transform: rotate(225deg);
}
[data-value="WSW"] {
	transform: rotate(247.5deg);
}
[data-value="W"] {
	transform: rotate(270deg);
}
[data-value="WNW"] {
	transform: rotate(292.5deg);
}
[data-value="NW"] {
	transform: rotate(315deg);
}
[data-value="NNW"] {
	transform: rotate(337.5deg);
}