/*
 Theme Name:   Mediakanjers
 Theme URI:    http://www.mediakanjers.nl
 Description:  MKTheme Child Theme
 Author:       Mediakanjers
 Author URI:   http://www.mediakanjers.nl
 Template:     MKTheme
 Version:      1.6.0
 Text Domain:  MKTheme-child
*/
@import url("style-theme.css");
@import url("style-menu.css");
@import url("style-kaart.css");

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Space+Grotesk:wght@400;700&display=swap');

/*     
font-family: 'Poppins', sans-serif;
font-family: 'Space Grotesk', sans-serif; 
*/


body {  font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; line-height: 2.5em; color: #000; }


body #cookie-notice:nth-child(n) { box-shadow: 0 0 10px rgba(0,0,0,0.2); font-family: 'Poppins', sans-serif; bottom: 20px; left: auto; right: 20px; width: 315px;  min-width: 0px; background: #fff !important; border-radius: 8px; }
body #cookie-notice:nth-child(n) #cn-notice-text { font-family: 'Poppins', sans-serif; color: #000; margin-bottom: 15px; font-size: 15px; }
body #cookie-notice:nth-child(n) .cn-button { margin: 0; font-size: 15px; letter-spacing: inherit; line-height: 1.47em; font-family: 'Poppins', sans-serif; padding: 10px 25px; border-radius: 100px !important; color: #fff; border-radius: 3px; background-color: #ADBF08 !important; }
body #cookie-notice:nth-child(n) .cn-button:hover { background-color: #ADBF08 !important; }
body #cookie-notice:nth-child(n) .cookie-notice-container { padding: 40px 30px 30px; }
body #cookie-notice:nth-child(n) .cn-close-icon { top: 22px;  right: 14px; }
body #cookie-notice:nth-child(n) .cn-close-icon::before, body #cookie-notice:nth-child(n) .cn-close-icon::after { background-color: #000; }



a { text-decoration: none; color: #000; }

#mk-main-area { overflow: hidden; }




/* Header */
#full_header { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 15px 0; box-shadow: 0 0 0px rgba(0,0,0,0.0); transition: 500ms; -webkit-transition: 500ms; }
#full_header .mk_rij { padding: 15px 0; transition: 500ms; -webkit-transition: 500ms; }
.paginascroll #full_header  { box-shadow: 0 0 8px rgba(0,0,0,0.2); }

#top_header { float: right; width: calc(100% - 200px); display: none; }
#menu_header { float: right; width: calc(100% - 350px); }

body.logged-in.admin-bar #full_header { top: 32px; }
@media screen and (max-width:782px) { body.logged-in.admin-bar #full_header { top: 46px; } body.logged-in.admin-bar.paginascroll #full_header, body.admin-bar.paginascroll .mk_mobile_menu { top: 0; } } 

@media screen and (max-width:1420px) { body.paginascroll #full_header .mk_rij { padding: 0; } }


/*Info*/
#mk-info { float: right; font-weight: 400; color: #000; padding: 5px 0; }

#mk-info .mk_email, #mk-info .mk_telefoon { display: inline-block; font-size: 15px; }
#mk-info .mk_email a, #mk-info .mk_telefoon a {  color: inherit; text-decoration: none;}

#mk-info .mk_telefoon a::before { content: url('images/tel.svg'); display: inline-block; width: 20px; position: relative; top: 4px; margin-right: 10px; line-height: 0; }
#mk-info .mk_email a::before { content: url('images/email.svg'); display: inline-block; width: 20px; position: relative; top: 2px; margin-right: 10px; line-height: 0; }

#mk-info .mk_telefoon + .mk_email, #mk-info .mk_email + .mk_telefoon { margin-left: 20px; }

.mk_mobile_menu #mk-info { float: left; }



/*logo*/
#mk_logo_holder { width: 300px; max-width: 75%; float: left; position: absolute; z-index: 9999; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.mk_logo { max-width: 100%; }





/* Slider */
.frontpageslider { background: transparent; height: 620px; }
.frontpageslider .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; }
.frontpageslider h1 { font-size: 70px;  font-weight: bold; color: #000; line-height: 1em; }
.frontpageslider h1:after { display: none; }
.frontpageslider .subtitel {  color: #000; float: left; font-size: 30px; font-weight: 300; margin-top: 10px; width: 100%; line-height: 1em;  }

.frontpageslider .slide-content { margin: 0 auto; max-width: 1200px; width: 80%; height: 100%; }
.frontpageslider .slide-module { width: 100%; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.frontpageslider .swiper-slide h1 { animation-name: inherit; animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.2s; opacity: 0 }
.frontpageslider .swiper-slide .subtitel { animation-name: inherit; animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.6s; opacity: 0 }
.frontpageslider .swiper-slide-active h1 { animation-name: fadeTop; opacity: 1; }
.frontpageslider .swiper-slide-active .subtitel {animation-name: fadeLeft; opacity: 1; }

.frontslideroverlay { display: none; background-image: initial; height: 136px; margin-top: -136px; position: relative; z-index: 9; background-position: center bottom; }


/* snelnaar */
.snelnaar { border: 1px solid #D2D2D2; background-color: rgba(255,255,255,0.4); border-radius: 15px; padding: 20px 60px; }
.snelnaar .titel { font-weight: 700; }
.snelnaar > * { display: inline-block; margin-right: 50px; }
.snelnaar .item { cursor: pointer; }
.snelnaar .item:hover { color: #ADBF08; }

/* navigeersnel */
.navigeersnel { border: 1px solid #D2D2D2; background-color: rgba(255,255,255,0.4); border-radius: 15px; padding: 20px 30px 20px 60px; width: 100%; float: left; }
.navigeersnel .titel { font-weight: 700; width: 200px; float: left; }

.snelnavigeren  { width: calc(100% - 200px); float: left; }
.snelnavigeren .item {  cursor: pointer; width: 100%; }
.snelnavigeren .item img { width: 44px; height: 44px; float: left; margin-right: 15px; }
.snelnavigeren .item span { float: left; line-height: 44px; }

.snelnavigeren  .owl-nav { top: -35px; right: -30px; }


@media only screen and (max-width: 1500px) {
  .navigeersnel .item::before { width: 50px; height: 50px; }
}

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

  .navigeersnel { padding: 0; border: 0; background-color: transparent; }
  .navigeersnel .titel { width: 100%; display: block; padding-bottom: 5px; }
  .snelnavigeren { min-width: 830px; border: 1px solid #D2D2D2; background-color: rgba(255,255,255,0.4); border-radius: 15px; padding: 20px 30px 20px 60px; width: 100%;   }

  .snelnavigeren  .owl-nav { top: -15px; right: auto; left: calc( 88vw - 108px ); width: 108px; }

  
}

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

  .snelnavigeren { min-width: 180%; }
  .snelnavigeren { padding: 20px 30px 20px 30px; }
  .snelnavigeren .owl-nav { right: 44%; left: auto; }
}

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

  .snelnavigeren { min-width: 150%; }
  .snelnavigeren .owl-nav { right: 33%; left: auto; }

}


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

  .snelnavigeren { min-width: 180%; }
  .snelnavigeren .owl-nav { right:44%; left: auto; }

}


/* Vervolgpagina */



/* full_carousel */
.full_carousel { width: calc(100% + 200px); }
/* .full_carousel.owl-carousel .owl-stage-outer { width: 130%; } */
.full_carousel .owl-nav { right: 200px; }


/* overzicht_trainingen */
.overzicht_trainingen img { border-radius: 15px 15px 0 0; overflow: hidden; }
.overzicht_trainingen .info { position: relative; float: left; width: 100%; padding: 30px; background-color: #fff; border-radius: 0 0 15px 15px; border: 1px solid #E7E7E7; border-top: 0; }
.overzicht_trainingen .titel { font-size: 25px; font-weight: 700; font-family: 'Space Grotesk', sans-serif; padding-bottom: 8px; }
.overzicht_trainingen .mk_button { margin-top: 30px; cursor: pointer; line-height: 1.4em; padding: 20px; }
.overzicht_trainingen .prijs { font-size: 25px; font-weight: 700;font-family: 'Space Grotesk', sans-serif; background-color: #ADBF08; color: #fff; padding: 5px 20px; border-radius: 15px 0 0 15px; position: absolute; top: 0; right: -1px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.overzicht_trainingen .afbeelding { max-height: 280px; overflow: hidden; }

.overzicht_trainingen.full_carousel .owl-nav { display: block !important; }


/* overzicht_bestuur */
.overzicht_bestuur { float: left; width: calc(100% + 30px); margin:-15px; }
.overzicht_bestuur .item { float: left; width: calc(20% - 30px); margin:15px; }
.overzicht_bestuur .item:nth-child(5n+6) { clear: left; }
.overzicht_bestuur .item img { border-radius: 15px; }
.overzicht_bestuur .info { text-align: center; padding-top: 15px; }
.overzicht_bestuur .titel { font-size: 25px; font-weight: 700; font-family: 'Space Grotesk', sans-serif; line-height: 1.4em; padding-bottom: 10px;} 
.overzicht_bestuur .content { line-height: 1.4em; } 





/* overzicht_lidmaatschap  */
.overzicht_lidmaatschap .item { background-color: #008FD3; padding: 40px; text-align: center; color: #fff; border-radius: 15px; }
.overzicht_lidmaatschap .item .content { font-size: 23px; }



/* Formulieren */ /* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0 !important; }
.gform_wrapper .gform_heading { margin: 0; display: none;}

.gform_wrapper:not(.gravity-theme) .gform_fields { padding: 0; width: calc(100% + 16px); }
.gform_wrapper.gravity-theme .gform_fields { padding: 0; }

.gform_wrapper:not(.gravity-theme) .gform_fields .gfield { margin-top:0; margin-bottom: 16px; float: left; clear: none; width: 50%; padding-right: 16px; list-style: none; }
.gform_wrapper.gravity-theme .gform_fields .gfield { margin-top:0; margin-bottom: 0px; float: left; clear: none; width: 100%; padding-right: 0px; list-style: none; }

.gform_wrapper .gform_fields .gfield { position: relative; }
.gform_wrapper .gform_fields .gfield.gf_full { width: 100%; clear: both; }
.gform_wrapper .gform_fields .gfield.gf_third { width: 33.33%;  }
/* .gform_wrapper .gform_fields .gfield .gfield_label { display: none; } */
.gform_wrapper .gform_fields .gfield.gf_geenlabel .gfield_label { display: none; }  
.gform_wrapper .gform_fields .gfield.gf_label .gfield_label { display: block; }  
.gform_wrapper .gform_fields .gfield .ginput_container { margin: 0; }

.gform_wrapper.gravity-theme .gfield:not(.gf_keuze) .gfield_label { font-size: 16px; font-weight: 400; position: absolute; margin: 0 !important; top: 20px; transition: 200ms; -webkit-transition: 200ms; line-height: 1em; left: 15px; }
.gform_wrapper.gravity-theme .gfield:not(.gf_keuze).active .gfield_label { top: 8px; font-size: 12px; }

.gform_wrapper input[type=email], .gform_wrapper input[type=tel],
.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea { 
    font-family: 'Space Grotesk', sans-serif; font-weight: 300; outline: none !important; line-height: 1.7em !important; border: 1px solid #E7E7E7;background: #fff; padding: 18px 15px 8px 15px !important; border-radius: 15px; display: block; width: 100% !important; font-size: 16px !important;
}
.gform_wrapper input[type=email]:hover, .gform_wrapper input[type=tel]:hover,
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 1px solid #ccc;}

.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; float: left; width: 100%; }
.gform_wrapper.gravity-theme .gform_footer { margin-top: 16px !important; }

.gform_wrapper .mk_button {padding: 15px 20px 15px 20px !important; cursor: pointer; border: 0; margin: 0 !important; }
.gform_wrapper .mk_button:hover { padding: 15px 20px 15px 20px !important; border: 0; background-color: #ADBF08; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-left: 15px;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin: 0 15px;}
.gform_wrapper .validation_message{font-weight: 400 !important;}

textarea, input, select { -webkit-appearance: none; }

#ui-datepicker-div { margin-top: 0 !important; }
body div#ui-datepicker-div[style] {  margin-top: 5px !important; }


#gform_wrapper_4.gform_wrapper.gravity-theme { max-width: 600px; width: 100%; float: left; }
#gform_wrapper_4.gform_wrapper.gravity-theme .gform_body.gform-body { float: left; width: calc(100% - 150px); }
#gform_wrapper_4.gform_wrapper.gravity-theme .gform_body.gform-body input { border-radius: 15px 0 0 15px; padding: 22.5px 15px 12.5px 15px !important; }
#gform_wrapper_4.gform_wrapper.gravity-theme .gfield:not(.gf_keuze) .gfield_label { top: 23px; }
#gform_wrapper_4.gform_wrapper.gravity-theme .gfield:not(.gf_keuze).active .gfield_label { top: 8px; font-size: 12px; }
#gform_wrapper_4.gform_wrapper.gravity-theme .gform_footer { float: left; width: 150px; margin: 0 !important; }
#gform_wrapper_4.gform_wrapper.gravity-theme .gform_footer .mk_button { cursor: pointer; height: 64px; font-size: 16px; font-weight: 700; font-family: 'Poppins', sans-serif; background-color: #008FD3; padding: 10px; color: #fff; border: 0; width: 150px;float: left; text-align: center; border-radius: 0 15px 15px 0; }
#gform_wrapper_4.gform_wrapper.gravity-theme .gform_footer .mk_button:hover { background-color: #ADBF08; }


.gform_wrapper .gform_fields .gfield.gf_keuze [type="radio"] + input { width: calc(100% - 16px) !important; padding: 10px !important; }
.gform_wrapper .gform_fields .gfield.gf_keuze_hor li { float: left; width: auto; margin-right: 30px; }

.gform_wrapper .gform_fields .gfield.gf_hide { visibility: hidden; opacity: 0; height: 0; padding: 0; margin: 0; overflow: hidden; }


/*Default styles for Gravity Forms single-column-form class*/

.gfield.gf_keuze .gfield_checkbox { position: relative; }
.gfield.gf_keuze .gfield_checkbox li input[type=checkbox]:checked+label,.gfield.gf_keuze .gfield_checkbox li input[type=checkbox]:not(:checked)+label {
  margin-left:19px;
  font-weight: 400;
  font-size: 15px;
}

/*Custom subscribe box for .gfield.gf_keuze class*/
.gfield.gf_keuze [type="checkbox"]:not(:checked), .gfield.gf_keuze [type="checkbox"]:checked {
  position: absolute!important;
  left: -9999px;
}

.gfield.gf_keuze [type="checkbox"]:not(:checked) + label, .gfield.gf_keuze [type="checkbox"]:checked + label {
  position: relative!important;
  padding-left: 35px !important; 
  cursor: pointer!important;
 
  
}

.gfield.gf_keuze [type="checkbox"]:not(:checked) + label:before, .gfield.gf_keuze [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 6px; width: 19px; height: 19px; background: #fff; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); padding: 2px; border-radius: 7px; border: 1px solid #E7E7E7; }
.gfield.gf_keuze [type="checkbox"]:not(:checked) + label:after, .gfield.gf_keuze [type="checkbox"]:checked + label:after { content: url('images/ulchecked.svg'); position: absolute; width: 25px; top: 7px; left: 2px; line-height: 0; transition: all .2s; }

/* checked mark aspect changes */
.gfield.gf_keuze [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.gfield.gf_keuze [type="checkbox"]:checked + label:after {  opacity: 1; transform: scale(1); }

/* disabled checkbox */
.gfield.gf_keuze [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; }

.gfield.gf_keuze [type="checkbox"]:disabled:checked + label:after { color: #999; }
.gfield.gf_keuze [type="checkbox"]:disabled + label { color: #aaa; }

/* radio */

.gfield.gf_keuze .gfield_checkbox li input[type=radio]:checked+label,.gfield.gf_keuze .gfield_checkbox li input[type=radio]:not(:checked)+label { margin-left:19px; font-weight: 400; font-size: 15px; }

/*Custom subscribe box for .gfield.gf_keuze class*/
.gfield.gf_keuze [type="radio"]:not(:checked), .gfield.gf_keuze [type="radio"]:checked {
position: absolute!important; left: -9999px;
}

.gfield.gf_keuze [type="radio"]:not(:checked) + label, .gfield.gf_keuze [type="radio"]:checked + label {
position: relative!important; padding-left: 1.0em !important; cursor: pointer!important; margin-left: 19px; font-size: 15px;
}

.gfield.gf_keuze [type="radio"]:not(:checked) + label:before, .gfield.gf_keuze [type="radio"]:checked + label:before {
content: ''; position: absolute; left: 0; top: 6px; width: 19px; height: 19px; background: #fff; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); padding: 2px; border-radius: 7px; border: 1px solid #E7E7E7;
}

.gfield.gf_keuze [type="radio"]:not(:checked) + label:after, .gfield.gf_keuze [type="radio"]:checked + label:after {
content: url('images/ulchecked.svg'); position: absolute; width: 25px; top: 7px; left: 2px; line-height: 0; transition: all .2s;
}

/* checked mark aspect changes */
.gfield.gf_keuze [type="radio"]:not(:checked) + label:after { opacity: 0;  transform: scale(0); }
.gfield.gf_keuze [type="radio"]:checked + label:after {  opacity: 1; transform: scale(1); }

/* disabled checkbox */
.gfield.gf_keuze [type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {  box-shadow: none;  border-color: #bbb; background-color: #ddd; }

.gfield.gf_keuze [type="radio"]:disabled:checked + label:after {  color: #999;  }
.gfield.gf_keuze [type="radio"]:disabled + label { color: #aaa; }





/* item */
.kaartje { position: relative; margin-bottom: -100px; width: 108%; margin-left: -3%; margin-top: -100px; display: block; }
.kaartje .boerderijen .item { position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.kaartje .boerderijen .item .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin-top: 0px; transition: 200ms; -webkit-transition: 200ms; }
.kaartje .boerderijen .item .inner::before { padding: 10px 0; line-height: 0; content: url('images/klomp.svg'); display: block; margin: 0 auto; width: 2.8vw; max-width: 50px; }
.kaartje .boerderijen .item .inner .zorgboerderijen {  pointer-events: none; position: absolute; opacity: 0; transition: 200ms; -webkit-transition: 200ms; left: 50%;text-align: center; font-size: 14px; line-height: 1em; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
/* .kaartje .boerderijen .item:hover .inner { margin-top: -30px; }
.kaartje .boerderijen .item:hover .inner .zorgboerderijen { opacity: 1; pointer-events: inherit; } */


.kaartje .boerderijen .item .inner .zorgboerderijen { width: 300px; text-align: left; padding: 5px 15px; background-color: rgba(255,255,255,0.8); border-radius: 15px; border: 1px solid #E7E7E7; }
.kaartje .boerderijen .item .inner .zorgboerderijen a { display: block; color: #000; padding: 10px 0; font-weight: 700; transition: 200ms; -webkit-transition: 200ms; }
.kaartje .boerderijen .item .inner .zorgboerderijen a:not(:last-child) { border-bottom: 1px solid #E7E7E7; }
.kaartje .boerderijen .item .inner .zorgboerderijen a:hover { color: #ADBF08; }



/* // mk_mouse_actions */
.mk_mouse_actions { width: 0px; height: 0px; pointer-events: none;  position: fixed; z-index: 99999999999; }

/* .mk_mouse_actions .kaart {   text-shadow: 0 0 5px rgba(0,0,0,0.4); color: #fff; transition: 200ms; -webkit-transition: 200ms; opacity: 0;  transform: translate(-50%, -50%); width: 156px;  border-radius: 100px; font-size: 20px; font-family: "Mark"; padding: 9px 14px; text-align: center; line-height: 1em; } */
/* .mk_mouse_actions .kaart:after { content: url('../../images/arrow.svg'); opacity: 1; position: relative; top: 1px; display: inline-block; width: 20px; margin-left: 10px; position: relative; transition: 200ms; -webkit-transition:200ms;  } */
.mk_mouse_actions .kaart { opacity: 0; font-size: 14px; line-height: 1.2em ; width: 222px; text-align: center; transform: translateX(-50%) translateY(-80%); -webkit-transform: translateX(-50%) translateY(-80%); }
.mk_mouse_actions .kaart:after { display: none; }
.mk_mouse_actions.kaart_mouse .kaart { opacity: 1; }

@media only screen and (max-width: 980px) { .mk_mouse_actions { display: none !important; } }



/* Footer */
#main-footer { background-color: transparent; color: #2D2D2D; }
#main-footer .mk_sectie { padding: 30px 0 !important; }
#main-footer .mk_sectie .mk_kolom_1_1 { width: calc(100% + 30px); margin: -15px; }
#main-footer .mk_rij { padding: 25px; border-radius: 15px; border:1px solid #E7E7E7; background-color: rgba(255,255,255,0.4); }


/* footer bloks */
#footer { padding: 40px 0; } 
.mk_footer:nth-child(n) { width: calc(20% - 30px); margin: 15px; float: left; color: #2D2D2D; font-size: 15px; }
.mk_footer:nth-child(n) a { color: inherit; }
.mk_footer:nth-child(n) li { list-style: none; }
.mk_footer:nth-child(n) h4 { font-size: 15px; line-height: 2.5em; }

.mk_footer:nth-child(1) { padding-right: 20px; }
.mk_footer > *:not(:last-child) { margin-bottom: 30px; }

.mk_footer:nth-child(1) img { margin-top: 10px; transform: translateY(-32%); }


/* #footer-bottom */
#footer_bottom { background-color: transparent; padding: 0; font-size: 15px; }
#footer_bottom .mk_rij { padding: 0 !important;  }
#footer_bottom .inner { margin: 15px 0; }
/* #footer_bottom .inner { float: left; width: calc(100% - 30px); margin: 15px; } */

/* footer_info */
.footer_info { float: none; display: inline-block; text-align: left; color: #D2D2D2; opacity: 0.8; margin: 0 15px; }
.footer_info a { color: #D2D2D2; }

/* footer links */
.footer_links a { display: inline-block; }
.footer_links a:after { content: "|"; display: block; float: right; margin-left: 5px; margin-right: 1px; }
.footer_links a:last-child:after { display: none; }






/* popup */

.popup_body { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0,0,0,0.4); opacity: 0; transition: 200ms; -webkit-transition: 200ms; }
.popup_body.hide { display: none !important; }
.popup_body .popup_container {  overflow-y: auto; height: auto; overflow-x: hidden; max-height: 750px; position: absolute; max-width: 1200px; width: 100%; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); box-shadow: 0 0 5px rgba(0,0,0,0.4); border-radius: 15px; }

.popup_body .popup_close { position: absolute; right: 0; z-index: 9; top: 0; padding: 18px 25px 10px; cursor: pointer; line-height: 1em; }
.popup_body .popup_close img { display: inline-block; position: relative; top: 4px; margin-left: 10px; width: 20px; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: 200ms; -webkit-transition: 200ms; }
.popup_body .popup_close:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }


.popup_body { opacity: 0; animation-name: inherit; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0s; }
.popup_body.open { animation-name: fade; }

.popup_body .popup_container { opacity: 0; animation-name: inherit; animation-duration: 0.3s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.2s; }
.popup_body.open .popup_container{ animation-name: fadebottom_popup; }



.popup_body .popup_content { padding-top: 30px; }

.popup_body .mk_sectie { padding: 20px 0 !important; background-size: cover; background-position: center; }
.popup_body .mk_sectie .mk_rij { width: 85%; }
.popup_body .mk_sectie .mk_module { animation-name: fade; }
.popup_body .mk_sectie.paddingbottom_50 { padding-bottom: 50px !important; }
.popup_body .mk_sectie.overlappingtop .mk_rij:first-child .mk_kolom_1_1:first-child { margin-top: -90px; }

.popup_body .mk_sectie.header h1, .popup_body .mk_sectie.header h2 { font-size: 28px; }

@media only screen and (max-width: 800px) {
  .popup_body .popup_container  { height: 100%; max-height: 100%; border-radius: 0px; }
}



@-webkit-keyframes fade {0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes fade {0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes fade {0%{opacity:0;}100%{opacity:1;}}
@keyframes fade {0%{opacity:0;}100%{opacity:1;}}


@-webkit-keyframes fadebottom_popup{0%{opacity:0;margin-top: 30px;}100%{opacity:1;margin-top: 0px;}}
@-moz-keyframes fadebottom_popup{0%{opacity:0;margin-top: 30px;}100%{opacity:1;margin-top: 0px;}}
@-o-keyframes fadebottom_popup{0%{opacity:0;margin-top: 30px;}100%{opacity:1;margin-top: 0px;}}
@keyframes fadebottom_popup{0%{opacity:0;margin-top: 30px;}100%{opacity:1;margin-top: 0px;}}




/* nieuwsbrief_aanmelden */
.nieuwsbrief_aanmelden { position: relative; }
.nieuwsbrief_aanmelden::before { content: url('images/lijnen.svg'); position: absolute; width: 340px; height: 340px; left: -60px; top: -60px; z-index: -1; }
.nieuwsbrief_aanmelden .aanmelden { max-width: 600px; width: 100%; float: left;  }
.nieuwsbrief_aanmelden .aanmelden input[type=text] { outline: none; height: 64px; font-size: 16px; border-radius: 15px 0 0 15px; border: 0; float: left; width: calc(100% - 150px); padding: 10px 20px; border: 1px solid #bbb; }
.nieuwsbrief_aanmelden .aanmelden input[type=button] { cursor: pointer; height: 64px; font-size: 16px; font-weight: 700; font-family: 'Space Grotesk', sans-serif; background-color: #008FD3; padding: 10px; color: #fff; border: 0; width: 150px; float: left; text-align: center; border-radius: 0 15px 15px 0; }

.nieuwsbrieven .item { position: relative; display: block; border: 1px solid #EEE; border-radius: 15px; padding: 15px 20px; font-size: 20px; font-family: 'Space Grotesk', sans-serif; transition: 200ms; -webkit-transition: 200ms; }
.nieuwsbrieven .item:not(:last-child) { margin-bottom: 10px; }
.nieuwsbrieven .item::after { content: url('images/download.svg'); width: 33px; float: right; line-height: 0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.nieuwsbrieven .item .titel { padding-right: 30px; line-height: 1.4em; }
.nieuwsbrieven .item:hover { border: 1px solid #008FD3; color: #008FD3; }


/* download */


/* indicators */
/* .indicators { display: none; } */
.indicators > * { display: none; }




.vraagaanbod_overzicht { float: left; width: calc(100% + 40px); margin: -20px; }
.vraagaanbod_overzicht .item { float: left; width: calc(50% - 40px); margin: 20px; position: relative; padding: 30px; border-radius: 15px; background-color: rgba(255,255,255,0.4); border: 1px solid #E7E7E7; }

.vraagaanbod_overzicht .item .info { float: left; width: 100%; }
.vraagaanbod_overzicht .item .titel { float: left; width: 100%; font-size: 25px; line-height: 1.4em; font-family: 'Space Grotesk', sans-serif; font-weight: 700;padding-bottom: 0px; }
.vraagaanbod_overzicht .item .datum { float: left; width: 100%; line-height: 1.4em; }
.vraagaanbod_overzicht .item .content { float: left; width: 100%; padding: 30px 0; }
.vraagaanbod_overzicht .item .mk_button { float: left; width: auto; padding: 12px 20px; line-height: 1.4em; }

.vraagaanbod_overzicht .kolom { float: left; width: 100%; }


.pagination { text-align: center; float: left; width: 100%; }
.pagination ul { padding: 0; list-style: none; display: inline-block; margin-top: 40px; }
.pagination ul li { float: left; margin: 0 3px; margin-top: 15px; }
.pagination ul li a { padding: 8px 15px; background-color: #fff; transition: 200ms; -webkit-transition: 200ms; float: left; border-radius: 8px; line-height: 24px; }
.pagination ul li a:hover { background-color: #ADBF08; color: #fff; }
.pagination ul li span:not(.dots) { padding: 8px 15px; background-color: #ADBF08; color: #fff; float: left; border-radius: 8px; line-height: 24px; }
.pagination ul li span.dots { padding: 8px 10px; float: left; }


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

  .indicators .indicator_1700 { display: block; }
}

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

  .overzicht_bestuur .item:nth-child(n) { width: calc(33.333% - 30px); clear: none; }
  .overzicht_bestuur .item:nth-child(3n+4) { clear: left; }

  .overzicht_trainingen .prijs { font-size: 22px; }
}

@media only screen and (max-width: 980px) {
  /* fix theme */
  .mk_kolom_1_4:nth-child(-n+2) { margin-bottom: 30px; }



  
  /* footer */
  .mk_footer:nth-child(n) { width: calc(50% - 30px); } 


  .indicators .indicator_980 { display: block; }
  


  .kolom_blok .mk_kolom_1_2:nth-child(2) .mk_afbeelding:first-child:last-child { display: none; }


  .kaartje { width: 106%; margin-left: -3%; margin-top: 0px; margin-bottom: -150px; }
  .kaartje .boerderijen .item .inner::before { width: 4.8vw; }


  .vraagaanbod_overzicht .item:nth-child(n) { float: left;width: calc(100% - 40px); }
}


@media only screen and (max-width: 980px) and (min-width:800px) {


  .overzicht_trainingen .prijs { font-size: 20px;  }
  .overzicht_trainingen .titel { font-size: 22px;  }
  .overzicht_trainingen .info { font-size: 15px;  line-height: 2.5em;}
  .overzicht_trainingen .mk_button { font-size: 14px; }
  .overzicht_trainingen .mk_button::after { display: none; }
}


@media only screen and (max-width: 767px) {
    
    /* #footer-bottom */
    #footer-bottom { padding: 15px 0; }
    #footer-info:nth-child(n) { text-align: center; width: 100%; padding-bottom: 0; margin: 0; }


  .overzicht_bestuur .item:nth-child(n) { width: calc(50% - 30px); clear: none; }
  .overzicht_bestuur .item:nth-child(2n+3) { clear: left; }

  .mk_sectie.quote.quotelight .mk_rij .mk_kolom_1_1 { padding: 60px; font-size: 25px; }

  .nieuwsbrieven .item { font-size: 18px; }
  .nieuwsbrieven .item::after { width: 26px; }
}

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

    .gform_wrapper .gform_fields li.gfield { width: 100%; }

    #mk_logo_holder { width: 200px; }

    #full_header .mk_rij { padding: 0; }

    .full_carousel { margin-top: 50px;  width: 160vw; }
    .full_carousel .owl-nav { right: auto ; left: 0; }


    .snelnaar .titel { display: block; }
    .snelnaar { padding: 20px 30px; }

    .indicators .indicator_640 { display: block; }

    .nieuwsbrieven .item { font-size: 16px; }
    .nieuwsbrieven .item::after { width: 22px; }

    body #cookie-notice:nth-child(n) { width: calc(100% - 40px); }
}

@media only screen and (max-width: 479px) {
    /* Header */
    #mk-info { line-height: 1.4em; float: none; }
    .mk_telefoon  .mk-info-tekst { display: block; }
    .mk_mobiel .mk-info-tekst { display: none; }
    .mk_telefoon, .mk_email, .mk_mobiel { width: 100%; text-align: center; }
    .mk-info-phone { margin-right: 0px; }


   


    .overzicht_trainingen .info { padding: 30px 20px; }
    .overzicht_trainingen .mk_button::after { display: none; }


    /* footer */
    .mk_footer:nth-child(n) { width: calc(100% - 30px); } 


    .mk_sectie.quote.quotelight .mk_rij .mk_kolom_1_1 { padding: 60px 30px; font-size: 25px; } 

    .indicators .indicator_479 { display: block; }
}




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


  body { font-size: 15px; line-height: 2em; }
  .mk_button { font-size: 15px; }

  .full_carousel { width: 170vw; }
  .overzicht_trainingen .prijs { font-size: 5.5vw;  }
  .overzicht_trainingen .titel { font-size: 5.5vw;  }
  

  .mk_sectie.quote.quotelight .mk_rij .mk_kolom_1_1 { font-size: 20px; }


  #gform_wrapper_4.gform_wrapper.gravity-theme .gform_body.gform-body { width: 100%; }
  #gform_wrapper_4.gform_wrapper.gravity-theme .gform_body.gform-body input { border-radius: 15px; }
  #gform_wrapper_4.gform_wrapper.gravity-theme .gform_footer { width: 100%; margin-top: 10px !important; }
  #gform_wrapper_4.gform_wrapper.gravity-theme .gform_footer .mk_button { width: 100%; border-radius: 15px; }
}


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

  
}