/*
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/
*/

/* Header toolbar */
.mk-header-toolbar{
	height: 50px;
    display: flex;
    align-items: center;
}

.mk-header-toolbar .header-grid{
	width: 100%;
}

.mk-toolbar-resposnive-icon{
	display: none !important;
}

.mk-header-tagline img {
    max-width: 25px;
    margin-left: 12.5px;
}

.mk-header-toolbar-holder{
	text-align: center;
}

.mk-header-tagline{
	font-weight: bold;
	font-family: 'Ubuntu', sans-serif;
}

/* Header */
.header-logo a img{
	max-width: 220px;
}

/* Last menu item */
#menu-item-283 a, #menu-item-747 a{
    border: 1px solid #273647 !important;
    padding: 15px 30px;
    border-radius: 100px;
	margin-left: 30px;
}

#menu-item-283 a:after, #menu-item-747 a:after{
	display: none;
}

#menu-item-283 a:hover,  #menu-item-747 a:hover{
    border-color: #DF6B1D !important;
	background-color: #DF6B1D;
	color: #fff;
}

/* Language switcher in menu */
span.wpml-ls-display {
    font-size: 0.1px;
}

.wpml-ls-item a .wpml-ls-display:after {
    content: '';
    display: inline-block;
    font-size: 14px;
    font-family: 'Ubuntu';
    line-height: 45px;
}

.main-navigation-ul > li.menu-item.wpml-ls-item > a.menu-item-link{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wpml-ls-item-nl a .wpml-ls-display:after{
	content: 'NL' !important;
}

.wpml-ls-item-en a .wpml-ls-display:after{
	content: 'EN' !important;
}

.wpml-ls-item-nl {
    margin-left: 44px !important;
}

.wpml-ls-item-nl:after {
    content: '/';
    display: inline-block;
    width: 15px;
    font-size: 14px;
    font-family: 'Ubuntu';
    line-height: 45px;
}

.wpml-ls-current-language a span {
    font-weight: 700;
}

.wpml-ls-item a:after{
	display: none !important;
}

/* Responsive language switcher */
.mk-responsive-wrap .wpml-ls-item .menu-item-link{
    display: inline-block !important;
    padding-right: 10px !important;
}

.mk-responsive-wrap .wpml-ls-item{
    display: inline-block !important;
    position: absolute !important;
}

.mk-responsive-wrap .wpml-ls-item-nl{
    right: 80px
}

.mk-responsive-wrap .wpml-ls-item-en{
    right: 50px;
}

/* submenu */
.sub-menu li{
	padding-left: 20px !important;
}

.main-navigation-ul ul.sub-menu li.current-menu-item > a.menu-item-link{
	color: #273647 !important;
}

.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link{
	line-height: 30px;
}

.main-navigation-ul li.menu-item ul.sub-menu li.menu-item:hover a.menu-item-link {
    color: #DF6B1D !important;
}

/* Responsive menu */
.mk-responsive-wrap {
	height: calc(100vh - 155px);
}

.mk-responsive-wrap ul{
	padding-left: 15px;
}

#responsive-menu-item-283 a{
	border: 1px solid #273647 !important;
    padding: 15px 30px;
    border-radius: 100px;
	width: 100px;
	text-align: center;
	margin-left: 20px;
	margin-top: 40px;
}

.mk-responsive-nav>li{
	border-bottom: none;
}

.mk-responsive-nav li a {
	font-size: 16px;
	line-height: 19px;
	font-family: 'DM Sans';
	font-weight: 500;
	text-transform: inherit;
}

#theme-page-bg {
    background-color: #FAFAFA;
}

/* Heading line-heights */
.master-holder h1{
	line-height: 45px;
}
.master-holder h2{
	line-height: 38px;
}
.master-holder h3{
	line-height: 24px;
}

p{
	line-height: 38px;
}

.subtitle p {
    font-weight: bold;
    font-size: 14px;
    line-height: 45px;
    font-family: 'Ubuntu' !important;
	margin-bottom: -5px;
}

/* Standard button style */
.mk-button {
    padding: 17px 35px;
    font-size: 18px;
    font-weight: bold;
}

.orange-button .mk-button{
	border: 1px solid #DF6B1D;
}

.orange-button .mk-button:hover{
	border: 1px solid #FAB63D;
	background-color: transparent !important;
}

.blue-button .mk-button{
	border: 1px solid #273647;
}

