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

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

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

/* tijdelijk */
.post-password-required {
    padding: 100px;
}


body {font-family: 'TheSansCorrespondence';font-size: 15px;font-weight: 400;line-height: 1.7em;color: #000;background-color: #F8F8F8;background-image: url(images/footer.png);background-repeat: no-repeat;background-position: bottom;background-size: contain;padding-bottom: 15vw;}

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

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

#mk-main-area {overflow: hidden;margin-top: 51px;}

#main-header {position: fixed;top:0;left:0;width: 100%;z-index: 999;}


.mk_logo_container {width: 70px!important;position: relative;margin-left: auto; padding:15px 0;}
.progress {height: 11px; background-color: #ededed;}
.progress .fill {width: 0%;height:100%;background-color: #782363; transition: 300ms;}

/* Buttons */
.mk_button {background-color: #1D9CD8;color:#fff;color:#fff;text-transform: none;border:none;border-radius:50px;cursor:pointer;padding: 17px 30px!important;margin: 0!important;}
.mk_button:hover {padding: 17px 30px!important;}

/* 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_rij, .container {max-width: 820px!important; margin: auto;}

body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder] {
    font-family: 'TheSansCorrespondence';
    opacity: 0.8;
    font-style: italic;
}

.custom-fields-wrapper { border: 1px solid #dadada; background-color: #fff; border-radius: 2px; padding: 35px 40px!important; grid-column-start: 1; grid-column-end: 13; }
.custom-fields-wrapper .gfield:not(:last-child) { margin-bottom: 20px; }
.custom-fields-wrapper .gfield label, .custom-fields-wrapper #field_6_16 h4 { color: black; font-size: 16px!important; }

.custom-fields-wrapper .sub-fields-wrapper { display: grid; gap: 20px; grid-template-columns: 0.7fr 0.3fr 1fr; position: relative; margin-top: 50px; }
.custom-fields-wrapper .sub-fields-wrapper .gfield { grid-column: auto!important; margin-bottom: 0px!important; }
.custom-fields-wrapper .sub-fields-wrapper #field_6_16 { position: absolute; top: -30px; }

.gform_title {font-size: 46px!important; margin-bottom: 30px!important;}
.gfield:not(.custom-fields-wrapper .gfield) { border: 1px solid #dadada; background-color: #fff; border-radius: 2px; padding: 35px 40px!important; }
.gfield .gfield_label {color: #782363;font-size: 20px!important;}
.gform_description {white-space: pre-line;}
.gform_description img {float: right;margin-bottom: 26px;}
.gform_wrapper .gform_footer {text-align: right;}

#gform_wrapper_6 .gform_title { display: none; }
#gform_wrapper_6 .gform_heading div h2 { margin-bottom: 20px; }
#gform_wrapper_6 .gform_heading div:last-child { position: relative; margin-bottom: 30px; display: block; display: grid; grid-template-columns: 0.6fr 0.4fr; gap: 50px; align-items: center; }
#gform_wrapper_6.gravity-theme .gform_footer { justify-content: end; }

.multipleanswers {opacity: 0.52; color: #000; font-size: 15px; font-style: italic; margin-top: -15px;}

@media screen and (max-width: 740px) {
    #gform_wrapper_6 .gform_heading div:last-child { grid-template-columns: 1fr; gap: 20px; }
    #gform_wrapper_6 .gform_heading div img { max-width: 50%; margin: auto; }
}

/* .gform_wrapper .gfield_required_wrap {display: block;}
.gform_wrapper .gfield_required {border: 1px solid rgba(109, 10, 99, 0.45); opacity: 1; background-color: rgba(175, 116, 164, 0.45); border-radius: 2px; color: #fff!important; font-size: 15px; font-weight: 400; font-style: italic; padding: 5px 15px; display: inline-block; margin-top: 15px;}
.gform_wrapper .gfield_required > span {font-style: normal; font-size: 16px; color: #782363; background-color: rgba(109, 10, 99, 0.45); width: 19px; height: 19px; display: inline-block; text-align: center; border-radius: 50%; font-weight: 600; margin-right: 8px;} */

input[type=radio] {display: none!important;}
input[type=radio] label {position: relative; cursor: pointer;}
input[type=radio] + label:before {background-image: url(images/dot.png);background-repeat: no-repeat;background-size: 0%;background-position: center center;transition: 300ms;content: "";display: inline-block;margin: 0 8px 0 0;vertical-align: middle;cursor: pointer;border-radius: 50%;height: 22px;width: 22px;border: 1px solid #dadada;background-color: #f8f8f8;}
input[type=radio]:checked + label {position: relative;}
input[type=radio]:checked + label:before {border: 1px solid #782363; background-size: 10px;}
 
input[type=checkbox] {display: none!important;}
input[type=checkbox] label {position: relative; cursor: pointer;}
input[type=checkbox] + label {}
input[type=checkbox] + label:before {background-image: url(images/square.png);background-repeat: no-repeat;background-size: 0%;background-position: center center;transition: 300ms;content: "";display: inline-block;margin: 0 8px 0 0;vertical-align: middle;cursor: pointer;border-radius: 0;height: 22px;width: 22px;border: 1px solid #dadada;background-color: #f8f8f8;}
input[type=checkbox]:checked + label {position: relative;}
input[type=checkbox]:checked + label:before {border: 1px solid #782363; background-size: 10px;}
textarea, input[type=text], input[type=email], input[type=tel] {
    border: 1px solid #DADADA;
    background-color: #F8F8F8;
    padding: 15px!important;
}

.singlebox {
    color: #782363;
    font-size: 20px!important;
    font-weight: 700;
}



input[type=text]::placeholder {font-style: italic;}
.gfield .gfield {border: none;padding: 0!important;margin: 0!important;}
.gfield .gfield .gfield_label{display: none!important; }

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



/* Footer */
#main-footer { background-color: #e3e3e3; display: none;}
#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: 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 */
    
    #mk-info { padding: 0; }

    /* Slider */


    /* content */
    
    /* 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_rij {width:90%;}

    .custom-fields-wrapper .sub-fields-wrapper { grid-template-columns: 1fr; }

    .gfield:not(.custom-fields-wrapper .gfield) {padding:25px 30px!important}

    .gform_description img {float: none;}
}

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


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

.removelabel .gfield_label { display: none!important; }