:root {
--base-color-text: #111;
--base-color-accent: #28C8C8;
--base-color-light: #ececed;
--base-color-background: white;
--base-font-family: "Roboto Condensed", sans-serif;
--base-line-height: 1.4;
--base-font-size: clamp(14px, 1.1vw, 18px);
--base-font-size-small: clamp(12px, 0.9vw, 16px);
--base-font-size-large: clamp(26px, 1.66vw, 32px);
--base-space: calc(0.75*var(--base-font-size));
--base-offset: clamp(15px, 1.2vw, 25px);
--base-content-width: 900px;
--base-content-width-wide: 1000px;
--base-layout-width: 100%;
}
.site-layout-container {
display: flex;
flex-direction: column;
flex: 1;
}
h2:not(:first-child) {
margin-top: calc(1.5*var(--base-space));
}
header {
padding: calc(1.5*var(--base-offset)) 0;
margin-bottom: calc(2*var(--base-offset)) !important;
align-items: center !important;
white-space: nowrap;
}
header .wp-block-image img {
width: 12em !important;
height: auto !important;
max-width: 40vw;
}
header .wp-block-site-title {
margin: 0 auto -0.3em;
}
header .wp-block-site-title a {
font-weight: bold;
font-size: calc(2*var(--base-font-size-large));
transition: all 200ms ease-in-out;		
}
header .has-large-font-size a {
font-weight: normal !important;
}
header a:hover {
text-decoration: none;
}
header p.has-large-font-size:first-child {
margin: 0 auto -0.4em;
}
header p.has-large-font-size {
font-size: calc(var(--base-font-size-large)*1.45) !important;
margin-bottom: 0;
}
header :is(p, a) {
letter-spacing: 2px;
text-align-last: justify;
}
@media (min-width: 1000px) {
header > .wp-block-group:first-child {
transform: scale(1.15);
transform-origin: left;
}
}
@media (min-width: 1400px) {
header > .wp-block-group:first-child {
transform: scale(1.25);
transform-origin: left;
}
}
@media (max-width: 599px) {
header p.has-large-font-size {
font-size: var(--base-font-size-large) !important;
}
header p.has-large-font-size:last-child {
margin-bottom: var(--base-space);
}
header .wp-block-site-title {
margin: 0.1em auto -0.15em;
}
header .wp-block-site-title a {
font-size: calc(var(--base-font-size-large)*1.5) !important;
text-align: center;
display: block;
}
header.is-layout-flex {
flex-direction: column;
align-items: center !important;
gap: 0;
}
}
@media (max-width: 399px) {
header :is(p.wp-block-site-tagline, p.has-large-font-size) {
font-size: calc(var(--base-font-size-large)*0.7) !important;
}
header h1 a {
font-size: var(--base-font-size-large) !important;
}
}
.wp-block-gallery .wp-block-image {
box-shadow: 1px 1px 2px #818286;
}
.wp-block-gallery .wp-element-caption {
top: 0;
bottom: auto !important;
background: var(--base-color-light) !important;
margin: 0 !important;
padding: 0.4em !important;
font-size: var(--base-font-size) !important;
color: var(--base-color-text) !important;
pointer-events: none;
}
@media (min-width: 600px) {
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
max-width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*1);
}
}
.wp-block-quote {
margin: 0 auto calc(1*var(--base-offset));
}
.wp-block-quote p {
margin-bottom: 0;
font-size: var(--base-font-size-large);
color: var(--base-color-accent);
}
.site-layout-container :not(footer) p a {
font-weight: bold;
}
ul {
list-style: disclosure-closed;
font-size: 1.1em;
}
ul li::marker {
color: var(--base-color-accent);
}
.wp-block-columns {
gap: calc(1.5*var(--base-space));
}
.wp-block-column img {
width: 100%;
}
.wp-block-buttons .wp-block-button:only-child .wp-block-button__link[href="/"] {
font-size: 1.5rem;
line-height: 1;
min-width: 2.5rem;
min-height: 2.5rem;
aspect-ratio: 1;
margin-top: calc(2*var(--base-offset));
}
footer {
margin-top: calc(3*var(--base-offset)) !important;
margin-bottom: 0 !important;
padding: calc(var(--base-offset) * 2.2) var(--base-offset) calc(var(--base-offset) * 2) !important
}
footer p {
margin-bottom: 0em;
}
hr.wp-block-separator {
border-top: 3px solid var(--base-color-accent);
margin: 3.7em auto 3em;
}