/*
 * 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 2017 - 2022 BeComWeb
 *  @license   LICENSE.txt
 */
 
 /*** MY WORDPRESS POSTS MODULE ***/
 
.blog_post_thumbnail{
	overflow:hidden;
	position:relative;
}
.blog_post_thumbnail.no_thumbnail{
	background:url('../img/mywordpressposts_img_block_bg.png') center no-repeat #fff;
}
.blog_post_thumbnail .blog_post_date{
	position:absolute;
	top:5px;
	left:5px;
	display:inline-block;
	background-color:#333;
	color:#f6f6f6;
	font-size:13px;
	line-height:1em;
	padding:5px;
	text-align:center;
	pointer-events: none;
}

 /** Homepage **/
 
	/** Common **/
#mywpp_home_block{
	background-color:#fdfbf8;
	padding-bottom:1rem;
}
#mywpp_home_block #mywpp_home_block_title{
	font-size:1.5rem;
	padding:0 10px;
}
#mywpp_home_block .blog_post{
	margin-top:1rem;
	margin-bottom:1rem;
}
#mywpp_home_block .blog_post_title{
	font: 600 18px/22px "Open Sans", Verdana, sans-serif;
	margin:0;
	padding:0 0 10px;
	text-transform:none;
	overflow:hidden;
	background:none;
	border-bottom:2px solid #7a7a7a;
	border-top:0;
}
#mywpp_home_block .blog_post_content{
	border:1px solid #f6f6f6;
}
#mywpp_home_block .blog_post_thumbnail img{
	margin-left: auto;
	margin-right: auto;
}
#mywpp_home_block .blog_post_infos{
	padding:10px;
}
#mywpp_home_block .blog_post_text{
	font-size:13px;
	line-height:1.25em;
	margin:10px 0;
}
#mywpp_home_block .blog_post_link{
	text-align:center;
	margin:0;
	padding:0;
}

	/** Flex **/
#mywpp_home_block.flex_design #mywpp_post_list{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
#mywpp_home_block.flex_design .blog_post_content{
	display:flex;
	flex-direction:column;
	height:100%;
	background:#fbfbfb;
}
#mywpp_home_block.flex_design .blog_post_thumbnail.no_thumbnail{
	min-height:100px;
}
#mywpp_home_block.flex_design .blog_post_infos{
	flex: 1;
	display: flex;
	flex-direction: column;
}
#mywpp_home_block.flex_design .blog_post_infos .blog_post_text{
	flex-grow:1;
}
#mywpp_home_block.flex_design .blog_post_infos .blog_post_link a{
	display: inline-block;
	font-size: 14px;
	padding: 4px 8px;
	background: #204b42;
	color: #e8f1dd;
	transition:0.2s all;
}
#mywpp_home_block.flex_design .blog_post_infos .blog_post_link a:hover,
#mywpp_home_block.flex_design .blog_post_infos .blog_post_link a:focus,
#mywpp_home_block.flex_design .blog_post_infos .blog_post_link a:active{
	background:#1f4b43;
	color:#e8f1dd;
}
@media screen and (min-width:768px) and (max-width:991px){
	#mywpp_home_block.flex_design .one-quarter{
		width:50%;
	}
}

/** Legacy **/
#mywpp_home_block.legacy_design .blog_post_thumbnail{
	height:200px;
}
#mywpp_home_block.legacy_design .blog_post_thumbnail img{
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%, -50%);
}
#mywpp_home_block.legacy_design .one-quarter .blog_post_thumbnail{
	height:160px;
}
#mywpp_home_block.legacy_design .one-quarter .blog_post_title{
	height: 50px;
    font-size: 15px;
    line-height: 20px;
}
#mywpp_home_block.legacy_design .one-third .blog_post_title{
	height:56px;
}
#mywpp_home_block.legacy_design .one-half .blog_post_title{
	height:54px;
}
#mywpp_home_block.legacy_design .blog_post_text{
	text-align:justify;
	overflow:hidden;
}
#mywpp_home_block.legacy_design .one-quarter .blog_post_text{
	height:6.25em;
}
#mywpp_home_block.legacy_design .one-third .blog_post_text{
	height:5em;
}
#mywpp_home_block.legacy_design .one-half .blog_post_text{
	height:3.75em
}
#mywpp_home_block.legacy_design .blog_post_link a{
	font-weight:bold;
	font-size:15px;
}
@media screen and (max-width:1199px){
	#mywpp_home_block.legacy_design .one-quarter .blog_post_title{
		height: 70px;
	}
	#mywpp_home_block.legacy_design .one-quarter .blog_post_text{
		height:9.75em;
	}
	#mywpp_home_block.legacy_design .one-quarter .blog_post_thumbnail{
		height:130px;
	}
	#mywpp_home_block.legacy_design .one-third .blog_post_text{
		height:7.25em;
	}
}
@media screen and (min-width:992px){
	#mywpp_home_block.legacy_design .one-half .blog_post_text{
		font-size:15px;
		line-height:20px;
		height:80px;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	#mywpp_home_block.legacy_design .one-quarter{
		width:50%;
	}
	#mywpp_home_block.legacy_design .one-third .blog_post_title{
		height: 70px;
		font-size: 16px;
		line-height: 20px;
	}
}
@media screen and (max-width:991px){
	#mywpp_home_block.legacy_design .one-third .blog_post_title{
		height: 70px;
	}
	#mywpp_home_block.legacy_design .one-third .blog_post_text{
		height:9.75em;
	}
	#mywpp_home_block.legacy_design .one-half .blog_post_text{
		height:6em;
	}
	#mywpp_home_block.legacy_design .one-quarter .blog_post_thumbnail{
		height:160px;
	}
	#mywpp_home_block.legacy_design .one-quarter .blog_post_title{
		height:52px;
	}
	#mywpp_home_block.legacy_design .one-quarter .blog_post_text{
		height:6.25em;
	}
}
@media screen and (max-width:767px){
	#mywpp_home_block.legacy_design h3:after, #mywpp_home_block h4:after{
		display:none;
	}
	#mywpp_home_block.legacy_design .blog_post_thumbnail,
	#mywpp_home_block.legacy_design .one-quarter .blog_post_thumbnail{
		min-height:100px;
		height:auto;
	}
	#mywpp_home_block.legacy_design .blog_post_thumbnail img{
		position:static;
		transform:initial;
	}
	#mywpp_home_block.legacy_design .blog_post_title,
	#mywpp_home_block.legacy_design .blog_post_text{
		height:auto !important;
	}
}

/** Columns **/
.mywpp_column_block{
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
	margin-bottom: 1.563rem;
	background: #fff;
	padding: 1.563rem 1.25rem;
}
.mywpp_column_block .blog_post{
	margin-bottom:1em;
}
.mywpp_column_block .blog_post_thumbnail{
	min-height:75px;
	background:url('../img/mywordpressposts_img_block_bg.png') center no-repeat #fff;
	background-size: auto 100%;
}
.mywpp_column_block .blog_post_title{
	font: 600 1rem/1 "Open Sans", Verdana, sans-serif;
	margin:0;
	padding:12px 0;
	text-transform:none;
	background:none;
	border-top:0;
	border-bottom:2px solid #eee;
}
@media screen and (max-width:991px){
	.mywpp_column_block .blog_post_title{
		font-size:0.85rem;
		line-height:120%;
	}
	.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;
}
#get_image_formats:hover{
	cursor: pointer;
	color: #2eacce;
}
#image_formats_list .blog_image_format:hover{
	cursor: pointer;
}