/*
 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.5.1
 Text Domain:  MKTheme-child
*/


body {  font-family: 'Arial'; font-size: 16px; font-weight: 400; line-height: 1.7em; color: #000; background-color: #2e2a7e; }

h1 { font-size: 55px; font-weight: bold; line-height: 1em; }
h2 { font-size: 55px; font-weight: bold; line-height: 1em; }
h3 { font-size: 20px; font-weight: bold; line-height: 1em; }
h4 { font-size: 20px; font-weight: bold; line-height: 1em; }

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

#mk-main-area { overflow: hidden;  background-color: #fff; }




/* Theme */
.mk_sectie { padding: 80px 0; }
.mk_rij { z-index: 9;}
.mk_module { margin-bottom: 30px; } .mk_module:last-child { margin-bottom: 0; }

p { padding-bottom: 1em; } p:last-child { padding-bottom: 0; }
.mk_builder p { padding: 0; } .mk_builder p:empty { padding: 0 !important; }
.mk_builder .mk_sectie p { padding-bottom: 1.8em; } .mk_builder .mk_sectie p:last-child { padding-bottom: 0; }

.mk_tekst:not(.nolink) .mk_tekst_inner a { font-weight: 700; color: inherit; }
.mk_tekst:not(.nolink) .mk_tekst_inner a:hover { text-decoration: underline; }}

.mk_sectie.groot .mk_rij, .mk_sectie .mk_rij.groot { max-width: 1500px; width: 90%; }
.mk_sectie.breed .mk_rij, .mk_sectie .mk_rij.breed { max-width: 1500px; width: 90%; }
.mk_sectie.normaal .mk_rij, .mk_sectie .mk_rij.normaal { max-width: 1200px; }
.mk_sectie.klein .mk_rij, .mk_sectie .mk_rij.klein { max-width: 900px; }
.mk_sectie.smal .mk_rij, .mk_sectie .mk_rij.smal { max-width: 500px; }

.mk_sectie.center .mk_rij, .mk_sectie .mk_rij.center { text-align: center; }
.mk_sectie.center .mk_rij .mk_knop_inner, .mk_sectie .mk_rij.center .mk_knop_inner { display: inline-block; }
.mk_sectie.center .mk_rij img, .mk_sectie .mk_rij.center img { margin: 0 auto; }
.mk_sectie.center h1:after, .mk_sectie.center h2:after, .mk_sectie .mk_rij.center h1:after, .mk_sectie .mk_rij.center h2:after { margin: 12px auto 15px auto; }

