/*
 * NOTICE OF LICENSE
 *
 * This file is licenced under the Software License Agreement.
 * With the purchase or the installation of the software in your application
 * you accept the licence agreement.
 *
 * You must not modify, adapt or create derivative works of this source code
 *
 *  @author    Frederic Moreau
 *  @copyright 2016 BeComWeb
 *  @license   LICENSE.txt
 */
 
 /*** MY WORDPRESS POSTS MODULE ***/
 
 #mywpp_home_block .blog_post_thumbnail, 
.mywpp_column_block .blog_post_thumbnail{
	background:url('../img/mywordpressposts_img_block_bg.png') center no-repeat #fff;
	overflow:hidden;
	position:relative;
}
#mywpp_home_block .blog_post_thumbnail img,
.mywpp_column_block .blog_post_thumbnail img{
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%, -50%);
}

 /** Homepage **/
#mywpp_home_block .blog_post{
	margin-bottom:1em;flex:1;
}
#mywpp_home_block .blog_post_thumbnail{
	height:200px;
}
#mywpp_home_block .blog_post_title{
	margin: 20px 0 0 0;
	    padding: 0;
	    text-transform: none;
	    background: none;
	    color: #221f20;
	    font-size: 18px;
	    line-height: 25px;
	    font-family: 'KeepCalm';
	    border: none;
}
#mywpp_home_block .blog_post_title a{color: #221f20;}
#mywpp_home_block .one-quarter .blog_post_title{
	height:72px;
}
#mywpp_home_block .one-third .blog_post_title{
}
#mywpp_home_block .one-half .blog_post_title{
	height:64px;
	padding:18px 10px;
}
#mywpp_home_block p{
	margin:0;
}
#mywpp_home_block .blog_post_text{
    font-size: 14px;
    color: #585556;
    line-height: 22px;
    text-align: left;
    font-family: 'Kreon';
    font-weight: 400;
    font-style: normal;
    margin-top: 10px;
}
#mywpp_home_block .one-quarter .blog_post_text{
	height:128px;
}
#mywpp_home_block .one-third .blog_post_text{
}
#mywpp_home_block .one-half .blog_post_text{
	font-size:15px;
	line-height:20px;
	height:80px;
}
#mywpp_home_block .blog_post_link{
	text-align:right;
}
#mywpp_home_block .blog_post_link a{
}
@media screen and (max-width:1199px){
	#mywpp_home_block .one-half .blog_post_title{
		height:80px;
	}
	#mywpp_home_block .one-third .blog_post_title{
	}
	#mywpp_home_block .one-quarter .blog_post_title{
		height: 85px;
		font-size: 16px;
		line-height: 20px;
	}
	#mywpp_home_block .one-quarter .blog_post_text{
		height:160px;
	}
	#mywpp_home_block .one-quarter .blog_post_thumbnail{
		height:180px;
	}
}
@media screen and (max-width:991px){
	#mywpp_home_block .one-third .blog_post_title{
	}
	#mywpp_home_block .one-third .blog_post_text{
	}
	#mywpp_home_block .one-half .blog_post_text{
		height:100px;
	}
	#mywpp_home_block .one-quarter .blog_post_thumbnail{
		height:140px;
	}
	#mywpp_home_block .one-quarter .blog_post_title{
		font-size: 15px;
		line-height: 18px;
	}
}
@media screen and (max-width:767px){
	#mywpp_home_block h3:after, #mywpp_home_block h4:after{
		display:none;
	}
	#mywpp_home_block .blog_post_thumbnail,
	#mywpp_home_block .one-quarter .blog_post_thumbnail{
		min-height:100px;
		height:auto;
	}
	#mywpp_home_block .blog_post_thumbnail img{
		position:static;
		transform:initial;
	}
	#mywpp_home_block .blog_post_title,
	#mywpp_home_block .blog_post_text{
		height:auto !important;
	}
}

/** Columns **/
.mywpp_column_block .blog_post{
	margin-bottom:1em;
}
.mywpp_column_block .blog_post_title{
	font: 600 16px/20px "Open Sans", Verdana, sans-serif;
	margin:0;
	padding:12px 0;
	text-transform:none;
	background:none;
	border-top:0;
	border-bottom:2px solid #eee;
}
.mywpp_column_block .blog_post_thumbnail{
	height:150px;
}
@media screen and (max-width:991px){
	.mywpp_column_block .blog_post_thumbnail{
		height:auto;
		overflow:visible;
	}
	.mywpp_column_block .blog_post_thumbnail img{
		position:static;
		transform:initial;
	}
}
@media screen and (max-width:767px){
	.mywpp_column_block .blog_post_title:after{
		display:none;
	}
}
 /* A little few css rules for back-office */
#mywpp_admin_overview .blog_post_overview_admin{
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #eee;
}
#mywpp_admin_overview .blog_post_overview_admin h4{
	font-size:150%;
	font-weight:bold;
}
#mywpp_admin_overview .blog_post_overview_admin p{
	font-size:110%;
	line-height:1.6;
}
#mywpp_admin_overview .blog_post_overview_admin p a{
	font-weight:bold;
}
#mywpp_admin_overview .blog_post_img_block{
	min-height:200px;
	background:url('../img/mywordpressposts_img_block_bg.png') center no-repeat;
}
.mywpp_reset_form .panel-footer{
	border-top:none;
}