/*
Theme Name:     MvW
Theme URI:      https://www.marijkevanwarmerdam.com
Author:         MvW
Author URI:     https://www.marijkevanwarmerdam.com
Description:    Theme for Marijke van Warmerdam
Version:        1.0
Text Domain:  	mvw
*/

html { /* Always show browser scrollbar to prevent page jumping */
  overflow-y: scroll;
	-webkit-text-size-adjust: none;
  	text-size-adjust: none;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
}

body {
	margin: 0;
	color: #777;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0.015em;
	background: #fff;
}

/* Sticky footer
----------------------*/
html,
body {
	height: 100%;
	min-height: 100%;
}
/*--------------------*/

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}


/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	position: absolute; 
	width: 1px; 
	height: 1px; 
	margin: -1px; 
	padding: 0; 
	border: 0; 
	overflow: hidden; 
	clip-path: circle(0); 
	white-space: nowrap;
}

.screen-reader-text:focus {
	position: relative;
	display: inline;
	background-color: #f1f1f1;
	clip-path: none;
	color: #666;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	margin: 0;
	left: 5px;
	line-height: normal;
	overflow: initial;
	padding: 15px 23px 14px;
	text-decoration: none;
	white-space: initial;
	top: 5px;
	z-index: 100000; /* Above WP toolbar. */
}

.page-numbers:has(.screen-reader-text:focus) {
	padding: 0;
	background-color: #FFF;
	font-size: 0;
	border-radius: 0;
	transition: none;
}

.search-submit .screen-reader-text:focus {
	padding: 5px 25px 5px 25px;
	top: 0;
	left: 0;
}

.search-submit:has(.screen-reader-text:focus) {
	padding: 0;
  	background-image: none;
  	background-color: #FFF;
}

.page-numbers:has(.screen-reader-text:focus):hover,
.search-submit:has(.screen-reader-text:focus):hover {
	background-color: #FFF;
}

.screen-reader-text:focus:hover {
	color: #000;
}


/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after {
	clear: both;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

[hidden] {
	display: none;
}


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	font-size: 15px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.5;
	margin: 0 0 0.75em;
	padding: 1.5em 0 0;
	color: #777;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 15px;
	font-weight: 600;
}

