/*
 Theme Name: 	Base
 Theme URI: 	https://fysio.logisch.app
 Description: 	Base Theme
 Author: 		Alexander van Oosten
 Author URI: 	https://alexander.vanoosten.productions
 Version: 		2.0.0
 Tags: 			masonry, responsive, read, articles
 Text Domain: 	base
*/
 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
.aside-toggle { background: none; width: 45px; height: 45px; position: fixed; top: 0px; left: 0px; border: none; padding: 11px 9px; z-index: 2; cursor: pointer; } .aside-toggle span { background: #111; display: block; width: 32px; height: 2px; border-radius: 1px; margin-bottom: 8px; } .aside-close { width: 32px; height: 31px; background: none; border: none; position: absolute; right: 20px; top: 10px; } .aside-close span { background: #111; display: block; width: 32px; height: 2px; } .aside-close span:nth-child(1) { transform: rotate(45deg); } .aside-close span:nth-child(2) { transform: rotate(-45deg); margin-top: -2px; } #sidebar { height: 100vh; width: 320px; position: fixed; top: 0; bottom: 0; left: -335px; background: #fff; z-index: 11; box-shadow: 0 0 15px rgba(0,0,0, 0.8); } #blayer { background: rgba(0,0,0, 0.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0px; display: none; z-index: 3; } a { text-decoration: none; } #container, #above-content, #below-content, #footer { -webkit-animation: fadein 1.75s; -moz-animation: fadein 1.75s; -ms-animation: fadein 1.75s; -o-animation: fadein 1.75s; animation: fadein 1.75s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .post-edit-link, .post-edit-link a { position: fixed; top: 0px; right: 0px; padding: 8px 14px; z-index: 100; } .icn-search { width: 47px; height: 47px; position: absolute; top: 0px; right: 0px; padding: 3px; border: none; z-index: 2; } .searchx { width: 42px; height: 42px; background: none; border: none; position: fixed; right: 0px; top: 0px; z-index: 12; display: none;} .searchx span { display: block; width: 32px; height: 2px; } .searchx span:nth-child(1) { transform: rotate(45deg); } .searchx span:nth-child(2) { transform: rotate(-45deg); margin-top: -2px; }


#top-content .widget_media_image {
  display: none;
}

html {
  font-family: "Quicksand", "Tahoma", "Verdana";
  color: #111;
  margin-top: 0px !important;
}

.aside-toggle span, .aside-close span {
  background: Coral;
}

#header, #branding, #container, #above-content, #below-content, #footer {
  display: block;
  margin: auto;
  padding: 0px;
}

.home #header, .search #header, .archive #header  {
  background: #000;
  width: 100%;
  height: 165px;
}

#container, #below-content, #above-content {
  width: calc(100% - 100px);
}

#above-content {
  height: 400px;
  margin-top: 50px;
  overflow: hidden;
}

#container {
  margin-top: 50px;
}

.single #container, .page #container, .single #below-content, .page #below-content {
  margin-top: 50px;
}

#footer {
  width: 100%;
  background: #000;
}

section#branding {
  margin-top: -200px;
}

#site-title, #aside-title {
  width: 150px;
  height: 150px;
  background: #000 url("img/logo.png") center center no-repeat;
  background-size: 100% 100%;
  font-size: 0px;
  display: block;
  margin: 0px 0px 0px 36px;
}

#site-title {
  float: left; 
  margin-left: 50px;
  position: relative;
  padding: 0;
  z-index: 1;
}

.site-description {
  font-size: 19px;
  color: #fff;
  line-height: 32px;
  margin-right: 50px;
  display: block;
  text-align: right;
  height: 150px;
  padding-top: 65px;
  font-variant: small-caps;
  letter-spacing: 3px;
}

.site-description span {
  font-size: 21px;
  vertical-align: middle;
  text-align: right;
  margin-right: 50px;
}

nav#menu {
  display: none;
}

nav .menu-item {
  color: Coral;
  background: none;
  padding: 5px 16px;
  display: table-cell;
  vertical-align: middle;
  font-size: 19px;
  line-height: 20px;
  text-decoration: none;
  font-style: normal;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: 3px;
}

