/*
Theme Name:     2Basics door Promote Your Network
Theme URI: 		http://www.2basics.com
Description:    De website van 2Basics is gerealiseerd door Promote Your Network
Author:         Don van Baar
Theme URI: 		http://promoteyournetwork.com
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



@font-face {
    font-family: 'Futura LT Pro';
    src: url('fonts/FuturaLTPro-Light.eot');
    src: url('fonts/FuturaLTPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaLTPro-Light.woff2') format('woff2'),
        url('fonts/FuturaLTPro-Light.woff') format('woff'),
        url('fonts/FuturaLTPro-Light.ttf') format('truetype'),
        url('fonts/FuturaLTPro-Light.svg#FuturaLTPro-Light') format('svg');
    font-style: normal;
	-webkit-font-smoothing: antialiased !important;
  	-moz-osx-font-smoothing: grayscale !important;
}

@font-face {
    font-family: 'Futura LT Pro Medium Cond';
    src: url('fonts/FuturaLTPro-BoldCond.eot');
    src: url('fonts/FuturaLTPro-BoldCond.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaLTPro-BoldCond.woff2') format('woff2'),
        url('fonts/FuturaLTPro-BoldCond.woff') format('woff'),
        url('fonts/FuturaLTPro-BoldCond.ttf') format('truetype'),
        url('fonts/FuturaLTPro-BoldCond.svg#FuturaLTPro-BoldCond') format('svg');
    font-weight: 300 !important;
    font-style: normal;
	-webkit-font-smoothing: antialiased !important;
  	-moz-osx-font-smoothing: grayscale !important;
}

@font-face {
    font-family: 'Futura LT Pro Medium';
    src: url('fonts/FuturaLTPro-Medium.eot');
    src: url('fonts/FuturaLTPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaLTPro-Medium.woff2') format('woff2'),
        url('fonts/FuturaLTPro-Medium.woff') format('woff'),
        url('fonts/FuturaLTPro-Medium.ttf') format('truetype'),
        url('fonts/FuturaLTPro-Medium.svg#FuturaLTPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
	-webkit-font-smoothing: antialiased !important;
  	-moz-osx-font-smoothing: grayscale !important;
}

h1, h2, h3, h4, h5, h6, .mk-fancy-title { 
    font-family: 'Futura LT Pro Medium Cond' !important;
    font-weight: 500 !important;
    font-style: normal;
}

p, ul li, ol, ul {    
	font-family: 'Futura LT Pro';
    font-weight: 300;
    font-style: normal;
}

#cookie-notice .button.wp-default {
    font-family: 'Futura LT Pro Medium Cond' !important;
    font-weight: 300 !important;
}

.news-titel {
    width: 700px;
    text-align: left !important;
    margin: 70px auto 0;
}

li {
	margin-bottom: 10px;
}

.pea_cook_more_info_popover_inner {
	margin: 100px auto !important;
}

.pea_cook_wrapper, button.pea_cook_btn {
	border-radius: 0px !important;
}

.widgettitle, .search-loop-meta, .mk-quick-contact-wrapper .mk-quick-contact-title {    
	font-family: 'Futura LT Pro';
    font-weight: 300;
    font-style: normal;
	font-size: 16px !important;
	letter-spacing: 0px !important;
}

a.menu-item-link {
	font-family: 'Futura LT Pro';
    font-weight: 300;
    font-style: normal;
}

#cn-notice-text {
    font-family: 'Futura LT Pro';
    font-size: 15px;
}

.ball-pulse > div {
    width: 10px !important;
    height: 10px !important;
}

.main-navigation-ul > li.current-menu-item > a.menu-item-link {post
    font-family: 'Futura LT Pro Medium Cond' !important;
	font-weight: 300 !important;
	font-size: 18px !important;
}

strong {
    font-family: 'Futura LT Pro Medium Cond' !important;
	font-weight: 300 !important;
	font-size: 18px !important;
}

span.mk-button--text {
    font-family: 'Futura LT Pro Medium';
    text-transform: uppercase;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
}

.mk-desktop-logo.dark-logo {
    margin-left: 15px;
}

.mk-button--dimension-outline, .mk-button--dimension-savvy {
    border-width: 1px;
}

.mk-blog-hero.bold-style {
    background-position: center center;
}

.swiper-pagination[data-skin=dark] span {
    background-color: #fff;
    background-color: rgba(255,255,255,.8);
}

.informatiebalk {
	display:table;
	width:100% !important;
}

.postnavigatie {
	width: 37%;
	background-color: #b1b4b6;
	display: table-cell;
	text-align: right;
	padding: 11px 20px 0px 0px;
}

.posttitel {
	width: 63%;
	background-color: #e6e7e8;
	display:table-cell;
	text-align: left;
	padding: 11px 0px 0px 20px;
}

.postnavigatie p, .posttitel p { margin-bottom:10px !important; }
.posttitel p { font-weight: 500 !important; font-family: 'Futura LT Pro Medium' !important; }
.postnavigatie-knoppen a:hover { font-weight: 500 !important; font-family: 'Futura LT Pro Medium' !important; }
.postnavigatie-terug a { color: #000000 !important; font-family: 'Futura LT Pro' !important; }
.postnavigatie-terug a:hover { font-weight: 500 !important; font-family: 'Futura LT Pro Medium' !important; color: #ffffff !important; }
.posttitel a { color: #000000 !important; }
.postnavigatie-knoppen, .postnavigatie-knoppen a { color: #ffffff !important; }

.master-holder.blog-style-bold .mk-blog-single {
    padding: 0px 0px 40px 0px;
}

.mk-blog-hero.bold-style::before {
	background-color: transparent !important;
}

#mk-page-introduce {
    display: none !important;
}

table {
    font-family: 'Futura LT Pro' !important;
	font-style: normal;
}

.work-titel {
	margin-top: 40px;
	text-align: center;
}

.news-tekst {
    text-align: justify !important;
}


.news-tekst h3 {
    text-align: center !important;
}

.edge-title {
    font-family: 'Futura LT Pro Medium Cond';
    text-transform: uppercase;
}

.tg-layout-justified .sofia .tg-item-title, .tg-layout-justified .sofia .tg-item-title a {
    text-align: left;
    text-transform: none !important;
    font-size: 16px !important;
}

.watwegraagdoen h4 {
    text-transform: none !important;
}

.watwegraagdoen-bg { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.watwegraagdoen-categorie span {
    font-family: 'Futura LT Pro';
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 6px !important;
	padding-bottom: 5px !important;
	float: left !important;
	background: #808285 !important;
}

.vc_grid-filter.vc_grid-filter-center {
    text-align: left;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}

.minimal-light .esg-navigationbutton {
    font-family: 'Futura LT Pro Medium' !important;
    text-transform: uppercase !important;
	letter-spacing: 2px !important;
    font-weight: 500 !important;
	border-color: #252525 !important;
    color: #252525 !important;
	font-size: 14px !important;
	margin-top:30px !important;
	border-radius: 0px !important;
}

.esg-navigationbutton.esg-loadmore {
	padding: 8px 46px !important;
}

.minimal-light .esg-navigationbutton:hover, .minimal-light .esg-filterbutton:hover, .minimal-light .esg-sortbutton:hover, .minimal-light .esg-sortbutton-order:hover, .minimal-light .esg-cartbutton a:hover, .minimal-light .esg-filterbutton.selected {
    background-color: #252525 !important;
    border-color: #252525 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.logo-footer-hidden {
    visibility: hidden;
}

section#text-4 {
    text-align: center;
}

.mk-footer-copyright {
	font-family: 'Futura LT Pro';
    font-weight: 300;
    font-style: normal;
	float: none !important;
	display: block !important;
	text-align: center !important;
}

.mk-clients .client-logo {
    opacity: 1 !important;
    background-size: contain !important;
	margin: 0px 9px 0px 42px !important;
}

.mk-flex-slides .client-logo {
  	-webkit-filter: grayscale(100%);
  	-webkit-transition: .5s ease-in-out;
  	-moz-filter: grayscale(100%); 
  	-moz-transition: .5s ease-in-out;
  	-o-filter: grayscale(100%); 
  	-o-transition: .5s ease-in-out;
}

.mk-flex-slides .client-logo:hover {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
}

.grayscale {
  	-webkit-filter: grayscale(100%);
  	-webkit-transition: .5s ease-in-out;
  	-moz-filter: grayscale(100%); 
  	-moz-transition: .5s ease-in-out;
  	-o-filter: grayscale(100%); 
  	-o-transition: .5s ease-in-out;
}

.grayscale:hover {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
}

.mk-clients.column-style.border-boxed ul {
    padding-bottom: 20px;
}

.cq-expandgrid-facecontent .cq-expandgrid-title {
    width: 92% !important;
    display: inline-block !important;
    margin: 320px 30px 0px 0px !important;
    background-color: #ffffff;
	text-align:left !important;
	padding-left:30px !important;
}

.the-title {
    display: none !important;
}

.cq-expandgrid-text {
	font-family: 'Futura LT Pro';
    font-weight: 300;
    font-style: normal;
	font-size:19px !important;
	padding:0px !important;
}

i.fa.fa-plus {
    position: absolute;
    right: 9% !important;
    bottom: 9% !important;
	color: #333;
}

i.fa-envelope, i.fa-linkedin {
    font-family: FontAwesome;
	font-style:normal;
}

.teamtabel {
	font-size:19px !important;;
	padding:40px !important;
	text-align:left !important;
	line-height: 1.3 !important;
	
}

.cq-expandgrid-item {
    margin-bottom: 10px !important;
}

#cd-timeline {
    margin: 0 0 3.5em 0 !important;;
} 

.cd-timeline-item-title {
    font-size: 30px !important;
    font-weight: 500 !important;
}

.cd-timeline-block:last-child, .cd-timeline-content .the-excerpt p {
    margin-bottom: 10px !important;
}

.cd-timeline-content {
    border-radius: 0 !important;
}

#wonderplugincarousel-1 .amazingcarousel-title {
    display: none !important;
}

input[type="text"] {
    width: 100% !important;
}

input[type="email"] {
    width: 92% !important;
}

input[type="tel"] {
    width: 100% !important;
}

input[type="submit"] {
    font-family: 'Futura LT Pro Medium' !important;
    text-transform: uppercase !important;
	letter-spacing: 2px !important;
    font-weight: 300 !important;
	border-color: #ffffff !important;
    color: #ffffff !important;
	font-size: 14px !important;
	border-radius: 0px !important;
	padding: 8px 46px !important;
	background-color: transparent !important;
	border: 1px solid !important;
}

input[type="submit"]:hover {
	font-family: 'Futura LT Pro Medium' !important;
    color: #000000 !important;
	background-color: #ffffff !important;
}

.mk-quick-contact-link {
    width: 120px !important;
	font-family: 'Futura LT Pro';
	font-weight: 300;
	font-size: 16px;
	text-align: right;
	padding: 6px 10px 3px 0px;
	color: #ffffff !important;
	background-color: rgba(0,0,0,.5) !important;
}

.mk-quick-contact-wrapper p {
    color: #000 !important;
    font-size: 16px !important;
}

.mk-quick-contact-wrapper .mk-contact-form .text-input, .mk-quick-contact-wrapper .mk-contact-form .textarea {
    font-family: 'Futura LT Pro';
	font-size: 16px !important;
	color: #000000 !important;
}

.mk-progress-button[data-style="move-up"] {
    font-familY: 'Futura LT Pro Medium Cond';
    font-weight: 300 !important;
    font-size: 16px !important;
}

.contact-form-message {
    font-family: 'Futura LT Pro';
    font-weight: 300 !important;
	font-size: 16px !important;
}

div.wpcf7-response-output {
    font-family: 'Futura LT Pro';
    font-weight: 300 !important;
    color: #000000 !important;
}

#mk-footer, #mk-footer p {
    line-height: 1.5;
}


.oeps-links {
	display: table-cell; 
	vertical-align: middle; 
	width:50%; 
	text-align:right; 
	padding-right:20px; 
}

.oeps-rechts {
	display: table-cell; 
	vertical-align: middle; 
	width:50%; 
	text-align: left; 
	padding-left: 20px;
	padding-top:30px;
	padding-bottom:30px;
}

.logo-footer-links {
	display: table-cell; 
	vertical-align: top; 
	width:50%; 
	text-align:left; 
}

.logo-footer-rechts {
	display: table-cell; 
	vertical-align: top; 
	width:50%; 
	text-align: right; 
}

.vc_custom_1522059961518 {
	padding-top: 20px !important;
	padding-bottom: 40px !important;
	background-color: #e5e5e5 !important;
}

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

.footer-wrapper a {
    color: #ffffff !important;
}

.footer-wrapper a:hover {
    text-decoration: underline !important;
}

.widget_social_networks a.medium svg {
    height: 20px !important;
    width: 20px !important;
}

#custom_html-2 {
    margin-top: -10px;
}

.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {
	font-family: 'Futura LT Pro';
}

.mk-fancy-table.table-style2 {
    border-bottom: 0px solid !important;
	border-top: 1px solid #dcdcdc !important;
}

.responsive-searchform .text-input {
    color: #000000 !important;
    font-family: 'Futura LT Pro Medium';
}

i input[type="submit"] {
    border: 0px solid !important;
}

.mk-responsive-nav li a {
    color: #000000 !important;
    font-weight: 300 !important;
    font-family: 'Futura LT Pro Medium';
}

.news-titel {
	text-align: center;
	margin-top: 70px;
	padding-bottom: 0px !important;
}

.work-padding {
	margin-bottom: -70px !important;
}

.yikes-easy-mc-form input[type="email"], .yikes-easy-mc-form input[type="number"], .yikes-easy-mc-form input[type="text"], .yikes-easy-mc-form input[type="url"], .yikes-easy-mc-form select {
    padding: 14px !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0,0,0,1) !important;
    font-size: 16px !important;
	font-family: 'Futura LT Pro';

}

.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    background-color: #000000 !important;
    border: 2px solid rgba(0,0,0,1) !important;
    color: #ffffff !important;
	font-family: 'Futura LT Pro';
}



@media only screen and (max-width: 40em) {
	
	.logo-footer-hidden {
    	display: none !important;
	}
	
	#esg-grid-3-1 {
		padding: 10px !important;
	}
	
	#esg-grid-6-1 {
    padding: 10px !important;
	}
	
	.widget_social_networks .align-right {
    	text-align: left !important;
	}
	
	.textwidget p {
    	text-align: left !important;
	}
	
	#mk-footer #text-5 img {
		float: left !important;
	}
	
    thead th:not(:first-child) {
        display: none;
    }

    td, th {
        display: block;
		width: 80% !important;
    }
	
	.mk-fancy-table.table-style2 {
    	width: 100% !important;
		margin-right: 0px !important;
	}

	.mk-fancy-table.table-style2 td {
    	width: 100% !important;
	} 
	
    td[data-th]:before  {
        content: attr(data-th);
    }
	
	.cq-expandgrid-in3 .cq-expandgrid-item {
    width: calc( 100% - 20px) !important;
	}
	
	.postnavigatie { display:block; width: 94.5% !important; text-align: center !important; padding:20px 20px 18px 10px !important; }
	.posttitel { display:block; width: 94.5% !important; text-align: center !important; margin-top:-10px !important; padding: 20px 20px 10px 10px !important; }
	
	.oeps-links, .oeps-rechts { display: block !important; width: 90% !important; padding-left: 20px !important; padding-right: 20px !important; text-align: center !important; padding-top: 30px !important; padding-bottom: 0px !important; }
	
	
	
}