@charset "UTF-8";
/*
	Theme Name: kankerinbeeld
	Author: Eelco Deuling
	Author URI: https://manifestarotterdam.nl/
	Description: Een nieuw Theme voor Kanker in Beeld
	Version: 1.0
	Tested up to: 5.8.1
	Requires PHP: 7.3
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Copyright: 2021
	Tags: custom-header, editor-style, custom-menu, featured-images, translation-ready
	Text Domain: kankerinbeeld
	Domain Path: /lib/languages
*/
/*----------------------------------------------------------------------*/
/* Layout: root: colors */
/*----------------------------------------------------------------------*/
:root {
	--main-light-color: #fff;
	--main-text-color: #000;
	--main-kib-color: #6166AF;
	--main-kib-header: #ED1C24;
	--main-kib-alt: #8F1076;
	--main-kib-color-percentage: rgba(97,102,175,0.35);
	--main-kib-footer: rgb(51, 51, 51);
}
/*----------------------------------------------------------------------*/
/* Layout: webfonts */
/*----------------------------------------------------------------------*/
@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-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-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-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-SemiBold.woff2") format("woff2"),
		 url("lib/fonts/OpenSans-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("lib/fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"),
		 url("lib/fonts/OpenSans-SemiBoldItalic.woff") format("woff");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "FontAwesome";
	src: url("lib/fonts/FontAwesome.woff2") format("woff2"),
		 url("lib/fonts/FontAwesome.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	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: 150%;
	overflow: auto;
	background: var(--main-kib-footer);
	color: var(--main-text-color);
}
body {
	margin: 0;
}
/*----------------------------------------------------------------------*/
/* Core Wordpress logged-in wpadminbar layout fix */
/*----------------------------------------------------------------------*/
body.logged-in {
	margin-top: -32px;
}
/*----------------------------------------------------------------------*/
/* Core required Wordpress css */
/*----------------------------------------------------------------------*/
.wp-caption {
	max-width: 100%;
	font-size: 80%;
	line-height: 150%;
	color: var(--main-kib-header);
}
.alignright {
	float: right;
	margin: 0 0 0.5rem 1rem !important;
}
.alignleft {
	float: left;
	margin: 0 1rem 0.5rem 0 !important;
}
.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);
	margin-top: 0;
	margin-bottom: 0;
}
.wp-block-embed-youtube iframe,
.wp-block-embed-vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wp-block-image {
	margin: 0 0 0 0;
}
.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-buttons {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 600;
}
.wp-block-buttons > .wp-block-button.wp-block-button {
	margin-right: 0.5rem;
}
.is-vertically-aligned-top {
	margin-top: 0;
}
.is-vertically-aligned-bottom {
	margin-bottom: 0;
}
.wp-block-cover__gradient-background {
	mix-blend-mode: multiply;
}
.wp-block-table td,
.wp-block-table th {
	border: none;
}
/*----------------------------------------------------------------------*/
/* Core Wordpress posts, pages and navigation */
/*----------------------------------------------------------------------*/
.post-navigation,
.posts-navigation {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
}
.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: forms */
/*----------------------------------------------------------------------*/
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
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;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
/*----------------------------------------------------------------------*/
/* 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;
}
/*----------------------------------------------------------------------*/
/* 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-kib-alt);
	text-decoration: none;
}
a:active,
a:hover {
	outline: 0;
	color: var(--main-kib-header);
	text-decoration: underline;
}
/*----------------------------------------------------------------------*/
/* Typography: general: main typographic resets */
/*----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	line-height: 120%;
	margin: 1rem 0;
	font-weight: 600;
}
h1,
:is(article, aside, nav, section) h1 {
	font-size: 2rem;
	color: var(--main-kib-alt);
}
h2,
:is(article, aside, nav, section) h2 {
	font-size: 1.5rem;
	color: var(--main-kib-alt);
}
h3,
:is(article, aside, nav, section) h3 {
	font-size: 1.25rem;
	color: var(--main-kib-alt);
}
h4,
:is(article, aside, nav, section) h4 {
	font-size: 1rem;
	color: var(--main-kib-alt);
}
h5, h6,
:is(article, aside, nav, section) h5,
:is(article, aside, nav, section) h6 {
	font-size: 1rem;
	color: var(--main-text-color);
}
pre {
	white-space: pre-wrap;
}
hr {
	border: none;
	background: var(--main-kib-header);
	height: 1px;
}
/*----------------------------------------------------------------------*/
/* Typography: general: forms */
/*----------------------------------------------------------------------*/
form {
	display: block;
	padding: 1rem 2rem;
	margin: 1rem 0;
	float: left;
	clear: both;
	background: var(--main-kib-color-percentage);
	border: 1px solid var(--main-kib-color);
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="date"],
textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 0.5rem;
	margin: 0.5rem 0;
	border: 1px solid var(--main-kib-color);
}
select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	width: 100%;
	padding: 0.5rem;
	margin: 0.5rem 0;
	border: 1px solid var(--main-kib-color);
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 0.5rem 1rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 600;
	background: var(--main-kib-color);
	color: var(--main-light-color);
	border: 1px solid var(--main-kib-color);
	border-radius: 9999px;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: var(--main-kib-alt);
	border: 1px solid var(--main-kib-alt);
}
/*----------------------------------------------------------------------*/
/* Layout: top level divisions */
/*----------------------------------------------------------------------*/
.fullWidth {
	width: 100%;
	float: left;
	clear: both;
	background: var(--main-light-color);
}
.wrapperFirstWrap {
	width: 100%;
	max-width: 72rem;
	padding: 0 1rem 1rem 1rem;
	margin: auto;
	overflow: visible;
}
.wrapper {
	width: 100%;
	max-width: 72rem;
	padding: 1rem;
	margin: auto;
	overflow: visible;
}
.floatImg {
	display: block;
}
/*----------------------------------------------------------------------*/
/* Layout: top site and main navigation */
/*----------------------------------------------------------------------*/
.siteHead {
	height: 5.8rem;
}
.logoHolder {
	position: absolute;
	top: -0.6rem;
	width: 7rem;
	overflow: hidden;
	border: 0.6rem solid var(--main-light-color);
	z-index: 999;
}
.mainNav {
	width: 100%;
	padding: 0 0 0 9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 600;
	line-height: 1.2rem;
}
.mainNav ul {
	display: block;
	position: relative;
}
.mainNav li {
	display: block;
	float: left;
	margin-right: 1rem;
}
.mainNav li:last-of-type {
	margin-right: 0;
}
.mainNav li.menu-item-has-children::after {
	content: "\F107";
	font-family: "FontAwesome";
	font-weight: normal;
	display: inline-block;
	padding: 0.5rem 0;
}
.mainNav li li.menu-item-has-children::after {
	content: "";
	display: none;
	position: relative;
}
.mainNav li a,
.mainNav li.noCurrentStyle.current-menu-item a {
	color: var(--main-text-color);
	display: inline-block;
	padding: 0.5rem 0;
}
.mainNav li.current-menu-item a,
.mainNav li.noCurrentStyle.current-menu-item a:hover,
.mainNav li a:hover {
	color: var(--main-kib-color);
}
.mainNav li.current-menu-item li a {
	color: var(--main-light-color);
}
.mainNav li li.current-menu-item a {
	color: var(--main-light-color);
	text-decoration: underline;
}
.mainNav li li a,
.mainNav li li a:hover {
	color: var(--main-light-color);
}
.mainNav li ul {
	position: absolute;
	left: -999rem;
}
.mainNav li:hover ul,
.mainNav ul li:focus-within > ul {
	left: 0;
	background: var(--main-kib-color);
	z-index: 998;
	border-bottom: 0.6rem solid var(--main-light-color);
}
.mainNav li:hover ul::after,
.mainNav ul li:focus-within > ul::after {
	content: "";
	display: block;
	height: 100%;
	padding: 0 999rem;
	margin: 0 -99rem;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--main-kib-color);
	border-bottom: 0.6rem solid var(--main-light-color);
	z-index: -1;
}
.mainNav li.menu-item-has-children:hover::before {
	content: "";
	width: 0;
	height: 0;
	border-width: 0 0.5rem 0.9rem 0.5rem;
	border-color: transparent transparent var(--main-kib-color) transparent;
	border-style: solid;
	display: block;
	position: absolute;
	margin-top: 1.6rem;
	margin-left: 1.5rem;

}
.mainNav li:nth-child(n+7) {
	display: none;
}
/*----------------------------------------------------------------------*/
/* Layout: search form and helper classes */
/*----------------------------------------------------------------------*/
.formHolder {
	float: left;
}
.formHolder form.search-form {
	display: none;
}
.formHolder input[type="submit"] {
	display: none;
}
input#magnifier {
	display: none;
}
#magnifierHandler {
	font-family: "FontAwesome";
	display: block;
	line-height: 1.2rem;
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	cursor: pointer;
	color: var(--main-text-color);
}
#magnifierHandler:hover {
	color: var(--main-kib-color);
}
input#magnifier:checked ~ form.search-form {
	display: block;
	position: absolute;
	width: 100%;
	height: 8rem;
	box-sizing: border-box;
	background: var(--main-light-color);
	border-bottom: 1px solid var(--main-kib-color);
	top: -1rem;
	left: 0;
	padding: 2rem 15% 0 15%;
	z-index: 9999;
}
.formHolder input[type="search"] {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	border: 1px solid var(--main-kib-color);
	padding: 0.5rem 1rem;
}
/*----------------------------------------------------------------------*/
/* Layout: contribute widget  */
/*----------------------------------------------------------------------*/
span.contributeWidget {
	display: block;
	box-sizing: border-box;
	float: right;
	margin-top: -0.1rem;
}
span.contributeWidget:nth-of-type(n+2) {
	display: none;
}
.contributeWidget .wp-block-button__link {
	padding: 0.25rem 0.9rem;
}
/*----------------------------------------------------------------------*/
/* Layout: featured images */
/*----------------------------------------------------------------------*/
.wideFeaturedImage {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	height: 28rem;
	margin-left: calc(50% - 50vw);
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}
.wideFeaturedImage img {
	position:relative;   
    top: 50%;
    transform: translateY(-50%);
}
.wideFeaturedImage:empty {
	height: 0;
}
.wideFeaturedImage + h1{
	margin-top: 1.5rem;
}
/*----------------------------------------------------------------------*/
/* Layout: mobile menu: desktop view */
/*----------------------------------------------------------------------*/
input#hamburger {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
input#hamburger:focus {
	outline: 0px dotted transparent;
}
input#hamburger:focus ~ label#hamburgerHandler {
	outline: 2px auto;
}
label#hamburgerHandler {
	display: none;
}
/*----------------------------------------------------------------------*/
/* Layout: front page: cornerstone menu */
/*----------------------------------------------------------------------*/
.cornerstoneNav li {
	display: block;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	float: left;
	width: calc(25% - 0.5rem);
	height: 0;
	padding: 0 0 21.5% 0;
}
.cornerstoneNav li:nth-of-type(1) {
	margin: 0 0.5rem 0 0;
}
.cornerstoneNav li:nth-of-type(2),
.cornerstoneNav li:nth-of-type(3) {
	margin: 0 0.25rem;
}
.cornerstoneNav li:nth-of-type(4) {
	margin: 0 0 0 0.5rem;
}
.cornerstoneNav li a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url("lib/img/genericFrontpageMenu.png");
	background-size: cover;
}
.cornerstoneNav li a:hover {
	opacity: 0.8;
	transform: scale(1.02);
}
.cornerstoneNav li.zingen a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url("lib/img/zingenFrontpageMenu.png");
	background-size: cover;
}
.cornerstoneNav li.spelen a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url("lib/img/spelenFrontpageMenu.png");
	background-size: cover;
}
.cornerstoneNav li.beelden a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url("lib/img/beeldenFrontpageMenu.png");
	background-size: cover;
}
.cornerstoneNav li.schrijven a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url("lib/img/schrijvenFrontpageMenu.png");
	background-size: cover;
}
.cornerstoneNav li.dansen a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	color: transparent;
	background: url("lib/img/dansenFrontpageMenu.png");
	background-size: cover;
}
/*----------------------------------------------------------------------*/
/* Layout: front page: testimonials */
/*----------------------------------------------------------------------*/
#testimonialBlock {
	width: 100%;
	padding: 2rem 0;
	height: 8.5rem;
	color: var(--main-kib-alt);
	font-style: italic;
	font-size: 140%;
	line-height: 120%;
	text-align: center;
}
#testimonialBlock:empty {
	display: none;
}
.slideshow ul {
	display: block;
	box-sizing: border-box;
	width: 100%;
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}
.slideshow li {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	background: var(--main-light-color);
}
.slideshow li:before {
	content: "\201D";
}
.slideshow li:after {
	content: "\201D";
}
/*----------------------------------------------------------------------*/
/* Layout: front page: news items */
/*----------------------------------------------------------------------*/
.newsItemsSection {
	padding: 1rem 0 2.7rem 0;
	overflow: hidden;
}
.newsItemsSection h2 {
	text-align: center;
	margin: 2rem 0;
}
.frontpageNewsItem {
	width: 33.33%;
	float: left;
	color: var(--main-light-color);
	background: var(--main-kib-alt);
}
.frontpageNewsItem:first-of-type {
	border-right: 0.7rem solid var(--main-light-color);
}
.frontpageNewsItem:nth-of-type(2) {
	border-right: 0.35rem solid var(--main-light-color);
	border-left: 0.35rem solid var(--main-light-color);
}
.frontpageNewsItem:last-of-type {
	border-left: 0.7rem solid var(--main-light-color);
}
.imgHolder {
	max-height: 17rem;
	overflow: hidden;
}
.imgHolder img {
	display: block;
	width: 100%;
}
.frontpageNewsItem a {
	color: var(--main-light-color);
	text-decoration: none;
}
.newsItemContent {
	padding: 0.7rem 1rem 1rem 1rem;
	height: 9rem;
	overflow: hidden;
}
.newsItemContent p {
	margin: 0;
}
.titleCase {
	font-size: 115%;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 600;
}
a .titleCase:hover {
	text-decoration: underline;
}
/*----------------------------------------------------------------------*/
/* Layout: color variations  */
/*----------------------------------------------------------------------*/
.term-zingen-voor-je-leven h1.pageTitle,
.zingenVoorJeLeven h1.pageTitle,
.single-zingen h1.pageTitle,
.term-zingen-voor-je-leven h2,
.zingenVoorJeLeven h2,
.single-zingen h2,
.term-zingen-voor-je-leven h3,
.zingenVoorJeLeven h3,
.single-zingen h3,
.term-zingen-voor-je-leven h4,
.zingenVoorJeLeven h4,
.single-zingen h4,
.term-zingen-voor-je-leven a,
.zingenVoorJeLeven a,
.single-zingen a {
	color: #ED1C24;
}
.term-beelden-voor-je-leven h1.pageTitle,
.beeldenVoorJeLeven h1.pageTitle,
.single-beelden h1.pageTitle,
.term-beelden-voor-je-leven h2,
.beeldenVoorJeLeven h2,
.single-beelden h2,
.term-beelden-voor-je-leven h3,
.beeldenVoorJeLeven h3,
.single-beelden h3,
.term-beelden-voor-je-leven h4,
.beeldenVoorJeLeven h4,
.single-beelden h4,
.term-beelden-voor-je-leven a,
.beeldenVoorJeLeven a,
.single-beelden a {
	color: #C74B1A;
}
.term-schrijven-voor-je-leven h1.pageTitle,
.schrijvenVoorJeLeven h1.pageTitle,
.single-schrijven h1.pageTitle,
.term-schrijven-voor-je-leven h2,
.schrijvenVoorJeLeven h2,
.single-schrijven h2,
.term-schrijven-voor-je-leven h3,
.schrijvenVoorJeLeven h3,
.single-schrijven h3,
.term-schrijven-voor-je-leven h4,
.schrijvenVoorJeLeven h4,
.single-schrijven h4,
.term-schrijven-voor-je-leven a,
.schrijvenVoorJeLeven a,
.single-schrijven a {
	color: #F7931D;
}
.term-dansen-voor-je-leven h1.pageTitle,
.dansenVoorJeLeven h1.pageTitle,
.single-dansen h1.pageTitle,
.term-dansen-voor-je-leven h2,
.dansenVoorJeLeven h2,
.single-dansen h2,
.term-dansen-voor-je-leven h3,
.dansenVoorJeLeven h3,
.single-dansen h3,
.term-dansen-voor-je-leven h4,
.dansenVoorJeLeven h4,
.single-dansen h4,
.term-dansen-voor-je-leven a,
.dansenVoorJeLeven a,
.single-dansen a {
	color: #EE3C96;
}
.term-schrijven-voor-je-leven a:hover,
.schrijvenVoorJeLeven a:hover,
.single-schrijven a:hover,
.term-beelden-voor-je-leven a:hover,
.beeldenVoorJeLeven a:hover,
.single-beelden a:hover,
.term-zingen-voor-je-leven a:hover,
.zingenVoorJeLeven a:hover,
.single-zingen a:hover,
.term-dansen-voor-je-leven a:hover,
.dansenVoorJeLeven a:hover,
.single-dansen a:hover {
	color: var(--main-kib-header);
}
/*----------------------------------------------------------------------*/
/* Layout: archive and search pages */
/*----------------------------------------------------------------------*/
.introText {
	display: block;
	box-sizing: border-box;
	float: left;
	clear: both;
	width: 100%;
	padding: 0 20% 0 0;
	color: var(--main-kib-color);
}
.resultContainer {
	float: left;
	clear: both;
	width: 100%;
	padding: 2rem 0;
	border-bottom: 1px solid var(--main-kib-color);
}
.resultContainer:first-of-type {
	border-top: 1px solid var(--main-kib-color);
	margin-top: 1rem;
}
.resultContainer:last-of-type {
	margin-bottom: 3rem;
}
.leftColumn {
	float: left;
	clear: left;
	width: 30%;
	padding: 0 2rem 0 0;
}
.leftColumn img {
	display: block;
	width: 100%;
}
.rightColumn {
	float: right;
	clear: right;
	width: 70%;
	padding: 0 10% 0 0;
}
.rightColumn h2 {
	margin-top: 0;
}
nav.navigation {
	float: left;
	clear: both;
	padding: 0 0 3rem 0;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 600;
}
.more-link {
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 600;
}
/*----------------------------------------------------------------------*/
/* Layout: taxonomies */
/*----------------------------------------------------------------------*/
.taxLoop {
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 3rem;
}
/*----------------------------------------------------------------------*/
/* Layout: mollie form fixes */
/*----------------------------------------------------------------------*/
.donatieform p {
	margin: 0;
}
.donatieform br + br {
	display: none;
}
/*----------------------------------------------------------------------*/
/* Layout: form 7 fix */
/*----------------------------------------------------------------------*/
.wpcf7-list-item.first {
	margin: 0;
}
/*----------------------------------------------------------------------*/
/* Layout: comments */
/*----------------------------------------------------------------------*/
.comment-respond {
	width: 100%;
	overflow: hidden;
}
.comment-respond form {
	display: block;
	box-sizing: border-box;
	background: transparent;
	width: 100%;
	border: 1px solid var(--main-kib-alt);
}
ul.commentsList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.commentsList li {
	display: block;
	width: 100%;
	float: left;
	clear: both;
	padding: 1rem;
	margin: 1rem 0;
	color: var(--main-kib-alt);
	border: 1px solid var(--main-kib-alt);
}
.comment-author {
	font-size: 80%;
	margin-bottom: 1rem;
	opacity: 0.5;
	font-style: italic;
}
.comment-author img {
	display: none;
}
/*----------------------------------------------------------------------*/
/* Layout: footerNav */
/*----------------------------------------------------------------------*/
.footerNav {
	position: relative;
	padding: 1rem 0 3rem 0;
	background: var(--main-kib-footer);
	color: var(--main-light-color);
}
.footerNav .wrapper {
	overflow: hidden;
}
.footerNav h1,
.footerNav h2,
.footerNav h3,
.footerNav h4,
.footerNav h5,
.footerNav h6 {
	font-size: 1rem;
	line-height: 150%;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	color: var(--main-light-color);
}
.footerNav a {
	color: var(--main-light-color);
}
.footerWidget ul,
.footerWidget ol,
.footerWidget dl {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footerWidget {
	float: left;
	width: 16.66%;
	padding: 0 0.5rem 0 0;
	word-break: break-all;
}
.footerWidget:nth-of-type(6n-5) {
	clear: left;
}
.footerWidget:nth-of-type(6n) {
	clear: right;
	padding: 0 0 0 0;
}
/*----------------------------------------------------------------------*/
/* Layout: subscribeContainer */
/*----------------------------------------------------------------------*/
.subscribeContainer {
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	color: var(--main-light-color);
}
.subscribeContainer .wrapper {
	position: relative;
}
.flyout {
	position: relative;
	width: 100%;
	padding: 1rem 0 2rem 0;
	background: var(--main-kib-color);
	overflow: hidden;
}
.flyout h2 {
	color: var(--main-light-color);
	margin: 0;
}
.flyout p {
	margin: 0;
}
.flyoutWidget {
	width: 100%;
	overflow: hidden;
}
/*----------------------------------------------------------------------*/
/* Layout: subscribeContainer: MailChimp form and fallback form */
/*----------------------------------------------------------------------*/
.subscribeContainer form {
	background: transparent;
	border: none;
}
.subscribeContainer .yikes-easy-mc-form,
.subscribeContainer form {
	margin: 0 2px 0 0;
	padding: 1rem 0 0 0
}
.subscribeContainer .yikes-easy-mc-form input[type="email"],
.subscribeContainer .yikes-easy-mc-form input[type="number"],
.subscribeContainer .yikes-easy-mc-form input[type="password"],
.subscribeContainer .yikes-easy-mc-form input[type="text"],
.subscribeContainer .yikes-easy-mc-form input[type="url"],
.subscribeContainer .yikes-easy-mc-form select,
.subscribeContainer .yikes-easy-mc-form textarea,
.subscribeContainer input[type="email"],
.subscribeContainer input[type="number"],
.subscribeContainer input[type="password"],
.subscribeContainer input[type="text"],
.subscribeContainer input[type="url"],
.subscribeContainer select,
.subscribeContainer textarea {
	padding: 0.5rem 1rem;
	width: 99%;
	background: var(--main-kib-color);
	border: 1px solid var(--main-light-color);
	border-radius: 2rem;
	color: var(--main-light-color);
}
.subscribeContainer .yikes-easy-mc-form input[type="email"]:focus,
.subscribeContainer .yikes-easy-mc-form input[type="number"]:focus,
.subscribeContainer .yikes-easy-mc-form input[type="text"]:focus,
.subscribeContainer .yikes-easy-mc-form input[type="url"]:focus,
.subscribeContainer .yikes-easy-mc-form select:focus {
	outline: none !important;
}
.subscribeContainer .yikes-easy-mc-form .yikes-easy-mc-submit-button,
.subscribeContainer input[type="submit"] {
	width: auto;
	margin-top: .5rem;
	min-height: 1rem;
	padding: 0.5rem 2rem;
	background: var(--main-light-color);
	border-radius: 2rem;
	color: var(--main-kib-footer);
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 600;
	border: 1px solid var(--main-light-color);
}
.subscribeContainer .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover,
.subscribeContainer input[type="submit"]:hover {
	background: var(--main-kib-footer);
	color: var(--main-light-color);
}
.subscribeContainer *::placeholder {
	color: var(--main-light-color);
	opacity: 1;
}
.subscribeContainer a {
	color: var(--main-light-color);
}
/*----------------------------------------------------------------------*/
/* Layout: mobile menu: media queries */
/*----------------------------------------------------------------------*/
@media only screen and (min-width: 2000px) {
	.wrapperFirstWrap,
	.wrapper {
		max-width: 80rem;
	}
}
@media only screen and (max-width: 1300px) {
	.wideFeaturedImage {
		max-height: 26rem;
	}
}
@media only screen and (max-width: 1200px) {
	.wideFeaturedImage {
		max-height: 24rem;
	}
}
@media only screen and (max-width: 1150px) {
	html {
		font-size: 0.8rem;
	}
}
@media only screen and (max-width: 920px) {
	.wideFeaturedImage {
		max-height: 22rem;
	}
}
@media only screen and (max-width: 860px) {
	.wideFeaturedImage {
		max-height: 20rem;
	}
	.contributeWidget {
		margin-right: -4rem;
	}
}
@media only screen and (max-width: 768px) {
	.wideFeaturedImage {
		max-height: 18rem;
	}
	.contributeWidget {
		position: absolute;
		top: 1rem;
		right: 1rem;
		margin-right: -1rem;
	}
	.siteHead {
		height: auto;
		overflow: hidden;
	}
	.siteHead .wrapper {
		padding: 1rem 1rem 0 1rem;
	}
	.logoHolder {
		position: static;
		width: 4rem;
		padding: 0%;
		margin: -1rem 0 -1rem -1rem;
		float: left;
		clear: both;
		border: none;
	}
	input#magnifier:checked ~ form.search-form {
		height: 9rem;
	}
	#magnifierHandler {
		position: absolute;
		top: 1rem;
		left: 5rem;
		font-size: 250%;
		color: var(--main-kib-color);
	}
	label#hamburgerHandler {
		cursor: pointer;
		color: var(--main-kib-color);
		background: var(--main-light-color);
		font-size: 250%;
		line-height: 100%;
		display: block;
		float: left;
		clear: both;
		width: calc(100% + 2rem);
		margin: 1rem -1rem 0 -1rem;
		padding: 0.5rem 1rem;
		border-bottom: 5px solid var(--main-light-color);
	}
	.mainNav {
		max-height: 0;
		padding: 0;
		width: 100%;
		overflow: hidden;
	}
	.mainNav li {
		width: 100%;
		margin: 0;
	}
	.mainNav li li.current-menu-item a {
		color: var(--main-kib-color);
	}
	.mainNav li:hover ul {
		position: relative;
		display: block;
		width: 100%;
		float: left;
		clear: both;
		overflow: hidden;
		margin: 0;
		padding: 0;
		border: none;
	}
	.mainNav ul li:focus-within > ul::after {
		display: none;
	}
	.mainNav li:hover ul::after,
	.mainNav li.menu-item-has-children:hover::before {
		display: none;
	}
	.mainNav li li {
		display: block;
		width: 100%;
		clear: both;
		background: var(--main-light-color);
	}
	.mainNav li li a::before {
		content: "- ";
	}
	.mainNav li.current-menu-item li a,
	.mainNav li li a,
	.mainNav li li a:hover {
		color: var(--main-text-color);
		display: block;
	}
	input#hamburger:checked ~ nav.mainNav,
	.mainNav:focus-within {
		max-height: 100%;
		padding: 1rem 0;
	}
	.frontpageNewsItem,
	.frontpageNewsItem:first-of-type,
	.frontpageNewsItem:nth-of-type(2),
	.frontpageNewsItem:last-of-type {
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 1rem 0;
		border: none;
	}
	.newsItemContent {
		height: auto;
	}
	.imgHolder {
		width: 100%;
		max-height: 100%;
		padding: 0 0 0.5rem 0;
	}
	.imgHolder img {
		width: 100%;
	}
	.footerWidget {
		width: 50%;
	}
	.footerWidget:nth-of-type(odd) {
		float: left;
		clear: left;
	}
	.footerWidget:nth-of-type(even) {
		float: right;
		clear: right;
	}
	.introText {
		padding: 0;
	}
}
@media only screen and (max-width: 690px) {
	.wideFeaturedImage {
		max-height: 16rem;
	}
	#testimonialBlock {
		font-size: 100%;
	}
}
@media only screen and (max-width: 620px) {
	.wideFeaturedImage {
		max-height: 13rem;
	}
	.rightColumn {
		padding: 0 0 0 0;
	}
}
@media only screen and (max-width: 500px) {
	.wideFeaturedImage {
		max-height: 12rem;
	}
	#testimonialBlock {
		font-size: 125%;
	}
	.resultContainer {
		padding: 1rem 0;
	}
	.leftColumn {
		width: 100%;
		clear: both;
		padding: 0 0 1rem 0;
	}
	.rightColumn {
		width: 100%;
		clear: both;
	}
	.footerWidget {
		width: 100%;
	}
	.cornerstoneNav li {
		width: calc(50% - 0.5rem);
		padding: 0 0 45% 0;
	}
	.cornerstoneNav li:nth-of-type(1) {
	margin: 0 0.5rem 1rem 0;
	}
	.cornerstoneNav li:nth-of-type(2),
	.cornerstoneNav li:nth-of-type(3) {
		margin: 0 0 1rem 0;
	}
	.cornerstoneNav li:nth-of-type(4) {
		margin: 0 0 1rem 0.5rem;
	}
	h2.pointerClass {
		position: relative;
		display: block;
		cursor: pointer;
		padding: 1rem 0;
		margin-bottom: 1rem;
		border-bottom: 1px solid var(--main-light-color);
	}
	h2.pointerClass::after {
		content: "\F107";
		font-family: "FontAwesome";
		font-weight: normal;
		display: block;
		position: absolute;
		right: 0;
		bottom: 1rem;
	}
	ul.listClass {
		display: block;
		overflow: hidden;
		border-bottom: 1px solid var(--main-light-color);
	}
	ul.listClass li:last-of-type {
		padding-bottom: 1rem;
	}
	.footerNav li {
		margin: 0 0 0.5rem 0;
	}
	.logoHolder {
		margin: -1rem 0 1rem -1rem;
	}
	#magnifierHandler {
		top: 1.65rem;
		left: unset;
		right: 5rem;
	}
	label#hamburgerHandler {
		float: right;
		clear: right;
		width: auto;
		margin: 0;
		padding: 0;
		font-size: 350%;
		line-height: 90%;
	}
	.contributeWidget {
		position: static;
		width: 100%;
		padding: 0;
		margin: 0;
		float: left;
		clear: both;
	}
	.contributeWidget .wp-block-buttons {
		display: block;
		width: 100%;
		margin: 0.5rem 0;
	}
	.contributeWidget .wp-block-buttons>.wp-block-button {
		margin: 0.5rem 0;
		width: 100%;
	}
	.contributeWidget .wp-block-button__link {
		display: block;
		padding: 0.85rem;
	}
	.contributeWidget .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
		font-size: 1.25rem;
	}
	.mainNav,
	.footerNav,
	#mainContent {
		font-size: 1.25rem;
		line-height: 150%;
	}
	.footerNav h1,
	.footerNav h2,
	.footerNav h3,
	.footerNav h4,
	.footerNav h5,
	.footerNav h6 {
		font-size: 1.25rem;
		line-height: 150%;
	}
	.mainNav li {
		padding: 0.35rem 0;
		border-bottom: 1px solid var(--main-kib-footer);
	}
	.mainNav li:last-child {
		padding: 0.35rem 0 0 0;
		border-bottom: none;
	}
	.mainNav li:hover ul {
		border-top: 1px solid var(--main-kib-footer);
	}
	.mainNav li li {
		padding: 0;
		border-bottom: none;
	}
}
@media only screen and (max-width: 480px) {
	.wideFeaturedImage {
		max-height: 10rem;
	}
}
@media only screen and (max-width: 420px) {
	.wideFeaturedImage {
		max-height: 8rem;
	}
}
@media only screen and (max-width: 320px) {
	.wideFeaturedImage {
		max-height: 5rem;
	}
}
@media only screen and (max-width: 200px) {
	.wideFeaturedImage {
		display: none;
	}
}