nav .menu-item a {
  padding: 6px;
  color: #fff;
}

#sidebar {
  left: -350px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #000;
  border-right: 1px solid #222;
}

#sidebar2 {
  float: right;
  width: 250px;
}


#sidebar2 .widget_media_image img  {
  width: 300px;
  height: auto;
}

#sidebar2 .widget-container li {
  background: Coral;
  padding: 4px;
  margin: 2px 0px;
  font-size: 0px;
  color: Coral;
}

.widget-container .comment-author-link {
  display: none;
}

#sidebar2 .widget-container li {
  padding: 10px 8px;
  min-height: 65px;
}

.widget-container a {
  color: #fff;
  font-size: 16px;
  font-family: "Quicksand", "Sans Serif";
  line-height: 22px;
}

#site-title {
  width: 200px;
  height: 200px;
  }

.single #site-title, .page #site-title {
  width: 150px;
  height: 150px;
}


.archive h1.entry-title, .author h1.entry-title, .search h1.entry-title, h3 {
  width: 100%;
  font-size: 28px;
}

h3 {
  text-transform: lowercase;
  padding: 50px 0px 25px 0px;
  border-top: 1px solid #e0e0e0;
}

#above-content h3 {
  border-top: unset;
}

.single #header, .page #header {
  height: 450px;
  overflow: hidden;
  box-shadow: inset 0px 55px 55px rgba(0,0,0, 0.65);
}

.single #site-title, .page #site-title {
  margin-top: -400px;
}

.single #branding, .page #branding {
  margin-top: -50px;
}

.single article, .page article {
  width: calc(100% - 350px);
  display: inline-block;
}

.home #content article, .search article, .archive article {
  float: left;
  overflow: hidden;
}

.home #content article header, .archive article header, .search article header {
  padding: 4px;
}

article img, .single header#header, .page header#header, iframe, object {
  filter: grayscale(100%);
}

.single article img, .page article img, iframe, object {
  width: 100%;
  min-height: 300px;
}

.home #content article img, .search article img, .archive article img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.home #sidebar2, .search #sidebar2, .archive #sidebar2,
.home .credits, .search .credits, .archive .credits,
.home .entry-meta, .search .entry-meta, .archive .entry-meta {
  display: none;
}

.single #site-title, .page #site-title {
  margin-top: -550px; 
}

a {
  color: Coral;
}

h1, h2, h3, h4, h5, h6, h7 {
  font-family: "Bitter";
  font-weight: 500;
}

aside .widget-container {
  width: 100%;
  display: block;
  margin: auto;
  margin-top: 60px;
  clear: both;
}

aside .widget_categories li a {
  width: 200px;
  background: Coral;
  color: #fff;
  font-family: "Quicksand";
  padding: 8px 0px;
  margin: 1px 0px;
  display: inline-block;
  text-align: center;
}

aside .menu {
 margin: 0px 8px;
}

aside .menu a {
  color: #fff;
  width: 100%;
  font-size: 17px;
  font-weight: normal;
  display: block;
  padding: 11px 14px 10px 44px;
  letter-spacing: 3px;
}

.home #content article header, .archive article header, .search article header {
  height: 100px;
}

h2.entry-title {
  margin-top: -50px;
}

h2.entry-title a {
  color: #000;
  font-family: "Bitter", "Georgia", "Serif"; 
}

h1.entry-title a {
  color: #111;
}

.entry-meta {
  margin-top: 75px;
}

.entry-date {
  float: right;
  font-size: 13px;
  margin-top: -50px;
}

article p {
  font-family: "Bitter", "Georgia", "Serif"; 
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}
  
em {
  font-style: italic;
}

iframe, object, p img {
  display: block;
  clear: both;
  width: 100%;
  min-height: 300px;
  margin-bottom: 8px;
}

.cat-links, .tag-links {
  color: #fff;
  font-size: 0px;
  display: inline-block;
}