.entry-content h1,
.entry-content h2,
.post-excerpt h1,
.post-excerpt h2 {
	clear: none;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

h3 {
	color: #333;
	font-size: 14px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	font-size: 12px;
	font-weight: 300;
}

h5 {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	font-size: 10px;
	font-weight: 300;
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
}

b, strong {
    font-weight: 600;
    color: #777;
}

.site-content {
    padding: 3em 0 50px 0;
}

#page,
.site-content-contain {
	min-height: 100%;
}

.site-content-contain {
	padding-top: 125px;
	position: relative;
}


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a,
a:visited,
a:active,
a:focus {
	color: #777;
	text-decoration: none;
}

a:hover {
	color: #333;
	outline: none;
	box-shadow: none;
}

.related-exhibitions a:hover {
	color: #777;
	text-decoration: underline;
}

a,
a img,
a video,
a span.play {
	cursor: pointer;
}

.page a {
	text-decoration: underline;
}

.site-info a {
	text-decoration: none;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
	position: relative;
}

.site-header {
	width: 100%;
	position: fixed;
	z-index: 10;
	background: #fff;
	box-shadow: 0 8px 0 0 #fff;
}

.site-header .menu-scroll-down {
	padding: 0.5em;
}

/* Site branding */
body:not(.home) .site-branding {
	padding: 1em 0;
}

.site-branding {
	padding: 1em 0;
	position: relative;
	 -webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
}

.site-branding a {
	text-decoration: none;
	/*-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;*/
	 -webkit-transition: color 0.1s;
	transition: color 0.1s;
}

.site-branding a:hover,
.site-branding a:focus {
	/*opacity: 0.7;*/
	color: #b6b6b6;
}

.site-title {
	clear: none;
	font-size: 42px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.05em;
	margin: 0;
	padding: 0;
	text-transform: initial;
}

.site-title,
.site-title a {
	/*color: #777;*/
	color: #c5c5c5;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

label.toggle,
[id^=drop] {
	display: none;
}

.navigation-top {
	background: #fff;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	position: relative;
	font-weight: normal;
  	line-height: normal;
  	color: #777;
}

.main-navigation {
	clear: both;
	display: block;
	margin-left: -1em;
  	width: auto;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	background: transparent;
}

.main-navigation ul li {
	border: 0;
	float: left;
}

.main-navigation ul li:hover,
.main-navigation ul li a:hover,
.main-navigation ul li a span:hover {
	cursor: pointer;
}

.main-navigation a {
	display: block;
	padding: 11px 0.94em;
	text-decoration: none;
}

.wrap,
.footerwrap {
	max-width: 1024px;
	padding-left: 2em;
	padding-right: 2em;
	margin-left: auto;
	margin-right: auto;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

.main-navigation .current-menu-item > a:not(.search-icon-link),
.main-navigation .current-menu-parent > a:not(.search-icon-link),
.main-navigation .menu-item a:not(.search-icon-link):hover {
	box-shadow: 0 13px 0 -12px #777;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-parent > a,
.main-navigation .menu-item a:hover {
	color: #333;
}

/* when NO static "Front page" is set.*/
/*
body.home .main-navigation li:first-child > a span,
.main-navigation .current-menu-item > a span,
.main-navigation .current-menu-parent > a span,
.main-navigation .menu-item a:hover span {
	line-height: normal;
  	padding-bottom: 11.4px;
  	border-bottom: 1px solid #767676;
}
*/

/* Single page prev/next buttons for categories */
.nav-subtitle > .nav-title-icon-wrapper {
	position: relative;
	text-align: center;
	width: 2em;
	bottom: 0;
	font-size: initial;
	font-size: initial;
	letter-spacing: initial;
	margin-bottom: initial;
	text-transform: initial;
}

.nav-previous .nav-subtitle > .nav-title-icon-wrapper {
	padding-right: 1em;
}

.nav-next .nav-subtitle > .nav-title-icon-wrapper {
	padding-left: 1em;
}

.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.post-navigation .nav-next {
    margin-top: initial;
}

/* Mobile menu
---------------*/

/* "Hamburger" button
----------------------*/

.menu-toggle {
	display: none;
	width: 100%;
	border: 0;
	color: #777;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 0.5rem;
	letter-spacing: 0.08em;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	 -webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 1.6em;
	right: -0.5em;
	line-height: 0;
	margin: 0 auto;
	padding: 0.3em 0.8em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	  -ms-transform: rotate(-180deg); /* IE 9 */
	 -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

.menu-toggle,
.dropdown-toggle {
	display: none;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

.menu-toggle {
	display: none;
	width: 100%;
	border: 0;
	color: #777;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 0.5rem;
	letter-spacing: 0.08em;
	text-shadow: none;
	 -webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}


/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="search"] {
	color: #666;
	border: 1px solid #bbb;
	 -webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	width: 100%;
}

input[type="text"]:focus,
input[type="search"]:focus {
	border-color: #666;
	outline: none;
}


button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	 -webkit-transition: background 0.2s;
	transition: background 0.1s;
}


button:hover:not( .mejs-container > button ),
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

.main-navigation li.mvw-search-icon a {
	display: block;
	background-image: url(../images/icons/icon-search-black.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.6;
	margin-top: 0;
}


.main-navigation .mvw-search-icon a span {
    padding: 0 0.8em;
}

/*
.main-navigation .mvw-search-icon.current-menu-item a span,
.main-navigation .mvw-search-icon a:hover span,
/*  new search menu item
.page-template-searchpage .main-navigation .mvw-search-icon a:hover span {
    padding-bottom: 13px;
}
*/

/*  new search menu item
.page-template-searchpage .main-navigation .mvw-search-icon a span {
    padding-bottom: 13px;
    line-height: normal;
    border-bottom: 1px solid #767676;
}
*/

/*  new search menu item */
li.mvw-nav-menu-search a.search-icon-link span {
	font-size: 0;
}

.main-navigation .mvw-search-icon a:hover {
    opacity: 0.8;
}

.page-template-searchpage .main-navigation a.search-icon-link {
	opacity: 0.9;
}

.search-form {
	position: relative;
	width: 75%;
}

li.mvw-nav-menu-search .search-form {
	display: none;
}

/*
.search-form .search-submit {
	position: absolute;
	bottom: 3px;
	right: 3px;
	top: 3px;
	padding: 0.5em 0.6em;
}


.search-form .search-submit .icon {
	height: 18px;
	width: 18px;
	top: -0.4em;
}
*/

.search-form .search-submit {
	position: absolute;
	bottom: 3px;
	right: 3px;
	top: 3px;
	padding: 0.5em 1.2em;
	background-image: url(../images/icons/icon-search-white.png);
	background-color: #666;
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: center center;
	line-height: normal;
}

.search-form .search-submit:hover {
	background-image: url(../images/icons/icon-search-white.png);
	background-color: #000;
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: center center;
}

.search-form input[type="search"] {
    padding: 0.4em;
}

.search-form input::placeholder {
	opacity:  0.4;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    color:    #888;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
   	color:    #222;
   	opacity:  0.4;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
   	color:    #222;
   	opacity:  0.4;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
   	color:    #888;
}
::-ms-input-placeholder { /* Microsoft Edge */
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
   	color:    #888;
}


/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}



/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

body.page .entry-content table {
	width: 100%;
	margin: 0 0 1.5em;
	border-collapse: collapse;
}

body.page .entry-content thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

body.page .entry-content tr {
	border: 0;
}

body.page .entry-content td,
body.page .entry-content th {
	vertical-align: top;
	padding: 0;
	border: 0;
}

body.page .entry-content th {
	font-weight: 600;
	color: #777;
	text-align: left;
	padding-bottom: 0.5em;
}

body.page .entry-content tr td:first-child {
	width: 106px;
}


/*--------------------------------------------------------------
Category view
--------------------------------------------------------------*/

.page .panel-content .entry-title,
.page-title,
div.page-title,
body.page:not(.mvw-front-page) .entry-title {
	margin-bottom: 3.6em;
	line-height: 1.4;
  	color: #777;
  	font-size: 15px;
  	font-weight: 800;
  	letter-spacing: 0.14em;
  	text-transform: uppercase;
}

.category-title {
	clear: both;
	margin-bottom: 3.6em;
	line-height: 1.4;
  	color: #777;
  	font-size: 15px;
  	font-weight: 800;
  	letter-spacing: 0.14em;
  	text-transform: uppercase;
}

.single-post .entry-content p:first-child {
	margin-bottom: 25px;
}

.single-post.exhibition-views .category-title {
	margin-bottom: 3.2em;
}

/*
.entry-content a:hover {
	 -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
}

.entry-content a {
	 -webkit-box-shadow: inset 0 -1px 0 rgba(119, 119, 119, 1);
	box-shadow: inset 0 -1px 0 rgba(119, 119, 119, 1);
}
*/

.paged-number {
	font-size: 1em;
	font-weight: initial;
	vertical-align: initial;
/*
	letter-spacing: initial;
	text-transform: initial;
*/
}

.paged-number.no-transform {
	text-transform: none;
}

a.cat-list {
	margin-bottom: 3em;
	line-height: 0;
	/** Flex properties **/
	display: flex;
	align-items: start;
	/** ----------------**/
}

/* compensate for the fixed header when coming from another page
span.compensate {
	display: block;
	height: 150px;
	margin-top: -150px;
	visibility: hidden;
}
*/

/* use this when the extra <span>'s are not used...
a:target:before { /* compensate for the fixed header when coming from another page
	content: "";
	display: block;
	height: 160px; /* fixed header height
	margin: -160px 0 0; /* negative fixed header height
	visibility: hidden;
  	pointer-events: none;
}
*/

.post-thumbnail img{
	/*max-width: 200px;*/
	  -webkit-transition: all 0.1s linear;
     -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a.cat-list:hover .post-thumbnail img {
  /*opacity: 0.90;*/
  transform: scale(1.03);
}

/*
a.cat-list:hover .post-thumbnail img {
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5);
 -moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5);
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5);
}
*/

a.cat-list:hover .post-excerpt,
a.cat-list:hover .post-excerpt strong,
a.cat-list:hover .post-excerpt h1,
a.cat-list:hover .post-excerpt h2 {
	color: #333;
}

.post-thumbnail {
	margin: 0 25px 0 0;
	position: relative;
	width: 200px;
	overflow: hidden;
	/** Flex properties **/
	flex-shrink: 0;
	/** ----------------**/
}

.post-excerpt,
.post-content {
	line-height: 1.5;
	color: #777;
}

a.cat-list .post-excerpt:only-of-type {
	width: 90%;
}

.search-results a.cat-list .post-excerpt:only-of-type {
	width: 90%;
}

.search-results a.cat-list .post-excerpt:only-of-type h1 {
	margin-bottom: 1em;
}

a.cat-list .post-excerpt,
a.cat-list:hover .post-excerpt strong {
	width: 75%;
	  -webkit-transition: all 0.1s linear;
     -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a.cat-list .post-excerpt p {
	margin: 0 0 0 0;
}

/*
body.category .post-excerpt strong,
body.single .post-excerpt strong,
body.category .post-content strong,
body.single .post-content strong {
margin-top: -5px;
display: block;
margin-bottom: -22px;
}
*/

/*
body.category .post-excerpt h5,
body.single .post-excerpt h5,
body.category .post-content h5,
body.single .post-content h5 {
	clear: none;
	font-size: 15px;
	color: #222;
	margin: 0;
	padding: 0;
	text-transform: initial;
}
*/

body:not(.mvw-front-page) .entry-header {
    padding-bottom: 0;
}

.entry-header .entry-title {
	margin-bottom: 0.25em;
}

.entry-header > h2.entry-title {
	font-size: 1.2em;
	font-weight: normal;
}

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-header > h2.entry-title a {
    margin-left: 0;
}


/*--------------------------------------------------------------
13.4 Posts and pagination
--------------------------------------------------------------*/
h1.hidden {
	visibility: hidden;
	width: 0;
	height: 0;
	border-top: 0;
	font-size: 0;
	padding: 0;
}

.navigation.pagination {
	width: 100%;
	clear: both;
}

.pagination {
	border-top: 1px solid #eee;
	font-weight: 800;
	padding: 1em;
	text-align: center;
}

.pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.pagination a:not(.prev):not(.next):hover {
	border-bottom: 1px solid #000;
}

.page-numbers:not(.prev),
.page-numbers:not(.next) {
	padding: 0.4em 0.7em;
	font-size: 1.2em;
}

.page-numbers.current {
	display: inline-block;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	 -webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	 -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

.prev.page-numbers:focus .icon,
.prev.page-numbers:hover .icon,
.next.page-numbers:focus .icon,
.next.page-numbers:hover .icon {
  color: #fff;
  fill: #fff;
}

.page-numbers,
.page-numbers:visited {
  color: #aaa;
}

.page-numbers.current {
  color: #666;
}

.page-numbers:not(.current):focus,
.page-numbers:not(.current):hover {
  color: #000;
}

.post-navigation .nav-subtitle:hover {
  color: #000;
}

.post-navigation .nav-subtitle:hover .icon {
  color: #000;
  fill: #000;
}

/* Blog landing, search, archives
.blog .site-main article,
.archive .site-main article,
.search .site-main article {
	padding-bottom: 2em;
}
*/

body:not(.mvw-front-page) .entry-header,
body:not(.mvw-front-page) .entry-content,
body:not(.mvw-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.mvw-front-page) .entry-header {
	padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
}

/* More tag */
.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.mvw-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
	margin: 0 0 1.5em;
	clear: both;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}

.search .site-main > article {
		padding-bottom: 1em;
}

/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}


/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

#page {
	position: relative;
    word-wrap: normal;
}

.page-header {
	padding-bottom: 2em;
}

.page:not(.home) #content {
	padding-bottom: 3.25em;
}

/* 404 page */
.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*--------------------------------------------------------------
13.5.1 Biography
--------------------------------------------------------------*/
/*
body.page .entry-content p:not(:nth-last-child(3), :first-child)::first-line,
body.page .entry-content p > strong::first-line,
body.page .entry-content tr td:first-child::first-line {
	color: #444;
}
*/

body.page-biography .entry-content p strong {
	display: block;
  	margin-bottom: -1em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
#sticky-footer-wrap {
	overflow:auto;
 	padding-bottom: 75px; /* must be same height as the footer */
}

.site-footer .footerwrap {
	padding-bottom: 1em;
	padding-top: 1em;
}

.site-footer {
	position: relative;
	margin-top: -75px;
	font-size: 14px;
	line-height: 1.6;
	border-top: 1px solid #eee;
	clear: both;
}

/* Site info */
.site-info {
	float: left;
	width: 58%;
	font-size: 14px;
	margin-bottom: 1em;
	padding: 0.7em 0 0;
}

.site-info .copyright {
	font-size: 1.2em;
	position: relative;
	left: 2px;
}


/*--------------------------------------------------------------
Related topics
--------------------------------------------------------------*/

#content-widget-area {
	margin-top: 50px;
}

.ccw-widget {
	margin-top: 50px;
}

.ccw-title {
	font-size: 1em;
	color: #555;
	font-weight: normal;
	margin-bottom: 8px;
}

.ccw-widget ul {
	list-style: none;
	list-style-position: inside;
	font-style: italic;
	padding: 0;
	margin: 0;
}

.ccw-widget ul li:before {
	content: "- ";
  color: #777;
}


#content-widget-area ul li a {
	color: #777;
	font-weight: normal;
}

/*
.wov-list {
	min-height: 100px;
	max-height: 500px;
	-moz-column-fill: auto;
       column-fill: auto;
	-webkit-columns: 300px 3; /* Chrome, Safari, Opera
		-moz-columns: 300px 3; /* Firefox
			columns: 300px 3;
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera
		-moz-column-gap: 30px; /* Firefox
			column-gap: 30px;
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.wov-list li {
	page-break-inside: avoid;
}
*/

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	/* height: auto;  Make sure images are scaled correctly. */
	/*max-width: 100%;  Adhere to container width. */
}

