/*
 Theme Name:     MKTheme
 Theme URI:      http://www.mediakanjers.nl
 Description:    Website ontworpen door Mediakanjers
 Author:         Mediakanjers
 Author URI:     http://www.mediakanjers.nl
 Version:        1.1.0
*/


a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var {
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


p {
    padding-bottom: 1em;
}
p:last-child {
    padding-bottom: 0;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}


.clearfix::after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: " ";
}

.entry-content ul { padding-left: 15px; padding-bottom: 1em; }
.entry-content ul:last-child { padding-bottom: 0; }


/*Secties en rijen*/
.mk_sectie { position: relative; padding: 30px 0; }
.mk_rij { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; padding: 15px 0; }
.mk_rij:after { content: ""; display: block; height: 0; width: 0; line-height: 0; clear: both; visibility: hidden; }

.mk_onzichtbaar { display: none; }

/*Koloms*/
.mk_kolom { margin-right: 5.5%; float: left; min-height: 1px; }
.mk_kolom_1_1 { width: 100%; margin-right: 0; }

.mk_kolom_1_2 { width: 47.25%; }

.mk_kolom_1_3 { width: 29.666%; }
.mk_kolom_2_3 { width: 64.833%; }

.mk_kolom_1_4 { width: 20.875%; }

.mk_kolom_2:nth-child(2n+2) {margin-right: 0;}
.mk_kolom_3:nth-child(3n+3) {margin-right: 0;}
.mk_kolom_4:nth-child(4n+4) {margin-right: 0;}


/*Modules*/
.mk_module { margin-bottom: 15px; float: left; width: 100%; }
.mk_module:last-child { margin-bottom: 0; }

.mk_titel { margin-bottom: 10px; }

.mk_lijst ul.half { float: left; width: 50%; }
.mk_lijst .kop { padding-bottom: 10px; font-weight: 700; font-size: 18px; }