.cat-links a, .tag-links a {
  color: #fff;
  padding: 10px 12px;
  background: Coral;
  font-size: 16px;
  margin-bottom: 5px;
  display: inline-block;
  margin-right: 5px;
}

.tag-links {
  width: 100%;
  max-width: 660px;
  margin-top: 50px;
}

.home .cat-links, .archive .cat-links, .search .cat-links {
  top: -175px;
  left: 12px;
  position: relative;
}

.cat-links li {
  float: left;
}

.home .cat-links a, .archive .cat-links a, .search .cat-links a {
  color: #fff;
  padding: 8px;
  background: Coral;
  font-size: 15px;
  margin-bottom: 5px;
  display: inline-block;
  margin-right: 5px;
}

nav.posts-navigation {
  width: 100%;
  margin: auto;
  display: block;
}

.nav-previous a, .nav-next a  {
  padding: 10px 20px;
  border: 2px solid Coral;
}

.nav-previous {
  float: right;
  margin: 50px 2px 50px 0px;
}

.nav-next {
  float: left;
  margin: 50px 0px; 
}

#below-content .widget-container {
  clear: both;
  display: block;
  margin: 50px 0px;
}

#footer {
  margin-top: 50px;
}

.single .site-description, .page .site-description, .single nav, .page nav {
  display: none;
}

.credits {
  height: 21px;
  width: 72px;
  color: #ddd;
  background: #111;
  float: right;
  font-family: "Quicksand", "Sans Serif";
  font-size: 11px;
  letter-spacing: 1px;
  padding: 5px;
  margin-top: 29px;
  position: relative;
  text-align: center;
}

#caption {
  width: 320px;
  height: 100%;
  background: rgba(0,0,0, 0.75);
  color: #fff;
  font-family: "Quicksand", "Sans Serif";
  font-size: 13px;
  font-weight: normal;
  line-height: 150%;
  position: relative;
  float: right;
  right: -320px;
  box-shadow: inset -140px -67px 120px rgba(0,0,0, 0.7);
  overflow: hidden;
}

#caption span {
  position: absolute;
  bottom: 0;
  padding: 12px;
}

#caption a {
  border-bottom: 1px dotted;
}

.author-info {
  width: calc(100% - 200px);
  max-width: 660px;
  font-family: "Bitter", "Georgia", "Serif";
  font-size: 17px;
  line-height: 30px;
  padding-top: 50px;
  border-top: 1px solid #e0e0e0;
  margin-top: 25px;
}

.author-info h4 {
  font-weight: bold;
}

.author .archive-meta {
  display: none;
}

#comments {
  max-width: 660px;
  display: block;
  font-family: "Quicksand", "Sans Serif";
  padding-top: 40px;
}

.comments-title, #reply-title {
  font-size: 24px;
  text-align: left;
  margin-right: 1em;
}

#comments ul {
  list-style-type:none;
  padding: 0px;
}

cite.fn {
  margin-left: 0;
}

.comment-author.vcard, .comment-meta.commentmetadata {
  font-style: normal !important;
  font-size: 13px !important;
  font-family: "Quicksand", "Sans Serif" !important;
}

.comment-meta.commentmetadata {
  border-bottom: 1px solid Silver;
}

.comment-body {
  color: #555;
  font-size: 15px;
  line-height: 25px;
  padding: 18px;
  background: rgb(240,240,239);
}

.comment-body p {
  margin: 10px 0px;
}

.comment-body p:nth-child(1) strong {
  display: none;
}

.reply a, .reply a:visited {
  background: Coral;
  color: #fff;
  padding: 5px;
  font-size: 12px;
}

article p:nth-child(1) {
  font-weight: bold;
}

p strong {
  font-weight: 700;
}

sub {
  font-size: 0.7em;
  line-height: 9px;
}

.entry-content h2 {
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
}

.kader {
  background: #222;
  padding: 25px;
  margin-bottom: 30px;
}

.kader, .kader p {
  color: #fff;
  font-family: Quicksand;
  font-size: 17px;
}

.kader2 {
  background: WhiteSmoke;
  padding: 25px;
  margin-bottom: 30px;
}

