/*
  Theme Name: divi-artflex
  Version: 1.0.0
  Template: Divi
  Author: Rhonalpcom
  Author URI: https://www.divi-pixel.com
  Description: Theme divi pour artflex
  Text Domain: divi-artflex
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
	letter-spacing: 0.05em;
}
/*Menu*/
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding: 15px 0;
}
/*Fin Menu*/

/*Diaporama Accueil*/
h2.h2diapo {
 	font-size: 3.7rem;
  	letter-spacing: 0.05em;
}
h3.h3diapo {
 	font-size: 3.1rem;
  	letter-spacing: 0.05em;
}
h3.h3diapo::after {
	content: "";
	height: 5px;
	display:block;
	background-color: #dc0a26;
	max-width: 330px;
	position: relative;  
	margin: 30px auto 20px;
}
.boutonsDiapoRouge {
    display: flex;
    justify-content: center;
    gap: 27px;
    flex-wrap: wrap;
	margin-top: 70px;
}
.boutonsDiapoRouge a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 315px;
    min-height: 80px;
    background: linear-gradient(45deg,#c20a22 0%,#dc0a26 70% 100%);
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.25em;
    line-height: 1;
    padding: 20px;
    transition: all 0.3s ease;
	position: relative;
  	text-shadow: none !important;
}

.boutonsDiapoRouge a::after {
	content: '$';
  	font-family: ETmodules !important;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
  	position: absolute;
  	right: 30px;
}
.boutonsDiapoRouge a:hover {
    padding-right: 3em;
  	cursor: pointer;
}
.boutonsDiapoRouge a:hover::after {
    opacity: 1;
    transform: translateX(0);
    margin-left: 0.3em;
}
/*Fin Diaporama Accueil*/


/*Blog Actualités Accueil*/
.home .et_pb_blog_posts .entry-title, 
.home .et_pb_blog_posts .post-meta,
.home .et_pb_blog_posts .post-content {
	padding-left: 15px;
	padding-right: 15px;
}
.home  .et_pb_blog_posts .post-content {
	padding-bottom: 15px;
}
/*Fin Blog*/

/*Accueil : Flip Box Opacité */
.opaciteFlipBox .et_pb_bg_layout_light {
    position: relative;
    overflow: hidden;
  	padding: 35px
}
.opaciteFlipBox .et_pb_bg_layout_light::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.9);
    z-index: 1;
}
.opaciteFlipBox .et_pb_bg_layout_light > * {
    position: relative;
    z-index: 2;
}
.opaciteFlipBox p {
  padding-bottom: 0;
}
.opaciteFlipBox h3::after {
	content: '';
	height: 5px;
	display: block;
	background-color: #292929;
	max-width: 100%;
	position: relative;
	margin: 30px auto 20px;
}
/*Fin Accueil : Flip Box Opacité */

/*Accueil : Flip Box Opacité 2 */
.opaciteFlipBox2 .et_pb_bg_layout_light {
    position: relative;
    overflow: hidden;
  	padding: 35px
}
.opaciteFlipBox2 .et_pb_bg_layout_light::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.9);
    z-index: 1;
}
.opaciteFlipBox2 .et_pb_bg_layout_light > * {
    position: relative;
    z-index: 2;
}
.opaciteFlipBox2 h3 {
	color:#fff;
}
.opaciteFlipBox2 p {
	padding-bottom: 0;
}
.opaciteFlipBox2 h3::after {
	content: '';
	height: 5px;
	display: block;
	background-color: #dc0a26;
	max-width: 100%;
	position: relative;
	margin: 30px auto 20px;
}
/*Fin Accueil : Flip Box Opacité 2 */
/*FlipBox*/
.dsm_flipbox.opaciteFlipBox h3 {
	font-size: 2.6rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	margin-top: 15px;
	color: #dc0a26;
}
.dsm_flipbox.opaciteFlipBox2 h3 {
	font-size: 2.6rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	margin-top: 15px;
	color: #ffffff;
}
/*Fin FlipBox*/

/*Articles*/
.single article.et_pb_post {
	margin-bottom: 0;
	padding-bottom: 0 !important;
}

/*Fin Articles*/

/*Nos marques*/
.liste-marques-logos .entry-featured-image-url {
    pointer-events: none;
    cursor: default;
}
/*Fin Nos marques*/

/*Footer*/
.footer-links a {
    position: relative;
    text-decoration: none;
}

.footer-links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: #fff;
    transition: width 0.3s ease;
}

.footer-links a:hover::after {
    width: 100%;
}
/*Fin footer*/