.blue-button .mk-button:hover{
	border: 1px solid #273647;
	background-color: transparent !important;
}

.cta-row .mk-button-container{
	margin-bottom: 0 !important;
}

.cta-button .mk-button{
	background-color: transparent !important;
	color: #273647;
	border: 1px solid #273647;
}

.cta-button .mk-button:hover{
	border-color: #DF6B1D;
	background-color: #DF6B1D !important;
}

.cta-section, .cta-row .mk-grid{
	display: flex;
	align-items: center;
}

/* Breadcrumbs */
.breadcrumbs, .breadcrumbs a{
    font-size: 16px;
    color: #273647 !important;
}

.breadcrumbs a:after {
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0 14px;
	background-image: url('../../uploads/2021/06/pijl.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

/* Orange list style */
.orange-list p{
	line-height: 30px;
	margin-bottom: 0;
	margin-left: 52px;
}

.orange-list p:before{
	content: '';
	display: block;
	background-color: #FAB63D;
	height: 19px;
	width: 19px;
	border-radius: 100px;
	position: relative;
    top: 28px;
	left: -52px;
}

/* Blog archive */
.kennisbank-archive-button{
	float: right;
	margin-right: 60px;
	position: absolute;
	bottom: 30px;
	right: 0;
}

.kennisbank-archive-button a {
    padding: 0 !important;
    background-color: transparent !important;
    font-size: 18px !important;
    font-weight: bold;
    color: #DF6B1D !important;
}

.kennisbank-archive-button a:after{
    content: '';
    display: inline-block;
    background-image: url('../../uploads/2021/05/cta-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    height: 15px;
    width: 35px;
    position: absolute;
    top: 6px;
    margin-left: 30px;
	transition: .2s;
}

.kennisbank-archive-button:hover a:after {
    margin-left: 40px;
}

.blog-archive-content-row {
    border: 1px solid #273647;
    border-top: 0px;
	padding: 20px 50px 0 30px;
	height: 280px;
	margin-bottom: 80px;
}

.blog-archive-image-row {
    border: 1px solid #273647;
	border-bottom: 0px;
}

.blog-archive-content-row p {
    font-family: 'Ubuntu', sans-serif !important;
    font-weight: 500;
    line-height: 35px;
    float: left;
    margin-bottom: 0;
}

.blog-archive-content-row .vc_gitem_row,  .blog-archive-content-row .vc_gitem_row .vc_gitem-col {
    height: 280px;
}

.vc_grid-item-mini {
    height: 430px;
    margin-bottom: 80px;
}

.vc_grid-item-mini:hover {
    background-color: #E9EAEF !important;
    height: 430px;
}

/* blog single */
.single-post #mk-theme-container{
	overflow-x: hidden !important;
}

.single-post-header {
    background-color: #E9EAEF;
    width: 110vw;
    margin-left: -17%;
    padding-left: 17%;
    padding-top: 50px;
    padding-bottom: 80px;
	margin-bottom: 80px;
}

.single-post .breadcrumbs{
	margin-bottom: 30px;
	display: block;
}

.blog-single-title{
	max-width: 1300px;
}

.single-post .breadcrumbs strong, .single-post .mk-single-content strong{
	color: #273647 !important;
}

/* Gravity Forms Upload */
.gform_drop_area {
    border: 1px solid #273647;
    border-radius: unset;
    background-color: #fff;
}

/* Fix page section overflow visible */
body:not(.compose-mode) .mk-page-section.full_layout {
    overflow: visible !important;
}

/* Fix sticky top bar */
.sticky-style-fixed.header-style-1.a-sticky .mk-header-holder, .sticky-style-fixed.header-style-3.a-sticky .mk-header-holder{
	top: 0 !important;
}

/* Sticky header on mobile */
/* @media handheld, only screen and (max-width: 960px) {
	header#mk-header-1 {
		position: fixed;
	}

	#theme-page > .wpb_row.vc_row {
		margin-top: 60px;
	}
} */

/* Footer */
#mk-footer{
	background-color: #273647;
}

#mk-footer .mk-col-1-2:nth-child(2) {
    display: none;
}
#mk-footer .mk-col-1-2:nth-child(1) {
    width: 70%;
	padding: 0;
}

#mk-footer .mk-col-1-3 img {
    width: 28px;
    margin-top: 20px;
}

#mk-footer, #mk-footer p{
	font-family: 'Ubuntu', sans-serif !important;
}