.kader2, .kader2 p {
  font-family: Quicksand;
  font-size: 14px;
}

.comment {
  margin: 20px 50px 20px 0px;
}

.comment.depth-2, .comment.depth-3, .comment.depth-4, .comment.depth-5, .comment.depth-6, .comment.depth-7 {
  margin: 20px 0px 20px 0px;
  padding-left: 12px;
}

#respond {
  margin: 25px 50px 50px 0px;
  display: inline-block;
  color: #111 !important;
  line-height: 35px;
  width: calc(100% - 50px);
}

#commentform {
  background: rgb(240,240,239);
  padding: 8px 12px 8px 8px;
}

.comment-form-cookies-consent {
  display: none;
}

.comment-notes {
  font-size: 12px;
}

#respond a {
  color: #fff;
}

.comment-form-comment label {
  display: none;
}

.wpcf7, .aanmelden {
  background: Coral;
  padding: 25px;
}

span.wpcf7-list-item { 
  display: block !important; 
}

label.screen-reader-text, .comment-form-url {
  display: none;
}

input.wpcf7-submit:hover, #submit:hover, #searchsubmit:hover{
  background: Coral;
}
 
input, textarea {
  border: unset;
  box-shadow: unset;
  background: #fff;
  line-height: 22px;
  font-size: 15px;
  margin: 2px;
  padding: 7px;
}

#comments input, #comments textarea {
  width: 100%;
}

#submit, #searchsubmit {
  color: #111;
  font-size: 16px;
  line-height: 29px;
  font-family: "Quicksand";
  padding: 3px 6px;
}

#comments .form-submit input {
  width: 150px;
  background: Coral;
  margin-top: 8px;
  color: #fff;
  cursor: pointer;
  text-transform: lowercase;
}

.icn-search {  
  background: none;
} 

.searchx span { background: Coral }

.search-submit {
  height: 41px;
  width: 90px;
  background: Coral;
  color: #fff;
  margin: 0;
}

#top-content .widget_search {
  height: 100vh;
  position: fixed;
  top: -100vh;
  right: 0;
  left: 0;
  background: rgba(0,0,0,0.94);
  border: unset;
  z-index: 12;
}

.widget_search .search-form {
  width: 250px;
  display: block;
  margin: auto;
  margin-top: calc(50vh - 90px);
  box-shadow: 2px 2px 12px rgba(0,0,0, 0.9);
}

.widget_search input {
  margin: 0 0 2px 0;
  width: 100%;
  height: 45px;
}

.widget_search .search-field {
  background: #fff;
  color: #222;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  border: 1px solid #fff;
}

.search.search-no-results article header {
  padding-left: 0 !important;
}

article.not-found {
  width: 100% !important;
}

.not-found input {
  border: 2px solid coral;
  margin: 0px 2px 2px 0px;
}

.not-found .entry-content {
  padding: 75px 0px 100px 0px;
}

.search.search-no-results h1.entry-title {
  border: unset;
  padding: unset;
  margin-left: 0;
}

footer#footer {
  min-height: 100px;
  color: #fff;
  text-align: center;
  float: left;
}

.blanco {
  display: none;
}

aside#sidebar h3 {
  display: none;
}

.post-edit-link, .post-edit-link a {
  background: Coral;
  color: #fff;
}

.boek {
  width: 300px;
  height: auto;
  display: block;
  margin: 25px auto;
}

#custom_html-8 {
  float: left;
  padding: 50px;
  text-align: left;
}

#custom_html-8 a {
  font-size: 12px;
}

#copyright {
  padding: 50px;
  display: block;
  clear: both;
  color: #111;
}


@media screen and (min-width: 1381px) {
 .single #site-title, .page #site-title {
   margin-top: -550px !important;
 }
 .single #header, .page #header {
   margin-top: 50px;
   box-shadow: unset;
 }
}


@media screen and (min-width: 1280px) and (max-width: 1380px) {
 .single #header, .page #header {
   width: 100%;
 }
}


