@charset "utf-8";
/* CSS Document */

dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul {margin:0}

html {font-size: 50%;}

body {	}

.agenda h5 {margin-bottom: 5px}
.agenda td {padding-top:15px;padding-bottom: 15px;}
.agenda i[data-locationid="11"]  {display: none;}

#wrapper * {transition: .5s all, font-size 0s, background .3s, color .2s;}
.resize-x #wrapper * {transition: .2s all, font-size 0s;}
#wrapper {position:relative;opacity: 1;transition: .3s all}
.resize-x #wrapper {	opacity: 0.05;transition: .1s all}

#headerwaves {position: absolute;    opacity: .2;    top: 38px;    /* z-index: 999; */      height: 30px;    width: 100%;}
#header {height:40px;display: grid;    grid-template-columns: max-content auto;    grid-gap: 5px;background:#ddd;padding: 6px; position: fixed; width: 100%; z-index: 9999; background: var(--primary)}
#header * {margin-bottom:0}
#header #site-description {font-size:0}
#header #site-title  {min-width:170px}
#header #site-title a {color:white;  font-family: Poppins;    font-weight: 800; ;padding: 5px 8px;    font-style: normal;    display: block;    font-size: 18px;}
#header #site-title a span{color:#dee;}

#header #menu {opacity:1; position: absolute;    top: 80px;    width: 100%;background: rgba(0,30,30,0);background: rgba(100,230,230,0); z-index: 2 ;position: absolute}
.mobilemenuactive #header #menu {opacity:1; top:40px;   background: rgba(100,230,230,0.75);background: rgba(0,230,230,0.7); pointer-events: auto ;  }
.tablet #header #menu  {opacity:1; position: relative;background: rgba(100,230,230,0);    top: 0;    width: auto;pointer-events: auto}
#header .menu-main-navigation-container {opacity:0; pointer-events: none;display: none;}
.mobilemenuactive #header .menu-main-navigation-container {opacity:1; pointer-events: auto;display: block}
.tablet #header .menu-main-navigation-container {display:block;opacity:1; pointer-events: auto}


header #search {padding:15px; padding-bottom: 30px; opacity: 0; pointer-events: none; display: none;}
.mobilemenuactive header #search {opacity:1; pointer-events: auto; display: block}
.deskto header #search {display:block;padding:0;opacity:1;pointer-events: auto}
.deskto header #search {display:block;padding:0;opacity:1;pointer-events: auto}
.deskto header #search form {padding:3px}

		nav.main #mobilemenubutton {display:block; position: fixed; right: 10px;top: 4px; }
		nav.main #mobilemenubutton i{font-size:32px; color:white}
		nav.main #mobilemenubutton:hover i{}
.tablet nav.main #mobilemenubutton {display:none}
		nav.main #mobilemenubutton #mobilemenuopen {display: block}
		nav.main #mobilemenubutton #mobilemenuclose {display: none}
		.mobilemenuactive nav.main #mobilemenubutton #mobilemenuopen {display: none}
		.mobilemenuactive nav.main #mobilemenubutton #mobilemenuclose {display: block}

#mobilemenubgoverlay { position: absolute; top: 60px; left: 0; width: 100vw; height: calc(100vh - 40px); background: rgba(0,0,0,0); z-index: -2; pointer-events:none; z-index: -4; margin-top: 40px;}
.mobilemenuactive #mobilemenubgoverlay { background: rgba(0,0,0,0.75); pointer-events:auto; top:0}
.tablet #mobilemenubgoverlay{ display: none}

