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


@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;700&display=swap');

/* font-family: 'Oxanium', cursive; */

@import url("style-theme.css");


body {  font-family: 'Oxanium', serif; font-size: 17px; font-weight: 400; line-height: 2.17em; color: #000; }

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

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

#mk-main-area { overflow: hidden; width: 100%; }
/* #main-content { overflow: hidden; } */


/* Buttons */
.mk_button { cursor: pointer; overflow: hidden; position: relative; font-weight: 700; line-height: 1.7em; font-size: 14px; color: #fff; background: #0279bf; padding: 10px 20px 10px 30px; border-radius: 100px; float: left;  text-decoration: none; text-transform: uppercase;  transition: 200ms; -webkit-transition:200ms; }
.mk_button:hover { padding: 10px 20px 10px 30px; }
.mk_button:after { content: url('images/arrow.svg'); opacity: 1; display: inline-block; width: 16px; margin-left: 30px; position: relative; transition: 200ms; -webkit-transition:200ms; top:1px; }
.mk_button:hover:after  { opacity: 1; margin-left: 40px; }
.mk_button:before { content: ""; position: absolute; top: -50%; right: 0; height: 200%; width: 52px; transform: rotateZ(29deg); -webkit-transform: rotateZ(29deg);  background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);  background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }


.mk_knop.wit .mk_button { background-color: transparent; color: #0279bf; border:2px solid #0279bf;  }
.mk_knop.noarrow .mk_button, .mk_knop.noarrow .mk_button:hover { padding: 10px 30px; }
.mk_knop.noarrow .mk_button:hover { background-color: #0279bf; color: #fff; }
.mk_knop.wit .mk_button.active { background-color: #0279bf; color: #fff;  }

.mk_knop.fillwit .mk_button { background-color: #fff; color: #000; border:2px solid #fff; padding: 10px 30px 10px 30px; }
.mk_knop.fillwit .mk_button:after, .mk_knop.fillwit .mk_button:before { display: none; }
.mk_knop.fillwit .mk_button:hover { background-color: #0279bf; color: #fff; border:2px solid #0279bf; }


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





/* Header */
#full-header { position: relative; z-index: 999; }
body:not(.home) #full-header { box-shadow: 0 0 5px rgba(0,0,0,0.5); }

#top-header:after { content: url('images/shape.svg'); position: absolute; bottom: 0; right: calc(50% - 240px); width: 2000px; height: auto; display: block; margin-bottom: -14px; transform: translateX(100%); -webkit-transform: translateX(100%); }
#top-header { background-color: transparent;  overflow: hidden; position: absolute; height: 100%; width: 100%; } 

#main-header  { background-color: transparent;  height: 100px; padding: 20px 0; }
#full-header .container { width: 84%; max-width: 1270px; }


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

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

#mk-info .mk-info-email::before { content: url('images/email.svg'); display: inline-block; width: 20px; margin-right: 10px; position: relative; top: 0px; }
#mk-info .mk-info-phone::before { content: url('images/tel.svg'); display: inline-block; width: 20px; margin-right: 10px; position: relative; top: 2px; }

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


/*logo*/
.mk_logo_container { width: 175px !important; }
/* .mk_logo {  } */


/* Menu */
.ubermenu.ubermenu-main { padding-top: 3px; margin-right: 120px; max-width: calc(100% - 500px); position: absolute;right: 260px; top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%); }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color: #000; font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: 'Oxanium', cursive; padding: 5px 11px 10px; }
/* .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target,  .ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target {   } */

.ubermenu.ubermenu-main .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target { padding: 5px 16px 10px 11px; }
.ubermenu.ubermenu-main.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator { right: 3px; margin-top: -11px; }

/* 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: 30px; }
.ubermenu-target-title::after { bottom: 6px; background: #0279bf; border-radius: 10px; height: 3px; 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; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
#shiftnav-toggle-main > #shiftnav-toggle-main-button { display: none; }
#shiftnav-toggle-main-button { font-size: 25px; padding: 10px 10px !important;  }
#shiftnav-toggle-main-button i:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: 900; }
.shiftnav-main-toggle-content { padding: 12px 0 !important; position: relative !important; float: left; }
.shiftnav-main-toggle-content img { width: 175px; float: left; max-height: 50px; max-width: 80%; }
#shiftnav-toggle-main::before { content: url('images/shape.svg'); position: absolute; bottom: 0; right: 120px; width: 2000px; height: auto; display: block; margin-bottom: -16px; transform: translateX(100%); -webkit-transform: translateX(100%); }
.shiftnav-logo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: calc(100% - 24px); }

.shiftnav::after { display: none !important; }
.shiftnav { z-index: 99999999 !important; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #fff !important; }
.shiftnav .shiftnav-menu-title a { color: #0279bf !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: #0279bf; 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: #0279bf !important;}

.shiftnav .sub-menu li {border-bottom: 0 !important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #0279bf;}
.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: #0279bf !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 { display: none; }
.shiftnav-inner #mk-info-phone::before { content: url('images/tel-blauw.svg'); width: 20px; display: inline-block; position: relative; margin-right: 10px; top: 2px; }
.shiftnav-inner #mk-info-email::before { content: url('images/email-blauw.svg');  width: 20px; display: inline-block; position: relative; margin-right: 10px; }
.shiftnav-inner #mk-info-phone {font-weight: 400; color: #000; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #mk-info-email {font-weight: 400; color: #000; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner iframe {display: block;}

#shiftnav-toggle-main #mk-info { position: absolute; color: #000; right: 130px; top: 50%; transform: translateY(-50%); }
#shiftnav-toggle-main #mk-info .mk-info-phone::before { content: url('images/tel-blauw.svg'); }
#shiftnav-toggle-main #mk-info .mk-info-email::before { content: url('images/email-blauw.svg'); }
#shiftnav-toggle-main #mk-info > div { width: auto; }


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




/* mk_galerij_inner */
.mk_galerij_inner { float: left; width: calc(100% + 20px); margin: -10px; }
.mk_galerij_inner a { transition: 200ms; -webkit-transition: 200ms;  float: left; width: calc(33.33% - 20px); margin: 10px; position: relative; box-shadow: 5px 5px 15px rgba(0,0,0,0.2); border-radius: 10px; height: 28vw; max-height: 510px; background-size: cover; background-position: center; overflow: hidden; }
.mk_galerij_inner a img { visibility: hidden;  }

.mk_galerij_inner a:hover { transform: scale(1.03); -webkit-transform: scale(1.03); }


/* kruimelpad } */
.mk_kruimelpad:first-child { position: absolute; margin-top: -13px; margin-bottom: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); }
.kruimelpad { color: #0279bf; line-height: 1.2em; text-transform: capitalize; }
.kruimelpad a { color: #0279bf; }
.kruimelpad a:hover { text-decoration: underline; }


/* voorpagina header */
.voorpaginaheader { overflow: hidden; position: relative; padding-bottom: 300px; padding-top: 100px; }
.voorpaginaheader .mk_rij { position: static; }

.voorpaginaheader .mk_titel { position: relative; }
.voorpaginaheader .mk_titel::before { content: ""; width: 2000px; height: 600px; display: block; position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: -1;
    background: rgb(192,220,238);
    background: -moz-linear-gradient(left,  rgba(192,220,238,1) 30%, rgba(255,255,255,1) 70%);
    background: -webkit-linear-gradient(left,  rgba(192,220,238,1) 30%,rgba(255,255,255,1) 70%);
    background: linear-gradient(to right,  rgba(192,220,238,1) 30%,rgba(255,255,255,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0dcee', endColorstr='#ffffff',GradientType=1 ); 
}
.voorpaginaheader .mk_titel .mk_titel_inner { margin: 10px 0; }

.voorpaginaheader h1 { color: #0279bf; text-transform: uppercase; line-height: 0.8em; }

.voorpaginaheader .mk_kolom_1_2:nth-child(1) .mk_module.mk_code { position: absolute; height: 0;  width: 0; overflow: hidden; }
.voorpaginaheader .mk_kolom_1_2:nth-child(1) .mk_module.mk_code { display: none; }
.voorpaginaheader .mk_afbeelding img { position: absolute; right: calc(50% - 240px); top: 0; }

.voorpaginaheader + .mk_sectie.overlappingtop .mk_rij:first-child { padding-top: 0; }



/* logos */
.logo-carousel.owl-carousel { padding: 0 50px; }
.logo-carousel.owl-carousel .owl-stage { display: flex; align-items: center; }
.logo-carousel.owl-carousel .item { display: block; } 

.logo-carousel.owl-carousel .owl-item img { transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; width: auto; margin: 0 auto; max-width: 90%; max-height: 75px; opacity: 0.6; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.logo-carousel.owl-carousel .owl-item:hover .link img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }


/* .owl-carousel .owl-prev {  } */
.owl-carousel .owl-prev { position: absolute; left: 0; top: calc(50%); transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.owl-carousel .owl-next { position: absolute; right: 0; top: calc(50%); }

.owl-carousel .owl-prev:before { content: url('images/arrow2.svg'); display: block; width: 32px; height: 26px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.owl-carousel .owl-next:before { content: url('images/arrow2.svg'); display: block; width: 32px; height: 26px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }






/* project_overzicht */
.project_overzicht { float: left; width: calc(100% + 30px); margin: -10px; }
.project_overzicht.owl-carousel .owl-stage-outer { padding-bottom: 10px; }
.project_overzicht .item { transition: 200ms; -webkit-transition: 200ms; float: left; width: calc(33.33% - 20px); margin: 10px; position: relative; }
.project_overzicht .item .afbeelding {  box-shadow: 5px 5px 15px rgba(0,0,0,0.2); border-radius: 10px; height: 29vw; max-height: 510px; width: 100%; background-size: cover; background-position: center; overflow: hidden; }
.project_overzicht .item .afbeelding img { visibility: hidden; }
.project_overzicht .item .info { text-align: center; position: absolute; bottom: 10px; left: 0; width: 100%; color: #fff; font-weight: 700; font-size: 24px; height: 70px; padding: 0 20px; }
.project_overzicht .item .info .titel { line-height: 1.1em; position: relative; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.project_overzicht:not(.medewerkers) .item:hover { transform: scale(1.03); -webkit-transform: scale(1.03); }

.project_overzicht.uitgelicht {  width: calc(66.66% + 20px); margin: -15px 0; margin-bottom: 50px; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.project_overzicht.uitgelicht .item { width: calc(50% - 20px); }
.project_overzicht.uitgelicht .item:nth-child(2) { transform: translateY(80px); -webkit-transform: translateY(80px); }
.project_overzicht.uitgelicht .item:hover:nth-child(2) { transform: translateY(80px) scale(1.03); -webkit-transform: translateY(80px) scale(1.03); }


.project_overzicht.project_overzicht_slider .item {  width: 100%; padding: 10px; margin: 0; }
.project_overzicht.project_overzicht_slider .item .afbeelding { height: 26vw; max-height: 400px; }

.project_overzicht.owl-carousel .owl-prev { left: 25px; transform: none; -webkit-transform: none; }
.project_overzicht.owl-carousel .owl-next { right: 25px; }
.project_overzicht.owl-carousel .owl-next::before  { content: url('images/arrow.svg'); }
.project_overzicht.owl-carousel .owl-prev::before  { content: url('images/arrow2left.svg'); }


.project_overzicht.uitgelicht { width: calc(100% + 20px); }
.project_overzicht.uitgelicht .item { width: calc(43% - 20px); }
.project_overzicht.uitgelicht .item .afbeelding { max-height: 530px; height: 32vw; }
.project_overzicht.uitgelicht .item:nth-child(2) { float: right; }


/* medewerkers */
.project_overzicht.medewerkers { width: calc(100% + 50px); margin: -25px; margin-bottom: 25px; }
.project_overzicht.medewerkers .item { width: calc(33.33% - 50px); margin: 25px;}
.project_overzicht.medewerkers .item .afbeelding { height: 360px; }
.project_overzicht.medewerkers .item .content { text-align: center; margin-top: 30px; }
.project_overzicht.medewerkers .item .naam { font-weight: 700; line-height: 1.4em; }

.project_overzicht.medewerkers .item:nth-child(3n+2) { transform: translateY(50px); -webkit-transform: translateY(50px); }
.project_overzicht.medewerkers .item:nth-child(3n+4) { clear: left; }

.project_overzicht.medewerkers.single { width: 100%; max-width: 35vw; margin: 0 auto; float: none; }
.project_overzicht.medewerkers.single .item { width: 100% !important; margin: 0;}
.project_overzicht.medewerkers.single .item .afbeelding { max-width: 360px; margin: 0 auto;  height: 35vw; max-height: 360px; }




/* projects */
.project-items { float: left; width: calc(100% + 30px); margin: -10px; }
.project-items .item { transition: 200ms; -webkit-transition: 200ms; float: left; position: relative; }
.project-items .item .afbeelding {  box-shadow: 5px 5px 15px rgba(0,0,0,0.2); border-radius: 10px; height: 29vw; max-height: 510px; width: 100%; background-size: cover; background-position: center; overflow: hidden; }
.project-items .item .afbeelding img { visibility: hidden; }
.project-items .item .info { text-align: center; position: absolute; bottom: 10px; left: 0; width: 100%; color: #fff; font-weight: 700; font-size: 24px; height: 70px; padding: 0 20px; }
.project-items .item .info .titel { line-height: 1.1em; position: relative; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.project-items .item:hover { transform: scale(1.03); -webkit-transform: scale(1.03); }

.project-items { width: calc(100% + 10px + 10px); float: left; margin-left: -10px;  }
.project-item { width: calc(33.333% - 10px - 10px); flex: 0 0 calc(33.333% - 10px - 10px); max-width: calc(33.333% - 10px - 10px);  float: left; margin: 10px 10px; position: relative; }

.project-items .item { width: calc(100% - 0px); margin: 0px;  }

.projects.shuffle { overflow: inherit !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: 10px; 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 { box-shadow: 0 0 10px rgba(0,0,0,0.1); line-height: 1.6em; border: 0px solid #e2e2e2;background: #fff; padding: 10px 15px !important; border-radius: 10px; display: block; width: 100% !important; font-size: 15px !important;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 0px solid #ccc;}

.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; }
.gform_wrapper .mk_button {padding: 10px 20px 10px 20px !important; cursor: pointer; border: 0; line-height: 1.4em; font-size: 14px !important; margin: 0 auto !important; display: block !important; float: none; }
.gform_wrapper .mk_button:hover { padding: 10px 20px 10px 20px !important; border: 0; }
.mk_sectie.verloop .gform_wrapper .mk_button { background-color: #fff; color: #2e2d2c;  }
.mk_sectie.verloop .gform_wrapper .mk_button:hover { background-color: #2e2d2c; color: #fff;  }


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

#ui-datepicker-div { margin-top: 0 !important; }
body div#ui-datepicker-div[style] {  margin-top: 5px !important; }



.mk_sectie.verloop .gform_wrapper div.validation_error { color: #fff; }
.mk_sectie.verloop .gform_wrapper .validation_message { color: #fff; }

/* .mk_verloop .gform_wrapper input[type="text"],  .mk_verloop .gform_wrapper select,  .mk_verloop .gform_wrapper textarea { border: 0; background-color: #fff; } */





/* Footer */
#main-footer { background-color: #2e2d2c; position: relative; z-index: 99; }
#main-footer .mk_sectie, #main-footer .mk_sectie .mk_rij { padding: 25px 0 !important; }
#main-footer .mk_sectie .mk_kolom_1_1 { width: calc(100% + 30px); margin: -15px; }

.mk_footer:nth-child(n) { width: calc(25% - 30px); margin: 15px; float: left; color: #fff; }

.mk_footer li { list-style: none; }
.mk_footer a { color: #fff; }
.mk_footer a:hover { text-decoration: underline; }

#footer-bottom { background-color: #242423; padding: 15px 0 5px 0; font-size: 15px; }
#footer-bottom .container  { position: relative; width: calc(84% + 20px); max-width: 1270px; 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; }


/* socials */
.socials { text-align: center; }
.socials a { float: left; font-size: 20px; margin-right: 5px; line-height: 38px; width: 35px; height: 35px; border-radius: 100px; color: #fff; background-color: #0279bf; display: inline-block; }
.socials a:last-child { margin-right: 0; }

.textwidget .socials { padding-top: 36px; }

/* hamburger */
.hamburger { height: 24px; outline: none;padding: 15px 15px;display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
/* .hamburger:hover {opacity: 0.7; } */

.shiftnav-open .hamburger:hover , .hamburger.is-active:hover { opacity: 0.7; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }
  
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute;  transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: "";  display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }

/* alle pagina's */
body .hamburger-inner, body .hamburger-inner::before, body .hamburger-inner::after {  background-color: #fff;  }

.shiftnav-open .hamburger-inner, .hamburger.is-active .hamburger-inner,
.shiftnav-open .hamburger-inner::before, .hamburger.is-active .hamburger-inner::before,
.shiftnav-open .hamburger-inner::after, .hamburger.is-active .hamburger-inner::after { background-color: #fff; }

      
/* Niet de voorpagina */
body:not(.home) .hamburger-inner, body:not(.home) .hamburger-inner::before, body:not(.home) .hamburger-inner::after { background-color: #fff; }


/* alle pagina's + scrollen + open! */
body.paginascroll .shiftnav-open .hamburger-inner, 
body.paginascroll .shiftnav-open .hamburger-inner::before,
body.paginascroll .shiftnav-open .hamburger-inner::after { background-color: #fff; }

body.paginascroll .hamburger-inner,  body.paginascroll .hamburger-inner::before,  body.paginascroll .hamburger-inner::after { background-color: #fff; } 


/*  Collapse */
.hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s;  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  
.shiftnav-open .hamburger--collapse .hamburger-inner, .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.shiftnav-open .hamburger--collapse  .hamburger-inner::after, .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.shiftnav-open .hamburger--collapse .hamburger-inner::before, .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }



/*sidemenu*/
.sidemenu { position: fixed; right: 0; top: 359px; margin-right: -128px; z-index: 999; }
.sidemenu a { border-radius: 100px 0 0 100px;  padding: 10px 15px; font-size: 16px; overflow: hidden !important; position: relative; float: left; transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; -moz-transition: 500ms; }
.sidemenu a::after { content: ""; position: absolute; top: -50%; left: 0; height: 200%; width: 43px; transform: rotateZ(29deg); -webkit-transform: rotateZ(29deg);background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);  background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }

.sidemenu .item1 {   width: 225px; display: block; background-color: #0279bf; color: #fff; }
.sidemenu .item1:before { z-index: 9; line-height: 0; position: relative; top: 6px; content: url('images/arrow.svg'); display: block; width: 16px; float: left; margin-bottom: -4px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.sidemenu .item1 span:before { position: relative; top: 3px; content: url('images/tel.svg'); display: block; width: 20px; float: left; line-height: 0; margin-right: 20px; }
.sidemenu .item1:hover { transform: translateX(-128px); -webkit-transform: translateX(-128px); -ms-transform: translateX(-128px); -moz-transform: translateX(-128px); }

.sidemenu i { font-size: 25px; margin-right: 20px; margin-top: 2px; }
.sidemenu span { font-weight: 400; float: right; line-height: 1.7em; }
.sidemenu span.mobiel { display: none; }





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

    #top-header::after { right: calc(14% + 260px); }
    .voorpaginaheader .mk_afbeelding img { right: calc(14% + 260px); }

    .ubermenu.ubermenu-main { margin-right: 0px; max-width: calc(100% - 560px); right: 380px; }


    .project_overzicht .item .afbeelding { height: 29vw; } 
    .project_overzicht.uitgelicht .item .afbeelding { height: 34vw; }
    /* .mk_galerij_inner a { height: 24vw;  } */

    .project_overzicht.medewerkers .item .afbeelding { height: 22vw; }
    .project_overzicht.medewerkers.single .item .afbeelding { height: 35vw; max-height: 360px; }


    #full-header .container { width: 90%; max-width: 1330px; }
    
}

@media only screen and (max-width: 1300px) {
    #full-header .container { width: 95%; }
}

@media only screen and (max-width: 1200px) {
    .voorpaginaheader.mk_sectie .mk_kolom_1_2:nth-child(1) { width: 50%; }
    .voorpaginaheader.mk_sectie .mk_kolom_1_2:nth-child(2) { float: right; width: 40%; }

    #mk-info .mk-info-phone, #mk-info .mk-info-email { font-size: 15px; }
}

@media only screen and (max-width: 1100px) {
    .project_overzicht.uitgelicht { width: calc(100% + 20px); }

    .ubermenu.ubermenu-main { right: 360px; max-width: calc(100% - 540px); }


    .project_overzicht .item { width: calc(50% - 20px); }
    .project_overzicht .item .afbeelding { height: 42vw; }
    .project_overzicht.uitgelicht .item .afbeelding { height: 34vw; }
    .project_overzicht.project_overzicht_slider .item .afbeelding { height: 40vw; }

    .mk_galerij_inner a { width: calc(50% - 20px); height: 42vw;  }


    .mk_footer:nth-child(n) { width: calc(33.33% - 30px); }
    .mk_footer:nth-child(3) { display: none; }

  

    .project-item { width: calc(50% - 10px - 10px); flex: 0 0 calc(50% - 10px - 10px); max-width: calc(50% - 10px - 10px);   }
    .project-item .item .afbeelding { height: 42vw; }
}

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


    .mk_sectie.overlappingbottom .mk_rij:last-child .mk_kolom:last-child { margin-bottom: -200px; }
    .mk_sectie.overlappingbottom100 .mk_rij:last-child .mk_kolom:last-child { margin-bottom: -300px; }



    .project_overzicht.medewerkers.single { max-width: 100% !important; }
    .project_overzicht.medewerkers.single .item .afbeelding { height: 88vw !important; }

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

    /* zijmenu */
    .sidemenu { display: none; }

    /* content */
    
    /* footer */
    #footer-bottom { padding: 15px 0; }
    #footer-info:nth-child(n) { text-align: center; width: 100%; padding-bottom: 0; margin: 0; line-height: 1.7em; display: block; }

    .mk_footer:nth-child(n) { width: calc(50% - 30px); }

    /* header */
    .voorpaginaheader, .voorpaginaheader .mk_rij { padding-top: 0 !important; padding-bottom: 20px; }

    .voorpaginaheader .mk_kolom_1_2:nth-child(2) {width: 100% !important; }
    .voorpaginaheader .mk_kolom_1_2:nth-child(1) { width: 140% !important; position: relative; right: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); max-width: 140%; }
    .voorpaginaheader .mk_afbeelding img { position: relative;  right: 0; }
    .voorpaginaheader .mk_afbeelding { position: relative; max-height: 50vw; overflow: hidden; }
    .voorpaginaheader .mk_titel::before { width: 1500px; }



    
}

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

    .mk_rij { width: 90%; }
    .mk_sectie,  .mk_sectie .mk_rij { padding: 20px 0; }

    .mk_kruimelpad:first-child { margin-top: 4px; margin-bottom: -11px; position: relative;  }

    .mk_sectie.overlappingbottom .mk_rij:last-child .mk_kolom:last-child { margin-bottom: -150px; }
    .mk_sectie.overlappingbottom100 .mk_rij:last-child .mk_kolom:last-child { margin-bottom: -250px; }



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


    .project_overzicht.medewerkers { margin: -15px; width: calc(100% + 30px); }
    .project_overzicht.medewerkers .item .afbeelding { height: 85vw !important; max-width: 360px; max-height: 360px; margin: 0 auto; }
    .project_overzicht.medewerkers .item:nth-child(n) { width: calc(100% - 30px); clear: none; transform:none; -webkit-transform:none; }


    .project_overzicht.uitgelicht { width: calc(100% + 20px); }
    .project_overzicht.uitgelicht .item { width: calc(50% - 20px); }
    .project_overzicht.uitgelicht .item .afbeelding { height: 42vw; }
    
    
 
}

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

    .project_overzicht .item .info .titel { font-size: 6vw; }


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



    .project_overzicht.uitgelicht .item { width: calc(100% - 20px); }
    .project_overzicht.uitgelicht .item:nth-child(2) { transform:none; -webkit-transform: none; }
    .project_overzicht.uitgelicht .item:hover:nth-child(2) { transform: scale(1.03); -webkit-transform: scale(1.03); }


    .project_overzicht .item { width: calc(100% - 20px); } 
    .project_overzicht .item .afbeelding { height: 88vw; }
    .project_overzicht.uitgelicht .item .afbeelding { height: 88vw; }
    .project_overzicht.project_overzicht_slider .item .afbeelding { height: 88vw; }

    .mk_galerij_inner a { width: calc(100% - 20px); height: 88vw;  }


    #shiftnav-toggle-main #mk-info a span span { display: none; }
    #shiftnav-toggle-main #mk-info .mk-info-email::before, #shiftnav-toggle-main #mk-info .mk-info-phone::before { margin-right: 0; }


    .project-item { width: calc(100% - 10px - 10px); flex: 0 0 calc(100% - 10px - 10px); max-width: calc(100% - 10px - 10px);   }
    .project-item .item .afbeelding { height: 88vw; }
}

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

    h1, h2 { font-size: 8vw; }
    .mk_titel.m_klein h1, .mk_titel.m_klein h2 { font-size: 7.5vw; }

    /* 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 */
    .mk_footer:nth-child(n) { width: calc(100% - 30px); } 
    #footer-info span { display: block; }
    #footer-info .sep { display: none; }


    .project_overzicht {width: calc(111.2%  + 30px);  margin: 0; left: 50%; transform: translateX(-50%);  -webkit-transform: translateX(-50%); position: relative;  }
    /* .project_overzicht .item .info { height: auto; } */
    /* .project_overzicht .item .info .titel { transform: none; -webkit-transform: none; } */

    .project_overzicht.project_overzicht_slider { width: calc(111.2%  + 30px); margin: 0; left: 50%;  transform: translateX(-50%); -webkit-transform: translateX(-50%); }
    .project_overzicht .item .afbeelding { border-radius: 0px; }


    .project_overzicht.uitgelicht { width: calc(111.2%  + 30px); left: 50%; transform: translateX(-50%);  -webkit-transform: translateX(-50%); position: relative; }

    .mk_galerij_inner { width: calc(111.2%  + 30px);  margin: 0; left: 50%; transform: translateX(-50%);  -webkit-transform: translateX(-50%); position: relative; }


    .project-view { width: calc(111.2%  + 30px); left: 50%; transform: translateX(-50%);  -webkit-transform: translateX(-50%); position: relative; }


    .shiftnav-main-toggle-content { padding: 8px 0 !important; }
    #shiftnav-toggle-main::before { right: 100px; }
    .hamburger-box, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 34px; }
    #shiftnav-toggle-main #mk-info { right: 93px; }
    #shiftnav-toggle-main #mk-info .mk-info-phone { margin-right: 12px; }

}