@media screen and (min-width: 1280px) {
 #header, #branding {
   width: 1280px;
   display: block;
   margin: auto;
   padding: 0px;
   clear: both;
 }
 #container {
   max-width: 1170px;
 }
}


@media screen and (min-width: 1025px) and (max-width: 1380px) {
 .single #site-title, .page #site-title {
   margin-top: -500px !important;
 }
 .single #header, .page #header {
   margin-top: 0px;
 }
}


@media screen and (min-width: 1075px) {
 #above-content {
   margin-top: 25px;
   width: 975px;
 }
 #container, #below-content {
   width: 975px;
   margin-top: 50px;
 }
 nav { 
   width: 975px;
 } 
 nav.posts-navigation {
   width: 975px;
 }
}


@media screen and (min-width: 1025px) {   
 a:hover {
   color: Coral;
 }
 p a:hover {
   color: #a35437;
 }
 aside li a:hover {
   background: #a35437;
   color: Coral;
 }
 .home #content article:hover .entry-title a, .search article:hover .entry-title a,   .archive article:hover .entry-title a {
   color: Coral;   
 }
 .home #content article:hover img, .search article:hover img, .archive article:hover img{
   filter: opacity(85%);
 }
 #content button:hover, .wpcf7-submit:hover, .search-submit:hover, input#submit:hover {
   background: #a35437 !important;
 }
 .credits:hover, .widget_nav_menu a:hover, .nav-previous:hover a, .nav-next:hover a {
   background: Coral;
   color: #fff;
 }
 .menu a:hover {
   background: Coral;
 }
 .cat-links a:hover, .tag-links a:hover {
   color: #fff;
   background: #a35437;
 }
 .home nav#menu, .search nav#menu, .archive nav#menu {
   display: block;
 }
 nav ul.menu {
   margin-left: 263px;
 }
 .single article img:hover, .page article img:hover, iframe:hover, object:hover {
   filter: unset;
 }
}


@media screen and (max-width: 1024px) {   
 .site-description {
   margin-right: 50px;
   font-size: 19px;
 }
 .site-description span {
   margin-right: 0px;
 }
 #above-content {
   margin: 75px 50px 25px 50px;
 }
 .home #above-content, .archive #above-content, .search #above-content {
   margin-top: 25px;
 }
 .single #site-title, .page #site-title {
   margin-top: -400px;
 }
 .single article, .page article {
   width: calc(100% - 300px); 
 }
 h1.entry-title {
   margin: 50px 2px;
 }
 #below-content {
   width: calc(100% - 96px);
   clear: both;
 }
}


@media screen and (min-width: 975px) {
 nav { 
   display: block;
   margin: auto;
   margin-top: 17px;
 }
 .single #header, .page #header {
   background-size: cover;
   background-position: center center;
   height: 550px; 
 }
 .single #site-title, .page #site-title {
   margin-top: -500px;
 }
 .home article, .search article, .archive article {
   width: calc((100% / 3) - (50px / 3));
 }
 .home #content article:nth-child(3n+2), .archive #content article:nth-child(3n+3), .search #content article:nth-child(3n+3){
   margin-right: 25px;
   margin-left: 25px;
 }
 .home .cat-links, .archive .cat-links, .search .cat-links {
   top: -220px;
 }
 .single article, .page article {
   width: calc(100% - 350px);
 }
 .single #below-content .widget-container, .page #below-content .widget-container {
   margin: 50px 0px;
 }
 h2.entry-title a {
   font-size: 20px;
   line-height: 26px;
 }
 #footer {
   height: 150px;
 }
}