#menu {}
.tablet #menu {display: grid;    grid-template-columns: auto max-content;}
#menu  ul { display: grid; grid-template-columns: auto;    padding: 15px; grid-gap: 20px;      height: 100%;    align-content: center;}
.tablet #menu ul {grid-template-columns: repeat(6,min-content);  padding: 0}
#menu ul li a{    background: rgba(55,255,255,0.2); color:white;    padding: 6px 10px;    display: inline-block;    text-align: center;    white-space: nowrap; font-size: 80%;}
.deskto #menu ul li a{      padding: 6px 15px;   }
#menu ul li a:hover{    background: rgba(55,255,255,0.4);}
#menu  ul li.current_page_item > a, #menu  ul li.current_page_parent > a{    background: rgba(255,255,255,0.8); background: var(--highlight) ; color: #eee;  }
#menu .search-submit {background:rgba(55,255,255,0.3);color:white; vertical-align: middle}
#menu .search-submit:hover {background:rgba(55,255,255,0.4);border-color:rgba(255,255,255,0)}
#menu .search-field {border:none; background:white; height: 2.6rem}

nav li ul { background: none}
#menu li ul.sub-menu {display:none}
#menu li.current_page_item  ul.sub-menu, #menu li.current_page_parent  ul.sub-menu {display:grid}
.tablet #menu li.current_page_item  ul.sub-menu, .tablet #menu li.current_page_parent  ul.sub-menu {display:none}

#menu .sub-menu {    display: block;   background: none;    list-style: none;    grid-gap: 10px;    padding-bottom: 0;}
.tablet .sub-menu {    position: absolute;}

#container {display:grid;grid-template-columns: auto; padding-top: 40px; height:auto; min-height: 100vh;margin-bottom: -32px; }
.mobilemenuactive #container {opacity: 0.4}
/*.tablet #container{grid-template-columns: 160px auto;}*/
.tablet #container{grid-template-columns: 230px auto;}
.deskto #container {grid-template-columns: 230px auto;}
.view-boxed #container {display:block}

#sidebar {order:0;background:#f4f4f4; padding: 30px}
.tablet #sidebar {order:-1;}
.view-boxed #sidebar{display: none}

#sidebar {font-size:100%}
#sidebar small{font-size: 70%;}
#sidebar .widget-container {margin-bottom:5rem}
#sidebar .widget-title {margin-bottom:1rem}
#sidebar ul li ul li {list-style:none;margin-bottom: 1.5rem;border-left: 2px #ccc solid; }
#sidebar ul li ul li:hover {border-left: 4px var(--primary) solid;  }
#sidebar ul li ul li > * {position: relative;   left: 8px;  display: inline-block;    padding-right: 13px;}
#sidebar ul li ul li:hover > * {   left: 12px;  }
#sidebar ul li ul li a {width: 100%;  font-size: 80%;    line-height: 2rem;   font-weight: 500;    color: #666;    font-family: "Poppins"; }
#sidebar h3 {  font-size: 16px;    }

#sidebar .widget_categories {padding-bottom: 1rem}
#sidebar .widget_categories .widget-title{display:none}
#sidebar .widget_categories ul li {border-bottom: 2px solid #e9e9e9;box-shadow: 0px 1px 0px 0px #fff;    border-left: 0; margin-bottom: 0}
#sidebar .widget_categories ul li:hover {border-left:none}
#sidebar .widget_categories ul li a {font-family: Poppins;    font-weight: 700;    font-style: normal;transition: color .3s; padding:1.5rem 0;    color: #222;    text-transform: uppercase;    font-size: 90%;    left: 0;   width: 100%;}
#sidebar .widget_categories ul li:hover a {left:0;color:var(--primary)}
#sidebar .widget_categories ul li.current-cat a {color:var(--primary)}

#sidebar .custom-link {font-family: Poppins;    font-weight: 700;    font-style: normal;    transition: color .3s;    padding: 1.5rem 0;    color: #222;    text-transform: uppercase;line-height: 40px;    font-size: 81%;    left: 0;    width: 100%;border-bottom: 2px solid #e9e9e9;box-shadow: 0px 1px 0px 0px #fff; }
#sidebar .custom-link:hover {color:var(--primary)}

