@charset "UTF-8";
/*
	Theme Name: Cult PR
	Author: Eelco Deuling
	Author URI: https://palaismondial.nl/
	Description: Een simpel Wordpress Theme voor Fran
	Version: 1.0
	Tested up to: 6.1
	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, featured-images, translation-ready
	Text Domain: franvdbogaert
	Domain Path: /lib/languages
*/
/*----------------------------------------------------------------------*/
/* Theme colors */
/*----------------------------------------------------------------------*/
:root {
	--main-background: rgb(255, 255, 255);
	--main-foreground: rgb(0, 0, 0);
	--main-primary: rgb(114, 101, 167);
	--main-secondary: rgb(46, 97, 83);
	--main-tertiary: rgb(214, 152, 151);
	--main-quaternary: rgb(103, 104, 110);
	--secondary-background: rgb(243, 224, 224);
	--tertiary-background: rgb(237, 236, 238);
}
/*----------------------------------------------------------------------*/
/* Fonts */
/*----------------------------------------------------------------------*/
@font-face {
	font-family: "Source Sans Pro";
	src: url("lib/fonts/SourceSansPro-LightItalic.woff2") format("woff2"),
		 url("lib/fonts/SourceSansPro-LightItalic.woff") format("woff"),
		 url("lib/fonts/SourceSansPro-LightItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans Pro";
	src: url("lib/fonts/SourceSansPro-Light.woff2") format("woff2"),
		 url("lib/fonts/SourceSansPro-Light.woff") format("woff"),
		 url("lib/fonts/SourceSansPro-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans Pro";
	src: url("lib/fonts/SourceSansPro-Regular.woff2") format("woff2"),
		 url("lib/fonts/SourceSansPro-Regular.woff") format("woff"),
		 url("lib/fonts/SourceSansPro-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans Pro";
	src: url("lib/fonts/SourceSansPro-Italic.woff2") format("woff2"),
		 url("lib/fonts/SourceSansPro-Italic.woff") format("woff"),
		 url("lib/fonts/SourceSansPro-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans Pro";
	src: url("lib/fonts/SourceSansPro-SemiBold.woff2") format("woff2"),
		 url("lib/fonts/SourceSansPro-SemiBold.woff") format("woff"),
		 url("lib/fonts/SourceSansPro-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans Pro";
	src: url("lib/fonts/SourceSansPro-SemiBoldItalic.woff2") format("woff2"),
		 url("lib/fonts/SourceSansPro-SemiBoldItalic.woff") format("woff"),
		 url("lib/fonts/SourceSansPro-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans Pro";
	src: url("lib/fonts/SourceSansPro-Bold.woff2") format("woff2"),
		 url("lib/fonts/SourceSansPro-Bold.woff") format("woff"),
		 url("lib/fonts/SourceSansPro-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans Pro";
	src: url("lib/fonts/SourceSansPro-BoldItalic.woff2") format("woff2"),
		 url("lib/fonts/SourceSansPro-BoldItalic.woff") format("woff"),
		 url("lib/fonts/SourceSansPro-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
/*----------------------------------------------------------------------*/
/* Top tree elements */
/*----------------------------------------------------------------------*/
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "Source Sans Pro";
	font-size: 1.2rem;
	line-height: 150%;
	font-weight: normal;
	overflow: auto;
	background: var(--main-background);
	color: var(--main-foreground);
}
body {
	margin: 0;
}
*:focus {
	outline: 2px solid var(--main-tertiary);
	outline-offset: 0.15rem;
}
/*----------------------------------------------------------------------*/
/* Wordpress logged-in wpadminbar layout fix */
/*----------------------------------------------------------------------*/
body.logged-in {
	margin-top: -32px;
}
/*----------------------------------------------------------------------*/
/* Wordpress alignment */
/*----------------------------------------------------------------------*/
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin: auto;
}
.alignwide {
	clear: both;
	width: calc(100% + 28rem);
	margin-left: -14rem !important;
}
.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw) !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/*----------------------------------------------------------------------*/
/* Core required Wordpress css */
/*----------------------------------------------------------------------*/
.wp-caption {
	max-width: 100%;
}
.sticky {
	background: var(--secondary-background);
	padding: 1rem 1.5rem 1.5rem 1.5rem;
	width: calc(100% + 3rem);
	margin-left: -1.5rem;
}
.screen-reader-text {
	position: absolute;
	clip: rect( 1px, 1px, 1px, 1px );
	overflow: hidden;
	height: 1px;
	width: 1px;
}
/*----------------------------------------------------------------------*/
/* Wordpress blocks */
/*----------------------------------------------------------------------*/
figcaption,
.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;
}
.is-vertically-aligned-top {
	margin-top: 0;
}
.is-vertically-aligned-bottom {
	margin-bottom: 0;
}
/*----------------------------------------------------------------------*/
/* Theme specific blocks css */
/*----------------------------------------------------------------------*/
span.wp-block-cover__background.has-background-gradient,
span.wp-block-cover__background.has-primary-background-color,
span.wp-block-cover__background.has-secondary-background-color,
span.wp-block-cover__background.has-tertiary-background-color {
	mix-blend-mode: multiply !important;
}
/*----------------------------------------------------------------------*/
/* Core Wordpress post and pages navigation */
/*----------------------------------------------------------------------*/
.post-navigation,
.posts-navigation {
	display: block;
	width: 100%;
	height: auto;
	clear: both;
}
.nav-links {
	width: 100%;
	display: flex;
	justify-content: center;
	font-weight: 600;
}
.nav-links a {
	text-decoration: none;
	color: var(--main-foreground);
}
.nav-links a:hover {
	text-decoration: underline;
}
.nav-previous,
.nav-next {
	padding: 0 .75rem;
}
.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;
}
.post-page-numbers {
	color: var(--main-foreground);
	display: inline-block;
	padding: 0.25rem 0.75rem;
	margin: 1rem 0 0;
	border: 1px solid var(--main-foreground);
}
a.post-page-numbers {
	color: var(--main-background);
	background: var(--main-foreground);
	text-decoration: none;
}
a.post-page-numbers:hover {
	background: var(--main-primary);
	color: var(--main-background);
}
/*----------------------------------------------------------------------*/
/* Reset and normalize sections *
/*----------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, main,
nav, section, summary, div, table {
	display: block;
	box-sizing: border-box;
}
/*----------------------------------------------------------------------*/
/* Reset and normalize navigation */
/*----------------------------------------------------------------------*/
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
nav ul ul, nav ol ol {
	margin: 0;
}
/*----------------------------------------------------------------------*/
/* Media reset */
/*----------------------------------------------------------------------*/
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;
}
/*----------------------------------------------------------------------*/
/* 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;
}
/*----------------------------------------------------------------------*/
/* Italics and bolds */
/*----------------------------------------------------------------------*/
em, i {
	font-style: italic;
}
b, strong {
	font-weight: 600;
}
/*----------------------------------------------------------------------*/
/* Forms: reset and normalize */
/*----------------------------------------------------------------------*/
form {
	display: block;
	box-sizing: border-box;
}
fieldset {
	border: 1px solid var(--main-tertiary);
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
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;
}
/*----------------------------------------------------------------------*/
/* Main typographic resets */
/*----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	line-height: 100%;
	font-weight: 600;
}
pre {
	white-space: pre-wrap;
}
/*----------------------------------------------------------------------*/
/* Forms: theme specific */
/*----------------------------------------------------------------------*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border: none;
	padding: 0.75rem 1.25rem;
	color: var(--main-background);
	background: var(--main-secondary);
	font-weight: 600;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: var(--main-primary);
}
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.75rem 1rem;
	margin: 0.5rem 0;
	border: 1px solid var(--main-foreground);
}
/*----------------------------------------------------------------------*/
/* Styling for links */
/*----------------------------------------------------------------------*/
a {
	background: transparent;
	color: var(--main-foreground);
}
a:active,
a:hover {
	outline: 0;
	color: var(--main-quaternary);
}
/*----------------------------------------------------------------------*/
/* Top level divisions */
/*----------------------------------------------------------------------*/
.wrapper {
	width: 100%;
	max-width: 32rem;
	padding: 3rem 1rem;
	margin: auto;
	overflow: visible;
}
#mainContent {
	padding: 1.5rem 0;
	font-weight: 300;
}
/*----------------------------------------------------------------------*/
/* header elements */
/*----------------------------------------------------------------------*/
#headElements {
	display: flex;
}
.logoHolder {
	width: 20%;
	padding: 0 0 0 0;
}
a.logoLink {
	display: block;
	overflow: hidden;
}
a.logoLink:hover,
a.logoLink:focus {
	transform: scale(1.02);
	transition: .4s;
}
a.logoLink #cultPRlogo {
	fill: var(--main-foreground);
}
a.logoLink:hover #cultPRlogo {
	fill: var(--main-primary);
}
.menuHolder {
	width: 80%;
	padding: 0 0 0 2.5rem;
}
/*----------------------------------------------------------------------*/
/* Menu */
/*----------------------------------------------------------------------*/
#mainMenu {
	padding-top: 2.5rem;
}
.mainNav ul {
	display: block;
	float: right;
}
.mainNav li {
	display: block;
	float: left;
	padding-right: .75rem;
}
.mainNav ul li:last-child {
	padding-right: 0;
}
.mainNav li ul {
	position: absolute;
	left: -999rem;
}
.mainNav li:hover ul,
.mainNav:focus-within,
.mainNav ul li:focus-within > ul {
	left: auto;
}
.mainNav a {
	color: var(--main-foreground);
	text-decoration: none;
	display: block;
	padding-bottom: .05rem;
	font-weight: 600;
	border-bottom: 1px solid transparent;
}
.mainNav a:hover {
	color: var(--main-primary);
	border-bottom: 1px solid var(--main-primary);
}
/*----------------------------------------------------------------------*/
/* Archives */
/*----------------------------------------------------------------------*/
.ArchiveContainer {
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin: 1.5rem 0 0 0;
}
.ArchiveContainer:first-of-type {
	margin-top: 5rem;
}
.ArchiveContainer:last-of-type {
	margin-bottom: 5rem;
}
a.blockLink {
	width: 100%;
	display: flex;
	text-decoration: none;
	color: var(--main-foreground);
}
a.blockLink:hover,
a.blockLink:focus {
	transform: scale(1.02);
	transition: .4s;
}
a.blockLink:hover h2 {
	text-decoration: underline;
}
a.blockLink:hover img {
	box-shadow: .2rem .2rem .6rem var(--main-quaternary);
}
.pictureContainer {
	width: 30%;
}
.textTeaserContent {
	width: 70%;
	padding: 0 0 0 1.5rem;
}
.pictureContainer img {
	width: 100%;
	display: block;
}
/*----------------------------------------------------------------------*/
/* Footer elements */
/*----------------------------------------------------------------------*/
.footerArea {
	padding-top: 3rem;
}
.footerWidget a {
	color: var(--main-foreground);
	text-decoration: none;
}
.footerWidget a:hover {
	color: var(--main-primary);
	text-decoration: underline;
}
/*----------------------------------------------------------------------*/
/* Template variations */
/*----------------------------------------------------------------------*/
body[class*="colorschemeone"] {
	background: var(--secondary-background);
}
body[class*="colorschemetwo"] {
	background: var(--tertiary-background);
}
.centered {
	text-align: center;
}
/*----------------------------------------------------------------------*/
/* Mobile menu: desktop rules */
/*----------------------------------------------------------------------*/
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;
}
input#hamburger:focus ~ label#hamburgerHandler {
	outline: 2px solid var(--main-tertiary);
}
/*----------------------------------------------------------------------*/
/* Media queries */
/*----------------------------------------------------------------------*/
@media only screen and (min-width: 1800px) {
	html {
		font-size: 1.8rem;
	}
}
@media only screen and (min-width: 1700px) {
	html {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 1200px) {
	html {
		font-size: 1rem;
	}
}
@media only screen and (max-width: 960px) {
	.alignwide {
		max-width: 100%;
		margin-left: 0 !important;
	}
	#mainMenu {
		padding-top: 0;
	}
}
@media only screen and (max-width: 768px) {
	html {
		font-size: 1.2rem;
	}
	#headElements {
		flex-direction: column;
		align-items: center;
	}
	.logoHolder {
		width: 35%;
		margin-bottom: 1.5rem;
	}
	.menuHolder {
		padding: 0;
		width: 100%;
	}
	input#hamburger {
		visibility: visible;
	}
	label#hamburgerHandler {
		cursor: pointer;
		font-size: 2.3rem;
		line-height: 100%;
		display: block;
		text-align: center;
		position: relative;
		vertical-align: baseline;
		top: -0.5em;
	}
	#mainMenu {
		padding: 0;
	}
	.mainNav {
		max-height: 0;
		width: 100%;
		overflow: hidden;
	}
	.mainNav ul {
		width: 100%;
		border-top: 1px solid var(--main-foreground);
		padding: .5rem 0;
	}
	.mainNav li {
		width: 100%;
		padding: .5rem 0;
		text-align: center;
	}
	.mainNav li a {
		display: block;
		width: 100%;
		padding-bottom: 0;
		border-bottom: none;
	}
	.mainNav li a:hover {
		border-bottom: none;s
	}
	.mainNav:focus-within,
	input#hamburger:checked ~ nav.mainNav {
		max-height: 100%;
		overflow: visible;
	}
	#mainContent {
		padding: 0 0 1rem 0;
	}
}
@media only screen and (max-width: 600px) {
	
}