/*
 Theme Name:     MKTheme
 Theme URI:      http://www.mediakanjers.nl
 Description:    Website ontworpen door Mediakanjers
 Author:         Mediakanjers
 Author URI:     http://www.mediakanjers.nl
 Version:        1.0.0
*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,600i,700');

a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var {
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


p {
    padding-bottom: 1em;
}
p:last-child {
    padding-bottom: 0;
}

.home3 p{ width:40%; display: inline-block;background:#f0f0f0; padding:75px; padding-top:100px;}

img {
    display: block;
    max-width: 100%;
    height: auto;
}
.home1 img {
    margin-left:auto;
    margin-right:auto;
}

.clearfix::after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: " ";
}

.entry-content ul { padding-left: 15px; padding-bottom: 1em; }
.entry-content ul:last-child { padding-bottom: 0; }


/*Secties en rijen*/
.mk_sectie { position: relative; padding-top:30px;}
.mk_rij { position: relative; width: 100%; margin: 0 auto;  }
.mk_rij:after { content: ""; display: block; height: 0; width: 0; line-height: 0; clear: both; visibility: hidden; }

/*Koloms*/
.mk_kolom { margin-right: 0%; float: left; min-height: 1px; }
.mk_kolom_1_1 { width: 100%; }

.mk_kolom_1_2 { width: 60%; }
.mk_kolom_1_2:nth-child(2n+2) { margin-right: 0; }

.mk_kolom_1_3 { width: 29.666%; margin-right: 0;  }
.mk_kolom_2_3 { width: 64.833%; }

.home1 .mk_kolom_1_4 { width: 12%;
    position: relative;
    left: 50%;
    transform: translate(-260%, 0%);
    top: 50%;
    text-align:center; 
margin-top:-8%;z-index:2;}

.home1 .mk_kolom_1_4:last-child {
    width:18%;
    transform: translate(-140%, -50%);
    background-color:#ce2929;
    padding:20px;
    color:white;
    text-align:center;
}


.home2 .mk_kolom_1_4 {
    width:16.25%;
    padding:2px;
    position: relative;
    left: 50%;
    transform: translate(-200%, 0%);
    top: 50%;
}

.home2 img {
    display: block;
    max-width: 275px;
    max-height: 183px;
    margin: auto;
    float: left;
    transform: scale(1); 
    transform-origin: center;
    transition: transform 0.15s ease-out;

}

.home2 .projectitem:hover {z-index: 99; position: relative;}
.home2 img:hover {
    box-shadow: 0 4px 8px 0 rgba(206, 41, 41, 0.4), 0 6px 20px 0 rgba(206, 41, 41, 0.4);  
    transform: scale(1.1);    
    transform-origin: center;
    transition: transform 0.25s ease-in;
    z-index:99;
}


.home3 .mk_acf .mk_sectie {padding-top:0px;}




/*Modules*/
.mk_module { margin-bottom: 15px; float: left; width: 90%; }
.mk_module:last-child { margin-bottom: 0; }

.mk_titel { margin-bottom: 10px; }

.mk_lijst ul.half { float: left; width: 50%; }
.mk_lijst .kop { padding-bottom: 10px; font-weight: 700; font-size: 18px; }