#sidebar ul.menu {padding-bottom: 3rem}
#sidebar ul.menu:empty {padding-bottom: 0}
#sidebar ul.menu li {border-bottom: 2px solid #e9e9e9;box-shadow: 0px 1px 0px 0px #fff;    border-left: 0; margin-bottom: 0}
#sidebar ul.menu li:hover {border-left:none}
#sidebar ul.menu li a {font-family: Poppins;  display:block; cursor: pointer;font-weight: 700;    font-style: normal;transition: color .3s; padding:1.5rem 0;    color: #222;    text-transform: uppercase;    font-size: 90%;    left: 0;   width: 100%;}
#sidebar ul.menu li:hover a {left:0;color:var(--primary)}
#sidebar ul.menu li.current-menu-item a {color:var(--primary)}

#sidebar #nav_menu-3 {margin-bottom: 0}
#sidebar #nav_menu-3 .menu{padding-bottom: 0}



.wp-block-image.size-full img{width:100%}


#wrapper .entry-content a,#wrapper .events-table h3 a { font-weight: 600;  	transition: all .4s, top .1s;	border-bottom: 2px solid rgba(0,0,0,0);	position: relative;	top:0}

#wrapper .entry-content a:hover,#wrapper .events-table h3 a:hover {  	border-bottom: 2px solid var(--textlinkhover);	transition: all .2s;	top:-2px;}

.agenda .eventtimes {font-size: 75%;font-weight: 800;}

.error404 article {}

table.em-calendar td.eventless-today, table.em-calendar td.eventful-today {    background-color: var(--primary);    color: white;}

table.em-calendar td.eventful a {    color: var(--primary);}
table.em-calendar td.eventful-today a {    color:white}


#content {display:grid;grid-template-columns: auto;position: relative;}
.tablet #content{ grid-template-columns:minmax(30%, 800px) minmax(50%, auto)}
.tablet .view-boxed #content {grid-template-columns: auto;}
#content .entry-meta {display: none; font-size: 1rem;    color: #aaa;    text-transform: uppercase;    font-weight: 600;}
.deskto #content .entry-meta {display: block}
.single #content .entry-meta {display: block}
#content .entry-meta span{margin:0 .2rem}
#content .entry-meta span:first-child{margin-left: 0}
.view-boxed #content .entry-meta span{color:#ccc}
.tax-sportcultuur_categories #content .entry-meta {display:none}

#content header {margin-bottom: .5rem}
#content h2.entry-title, #content h2.list-entry-title { margin-bottom: 1.5rem;}
.tax-sportcultuur_categories #content h2.entry-title, .tax-sportcultuur_categories #content h2.list-entry-title { margin-bottom: 0;}

#content h2 a{color:var(--secondary); }
#content h2 a:hover{color:var(--primary)}
#content .entry-summary { padding-bottom: 1rem}
#content .entry-summary .more-link{font-weight: 700;    font-size: 80%;    color: black;}
#content .entry-summary .more-link:hover{  color: var(--primary)}
#content .entry-summary .more-link i{  font-size: 80%;   }
#content .entry-summary .more-link i:last-child{    margin-left: -1px;}

#content .entry-summary > *:not(.thumblinkwrap) {display:none}
.deskto #content .entry-summary > * {display:block}

#content .entry-summary > p {   font-size: 14px;    line-height: 2.5rem;    font-weight: 600;    color: #555;}

.blog #content article, .search #content article, .archive #content article, .page-template-page-list #content article  {display: block;    min-height: 100px;padding-left: 110px;    position: relative;border-bottom: 1px solid #f0f0f0;    margin-bottom: 20px;}
.deskto .blog #content article, .deskto .search #content article, .deskto .archive #content article, .deskto .page-template-page-list #content article   { min-height: 190px;padding-left: 170px;  margin-bottom: 40px;  }
.single #content article {padding-left:0;}
#content article.no-results {padding-left:0 !important;}
#content .thumblinkwrap {position:absolute;left:0;top:0;width: 80px}
.deskto #content .thumblinkwrap {width:auto}