@media screen and (max-width: 974px) {
 nav ul.menu {
   float: right;
   margin-right: -18px;
 }
 #above-content {
   width: calc(100% - 58px);
 }
 #container, #below-content {
   width: calc(100% - 50px);
   margin-left: 46px;
 }
 .archive h1.entry-title, .author h1.entry-title, .search h1.entry-title {
   margin-left: 4px;
 }
 .single #container, .page #container {
   padding: 0px 4px;
 }
 #below-content {
   padding: 0px 4px;
 }
 h2.entry-title {
   margin-top: -46px;
 }
 h2.entry-title a {
   line-height: initial;
 }
 h3 {
   font-size: 24px;
   line-height: 30px;
 }
 h3.bs-new {
   margin-left: 4px;
 }
 .single #header, .page #header {
   height: 450px;
 }
 .single #branding, .page #branding {
   margin-top: -50px;
 }
 .home article, .search article, .archive article {
   width: calc((100% / 2) - 0px);
 }
 .home article:nth-child(9), .search article:nth-child(9), .archive article:nth-child(9)  {
   display: none;
 }
 .home #content article, .search article, .archive article {
   padding: 0px 4px;
 }  
 .home #content article header, .archive article header, .search article header {
   height: 75px;
 }
 .home #content article img, .search article img, .archive article img {
   height: 175px;
 }
}


@media screen and (min-width: 769px) and (max-width: 1024px){
 .archive #container, .search #container {
   margin-top: 100px;
 }
}


@media screen and (min-width: 769px) and (max-width: 974px){
 .single aside, .page aside {
   width: 180px;
 }
 .single article, .page article {
   width: calc(100% - 200px);
 }
 #sidebar2 {
   width: 175px;
 }
 #sidebar2 .widget_media_image img {
   width: 175px;
 }
 h2.entry-title a {
   font-size: 18px;
   line-height: 26px;
 }
}


@media screen and (min-width: 769px) {
 #sidebar2 .widget-container {
   margin: 1000px 0px;
 }
}


@media screen and (max-width: 768px) {
 header#header {
   background-repeat: no-repeat;
   background-size: cover;
 }
 .site-description {
   color: #000;
   font-size: 15px;
   letter-spacing: 1px;
   line-height: 20px;
   padding: 204px 8px 0px 8px;
   margin-right: 0px;
 }
 .single article, .page article {
   width: 100%;
 }
 .single aside, .page aside {
   width: 180px;
 }
 #sidebar2 {
   width: 175px;
 }
 #sidebar2 .widget-container {
   margin: 50px 0px;
 }
   #sidebar2 .widget_media_image img {
   width: 175px;
 }
 #comments {
   width: calc(100% - 175px);
 }
 /*
 #caption {
   width: 75%;
 }
 */
}


@media screen and (min-width: 601px){
/*
   #below-content {
   width: calc(100% - 100px);
   margin-right: 50px;
   margin-left: 50px;
   }
   */
 .home #header, .search #header, .archive #header {
    height: 200px;
 }
 h1.entry-title {
   font-size: 36px;
   margin: 30px 0px;
 }
 h1.entry-title a {
   font-size: 38px;
   line-height: 56px;
 }
  iframe, object {
   min-height: 400px;
 }
 .single .cat-links, .page .cat-links {
    margin-top: 45px;
 }
}


