/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

/* FONTS */

/* @font-face {
	font-family: 'TTNorms-Bold';
	src: url('/wp-content/uploads/fonts/TTNorms-Bold.otf');
	src: url('/wp-content/uploads/fonts/TTNorms-Bold.otf') format('opentype'),
	url('/wp-content/uploads/fonts/TTNorms-Bold.otf') format('opentype');
}
 */
@font-face {
	font-family: 'myriad-web-pro';
	src: url('/wp-content/uploads/fonts/myriad-web-pro.ttf');
	src: url('/wp-content/uploads/fonts/myriad-web-pro.ttf') format('truetype'),
	url('/wp-content/uploads/fonts/myriad-web-pro.ttf') format('truetype');
}

body h1, body h2, body h3, body h4, body .master-holder h4, body h5, body h6, body #mk-footer div.widgettitle, body h3 strong{
	font-family: 'Avenir', arial !important;
}

body p, body b, body q, body strong, body i, body em, body quote, body span, span a, body li, span div, span div.mk-footer-copyright, span.mpc-button__title{
	font-family: 'myriad-web-pro', arial !important;
}	

body i[class*="mi"] {
    font: normal normal normal 40px/1 'Material-Icons' !important;
}

/* EINDE FONTS */

.otherpost .tittle2 {
   color: #5080be;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    padding-left: 47px;
    font-family: Josefin Sans !important;
    margin-bottom: 30px;
    text-align: left;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 8px;
}

.otherpost .tittle2::before {
    float: left;
    width: 30px;
    background: #5080be;
    height: 3px;
    content: '';
    position: absolute;
    top: 13px;
    left: 0px;
}
button.mailpoet_submit:hover i.alaarrow2:after {
    color: #000 !important;
}
i.alaarrow2:after {
    font-size: 38px;
    vertical-align: middle !important;
    /* margin-top: 22px; */
    position: relative;
    top: -1px;
        padding-left: 10px;
}
.alaarrow:after {
    content: '\e8e4';
    font-size: 38px;
    top: 0;
    color: #f68d00;
    font-weight: normal;
    top: -1px;
    padding-left: 10px;
}
.newsletter {
    text-align: center;
}
.wp-pagenavi span.current {
    font-weight: bold;
    margin-right: 25px;

}
.wp-pagenavi span, .wp-pagenavi a {
    padding: 8px 22px 9px 23px;
}
.wp-pagenavi span.extend {
    border: none;
}
a.last {
    border: 2px solid #ffa008;
}
.page-arrow {
    margin-bottom: 70px;
    margin-top: 20px;
}
.news .otherpost {
    margin-bottom: 0px;
}
.page-arrow a.prev {
    padding-right: 20px;
}

.page-arrow a.next {
    padding-left: 20px;
}

.newsletter input[type="email"] {
    background: none;
    border: 0px;
    border-bottom: 2px solid #000000;
    width: 94%;
    font-family: Josefin Sans !important;
    margin-right: -5px;
    min-height: 23px;
    vertical-align: top;
    letter-spacing: 2px;
}

li.parsley-custom-error-message {
    color: red !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

#mailpoet_form_1 .mailpoet_paragraph , #mailpoet_form_2 .mailpoet_paragraph {
    line-height: 20px;
    width: 50%;
float:left;
}
.newsletter button{
width:100% !important;
}

.mk-col-1-1 .alacustom:nth-child(2) p {
    top: -13px;
    position: relative;
    float: left;
}

.alastandard p{
	color: #000000;
}

body .mpc-button[data-id="mpc_button-635d5e969a6e34b"] .mpc-button__icon{
	color: #5080be;
}

.alacustom{
 top: -16px;
}
.mk-col-1-2.alacustom {
    margin-bottom: 20px;
    float: left;
}
 .alacustom img {
    top: -20px;
    position: absolute;
}
.mk-col-1-1 .alacustom:nth-child(2) p::before {
    float: left;
    width: 60px;
    background: #5080be;
    height: 3px;
    content: '';
    /* position: absolute; */
    top: 11px;
    left: 0px;
    padding-top: 20px;
    margin-top: 11px;
    margin-right: 10px;
}

