/*
 * 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 - 2023 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{
	padding-top:2rem;
	padding-bottom:1rem;
}
#mywpp_home_block > a {
	display: block;
    width: fit-content;
    margin: auto;
	color: white;
}
#mywpp_home_block > a:hover {
	text-decoration: underline;
}
#blog > .elementor-container{
	max-width: none !important;
}
#mywpp_home_block #mywpp_home_block_title{
	font-size: 32px;
    padding: 0 10px;
	color: white;
	line-height: normal;
	font-weight: 500;
    margin-bottom: 2rem;
	text-transform:none;
}
#mywpp_home_block .blog_post{
	margin-top:1rem;
	margin-bottom:1rem;
}
#mywpp_home_block .blog_post_title{
	font: 600 18px/22px "Montserrat", sans-serif;
	margin:0;
	text-transform:none;
	overflow:hidden;
	background:none;
	border-top:0;
}
#mywpp_home_block .blog_post_title a{
	transition: all 0.3s;
}
#mywpp_home_block .blog_post_link a{
	display: flex;
    justify-content: flex-start;
    gap: 5px;
}
#mywpp_home_block .blog_post_thumbnail img{
	margin-left: auto;
	margin-right: auto;
	height: 342px;
}
#mywpp_home_block .blog_post_infos{
	padding:15px;
}
#mywpp_home_block .blog_post_text{
	font-size:13px;
	line-height:1.25em;
	margin:10px 0;
}
#mywpp_home_block .blog_post_link{
	text-align:left;
	margin:0;
	padding:0;
}

	/** Flex **/
#mywpp_home_block.flex_design #mywpp_post_list{
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	margin: 0 8rem 3rem;
	justify-content: center;
}
#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;
	gap: 0.5rem;
}
#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{
	font-size: 14px;
	padding: 4px 8px;
	font-weight: 600;
	color: #a38c6c;
}
#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{
	font-weight: 700;
}
@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 (max-width:1500px){
	#mywpp_home_block.flex_design #mywpp_post_list{
		margin: 0;
	}
}
@media screen and (max-width:1200px){
	#mywpp_home_block .blog_post_thumbnail img{
		object-fit: cover;
	}
}
@media screen and (max-width:1024px){
	#mywpp_home_block .blog_post{
		width: 50%;
	}
	#mywpp_home_block.flex_design #mywpp_post_list{
		flex-wrap: wrap;
	}
	#mywpp_home_block .blog_post_thumbnail img{
		object-fit: fill;
	}
}
@media screen and (max-width:900px){
	.block_newsletter p:last-of-type{
		font-size: 16px;
	}
	.block_newsletter .h1{
		font-size: 30px;
	}
}
@media screen and (max-width:768px){
	#mywpp_home_block .blog_post_thumbnail img{
		object-fit: cover;
	}
	#mywpp_home_block .blog_post{
		width: 75% !important;
	}
	.block_newsletter .h1{
		font-size: 26px
	}
}
@media screen and (max-width:425px){
	.block_newsletter .h1{
	  font-size: 19px;
	}
	.block_newsletter p{
	  padding-top: 0 !important;
	}
  }
@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;
}
@media (max-width:766px ){
	#mywpp_home_block{
		overflow: hidden;
	}
	#mywpp_home_block.flex_design #mywpp_post_list{
		flex-wrap: nowrap;
		display:-webkit-box;
	}
	#mywpp_home_block .blog_post{
		width: 100% !important;
	}
}