/* Buttons */
.mk_button { padding: 20px; background: #eee; border-radius: 10px; color: #000; text-decoration: none; text-transform: uppercase; font-size: 18px; transition: 200ms; -webkit-transition:200ms; }
.mk_button:hover { padding: 20px 40px 20px 20px; }
.mk_button:after { opacity: 0; margin-left: -10px; position: absolute; transition: 200ms; -webkit-transition:200ms; content: "\f105"; color: #000; font-family: "Font Awesome 5 Free"; font-weight: 600; }
.mk_button:hover:after  { opacity: 1; margin-left: 10px; }


/* Header */
#top-header, #main-header  { background-color: #fff; }
#top-header .container  { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }
#main-header .container { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }


/*logo*/
.mk_logo_container { position: absolute; height: calc(100% + 30px) !important; width: auto !important; z-index: 9; }
.mk_logo_helper {  }
.mk_logo {  }


/* Menu */
.ubermenu.ubermenu-main { margin-right: -10px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color: #fff; font-size: 17px; text-transform: uppercase; font-family: 'Dosis', 'Bebas Neue'; padding: 20px 10px; }
.ubermenu .ubermenu-target-text {  }


/* Shiftnav */
#shiftnav-toggle-main { background:#fff !important; color: #fff !important; }
#shiftnav-toggle-main-button { font-size: 35px; padding: 27px 10px !important; }
#shiftnav-toggle-main-button i:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #7fb61d; font-weight: 900; }
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 65px; max-width: 80%; }

.shiftnav { z-index: 99999999 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #fff !important; }
.shiftnav .shiftnav-menu-title a { color: #8f207e !important; }
.shiftnav .shiftnav-menu-image { text-align: center; }

.shiftnav ul.shiftnav-menu > li.menu-item:first-child > .shiftnav-target {border-top: 0 solid #7fb61d!important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target {color: #8f207e; background-color: #fff !important; border-top: 0 !important; border-bottom: 0 solid #7fb61d!important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target:hover, .shiftnav ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {color: #fff; background-color: #7fb61d !important;}

.shiftnav .sub-menu li {border-bottom: 0 solid #1e2b50!important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #1e2b50;}
.shiftnav ul.sub-menu > li.menu-item > .shiftnav-target:hover, .shiftnav ul.sub-menu li.menu-item.current-menu-item > .shiftnav-target {color: #fff; background-color: #7fb61d !important;}

.shiftnav-inner #mk-info {float: left; width: 100%; display: block; text-align: center; padding: 20px 0;}
.shiftnav-inner #mk-info-email:before {content: "\f1d8"; font-family: "Font Awesome 5 Free"; color: #7fb61d;}
.shiftnav-inner #mk-info-phone {font-weight: 600; color: #7fb61d; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #mk-info-email {font-weight: 600; color: #7fb61d; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner iframe {display: block;}



/* Content */


/*Owl slider*/
.owl-dots { margin: 0 auto; display: inherit; position: relative; text-align: center; padding-top: 40px; position: absolute; z-index: 1; width: 100%; }
.owl-dots .owl-dot { width: 20px; height: 20px; background-color: #fff; border-radius: 100px; border:2px solid #fff; margin: 0 5px; display: inline-block; }
.owl-dots .owl-dot.active { background-color: #7fb61d; }

.owl-prev { position: absolute; top: 38%; left: -130px; }
.owl-next { position: absolute; top: 38%; right: -130px; }
.owl-prev:before { content: "\f104"; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 200px; }
.owl-next:before { content: "\f105"; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 200px; }



/* Vervolgpagina */


/* Formulieren */



/* Footer */
#main-footer { background-color: #f0efed; }
#footer-bottom { background-color: #7fb61d; padding: 15px 0 5px 0;  }
#footer-bottom .container  { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }
#footer-info { float: left; padding-bottom: 10px; color: #666; text-align: left; color: #fff; }
#footer-info a { color: #fff; }
#footer-info:nth-child(2) { float: right; }

.mk_footer1, .mk_footer2, .mk_footer3, .mk_footer4 { width: 100%; float: left; }
.mk_footer { margin-bottom: 30px; }
.mk_footer:last-child { margin-bottom: 0; }

.mk_footer .footer_locatie { width: 30%; margin-right: 5%; float: left; }
.mk_footer .footer_locatie:last-child { margin-right: 0; }

.mk_footer3 .tekst { width: 47.5%; float: left; margin-right: 5%; }
.mk_footer3 .afbeelding { width: 47.5%; float: left; }

/*footer nieuws*/
.mk_nieuws_items {  margin-bottom: 15px; }
.mk_nieuws_items .datum { font-style: italic; }
.mk_nieuws_item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000; }
.mk_nieuws_item:last-child {margin: 0; }


/*Mk scroll top*/
.mk_scrolltop {  position: fixed; z-index: 99999; bottom: 125px; padding: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; background: rgba(0,0,0,.4); text-align: center; text-decoration: none; cursor: pointer; right: -40px; transition: 500ms; -webkit-transition: 500ms; }
.mk_scrolltop.active { right: 0; }
.mk_scrolltop:before { content: "\f106"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: 900; font-size: 20px; width: 30px; height: 30px; display: block; line-height: 1.5em;  }



/* css Animaties  */
@-webkit-keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeTop{0%{opacity:0;-moz-transform:translateY(-10%)}100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes fadeTop{0%{opacity:0;-o-transform:translateY(-10%)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeTop{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateX(0)}}

@-webkit-keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeLeft{0%{opacity:0;-moz-transform:translateX(-10%)}100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes fadeLeft{0%{opacity:0;-o-transform:translateX(-10%)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeLeft{0%{opacity:0;transform:translateX(-10%)}100%{opacity:1;transform:translateX(0)}}





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

@media only screen and (max-width: 980px) {
    .mk_kolom_2 { width: 100%; margin-bottom: 30px; margin-right: 0; }
    .mk_kolom_2:last-child { margin-bottom: 0; }
    
    .mk_kolom_1_4:nth-child(n) { width: 47.25%; }
    .mk_kolom_4:nth-child(2n+2) {margin-right: 0;}
    .mk_kolom_4:nth-child(3), .mk_kolomrij_4:nth-child(3) {margin-bottom: 0;}
}

@media only screen and (max-width: 767px) {
    .mk_kolom_3:nth-child(n) { width: 100%; margin-right: 0; margin-bottom: 30px;}
    .mk_kolom_3:last-child { margin-bottom: 0; }
}

@media only screen and (max-width: 479px) {
    .mk_kolom_1_4:nth-child(n) { width: 100%; margin-right: 0; }
    .mk_kolom_1_4:nth-child(3) { margin-bottom: 30px; }
}