/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.23.1482318657
Updated: 2016-12-21 11:10:57
 */

.entry-summary p.price span {
    font-size: 30px;
}



@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .slide-infos, .slide-infos .et_pb_container { 
        height: 250px !important; 
    }
    .et_pb_slider, .et_pb_slider .slide-infos { 
        max-height: 425px; 
    }
    .et_pb_slider .slide-infos_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}

.blog1 {
  grid-area: blog1;
}

.blog2 {
  grid-area: blog2;
}

.blog3 {
  grid-area: blog3;
}

.blog4 {
  grid-area: blog4;
}

.blog5 {
  grid-area: blog5;
}

.blog6 {
  grid-area: blog6;
}

.pagination {
  grid-area: pagination;
}

.article .et_pb_text_inner{
    display: grid;
    grid-template-columns: '1fr 1fr 1fr';
    grid-template-rows: auto;
    gap: 45px;
    grid-template-areas: 
      "blog1 blog2 blog3"
      "blog4 blog4 blog5 "
      ". . blog6"
      "pagination pagination pagination";
  }

selector .article .et_pb_text_inner p {
  display: none;
}

selector .blog4 .blog-img{
  height: 300px;
}

/*selector .article .et_pb_text_inner{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}*/

.blog{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
  width: 100%;
  row-gap: 20px;
}

.blog-img{
	width: 100%;
	height: 240px;
}

.blog-release-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.description{
	height: 127px;
}

.category-title a{
	font-family: Poppins;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #FF5E00;
  text-transform: uppercase;
}

.postTitle {
	font-family: Space Grotesk;
	font-size: 24px;
	font-weight: 700;
	line-height: 30.62px;
	text-align: left;
	color: #001534;
}

.blog-date{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width:180px;
}

.date{
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color: #40485D;
}

.post-share-container {
    position: relative;
  cursor: pointer;
}

.share-icon {
    background: #0073e6; /* Couleur de fond de l'icône */
    color: white;
    border: none;
    border-radius: 50%;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
}

.share-menu {
    display: none; /* Masquer le menu par défaut */
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: -1;
  cursor: pointer;
}
.share-menu a {
    display: block;
    margin: 5px 0;
    text-decoration: none;
    color: #333;
}

.share-menu a:hover {
    background: #f4f4f4;
}
.share-menu i {
    margin-right: 8px;
}

.pagination{
  margin-top: 35px;
  padding-left: 0;
}

ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
  	list-style: none;
}

 ul.page-numbers .current {
    background: #B3DFFF;
    color: #1269B0;
    margin-right: 20px;
    border-radius: 3px;
    padding: 12px 15px;
    display: block;
  	font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

 ul.page-numbers a {
    background: #DFE3E8;
    color: #373D4D;
    margin-right: 20px;
    border-radius: 3px;
    padding: 12px 15px;
    display: block;
  	font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}


@media only screen and (max-width: 980px){
 .article .et_pb_text_inner{
    flex-direction: column;
  }

   .blog{
    width: 100%;
    margin-bottom: 35px;
  }
  
   .description{
    height: auto;
  }
}