/*
 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.6.0
 Text Domain:  MKTheme-child
*/
@import url("style-theme.css");

body {  font-family: 'Arial'; font-size: 15px; font-weight: 300; line-height: 1.7em; color: #444; background: url("images/pattern_3.png") fixed; }


html #shiftnav-toggle-main~#wpadminbar {  top: 0 !important; }

#cookie-notice .cn-button { background-color: #006e9d; }

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

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


#page-container { max-width: 1300px; width: 90%; margin: 0 auto; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4); }
body.paginaloaded #main-content  { transition: padding 500ms; -webkit-transition: padding 500ms; }


/* Header */
#full-header { background-color: transparent; position: relative; z-index: 99;box-shadow: 0 0 0px rgba(0,0,0,0.5); transition: 500ms; -webkit-transition: 500ms; padding: 20px 0; }
#top-header { background-color: transparent; } 
#main-header  { background-color: transparent; }
#main-header .container .mk_kolom { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
#main-header .container .mk_kolom .left { display: flex; align-items: center; gap: 30px; }

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

#full-header { background-color: #fff; z-index: 99; max-width: 1300px; width: 90%; position: fixed; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

.logged-in.admin-bar #full-header { top: 32px; }

#full-header .right { float: right; }


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

#mk-info .mk_email, #mk-info .mk_telefoon { display: inline-block; font-size: 15px; }
#mk-info .mk_email a, #mk-info .mk_telefoon a {  color: inherit; text-decoration: none;}

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

#mk-info .mk_telefoon + .mk_email, #mk-info .mk_email + .mk_telefoon { margin-left: 20px; }


/*logo*/
.mk_logo_container { position: relative; float: left; max-width: 250px; transition: 500ms; -webkit-transition: 500ms;  }
.mk_logo {  }

.support_logo { float: left; margin-left: 15px; }
.support_logo img { height: 70px; transition: 500ms; -webkit-transition: 500ms; }


body.paginascroll #full-header { box-shadow: 0 0 5px rgba(0,0,0,0.5); padding: 10px 0; }
body.paginascroll .mk_logo_container { max-width: 180px; }
body.paginascroll .support_logo img { height: 66px; }

/* Menu */
.ubermenu-responsive-toggle { display: none !important; }
.ubermenu.ubermenu-main { margin-right: -10px; float: left; width: calc(100% + 10px); text-align: right; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color: #444; font-size: 17px; text-transform: none; font-family: 'Arial'; padding: 15px 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: 20px 15px 20px 10px; }
.ubermenu.ubermenu-main.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator { right: 0px; }

/* Menu after */
.ubermenu-target:hover .ubermenu-target-title::after, .ubermenu-current_page_item .ubermenu-target-title::after, 
.ubermenu-current-menu-item .ubermenu-target-title::after { width: calc(100% - 20px); }
.ubermenu-target-title::after { bottom: 10px; background: #006e9d;  height: 2px; 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; }


/* socials */
.socials { text-align: center; float: right; padding-top: 48px; transition: 500ms; -webkit-transition: 500ms; }
.socials a { display: inline-block; position: relative; margin: 2px; width: 35px; height: 35px; color: #fff; border: 2px solid #006e9d; background-color: #006e9d; border-radius: 100px; transition: 200ms; -webkit-transition: 200ms;}
.socials a:hover { color: #000; background-color: #fff; }
.socials i { position: absolute; line-height: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

body.paginascroll .socials { padding-top: 17px; }


/* Shiftnav */
#shiftnav-toggle-main { background:#fff !important; color: #fff !important; }
#shiftnav-toggle-main-button { display: none; float: right; font-size: 25px; padding: 20px 10px !important; }
#shiftnav-toggle-main-button i:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #006e9d; font-weight: 900; }
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 50px; max-width: 80%; }

.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: #006e9d !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: #006e9d; 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: #006e9d !important;}

.shiftnav .sub-menu li {border-bottom: 0 !important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #006e9d;}
.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: #006e9d !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; color: #000;}
.shiftnav-inner #mk-info > div {float: left; width: 100%; display: block; margin: 0 !important; }
.shiftnav-inner #mk-info .mk_telefoon a::before { content: url('images/tel.svg'); }
.shiftnav-inner #mk-info .mk_email a::before { content: url('images/email.svg'); }
.shiftnav-inner #mk-info .mk_telefoon +  .mk_email, .shiftnav-inner #mk-info .mk_email + .mk_telefoon { margin-top: 10px !important; }

.shiftnav-inner iframe {display: block;}
.shiftnav-inner .socials { width: 100% !important; text-align: center !important; margin-bottom: 20px; }



/* Slider */
.frontpageslider { background: transparent; height: 520px; }
.frontpageslider .swiper-wrapper .swiper-slide { background-size: cover; background-position: center; }

.frontpageslider .titel { background-color: #006e9d; padding: 20px; max-width: 491px; float: right; }
.frontpageslider .titel h1 { font-size: 25px;  font-weight: bold; color: #fff; line-height: 1em; }
.frontpageslider .titel h1:after { display: none; }

.frontpageslider .slide-content { margin: 0 auto; max-width: 1200px; width: 90%; height: 100%; }
.frontpageslider .slide-module { width: 100%; position: relative; top: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); padding: 40px 0; }

.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-active h1 { animation-name: fadeTop; opacity: 1; }

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

.frontpageslider_mobile { display: none; }
.frontpageslider_mobile .titel { background-color: #006e9d; padding: 20px; width: 100%; float: right; }
.frontpageslider_mobile .titel h1 { font-size: 25px;  font-weight: bold; color: #fff; line-height: 1.1em; }
.frontpageslider_mobile .titel h1:after { display: none; }
/* Content */


/* Vervolgpagina */

.gform-body.gform_body{margin-bottom: 20px;}

input#input_6_2{
outline: none !important;
line-height: 1.7em !important;
border: 1px solid #e2e2e2;
background: #f7f7f7;
padding: 10px 15px !important;
border-radius: 0px;
display: block;
width: 100% !important;
font-size: 16px !important;}


/* kruimelpad */
.kruimelpad { font-size: 14px; text-transform: uppercase; float: right; }
.kruimelpad a:hover { text-decoration: underline; }

.kruimel .mk_kolom_1_1  .mk_code { top: 0; transform: none; -webkit-transform: none; }

.kruimel .mk_code { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }


/* referentie_items */
.referentie_items { float: left; width: calc(100% + 30px); margin: -15px; }
.referentie_items .item { float: left; width: calc(25% - 30px); margin: 15px; }
.referentie_items .item:nth-child(4n+5) { clear: left; }



/* producten_items */
.producten_items { float: left; width: calc(100% + 60px); margin: -30px; }
.producten_items .item { float: left; width: calc(25% - 60px); margin: 30px; }
.producten_items .item:nth-child(4n+5) { clear: left; }


/* .single-galerij */
.single-galerij .owl-item img { width: auto; margin: 0 auto; max-height: 190px; }
.single-galerij .item { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }


/* overzicht_blogs */
.overzicht_blogs { float: left; width: calc(100% + 30px); margin: -15px; }
.overzicht_blogs .item { float: left; width: calc(100% - 30px); margin: 30px 15px; }
.overzicht_blogs .item:not(:last-child) { border-bottom: 1px solid #e6e9ea; padding-bottom: 60px; }

.overzicht_blogs .item .titel { padding-bottom: 10px; }
.overzicht_blogs .item .content { padding-bottom: 20px; }
.overzicht_blogs .details, .single-post .details { opacity: 0.7; font-size: 15px; padding-bottom: 5px; }


/* pagination */
.pagination { text-align: center; float: left; width: 100%; }
.pagination ul { padding: 0; list-style: none; display: inline-block; }
.pagination ul li { float: left; margin: 0 3px; margin-top: 15px; }
.pagination ul li a { padding: 8px 15px; background-color: #fff; transition: 200ms; -webkit-transition: 200ms; float: left; }
.pagination ul li a:hover { background-color: #006e9d; color: #fff; }
.pagination ul li span:not(.dots) { padding: 8px 15px; background-color: #006e9d; color: #fff; float: left; }
.pagination ul li span.dots { padding: 8px 10px; float: left; }




/* icons */
.icons h2 { font-size: 20px; }
.icons h2:after { content: ""; width: 40px; height: 2px; display: block; margin: 20px auto 5px !important; background-color: #006e9d; }
.icon_leverancier::before { content: url('images/house.svg'); margin: 0 auto 20px; width: 60px; height: 60px; display: block; clear: both; padding: 40px; border-radius: 100%; border: 1px solid #e6e9ea; }
.icon_partner::before { content: url('images/man.svg'); margin: 0 auto 20px; width: 60px; height: 60px; display: block; clear: both; padding: 40px; border-radius: 100%; border: 1px solid #e6e9ea; }
.icon_person::before { content: url('images/man2.svg'); margin: 0 auto 20px; width: 60px; height: 60px; display: block; clear: both; padding: 40px; border-radius: 100%; border: 1px solid #e6e9ea; }
.icon_bedrijf::before { content: url('images/office.svg'); margin: 0 auto 20px; width: 60px; height: 60px; display: block; clear: both; padding: 40px; border-radius: 100%; border: 1px solid #e6e9ea; }



/* 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 { width: auto; margin: 0 auto; max-width: 100%; max-height: 200px; }
/* .logo-carousel.owl-carousel .owl-item img { transition: 500ms; -webkit-transition: 500ms; -ms-transition: 500ms; width: auto; margin: 0 auto; max-width: 200px; 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; } */

.logo-carousel.owl-carousel .owl-nav.disabled { display: block; }

/* .logo-carousel.owl-carousel .owl-prev:before { content: url('images/svg/angle-left-solid.svg'); display: block; width: 7px; }
.logo-carousel.owl-carousel .owl-next:before { content: url('images/svg/angle-right-solid.svg'); display: block; width: 7px; }

 */


 .teamviewer { background-color: #F5F5F5; border-radius: 10px; padding: 20px; display: block; width: auto; float: left; font-weight: 700; color: #000; }
 .teamviewer img { max-width: 300px; padding-top: 15px; }



/* 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% + 8px); }

.gform_wrapper ul.gform_fields li.gfield { margin-top:0; margin-bottom: 8px; float: left; clear: both;  width: 100%; padding-right: 8px !important; list-style: none; }
.gform_wrapper ul.gform_fields li.gfield.gf_half { width: 50%; clear: 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 {  padding-bottom: 2px; }
.gform_wrapper ul.gform_fields li.gfield.gf_label_none .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 ul.gform_fields li.gfield.gf_hide { visibility: hidden; opacity: 0; height: 0; padding: 0; margin: 0; }

.gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea { outline: none !important; line-height: 1.7em !important; border: 1px solid #e2e2e2;background: #f7f7f7; padding: 10px 15px !important; border-radius: 0px; 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:2px solid #006e9d; outline: none !important; }
.gform_wrapper .mk_button:hover { padding: 15px 20px 15px 20px !important; border:2px solid #006e9d;}

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


#gform_wrapper_3 ul.gform_fields li.gfield { margin-bottom: 12px;  }
#gform_wrapper_3 ul.gform_fields li.gfield .gfield_label { display: block; padding-bottom: 2px; }


#gform_wrapper_5 ul.gform_fields li.gfield .gfield_label { display: none !important; }




/* Footer */
#main-footer { background-color:transparent; }
/* #main-footer .mk_sectie { background-color: #F5F5F5; padding: 30px 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: #444; }
.mk_footer h4:after { content: ""; margin: 15px 0 0 ; display: block; width: 40px; height: 2px; background-color: #006e9d; }
.mk_footer h4 { border-bottom: 1px solid #E2E6E7; margin-bottom: 20px; text-transform: none; font-weight: 400; }


/* #footer-bottom */
#footer-bottom { background-color: #fff; padding: 15px 0 5px 0; font-size: 15px; }
#footer-bottom .container  { position: relative; width: calc(90% + 20px); max-width: 1220px; margin: 0 auto; }

/* footerlinks */
#footer-info { float: none !important; display: inline-block; padding-bottom: 10px; text-align: left; color: #444; opacity: 0.8; margin: 0 10px; }
#footer-info a { color: #444;}
#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; }

/* footergegevens */
.footergegevens { float: left; width: calc(100% + 30px); margin: -15px; }
.footergegevens > div { float: left; height: 85px; width: calc(33.33% - 30px); margin: 15px; color: #fff; font-size: 16px;  }
.footergegevens  a { color: #fff; }
.footergegevens .info { float: left; max-width: calc(100% - 105px); position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.footergegevens .icon { background-color: #fff; border-radius: 100%; padding: 17px; width: 85px; height: 85px; float:left; margin-right: 20px; }
.footergegevens .icon img { width: 51px; height: 51px; }

/* contactgegevens */
.contactgegevens { float: left; width: calc(100% + 30px); margin: -15px; }
.contactgegevens > div { float: left; height: 85px; width: calc(100% - 30px); margin: 15px; color: #444; font-size: 16px;  }
.contactgegevens  a { color: #444; display: block; }
.contactgegevens .info { float: left; max-width: calc(100% - 105px); position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.contactgegevens .icon { background-color: #fff; border-radius: 100%; padding: 17px; width: 85px; height: 85px; float:left; margin-right: 20px; border: 1px solid #e6e9ea; }
.contactgegevens .icon img { width: 51px; height: 51px; }



/* hamburger */
.hamburger { display: block !important; 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: 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: #000;  }

.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: #000; }

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


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

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


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




/* .socialshare */
.socialshare { float: left; }
.socialshare .titel { font-style:italic; color:#a5a5a5; float: left; margin-right: 15px; padding-top: 6px; }
.socialshare .buttons { float: left; }
.socialshare { display: inline-block;  padding: 10px 0 20px 0; text-align: center; }
.socialshare a { position: relative; cursor: pointer; width: 40px; height: 40px; background-color: #006e9d; color: #fff; border-radius: 100%; padding-left: 1px; padding-top: 9px; margin: 0 3px; float: left;}
.socialshare a i:before { font-size: 21px; color: #fff; }
.socialshare a:hover { background-color: #006e9d;  }
.socialshare a:hover i:before { color: #fff; }
.socialshare a.whatsapp { padding-top: 7px; }
.socialshare a.whatsapp i:before { font-size:25px !important; }





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

}

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

    .producten_items .item:nth-child(n) { width: calc(33.33% - 60px); clear: none; }
    .producten_items .item:nth-child(3n+4) { clear: left; }


    .referentie_items .item:nth-child(n) { width: calc(33.33% - 30px); clear: none; }
    .referentie_items .item:nth-child(3n+4) { clear: left; }


    #full-header { padding-bottom: 15px; }
    #shiftnav-toggle-main-button { padding: 16px 10px !important; display: block !important; clear: left; margin-right:-10px; transition: 500ms; -webkit-transition: 500ms; }
    .ubermenu.ubermenu-main { display: none !important; }
    .socials  { padding: 0 !important; width: 100%; text-align: right; }


    body.paginascroll #shiftnav-toggle-main-button { padding: 10px 10px !important;  }

}

@media only screen and (max-width: 980px) {
	
	/* omdraaien blokken support pagina */
	.mk_rij .mobile-flex .reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .mk_rij.mobile-flex {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px 0px;
    }

    /* fix theme */
    .mk_kolom_1_4:nth-child(-n+2) { margin-bottom: 30px; }


    .frontpageslider { height: 42vw;  }
    
    /* footer */
    .mk_footer:nth-child(n) { width: calc(50% - 30px); } 
    .footergegevens > div { width: calc(50% - 30px); }

    .kruimelpad { float: left; }
    .mk_sectie.kruimel { padding-top: 0; }
    .kruimel .mk_kolom_1_2:nth-child(1) { margin-bottom: 15px; height: auto !important; }
    .kruimel .mk_code { top: 0; transform: none; -webkit-transform: none; }
}

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


    .logged-in.admin-bar #full-header { top: 46px; }
    
    /* #footer-bottom */
    #footer-bottom { padding: 15px 0; }
    #footer-info:nth-child(n) { text-align: center; width: 100%; padding-bottom: 0; margin: 0; }


    .frontpageslider { height: 40vw; }
    .frontpageslider .slide-module  { display: none; }
    .frontpageslider_mobile { display: block; }

    .producten_items .item:nth-child(n) { width: calc(50% - 60px); clear: none; }
    .producten_items .item:nth-child(2n+3) { clear: left; }

    /* referentie_items */
    .referentie_items .item:nth-child(n) { width: calc(50% - 30px); clear: none; }
    .referentie_items .item:nth-child(2n+3) { clear: left; }
    
    #full-header .right { width: 100px; }
    .mk_logo_container { max-width: 280px; }
    .support_logo img { height: 80px; }


  
}

@media only screen and (max-width: 640px) {
    /* Titels */
    h1 { font-size: 6vw; }
    h2 { font-size: 5vw; }

    

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


    .footergegevens > div { width: calc(100% - 30px); }


    .mk_logo_container { max-width: calc(100% - 220px); }
    .support_logo img { height: 12vw; }

    #full-header { padding: 10px 0;}
    

    .frontpageslider {height: 46vw;  }
}

@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 */
    .mk_footer:nth-child(n) { width: calc(100% - 30px); } 


    .frontpageslider_mobile .titel h1 { font-size: 5vw; }

    #full-header .right { width: auto; }
    .socials { display: none; }

    #full-header { width: 100%; }
    #page-container { width: 100%; }

    .mk_logo_container { width: calc(100% - 150px) !important; max-width: 180px !important; }
    /* #shiftnav-toggle-main-button { padding: 14px 10px !important; } */
    body.paginascroll #shiftnav-toggle-main-button { padding: 16px 10px !important; }
    body.paginascroll .support_logo img { height: 12vw; }


    .kruimelpad { font-size: 12px; }
    .mk_sectie.kruimel { padding: 0; }
}

@media only screen and (max-width: 379px) {
    #shiftnav-toggle-main-button ,
    body.paginascroll #shiftnav-toggle-main-button { padding: 14px 10px !important; }
}

.none { display: none; }