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



@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.woff') format('woff'),
        url('fonts/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@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.woff') format('woff'),
        url('fonts/ProximaNovaT-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@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.woff') format('woff'),
        url('fonts/ProximaNova-ThinIt.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

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

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

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

@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.woff') format('woff'),
        url('fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

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

@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.woff') format('woff'),
        url('fonts/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@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.woff') format('woff'),
        url('fonts/ProximaNova-RegularIt.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


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


body { font-family: 'Proxima Nova'; font-size: 16px; font-weight: 400; line-height: 1.7em; color: #000; background-color: #f1f0f1; }


h1, h2 { font-size: 35px; 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; }

h1:after { content: ""; display: block; width: 50px; height: 3px; margin: 20px 0 10px; background-color: #f5a019; }
h2:after { content: ""; display: block; width: 50px; height: 3px; margin: 10px 0 15px; background-color: #f5a019; }

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

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

.mk_module.mk_tekst iframe { max-width: 100%; }


 /* builder */
.mk_module.mobile { display: none; }

/* Buttons */
.mk_button { float: left; padding: 15px 25px; background: #f5a019; border-radius: 0px; color: #fff; text-decoration: none; text-transform: none; font-size: 18px; transition: 200ms; -webkit-transition:200ms; }
.mk_button:hover { padding: 15px 50px 15px 25px; }
.mk_button:after { opacity: 0; margin-left: -10px; margin-top: 3px; position: absolute; transition: 200ms; -webkit-transition:200ms;  content: ""; width: 22px; height: 22px; background-image: url('images/pijlwit.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.mk_button:hover:after  { opacity: 1; margin-left: 10px; }


/* Header */
#top-header { background-color: #282321; } 
#main-header  { background-color: #282321; border-bottom: 3px solid #f5a019; }


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

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


/*info-links*/
.info-links { float: right; margin-right: -10px; }
.info-links a { padding: 2px 10px; text-transform: uppercase; color: #fff; }
#footer-bottom .info-links a { text-transform: none; }


/*socials*/
.socials { float: right; margin-right: 20px; }
.socials .social { float: left; padding: 0 2px; }
.socials .social a { opacity: 0.6; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; }
.socials .social a:hover { opacity: 1; }
.social_twitter a { background-image: url('images/socialtwitterwit.png'); }
.social_facebook a { background-image: url('images/socialfacebookwit.png'); }
.social_linkedin a { background-image: url('images/sociallinkedinwit.png'); }
/* .social_twitter a:hover { background-image: url('images/socialtwitterwit.png'); }
.social_facebook a:hover { background-image: url('images/socialfacebookwit.png'); }
.social_linkedin a:hover { background-image: url('images/sociallinkedinwit.png'); } */


/*logo*/
.mk_logo_container { margin-top: -20px; }
.mk_logo {  }


/* Menu */
.ubermenu.ubermenu-main { margin-right: -15px; }
.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-target-text {  }
.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; }

.ubermenu-current_page_item .ubermenu-target-title::after { width: 30px; }
.ubermenu-current_page_item .disable .ubermenu-target-title::after { width: 0; }
.ubermenu-target:hover .ubermenu-target-title::after { width: 30px !important; }
.ubermenu-target-title::after { transition: 200ms; -webkit-transition: 200ms; background: #f5a019; position: absolute; width: 0px; height: 3px;  content: ""; display: inline-block;   bottom: 10px; left: 0;  right: 0; margin: auto; }




/* Shiftnav */
#shiftnav-toggle-main { background:#282321 !important; color: #f5a019 !important; transition: 500ms; -webkit-transition: 500ms; border-bottom:0;}
#shiftnav-toggle-main-button { font-size: 35px; padding: 21px 10px !important; }
#shiftnav-toggle-main-button i:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #f5a019; 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; background-color: #282321 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #282321 !important; }
.shiftnav .shiftnav-menu-title a { color: #b4b4b4 !important; }
.shiftnav .shiftnav-menu-image { text-align: center; padding: 46px 25px !important; }

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

.shiftnav .sub-menu li {border-bottom: 0 solid #b4b4b4!important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #fff;}
.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: #282321  !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-email:before {content: "\f1d8"; font-family: "Font Awesome 5 Free"; color: #f5a019; margin-right: 5px; font-size: 20px;}
.shiftnav-inner #mk-info-phone {font-weight: 600; color: #fff; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #mk-info-email {font-weight: 600; color: #fff; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner iframe {display: block;}

#shiftnav-toggle-main.scrollactive { border-bottom: 3px solid #f5a019; }


/* Slider */
.frontpageslider { background: #ffff; height: 600px; }
.frontpageslider .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; background-image: none !important; background-color: #000; overflow: hidden; }
.frontpageslider h1 { font-size: 60px; font-weight: bold; color: #fff; text-shadow: 0px 0px 20px #000; margin-top: 40px; line-height: 1.1em; margin-bottom: 25px; }
.frontpageslider h1:after { display: none; }
.frontpageslider .subtitel {  display: none;  }
.frontpageslider .et_pb_column  { width: 70%; margin-left: -40px; }
.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; display: none; }

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

.frontpageslider .slide-content { margin: 0 auto; max-width: 1200px; width: 80%; padding-top: 198px; position: relative; z-index: 9; }
.frontpageslider .slide-module { width: 40%; }

.frontpageslider .slide-module .mk_button {  }

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

/* slider video */
.frontpageslider .slider-video-inner { margin-top: -7vw; opacity: 0.7; position: absolute !important; width: 100%; }
.frontpageslider .slider-video-overlay { position: absolute; width: 100%; height: 100%; z-index: 8; }


.mk_sectie.volledige_breedte { padding: 0; }
.mk_sectie.volledige_breedte .mk_rij { width: 100%; max-width: 100%; padding: 0; }

.mk_sectie.hide { display: none; }

.mk_sectie.paddingtop, .mk_sectie.paddingtop .mk_rij { padding-top: 0; }


/* Content */
.home1 { background-color: #282321; }
.home2 { background-color: #f1f0f1; background-repeat: no-repeat; background-position: top right; padding: 0; }
.home2 .mk_rij { padding: 0; }
.home2 .mk_kolom:nth-child(1) { background-color: #fff; padding: 30px; margin-top: -310px; z-index: 999; position: relative; margin-right: 0; }
.home2 .mk_afbeelding { position: relative; margin: 0; }
.home2 .mk_kolom_1_2:nth-child(1) .mk_afbeelding .mk_afbeelding_inner { position: absolute; top: 30px; right: 0px; float: none; width: 100px; }

.home2 .mk_kolom_1_2:nth-child(2)  { width: 52.75%; }

.home3 { background-color: #f1f0f1; }

.home4 h2 { font-size: 20px; }
.home4, .home4 .mk_rij { padding-bottom: 0; }
.home4 .mk_kolom_1_1 { padding: 30px; background-color: #fff; }

.home5, .home5 .mk_rij { padding-bottom: 0;}
.home5 .mk_afbeelding_inner img { margin: 0 auto; }

/* Vervolgpagina */






/*laatstenieuws*/
.laatstenieuws { color: #fff; margin-bottom: 10px; float: left; width: 100%; }
.laatstenieuws .titel { font-size: 35px; font-weight: 700; float: left; }
.laatstenieuws .titel:after { display: block; content: ""; width: 50px; height: 3px; background-color: #f5a019; margin-top: 20px; margin-bottom: 10px;  }
.laatstenieuws .meernieuws { color: #f5a019; float: right; text-transform: uppercase; }
.laatstenieuws .meernieuws:after {  transition: 200ms; -webkit-transition: 200ms; content: ""; display: inline-block; width: 22px; height: 22px; background-image: url('images/pijl.png'); background-position: center; background-size: contain; background-repeat: no-repeat; margin-left: 5px; margin-bottom: -4px; } 
.laatstenieuws .meernieuws:hover:after { margin-left: 15px; }

.laatstenieuws-overzicht {  float: left; width: 100%; }
.laatstenieuws-item { color: #fff; float: left; width: 100%; font-weight: 700; border-bottom: 1px solid #ffffff1a; padding-bottom: 3px; }
.laatstenieuws-item:last-child { padding-bottom: 0; border:0; }
.laatstenieuws-titel { float: left; width: calc(100% - 120px); padding-right: 10%; color: #fff; }
.laatstenieuws-lees { float: right; color: #fff; font-size: 15px; width: 120px; text-align: right; }
.laatstenieuws-lees:after { transition: 200ms; -webkit-transition: 200ms; content: ""; display: inline-block; width: 15px; height: 15px; background-image: url('images/pijlwit.png'); background-position: center; background-size: contain; background-repeat: no-repeat; margin-left: 5px; margin-bottom: -4px; }
.laatstenieuws-item:hover .laatstenieuws-lees:after { margin-left: 10px; }



/*vacature-overzicht*/
.vacature-overzicht { float: left; width: 100%; }
.vacature-item  { float: left; width: 47.25%; margin-right: 5.5%; background-color: #fff; margin-bottom: 45px; }
.vacature-item:nth-child(2n+2) { margin-right: 0; }
.vacature-item:nth-last-child(2), .vacature-item:last-child { margin-bottom: 0; }
.vacature-titel { float: left; width: 100%; font-size: 20px; font-weight: 700; line-height: 1.7em; padding: 30px; }
.vacature-titel:after { content: ""; display: block; width: 50px; height: 3px; margin: 10px 0 0px; background-color: #f5a019; }
.vacature-stagetekst  { float: left; width: 100%; padding: 0 30px 30px 30px; }
.vacature-achtergrond { float: left; width: 100%; height: 300px; background-size: cover; background-position: center; }
.vacature-content { float: left; width: 100%; background-color: #d68b13; }
.vacature-info { padding: 20px 30px; color: #fff; font-weight: 700; float: left; }
.vacature-button { float: right; }
.vacature-button .mk_button { padding: 20px 25px; }
.vacature-button .mk_button:hover { padding: 20px 45px 20px 25px; }
.vacature-item:hover .mk_button { padding: 20px 45px 20px 25px; }
.vacature-item:hover .mk_button:after  { opacity: 1; margin-left: 10px; }

.vacature-pagination { padding: 0 !important; float: left; width: 100%; }
.vacature-pagination .wpv-filter-previous-link { float: left; padding: 30px 0 10px; }
.vacature-pagination .wpv-filter-previous-link:before {margin-right: 5px;margin-top: 7px; -webkit-transition: 200ms; transition: 200ms; content: "";width: 15px;height: 15px;background-image: url('images/pijlleft.png');background-position: center;background-size: contain;background-repeat: no-repeat;display: inline-block;float: left; }
.vacature-pagination .wpv-filter-previous-link:hover:before { margin-right: 10px; }

.vacature-pagination .wpv-filter-next-link { float: right;  padding: 30px 0 10px; }
.vacature-pagination .wpv-filter-next-link::after { margin-left: 5px; margin-top: 7px; -webkit-transition: 200ms; transition: 200ms; content: ""; width: 15px; height: 15px; background-image: url('images/pijl.png'); background-position: center; background-size: contain; background-repeat: no-repeat; display: inline-block; float: right; }
.vacature-pagination .wpv-filter-next-link:hover:after { margin-left: 10px; }

.stagetitel { margin-top: 20px; }
.vacature-overzicht.stage .mk_button { padding: 20px 25px 20px 25px !important; }
.vacature-overzicht.stage .mk_button:hover { padding: 20px 25px 20px 25px; }
.vacature-overzicht.stage .mk_button:after { display: none }

.vacature-overzicht.stage .vacature-item { width: 32%; margin-right: 2%; }
.vacature-overzicht.stage .vacature-item:nth-child(3n+3) { margin-right: 0; }
.vacature-overzicht.stage .vacature-content { display: none; }


/* citaten  */
.citaten { text-align: center; margin-top: 30px; margin-bottom: 30px; font-style: italic; opacity: 0.7; font-size: 22px; }
.citaten .owl-dots { padding-top: 10px; }
.citaten .qoute { padding: 0 10px; }


/* Blog */
.mk_blog_sectie {  }
.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:#fff;}
.blogpost { width: 80%; max-width: 1200px; margin: 0 auto;}
.blogpost .content { padding: 0 0 30px 0 ; position: relative; }
.blogpost .title {font-size: 24px; font-weight: 600;}
.blogpost .date, .blogpost .time {font-size: 16px; font-weight: 500;}
.blogpost .intro {font-size: 16px; padding-top: 15px;}
.blogpost .image { display: block;  width: 35%; height: 100%; padding-bottom: 15px; padding-left:30px; float: right; background-size: cover; background-position: center center; text-align: right;}
.blogpost .image img { display: inline-block; }
.blogbtn.mk_button {display:block; margin-top: 30px; }
.blogbtn.mk_button:hover {  }
.blogbtn.mk_button:after { }


/*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;}

/*singlenieuws1*/
.singlenieuws1 { padding-top: 0; }
.singlenieuws1 a { text-decoration: underline; }
#kruimelpad span.sep:after { content: ""; width: 15px; height: 15px; background-image: url('images/pijl.png'); background-position: center; background-size: contain; background-repeat: no-repeat; display: inline-block; margin: 0 7px -3px 5px; }
#kruimelpad a:hover { text-decoration: underline; }


/*vacature1*/
.vacatureheader { background-position: center; }
.vacatureheader_content h1 { font-size: 60px; max-width: 800px; }
.vacatureheader_content h1:after { display: none; }
.vacatureheader_content:after { content: ""; display: block; width: 50px; height: 3px; margin: 20px 0 10px; background-color: #f5a019; }
.vacatureheader-info { font-size: 28px; margin: 10px 0; line-height: 1em; }

.vacature1 { padding: 45px 0; }
/* .vacature1 .mk_kolom:nth-child(2) { margin-top: -112px;  } */
.vacature1 .mk_kolom:nth-child(2) .kader { float: left; width: 100%; padding: 30px; background-color: #fff; }
.vacature1 .functieomschrijving { margin-bottom: 30px; }
.vacature1 .functieomschrijving h3:after { content: ""; display: block; width: 50px; height: 3px; margin: 10px 0 15px; background-color: #f5a019; }
.vacature1 h2 { font-size: 28px; }

.solliciteren-intro a { background-color: #f5a019; color: #fff; text-decoration: none; padding: 8px 20px; display: inline-block;  transition: 200ms;  -webkit-transition: 200ms; }
.solliciteren-intro a:hover { padding: 8px 50px 8px 20px; }

.solliciteren-intro a:after { opacity: 0; margin-left: -10px;  margin-top: 3px; position: absolute; transition: 200ms;  -webkit-transition: 200ms;content: ""; width: 22px; height: 22px; background-image: url('images/pijlwit.png'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.solliciteren-intro a:hover:after { opacity: 1; margin-left: 10px;  }

.vacatureafbeeldingen { float: left; width: 100%; margin-top: 30px; }
.vacaturecitaten { float: left; width: 100%;  }
.wat-bieden-wij .citaten  { margin-top: 0 !important; margin-bottom: 15px; }
.wat-bieden-wij .citaten .owl-dots { padding-top: 5px; }

/* Formulieren */ /* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0; }
.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 .gfield_label { display: none; }
.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: 5px; 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; background-color: #282321; }

.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_2.gform_wrapper ul.gform_fields li.gfield { width: 100%; }
#gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield .gfield_label { display: block; width: 30%; float: left; font-weight: 400;}
#gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield .ginput_container { float: left; width: 70%; }
#gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield .ginput_container input { width: 100%; }
#gform_wrapper_2.gform_wrapper .gfield_required { color: #f5a019; }
#gform_wrapper_2 input[type=checkbox] { -webkit-appearance: checkbox; }
#gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield.verklaring .gfield_label { display: none; }
#gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield.verklaring .ginput_container { width: 100%; }
#gform_wrapper_2.gform_wrapper input[type=text], #gform_wrapper_2.gform_wrapper select, #gform_wrapper_2.gform_wrapper textarea { background-color: #f7f6f7; border:0; border-radius: 0px; }
#gform_wrapper_2.gform_wrapper input[type=text]:hover, #gform_wrapper_2.gform_wrapper select:hover, #gform_wrapper_2.gform_wrapper textarea:hover {border: 0px;}

#gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield.vacaturenaam { visibility: hidden; height: 0; padding: 0; margin: 0; }



#gform_wrapper_3.gform_wrapper ul.gform_fields li.gfield { width: 100%; }
#gform_wrapper_3.gform_wrapper ul.gform_fields li.gfield .gfield_label { display: block; width: 30%; float: left; font-weight: 400;}
#gform_wrapper_3.gform_wrapper ul.gform_fields li.gfield .ginput_container { float: left; width: 70%; }
#gform_wrapper_3.gform_wrapper ul.gform_fields li.gfield .ginput_container input { width: 100%; }
#gform_wrapper_3.gform_wrapper .gfield_required { color: #f5a019; }
#gform_wrapper_3 input[type=checkbox] { -webkit-appearance: checkbox; }
#gform_wrapper_3.gform_wrapper ul.gform_fields li.gfield.verklaring .gfield_label { display: none; }
#gform_wrapper_3.gform_wrapper ul.gform_fields li.gfield.verklaring .ginput_container { width: 100%; }
#gform_wrapper_3.gform_wrapper input[type=text], #gform_wrapper_2.gform_wrapper select, #gform_wrapper_2.gform_wrapper textarea { background-color: #f7f6f7; border:0; border-radius: 0px; }
#gform_wrapper_3.gform_wrapper input[type=text]:hover, #gform_wrapper_2.gform_wrapper select:hover, #gform_wrapper_2.gform_wrapper textarea:hover {border: 0px;}


/* Footer */
#main-footer { background-color: #282321; font-size: 15px; }
#main-footer .mk_sectie, #main-footer .mk_rij { padding: 0; }
#main-footer .mk_rij { background-image: url('images/footerachtergrond.png'); background-repeat: no-repeat; background-position: left; padding: 30px 0; color: #fff; }

#footer-bottom { background-color: #191615; 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_footer { margin-bottom: 0; }
.mk_footer1 { width: 47.25%; float: left; margin-right: 5.5%; }
.mk_footer2 { width: 47.25%; float: left; padding-top: 12px; }

.mk_footer1 .titel { font-size: 35px; color: #fff; font-weight: 700; line-height: 1em; }



/*mailerlite-form-field*/
.mailerlite-form .mailerlite-form-field { float: left; border-right: 1px solid #0000; width: 58%; }
.mailerlite-form .mailerlite-form-field label { display: none; }
.mailerlite-form #mailerlite-1-field-email { border: 0; padding: 20px 30px; font-size: 16px; width: 100%; line-height: 19px; }
.mailerlite-form .mailerlite-subscribe-button-container { float: left; width: 42%; }
.mailerlite-form .mailerlite-subscribe-button-container input { border: 0; float: left; padding: 20px 30px; font-size: 18px; background-color: #f5a019;  color: #fff; cursor: pointer; width: 100%; line-height: 19px; text-transform: uppercase; transition: 200ms; -webkit-transition:200ms; }
.mailerlite-form .mailerlite-subscribe-button-container input:hover {background-color: #f5a019; color: #fff; }
.mailerlite-form-inputs { float: left; width: 100%; }
.mailerlite-form-response span { color: #fff !important; }


/* slideshow-item */
.slideshow-item { }
.owl-dots .owl-dot.active {background-color: #f5a019; }

@media only screen and (max-width: 1500px) {
    .frontpageslider { height: 39vw; }
    .frontpageslider .slide-content { padding-top: 10vw; }
    .frontpageslider .swiper-slide h1 { font-size: 50px; margin-top: 0; }
    .frontpageslider .slide-module { width: 100%; max-width: 420px; }
}

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

}

@media only screen and (max-width: 980px) {
    /* builder */
    .mk_module.mobile { display: block; }

    #top-header { padding: 10px 0; border-bottom: 3px solid #f5a019; }
    #main-header { display: none; }

	.frontpageslider { height: 350px; }
	.slide-content { margin-top: 8.5vw; }

    .vervolgpagina .mk_sectie:nth-of-type(1) { padding-top: 30px;}
    #mk-info { padding: 0; }


    .home2 .mk_kolom:nth-child(1) { margin-bottom: 30px; }
    .afbeeldingpand.mk_sectie .mk_kolom_2:last-child { width: 100%; }


    #main-footer .mk_footer  { width: 100%; margin-right: 0; }


    /*content*/
    .home1 .mk_kolom_1_2 { margin-bottom: 0; }
    .home2 { background-image: none !important; padding-top: 45px; }
    .home2 .mk_kolom:nth-child(1) { margin-top: 0; }


    /*.vacature-button*/
    .vacature-button { width: 100%; }
    .vacature-button .mk_button { width: 100%; text-align: center; }
    .vacature-info { width: 100%; text-align: center; }

    .vacature1 .mk_kolom:nth-child(2) { margin-top: 0; }

    .vacature-overzicht.stage .vacature-item:nth-child(n) { width: 47.25%; margin-right: 5.5%; }
    .vacature-overzicht.stage .vacature-item:nth-child(2n+2) { margin-right: 0; }
}

@media only screen and (max-width: 767px) {
	.owl-prev { left: -50px; }
	.owl-next { right: -50px; }
	.owl-prev::before { font-size: 50px; }
	.owl-next::before { font-size: 50px; }

    .slide-module { margin-left: 0px; }
    .frontpageslider .swiper-slide h1 { }
    .frontpageslider .swiper-slide .subtitel { font-size: 5.5vw; }
    .slide-content { margin-top: 85px;}
    .frontpageslider .swiper-wrapper .swiper-slide { background-position-x: 0%; }

    .frontpageslider  { height: 54vw; }
    .frontpageslider .slide-content { padding-top: 16vw; }
    .frontpageslider .slider-video-inner { margin-top: 0vw; }

    .vacatureheader_content h1 { font-size: 50px; }

    h1, h2 { font-size: 8vw; }

    .mk_footer .footer_locatie { width: 100%; margin-bottom: 30px; }
    .mk_footer .footer_locatie:last-child { margin-bottom: 0px; }
   
    #footer-info .mail { display: block; }
    #footer-info .sep:nth-of-type(2) { display: none; } 
    #footer-info { text-align: center; width: 100%; }
    #footer-info:nth-child(1) { padding-bottom: 0; }
    #footer-bottom .info-links { text-align: center; float: none; }
    #footer-bottom .socials { display: block; width: 90px; float: none; margin: 10px auto; }


    /*.vacature-item*/
    .vacature-item { width: 100%; margin-right: 0;  }
    .vacature-item:nth-last-child(2) { margin-bottom: 45px; }
}

@media only screen and (max-width: 640px) {
    .blog-afbeelding { max-width: 100%; margin-left: 0; text-align: center; width: 100%; margin-bottom: 15px; }

    .mk_rij { width: 90%; }

    .frontpageslider { height: calc(54vw + 58px); }
    .frontpageslider .slide-content { padding-top: 30vw; position: static; z-index: 10; }
    .frontpageslider .slide-module .mk_button { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9; text-align: center; height: 58px; }

    .frontpageslider .swiper-slide h1 { font-size: 40px; }
    .frontpageslider .swiper-wrapper .swiper-slide { background-position-x: 18%; }
    .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) { line-height: 1em !important; }
}

@media only screen and (max-width: 479px) {
    #shiftnav-toggle-main-button { font-size: 25px; padding: 17px 10px !important; }
    .shiftnav-main-toggle-content img { max-height: 45px; }

    .mk_telefoon  .mk-info-tekst { display: block; margin-bottom: 5px; }
    .mk_mobiel .mk-info-tekst { display: none; }
    .mk_telefoon { width: 100%; text-align: center; margin-bottom: 5px; }
    .mk_mobiel { width: 100%; text-align: center; }
    .mk-info-phone { margin-right: 0px; }

    .vacatureheader_content h1 { font-size: 35px; }

    .vervolgpagina .mk_sectie:nth-of-type(1) { margin-bottom: 0px; }

    .mk_footer3 .tekst, .mk_footer3 .afbeelding { width: 100%; margin-right: 0; }
    .mk_footer3 .tekst { margin-bottom: 30px; }

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


    /*slider*/
    .frontpageslider .swiper-slide h1 { font-size: 9vw; }
    .frontpageslider .swiper-wrapper .swiper-slide { background-position-x: 36%; }


    #gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield .ginput_container { width: 100%; }


    /**/
    .mailerlite-form .mailerlite-form-field { width: 100%; }
    .mailerlite-form .mailerlite-subscribe-button-container { width: 37%; }


    .vacature-overzicht.stage .vacature-item:nth-child(n) { width: 100%; margin-right: 0; }

}

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

    .laatstenieuws .meernieuws { float: left; }
    .laatstenieuws-item {padding-bottom: 10px; margin-bottom: 6px;}
    .laatstenieuws-titel { width: 100%; padding: 0; }
    .laatstenieuws-lees { float: left; width: auto;  }


   

}




.mailerlite-form-inputs {
    display: flex;
    flex-direction: column;
}

.mailerlite-form .mailerlite-subscribe-button-container {
    max-width: 25%;
}


.mailerlite-form .mailerlite-subscribe-button-container button {
    position: relative;
    padding: 15px 25px;
    background: #f5a019;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    text-transform: none;
    font-size: 18px;
    border: 0;
    overflow: hidden;
    transition: 200ms;
}

/* Pijl toevoegen */
.mailerlite-form .mailerlite-subscribe-button-container button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-image: url('images/pijlwit.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 200ms;
}

/* Hover effect: tekst naar links schuiven en pijl zichtbaar maken */
.mailerlite-form .mailerlite-subscribe-button-container button:hover {
    cursor: pointer;
    padding-left: 10px; /* tekst naar links verschuiven */
    padding-right: 50px; /* ruimte maken voor pijl */
}

.mailerlite-form .mailerlite-subscribe-button-container button:hover::after {
    opacity: 1;
}


.mailerlite-form-response {
    text-align: left;
    color: #f5a019;;
}

@media (max-width: 767px) {
    .mailerlite-form .mailerlite-subscribe-button-container {
        max-width: 100%;
    }
}