/*
	Theme Name: Triatlon GO
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl

*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?gm0tqb');
  src:  url('fonts/icomoon.eot?gm0tqb#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?gm0tqb') format('truetype'),
    url('fonts/icomoon.woff?gm0tqb') format('woff'),
    url('fonts/icomoon.svg?gm0tqb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-date:before {
  content: "\e902";
}
.icon-door-dink:before {
  content: "\e903";
}



a, .overzicht-hover,.overzicht-titel,.contact-form .medium-8 ,.btn, button, button:before {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*------------------------------------*\
    MAIN


\*------------------------------------*/

/* global box-sizing */
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

/* clear */
.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;width:100%;height:auto;	vertical-align:bottom;}

a {	color:#121212;	text-decoration:none;}
a:hover {	color:#F39200;}
a:focus {	outline:0;}

a:hover,a:active {	outline:0;}
input:focus, :focus-visible {	outline:0;}

/*------------------------------------*\
    FONTS
Avory I Latin Italic
font-family: avory-i-latin, sans-serif;
font-weight: 400;
font-style: italic;


Avory I Latin Regular
font-family: avory-i-latin, sans-serif;
font-weight: 400;
font-style: normal;

Avory I Latin Bold Italic
font-family: avory-i-latin, sans-serif;
font-weight: 700;
font-style: italic;

Avory I Latin Bold
font-family: avory-i-latin, sans-serif;
font-weight: 700;
font-style: normal;

Avory I PE Italic
font-family: avory-i-pe, sans-serif;
font-weight: 400;
font-style: italic;

Avory I PE Regular
font-family: avory-i-pe, sans-serif;
font-weight: 400;
font-style: normal;

Avory I PE Bold
font-family: avory-i-pe, sans-serif;
font-weight: 700;
font-style: normal;

Avory I PE Bold Italic
font-family: avory-i-pe, sans-serif;
font-weight: 700;
font-style: italic;
\*------------------------------------*/




h1, h2, h3, h4, h5, h6 {    margin: 0;color:#121212; font-size:46px; font-weight:700;line-height:1.3;text-transform:none;	font-family: avory-i-latin, sans-serif;}
body {font-size:18px;line-height:1.4;font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;}

p { margin:0 0 25px}
p:last-child {margin:0}


.banner h1, .banner h2 {font-size:92px;text-transform:uppercase;margin-bottom:35px}
.banner h1:last-child, .banner h2:last-child {margin-bottom:0;}

.standaard-content ul , .standaard-content ol {padding:0;margin:0;list-style:none;margin:0 0 25px;}
.standaard-content ul:last-child , .standaard-content ol:last-child {margin-bottom:0;}
.standaard-content li {list-style:none;margin-bottom:25px;display:block;position:relative;padding-left:20px;}
.standaard-content li:last-child {margin-bottom:0;}
.standaard-content li:before {width:10px;height:10px;background:#F39200;content:"";position:absolute;left:0;top:8px;}
	
/*------------------------------------*\
    CONTENT
\*------------------------------------*/
body, html {margin:0;padding:0}

/* wrapper */
.wrapper {	max-width:1300px;	width:100%;	margin:0 auto;}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
	}

.textcenter, .text-center {text-align:center;}
.title-box {margin-bottom:25px}
.subtitle-box {margin-bottom:20px}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.margin-fix,.marginfix {margin-bottom:40px}
.nomargin {margin-bottom:0!important}



.content-row {padding:100px 0 60px}
.small-top-padding {padding-top:50px}

.grey-background {background:#F6F6F6;}


.white-background + .white-background {padding-top:0!important;} 
.grey-background + .grey-background {padding-top:0!important;}

.sponsoren-row {padding:60px 0 50px}
.sponsoren-row + .white-background {padding-top:50px;}

.banner-evenementen + .white-background {padding-top:60px}



.next-to-media {padding-top:30px;}

.kaart-link {    display: block;    position: relative;}
span.btn {    position: absolute;    left: calc(50% - 100px);    top: calc(50% - 21px);z-index:10;}
.kaart-link:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#121212;opacity:.7;z-index:1;}

.media-holder {position:relative;}
.media-holder img {width:100%;}
.media-holder a {display:block;}
.video-box { position: relative; padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;    } 
.video-box iframe,.video-box object,.video-box embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;   }
.video-link {position:relative;color:#fff;}
.video-link i {position:absolute;font-size:50px;line-height:1;left:calc(50% - 20px);top:calc(50% - 25px)}
.video-link:hover {color:#F39200}

.media-group > div {margin-bottom:30px}
.media-group {margin-bottom:20px}
.media-row {margin-bottom:30px}
.media-row:last-row {margin-bottom:10px}

ul.btns-row {    margin: 20px 0 0;    padding: 0;    list-style: none;}
ul.btns-row li {display:inline-block;margin:0 10px 10px;}



.contact-row {position:relative;z-index:5000}
.contact-form .medium-8 {    padding: 50px;    background: #FFFFFF;}
.contact-form .medium-4 {    background: #121212;    padding: 50px 30px;}
.contact-form h4 {    color: #F39200;    font-size: 24px;    text-transform: uppercase;    margin-bottom: 5px;}

.contact-form .medium-4, .contact-form .medium-4 a {color:#fff;font-size:20px;}
.contact-form {    margin-top: -260px;    margin-bottom: 120px;}



.archive-box {margin-bottom:30px;}
.archive-row {margin-bottom:10px;position:relative;}

.archive-image {    position: relative;    background-size: cover;    background-position: center center;    background-color: #D9D9D9;    padding-bottom: 55%;}
.archive-content {    margin-top: -50px;    position: relative;    z-index: 10;    padding-left: 45px;    padding-right: 45px;}

.archive-content > div {background-color:#f9f9f9;padding:25px;}
.grey-background .archive-content > div {background-color:#fff;}

.archive-content h3 {    font-size: 24px;    text-transform: uppercase;    margin-bottom: 10px;}
.archive-content h3 a{  font-size: 24px; font-weight:700;  color: #121212;}

.archive-content ul, .archive-content li {padding:0;margin:0;list-style:none;}
.archive-content li {display:inline-block;margin-right:10px;}
.archive-content li a {font-size:25px;display:block;color:#F39200}
.archive-content li a:hover, .archive-content li a:focus {color: #121212;}
.archive-content p {margin-bottom:15px;}
.archive-content p:last-child {margin-bottom:0}

.title-box + .archive-row {margin-top:20px;}


.archive-row .slider-arrow {z-index:200;position:absolute;cursor:pointer;font-size:16px;top:20%;}
.archive-row .slider-arrow.arrow-back {left:-10%}
.archive-row .slider-arrow.arrow-next {right:-10%}

.slider-holder .slider-arrow {color:#fff;position:absolute;cursor:pointer;font-size:16px;top:calc(50% - 11px);    z-index: 100;}
.slider-holder .slider-arrow.arrow-back {left:5%}
.slider-holder .slider-arrow.arrow-next {right:5%}


.pagination {margin-top:20px}
.page-numbers {    font-size: 22px;    vertical-align: middle;    display: inline-block;    margin: 0 9px;}
.next.page-numbers , .prev.page-numbers {    font-size: 13px;}
span.page-numbers.current, a.page-numbers:hover {    color: #f39300;}
span.page-numbers.current {font-size:35px;font-family: avory-i-pe, sans-serif;font-weight: 700;}

ul.slick-dots, ul.slick-dots li { text-align:center;   display: block;    margin: 0;    padding: 0;    list-style: none;}
ul.slick-dots li {display:inline-block}
ul.slick-dots {margin-top:10px;}
ul.slick-dots li button {cursor:pointer; position:relative;   -webkit-appearance: none;    appearance: none;    border: none;    background: none;    width: 20px;    height: 20px;
    font-size: 0;    border: 1px solid transparent;    border-radius: 50%;}
ul.slick-dots li.slick-active button {border-color:#646464}
ul.slick-dots li button:before {border-radius:50%;content:"";position:absolute;width:10px;height:10px;border:1px solid #646464;left:calc(50% - 5px);top:calc(50% - 5px);}
ul.slick-dots li.slick-active button:before, ul.slick-dots li button:hover:before {background-color:#646464}

.sponsor-image {text-align:center;}
.sponsor-image a{display:inline-block;}
.sponsor-image img {    max-height: 70px;    width: auto;    max-width: 100%;    display: block;    margin: 0 auto;}

.sponsoren-grid .sponsor-box{width:20%}
.sponsoren-grid .sponsor-image img {max-height:200px;margin-bottom:30px;}
.sponsoren-grid {margin-bottom:-30px}


.programma-row {    padding-bottom: 26px;font-size:22px;}
.programma-row:last-child {padding-bottom:0;}
.title-box + .programma-box {margin-top:20px;}
.programma-tijd {    font-family: avory-i-latin, sans-serif;    font-weight: 700;}
.programma-tijd {    width: 260px;    text-align: right;    padding-right: 80px;    position: relative;}
.programma-omschrijving {width:calc(100% - 260px);}
.programma-tijd:after {    position: absolute;    content: "";    width: 21px;    height: 21px;    border-radius: 50%;    border: 1px solid #F39200;    top: 12px;    right: 29px;    background: #fff;z-index:10;}
.programma-tijd:before {        position: absolute;    content: "";    width: 1px;    height: calc(100% + 26px);   background: #F39200;    top: 15px;    right: 39px;    z-index: 5;}

.programma-row:last-child .programma-tijd:before {display:none}
.programma-box {line-height:2;}


.event-box {    padding: 30px;    background: #121212;}
.event-box, .event-box h3, .event-box h4, .event-box a {color:#fff;}
.event-box a:hover {color:#F39200}
.event-box h3 a, .event-box h3 {    text-transform: uppercase;    line-height: 1;}
.event-box h4 {    font-size: 32px;    font-weight: 400;    margin-top: 5px;}
.event-box .date {margin-top:20px;}

.event-box > div:first-child {width:100%;margin-bottom:20px;}
.event-box > div:last-child {width:100%;text-align:left}
p.inschrijf-moment {    font-size: 20px;    font-weight: 100;margin-bottom:30px;}
p.inschrijf-moment span {    font-weight: 600;}

.banner-evenementen .wrapper {    margin-top: -100px;    position: relative;    z-index: 100;}


form br {display:none}
form p {margin:0}


input[type='text'], input[type='email'],textarea {
	-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;
	border-radius:0;background:none;border:none;height:60px;font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;padding-left:0;margin-bottom:20px;width:100%;display:block;border:1px solid #121212;font-size:20px;padding-left:25px
}
textarea {height:150px;resize:none;overflow: hidden;padding-top:20px;margin-bottom:10px}


.wpcf7-form-control-wrap {width:100%;display:block;float:left;}

.wpcf7-form-control.wpcf7-radio {
    float: left;
    width: 100%;
    min-height: 60px;
    margin-bottom: 20px;
    border: 1px solid #121212;
    padding: 17px 26px 15px;
}

span.wpcf7-form-control-wrap.your-name {    width: 35%;    padding-right: 10px;}
span.wpcf7-form-control-wrap.achternaam {width:65%;padding-left:10px;}
.required-txt {display:block;float:left;font-size:14px;width:100%;}

.wpcf7-checkbox {
    border-radius: 5px;
    background: #FFFFFF;
    width: 100%;
    margin-bottom: 20px;
    display: block;
    padding: 18px 30px;
    line-height: 1;
}
.wpcf7-list-item {   display: inline-block;
    margin: 0;
    margin-right: 50px;
    line-height: 1;
    font-size: 20px;
   font-family: avory-i-pe, sans-serif;
    font-weight: 400;
    color: #121212;}

input[type="checkbox"], input[type="radio"] {display:none}
input[type="checkbox"] + span, input[type="radio"] + span {position:relative;padding-left:30px;}
input[type="checkbox"] + span:before, input[type="radio"] + span:before {background:#fff;content:"";position:absolute;top:calc(50% - 10px);left:0;width:20px;height:20px;border-radius:0;border:1px solid #121212;text-align:center;padding-top:1px}
input[type="checkbox"]:checked + span:before, input[type="radio"]:checked + span:before{    font-weight: 400;
     font-weight: 400;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #F39200;
    font-size: 16px;
}
 

input.wpcf7-form-control.has-spinner.wpcf7-submit.btn {
    float: right;margin-top:-10px
}

.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {    border-color: #cb050e!important;}
.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 20px;
    border: 2px solid #cb050e;
    text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #cb050e;
    color: #fff;
    background: #cb050e;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;
}
::-moz-placeholder { /* Firefox 19+ */
 font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;
}
:-ms-input-placeholder { /* IE 10+ */
font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;
}
:-moz-placeholder { /* Firefox 18- */
 font-family: avory-i-pe, sans-serif;color:#121212;font-weight:400;
}
 
/*------------------------------------*\
    FANCYBOX
\*------------------------------------*/
.fancybox__container {    z-index: 9999;}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {border-color:#F39200}
.carousel__button.is-prev svg , .carousel__button.is-next svg{display:none}
.carousel__button {width:50px;height:50px}
.carousel__button.is-prev:before {font-family: 'icomoon';content: "\e900";color:#fff}
.carousel__button.is-next:before {font-family: 'icomoon';content: "\e901";color:#fff}


/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.btn {
font-size: 20px;font-family: avory-i-pe, sans-serif;
    color: #fff!important;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    padding: 9px 20px;
    background-color: #F39200;
    border-radius: 0;
    min-width: 120px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    border: 2px solid #F39200;
    overflow: hidden;
    position: relative;
}

.btn:hover, .btn:focus, .btn.outline {color: #F39200!important;border-color:#F39200;background-color:transparent}
.btn.outline:hover, .btn.outline:focus {color:#fff!important; background-color: #F39200;}


/*------------------------------------*\
    BANNER
\*------------------------------------*/
.banner {background-color: #121212;min-height:600px;position:relative;padding:75px 0;background-size:cover;background-position:center center;}
.banner, .banner h1, .banner h2 {color:#FFFFFF}


.banner:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#121212;opacity:.7;z-index:2;}

.banner.with-author:after, .media-holder .media-author:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:50px;background:#000000;opacity:.7;z-index:3;
background: -moz-linear-gradient(top, rgba(18,18,18,0) 0%, rgba(0,0,0,1) 100%); 
background: -webkit-linear-gradient(top, rgba(18,18,18,0) 0%,rgba(0,0,0,1) 100%); 
background: linear-gradient(to bottom, rgba(18,18,18,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00121212', endColorstr='#000000',GradientType=0 ); }
.media-holder .media-author:after  {z-index:-1}
.media-holder .media-author {font-size:12px}

.banner .wrapper {position:relative;z-index:10;}
.page-template-template-contact .banner {    padding: 180px 0 300px;}
.media-author {position:absolute;z-index:5;bottom:0;left:0;width:100%;color:#fff;padding:0 10px 10px}


.slider-holder {    position: relative;}
.slider-holder .banner {min-height:calc(100vh - 200px);padding:120px 0}
.banner video {        max-width: 100%;    position: absolute;    top: 50%;    left: 50%;    width: 100%;    z-index: 1;    object-fit: cover;    width: 100vw;    height: 100vh;    position: fixed;    top: 0;    left: 0;}


.banner-locatie-holder { z-index:10;   position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: auto;}
.banner-locatie {font-size:20px;max-width:280px;float:right;background:#121212;padding:25px 30px 20px}
.banner-locatie, .banner-locatie a{color:#fff;}

.banner-locatie .btn {width:100%;padding-left:5px;padding-right:5px;}
.banner-locatie p {    margin-bottom: 20px;}

.banner-holder {position:relative;}

p.date {    position: relative;    padding-left: 25px;    display: block;}
p.date span {font-size:18px;position:absolute;left:0;top:5px;}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer {padding:80px 0 25px;background-color:#121212;color:#fff}

.footer-logo a {    display: block;    max-width: 250px;}
footer h4 {    color: #F39200;    font-size: 24px;    text-transform: uppercase;margin-bottom:5px;}
footer ul,footer li {padding:0;margin:0;list-style:none}

.footer-widgets, .footer-widgets a{color:#fff;font-size:20px;}
.footer-widgets a:hover, .footer-widgets a:focus { color: #F39200; }

.footer-widgets > div, .footer-logo {margin-bottom:30px;}
.footer-widgets ul {margin-bottom:20px}
.footer-widgets ul:last-child {margin-bottom:0}

.footer-socials li:first-child {    font-weight: 700;}
.footer-socials li{display:inline-block;vertical-align:middle;margin-right:10px}
.footer-socials a {color: #F39200; font-size:25px}
.footer-socials a:hover {color:#fff;}

.footer-top {padding-bottom:30px;}

.footer-bottom , .footer-bottom a {color:#fff;}
.footer-bottom div div:last-child {text-align:right;}
.footer-bottom > div {position:relative;padding-top:25px;}
.footer-bottom > div:before {content:"";position:absolute;top:0;left:15px;background:#fff;width:calc(100% - 30px);height:1px}

@media screen and (max-width:991px){
	.footer-logo a {margin: 0 auto;}
	
	footer {    padding: 50px 0 25px;	}
	.footer-top {    padding-bottom: 10px;}
}
@media screen and (max-width:767px){
	.footer-widgets .medium-3 {width:50%;}
	.footer-bottom div div {text-align:center!important}
	.footer-bottom div div:last-child {margin-top:10px;}
	
	
	footer h4 {    font-size: 20px;}
	.footer-widgets, .footer-widgets a {    font-size: 17px;}
	.footer-bottom, .footer-bottom a {font-size:14px}
	.footer-socials a {font-size:20px;}
}
@media screen and (max-width:500px){
	.footer-logo a {max-width:200px}
	.footer-widgets .medium-3 {width:50%;}
	.footer-socials {text-align:center}
	.footer-socials li:first-child {display:block;margin:0;margin-bottom:10px;}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/
header {position:fixed;width:100%;background:#121212;left:0;top:0;padding:20px 0 0;z-index:9000}
header .logo {width:160px}
header .logo img, header .logo a {display:block;width:100%;}

.navigatie, .mobbtn-hold {width:calc(100% - 160px);text-align:right;    margin-top: 11px;}

.navigatie a {color:#fff;text-transform:uppercase;display:block;font-size:20px;}

.navigatie > ul > li > a {position:relative}
.navigatie > ul > li > a:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:transparent}
.navigatie li:hover > a:after , .navigatie li.current-menu-item > a:after , .navigatie li.current-menu-ancestor > a:after  {background-color:#F39200}

.navigatie > ul > li.current-menu-item > a, .navigatie  > ul > li.current-menu-ancestor > a {font-weight:700} 
.navigatie > ul > li > a:after{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



.navigatie li:hover > a, .navigatie li.current-menu-item > a, .navigatie li.current-menu-ancestor > a {}

.navigatie ul, .navigatie li {padding:0;margin:0;list-style:none;display:block;position:relative;}
.navigatie > ul > li {display:inline-block;margin-right:45px;    padding-bottom: 31px;}
.navigatie > ul > li:last-child {margin-right:0;}
.navigatie .sub-menu {position:absolute;top:100%;left:calc(50% - 125px);background:none;padding:40px 20px;    width: 250px;
    text-align: center;display:none}
.navigatie .sub-menu li {margin-bottom:5px;display:block}
.navigatie .sub-menu li:last-child {margin-bottom:0;}
.navigatie .sub-menu a, .mega-menu-item a {font-size:17px;color:#121212;text-transform:none}
.navigatie li:hover > .sub-menu {display:block}
.navigatie > ul > li > a {padding:5px 0;}

.navigatie .sub-menu li:hover > a, .navigatie .sub-menu li.current-menu-item > a, .navigatie .sub-menu li.current-menu-ancestor > a , .mega-menu-item .current-menu-item >a, .mega-menu-item  li:hover > a{text-decoration:underline}

.navigatie .sub-menu .sub-menu {top:-20px;left:100%}
.navigatie .menu-bold a {	    font-weight: 700;}
.navigatie .menu-bold {margin-top:20px}
header .wrapper {position:relative;z-index:100}




.sub-menu-placeholder {
    z-index: 8999;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    background-color: #fff;
    position: fixed;
    min-height: 0;
}
.sub-menu-placeholder{
  -webkit-transition: all .08s ease-in-out;
  -moz-transition: all .08s ease-in-out;
  -o-transition: all .08s ease-in-out;
  transition: all .08s ease-in-out;

}


.mobbtn-hold {display:none;    margin-top: 12px;}

.navigatie > ul > li.menu-item-has-children:after, .navigatie .mega-menu-parent:after {content:"";position:absolute;top:100%;  width: 0; 
  height: 0;   border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 15px solid transparent;left:calc(50% - 10px)}


.navigatie > ul > li.menu-item-has-children:hover:after, .navigatie .mega-menu-parent:hover:after {border-top: 15px solid #121212;}



.navigatie .mega-menu-parent:hover .mega-menu-wrapper {display:block}

.mega-menu-wrapper {      padding: 40px 5px;  position: absolute;    top: 100%;    left: 0;    display: none;    width: 1000px;    max-width: 100vw;    left: calc(50% - 500px);}
.mega-menu-item {
    width: 20%;
    text-align: left;
    border-right: 1px solid #FD8E01;
    padding: 0 40px 10px;
}
.mega-menu-item:last-child {border-right:none}
h4.menutitle {margin-bottom:7px;font-size:18px;text-transform:uppercase}

.mega-menu-item ul, .mega-menu-item li {float:left;width:100%;}
/*
.mega-menu-item #menu-herkingen li {width:50%}
.mega-menu-item #menu-brouwersdam li {width:50%}
*/


.mobbtn {position:relative;width:28px;height:18px;cursor:pointer;    float: right;}
.mobbtn span {background:#fff;content:"";position:absolute;left:0;height:2px;width:100%;}
.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:8px;}
.mobbtn span:nth-child(3){top:16px;}

.mobbtn.active-menu span:nth-child(2){width:0;left:50%;}
.mobbtn.active-menu span:nth-child(1){	top: 8px;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);   transform: rotate(45deg); 	}
.mobbtn.active-menu span:nth-child(3){	top: 8px;  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); 	}

.responsive-nav {     text-align:left;  position: fixed;    top: 0;    right: -250px;    width: 250px;    z-index: 9000;
    background-color: #121212;    height: 100vh;    padding-top: 62px;    padding-bottom: 50px;  padding-left:20px;padding-right:0px;overflow:auto;}

.responsive-nav .sub-menu {display:none;padding-left:10px;padding-top:5px;}
.responsive-nav .sub-menu a {font-size:17px;}
.resp-nav ul, .resp-nav li {padding:0;margin:0;list-style:none;display:block}
.resp-nav li {margin-bottom:10px}
.resp-nav li:last-child{margin-bottom:0}
.resp-nav a{font-size:18px;font-weight:400;color:#FFFFFF;display:inline-block;text-transform:uppercase}
.resp-nav ul {width:100%}
.resp-nav li:hover >a, .resp-nav li.current-menu-item >a {color:#F39200}


.responsive-nav li.menu-item-has-children {    position: relative;}
.responsive-nav li.menu-item-has-children > span {    position: absolute;    width: 25px;    height: 25px;    content: "";    top: -1px;    right: 0;    z-index: 1}
.responsive-nav li.menu-item-has-children > span:after, .responsive-nav .menu-item-has-children > span:before {    content: "";    width: 14px;    height: 3px;    position: absolute;    left: 6px;    top: 11px;    background: #fff;}

.responsive-nav span.open:after {    display: none}
.responsive-nav li.menu-item-has-children > span:after {    -ms-transform: rotate(-90deg);    -webkit-transform: rotate(-90deg);     transform: rotate(-90deg);}


.mobbtn span, .responsive-nav, header{
	-webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


main {margin-top:100px}

@media screen and (max-width:1100px){
	.navigatie > ul > li {    margin-right: 25px;}
}

@media screen and (max-width:950px){
	.navigatie {display:none}
	.mobbtn-hold {display:block;width:calc(100% - 120px)}
	
	header .logo {    width: 120px;}
	header {padding:10px 0}
	.responsive-nav.active-menu {right: 0;    text-align: left;}
	header.active-menu {left:-250px;}
	main {margin-top:58px}


}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media screen and (max-width:1600px){
.archive-row .slider-arrow.arrow-back {    left: -20px;}
.archive-row .slider-arrow.arrow-next {    right: -20px;}	
}


@media screen and (max-width:1350px){
	.archive-content {padding-left: 10px;    padding-right: 10px;}
	.archive-row .slider-arrow {display:none}
}


@media screen and (max-width:1200px){
	h1, h2, h3, h4, h5, h6 {font-size:40px}
	
	.banner h1, .banner h2 {font-size:80px}
	.banner {    min-height: 500px;}
	
	.contact-form .medium-8, .contact-form .medium-4 {    padding: 30px;}
	
	.event-box > div:first-child {width:100%;padding-right:0;}
	.event-box > div:last-child {text-align:left;width:100%;margin-top:0}
	p.inschrijf-moment {margin-bottom:20px}
	
	.slider-holder .banner {padding-left:30px;padding-right:30px}
	.slider-holder .slider-arrow.arrow-next {    right: 5px;}
	.slider-holder .slider-arrow.arrow-back {    left: 5px;}
	
	
	.sponsoren-grid .sponsor-box{width:25%}
}


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

	.banner h1, .banner h2 {font-size:70px}
	.banner {    min-height: 400px;}

	
	.content-row {    padding: 50px 0 10px;}
	.sponsoren-row + .white-background {padding-top:0px;}
	.banner-evenementen + .white-background {padding-top:10px}
	.sponsoren-row {    padding: 30px 0 20px;}
	.contact-form {margin-bottom:50px}
	
	.pagination {    margin-top: 0;}
	
	.page-template-template-contact .banner {    padding: 150px 0 300px;}
	.wpcf7-list-item {margin-right:30px}
	.next-to-media {padding-top:0;}
	ul.slick-dots {    margin-top: 0;    margin-bottom: 20px;}
	.event-box h3 {font-size:28px}
	.event-box h4 {font-size:25px}	
}

@media screen and (max-width:767px){
	body {font-size:16px}
	h1, h2, h3, h4, h5, h6 {font-size:35px}
	
	.btn {		font-size: 18px;}
	
	p.date span {top:3px;}
	
	.archive-content > div {padding:20px}
	.archive-content h3 a, .archive-content h3  {font-size:21px}
	
	.banner {    min-height: 300px;}
	.banner h1, .banner h2 {font-size:55px}
	.page-template-template-contact .banner {    padding: 120px 0 300px;}
	.contact-form .medium-8, .contact-form .medium-4 {    padding: 20px;}
	.contact-form h4 {font-size:21px}
	input[type='text'], input[type='email'], textarea {height:50px;padding-left:20px}
	textarea {height:150px}
	.wpcf7-form-control.wpcf7-radio {padding: 12px 20px 10px;}
	
	.title-box {    margin-bottom: 15px;}
	
	.media-group .medium-4, .media-group .medium-6 {width:50%}
	
	.programma-tijd {    width: 100%;    text-align: left;    padding-right: 0;line-height: 1.5;}
	.programma-omschrijving {width:100%}
	.programma-row {padding-left:30px;font-size: 20px;}
	.programma-tijd:after {right:auto;    top: 6px;    left: -34px;}
	.programma-tijd:before {display:none}
	.programma-row {position:relative;padding-bottom:15px}	
	.programma-row:before {    position: absolute;    content: "";    width: 1px;    height: calc(100% + 26px);
    background: #F39200;    top: 15px;    left: 6px;    z-index: 5;}
	.programma-row:last-child:before {display:none}
	
	
	.banner-locatie-holder {position:relative;    background: #121212;}
	.banner-locatie {font-size: 18px;    max-width: 100%;    float: left;padding:20px;}
	.banner-locatie > div {width:50%}
	
	.event-box {padding:20px;}
	.event-box > div:first-child {    width: calc(100% - 170px);    padding-right: 20px;}
	.event-box > div:last-child {
    width: 170px;
    text-align: right;margin-top:0;
}
	.sponsoren-grid .sponsor-box{width:33.3333%}
	
}

@media screen and (max-width:500px){
	h1, h2, h3, h4, h5, h6 {font-size:28px}
	
	
	.banner h1, .banner h2 {font-size:40px}
	
	span.wpcf7-form-control-wrap.your-name {    width: 100%;    padding-right: 0;}
	span.wpcf7-form-control-wrap.achternaam {    width: 100%;    padding-left: 0;}
	.media-group .medium-4, .media-group .medium-6 {width:100%}
	.banner-locatie > div {width:100%}
	.event-box > div:first-child {width:100%;padding-right:0;}
	.event-box > div:last-child {text-align:left;width:100%;margin-top:0}
	p.inschrijf-moment {margin-bottom:20px}
		.sponsoren-grid .sponsor-box{width:50%}

}
@media screen and (max-width:350px){
.sponsoren-grid .sponsor-box{width:100%}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}