/*
Theme Name: Divi Child
Template: Divi
Description: Divi Child Theme
Author: Lycia Diaz - Astuces Divi
Author URI: https://astucesdivi.com/
*/


/*style the individual posts*/

.et_pb_post {
/*box-shadow: 0px 2px 80px 0px rgba(160,190,212,0.22);  
border-radius: 50px;*/

    border: 1px solid #ececec;
   margin-bottom: 26px;
   border-radius: 3px;
    box-shadow: 0 0.125rem 0.1875rem 0 rgb(0 0 0 / 11%);
    transition: box-shadow .2s cubic-bezier(.4,0,.2,1);
    padding: 5px;
    background: #f7f7f7;
    max-height: 450px;
    overflow: hidden;
}




/*---------------------limiter la hauteur du post et eviter le débordement du text hors conteneur----------------*/
/*.post-content-inner {
	max-height: 195px;
    overflow: hidden;
	
	}*/


/*add media query so changes only affect tablet and desktop*/


@media all and (min-width: 768px) {
  .et_pb_posts img, .archive .post img, .category .post img, .search .post img, .blog .post img {
    /*float: left;*/
    /*margin-right: 1em;*/
	float: left !important;
	width: 260px;
    margin-right: 1%;
  }
    .et_pb_posts article:after { /* Clear floated image */
    content: "";
    display: table;
    clear: both;
  }

}




/*style the wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #f1f3f5;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
	transition: all .5s;
}


/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #0070fc !important;
	border-radius: 100px;
}


/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #0070fc!important;
}


/*style the wp-pagenavi pages text*/

.wp-pagenavi .pages {
	background: none;
}


/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
}


/*style the Divi blog link text as a button*/

.et_pb_post a.more-link {
  color: #ffffff;
	background: #0071fc;
	border: 2px solid #0070fc;
	padding: .7em 1.3em;
	margin-top: 5px;
	border-radius: 50px;
	text-transform: capitalize;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}


/*style the Divi blog link text as a button on hover*/

.et_pb_post a.more-link:hover {
	background: #ffffff;
	color: #0071fc;
	border: 2px solid #0070fc;
	transition: all 0.3s ease-in-out;
}



/*.widget-title-tab {
    background-color: #00BCD5;
    color: #fff;
	
	padding: 0.2142857142857143rem 1rem;
    display: inline-block;
	}*/
	h4.widgettitle {
    border-bottom: 2px solid #00BCD5;
	
	
}
h2.widget popular-posts {
    border-bottom: 2px solid #00BCD5;
	background: #00BCD5;
	
}

et-db #et-boc .et-l .et_pb_widget ul li {
    margin-bottom: .5em;
    border-bottom: 1px solid #f2f2f2;
}



/*****************************************************/


@media (max-width: 980px) {
.et_pb_section, .et_pb_column .et_pb_row_inner, .et_pb_row, .et_pb_section {
    padding: 5px 0;
}}


/*taille de la video pleine largeur en mode portable*/
@media all and (max-width: 768px) {
	.et_pb_row {
    width: 100%;
    margin: auto;
    position: relative;
}
}

 /*---------------------changer la couleur bakground de tous les bouttons  du player-----------------------*/
/*.video-js button {
  background: green !important;
	border-radius: 50%;
 }
*/


/*--------------------- changer la couleur bakground du boutton big play------------------------------------- */
.vjs-big-play-button {
  
	background: #28292be3 !important;
	border-radius: 15px;
 }



/*--------------------- arrondir le player avec shadow------------------------------------- */
.video-js {
  	background: #000000 ;
	border-radius: 12px;box-shadow: 0 0.4rem 0.4rem 0 rgb(0 0 0 / 40%);
    transition: box-shadow .2s cubic-bezier(.4,0,.2,1);	    
 }

.et_pb_post .entry-featured-image-url {
        margin-bottom: 0px;
}

/*--------------------- bordure inferieure pour titre H3 catalogue thematique---------------------------- */
.catalogue-thematique {
    border-bottom: 2px solid #00BCD5;
	margin-bottom: 10px;	
}
/*--------------------- bordure inferieure pour titre H3 discipline---------------------------- */
.discipline {
    border-bottom: 2px solid #00BCD5;
	margin-bottom: 10px;
}