@charset "UTF-8";
/*
Theme Name:     Rowling Child
Theme URI:      http://www.erikkersten.nl/
Description:    Child Theme voor Rowling 
Author:         Erik Kersten
Author URI:     http://www.erikkersten.nl
Template:       rowling
Version:        1.0 
*/
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Bebas+Neue&family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&display=swap');

body {font-family: "Google Sans Code", monospace;color:#000;font-weight:300; font-size:14px;background:#96ada7;}
a {color: #000;text-decoration:none;}
.post-inner .post-content p a {border-bottom:2px solid #000;}
a.swipebox {border:none !important;}
.content:before {background:none;} 
@media (min-width: 810px) {
.content:before {
    	right: 23.5%;
}
.sidebar {
	width:23.5%;
	padding-left:0;
	/*padding-top:90px !important;*/
	background:none;
}
.content {width:74%;}
.wrapper:before {
    border:none;
	background:none;
}
.wrapper:after {
    width: 23.5%;
	background:none;
	border:none;
}
}
.wrapper {z-index:2;padding:0 5%;}
.header-wrapper {background:none;}
.header {padding:70px 0 0 0;height:80px;}
.header .erik {width:130px;height:130px;position:absolute;top:42px;right:5%;z-index:99;overflow:hidden;border-radius:100%;background: #000;}
.header .erik::before {content: "";position: absolute;width: 126px;height: 126px;top:2px;left:2px;z-index: -1;background: url(https://erikkersten.nl/wp-content/uploads/2021/04/erik-ogen.jpg);background-size:cover;border-radius:100%;}
.blog-title {text-transform:none;font-family:"Courier Prime", monospace;text-shadow:none;font-size:1.8em;font-weight:400;position:relative;z-index:11;}
.blog-title a {color:#000;}
.blog-title a:hover {color:#000;}
.blog-description {color:#000;margin:0;text-shadow:none;z-index:9;font-family: "Courier Prime", monospace;font-weight:400;}
/*.navigation {position:absolute;top:70px;left:5%;width:90%;height:38px;z-index:9;background:#000}*/
.navigation {position:absolute;top:85px;left:5%;width:85%;height:44px;z-index:9;}
.navigation .section-inner {background:none !important;}
@media (min-width: 1024px) {
	.blog-title {position:absolute;top:50px;left:5%;}
	.blog-description {position:absolute;top:30px;right:20%;}
	.header:hover .erik::before{background-position:-110px 0;transition:all .5s linear}
}
@media (max-width: 1023px) {
	.blog-title {top:0;margin:0;padding:5px 20px;line-height:.9em;z-index:99;width:100%;background:#000;}
	.blog-title a {color:#fff;padding-left:20px;}
	.blog-description {position:absolute;top:75px;left:5%;max-width:70%;font-size:.7em;margin-left:4px;}
	.header {padding:0 0 0 0;}
	.header .erik {display: none;}
	.navigation {top:50px;}
}
@media (max-width: 767px) {
	.wrapper {padding:0;}
	.navigation {left:0;}
	.blog-title {padding:5px;}
	.blog-title a {}
	.blog-description {top:75px;margin-left:0;}
}
ul.primary-menu {margin:20px 0 0 0;height:2px;background:#000;}
.primary-menu > li {
	list-style:none;
	border:2px solid #000;
	margin:-20px 10px 0 20px;
	padding:0;
	position:relative;
	background:#fff;
}
.primary-menu ul li {
}        
.primary-menu > li > a {
padding:5px 30px;
color:#000;
background:#fff;
text-shadow:none;
font-family: "Bebas Neue", sans-serif;
font-size:2.3em;
letter-spacing:1px;
font-weight:400;
}
.primary-menu > li > [aria-current] {background:#000;color:#fff;}
.primary-menu > li > a:hover {background:#000;color:#fff;}
/* Contactblock in header op mobiel */
.mobile-contact {display:none;}
.content, .sidebar {
    padding-top: 40px;
	padding-bottom: 60px;
}
@media (max-width: 1023px) {
	.navigation {background:none;}
	ul.primary-menu {width:100%;display:block;background:none;margin-left:18px;}
	.primary-menu > li {margin:0 10px 0 0;}
	.primary-menu > li > a {width:100%;border:1px solid #000;;margin:0;}
	.mobile-contact {display:none;}
	.sidebar {background:none;border:none;}
	.nav-toggle {display:none;}
	.sidebar {width: 100%;padding-left: 5%;padding-right: 5%;background: none;float: none;}
	.content, .sidebar {padding-top: 40px;}
}
@media (min-width: 768px) {
	.post-content {min-height:600px;}
}
h1.post-title, h2.post-title, .page-title h4 {font-family:"Courier Prime", monospace;font-style:normal !important;margin:2% 0;hyphens: auto;font-weight:300;}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {font-family:"Courier Prime", monospace;font-weight:300;}
.single-post h1.post-title {font-size:4em;font-weight:400;margin:0;}
@media (max-width: 600px) {h1.post-title,.page-title h4 {font-size:2.5em !important;}.page-title h4{margin-top:1em;}}
h2.post-title a {}
h1.post-title a {text-decoration:none;letter-spacing:1px;}
h2.post-title {font-size:1.8em;line-height: normal;}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin:30px 0 10px 0;}
.post-content h2 {font-size:2.5em;}
.post-content h3 {font-size:2em;}
.post-content {font-family:inherit;}
.posts .post h4 {margin:0 !important;}
.page-title p {text-transform:uppercase;font-size:.9em;position:absolute;top:40px;left:63%;}
@media (max-width: 1023px) {
.page-title p {left:70%;}
	.home h1.post-title {font-size:1em !important;}
}
.prevnextcontainer {margin:40px 0}
.prevnextcontainer a {
	font-family:"Courier Prime", monospace;
	padding:0 10px;
	font-size:1.7em;
	text-decoration:none;
	font-weight:400;
}
.prevnextcontainer a:hover {text-decoration:underline;}
.next-article {float:right;}
.previous-article {float:left}
/* Ruimte voor de related items */
@media (min-width: 1024px) {
.single-post .post-inner {padding: 0 260px 0 0 !important;min-height:1000px;}
}
/* Niet in CV, sitemap, mobiel*/
.page-id-5479 .post-inner, .page-id-5241 .post-inner, .page-id-7689 .post-inner, .page-id-20281 .post-inner, .page-id-20287 .post-inner, .page-id-20302 .post-inner {padding-left: 0 !important;}
.page-id-5479 .content .post-content, .page-id-5241 .content .post-content, .page-id-7689 .content .post-content, .page-id-20281 .content .post-content, .page-id-20287 .content .post-content, .page-id-20302 .content .post-content {padding: 0 !important;}
@media (max-width: 1023px) {
	.single-post .post-inner {padding-left: 0;}
}
.post-content .alignleft, .post-content .alignright {margin-top:10px;}
.content .post-content {padding:0;border-bottom:2px solid #000;}
.posts .post .post-image {margin:0;border:2px solid #000;}
.single-post .post-image {border:2px solid #000;}
.post-categories, .widget-title {letter-spacing:1px;font-weight:400;text-transform: lowercase;}
ul.post-categories {margin:0;}
ul.post-categories li {list-style:none;}
.single-post .post-categories {color:#000;}
.single-post .post-image img {margin:0px auto;width:100% !important;}
.single-post .category-portfolio .post-image {border:none;}
.category-portfolio .vignet, .category-journalistiek .vignet {display:none;}
.category-home .post-meta {display:none;}
.sticky-tag {z-index:2;}
.posts {clear:left;}
.posts .post {
    padding:0;
	position:relative;
	width:30%;
	margin:0 3% 3% 0;
}
@media (max-width: 800px) {
	.posts .post {width:100% !important;margin-bottom:40px;}	
}
.posts .post + .post {
	border-top:none;
	padding:0;
	position:relative;
	margin:0 3% 3% 0;
}
.posts .post h4 {margin:0 0 0 3%;}
.posts .post h4 a {color: #000;}
.post-title a {}
.post-header {padding:0;}
.post-header p {margin-bottom:.5em !important;}
.post-date {
	display: inline-block; 
	margin: 10px 0 0 0;
	line-height: 1;
	font-weight:300;
	font-size:.9em;
	text-transform: uppercase;
	position: relative;
	z-index:2;
}
.post-meta {color:#fff !important;
	font-size:1em;
	display: inline-block; 
	margin: 0;
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	color:#000;
}
.post-content, .post-content p {line-height: 1.7;}
.post-content p strong {font-weight:800;}
.post-content li {line-height: 1;}
@media (min-width: 1024px) {
	.single-post .post-meta {border:none;margin-top:0;padding-top:0;color:#000;font-size:1.3em !important;float:right;}
}
@media (max-width: 800px) {
	.single-post .post-meta {border:none;margin:5px 0;padding-top:0;color:#000;font-size:1.3em;}
}
.post-meta-date {font-weight:300;}
.post-tags {
    padding: 15px 0;
	margin-top:0;
clear:right;
}
.read-more {
	display: inline-block; 
	float:right;
	padding:2px 4px 0 0;
	margin: 5px 0;
	font-size:.9em;
	line-height: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	z-index:1;
}
.archive-nav {
    border-top: 2px solid #000;
    color: #000;
}
.archive-nav .active a, .archive-nav a:hover {
    color: #fff;
	background:#000;
    border-top-color: #000;
}
.archive-nav a {
    border-top: 2px solid transparent;
    color: #000;
	padding:5px 15px;
	font-size:1em;
	font-weight:400;
}
body.category-websites .read-more, .posts .category-websites .read-more {display:none;}
.archive .section-inner {width:auto;max-width:100%;}
.credits {background:none;z-index:2;}
.credits .section-inner {width:auto;max-width:100%;padding:0 5%;font-size:.8em;}
.credits .copyright {color:#000;text-shadow:none;letter-spacing:0;}
.credits p, .credits .copyright a, .credits .copyright a:hover {color:#000;}
.widget {padding:20px 0 4px 0;}
.widget-title {border:0;margin-top:5px !important;font-size:1.4rem;font-family:"Bebas Neue", serif;}
.widget-content {background:none;padding:0;font-size:.9em;}
.widget + .widget {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
}
@media (max-width: 600px) {
.sidebar .widget + .widget {
    border-top:none;
    margin-top: 0;
    padding-top: 15px;
}
}
.widget_search{padding:0 !important;margin-bottom:.5em;}
#footer_tagcontainer {padding:0;}
.footertext h2 {
	color:#444;
	display: inline-block;
    	padding-bottom: 3px;
    	margin-bottom: 15px;
    	font-size: 0.8rem;
    	text-transform: uppercase;
    	letter-spacing: 1px;
}
.footertext p {font-size: 0.9em;line-height:170%;padding:0 0 20px 0;}
.post-tags {padding:4px 0 0 0;}
.posts .post-tags {border-top:2px solid #000;}
.post-tags a, .post_tags a {
	display: inline-block; 
	padding: 4px 9px;
	margin: 0 4px 4px 0;
	line-height: 1;
	font-weight:400;
	text-transform: uppercase;
	font-family:monospace;
	font-size:11px !important;
	color: #000;
	position: relative;
	background:#fff;
	border:2px solid #000;
}
.post-tags a:before {display:none;}
.post-tags a:hover, .post_tags a:hover {background:#000;color:#fff}
.to-the-top {z-index:4;background:#000;width:50px;height:50px;border-radius:0;margin:-30px 5% 0 0;}
.to-the-top .fa {background:#000;}
.post-content th, .post-content td {
    border-bottom:none;
	line-height:170%;
}
.respond-container {display:none;}
.rating {display:none;}
#sitemap_list {padding:0 !important;background:none !important;}
#sitemap_list li {background:none;}
#sitemap_list li.cat-item > a {font-size:2em;font-family:"Bebas Neue", serif;}
#sitemap_list li.cat-item-370 {display:none;}
#sitemap_list li .date {font-size.65em;}
#sitemap_list ul ul {margin:20px 0 40px 40px;border-width:2px 0;}
#sitemap_list li li {background:none !important;font-size:inherit;margin:0 !important;}
#sitemap_list li li a, ul.display-posts-listing li {
	font-family:"Google+Sans+Code", monospace;
   color: #000;
	font-size:1.5em;
	text-decoration:none;
	background:none !important;
}
#sitemap_list li a {border:none !important;padding:.2em !important;background:none !important;font-family: inherit;font-size:2em;text-decoration:none !important;}
#sitemap_list li.post-item:nth-child(odd) a {background:#000 !important;width:100%;color:#fff;}
ul.display-posts-listing {padding:0 !important;background:none !important;margin:0;list-style:none;}
ul.display-posts-listing li a {font-size:1em;display:block;font-weight:400;}
ul.display-posts-listing li .excerpt, ul.display-posts-listing li .date  {font-size:.65em;font-weight:400;}
ul.display-posts-listing li .date {color:#fff;}
ul.display-posts-listing li .date:after{content: " \25CF";} 
.zemanta-pixie {display:none;}

/* Related posts */
.yarpp-related {
	position:absolute;
	top:0;
	right:0;
	width:230px;
	padding:0;
	margin:0;
}
.yarpp-related h3 {margin:0;font-family:"Bebas Neue", sans-serif;font-size:1.4rem;letter-spacing:1px;font-weight:400;border-bottom:2px solid #000;}
.yarpp-related ul {margin:0 !important;padding:0;}
.yarpp-related ul li {margin:0;padding:0 0 10px 0;list-style:none;border-bottom:2px solid #000;}
.yarpp-related a {
	border:none;
	display:block;
	font-size:1.4em;
	font-weight:300;
	line-height:1em;
	hyphens: auto;
	font-family:"Courier Prime", monospace;
	margin-top:1em;
}
.yarpp-related abbr {display:none;}
@media (max-width: 1023px) {
	.yarpp-related{
		position:relative;
		top:0;
		left:0;
		width:100%;
		clear:left;
		display:block;
	}
	.yarpp-related ul li {padding: 0 0 5px 0;border:none;}
}
.yarpp-related small {font-size:.9em;line-height:1.7;}

.rowling-widget-list .title {
    	
}
.rowling-widget-list .post-icon img {
	height:100%;
}
.wrapper .search-button, .wrapper .search-field {border:none;padding:1em 0;}
.wrapper .search-field {padding:15px 10px;border-top:2px solid #000;border-bottom:2px solid #000;font-family:inherit;color:#000;}
.wrapper .search-button:hover {color:#000;}
table td {vertical-align: top;}
.post-content th, .post-content td {padding:1%;}
.post-content h5 {margin:1% 0 0 0;}
a.rss {float:right;}
.genericon {font-size:24px !important;margin-right:10px;}
.widget-content select {
	display:block;
   	background:#fff !important;
   	width: 100%;
   	padding: 15px 20px 15px 10px;
   	border: 0;
   	border-radius: 0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
 	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
	font-family:inherit;
}
.widget-content select:focus {
    background:#f9f9f9;
    outline:none;
    border-color:#00c0f3;
}

@media (max-width: 400px) {
	.blog-description {
    	display: block;
	}
}
.over-mij {margin-bottom:30px;}
.over-mij p {line-height:170%;}
#menu-portfolio li:before, #menu-sitemap li:before  {content:none;}
#menu-portfolio li, #menu-sitemap li {
	width:auto;
	padding:0;
	margin:0 0 .5em 0;
	line-height: 1;
	font-size:1.2em;
	text-transform:uppercase;
	border:none;
	position: relative;
}
#menu-portfolio li a, #menu-sitemap li a  {color: #fff;display:block;padding:.5em 1em .3em 1em !important;font-family:"Bebas Neue", serif;letter-spacing: 1px; background: #444;background: linear-gradient(90deg, rgba(68, 68, 68, 1) 0%, rgba(0, 0, 0, 1) 50%);}
#menu-portfolio li.current-menu-item a, #menu-sitemap li.current-menu-item a  {background:none;color:#000;}
.single-post .post-image-caption {border:none;color:#fff;}
.fas {float:left;font-size:2em;margin-top:0px;}
.next-article .fas {float:right;}
.post-header .fas {float:right;margin:-5px 0 0 10px;}
img.external {border:2px solid #000;}
em a {border-bottom: 2px solid #000 !important;}
blockquote {clear:both;padding:5%;background:#000;color:#fff;overflow:hidden;border:0;}
blockquote a {color:#fff;text-decoration:underline !important;}
blockquote:after {display:none;}
blockquote .gallery a {border-bottom:none !important;}
blockquote .wp-caption-text {color:#fff;}
@media (min-width: 1024px) {
blockquote img, blockquote img.external, blockquote img.size-medium, blockquote img.size-large {width:50%;margin:0 auto;}
blockquote a {text-align:center;}
}
p.stars {display:none;}
.bottom-menu {width:100%;list-style:none;overflow:hidden;margin:0;}
.bottom-menu li {float:left;width:48%;margin-right:1%;border:2px solid #000;background:#fff;padding:.1em 1em;}
.bottom-menu li a {color:#000;text-decoration:none;font-weight:400;font-size:1.2em;text-transform:uppercase;}
.bottom-menu .fas {margin:0 10px 0 0;}
.gallery {/*background:#000;padding:2em;*/}
.wp-caption-text {padding:1em 2em;}
.gallery img {border:2px solid #000 !important;}