.sg-knmi-bar {
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid rgba(0, 0, 0, .08);
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	font-size: .9rem;
	line-height: 1.4;
}

.sg-knmi-bar__inner {
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin: 0 auto;
	padding: 8px 24px;
}

.sg-knmi-bar a {
	display: flex;
	align-items: center;
	gap: .55rem;
	color: inherit;
	text-decoration: none;
}

.sg-knmi-bar a:hover,
.sg-knmi-bar a:focus {
	text-decoration: underline;
}

.sg-knmi-bar__arrow {
	margin-left: auto;
	font-weight: 700;
}

.sg-knmi-bar--geel {
	background: #fff3bf;
	color: #5f4700;
}

.sg-knmi-bar--oranje {
	background: #ffd9b3;
	color: #743000;
}

.sg-knmi-bar--rood {
	background: #ffd6d6;
	color: #850000;
	font-weight: 700;
}

@media (max-width: 600px) {
	.sg-knmi-bar {
		font-size: .82rem;
	}

	.sg-knmi-bar__inner {
		padding: 8px 16px;
	}

	.sg-knmi-bar__text {
		display: none;
	}
}