.single #content article figure.wp-embed-aspect-16-9 iframe {height:calc((100vw - 60px) * 0.5625); width: 100%; max-height:calc(880px *0.5625)}


#content .events-table td{font-size:75%; line-height: 2.5rem}
#content .events-table td a{ font-size:  130%}
#content .events-table td:first-child {min-width: 110px; width: 110px} 
.single #content .events-table i{display:none}
.single #content .events-table .eventtimes {    font-size: 75%;font-weight: 800;}

#content .entry-content {padding-bottom: 3rem;background: white;    padding: 15px;margin-left: -15px;    margin-right: -15px; line-height: 3rem;}
.tablet #content .entry-content {margin-left:0;    margin-right: 0; padding: 0}
#content .entry-content .wp-block-table {line-height: 3rem;}
#content .entry-content a { line-height: 2.5rem}

#content .entry-content figure a:hover {top:0; border-bottom: 2px solid rgba(0,0,0,0)}

#content .asset-meta {grid-template-columns:auto;    grid-gap: 0;}
.tablet #content .asset-meta {    display: grid;    grid-auto-columns: max-content;    grid-template-columns: auto auto auto;    grid-gap: 2rem;}
#content .asset-meta p{    background: #f9f9f9;    padding: 1rem; }
#content .asset-meta p i{font-size: 80%; font-style: italic}

#content .nav-links {display: grid;    grid-template-columns: auto auto;}
#content .nav-links .nav-next {text-align: right}

#content .footer .nav-previous {padding-bottom: 2rem;}

#content .nav-links .faded {    opacity: 0.1;font-family: Poppins;    font-weight: 600;    font-style: normal;font-size: 15px;}
#content .nav-links  a {font-family: Poppins;    font-weight: 600;    font-style: normal;font-size: 15px; color: var(--dark)  }
#content .nav-links a:hover {  color:var(--primary)}


#comments {margin-top:90px}
#comments .comment-meta {font-size:1.2rem;color:#aaa; padding-bottom: 2rem}
#comments .comment-body  {   font-size:80%;}
#comments .comment-body .avatar {    vertical-align: middle;    width: 20px;    padding-bottom: 1rem;}
#comments .comment-body .says {   display:none}

#maintextwrapper { padding: 30px;padding-bottom: 60px;z-index: 2; position: relative; }
.single #maintextwrapper {margin-top: -200px;}
.tablet #maintextwrapper { margin-top: 0}
.single #maintextwrapper h1.entry-title {color:white}
.view-boxed #maintextwrapper h1.entry-title {color:white}
.tablet #maintextwrapper h1.entry-title {color:black}
.view-boxed #maintextwrapper {margin-top: -200px;}
.tablet .view-boxed #maintextwrapper {margin-top: 0px;}

.tablet .view-boxed #maintextwrapper {margin: 20vh auto;    max-width: 1000px; padding-bottom: 0}
.tablet .home.view-boxed #maintextwrapper {margin: 10vh auto;     padding-bottom: 0}
.tablet .view-boxed.single #maintextwrapper {margin: 30vh auto;    }
.tablet .view-boxed #maintextwrapper h1.entry-title {color:white}
.tablet .view-boxed #maintextwrapper .entry-content {background:white;padding: 30px;}
.deskto .view-boxed #maintextwrapper .entry-content {min-width: 940px}
.tablet .view-boxed #maintextwrapper .entry-footer {background:white;padding: 30px;}
.tablet .view-boxed #maintextwrapper #comments {background:white;padding: 30px;}
.tablet .view-boxed #maintextwrapper article >* {background:white;}
.tablet .view-boxed #maintextwrapper article header {background:none;}

#maintextwrapper article {font-size: 16px;}
#maintextwrapper article ul {list-style: disc;    margin-top: 0px;    padding-left: 20px;}
#maintextwrapper article li {line-height: normal;}
#maintextwrapper article figure ul {list-style: none;    margin-top: 0px;    padding-left: 0px;}
.page-template-default #maintextwrapper article h2 {margin-bottom: 10px;}
.page-template-default #maintextwrapper article hr {border-top: 1px solid var(--light);    margin: 120px 0 30px 0;}

