.sitePanelContainer {
	background-color: transparent;
	position: relative;
	width: 100%;
	padding-top: 20px; /* Space for the title */
}

.sitePanelTitle {
	position: absolute;
	top: 0;
	left: 10px;
	background-color: white; /* Match the background color */
	padding: 0 10px;
	font-size: 20px;
	font-weight: bold;
	z-index: 1; /* Ensure the title is above the border */
}

.sitePanelContent {
	border: 2px solid #AAA;
	border-radius: 10px;
	padding: 20px;
	background-color: transparent;
	position: relative;
	z-index: 0; /* Ensure the content is below the title */
}

.sitePanelContentWrapper {
	display: flex; /* Use Flexbox for layout */
	align-items: center; /* Vertically center the items */
	justify-content: space-between; /* Space between text and SVG */
}

.sitePanelTextContent {
	flex: 1; /* Allow text to take up available space */
	text-align: left; /* Align text to the left */
	align-self: flex-start;
}

.sitePanelHeaderContent {
	clear:both;
	display:block;
	width:100%;
}

.sitePanelSVGContent {
	flex-shrink: 0; /* Prevent SVG from shrinking */
	margin-left: 10px; /* Add some spacing between text and SVG */
}

@media (max-width: 600px) {
	.sitePanelContentWrapper {
		flex-direction: column; /* Stack items vertically */
		align-items: flex-start; /* Align items to the left */
	}

	.sitePanelSVGContent {
		margin-left: 0; /* Remove left margin */
		margin-top: 10px; /* Add spacing between text and SVG */
	}
}

#needle {
  transform-origin: 50% 50%; /* Rotate around the center */
}

.weatherWarning{
	border: 1px solid black;
	display: block;
	padding: 10px 20px;
	background-color: yellow;
	border-radius: 8px;
}

.updatedDate{
	font-size: smaller;
	font-style: oblique;
}