/*
 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=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900&display=swap');

body {  font-family: 'Titillium Web'; color: #00336b;
    font-size: 17px;
    font-weight: 300;
    line-height: 2em;}

h1,h2 {font-size: 45px;font-weight: 700;line-height: 1em;margin-bottom: 30px;}
h4 {font-size: 30px;font-weight: 700;line-height: 1em;}

h1:after,h2:after {content:"";width: 82px;height: 2px;background-image: url(images/stripe-orange.png);display: block;background-size: contain;margin: 20px 0 0 0;}

.white h1:after, .white h2:after {background-image: url(images/stripe-white.png)}
.center h1:after, .center h2:after {margin-left:auto; margin-right: auto;}
.bluebg {background-color: #009edd; color:#fff;}
a { text-decoration: none; color: #000; }

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

.container {position: relative; width: 80%; max-width: 1200px; margin: 0 auto;}

.smallrow .mk_rij, .smallrow.mk_rij {max-width: 1020px;}

.white {color:#fff;}
.center {text-align: center;}
.nopadding, .nopadding .mk_rij {padding: 0; }


/* Buttons */
.mk_button {color: #fff;font-size: 15px;font-weight: 700;line-height: 35px;display: inline-block;background-color: #fff;border-radius: 5px;background-color: #f49919;padding: 10px 15px 10px 25px; text-transform: none;letter-spacing: 1px;border: none;cursor: pointer;}
.mk_button:hover {padding: 10px 25px 10px 25px;}
.mk_button:after {content: "\f105"; width: 10px; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 600; color: inherit; opacity: 0; margin-left: 0px; position: relative; transition: 200ms; -webkit-transition: 200ms;}
.mk_button:hover:after {opacity: 1; margin-left: 10px;}

/* Header */
#top-header {} 
#top-header {text-align: right;}
#top-header a {color: #ffffff;font-family: 'Titillium web';font-size: 15px;font-weight: 700;line-height: 35px;letter-spacing: 0.6px;background-color: #fff;border-radius: 0 0 5px 5px; background-color: #f49919;display: inline-block;padding: 6px 26px;}
#main-header  {background-color: #b4b4b4;margin-bottom: 25px;padding: 25px 0;}


/*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 { margin-top: -40px;position: relative;float: left;}
/* .home .mk_logo_container {height: 150px!important;} */
.mk_logo { width: 250px; max-height: 100%;margin-left: -22px;}
/* .home .mk_logo {margin-left: -0;} */

/* Menu */
.ubermenu.ubermenu-main { margin-right: -10px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {color: #fff;font-size: 17px;text-transform: none;font-family: 'Titillium web';padding: 8px 15px;font-weight: 700;}
.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(60%);}
.ubermenu-target-title::after {
    bottom: 0px;
    background: #f49919;
    height: 4px;
    width: 0;
    position: absolute;
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    transition: 200ms;
    -webkit-transition: 200ms;
    border-radius: 50px;
    }


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

.page-bg {position: absolute;left:0;top:0;width: 100%;height: 810px;background-color: #009edd;overflow: hidden;}
.page-bg .image {width: 100%; height: 100%; opacity: .22; background-size: cover; position: absolute; top:0; left:0;}
.page-bg .overlay {width: 100%;height: 100%;background-size: cover;position: absolute;top:0;left:0;}

.header_txt {text-align: center;padding-top: 2.6%;}
.header_txt .header1 {color: #00336b; font-size: 25px; font-weight: 700; line-height: 1.8em;}
.header_txt .header2 {color: #fff; font-size: 74px; line-height: 1em; font-weight: 700; margin-bottom: 38px; max-width: 660px; margin: auto; margin-bottom: 45px;}
.header_txt .badge {font-size: 46px; font-weight: 700; color: #fff; width: 195px; height: 195px; background-color: #f49919; line-height: 0.9em; border-radius: 100px; vertical-align: middle; padding-top: 47px; position: absolute; right: 0; bottom: 0;}


/* Shiftnav */
#shiftnav-toggle-main { background:transparent !important; color: #fff !important; transition: 300ms;}
.paginascroll #shiftnav-toggle-main  {background-color: #009edd!important;}
.paginascroll .shiftnav-main-toggle-content img {height: 43px;}
.paginascroll #shiftnav-toggle-main-button {
    padding: 13px 10px!important;
}
.paginascroll .shiftnav-main-toggle-content {padding: 11px!important;}
#shiftnav-toggle-main-button {font-size: 25px; padding: 35px 10px!important; transition: 300ms;}
#shiftnav-toggle-main-button i:before {content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: 900; font-size: 35px;}
.shiftnav-main-toggle-content {padding: 20px !important; transition: 300ms;}
.shiftnav-main-toggle-content img { float: left; height: 55px; max-width: 80%; transition: 300ms;}

.home .shiftnav-main-toggle-content img { height: 95px; }
.home  #shiftnav-toggle-main-button {  padding: 50px 10px !important; }


.shiftnav { z-index: 99999999 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner {background-color: #009EDD!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: #fff;background-color: #009edd!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: #f49919 !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: #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-inner img {padding:20px;max-height: 130px; margin-bottom: 20px;}


/* 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 */
.pagetitle {margin-bottom: 30px;}
.pagetitle h1 {color: #fff;}
.pagetitle h1:after {display: none;} 
.pagetitle + .mk_sectie .mk_rij, .graybg .mk_rij {border-radius: 5px;background-color: #f4f4f4;padding: 75px 90px;}
.themes-list {display: flex; flex-wrap: wrap; padding-left: 40px;}
.themes-list .theme {width: 50%; margin-bottom: 20px;}
.themes-list .theme .icon {display: inline-block; vertical-align: middle; width: 75px; padding-right: 35px;}
.themes-list .theme .title {display: inline-block; vertical-align: middle; color: #00336b; font-size: 17px; font-weight: 400;}

.home0 {padding-top: 340px; background-image: url(images/bg-right.png),  url(images/bg-left.png), url(images/round-blue-bg.png); background-position: right -15% top, left -20px bottom, center bottom; background-repeat: no-repeat;}

.big-buttons {padding-top: 6%;}
.big-buttons .mk_kolom .mk_tekst {text-align: center;max-width: 470px;float: none;border-radius: 5px;padding: 60px 80px;box-shadow: 0 0 rgba(0, 0, 0, 0.25);transition: 250ms;margin: 0;}
.big-buttons .mk_kolom .mk_tekst img {display: inline-block; max-height: 102px; width: auto;}
.big-buttons .mk_kolom:first-child .mk_tekst {background-color: #f49919;}
.big-buttons .mk_kolom:last-child .mk_tekst {background-color: #f4f4f4;}
.big-buttons .mk_kolom .mk_tekst:hover {transform: translateY(-25px); box-shadow: 0 25px 25px rgba(0, 0, 0, 0.25);}
.big-buttons .mk_kolom a {color: #00336b;}
.big-buttons .mk_kolom:first-child a { color: #fff; }
.home2 {background-color: #009edd; background-image: url(images/bg-right-2.png); background-position: top right -27%; background-repeat: no-repeat;}



/* #region Standhouders */
/* =================================== */
.locatie_filters .mk_button { margin-right: 10px; margin-bottom: 10px; }
.locatie_filters .mk_button.active { background-color: #00336b; }

.overzicht-standhouders .standhouders_items { width: calc(100% + 40px); margin-left: -20px;}
.overzicht-standhouders .item { cursor: pointer; position: relative; display: none; width: calc(50% - 40px); float: left; margin: 20px; background-color: #f4f4f4;border-radius: 5px; padding:58px; }
.overzicht-standhouders .item.active { display: block; }

.overzicht-standhouders .item .image {margin-bottom: 30px;}
.overzicht-standhouders .item .image img { max-height: 150px; width: auto; }
.overzicht-standhouders .item .logo { float:right; }

.overzicht-standhouders .item h4:after{content:"";width: 82px;height: 2px;background-image: url(images/stripe-orange.png);display: block;background-size: contain;margin: 20px 0 0 0;margin-bottom: 15px;}
/* .overzicht-standhouders article .content {overflow: hidden; transition: 500ms;} */
.overzicht-standhouders .item .readmore {cursor: pointer; font-weight: 600;}
.overzicht-standhouders .column {float: left; width: 50%;}

.overzicht-standhouders .content { position: absolute; visibility: hidden; opacity: 0; padding-right: 58px; transition: 500ms; -webkit-transition: 500ms; }
.overzicht-standhouders .content.set { position: relative; max-height: 0; padding-right: 0px; }
.overzicht-standhouders .content.set.active { opacity: 1; visibility: visible; }
.overzicht-standhouders  .leesmeer { font-weight: 700; }
.overzicht-standhouders  .leesmeer.active { display: none; }

.mk_sectie.overzicht-standhouders .mk_rij { border-radius: 0px; background-color: transparent; padding: 0; }
/*#endregion*/

/* #region Bezoekersinfo */
/* =================================== */
.programma-sectie .mk_kolom:first-child {width: 24%;}
.programma-sectie .mk_kolom:last-child {width: 70.5%;}

.timetable {padding-top: 97px;}
.timetable .zaal {float: left; width: 48.4%; margin-right: 3%;}
.timetable .zaal:last-child {margin-right: 0;}
.timetable .zaal > .title {font-weight: 600; font-size: 25px;}
.timetable .zaal .time {min-width: 125px; display: inline-block;}

#field_2_5 {position: relative;}
#field_2_5 .gfield_description {border-radius: 5px; background-color: rgba(255, 255, 255, 1); border: none; color: #00336b; font-size: 15px!important; font-weight: 300; padding: 9.5px 15px!important; margin-top: 8px; background-image: url(images/gray_triangle_down.png); background-position: right 18px center; background-repeat: no-repeat; cursor: pointer;}

#field_2_5 .ginput_container_checkbox { display: block !important; opacity: 1 !important; position: relative; background: #fff; padding: 15px; margin: 0; width: 100% !important; display: none;}

#aanmelden .gform_footer {text-align: left}

/*#endregion*/

/* #region Over de beurs */
/* =================================== */
.organisatie-overview { float: left; width: calc(100% + 20px); margin-left: -10px;}
.organisatie-overview .lid { float: left; width: 25%; margin-bottom: 30px; padding: 0 10px;}
.organisatie-overview .lid .image { cursor: pointer; max-width: 250px; border-radius: 50%; overflow: hidden; margin-bottom: 20px; display: inline-block;}
.organisatie-overview .lid .name { cursor: pointer; font-size: 20px; font-weight: 700;}
.organisatie-overview .lid .place { cursor: pointer; font-weight: 400; font-size: 20px; margin-bottom: 15px;}
.organisatie-overview .lid .content { margin-top: 30px; display: none; }


.organisatie-content { float: left; width: 100%; text-align: left; }
.organisatie-content .lid { display: none;  }
.organisatie-content .lid.active { display: block; border-radius: 5px; background-color: #f4f4f4; padding: 50px; }
.organisatie-content .lid .name {  font-size: 20px; font-weight: 700; }
.organisatie-content .lid .content {  }

.over1{ padding-bottom: 90px; }
.over2{ padding: 55px 0 100px 0; }

/*#endregion*/

/* #region Contact */
/* =================================== */
.contact0 .mk_rij {
    padding: 0!important; background-color: transparent!important;
}

.contact0 a {color:#fff;}

.contact0 .mk_kolom:last-child {
    border-radius: 5px;
    background-color: #f4f4f4;
    padding: 65px 75px 0px 75px;
    color: #00336b;
    margin-top: -95px;
}

.contact0 .gform_fields .gf_third {width: 100%;margin-bottom: 0;float: none;}
.contact0 .gform_footer {text-align: right!important;}
/*#endregion*/


/* overzicht-standhouders */
.overzicht-standhouders {  }



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

.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 ul.gform_fields li.gfield .gfield_label {display: none;}


.gform_wrapper {max-width: 560px; margin: 0 auto;}
.gform_fields input, .gform_fields textarea {border-radius: 5px; background-color: rgba(255, 255, 255, 1); border: none; color: #00336b; font-size: 15px!important; font-weight: 300; padding: 15px!important;}
.gform_fields input::placeholder, .home .gform_fields textarea::placeholder {color: #00336b;}
.gform_fields .gf_third {width: 33.333%;float: left;clear: none;margin-bottom: 15px;}
.gform_wrapper .gform_footer {text-align: center;}

.home .gform_wrapper {max-width: 560px; margin: 0 auto;}
.home .gform_fields input, .home .gform_fields textarea {border-radius: 5px; background-color: rgba(255, 255, 255, 0.15); border: none; color: #fff; color: #fff; font-size: 15px!important; font-weight: 300; padding: 15px!important;}
.home .gform_fields input::placeholder, .home .gform_fields textarea::placeholder {color: #fff;}
.home .gform_fields .gf_third {width: 33.333%;float: left;clear: none;margin-bottom: 15px;}
.home .gform_wrapper .gform_footer {text-align: center;}



.gform_wrapper ul.gform_fields li.gfield.gf_label .gfield_label { display: block; }
.gform_wrapper ul.gform_fields li.gfield.gf_full { width: 100%; clear: both; }


/* Footer */
.tuifooter {padding: 2.5% 0 4.5%;}
.tuifooter img {float: right;margin-left: 60px; margin-bottom: 20px;}
.tuifooter p{
    color: #00336b;
    font-size: 34px;
    font-weight: 700;
    line-height: 51.57px;
    padding-top: 59px;
}

#main-footer { background-color: #e3e3e3; }
#main-footer .mk_sectie {padding-bottom: 0;background-color: #009edd;padding: 0;}
#main-footer .mk_rij {background-image: url(images/footer.png);background-position: left bottom;background-repeat: no-repeat;padding: 65px 0;}
#main-footer a { color: #fff; }

.mk_footer:not(.mk_footer1) {display: none;}
.mk_footer1 {width: 100%!important;text-align: right;margin-bottom: 0!important;} 
.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;display: none;}
#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: 1600px) {
    .home0 {background-position: right -30% top, left -50px bottom, center bottom;}
    .home2 {background-position: top right -50%}
}


@media only screen and (max-width: 1500px) {
    .home0, .home2 {background-image: none;}
    
}

@media only screen and (max-width: 1200px) {
    .header_txt .badge {bottom: -130px;}
    #main-footer .mk_rij {background-image: none;}
}

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

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

    /* Slider */
	.frontpageslider { height: 420px; }
	.slide-content { margin-top: 10vw; }
	.frontpageslider h1 { font-size: 55px; }
	.frontpageslider .subtitel { width: 100%; }

    /* content */
    .organisatie-overview  {display: block;}
    .organisatie-overview .lid { width: 50%; }
    .programma-sectie .mk_kolom:first-child {width:100%;}
    .programma-sectie .mk_kolom:last-child {width: 100%;}
    .timetable .zaal {width: 100%; margin-bottom: 30px;}

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

    .contact0 .mk_kolom:last-child { margin-top: 0; padding: 50px 50px 0px 50px; }
}

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

    /* Slider */
    .slide-module {width: 100%;}
    .frontpageslider .swiper-slide h1 {font-size: 10vw;}
    .frontpageslider .swiper-slide .subtitel {font-size: 5.5vw;}

    .home0 {padding-top: 45%;}

    .header_txt .header1 {font-size: 8vw; line-height: 1.2em; margin-bottom: 20px;}
    .header_txt .header2 {font-size: 9.7vw;}
    .header_txt .badge {bottom: -40%; font-size: 25px; width: 120px; height: 120px; padding-top: 36px;}
    .page-bg {height: 115vw;}
    .page-bg .overlay {background-position: right 35% top;}
    .page-bg .image {background-size: cover; background-position: center center;}

    .home .gform_fields .gf_third {width: 100%;margin-bottom: 0px;float: none;}

    .themes-list {padding-left: 0;}
    .themes-list .theme {width: 100%;}
    .pagetitle + .mk_sectie .mk_rij, .graybg .mk_rij, .post-type-archive-standhouder article {
        padding-left: 0;
        padding-right: 0;
        box-shadow: 50px 0px #f4f4f4, -50px 0px #f4f4f4;
    }

    /* footer */
    .mk_footer {width: 100%;}

    #footer-info .mail {display: block;}
    #footer-info .sep:nth-of-type(2) {display: none;}

    .mk_footer1 { text-align: left; }
    #main-footer .mk_rij { padding: 20px 0; }
    .gform_wrapper .mk_button { margin-bottom: 0 !important; }


    .mk_sectie.overzicht-standhouders .mk_rij, .mk_sectie.contact0 .mk_rij { box-shadow: none !important; }
    .overzicht-standhouders .standhouders_items { width: 100%; margin: 0; }
    .overzicht-standhouders .item { width: 100%; margin-left: 0; margin-right: 0; }
}

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

    .mk_rij, .container { width: 90%; }

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

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


    .tuifooter p { font-size: 7vw; line-height: 1.7em; }
    
    .pagetitle, .pagetitle h1 { margin-bottom: 0; }

    .organisatie-overview .lid { width: 100%; }
}

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

    .header_txt .badge {
        bottom: -70%;
    }
    .page-bg {height: 165vw;}
    .page-bg .overlay {
        background-position: right 35% top;
    } 
    .page-bg .image {background-size: cover; background-position: center center;}

    .home0 {padding-top: 70%;}



    .big-buttons {width: 100%;}
    .big-buttons .mk_kolom .mk_tekst {padding: 10%;}

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


    .overzicht-standhouders .item { padding: 30px; }
    .contact0 .mk_kolom:last-child { margin-top: 0; padding: 30px 30px 0px 30px; }


    .organisatie-content .lid.active { padding: 30px; }
}