/*
Theme Name: Hello-child
Description: Hello
Author: Florence - Cf Design Graphic & Digital
Author URI: https://www.cf-designgraphic.com
Template: hello-elementor 
Version: 0.1.0
*/

/* LIENS */
/*Menu entête MEA Club*/
.bleu a{
	background-color:#13427F;
	color:#FFFFFF!important;
	font-weight:600!important;
}
.rouge a{
	background-color:#C9262A;
	font-weight:600!important;
		color:#FFFFFF!important;
}
.white a{
	background-color:white;
	color:#13427F!important;
	fill:#13427F!important;
	font-weight:600!important;
}
.separationv a{
	border-right:solid 1px #FFFFFF;
}
.separationh a{
	border-top:solid 1px #13427F;
}


/*CARTE DES CLUBS*/
.oum_location_text h3{
color:#13427F!important;
}
.oum-container-for-fullscreen{
	display:none;
}



/* Souligner les liens au survol sauf les menus

a:hover, .e-filter-item:hover{
	text-decoration:underline!important;
}
nav a:hover{
	text-decoration:none!important;
}
.MenuDesRegions a:hover{
	text-decoration:underline!important;
}*/

/* Souligner les liens des publications au survole de la zone de vignette 
.premierevideo:hover a, .deuxiemevideo:hover a,  .podcast:hover a, .dernierproduit:hover h5, .dernierproduit:hover h4, .vignettearticles:hover a, .section-citation:hover a{
		text-decoration:underline!important;
		}*/


/* et SAUF les liens d'article  en entête (accueil et catégorie) qui prennent un bg blanc

.survolfondblanc:hover .bg-blanc, .survolfondblanc:hover h1>a, .survolfondblanc:hover a{
	background-color:#FFFFFF!important;
	color:#000000!important;
	fill:#000000!important;
}
.survolfondblanc:hover a {
	text-decoration:none!important;
}*/

/*extrait et lien des articles en blanc quand sur fond noir : ajouter la classe
.texteblanc a, .texteblanc .elementor-widget-theme-post-excerpt{
	color:#FFFFFF!important;
}*/
/* MENU
.menu-accueil li:first-child a{
  color: green!important;
}

.menu-accueil li a:hover{
  font-weight: 800!important;
}
.e-off-canvas__content .menu-accueil{
	text-align:right;
}*/


/* ACCUEIL ENTETE */
.derniers-articles h3 {
    padding-top:40px;
  border-top: 1px solid white;
}
.derniers-articles-mobile h3{
	    padding-top:20px;
  border-top: 1px solid black;
}


/* CITATION */
/* les guillemets */
/*.citation .elementor-button:before {
	  content: "“";
    margin-left:-60px!important;
    margin-bottom:-30px;
    text-align: left;
    display: block;
    font-family: Times New Roman, Times, serif;
    font-size: 100px;
    font-weight: 900;
    height: .6em;
    line-height: 0.5;
		text-decoration:none!important;
}*/
.citation .elementor-button 
{
	text-align:left;
}
/*.citation .elementor-button:after {
    color: #000000;
    content: "”";
    text-align: right;
    display: block;
    font-family: Times New Roman, Times, serif;
    font-size: 100px;
    font-weight: 900;
    height: .6em;
    line-height: 0.5;
		text-decoration:none!important;
}*/

/* ARTICLES */
/* apparence des h2 automatiques dans les articles */
.single-post .elementor-widget-theme-post-content h2{
	font-size:3 rem;
	font-weight:400;
	line-height:2.5 rem!important;
	font-family:"Times New Roman", serif;
	font-style:normal!important;
}
/* définir un padding choisi pour les paragraphes */
.single-post  .elementor-widget-theme-post-content p{
	padding-bottom:20px;
}
/* apparence des liens automatiques dans les articles */
.single-post .elementor-widget-theme-post-content a{
	text-decoration:underline;
	font-weight:700;
	font-style:normal!important;
}

/* REMONTÉE DES DIFFÉRENTES MINIATURES */

/* SLIDER articles - flèche uniquement à droite */
.bestvideo .elementor-swiper-button-prev{
    display: none!important;
}

/* Quand je ne veux pas de padding sur les extrait de vignette (ici, sur dernières vidéo droite, par ex)*/
@media (max-width: 767px) {
	.no-marge-mobile .elementor-widget-heading, .no-marge-mobile .elementor-widget-theme-post-excerpt{
		margin:0!important;
	}
}

/* ENTÊTE TOUTES CATÉGORIES - second post à droite plus court*/
.CatDP-pluslong{
	height:43vw!important;
}
.CatDP-pluscourt{
	height:36vw!important;
	padding-left:7vw;
}

/* TRAITEMENT DES IMAGES*/
/*Application de "produit"*/
.produit img{
mix-blend-mode: multiply;
}

.boite img{
	margin-right:-60px;
	border:solid 1px;
}