#maintextwrapper article .widget_categories {display: block}
.tablet #maintextwrapper article .widget_categories {display: none} 

.widget_categories select{height:auto}

#mainimagewrapper {background:#fdfdfd;order:-1}
.tablet #mainimagewrapper {order:0}
.tablet .view-boxed #mainimagewrapper {background:black;order:-1}

#maintextwrapper  h1+h4{position: relative;  padding-bottom: 20px; margin-bottom: 4rem; }
#maintextwrapper  h1+h4:before,#maintextwrapper h1+h4:after  {position: absolute;    height: 10px;    bottom: 0;    content: '';    display: block;}
#maintextwrapper  h1+h4:before {    background: var(--highlight);   left: 0;    width: 40px;    z-index: 1;}
#maintextwrapper  h1+h4:after {        background: rgba(80%,80%,80%,.3);    left: 38px;    right: 35%;    z-index: 0;}

#maintextwrapper  h4:first-of-type{position: relative;  padding-bottom: 20px; margin-bottom: 4rem; }
#maintextwrapper  h4:first-of-type:before,#maintextwrapper h4:first-of-type:after  {position: absolute;    height: 10px;    bottom: 0;    content: '';    display: block;}
#maintextwrapper  h4:first-of-type:before {    background: var(--highlight);   left: 0;    width: 90px;    z-index: 1;}
#maintextwrapper  h4:first-of-type:after {        background: rgba(80%,80%,80%,.3);    left: 38px;    right: 35%;    z-index: 0;}
#maintextwrapper  h4 p {margin-bottom:0}
#maintextwrapper article td:first-child, #maintextwrapper articleth:first-child {    padding-left: 6px;}

#mainimageinside{position: relative;    height: 75vw; background: var(--dark);z-index: 1; }
.search #mainimageinside {height: 0; }
.tablet #mainimageinside{ height: calc(100vh - 40px);}
.tablet .view-boxed #mainimageinside {height:auto}


#mainimage{background-position: center center; background-size: cover; position: absolute; height: 100%; width: 100%; right: 0; top: 0; max-height: 100%; opacity: 0}
#mainimage.loaded{	opacity: 1;}
.tablet .view-boxed #mainimage{   width: 100%;         z-index: -1;    min-height: 50vh; max-height: 100vh; height: calc(100vh - 40px); opacity: 1}
.deskto .view-boxed #mainimage{position:fixed;top:40px;   width: 100%;         z-index: -1;    min-height: 50vh; max-height: 100vh; height: 100vh; opacity: 1}
.deskto .view-boxed #mainimage{translateZ(70px) translatey(0px); transition: 0s transform}


/*.home #mainimage {max-height: none;background-blend-mode: luminosity;    background-color: rgba(0,60,70,.9); }*/
.page-id-72 #mainimage {max-height: none;background-blend-mode: luminosity;    background-color: rgba(0,60,70,.9); }
.page-id-72 header h4{display:none}

#mainimage:after { content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0; background:linear-gradient(180deg,  rgba(0,0,0,0.2), rgba(0,0,0,0.5)); opacity: 1; transition: all 1s; -webkit-transition: all 1s;}
.tablet .view-boxed #mainimage:after { background:var(--dark);}
.tablet .view-boxed #mainimage.loaded:after { background:rgba(0,0,0,0.4);}


#mainimagecaption {font-family: Poppins;display: inline-block;line-height: 3rem; box-sizing: border-box;  position: absolute;color: white; max-width: 300px; bottom: 30px; left: 30px; width: 80%; border-left: 10px solid white; padding: 15px; padding-right: 60px; font-weight: 700;animation: 1s ease-out 0s 1 slideInFromRight;}
.tablet #mainimagecaption { width: 50%;padding: 30px 15px;padding-right: 60px; line-height: 2.75rem;}
.view-boxed #mainimagecaption{display:none}
.single #mainimagecaption{display:none}
#mainimagecaption:empty {display:none}

