/*
Theme Name:     Alexwerkt Child Theme
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/


/* Your custom css */

::-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: 'Army';
	src: url('fonts/Army.eot');
	src: url('fonts/Army.eot?#iefix') format('embedded-opentype'),
		url('fonts/Army.woff2') format('woff2'),
		url('fonts/Army.woff') format('woff'),
		url('fonts/Army.ttf') format('truetype'),
		url('fonts/Army.svg#Army') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Varela Round';
	src: url('fonts/GothamRounded-Book.eot');
	src: url('fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/GothamRounded-Book.woff2') format('woff2'),
		url('fonts/GothamRounded-Book.woff') format('woff'),
		url('fonts/GothamRounded-Book.ttf') format('truetype'),
		url('fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}


table, tr, td { text-align: left !important; }
td:first-child { width: 20%; }

body, p, strong, li, ul { font-family: "Varela Round", Arial, Tahoma !important; }
.mk-text-block ul { margin: -16px 0 20px 0px; }
.mk-text-block ul li { line-height: 27px; font-size: 16px !important; }

.groene-text p, .groene-text, h1, h2, h3, h4, h5, h6, .widgettitle { font-family: Army, Arial, Tahoma !important; letter-spacing: 0px !important;  }
.groene-text p, .groene-text { font-size: 20px !important; line-height: 23px !important; }
.mk-fancy-title { margin-bottom: -10px !important; }

.slider-titel { font-family: Army, Arial, Tahoma !important; color: #72ac4a !important; font-size: 40px !important; }
.slider-text, .slider-text p { color: #fff !important; font-size: 15px !important; line-height: 22px !important; }


#mk-page-introduce { background: #fff !important; border-top: 1px solid #dfdfdf !important; padding: 0px; border-bottom: 0px !important; }
.page-title { color: #465669 !important; font-size: 32px !important; margin-top: 35px !important; margin-bottom: 0px !important; }

.mk-testimonial.simple-style { margin-top: 30px !important; padding-top: 40px !important; padding-bottom: 0px !important; }



/* --- HEADER --- */
.mk-responsive-nav li a {font-size: 12px !important; padding: 12px 10px 10px 10px !important; }
.main-navigation-ul > li.menu-item > a.menu-item-link { font-weight: 400 !important; }



/* --- BUTTON --- */
.mk-button--dimension-outline { background: none !important; -webkit-border-radius: 250px; -moz-border-radius: 250px; border-radius: 250px;  border: 0px solid !important; font-size: 13px !important; line-height: 21px !important; padding: 9px 50px 9px 28px !important; 	-webkit-transition: all .4s linear;	-moz-transition: all .4s linear;	-o-transition: all .4s linear;	-ms-transition: all .4s linear;	transition: all .4s linear;	border: 2px solid #fff !important; color: #fff !important; } 
 
.mk-button--dimension-flat { background: #465669 !important; -webkit-border-radius: 250px; -moz-border-radius: 250px; border-radius: 250px;  border: 0px solid !important; font-size: 13px !important; line-height: 21px !important; padding: 9px 50px 9px 28px !important; 	-webkit-transition: all .4s linear;	-moz-transition: all .4s linear;	-o-transition: all .4s linear;	-ms-transition: all .4s linear;	transition: all .4s linear;	border: 2px solid #465669 !important; } 

.mk-button--dimension-flat:hover { background: #e91a29 !important; border: 2px solid #e91a29 !important; color: #fff !important; }
.mk-button--dimension-outline:hover { background: #e91a29 !important; border: 2px solid #e91a29 !important; color: #fff !important; }


.mk-button--icon { position: relative; float: right; font-size: 15px !important; top: 1px !important; left: 30px !important; }
.mk-button .mk-button--icon svg { font-size: 15px !important; }

.button-wit a, .button-wit .mk-button--icon, .button-wit .mk-button--icon svg { color: #fff !important; text-decoration: none !important; }






/* ---- FOOTER ---- */

#sub-footer .mk-footer-copyright {
float: none !important;
display: block !important;
text-align: center !important;
padding-bottom: 30px;
}

.footer-img { width: 300px; margin-bottom: 10px; }
.mk-footer-copyright { opacity: 1 !important; }
.mk-footer-copyright a { color: #465668 !important; }

#mk-footer .textwidget img { width: 35px; margin-right: 2px; }
#mk-footer .textwidget img:hover { opacity: 0.8; }

#mk-footer .mk-svg-icon { display: none; }
#mk-footer .widget-sub-navigation ul li a, #mk-footer .widget_nav_menu ul li a { padding-left: 0px; }







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

.lcontact, .rcontact { postion: relative; float: left; display: block; width: 50%; }
.ocontact { postion: relative; float: left; display: block; width: 104%; }

.wpcf7 { margin-top: 20px !important; font-size: 13px !important; }

.wpcf7 .wpcf7-text, .wpcf7 textarea { 
	border: 2px solid #e5e5e2 !important;
	width: 92% !important; 
	position: relative;
	padding: 9px 7px !important; 
	background: #fff !important;
	font-size: 15px !important;
	color: #3a3f44 !important;
	margin-top: 2px !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 #465669 !important; }
.wpcf7 textarea { height: 121px !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, body textarea.wpcf7-not-valid { border: 2px solid #df272d !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: #7cac34 !important; 	position: relative; left: -20px; font-weight: 700; }
div.wpcf7-mail-sent-ng {	border: none !important; 	color: #7cac34 !important; 	position: relative;	top: -10px !important; left: -20px; font-weight: 700; }
div.wpcf7-spam-blocked {	border: none !important; 	color: #df272d !important; 	position: relative;	top: -10px !important; left: -20px; font-weight: 700;}
div.wpcf7-validation-errors {	border: none !important; 	color: #df272d !important;	position: relative;	top: -10px !important; left: -20px; font-weight: 700;}

div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { font-size: 16px !important; }

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


input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea { 	-webkit-appearance: none; 	-moz-appearance: none; }
.wpcf7-form p{margin-bottom:10px!important}
.wpcf7-form .wpcf7-textarea{width:70%}
.wpcf7-form-control-wrap { width: 100% !important; }
div.wpcf7-validation-errors { background: #fff !important; }







/* --- BLOG ---- */

.the-title a, .mk-blog-single .mk-single-content h2, .titelh2 { color: #72ac4a !important; font-size: 22px !important; line-height: 29px !important; font-weight: 400 !important; }
.mk-blog-thumbnail-item .item-wrapper h3 {margin:0px !important; color: #72ac4a !important; font-size: 22px !important; line-height: 29px !important; font-weight: 400 !important; }
.the-title a:hover { color: #465669 !important; }

.post-list-image img, .mk-categories, .mk-post-cat, .mk-blog-author, .single-social-section { display: none !important; }
#theme-page .theme-page-wrapper .theme-content { padding-top: 0px !important; }
.mk-post-date { margin-left: -5px !important; color: #424242 !important; }
.mk-post-date a, .mk-blog-meta-wrapper a { pointer-events: none !important; color: #424242 !important; }

.mk-teader-button .mk-button { background: none !important; -webkit-border-radius: 250px; -moz-border-radius: 250px; border-radius: 250px;  border: 0px solid !important; font-size: 13px !important; line-height: 21px !important; padding: 9px 28px !important; 	-webkit-transition: all .4s linear;	-moz-transition: all .4s linear;	-o-transition: all .4s linear;	-ms-transition: all .4s linear;	transition: all .4s linear;	border: 2px solid #fff !important; border: 2px solid #465669 !important; color: #465669 !important; } 

.mk-teader-button .mk-button:hover { background: #465669 !important; border: 2px solid #fff !important; border: 2px solid #465669 !important; color: #fff !important; } 

.mk-blog-thumbnail-item.content-align-right .item-wrapper { padding-top: 0px !important; }
.mk-blog-thumbnail-item .featured-image {max-width: 28% !important; }
.mk-blog-thumbnail-item .item-wrapper { width: 72% !important; }

.widget_posts_lists ul li, .widget_posts_lists ul li a { font-size: 15px !important; }
.widget_posts_lists ul li .post-list-info { margin-left: 0px !important; }




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

.page-title { padding-left: 22px; font-size: 24px !important; }
.mk-responsive-nav .mk-nav-arrow { top: -7px; }
.mk-responsive-nav .mk-nav-arrow svg { height: 10px !important; }

.mk-css-icon-close, .mk-css-icon-menu { background: #72ac4a; padding: 10px 10px 7px 10px; margin-top: -10px; }
.mk-css-icon-close div, .mk-css-icon-menu div { background: #fff !important; }

.header-logo img { max-width: 300px !important; }


.slider-titel { font-size: 20px !important; }
#slider-foto, #slider-foto img { display: none !important; }
.slider-text, .slider-text p { width: 150% !important; }
.slider-text, .slider-text p { color: #fff !important; font-size: 11px !important; line-height: 11px !important; }

.ls-bg { height: 300px !important; }
#layerslider_1, .ls-wrapper, .ls-bg-wrap, .ls-wp-container, html .ls-container, body .ls-container, #ls-global .ls-container, .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper {
height: 300px !important; }

.lcontact, .rcontact, .ocontact { postion: relative; float: left; display: block; width: 100%; }

.mk-blog-thumbnail-item .featured-image {max-width: 100% !important; }
.mk-blog-thumbnail-item .item-wrapper { width: 100% !important; }

}






/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 1040px) {
/* Styles */
.sticky-style-fixed .main-navigation-ul>li.menu-item>a.menu-item-link { font-size: 13px !important; margin-right: -5px; }
.page-title { padding-left: 19px;  }
}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.sticky-style-fixed .main-navigation-ul>li.menu-item>a.menu-item-link { letter-spacing: -1px; }
}