@charset "UTF-8";

:root {
	--value-round: 3px;
	--value-motion: 0.1s ease-in;
	--shadow-color: 228deg 10% 68%;
	--shadow-1:
		0px 0.5px 0.5px hsl(var(--shadow-color) / 0.61),
		0px 0.8px 0.7px -2px hsl(var(--shadow-color) / 0.46),
		0px 2.2px 2px -4px hsl(var(--shadow-color) / 0.3);
	--shadow-2:
		0px 0.5px 0.5px hsl(var(--shadow-color) / 0.52),
		0px 1.2px 1.1px -1.3px hsl(var(--shadow-color) / 0.42),
		0px 3.7px 3.3px -2.7px hsl(var(--shadow-color) / 0.32),
		0px 10.1px 9.1px -4px hsl(var(--shadow-color) / 0.23);
	--shadow-3:
		0px 0.5px 0.5px hsl(var(--shadow-color) / 0.43),
		0px 1.4px 1.3px -0.6px hsl(var(--shadow-color) / 0.39),
		0px 2.8px 2.5px -1.1px hsl(var(--shadow-color) / 0.35),
		0px 5.4px 4.9px -1.7px hsl(var(--shadow-color) / 0.31),
		0px 9.9px 8.9px -2.3px hsl(var(--shadow-color) / 0.27),
		0px 17px 15.3px -2.9px hsl(var(--shadow-color) / 0.23),
		0px 27.6px 24.8px -3.4px hsl(var(--shadow-color) / 0.19),
		0px 42.3px 38.1px -4px hsl(var(--shadow-color) / 0.15);
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
::-moz-selection {
	background: rgba(255,255, 210, 0.3);
	text-shadow: none;
}
::selection {
	background: rgba(255,255, 210, 0.3);
	text-shadow: none;
}
a:link {
	-webkit-tap-highlight-color: rgba(255,255, 210, 0.3);
}
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img {
	max-width: 100%;
	height: auto;
}
.wp-block-post-template li {
	display: flex;
}
.wp-block-post-template li > .wp-block-group {
	width: 100%;
}
.wp-block-button__link {
	transition: background-color var(--value-motion);
}
body {
	background-color: var(--wp--preset--color--magenta);
}
.wp-site-blocks {
	background-color: var(--wp--preset--color--white);
	height: 100%;
}
.wp-block-post-template.is-flex-container {
  gap: 1em;
}

.content-events {
	background: var(--wp--preset--color--sky);
	padding-bottom: 2em;
}
.event-date {
	display: block;
	background: var(--wp--preset--color--charcoal);
	padding: .8em .5em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: var(--wp--preset--color--white);
	font-size: .8em;
}
.event-details {
	display: block;
	padding-left: 2em;
}
@media screen and (max-width: 699px) {
	.event-details h2 {
		font-size: 1.25em;
	}
}