#mainimagelink {    position: absolute;    color: white;    max-width: 300px;  text-align: right;  bottom: 70px;    right: 30px; opacity: 1; animation: fadeIn 2s ease-out 0s 1 ; }
#mainimagelink a{    color: white;    font-weight: 800;    font-size: 80%; text-align: right}
#mainimagelink a:hover{}
#mainimagelink a i{padding-right: 5px;font-size: 120%;}
#mainimagelink a[href=""]{display:none}
#mainimagelink a span{overflow: hidden;text-align: right;    max-width: 0;    display: inline-block;    width: auto;  opacity: 0;     text-align: right;    white-space: nowrap;}
#mainimagelink:hover span{ max-width: 100%; opacity: 1   }


#footer {display:none}
#footerwaves {position: fixed;    pointer-events: none;    width: 100%;    bottom: 0px;    height: 60px; z-index: 99}

.widget_em_calendar {font-size: 12px;    line-height: 2rem;}
#query-monitor-main {;opacity:0;height: 20px !important;transition: height .5s,opacity .3s  !important;transition-delay: .3s !important}
#query-monitor-main:hover { ;opacity:1;   height: 40% !important; transition-delay: 0s !important}

pre.wp-block-verse {padding:10px;    line-height: 3rem;    white-space: normal;}
address, cite, var {	font-size: 80%}
blockquote p {   margin-bottom: 1rem; }

.fancybox-button {height:40px !important}


.wp-block-latest-posts li{border-bottom: 1px solid #eee;    padding-bottom: 10px;}
#content .wp-block-latest-posts li a{line-height: 3.5rem;}

.page-numbers {    margin-right: 5px;    padding: 0px 8px;border-radius: 4px;}
.page-numbers.current {    background: var(--primary);    color: white;}

.wpcf7-form label { width:100%}
.wpcf7-form textarea { min-height:120px;background: #fafafa;  padding: 15px 10px;}
div.wpcf7-response-output {margin:0;font-size: 14px;    font-weight: 600; padding: 10px}
.wpcf7-form fieldset, .wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {margin-bottom:5px}
.wpcf7-form input[type='submit'] {color: white}

.wpcf7-form input[type='text'], .wpcf7-form input[type='email']{
    background: #fafafa;
    padding: 15px 10px;
  }

div.wpcf7-mail-sent-ok { border:none;	background:var(--primary)}
div.wpcf7-mail-sent-ng {	border:none;	background: #ff0000;}
div.wpcf7-spam-blocked {	border:none;	background: #ffa500;}
div.wpcf7-validation-errors {	border:none;	background:#f7e700;}

#byfrontalic { width:100%; padding: 10px; letter-spacing: -.2px; text-align: right; box-sizing: border-box; color: #dee;    font-size: 10px; font-weight: 800;position:fixed; z-index: 999;bottom:0}
#byfrontalic span {vertical-align: baseline;}
#byfrontalic svg { height: 10px;vertical-align: baseline;}
#byfrontalic svg path{fill: white;}
.mobile #byfrontalic{font-size:8px}	
.mobile #byfrontalic svg {height: 8px}

.grecaptcha-badge {display: none !important;}

@keyframes slideInFromLeft {
  0% {    transform: translateX(-100%);	  opacity: 0;  }
  100% {    transform: translateX(0);	    opacity: 1;  }
}

@keyframes slideInFromRight {
  0% {    transform: translateX(20%);	  opacity: 0; padding-left:60px;padding-right:15px;  }
  100% {   transform: translateX(0);	 padding-left:15px;padding-right:60px;   opacity: 1;  }
}

@keyframes fadeIn {
  0% {      opacity: 0;  }
  50% {      opacity: 0;  }
  100% {   	  opacity: 1;  }
}