.mk_sectie.light { background-color: #f1f1f1; }
.mk_sectie.blauw { background-color: #2e2a7e; color:#fff; }
.mk_sectie.blauw h1, .mk_sectie.blauw h2 { color:#fff; }


.mk_sectie.nopadding, .mk_sectie.nopadding .mk_rij { padding:0; }
.mk_sectie.nopaddingtop, .mk_sectie.nopaddingtop .mk_rij { padding-top: 0; }
.mk_sectie.nopaddingbottom, .mk_sectie.nopaddingbottom .mk_rij { padding-bottom: 0; }

.mk_sectie.textright .mk_kolom:first-child { text-align: right; }

.mk_sectie.volledige_breedte > .mk_rij, .mk_sectie .mk_rij.volledige_breedte { width: 100%; max-width: 100%; }

.mk_sectie.omdraaien .mk_kolom_1_2:nth-child(1), .mk_sectie .mk_rij.omdraaien .mk_kolom_1_2:nth-child(1) { float: right; margin-right: 0; }

.mk_sectie.googlemapskaart { padding: 0; }
.mk_sectie.googlemapskaart .mk_rij { padding: 0; width: 100%; max-width: 100%; }
.mk_sectie.googlemapskaart .mk_rij iframe { width: 100%; height: 500px; display: block; }

.mk_sectie.hide { display: none; }


/* header */
.mk_sectie.header { padding-top: 120px; }
.mk_sectie.header .mk_kolom_1_1 { width: 40%; }
.mk_sectie.header::before { content: ""; background-size: contain; background-repeat: no-repeat; background-image: url('images/headeroverlay.png'); position: absolute; width: 1060px; height: 519px; z-index: 99; top: 0; right: 0; }




/* borderradius  */
.mk_sectie.borderradius { border-radius: 250px 0 0 0; }


.mk_module.paddingtop { padding-top: 80px; padding-bottom: 30px; }
.mk_module.paddingtop .mk_tekst_inner { max-width: 310px; display: block; margin: 0 auto; }


.mk_afbeelding.keurmerk img { width: 70px; }
.mk_afbeelding.center img { margin: 0 auto; }


/* usps */
.usps { float: left; width: calc(100% + 30px); margin: -15px; text-align: center; }
.usps .item { float: left; width: calc(33.33% - 30px); margin: 15px; }
.usps .item .icon svg { fill: #de5e45; width: 60px; height: 60px; max-height: 60px; }
.usps .item .icon svg * { fill:#de5e45; }
.usps .item .titel { color: #fff; font-weight: 700; }


/* Buttons */
.mk_button { font-size: 18px; color: #fff; background: #de5e45; padding: 15px 20px; border-radius: 0px 20px 0 20px; float: left;  text-decoration: none; text-transform: uppercase;  transition: 200ms; -webkit-transition:200ms; }
.mk_button:hover { padding: 15px 20px; }
.mk_button:after { content: url('images/right-arrow.svg'); opacity: 1; display: inline-block; width: 20px; margin-left: 10px; position: relative; transition: 200ms; -webkit-transition:200ms;  }
.mk_button:hover:after  { opacity: 1; margin-left: 10px; }


/* tekst editor */
.mk_tekst .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.mk_tekst .alignleft { float: left; margin: 0.5em 1em 0.5em 0; }
.mk_tekst .alignright {  float: right; margin: 0.5em 0 0.5em 1em; }



/* mk_knop */
.mk_module.auto { width: auto; padding-right: 10px; margin-bottom: 15px; }
.mk_module.auto + .mk_module:not(.auto) { clear: left; }





/* Header */
#top-header { background-color: #fff; } 
#main-header  { background-color: #b4b4b4; }


/*Info*/
#mk-info { float: right; font-weight: 400; color: #000;  padding: 15px 0; }
#mk-info a { font-size: 15px; color: inherit; text-decoration: none; }

#mk-info .mk-info-email { font-weight: 700; color: inherit;  font-size: 18px; }
#mk-info .mk-info-phone { font-weight: 700; color: inherit;  font-size: 18px; margin-right: 15px; }
#mk-info .mk-info-mobiel { font-weight: 700; color: inherit;  font-size: 18px; }

#mk-info .mk_email { display: inline-block; }
#mk-info .mk_telefoon { display: inline-block; }
#mk-info .mk_mobiel { display: inline-block; }

#mk-info i.fa-phone { margin: 0 5px 0 10px; color: inherit;  font-size: 20px; }
#mk-info i.fa-whatsapp { margin: 0 5px 0 10px; color: inherit;  font-size: 24px;}
#mk-info i.fa-paper-plane { margin: 0 5px 0 10px; color: inherit;  font-size: 20px; }


/*logo*/
.mk_logo_container {  }
.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: 'Arial'; padding: 20px 10px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target,  .ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target {   }

.ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target { padding: 20px 15px 20px 10px; }
.ubermenu.ubermenu-main.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator { right: 0px; }

/* Menu after */
/* .ubermenu-target:hover .ubermenu-target-title::after, .ubermenu-current_page_item .ubermenu-target-title::after, 
.ubermenu-current-menu-item .ubermenu-target-title::after { width: calc(100% - 20px); }
.ubermenu-target-title::after { bottom: 0px; background: #ffd600;  height: 7px; width: 0; position: absolute; content: ""; display: inline-block; left: 0; right: 0; margin: auto; transition: 200ms; -webkit-transition: 200ms; } */


/* Menu Submenu */
.ubermenu.ubermenu-main ul.ubermenu-submenu .ubermenu-target { background-color: #fff; }
.ubermenu.ubermenu-main ul.ubermenu-submenu .ubermenu-target:hover, .ubermenu.ubermenu-main ul.ubermenu-submenu .ubermenu-current_page_item .ubermenu-target { background-color: #eaeaea; }
.ubermenu.ubermenu-main ul.ubermenu-submenu .ubermenu-target .ubermenu-target-title::after { display: none; }



/* Shiftnav */
#shiftnav-toggle-main { background:#fff !important; color: #fff !important; }
#shiftnav-toggle-main-button { font-size: 25px; padding: 20px 10px !important; }
#shiftnav-toggle-main-button i:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #b4b4b4; font-weight: 900; }
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 50px; 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: #b4b4b4 !important; }
.shiftnav .shiftnav-menu-image { text-align: center; }
.shiftnav .shiftnav-menu-image img { margin: 0 auto; }

.shiftnav ul.shiftnav-menu > li.menu-item:first-child > .shiftnav-target {border-top: 0 !important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target { padding: 10px 25px !important; color: #b4b4b4; background-color: #fff !important; border-top: 0 !important; border-bottom: 0 !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: #b4b4b4 !important;}

.shiftnav .sub-menu li {border-bottom: 0 !important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #b4b4b4;}
.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: #b4b4b4 !important;}
.shiftnav ul.shiftnav-menu li.menu-item .sub-menu .shiftnav-target { padding: 10px 25px 10px 35px !important; }

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


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

.frontpageslider .centeren { display: block; width: 70%; margin: 0 auto; text-align: center; }
.frontpageslider .centeren .et_pb_column { width: 100%; }
.frontpageslider .centeren .subtitel { float: none; display: inline-block; }

.frontpageslider .slide-content { margin: 0 auto; max-width: 1200px; width: 80%; margin-top: 200px; }
.frontpageslider .slide-module { width: 70%; }

.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; }



/* Content */


/* Vervolgpagina */




/* Blog */
.blog #main-content .container:before { display: none; }
.blog #main-content .container { width: 100%; max-width: inherit; padding: 0;  }
.blog #left-area { width: 100%; padding: 0; }

.blogsection { float: left; width: 100%; }
.blogintro h1 { padding-top: 50px; padding-bottom: 0px; }
.blogrow { padding: 45px 0; float: left; width: 100%;}
.blogrow:nth-child(even) {background-color:#f3f3f3;}

.blogpost { width: 80%; max-width: 1200px; margin: 0 auto;}
.blogpost .content { padding: 30px 0 ; position: relative; min-height: 250px;}
.blogpost .image {  display: block; width: 35%; height: 100%; padding-bottom: 15px; padding-left:30px; float: right; background-size: cover; background-position: center center;}

.blogpost .title {font-size: 24px; font-weight: 600;}
.blogpost .intro {font-size: 16px; padding-top: 15px;}

.blogbtn.mk_button {display:block; margin-top: 30px; }


/*Blog content template*/
.blog-content { width: 100%; float: left; }
.blog-titel {margin-bottom: 10px;}
.blog-datum {margin-bottom: 15px; font-weight: 600;}
.blog-afbeelding {float: right; margin-left: 32px; width: 40%;}
.blog-tekst ul {padding: 0 0 14px 1em !important;}




/* Formulieren */ /* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0 !important; }
.gform_wrapper .gform_heading { margin: 0; display: none;}
.gform_wrapper ul.gform_fields { padding: 0; width: calc(100% + 16px); }

.gform_wrapper ul.gform_fields li.gfield { margin-top:0; margin-bottom: 16px; float: left; clear: none; width: 50%; padding-right: 16px; list-style: none; }
.gform_wrapper ul.gform_fields li.gfield.gf_full { width: 100%; clear: both; }
.gform_wrapper ul.gform_fields li.gfield.gf_third { width: 33.33%;  }
.gform_wrapper ul.gform_fields li.gfield .gfield_label { display: none; }
.gform_wrapper ul.gform_fields li.gfield.gf_label .gfield_label { display: block; }
.gform_wrapper ul.gform_fields li.gfield .ginput_container { margin: 0; }

.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7; padding: 15px !important; border-radius: 0px; display: block; width: 100% !important; font-size: 16px !important;}
.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; }
.gform_wrapper .mk_button {padding: 15px 20px 15px 20px !important; cursor: pointer; border: 0; }
.gform_wrapper .mk_button:hover { padding: 15px 20px 15px 20px !important; border: 0; }

.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; }


.gform_wrapper div.validation_error { color: #fff !important; }
.gform_wrapper .validation_message { color: #fff !important; }




/* Footer */
#main-footer { background-color: #e3e3e3; }
#main-footer .mk_sectie { padding-bottom: 0; }

.mk_footer { width: 25%; float: left; color: #fff; }
.mk_footer { margin-bottom: 30px; }
.mk_footer:last-child { margin-bottom: 0; }

#footer-bottom { background-color: #b4b4b4; padding: 15px 0 5px 0; font-size: 15px; }
#footer-bottom .container  { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }

/* footerlinks */
#footer-info { float: none !important; display: inline-block; padding-bottom: 10px; text-align: left; color: #fff; opacity: 0.8; margin: 0 10px; }
#footer-info a { color: #fff; }
#footer-info:last-child { float: right !important; }

.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; }



@media only screen and (max-width: 1850px) {
    .mk_sectie.header::before { right: calc(50% - 1000px); }
}


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

}

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

}

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


    /* Header */
    #main-header { display: none; }
    #mk-info { padding: 0; }

    /* Slider */
    .usps {  padding-bottom: 50px; }
    .mk_module.paddingtop { padding-top: 0px; }


    /* content */
    .mk_sectie.header { padding-top: 100px; }
    .mk_sectie.header:before { width: 800px; height: 400px; right: calc(50% - 800px); }
    .mk_sectie.header .mk_kolom_1_1 { width: 50%; }

    
    /* footer */
    #footer-info { text-align: center; width: 100%; }
    #footer-info:nth-child(1) { padding-bottom: 0; }
}

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

    /* Slider */


    /* footer */
    .mk_footer { width: 100%; }
   
    #footer-info .mail { display: block; }
    #footer-info .sep:nth-of-type(2) { display: none; } 
}

@media only screen and (max-width: 640px) {
    /* Titels */
    h1, h2 { font-size: 8vw; }

    .blog-afbeelding { max-width: 100%; margin-left: 0; text-align: center; width: 100%; margin-bottom: 15px; }
    .gform_wrapper ul.gform_fields li.gfield { width: 100%; }


    .mk_sectie { padding: 50px 0; }
    .mk_sectie.header { padding-top: 50px; }


    /* borderradius */
    .mk_sectie.borderradius { border-radius: 150px 0 0 0; }


    /* .usps */
    .usps { padding-top: 0px; padding-bottom: 20px; }


    .mk_sectie.header::before { right: calc(50% - 820px); }
    .mk_sectie.header .mk_kolom_1_1 { width: 60%; }
}

@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; }


    


    /* .usps */
    .usps .item { width: calc(100% - 30px); }

    /* Footer */
    #footer-info span { display: block; }
    #footer-info .sep { display: none; }
}

@media only screen and (max-width: 379px) {
/* borderradius */
.mk_sectie.borderradius { border-radius: 100px 0 0 0; }
}