/** Always show HTML5 video controls...sort of
video::-webkit-media-controls-panel {
   display: flex !important;
   opacity: 1 !important;
}
*/

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

/* Media Elements */
.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* SVG Icons base styles */
.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}


/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.mvw-customizer.mvw-front-page .mvw-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.mvw-customizer.mvw-front-page .mvw-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.mvw-customizer.mvw-front-page .mvw-panel .mvw-panel-title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.mvw-customizer.mvw-front-page .mvw-panel:nth-of-type(1):after {
	border: none;
}

.mvw-front-page.mvw-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.mvw-panel > .customize-partial-edit-shortcut > button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.mvw-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}


/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	 -ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	  -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	 -ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */
.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/*--------------------------------------------------------------
No lightbox JS (Fresco)
--------------------------------------------------------------*/
.gallery .gallery-item {
	margin: 0 2.7em 1em 0;
}

.gallery .gallery-item {
	display: inline-block;
}

.gallery .gallery-item a {
	box-shadow: initial;
}

.gallery .gallery-item .gallery-icon + figcaption {
	display: none;
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/

@media screen and (max-width: 588px) {

	.site-content-contain {
    	padding-top: 175px;
	}
	
	/** Table on "Selective biography"**/
/**
	table {
		border-collapse: collapse;
		margin-top: 22px;
	}

	table tr,
	table td {
		display: block;
	}

	table tr td {
		margin-bottom: 4px;
	}

	table tr td {
		width: 98%;
	}

	body.page-biography .entry-content tr td:first-child {
		padding: 5px 0 0 5px;
		font-style: italic;
		width: 25%;
		min-width: 115px;
		border-bottom: 1px solid #ccc;
		background: #f9f9f9;
	}

	body.page-biography .entry-content td:nth-child(2) {
		width: 98%;
		margin-bottom: 10px;
		padding: 0px 5px 2px 7px;
	}

	body.page-biography .entry-content th {
		position: relative;
		display: block;
		width: 98%;
		padding: 5px 0 5px 5px;
		margin: 20px 0 10px 0;
		border-bottom: 1px solid #ccc;
		background: #f9f9f9;
	}

	td:not(:only-child):nth-child(1) {
		font-style: italic;
		width: 25%;
		min-width: 115px;
		border-bottom: 1px solid #ccc;
		background: #f9f9f9;
	}
**/
}

@media screen and (max-width: 497px) {

	/** Flex properties **/
	a.cat-list {
		display: block;
	}

	a.cat-list .post-thumbnail,
	a.cat-list .post-excerpt {
		float: none;
		width: 100%;
	}

	.post-thumbnail {
		margin: 0 0 5px 0;
	}

	.post-thumbnail img {
		width: 100%;
		height: auto;
	}
	/** ----------------**/

}

@media screen and (max-width: 305px) {

	.site-title {
    	font-size: 32px;
    	font-size: 12vw;
	}

	.site-header {
		position: relative;
	}

	.site-content-contain {
    	padding-top: 0;
	}

	.post-thumbnail {
    	width: 100%;
	}

}

@media screen and (max-width: 62.8em) {

/***** MENU fixed on top and background #F9F9F9 *****
	.navigation-top {
		position: fixed;
		top: 0;
  		left: 0;
  		width: 100%;
  		background-color: #f9f9f9;
  	}
******/
	
	.main-navigation {
		clear: both;
		margin-left: 0;
		width: 100%;
	}

	.main-navigation ul {
		padding: 0 0 0.75em 0;
		border-top: 1px solid #eee;
		display: none;
	}

	.main-navigation ul li {
		border-bottom: 1px solid #eee;
		position: relative;
		float: none;
	}

	.main-navigation ul li:last-child {
		border-bottom: 0;
	}

	.main-navigation a {
		font-size: 16px;
		font-size: 1rem;
		padding: 0.7em 0.3em;
	}

	.navigation-top .wrap label.toggle:hover {
		cursor: pointer;
	}

	.main-navigation .current-menu-item > a:not(.search-icon-link),
	.main-navigation .current-menu-parent > a:not(.search-icon-link),
	.main-navigation .menu-item a:not(.search-icon-link):hover {
  	 -webkit-box-shadow: none;
  	box-shadow: none;
	}

	[id^=drop]:checked + .menu-hoofdmenu-container ul#top-menu,
	/* for MvW new search menu (=menu-mvw-new-search-menu-container) */
	[id^=drop]:checked + .menu-mvw-new-search-menu-container ul#top-menu {
		display: block;
	}

	label.toggle {
		display: block;
		position: relative;
		font-size: 22px;
		font-weight: 500;
		width: auto;
		padding: 6px 0 6px;
		margin: 0;
		color: #777;
		text-decoration:none;
		text-align: center;
		line-height: normal;
	}

	label.toggle span {
		display: inline;
		text-decoration:none;
		border:none;
	}

	label.toggle span.responsivelabel {
		position: relative;
	}

	label.toggle span.bars {
		position: absolute;
		top: -4px;
		left: -22px;
		font-size:1.3em;
	}

	label.toggle span.close {
		display: none;
		position: absolute;
		top: -10px;
		left: -24px;
		font-size:1.5em;
		font-weight: normal;
	}

	nav ul#top-menu::after {
		clear: both;
		content: "";
		display: block;
	}

	.navigation-top .current-menu-item:not(.mvw-search-icon) > a span,
	.navigation-top .current-menu-parent:not(.mvw-search-icon) > a span,
	.navigation-top .menu-item:not(.mvw-search-icon) a:hover span {
		padding-bottom: initial;
		border-bottom: initial;
		color: #333;
	}

	.navigation-top li.current-menu-item:not(.mvw-search-icon) a {
		background-color: #f1f1f1;
	}

	.navigation-top li:not(.mvw-search-icon):hover {
		background-color: #f1f1f1;
	}
	
	.page-numbers {
		display: initial;
	}

	/*  new search menu item */
	li.mvw-nav-menu-search {
		display: block;
		border-bottom: 0;
	}

	li.mvw-nav-menu-search .search-form {
	display: block;
}

	/*  new search menu item */
	li.mvw-nav-menu-search a.search-icon-link {
		display: none;
	}

	/*  new search menu item */
	li.mvw-nav-menu-search div.mvw-toggle-div {
		padding: 0.7em 0.3em 0;
	}

	.search-form {
		width: auto;
	}

	a.cat-list {
		margin-bottom: 3em;
	}

	.post-excerpt,
	.post-content {
		float: none;
		width: 90%;
	}

	.post-thumbnail {
		float: none;
	}

}