.mk-footer-copyright{
	display: flex;
    justify-content: space-between;
    width: 100%;
}

.mk-footer-copyright a {
    color: #fff;
}

#mk-footer:after {
    content: '';
    display: block;
    height: 100%;
    width: 500px;
    /* background-image: url(../../uploads/2021/05/m-maguire.svg); */
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -20px;
    right: 25%;
    z-index: -1;
}

/* Recaptcha */
.rc-anchor-normal-footer, .grecaptcha-badge{
	display: none !important;
}

@media(max-width: 1400px){
	.single-post-header{
		width: 140vw;
		padding-right: 28%;
	}
}

@media(max-width: 960px){
	.single-post-header{
		width: 135vw;
	}
}

@media(max-width: 1200px){
	.mk-footer-copyright{
        flex-direction: column;
    }
    
    .mk-footer-copyright span{
        margin-top: 5px;
    }
}

@media(max-width: 1024px){
	.diensten-row .right-column {
        margin-left: 0 !important;
        width: 100% !important;
        margin-top: 30px;
    }
    
    .diensten-row .left-column {
        margin-right: 0 !important;
        width: 100% !important;
    }
}

@media(max-width: 768px){
	body,html{
		overflow-x: hidden !important;
	}
		
	.mk-page-section .wpb_column, .mk-page-section .wpb_column .vc_column-inner {
		padding: 0 !important;
	}
	
	.header-logo a img{
		max-width: 110px;
	}
	
	.mk-header-toolbar{
		display: block;
	}
	
	.master-holder h1{
		font-size: 25px !important;
		line-height: 38px;
	}
	
	.master-holder h2{
		font-size: 23px !important;
		line-height: 32px;
	}
	
	.not-found-subtitle {
    	font-size: 150px;
	}
	
	.master-holder h3{
		font-size: 16px !important;
		line-height: 20px;	
	}

	p{
		line-height: 32px;
	}
	
	.subtitle p{
		font-size: 12px;
		line-height: 17px;
		margin-bottom: 5px;
	}
	
	/* Blog archive row */
	.blog-archive-content-row{
		padding-right: 30px;
		margin-bottom: 0;
	}
	
	.single-post-header{
		width: 120vw;
		padding-right: 17%;
	}
	
	.next-line-mobile{
		display: block;
	}
	
	#mk-footer .footer-wrapper{
		padding: 60px 0 !important;
	}
	
	#mk-footer, #mk-footer p{
		font-size: 16px;
		font-weight: bold;
	}
	
	.mk-footer-copyright{
		flex-direction: column;
    	text-align: left;
		font-weight: 500;
	}
	
	.mk-footer-copyright span:nth-child(1) {
		order: 4;
		margin-top: 90px;
	}
	
	.mk-footer-copyright span {
		margin-bottom: 16px;
	}
	
	#mk-footer:after {
		height: 80%;
		width: 100%;
		background-size: contain;
		right: 0;
		bottom: 0;
		top: inherit;
	}
	
	.diensten-row .wpb_column {
        padding: 60px 40px 0 40px !important;
    }
}

@media(max-width: 767px){
	.mk-header-tagline{
		margin-left: -15px !important;
    	width: 110% !important;
	}
	
	.cta-section .cta-row .mk-grid{
        display: inherit;
		padding: 65px 0 !important;
    }
	
	.cta-section h2{
		font-size: 25px !important;
    	line-height: 38px !important;
	}
	
	.cta-section .mk-button {
		margin-top: 30px;
		float: left;
		background-color: #DF6B13 !important;
		border-color: #DF6B13 !important;
		color: #fff;
	}
	
	/* Orange list  */
	.orange-list p{
		line-height: 32px;
   		margin-bottom: 30px;
		margin-left: 32px;
	}
	
	.orange-list p:before{
		height: 13px;
		width: 13px;
		margin-right: 16px;
		top: 22px;
    	left: -36px;
	}
}

@media(max-width: 550px){
	.single-post-header{
		padding-right: 19%;
	}
}

@media(max-width: 450px){
	.single-post-header{
		width: 111vw;
	}
}

@media(max-width: 370px){
	.mk-header-tagline a{
		font-size: 11px;
	}
}

@media(max-width: 370px){
	.mk-header-tagline a{
		font-size: 10px;
	}
}

@media(max-width: 321px){
	.mk-header-tagline a{
		font-size: 9px;
	}
}