:root {
	--accent-color: rgba(4%, 31%, 32%, 1);
		--accent-color-light: rgba(9%, 40%, 41%, 1);
	--accent-color-bright: rgba(32%, 64%, 64%, 90%);
	--accent-color-dull: rgba(4%, 24%, 24%, 10%);
	--accent-color-nav: rgba(80%, 90%, 90%, 90%);
		--accent-color-light-nav: rgba(9%, 40%, 41%, 1);
	--accent-color-bright-nav: rgba(80%, 90%, 90%, 99%);
	--accent-color-dull: rgba(4%, 24%, 24%, 10%);
	--accent-color-translucent: rgba(32%, 64%, 64%, 50%);
	--accent-color-semi-translucent: rgba(4%, 31%, 32%, 90%);
}

:root .has-background-background-color {
	background-color: #fff;
}

@font-face {
	font-family: 'Rota';
	src: url('Rota-Thin.woff2') format('woff2'),
	src: url('Rota-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Rota';
	src: url('Rota-Regular.woff2') format('woff2'),
	src: url('Rota-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rota';
	src: url('Rota-ExtraBlack.woff2') format('woff2'),
	src: url('Rota-ExtraBlack.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

*,
body,
input,
textarea,
button,
.button,
.faux-button,
.faux-button.more-link,
.wp-block-button__link,
.wp-block-file__button, .has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-cover-image p,
.entry-content .wp-block-pullquote,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file,
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
  font-family: Rota, sans-serif;
}

body {
background: #fff;
}

h1, h2, h3 {
	color: var(--accent-color);
}

h1 {
font-size: 6.85rem;
}

a {
		color: var(--accent-color-light);
}

a:hover {
			color: var(--accent-color-bright);
}

a:visited {
			color: var(--accent-color-dull);
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > a:visited, body:not(.overlay-header) .primary-menu > li > .icon, body:not(.overlay-header) #site-header .toggle {
		color: var(--accent-color-nav);
}

.toggle-text {
display: none;
}

.header-toggles .toggle {
padding: 0;
}

.header-inner .toggle-wrapper::before {
display: none;
}

.primary-menu-wrapper + .header-toggles {
margin-left: 0;
margin-right: 0;
}

body:not(.overlay-header) .primary-menu > li > a:hover, a:focus, body:not(.overlay-header) .primary-menu > li > a:focus {
			color: var(--accent-color-bright-nav);
}

#site-header {
position: fixed;
top: 0;
background: var(--accent-color-semi-translucent);
width: 100vw;
}
#site-content {
margin-top: 222px;
}

header, .singular .entry-header {
	background-color: rgba(100%, 100%, 100%, 0);
}

.singular .entry-header, .post-inner {
padding: 1.6em 0;
}

article {
	margin: 0 10vw;
	background-color: rgba(100%, 100%, 100%, 0.15);
	box-shadow: 10px 8px 16px rgba(1%, 1%, 1%, 15%);
border-radius: 1.6em;
}

img {
border: 1px solid var(--accent-color);
outline: 2px solid rgba(100%, 100%, 100%, 60%);
outline-offset: -5px;
}

.aligncenter {
margin-top: 0;
}

.alignnone {
clear: left;
float: left;
margin-right: 1rem;
margin-top: 0;
}

hr .sep {
width: auto;
max-width: 33vw;
clear: both;
}

.header-inner {
flex-direction: row;
flex-wrap: wrap;
padding: 2vh 0 0 0;
}

.header-titles .site-title, .header-titles .site-description {
margin: 1rem;
}

.header-titles-wrapper {
width: 100%;
max-width: 100vw;
margin-right: 0;
}

.header-titles {
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-between;
margin: 0;
}

.header-titles .site-title {
text-transform: uppercase;
letter-spacing: -0.03em;
font-size: calc(4vw + 0.8em);
max-width: 70%;
}

.header-titles .site-title, .header-titles .site-title a {
color: rgba(100%, 100%, 100%, 90%);
}

.header-titles .site-title a:hover, .header-titles .site-title a:focus {
text-decoration: none;
border-bottom: 0.01em dotted rgba(100%, 100%, 100%, 50%);
color: rgba(100%, 100%, 100%, 99%);
}

.header-titles .site-description {
text-transform: uppercase;
letter-spacing: 0.03em;
font-size: calc(2vw + 0.25em);
line-height: 1;
max-width: 30%;
text-align: right;
color: rgba(100%, 100%, 100%, 80%);
}

.header-navigation-wrapper {
width: 90%;
max-width: 1000px;
}
.primary-menu-wrapper {
flex-shrink: 0;
}

ul.primary-menu {
margin: 0 10vw;
justify-content: space-evenly;
}

ul.primary-menu ul.sub-menu {
background-color: var(--accent-color-semi-translucent);
}

body:not(.overlay-header) .primary-menu > li > ul::after {
color: var(--accent-color-semi-translucent);
border-bottom-color: var(--accent-color-semi-translucent);
}

.home .entry-header {
  display: none;
}

.home .entry-content {
columns: 2;
}

.home p {
margin: 1em;
break-inside: avoid;
}

@media (max-width: 400px) {
 .home .entry-content {
  columns: 1;
 }
}

@media (min-width: 800px) {
.header-titles .site-title {
max-width: 100%;
}
.header-titles .site-description {
text-align: center;
max-width: 100%;
}
}

@media (min-width: 1600px) {
#site-content {
margin-top: 300px;
}
}