body #mk-footer .mk-col-1-2.alacustom:last-child .textwidget p:before {
    background: #ffffff;
}

.footer-wrapper .ala-divider .divider {
    margin: 0px;
    width: auto;
    margin-bottom: 50px;
}

body #mk-footer .footer-wrapper{
	padding: 0px !important;
}

#mk-footer .footer-wrapper .ala-divider .divider {
	/* haalt streepje weg bij het logo onderaan in de footer */
	background: none;
}

.mk-footer-copyright{
	text-align: center;
    width: 100%;
    font-size: 13px;
}

section#mk-footer #sub-footer .mk-grid {
    padding: 10px;
}

.mk-col-1-2.alacustom:nth-child(1) {
    width: 50%;
}

body section#mk-footer {
    /* Footer styling */
    background-image: url("/wp-content/uploads/2019/11/footer-lfs-transparant-2.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto;
    background-color: #fff;
    border: none;
	padding-top: 46px;
}

@media only screen and (max-width: 767px){
  body section#mk-footer {
      background-size: contain;
  }
}

body span.mk-footer-copyright {
    padding-top: 0px;
}


body section#mk-footer #sub-footer{
    background: none;
}

body section#mk-footer h2,
body section#mk-footer h3,
body section#mk-footer h4,
body section#mk-footer p,
body section#mk-footer a,
#mk-footer .widgettitle{
    color: #444 !important;
} 

body.page #mk-footer .mk-col-1-2.alacustom:last-child .textwidget p:before{
    background: #5081BE;
}