@media screen and (max-width: 600px) {
 #top-content {
   margin: 0px;
   background: #000;
   width: 100%;
   height: 45px;
   position: fixed;
   top: 0;
   z-index: 2;
 } 
 .aside-toggle {
   background: #000;
 }
 .icn-search {
   position: fixed;
 }
 #above-content {
   width: calc(100% - 16px);
   margin-left: 8px;
 }
 #container, #below-content {
   width: calc(100% - 16px);
   margin: 0 8px 25px 8px;
 }
 #above-content {
   margin: 25px 8px;
   padding: 0px 4px;
 }
 .home #branding, .archive #branding, .search #branding {
   background: #000;
   height: 200px;
 } 
 #site-title{
   width: 150px;
   height: 150px;
   margin-top: 50px;
 }
 .icn-search {
   background: none;
 }
 .icn-search img {
   width: 30px;
   height: 30px;
 }
 #top-content .widget_search input {
   text-align: center;
 }
 .site-description {
   width: 100%;
 }
 .site-description span {
   width: 100%;
   padding: 30px 8px;
   font-size: 19px;
   color: Coral;
 }
 .home #container, .archive #container, .search #container {
   margin-top: 48px;
 }
 .home #content article img, .search article img, .archive article img {
   height: 120px;
 }
 .home .cat-links, .archive .cat-links, .search .cat-links {
   display: none;
 }
 h2.entry-title {
   margin-top: 0;
 }
 h2.entry-title a {
   line-height: initial;
   font-size: 15px;
 }
 .single #header, .page #header {
   height: 300px;
 }
 .single #site-title, .page #site-title {
   width: 102px;
   height: 102px;
   position: fixed;
   background-color: transparent;
   margin-top: -304px;
   z-index: 3;
 }
 h1.entry-title {
   font-size: 30px;
   line-height: initial;
 }
 .single h2.entry-title a, .single h1.entry-title a, .page h2.entry-title a, .page h1.entry-title a {
   font-size: 30px;
   line-height: initial;
 }
 .nav-previous a, .nav-next a {
   padding: 10px 8px;
   font-size: 15px;
 }
 #sidebar2 {
   float: unset;
   width: 100%;
   margin-top: 0;
 }
 #comments {
   margin-top: 50px;
   width: 100%;
   display: block;
 }
 .comment {
   margin: 20px 0px;
 }
 #respond {
   width: 100%;
   margin: 25px 0px 50px 0px;
 }
 .author-info {
  width: 100%;
 }
 .aanmelden input.wpcf7-text, .aanmelden textarea {
   width:320px;
 }
}


/**
 * MODULE: POPULAR POSTS
 **/
 

.wpp-thumbnail {
  filter: grayscale(100%);
  margin: 0 8px 0 0;
}

a.wpp-post-title {
  color: #111;
  text-align: left;
  font-size: 20px;
  display: table-cell;
  vertical-align: middle;
  height: 75px;
  padding-right: 8px;
}

.wpp-list li {
  margin: 4px 0px;
}

.wpp-list li:hover {
  background: Coral;
}

@media screen and (min-width: 1025px) {
 .popular-posts li:hover {
   background: Coral;
 }
}

@media screen and (max-width: 600px) {
 a.wpp-post-title {
   font-size: 17px;
 }
}


/**
 * MODULE: CONTENT RELATED POSTS
 **/

.crp_related {
  margin-bottom: 50px;
  width: 100%;
  display: inline-block;
}

.crp_thumb.crp_featured {
  display: inline-block !important;
  float: left;
  filter: grayscale(100%);
  object-fit: cover;
}

.crp_related li a, .widget_widget_crp li a {
  font-size: 20px;
  color: #000;
  height: 75px;
  width: 100%;
  max-width: 660px;
  display: block;
}

.crp_related li, .widget_widget_crp li {
  margin-bottom: 4px;
}

span.crp_title {
  padding: 0px 8px;
  display: table-cell;
  vertical-align: middle;
  height: 75px;
  width: 100%;
}

@media screen and (min-width: 1025px) {
 .crp_related_widget li:hover {
   background: Coral;
 }
}

@media screen and (max-width: 600px) {
 span.crp_title {
   font-size: 17px;
 }
 .entry-cats-list {
   display: none;
 }
}


/**
 * MODULE: SOCIAL SHARE BUTTONS
 **/
 
.ssbp-wrap {
  height: 45px;
  margin: 50px 0;
}

.ssba.ssba-img {
  display: inline-block !important;
  width: 32px !important;
  margin: 0px 10px;
}

.ssbp-text {
  display: none;
}

.ssbp-wrap div a{
  float: right;
  margin-left: 8px;
}


/**
 * MODULE: UITGELICHT + ABOVE-CONTENT
 **/
 
.widget_ultimate_posts {
  width: calc((2 * (100% / 3)) + (50px / 3) - 25px);
  height: 400px;
  margin-right: 25px;
  float: left;
}

.widget_ultimate_posts article {
  width: 100%;
}

.widget_ultimate_posts a:hover {
  text-decoration: none !important;
}

.widget_ultimate_posts .entry-categories, .widget_ultimate_posts .entry-title,
.widget_ultimate_posts .entry-summary {
  position: relative;
}

