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

*/



.widget-smart-blog-listing-wrap {
    position: relative;
}
.widget-smart-blog__heading{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #e5e5e5;
}

.widget-smart-blog__content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 40px;
}

.widget-smart-blog__content.has-featured-position-left, 
.widget-smart-blog__content.has-featured-position-right {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.widget-smart-blog__content.columns-1 .widget-smart-blog__posts .widget-smart-blog__post-wrapper {
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.widget-smart-blog__posts{
	max-width: calc(100% - 41%);
    flex-basis: calc(100% - 41%);
    margin: 0 10px 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.widget-smart-blog__featured{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
	max-width: 41%;
    flex: 0 0 41%;
    margin: 10px;
    transform: translateY(20px);
}


.widget-smart-blog__featured .widget-smart-blog__featured-content {
    margin-top: 20px;
}

.widget-smart-blog__featured-content .widget-smart-blog__post-title {
	font-size: 24px;
	color: #42527b;
	margin: 5px 0 0 0;
	font-weight: 700;
	line-height: 36px;
}

.widget-smart-blog__featured-content .widget-smart-blog__post-title a {
	color: #42527b;
	box-shadow: none;
    text-decoration: none;
}

.widget-smart-blog__post-meta{
	color: #bcbcbc;
    font-size: 12px;
    text-align: left; 
}

.widget-smart-blog__posts .widget-smart-blog__post-thumbnail.post-thumbnail-simple {
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 25%;
    flex: 0 0 25%;
}

.widget-smart-blog__post-content {
    margin-left: 20px;
}
.widget-smart-blog__post-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.widget-smart-blog__post-in-content{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.widget-smart-blog__post-content .widget-smart-blog__post-title {
	font-size: 16px;
	color: #42527b;
	font-weight: 700;
	line-height: 28px;
}

.widget-smart-blog__post-content .widget-smart-blog__post-title a {
	color: #42527b;
	box-shadow: none;
    text-decoration: none;
}