#mk-page-introduce {display:none }
.blog { margin: auto; }
.bannertext {max-width:600px; padding: 50px 80px;  background:#fff; margin:0 auto; margin-top: -200px; position: relative;}

.bannertext .tittle {color:#5080be; text-transform: uppercase; font-size:14px; position: relative; padding-left: 85px; font-family:Josefin Sans !important; margin-bottom: 30px;}  
.bannertext .tittle::before {float:left; width:70px; background:#5080be; height:3px; content:''; position:absolute; top:13px; left:0px;}

.bannertext .author, .bannertext .date  {font-size:15px; display:inline-block; margin-bottom:25px; font-family:Josefin Sans !important; color:#676767}
.bannertext .author {float:right;}
.bannertext h4 {font-weight:600; line-height: 140%; font-family:inherit; color:#000} 
.bannertext p {color:#000 !important}
.blog p, .blog li {color:#7a7a7a}
.blog li {font-size:17px; padding-left: 10px;}

.blog h3 {text-align:center; font-size:30px; font-weight: 600; margin: 100px 0px;}
.team {text-align:center}
.team li {list-style:none; width:252px; border:1px solid #dedede; padding: 15px; display: inline-block;  margin-right:2%; vertical-align: top; margin-bottom: 20px;}
.team_member {text-align:left}
.team_member span {display:block}
.team_member h4 {text-align:left; padding-bottom: 0px !important; margin-bottom:3px !important; font-weight: 600; color:#000}
.team_member .partner {font-family:Josefin Sans !important; color:#777777; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px solid #dedede; font-size:13px; text-transform: uppercase; line-height: 137%; margin-top: 10px; min-height:40px;}
.team_member span {font-size:13px; font-family:Josefin Sans !important;color:#777777}
.team_member span a {color:#777777}
.team_member span img {margin-right:8px; max-width:20px;}
.memimg {margin:auto; margin-bottom: 30px; max-width: 90%; position:relative}
.memimg img {width:100%}
.memimg::before {background:#5080be; content:''; position:absolute; left:-3px; bottom:-3px; width:103%; height:103%; z-index: -1; border-radius: 100%;}
.divider {width:100%; height:1.4px; background:#dedede; position:relative; margin-top:100px; margin-bottom: 80px;}
.divider img {position:absolute; left:50%; margin-left: -50px; z-index: 9; top:-35px;}
@media only screen and (max-width: 1240px){
	body .divider img{
		left: calc(((100vw - 4%) / 2) + 20px);
	}
}
.memhover {position:absolute; background:rgba(0,0,0,0.5); font-size:14px; font-family:Josefin Sans !important; color:#fff;  width:100%; height:100%; ;left:0px; text-align: center; text-transform: uppercase; font-weight: 600; padding-top: 42%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; opacity: 0}
.memhover span {display:block}
.memhover img {max-width:40px}
.memimg:hover .memhover {opacity:1}

.otherpost {text-align:center; margin-bottom: 60px;}
.otherpost li {list-style:none; width:250px; border:1px solid #dedede; padding: 15px; display: inline-block; text-align: left; margin-right:8%; vertical-align: top}

.otherpost .tittle {color:#5080be; text-transform: uppercase; font-size:16px; position: relative; padding-left: 45px; font-family:Josefin Sans !important; margin-bottom: 30px;}  
.otherpost .tittle::before {float:left; width:30px; background:#5080be; height:3px; content:''; position:absolute; top:13px; left:0px;}

.otherpost .author, .otherpost .date  {font-size:12px; display:inline-block; margin-bottom:0px; font-family:Josefin Sans !important; color:#676767}
.otherpost .author {float:right;}
.otherpost h4 {font-weight:600; line-height: 127%}
.otherpost p {line-height:167%; font-size:16px;}

.newbtn {max-width: 350px; margin: 0 auto; margin-bottom: 80px;}
.newbtn a {font-size:11px; display:inline-block; font-family:Josefin Sans !important; color:#676767; text-transform: uppercase; letter-spacing: 1px;}
.newbtn img {margin-right: 15px; transform: rotate(-180deg);-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg)}




.newsletter {max-width:800px; margin: auto; margin-bottom: 35px;}
.newsletter h3 {color:#f68d00; font-size:20px; margin-bottom: 45px; font-family :Lora ; font-weight: normal;}
.newsletter input[type="text"] {background:none; border:0px; border-bottom:2px solid #000000; width:50%;font-family:Josefin Sans !important; margin-right: -5px; min-height: 45px; vertical-align: top; letter-spacing: 2px;}
.newsletter button {background:#000; color:#fff; width:50%; border:0px; font-size:12px; font-family:Josefin Sans !important; text-transform: uppercase; letter-spacing: 1px; min-height: 45px; padding-top: 5px;}
.newsletter button:hover {background:#f68d00; color:#000}
.newsletter button img {margin-left: 15px; position: relative; top:-5px;}

.newsletter .radio{max-width:300px; margin:0 auto; font-size:12px; margin-top:30px; color:#999999; clear:both}
.newsletter .radio a {text-decoration: underline; color:#999999}
.newsletter .radio input {float:left; margin-right: 15px; margin-top: 5px;}
.newsletter .radio span {display:block; overflow: hidden; line-height: 170%}
#mk-footer {overflow-x:hidden}

section#mk-footer .divider{
    text-align: center;
	margin-bottom: 0px;
}

@media only screen and (min-width: 768px) {
	body section#mk-footer .divider img{
		margin-top: -50px;
	}
}

section#mk-footer .divider img {
    position: relative;
    margin-bottom: 15px;
    margin: auto;
    left: auto;
    right: auto;
}

.blogcontent {max-width:800px; margin:auto}

.alastair_radio {max-width:300px !important; margin:auto !important; float:none !important; clear:both}
.alastair_radio label {font-weight: normal !important; font-size:13px;}
.alastair_radio input.mailpoet_radio {margin-right:10px;}

.nav.nav-pills {margin-bottom:50px;}
.nav.nav-pills li {margin-left:15px !important}
.nav.nav-pills li a {background:#f2f2f2; color:#919191; border-radius: 0px; font-family:Josefin Sans !important;  text-transform :uppercase; font-size:13px;}
.nav.nav-pills li a:hover {background:#000; color:#fff;}
.nav.nav-pills li.active a {background:#000; color:#fff; box-shadow:0px 0px 3px #000;-webkit-box-shadow:0px 0px 3px #000; -moz-box-shadow:0px 0px 3px #000}


.ala-filter .team{margin: 0 -1%;}
.ala-filter .team li {    width: calc(92%/4);float: left;margin: 1%;}
.ala-filter .team li:nth-child(4n+1){clear: both;}
.ala-filter .memimg img {float:none}
.misha_loadmore {max-width:250px; margin:auto; background:#ffa008 !important; color:#000}
.misha_loadmore:hover {background:#000 !important; color:#fff}


.news li {margin-bottom: 5.2%; width:320px; margin-right:4%; }
.news li:hover {box-shadow:0px 0px 13px #ccc;-webkit-box-shadow:0px 0px 13px #ccc; -moz-box-shadow:0px 0px 13px #ccc}

.wp-pagenavi a {margin-right:25px; border:0px;}
.wp-pagenavi a:hover, .wp-pagenavi span:hover {border:1px solid #000; color:#000}
.wp-pagenavi a, .wp-pagenavi span { padding: 8px 20px 9px 20px !important } 



.wpml-ls-flag {
    height: auto !important;
    width: 26px !important;
    
}
.a-sticky .wpml-ls-flag {
    height: auto !important;
    width: 26px !important;
   
}


/*css for top header*/
.wpml-ls-flag {height:auto !important; width:28px !important; vertical-align: middle !important; margin-bottom: 7px;}
#mk-nav-search-wrapper {width:600px ; right:-10px ; top:20px }
#mk-nav-search-wrapper input[type="text"] {width:calc(100% - 150px); background:url(img/searchbg.png) no-repeat 5px center;  font-family:Josefin Sans !important; padding-left: 35px !important; border:0px; border-bottom:1px solid #ccc }
#mk-nav-search-wrapper button[type="submit"] {width:150px; background:#000; color:#fff; text-transform:uppercase; position:relative; font-family:Josefin Sans !important; height:100%; border:0px !important; font-size:13px; } 
#mk-nav-search-wrapper .nav-side-search-icon {width:auto }
#mk-nav-search-wrapper button[type="submit"] img {margin-left:8px;}
.footer-wrapper .alacustom p::before {padding-top: 0px !important;}
#mk-nav-search-wrapper .alacustum {position:absolute; top:17px; right:-25px; font-size:22px;}
#mk-nav-search-wrapper .alacustum:hover {cursor:pointer; opacity: 0.5}


.menu-item-has-children > a::after {font-family: FontAwesome; content:'\f107' ;  color:#000; position:relative; top:-1px; margin-left:7px; font-size:18px; float:right}


.ala-divider .divider {width:auto; margin:0px 20px;}

#mk-nav-search-wrapper2 {max-width:800px; margin:0 auto; }
.search .ala-search {max-width:800px; margin:0 auto;  margin-top:30px;}
#mk-ajax-search-input {width:calc(100% - 300px); float:left; background:#fff url(img/searchbg.png) no-repeat 5px center !important;  font-family:Josefin Sans !important; padding-left: 35px !important; font-size:17px;}
#mk-ajax-search-input::-moz-placeholder, #mk-ajax-search-input::-webkit-input-placeholder  {color:#000 !important} 
.search .search_submit {min-height:39px;}
.search .ala-search {text-align:left}
.search .ala-search h4 {padding-bottom:10px !important; }
.search .ala-search span {font-family:Josefin Sans !important; color:#9c9c9c; display:block; margin-bottom:20px;}
.search .ala-search p {color:#000; font-size:17px; } 
#mk-header-navside-searchform {margin-bottom:65px;}









@media only screen and (min-width:991px) and (max-width:1024px){ 
.ala-filter .team li {    width: calc(94%/3);}
.ala-filter .team li:nth-child(n){clear: none;}
.ala-filter .team li:nth-child(3n+1){clear: both;}
}
@media only screen and (min-width:767px) and (max-width:991px){ 

	
	.bannertext {margin-top:-120px; padding: 50px; max-width: 550px;}

.ala-filter .team li {width: calc(96%/2);}
.ala-filter .team li:nth-child(n){clear: none;}
.ala-filter .team li:nth-child(2n+1){clear: both;}
}



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

  .mk-responsive-nav .mk-nav-arrow {right: 23px;text-align: right;width: 100%;height: 100%;}
   .wp-pagenavi span, .wp-pagenavi a {padding: 4px 10px; margin-right: 0 !important;}
	
	.bannertext {margin-top:0px; padding:0px;	}
	.otherpost li, .team li {margin-bottom:25px;}
	.bannertext .tittle {margin-bottom:5px;}
	.blog p {font-size:15px;}
	.blog h3 {font-size:22px; margin: 40px 0px}
	.divider {margin-top:30px; margin-bottom: 60px;	}
	.otherpost li {width:235px;}
	.newsletter input[type="text"] {border-top:1px solid #000}
	.newsletter input[type="text"], .newsletter button {width:100%; margin: 0px;}
	.newsletter button img {display:none}
	.newbtn {margin-bottom:40px;}

    #mailpoet_form_1 .mailpoet_paragraph, #mailpoet_form_2 .mailpoet_paragraph {width: 100%;}
	.nav.nav-pills li {margin-bottom:10px;}

    .ala-filter .team li {width: calc(96%/2);}
    .ala-filter .team li:nth-child(n){clear: none;}
    .ala-filter .team li:nth-child(2n+1){clear: both;}
	
	
	.responsive-searchform input[type="text"] { background:#fff url(img/searchbg.png) no-repeat 5px center !important;  font-family:Josefin Sans !important; padding-left: 35px !important; border:0px !important; border-bottom:1px solid #ccc !important; min-height: 50px;}
	.responsive-searchform i {display:none !important}
	.mk-responsive-nav > li {border-bottom:0px}
	.menu-item-has-children > a::after {display:none}
	.menu-hvk-stevens-menu-nl-container {padding:0px 15px;}
	.responsive-searchform {padding:0px 35px; margin-top:0px}
	#responsive-menu-item-wpml-ls-2-nl, #responsive-menu-item-wpml-ls-2-en {float:left; }
	.mk-responsive-nav li a {font-family:Josefin Sans; color:#9c9c9c !important; font-size:17px; text-transform: inherit; font-weight: normal;}
	.mk-responsive-nav .current_page_item a {color:#000 !important}
	
	body .mk-responsive-nav .current_page_item a::after{
		background: #5080be;
	}	
	
	
	.mk-nav-responsive-link {top:40px !important;}
	.mk-css-icon-close div, .mk-css-icon-menu div {height:2px; background-color:#969696; margin-bottom:5px; width:23px;}
	.mk-css-icon-menu div:nth-child(2) {width:30px}
	.dashboard-active .mk-css-icon-menu-line-3, .is-active .mk-css-icon-menu-line-3 {top:-8px}
	.searchcls .mk-responsive-nav {visibility: hidden}
	.mk-responsive-nav .current_page_item a {position:relative}
	.mk-responsive-nav .current_page_item a::after {content:''; height:2px; background:#ffac28; width:80px; position: absolute; bottom:7px;left:20px;}
	.header-logo {position:relative}
	.alaimg {position:absolute; right:60px; top:0; z-index: 99; }
	.header-style-1.header-align-left .header-logo a{float: none;}
	
	body.page-template-default .alaimg a {margin:0px !important;}
	.alaimg img {position:relative; float:left; margin-right:15px; max-height:18px !important; top:0px; transform: translate(0,0) !important; -webkit-transform: translate(0,0) !important; -moz-transform: translate(0,0) !important}

.header-grid.mk-grid .mk-header-nav-container,
	.header-grid.mk-grid > a{display: none;}
	
}





@media(max-width:460px){
.mk-col-1-2.alacustom:nth-child(1) {
    margin-bottom: 55px;
     width: 50%;}

.ala-filter .team li {width: calc(100%); margin:1% 0;}
.ala-filter .team li:nth-child(n){clear: both;}
	.header-logo a img {max-width:130px !important; }
	
.mk-footer-copyright div {
    max-width: 165px;
    margin: 0px auto;
}	
}


.header-grid.mk-grid a i.mk-moon-phone-3.telala{display:none;}