@charset "UTF-8";
/*
	Theme Name: Annemiek Wintjes
	Author: Eelco Deuling
	Author URI: https://palaismondial.nl/
	Description: Een simpel thema voor de website van Annemiek Wintjes.
	Version: 1.0
	Tested up to: 6
	Requires PHP: 7.3
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: custom-header, editor-style, custom-menu, translation-ready
	Text Domain: annemiekwintjes
	Domain Path: /lib/languages
*/
/*----------------------------------------------------------------------*/
/* Layout: root: colors */
/*----------------------------------------------------------------------*/
:root {
	--main-background: rgb(253, 253, 253);
	--main-foreground: rgb(5, 5, 5);
	--main-primary: rgb(23, 43, 104);
	--main-secondary: rgb(127, 22, 1);
}
/*----------------------------------------------------------------------*/
/* Webfonts */
/*----------------------------------------------------------------------*/
@font-face {
	font-family: "Open Sans";
	src: url("lib/fonts/OpenSans-Bold.woff2") format("woff2"),
		 url("lib/fonts/OpenSans-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("lib/fonts/OpenSans-BoldItalic.woff2") format("woff2"),
		 url("lib/fonts/OpenSans-BoldItalic.woff") format("woff");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("lib/fonts/OpenSans-Italic.woff2") format("woff2"),
		 url("lib/fonts/OpenSans-Italic.woff") format("woff");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("lib/fonts/OpenSans-Regular.woff2") format("woff2"),
		 url("lib/fonts/OpenSans-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("lib/fonts/OpenSans-Light.woff2") format("woff2"),
		 url("lib/fonts/OpenSans-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("lib/fonts/OpenSans-LightItalic.woff2") format("woff2"),
		 url("lib/fonts/OpenSans-LightItalic.woff") format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
/*----------------------------------------------------------------------*/
/* Layout: top-tree elements */
/*----------------------------------------------------------------------*/
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	line-height: 170%;
	overflow: auto;
	background: var(--main-background);
	color: var(--main-foreground);
}
body {
	margin: 0;
}
*:focus {
	outline: 2px solid var(--main-secondary);
	outline-offset: 0.15rem;
}
/*----------------------------------------------------------------------*/
/* Core Wordpress logged-in wpadminbar layout fix */
/*----------------------------------------------------------------------*/
body.logged-in {
	margin-top: -32px;
}
/*----------------------------------------------------------------------*/
/* Core required Wordpress css */
/*----------------------------------------------------------------------*/
.wp-caption {
	max-width: 100%;
}
.bypostauthor {
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin: auto;
}
.alignwide {
	clear: both;
}
.screen-reader-text {
	position: absolute;
	clip: rect( 1px, 1px, 1px, 1px );
	overflow: hidden;
	height: 1px;
	width: 1px;
}
/*----------------------------------------------------------------------*/
/* Core Wordpress blocks */
/*----------------------------------------------------------------------*/
.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.wp-block-embed-youtube iframe,
.wp-block-embed-vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	font-size: 80%;
	line-height: 140%;
}
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft {
	margin-right: 1rem;
}
.wp-block-cover.alignright,
.wp-block-cover-image.alignright {
	margin-left: 1rem;
}
.wp-block-file {
	margin: 0 0 1rem 0;
}
.wp-block-file__button {
	border-radius: 0 !important;
	font-size: 70%;
	text-transform: uppercase;
}
.is-vertically-aligned-top {
	margin-top: 0;
}
.is-vertically-aligned-bottom {
	margin-bottom: 0;
}
.wp-block-image figcaption,
figure.wp-block-gallery > .blocks-gallery-caption  {
	color: var(--main-secondary);
}
#mainContent .wp-block-button__link:hover {
	background: var(--main-secondary) !important;
}
#mainContent .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	padding: 15px 8px 8px !important;
}
/*----------------------------------------------------------------------*/
/* Core Wordpress posts, pages and navigation */
/*----------------------------------------------------------------------*/
.post-navigation,
.posts-navigation {
	display: flex;
	justify-content: center;
	padding: 4rem 0 1rem 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
}
.post-page-numbers {
	color: #949494;
	display: inline-block;
	padding: 0.25rem 0.75rem;
	margin: 1rem 0 0;
	border: 1px solid #949494;
}
a.post-page-numbers {
	color: var(--main-secondary);
	background: #f1f1f1;
	text-decoration: none;
}
a.post-page-numbers:hover {
	background: var(--main-secondary);
	color: var(--main-background);
}
.post-navigation a,
.posts-navigation a {
	text-decoration: none;
	font-weight: 300;
}
.post-navigation a:hover,
.posts-navigation a:hover {
	text-decoration: underline;
}
.nav-previous,
.nav-next {
	float: left;
}
.nav-previous + .nav-next {
	margin-left: 1rem;
}
.nav-previous a::before {
	content: "\003C";
	display: inline-block;
	padding-right: 0.3rem;
}
.nav-next a::after {
	content: "\003E";
	display: inline-block;
	padding-left: 0.3rem;
}
a.more-link {
	display: block;
	width: 100%;
	clear: both;
}
a.more-link::after {
	content: "\003E";
	display: inline-block;
	padding-left: 0.3rem;
}
/*----------------------------------------------------------------------*/
/* Core Wordpress HTML5 gallery */
/*----------------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5rem;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.3333333333%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.6666666667%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.2857142857%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.1111111111%;
}
.gallery-caption {
	display: block;
}
/*----------------------------------------------------------------------*/
/* General: reset and normalize *
/*----------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, main,
nav, section, summary, div, table {
	display: block;
	box-sizing: border-box;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
nav ul ul, nav ol ol {
	margin: 0;
}
/*----------------------------------------------------------------------*/
/* General: hyphenate */
/*----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p {
	-webkit-hyphens: auto;
	hyphens: auto;
}
/*----------------------------------------------------------------------*/
/* General: media */
/*----------------------------------------------------------------------*/
img {
	border: 0;
	max-width: 100%;
	height: auto;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
iframe, object {
	max-width: 100%;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
/*----------------------------------------------------------------------*/
/* General: forms */
/*----------------------------------------------------------------------*/
form {
	display: block;
	color: var(--main-secondary);
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
input,
optgroup,
select,
textarea {
	color: var(--main-primary);
	font: inherit;
	margin: 0.5rem 0;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	padding: 8px;
	border: 1px solid #949494;
	box-sizing: border-box;
	max-width: 100%;
}
button {
	color: inherit;
	font: inherit;
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	overflow: visible;
}
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	padding: 0.75rem 1.25rem;
	color: var(--main-background);
	background: var(--main-secondary);
	border: 0;
	border-radius: 0.25rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: var(--main-primary);
}
.wrapper .wp-block-search__button {
	display: none;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
/*----------------------------------------------------------------------*/
/* Typography: defaults for super and subscript */
/*----------------------------------------------------------------------*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/*----------------------------------------------------------------------*/
/* Typography: general:  italics and bolds */
/*----------------------------------------------------------------------*/
em, i {
	font-style: italic;
}
b, strong {
	font-weight: bold;
}
/*----------------------------------------------------------------------*/
/* Typography: general: Styling for links */
/*----------------------------------------------------------------------*/
a {
	background: transparent;
	color: var(--main-primary);
}
a:active,
a:hover {
	outline: 0;
	color: var(--main-secondary);
}
/*----------------------------------------------------------------------*/
/* Typography: general: main typographic resets */
/*----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	line-height: 100%;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 300;
	color: var(--main-primary);
}
pre {
	white-space: pre-wrap;
}
/*----------------------------------------------------------------------*/
/* Layout: top level divisions */
/*----------------------------------------------------------------------*/
.wrapper {
	width: 100%;
	max-width: 50rem;
	padding: 3rem 1rem;
	margin: auto;
	overflow: visible;
}
.headerWrap {
	width: 100%;
	border-bottom: 1px dotted var(--main-primary);
}
.footerWrap {
	width: 100%;
	border-top: 1px dotted var(--main-primary);
	color: var(--main-primary);
	font-weight: 300;
}
/*----------------------------------------------------------------------*/
/* Layout: headerWrap elements */
/*----------------------------------------------------------------------*/
.siteTitle {
	font-weight: 300;
	font-size: 1.5rem;
}
.siteTitle a {
	text-decoration: none;
}
.uppercase {
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}
.siteTitle a:hover .uppercase {
	text-decoration: underline;
}
/*----------------------------------------------------------------------*/
/* Layout: mainNav suckerfish menu */
/*----------------------------------------------------------------------*/
.mainNav {
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}
.mainNav li {
	display: block;
	float: left;
	margin-right: 1rem;
}
.mainNav li:last-of-type {
	margin-right: 0;
}
.mainNav li ul {
	position: absolute;
	left: -999rem;
	background: var(--main-background);
	z-index: 9999;
}
.mainNav li ul li {
	clear: both;
	margin: 0 0 0 -1.5rem;
	padding: 0 0.5rem;
	background: var(--main-background);
}
.mainNav li:hover ul,
.mainNav:focus-within,
.mainNav ul li:focus-within > ul {
	left: auto;
}
.mainNav li a {
	display: block;
	text-decoration: none;
}
.mainNav li a:hover {
	text-decoration: underline;
}
.mainNav li li a {
	padding: 0.25rem 1rem;
}
.mainNav li.current-menu-item a {
	color: var(--main-secondary);
}
/*----------------------------------------------------------------------*/
/* Layout: mobile menu: desktop view */
/*----------------------------------------------------------------------*/
input#hamburger {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
	visibility: hidden;
}
input#hamburger:focus {
	outline: none auto;
}
label#hamburgerHandler {
	display: none;
	color: var(--main-primary);
}
input#hamburger:focus ~ label#hamburgerHandler {
	outline: 2px solid var(--main-secondary);
}
/*----------------------------------------------------------------------*/
/* Lightweight Accordion */
/*----------------------------------------------------------------------*/
.lightweight-accordion .lightweight-accordion-body {
	padding: 10px 0 !important;
}
/*----------------------------------------------------------------------*/
/* Layout: mobile menu: media queries */
/*----------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	input#hamburger {
		visibility: visible;
	}
	label#hamburgerHandler {
		cursor: pointer;
		font-size: 250%;
		display: block;
		padding-bottom: 0.5rem;
	}
	.mainNav {
		max-height: 0;
		width: 100%;
		overflow: hidden;
	}
	.mainNav:focus-within,
	input#hamburger:checked ~ nav.mainNav {
		max-height: 100%;
	}
	.mainNav ul {
		display: block;
		padding-top: 0.5rem;
	}
	.mainNav li {
		width: 100%;
		padding: 0.25rem 0;
		margin: 0;
	}
	.mainNav li:hover ul {
		position: static;
	}
	.mainNav li ul li {
		margin: 0;
		padding: 0.25rem 0;
		width: 100%;
		clear: both;
	}
	.mainNav li li a {
		padding: 0;
	}
	.mainNav li li a::before {
		content: "- ";
	}
}