/*---------------------------------------------------------------------------------
Theme Name:   Divi Child
Theme URI:    https://www.elegantthemes.com/
Description:  Divi Child theme by Web Hors Piste
Author:       Web Hors Piste
Author URI:   https://www.webhorspiste.com/
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/*  blog page search bar*/

.header-container-blog .et_pb_column.logo-blog{
	width:fit-content;
}
.search-container form.whp-search-form{
	display: flex;
	border: 1px solid #d0d0d0;
	border-radius: 60px;
	box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08);
}
.search-container form.whp-search-form .whp-search-submit{
	background-color: transparent;
	border: 0;
	margin-right:10px;
}

.search-container input.whp-search-input{
	width: 100%;
	height: 50px;
	padding-left: 30px;
	border: 0;
	background-color: transparent;
}
@media only screen and (max-width: 980px) { 
	.header-container-blog > .et_pb_row{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
/* Links categories */
body #page-container .links-categories .et_pb_column .et_pb_button_module_wrapper a.active-page{
	border-bottom: 3px solid #1f1f1f!important;
	padding-bottom: 8px!important;
}
body #page-container .links-categories{
	padding:0!important;
	width: 100%;
	overflow-x: auto;
}
.links-categories .et_pb_column .et_pb_button_module_wrapper a {
	background-color:transparent;
	font-weight:600;
	text-wrap: nowrap;
	transition:none!important;
}
body #page-container .et_pb_section .links-categories .et_pb_column .et_pb_button_module_wrapper:hover a {
	color: #1f1f1f!important
}
/* Page Blog type google */
body.page-id-7910 header{
	display:none;
}
body.page-id-7910 #page-container{
	padding-top:0!important;
}
.blog-google {

}
.blog-google > div {
	max-width:800px;
}
.blog-google article{
	display: grid;
	grid-template-columns: auto 200px; 
	/*grid-template-rows: repeat(3, 1fr);*/
	column-gap: 20px;
	margin-bottom:40px;
}
.blog-google article a{
	grid-column: 2;
	grid-row: 1 / span 3; 
	align-self: center;
	margin:0!important;
}
.blog-google  article > h2,.blog-google article .post-meta, .blog-google article .post-content{
	grid-column: 1;
}
.blog-google  article > h2{
	grid-row: 1;
	text-transform: math-auto;
}
.blog-google  article > h2:hover{
	text-decoration:underline;
}
.blog-google article .post-meta{
	grid-row: 2;
}

.blog-google article .post-content{
	grid-row: 3;
}
/* Image */
.blog-google article a img{
	max-width:200px!important;
	border-radius:15px;
}


@media only screen and (max-width: 980px) {
	.blog-google article {
		display: grid;
		grid-template-columns: auto 100px; 
		grid-template-rows: auto auto; /* 2 lignes seulement */
		column-gap: 5px;
		row-gap: 10px;
	}
	.blog-google article > h2 {
		grid-column: 1 / span 2;
		grid-row: 1;
	}

	.blog-google article .post-meta
	{
		grid-column: 1;
		grid-row: 2;
		display:none;
	}
	.blog-google article .post-content {
		grid-column: 1;
		grid-row: 2;
	}
	.blog-google article .post-content p {
		line-height:1.5em!important;
		font-size:12px!important;
	}

	.blog-google article a {
		grid-column: 2;
		grid-row: 2 ;
		align-self: center;
	}
	.blog-google article a img{
		max-width:100px!important;
	}
}