.widget_ultimate_posts .entry-categories {
  margin: -310px 0px 0px 16px;  
}

.widget_ultimate_posts header {
  position: relative;
  z-index: 1;
}

.widget_ultimate_posts .entry-title {
  margin: 150px 0px 0px 16px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.widget_ultimate_posts .entry-title a {
  font-size: 26px;
  font-family: Bitter;
  text-decoration: none;
}

.widget_ultimate_posts .entry-summary p {
  font-family: "Quicksand", "Sans serif";
  font-size: 17px;
  padding: 8px 16px 0px 16px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.widget_ultimate_posts .entry-cats-list a {
  color: #fff;
  padding: 8px;
  background: Coral;
  font-size: 15px;
  line-height: unset;
  margin-right: 5px;
  display: inline-block;
}

.entry-cats-list a:hover {
   color: #fff;
   background: #a35437;
 }

.widget_ultimate_posts .entry-cats-list a:last-child {
  display: none;
}

.widget_ultimate_posts .entry-image {
  position: relative;
  width: 100%;
  height: 315px;
  top: 0px;
  object-fit: cover;
  overflow: hidden;
}

#above-content .widget_media_image {
  height: 315px ;
  width: 100%;
  overflow: hidden;
}

#above-content .widget_media_image img {
  height: 315px ;
  width: 100%;
  object-fit: cover; 
  max-width: unset !important;
  max-height: unset !important;
  filter: grayscale(100%) brightness(70%);
  margin-top: -150px;
  overflow: hidden;
}

#above-content .widget_media_image {
  width: calc((100% / 3) - (50px / 3));
  float: right;
}

.widget_media_image h3 {
  font-family: "Quicksand";
  font-size: 17px;
  padding: 15px 8px;
  font-weight: normal !important;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
  position: relative;
  top: 200px;
  color: #fff;
  line-height: 32px;
  height: 100px;
  border-left: unset;
}


@media screen and (max-width: 974px) {
 .widget_media_image h3 {
   font-size: 15px;
 }
 .widget_ultimate_posts {
   width: calc((2 * (100% / 3)) + (50px / 3) - 8px);
   margin-right: 4px;
 }
 .widget_media_image {
   width: calc((100% /3) + 25px);
 }
}


@media screen and (max-width: 768px) {
 #above-content {
   height: auto;
 }
 .upw-posts.hfeed {
   height: 339px;
 }
 .widget_ultimate_posts {
   width: 100%;
   height: auto;
 }
 .widget_ultimate_posts .entry-image img {
   width: 100%;
   height: 100% !important;
   object-fit: cover;
 }
 #above-content .widget_media_image {
   width: 100%;
   float: unset;
   clear: both;
   height: 275px;
 }
 #above-content .widget_media_image h3 {
   width: 70%;
   height:auto;
   color: #fff;
   background: Coral;
   top: 100px;
   padding: 10px;
   font-size: 18px;
   display: block;
   margin: auto;
   text-transform: initial;
 }
 #above-content .widget_media_image img {
   width: 100%;
   margin-top: -50%;
   object-fit: cover;
 }
 .widget_ultimate_posts .entry-title a {
   font-size: 24px;
   font-family: Bitter;
   text-decoration: none;
 }
 .widget_ultimate_posts article p {
   font-size: 16px;
 }
}


/**
 * ZEER KLEIN SCHERM
 **/
 
@media screen and (max-width: 319px) {
 #wrapper {
   display: none;
 }
 .blanco {
   background: #000;
   display: block;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 30vh 1vh 1vh 1vh;
   font-size: 22px;
   text-align: center;
   font-weight: bold;
   line-height: 32px;
   color: #fff;
 }
 .blanco img {
   margin: 32px;
 }
}

/**
 * STANDAARD LOGO
 **
 
#site-title {
   float: left; 
   margin-left: 50px;
   position: relative;
   padding: 0;
   z-index: 1;
   color: #fff;
   font-size: 28px;
   font-variant: small-caps;
   padding: 115px 10px 10px 18px;
   letter-spacing: 8px;
   line-height: 33px;
} */