/*
Theme Name:     Dekker Child Theme
Author:         Muzo Media
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/

::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
::selection      { color: #000 !important;  background: #b3d4fd !important; } 
p::-moz-selection { color: #000 !important;  background: #b3d4fd !important; } 
p::selection      { color: #000 !important;  background: #b3d4fd !important; } 


@font-face {
    font-family: 'D-DIN Exp';
    src: url('fonts/D-DINExp-Bold.woff2') format('woff2'),
        url('fonts/D-DINExp-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Objective';
    src: url('fonts/Objective-Bold.woff2') format('woff2'),
        url('fonts/Objective-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'D-DIN';
    src: url('fonts/D-DIN.woff2') format('woff2'),
        url('fonts/D-DIN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'D-DIN bold';
    src: url('fonts/D-DIN-Bold.woff2') format('woff2'),
        url('fonts/D-DIN-Bold.woff') format('woff'),
        url('fonts/D-DIN-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri bold';
    src: url('fonts/Calibri-Bold.woff2') format('woff2'),
        url('fonts/Calibri-Bold.woff') format('woff'),
        url('fonts/Calibri-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri.woff2') format('woff2'),
        url('fonts/Calibri.woff') format('woff'),
        url('fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



p { font-family: Calibri, Arial, Tahoma !important; }
h1, h2, h3, h4, h5, h6, .widgettitle { font-family: Calibri Bold, Arial, Tahoma !important; letter-spacing: -0.5px !important; }
.mk-fancy-title { margin-bottom: 0px; }

.mk-button {    background-color: #008acc !important; font-size: 15px; font-family: Objective, Arial, Tahoma !important; letter-spacing: -0.5px;  }
.mk-button:hover { background: #4b4b4b !important; }
.mk-button--size-medium {     padding: 16px 24px 13px 24px; }
.mk-button .mk-button--icon {    margin: -1px 0 0 15px;     float: right; }
.mk-button .mk-button--icon svg {    height: 15px !important;   }

.google-blok, .googlemaps { margin-top: -30px; }



/* --- HEADER --- */ 
@media (min-width: 768px) {
.fit-logo-img a img {    max-height: 80%;    margin-top: 6px; }
header { margin-bottom: -93px; }
header, #mk-header, .mk-header .mk-header-inner { background: url(images/bg-header-2.png) repeat-y left !important; margin-top: -48px;  height: 120px !important; }
.header-style-1.header-align-left .mk-grid .mk-header-nav-container { background: url(images/bg-top.png) no-repeat top right !important;  background-size: 1500px 120px !important; right: -10px; }
.a-sticky { display: none; }

.page-id-6 .mk-header-holder { margin-bottom: -95px; }
.main-navigation-ul > li.menu-item > a.menu-item-link { font-family: "D-DIN Bold", Arial, Tahoma !important;  font-weight; 700; font-size: 15px !important; text-transform: uppercase; letter-spacing: 0.5px !important; }
.mk-header-toolbar-holder { text-align: right !important; }

.main-navigation-ul, .main-navigation-ul li.menu-item, .main-navigation-ul ul.sub-menu { top: 24px; right: 60px; }

.mk-header-toolbar-holder { background: url(images/top_header.png) no-repeat center right; background-size: 450px 55px; margin-top: -3px; position: relative; right: -15px; padding: 0 40px 0 0; }
.mk-header-toolbar-holder a, .mk-header-tagline, .header-toolbar-contact, .mk-header-date { color: #fff; font-size: 14px !important; font-family: D-DIN, Arial, Tahoma !important; }
.header-toolbar-contact { margin-right: 30px; }

}



.mk-header {    border-bottom: 0px !important;}
.mk-fullwidth-slideshow { margin-top: 20px; }
.mk-responsive-nav { border-top: 1px solid #efefef; }
.mk-nav-responsive-link { background: #008acc;     padding: 12px 11px 9px 11px;    border-radius: 50px; }
.mk-css-icon-close div, .mk-css-icon-menu div { background-color: #fff; }
.mk-responsive-nav li a {  font-family: "D-DIN Bold", Arial, Tahoma !important;  font-weight; 700; font-size: 15px !important; text-transform: uppercase; letter-spacing: 0.5px !important; }





/* --- HOME --- */
@media (min-width: 768px) { .vc_col-sm-3 {    width: 23.4% !important; margin: 0 9px !important; } }

.vc_col-sm-12 { padding-left: 9px !important; }
.blok-home { border-radius: 15px; }
.blok-home p { color: #fff; font-size: 16px; line-height: 21px; }
.blok-home h2 {  padding-bottom: 40px !important; }
.blok-home h2:after {
    display:block;
    clear:both;
    content : "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;  /* or 100px */
    border-bottom: 5px solid #008acc;
	margin-bottom: 20px;
}

.home-intro h1 { margin-top: -11px; letter-spacing: -1px !important; padding-bottom: 17px !important; }
.home-intro h1:after { display:block; content : ""; clear:both; position: absolute; left: 10px; bottom: 0; width: 60px;  border-bottom: 5px solid #4b4b4b; }




/* --- SLIDER --- */
#fullwidth-slideshow-wrapper-4 { padding: 0px !important; }
.slider-home { margin-bottom: -150px !important; }




/* --- FOOTER --- */
#mk-footer {background: #2c466b url(images/bg-footer.jpg) no-repeat top right; background-size: 178px;}
.widgettitle { font-size: 26px !important; Xpadding-top: 30px; }
#Xtext-3, #Xmenu-menu-2 { padding-bottom: 30px; }
#text-4 p { margin-bottom: 0px; }

@media (min-width: 1200px) {.mk-footer-copyright { width: 100% !important; }}
@media (min-width: 768px) and (max-width: 1199px) {.mk-footer-copyright { width: 96% !important; margin-left: 10px; }}
.mk-footer-copyright { border-top: 1px solid #556a88; font-size: 12px; font-family: Calibri, Arial, Tahoma !important; }
.mk-footer-copyright a { color: #fff; }
.mk-footer-copyright a:hover, .textwidget a:hover { color: #008acc !important; }
.links { width: 50%; float: left; position: relative; padding-bottom: 5px; }
.rechts { width: 50%; float: right; position: relative; text-align: right; }

#Xmk-footer .footer-wrapper { padding: 0px; }

 

#mk-footer .widget-sub-navigation ul li a, #mk-footer .widget_nav_menu ul li a { color: #ccd6e2 !important; font-size: 15px; font-family: Calibri, Arial, Tahoma !important; padding: 2px 0px; font-weight: 400; }
#mk-footer .widget-sub-navigation ul li a:hover, #mk-footer .widget_nav_menu ul li a:hover { color: #008acc !important; }
.widget_meta .mk-svg-icon, .widget_nav_menu .mk-svg-icon, .widget_recent_comments .mk-svg-icon { display: none; }








/* ---------------------------------- Portfolio -------------------------------------- */

.mk-portfolio-classic-item .item-holder { border: 0px; }
.portfolio-meta-wrapper .the-title, .portfolio-meta-wrapper .the-title a { font-size: 21px !important; line-height: 24px !important; text-transform: none; letter-spacing: -0.5px; }
.portfolio-meta-wrapper .the-title { margin: 10px 0 0 0; }
.mk-portfolio-classic-item .mk-svg-icon { display: none; }
.project-button { margin-top: 30px; margin-bottom: 15px; }

.project-button .projectbutton { 
	background: #008acc !important; 
	padding: 16px 24px 13px 24px;
	background-color: #008acc !important; 
	font-size: 15px; 
	font-family: Objective, Arial, Tahoma !important; 
	letter-spacing: -0.5px;  
	color: #fff; 
	border-radius: 400px; 
	text-transform: lowercase !important; 
	margin-top: 50px; 
}

.project-button .projectbutton:hover { background: #4b4b4b !important; } 
.portfolio-meta-wrapper {    padding: 15px 0; }
.mk-portfolio-classic-item .featured-image img:hover { opacity: 0.9 !important; }
.mk-portfolio-classic-item .featured-image img { -webkit-border-bottom-right-radius: 40px; -moz-border-radius-bottomright: 40px; border-bottom-right-radius: 40px; }

#theme-page { padding-top: 50px; }
#theme-page .theme-page-wrapper .theme-content { margin-bottom: 60px !important; }
.single-portfolio .theme-content .featured-image, .fancybox-title-float-wrap .child { display: none; }


.page-title { 
    text-transform: uppercase;
    font-size: 46px;
    color: #2b456a;
    text-align: left;
    font-style: inherit;
    font-weight: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
    letter-spacing: -1px !important;
    padding-bottom: 0px !important;
	line-height: 100% !important; 
	margin-bottom: -20px !important; 
}

.page-title:after { display:block; content : ""; clear:both; position: absolute; bottom: 0; width: 60px;  border-bottom: 5px solid #4b4b4b; }







/* ---------------------------------- Contactformulier -------------------------------------- */

.c-links { width: 50%; float: left; display: block; position: relative; min-height: 310px; padding: 0 10px;}
.c-rechts { width: 50%; float: right; display: block; position: relative; min-height: 310px; padding: 0 10px; }
.c-breed { width: 100%; float: left; display: block; position: relative; margin-bottom: 15px; }


.wpcf7 { margin-top: 0px !important; }
.wpcf7 .wpcf7-text, .wpcf7 textarea, #motivationAndSource-motivation, .wpcf7-captchar, .wpcf7-form-control-wrap input, #captcha-code, .captcha-code input { 
	border: 2px solid #dfdfdf !important;
	width: 100% !important; 
	position: relative;
	padding: 8px !important; 
	background: #fff !important;
	font-size: 16px !important;
	color: #3a3f44 !important;
	margin-top: 0px !important; 
}

.wpcf7-select { width: 100% !important; margin-top: 6px !important; }
.wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="email"]:focus  {	border: 2px solid #008acc !important; }
.wpcf7 textarea { height: 263px !important; }

body input[placeholder].wpcf7-not-valid, body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid, body textarea.wpcf7-not-valid { border: 2px solid #b82633 !important; }

body span.wpcf7-not-valid-tip {
display: block !important;
color: #ca0225 !important;
border: none !important;
position: relative !important;
top: auto !important;
left: auto !important;
padding: 0 !important;
margin-top: 2px !important;
background: none !important;
font-size: 15px !important;
}

body div.wpcf7-response-output {
margin: 10px 0;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
}

div.wpcf7-mail-sent-ok {	border: none !important; 	color: #038c1a !important; 	position: relative; font-weight: 700; }
div.wpcf7-mail-sent-ng {	border: none !important; 	color: #038c1a !important; 	position: relative;	 font-weight: 700; }
div.wpcf7-spam-blocked {	border: none !important; 	color: #b82633 !important; 	position: relative;	font-weight: 700;}
div.wpcf7-validation-errors {	border: none !important; 	color: #b82633 !important;	position: relative;	font-weight: 700;}

div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors  { font-family: Calibri, Arial, Tahoma !important; margin-top: 20px !important; }

textarea, input[type=text], input[type=email], input[type=url], input[type=password] {
border: 1px solid #ccc !important;
padding: 11px 20px !important;
width: 80% !important;
box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
}

.wpcf7 small { padding-left: 10px; }

.wpcf7-submit, submit, input[type=submit] {
	background: #008acc !important; 
	padding: 16px 24px 13px 24px;
	background-color: #008acc !important; 
	font-size: 15px; 
	font-family: Objective, Arial, Tahoma !important; 
	letter-spacing: -0.5px;  
	color: #fff; 
	border-radius: 400px; 
	text-transform: lowercase !important; 
	margin-top: 10px; 
	margin-left: 10px; 
}

.wpcf7-submit:hover { 	background: #4b4b4b !important; }

#apply_button:hover { 		text-decoration: none; }
input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea { 	-webkit-appearance: none; 	-moz-appearance: none; }












@media only screen and (min-width : 320px) and (max-width : 768px) {
.mk-header {    border-bottom: 1px solid #dfdfdf !important; }
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 960px) {

.full-width-5 .page-section-content { padding-top: 5px !important; }

.mk-header-toolbar { padding: 6px 0 0px 0; }
.header-toolbar-contact:first-child { width: 30% !important; float: left !important; }
.header-toolbar-contact:last-child { width: 55% !important; float: left !important; }

.master-holder h2 { line-height: 22px; font-size: 26px !important; margin-bottom: 10px; }
.google-blok, .googlemaps { margin-top: 0px; }

.mk-header {    border-bottom: 0px solid #dfdfdf; }
.header-logo a img { max-width: 260px; margin-top: -2px; }
.mk-header { background: #fff !important; }
.mk-header-toolbar-holder a, .mk-header-tagline, .header-toolbar-contact, .mk-header-date { color: #fff; font-size: 13px !important; font-family: D-DIN, Arial, Tahoma !important; }
.mk-header-toolbar { display: block!important; background: #2b456a; }
.mk-toolbar-resposnive-icon {display:none; }

.vc_col-sm-3, .vc_col-sm-12 { margin-bottom: 25px !important; }
.slider-home { margin-bottom: 0px !important; }

.mk-footer-copyright { width: 95.5%; }
.links, .rechts { width: 100% !important; float: left; position: relative; text-align: center; }
.rechts { padding-bottom: 11px; }

.c-links, .c-rechts { width: 100%; }



}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 960px) {

#mk-theme-container { padding-top: 45px; }
.header-toolbar-contact svg, .mk-header-date svg, .mk-header-tagline svg { margin-top: -2px; }
.mk-header-toolbar-holder a, .mk-header-tagline, .header-toolbar-contact, .mk-header-date { margin-top: -2px; }

.slider-home { margin-bottom: -90px !important; }
.vc_col-sm-3 { width: 47.5% !important; }
.header-style-1.header-align-left .mk-nav-responsive-link {top: 94px; }
.vc_col-sm-12 {     width: 108% !important;    margin-left: -20px; }
.slider-home { margin-bottom: -70px !important; }
.mk-fullwidth-slideshow { margin-top: 0px !important; }
.mk-responsive-nav { margin-top: 16px; }
.google-blok, .googlemaps { margin-top: 0px; }

}



/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.mk-footer-copyright { width: 94%; }
.mk-fullwidth-slideshow { margin-top: 80px !important; }
.header-logo a img { margin-top: 45px; }

.header-style-1.header-align-left .mk-nav-responsive-link {top: 90px; }
.mk-responsive-nav { margin-top: 14px; }
#mk-theme-container { padding-top: 49px; }
.header-toolbar-contact svg, .mk-header-date svg, .mk-header-tagline svg { margin-top: -1px !important; }
.mk-header-toolbar-holder a, .mk-header-tagline, .header-toolbar-contact, .mk-header-date { margin-top: 2px !important; }
.google-blok, .googlemaps { margin-top: 34px; }
}




@media only screen and (min-width : 960px) and (max-width : 1200px) {
.slider-home { margin-bottom: -80px !important; }
.vc_col-sm-12 {     width: 106% !important;    margin-left: -20px; }
.vc_col-sm-3 {    width: 23% !important; }
.links { margin-left: -15px; }
}