/*
 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
*/
@import url('https://fonts.googleapis.com/css?family=Cherry+Swash:400,700&display=swap');

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-RegularIt.eot');
    src: url('fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-RegularIt.woff2') format('woff2'),
        url('fonts/ProximaNova-RegularIt.woff') format('woff'),
        url('fonts/ProximaNova-RegularIt.ttf') format('truetype'),
        url('fonts/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNovaT-Thin.eot');
    src: url('fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNovaT-Thin.woff2') format('woff2'),
        url('fonts/ProximaNovaT-Thin.woff') format('woff'),
        url('fonts/ProximaNovaT-Thin.ttf') format('truetype'),
        url('fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-ExtrabldIt.eot');
    src: url('fonts/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-ExtrabldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-ExtrabldIt.woff') format('woff'),
        url('fonts/ProximaNova-ExtrabldIt.ttf') format('truetype'),
        url('fonts/ProximaNova-ExtrabldIt.svg#ProximaNova-ExtrabldIt') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-ThinIt.eot');
    src: url('fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-ThinIt.woff2') format('woff2'),
        url('fonts/ProximaNova-ThinIt.woff') format('woff'),
        url('fonts/ProximaNova-ThinIt.ttf') format('truetype'),
        url('fonts/ProximaNova-ThinIt.svg#ProximaNova-ThinIt') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Regular.eot');
    src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('fonts/ProximaNova-Regular.woff') format('woff'),
        url('fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-BoldIt.eot');
    src: url('fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-BoldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-BoldIt.woff') format('woff'),
        url('fonts/ProximaNova-BoldIt.ttf') format('truetype'),
        url('fonts/ProximaNova-BoldIt.svg#ProximaNova-BoldIt') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-BlackIt.eot');
    src: url('fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-BlackIt.woff2') format('woff2'),
        url('fonts/ProximaNova-BlackIt.woff') format('woff'),
        url('fonts/ProximaNova-BlackIt.ttf') format('truetype'),
        url('fonts/ProximaNova-BlackIt.svg#ProximaNova-BlackIt') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-SemiboldIt.eot');
    src: url('fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
        url('fonts/ProximaNova-SemiboldIt.woff') format('woff'),
        url('fonts/ProximaNova-SemiboldIt.ttf') format('truetype'),
        url('fonts/ProximaNova-SemiboldIt.svg#ProximaNova-SemiboldIt') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Extrabld.eot');
    src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('fonts/ProximaNova-Extrabld.woff') format('woff'),
        url('fonts/ProximaNova-Extrabld.ttf') format('truetype'),
        url('fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Semibold.eot');
    src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('fonts/ProximaNova-Semibold.woff') format('woff'),
        url('fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('fonts/ProximaNova-Bold.eot');
    src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('fonts/ProximaNova-Bold.woff') format('woff'),
        url('fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Neo Tech Std';
    src: url('fonts/NeoTechStd-Black.eot');
    src: url('fonts/NeoTechStd-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeoTechStd-Black.woff2') format('woff2'),
        url('fonts/NeoTechStd-Black.woff') format('woff'),
        url('fonts/NeoTechStd-Black.ttf') format('truetype'),
        url('fonts/NeoTechStd-Black.svg#NeoTechStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}





html {scroll-behavior: smooth}
body {  font-family: 'Proxima Nova'; font-size: 16px; font-weight: 400; line-height: 1.7em; color: #000; }

h1 { font-size: 55px; font-weight: bold; line-height: 1em; font-family: "Cherry Swash";}
h2{
    color: #000000;
font-family: "Cherry Swash";
font-size: 50px;
font-weight: 700;
line-height: 1em;
margin-bottom: 40px;
}

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

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

.fullwidth .mk_rij{width: 100%; min-width: 100%;}
.nopadding, .nopadding .mk_rij {padding: 0;}

/* Buttons */
.mk_button {
    background-color: #8eac6a;
    color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-radius: 0;
    display: inline-block;
}
.mk_button:hover { padding: 15px 40px 15px 20px; }
.mk_button:after { content: "\f105";  font-family: "Font Awesome 5 Free"; font-weight: 600; color: inherit; opacity: 0; margin-left: -10px; position: absolute; transition: 200ms; -webkit-transition:200ms;  }
.mk_button:hover:after  { opacity: 1; margin-left: 10px; }


/* Header */
#top-header { background-color: #fff; }  
#main-header  {background-color: #b4b4b4;position: fixed;top: 0;left: 0;width: 100%;z-index: 100;background-color: transparent;/*box-shadow: 0 0 46px rgba(0, 0, 0, 0.81);*/padding: 43px 0; transition: 500ms}
.logged-in #main-header  {top:32px;}

.paginascroll #main-header {padding:20px 0; background-color: rgba(0, 0, 0, 0.4);}

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

#mk-info .mk-info-email { font-weight: 700; color: #000; font-size: 18px; }
#mk-info .mk-info-phone { font-weight: 700; color: #000; font-size: 18px; margin-right: 15px; }
#mk-info .mk-info-mobiel { font-weight: 700; color: #000; 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: #000; font-size: 20px; }
#mk-info i.fa-whatsapp { margin: 0 5px 0 10px; color: #000; font-size: 24px;}
#mk-info i.fa-paper-plane { margin: 0 5px 0 10px; color: #000; font-size: 20px; }


/*logo*/
.mk_logo_container {float: left;position: relative;height: auto!important;}
.mk_logo {color: #ffffff;font-family: "Neo Tech Std";font-size: 48px;font-weight: 400;line-height: 1em;vertical-align: middle;}


/* Menu */
.ubermenu.ubermenu-main { margin-right: -10px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {color: #ffffff;
    font-family: "Proxima Nova";
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.20px;}
.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;}





/* Content */
.home0 {background-image: url(images/slide.jpg);height: 100vh;display: flex;align-items: center;}
.home0 .mk_code_inner {
    text-align: center;
}
.home0 .mk_code_inner div:nth-child(1){
    text-shadow: 0 0 46px rgba(0, 0, 0, 0.63);
    color: #ffffff;
    font-family: "Cherry Swash";
    font-size: 93px;
    font-weight: 700;
    line-height: 1.3em;
    text-indent: -260px;
}
.home0 .mk_code_inner div:nth-child(2){
    text-shadow: 0 0 46px rgba(0, 0, 0, 0.63);
    color: #8eac6a;
    font-family: "Cherry Swash";
    font-size: 79px;
    font-weight: 400;
    line-height: 0.6em;
    text-indent: 167px;
}
.home0 .mk_code_inner div:nth-child(3){
    text-shadow: 0 0 46px rgba(0, 0, 0, 0.63);
    color: #ffffff;
    font-family: "Neo Tech Std";
    font-size: 108px;
    font-weight: 400;
    line-height: 1em;
    text-indent: -198px;
    margin-bottom: 50px;
}
.home0 .mk_code_inner div:nth-child(4){
    background-color: #8eac6a;
    color: #ffffff;
    font-family: "Cherry Swash";
    font-size: 17px;
    font-weight: 700;
    line-height: 60px;
    display: inline-block;
    padding: 0 28px;
    margin-left: 35px;
}
.home1 {background-image: url(images/home1bg.jpg);padding: 50px 0;}
.home1 .mk_rij {display: flex; align-items: center}

.home1:before {
    content: url(images/kartel.png);
    display: block;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
}

.home3 {padding:100px 0;z-index: 10;}
.home3 .mk_rij {max-width: 780px;}
.home3 img {position: absolute;right: 0;bottom: -60px; z-index: 11;}

/*.home3:after {
    content: url(images/kartel-wit.png);
    display: block;
    position: absolute;
    bottom: 0;
    transform: translateY(35%);
}*/


.home5 {background-image: url(images/home1bg.jpg); padding: 0px 0;}
.home5 .mk_rij {display: flex; align-items: center; padding: 80px 95px}

.home5:before {
    content: url(images/kartel.png);
    display: block;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
}

.home5 .mk_rij{max-width: 1100px;background-color: #fff;transform: translateY(-200px);}

/* 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 input[type=email], .gform_wrapper select, .gform_wrapper textarea {border: none;padding: 15px !important; font-family: 'Proxima Nova'; border-radius: 0;display: block;width: 100% !important;font-size: 16px !important;background-color: #f4f4f4;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: none;}

.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 .gform_footer { margin-top: 10px!important; }

.error404 #main-header{background: #000;}


/* Footer */
#main-footer { background-color: #8eac6a; position: relative}
#main-footer:before {content: url(images/footerbg.png); position: absolute; top:0; transform: translateY(-29%); z-index: 10;}
#main-footer .mk_sectie { padding-bottom: 0; z-index: 20;}

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

#footer-bottom {padding: 15px 0 5px 0;font-size: 15px;background-color: #83a05f;}
#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: 980px) {
    .home1 .mk_rij {display: block;}
    .home5 .mk_rij {display: block;}
    #main-header {
    padding: 18px 0;
    background-color: #8eac6a;
}
.ubermenu-responsive-toggle {float:right;color: #fff; padding: 14px 0!important;}
.ubermenu.ubermenu-main {padding-top: 30px; transition: 300ms}
.ubermenu-responsive.ubermenu-responsive-collapse {padding-top: 0;}

#main-footer {margin-top: 50px;}

.mk_footer {width: 100%;}
}

@media only screen and (max-width: 860px) {
    .home0 .mk_code_inner div {text-indent: 0px!important; margin-left: 0!important;}
}

@media only screen and (max-width: 620px) {
    .home0 .mk_code_inner div:not(:last-child) {
        font-size: 12.8vw!important;
        line-height: 1.1em!important;
    }
    .home0 .mk_code_inner div:nth-child(4) {line-height: 1em; padding: 20px;}
    .home5 {background-color: #fff; background-image: none; padding: 30px 0;}
    .home5:before {display: none;}
    .home5 .mk_rij {padding: 0; background-color: transparent; transform: translate(0)}
}

@media only screen and (max-width: 480px) {
    .mk_logo {
    font-size: 33px;
    line-height: 1.3em;
}
}