/* Buttons */
.mk_button { padding: 20px; background: #eee; border-radius: 10px; color: #000; text-decoration: none; text-transform: uppercase; font-size: 18px; transition: 200ms; -webkit-transition:200ms; }
.mk_button:hover { padding: 20px 40px 20px 20px; }
.mk_button:after { opacity: 0; margin-left: -10px; position: absolute; transition: 200ms; -webkit-transition:200ms; content: "\f105"; color: #000; font-family: "Font Awesome 5 Free"; font-weight: 600; }
.mk_button:hover:after  { opacity: 1; margin-left: 10px; }


/* Header */
#top-header, #main-header  { background-color: #fff; }
#top-header .container  { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }
#main-header .container { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }


/*logo*/
.mk_logo_container { position: absolute; height: calc(100% + 30px) !important; width: auto !important; z-index: 9; }
.mk_logo_helper {  }
.mk_logo {  }


/* Menu */
.ubermenu.ubermenu-main { margin-right: -10px; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { color: #fff; font-size: 19px;font-family: 'Titillium Web', sans-serif;  padding: 20px 10px; font-weight:600; }
.ubermenu .ubermenu-target-text {  }


/* Shiftnav */
#shiftnav-toggle-main { background:#fff !important; color: #fff !important; }
#shiftnav-toggle-main-button { font-size: 35px; padding: 27px 10px !important; }
#shiftnav-toggle-main-button i:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #7fb61d; font-weight: 900; }
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 65px; max-width: 80%; }

.shiftnav { z-index: 99999999 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #fff !important; }
.shiftnav .shiftnav-menu-title a { color: #8f207e !important; }
.shiftnav .shiftnav-menu-image { text-align: center; }

.shiftnav ul.shiftnav-menu > li.menu-item:first-child > .shiftnav-target {border-top: 0 solid #7fb61d!important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target {color: #8f207e; background-color: #fff !important; border-top: 0 !important; border-bottom: 0 solid #7fb61d!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: #7fb61d !important;}

.shiftnav .sub-menu li {border-bottom: 0 solid #1e2b50!important;}
.shiftnav .sub-menu li a.shiftnav-target {}
.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: #7fb61d !important;}

.shiftnav-inner #mk-info {float: left; width: 100%; display: block; text-align: center; padding: 20px 0;}
.shiftnav-inner #mk-info-email:before {content: "\f1d8"; font-family: "Font Awesome 5 Free"; color: #7fb61d;}
.shiftnav-inner #mk-info-phone {font-weight: 600; color: #7fb61d; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #mk-info-email {font-weight: 600; color: #7fb61d; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner iframe {display: block;}



/* Content */


.ervaring-item .content { font-style: italic; }
.ervaring-item .afbeelding { border: 4px solid #fff; border-radius: 10px; overflow: hidden; }
.ervaringen-carousel .owl-dots { margin: 0 auto; display: inherit; position: relative; text-align: center; padding-top: 40px; position: absolute; z-index: 1; width: 100%; }
.ervaringen-carousel .owl-dots .owl-dot { width: 20px; height: 20px; background-color: #fff; border-radius: 100px; border:2px solid #fff; margin: 0 5px; display: inline-block; }
.ervaringen-carousel .owl-dots .owl-dot.active { background-color: #7fb61d; }

.owl-prev { position: absolute; top: 38%; left: -130px; }
.owl-next { position: absolute; top: 38%; right: -130px; }
.owl-prev:before { content: "\f104"; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 200px; opacity: 0.2; }
.owl-next:before { content: "\f105"; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 200px; opacity: 0.2; }

.ervaringen-btns { position: relative; z-index: 9; padding-top: 20px; }
.ervaringen-btn { float: left; }
.ervaringen-btn:nth-child(2) { float: right; }
.ervaringen-btn a { display: inline-block; background-color: #781f69;  transition: 200ms; -webkit-transition:200ms; padding: 15px 25px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: 'Dosis', 'Bebas Neue';  font-size: 18px; font-weight: 600; border-radius: 5px;}
.ervaringen-btn a:hover { padding: 15px 45px 15px 25px; }
.ervaringen-btn a:after { opacity: 0; margin-left: -10px; position: absolute; transition: 200ms; -webkit-transition:200ms; content: "\f105"; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 600; }
.ervaringen-btn a:hover:after  { opacity: 1; margin-left: 10px; }

.brochure {
    width:40%;
}

/* Vervolgpagina */


/* .huidtherapie */
.huidtherapie-overzicht { margin-top: -115px; }
.huidtherapie-item { width: 17%; margin-right: 3.7%; float: left; margin-bottom: 30px;  }
.huidtherapie-item:nth-child(5n+5) { margin-right: 0; }

.huidtherapie-item .foto { width: 100%; height: 180px; border:5px solid #fff; background-color: #8f207e; border-radius: 100%; position: relative; background-size: cover; }
.huidtherapie-item .foto:before { content: url('images/iconplus.png'); position: absolute; right: -5px; bottom: -15px; }
.huidtherapie-item .naam { font-size: 20px; font-family: 'Proxima Nova'; font-weight: bold; line-height: 1em; text-align: center; padding-top: 10px; background-position: left bottom; background-repeat: no-repeat; height: 50px; }

/* Formulieren */



/* Footer */
#main-footer { background-color: #f0efed; }
#footer-bottom { background-color: #7fb61d; padding: 15px 0 5px 0;  }
#footer-bottom .container  { position: relative; width: 80%; max-width: 1200px; margin: 0 auto; }
#footer-info { float: left; padding-bottom: 10px; color: #666; text-align: left; color: #fff; }
#footer-info a { color: #fff; }
#footer-info:nth-child(2) { float: right; }

.mk_footer1, .mk_footer2, .mk_footer3, .mk_footer4 { width: 100%; float: left; }
.mk_footer { margin-bottom: 30px; }
.mk_footer:last-child { margin-bottom: 0; }

.mk_footer .footer_locatie { width: 30%; margin-right: 5%; float: left; }
.mk_footer .footer_locatie:last-child { margin-right: 0; }

.mk_footer3 .tekst { width: 47.5%; float: left; margin-right: 5%; }
.mk_footer3 .afbeelding { width: 47.5%; float: left; }

/*footer nieuws*/
.mk_nieuws_items {  margin-bottom: 15px; }
.mk_nieuws_items .datum { font-style: italic; }
.mk_nieuws_item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000; }
.mk_nieuws_item:last-child {margin: 0; }





/* css Animaties  */
@-webkit-keyframes fadeTop{0%{opacity:0;-webkit-transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeTop{0%{opacity:0;-moz-transform:translateY(-10%)}100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes fadeTop{0%{opacity:0;-o-transform:translateY(-10%)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeTop{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateX(0)}}

@-webkit-keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeLeft{0%{opacity:0;-moz-transform:translateX(-10%)}100%{opacity:1;-moz-transform:translateX(0)}}
@-o-keyframes fadeLeft{0%{opacity:0;-o-transform:translateX(-10%)}100%{opacity:1;-o-transform:translateX(0)}}
@keyframes fadeLeft{0%{opacity:0;transform:translateX(-10%)}100%{opacity:1;transform:translateX(0)}}





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

@media only screen and (max-width: 980px) {
	.mk_kolom { width: 100%; margin-bottom: 30px; }
	.mk_kolom:last-child { margin-bottom: 0; }
}

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

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