/* 
Theme Name: Hello LJM
Description: Hello LJM is a child theme of Hello Elementor, created by Elementor team
Author: Pemaweb
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/



/* ELEMENTOR - Variables globales */

@media only screen and (max-width: 767px){
    .row [class*="col-"]{
        padding-left: 16px;
        padding-right: 16px;
    }
}

:root{aco
    --vert-ljm:#00ecaa;
    --gris-clair-ljm:#f2f2f2;
    --gris-moyen-ljm:#e6e6e6;
    --gris-fonce-ljm:#787878;
}

figure{
	margin: 0;
}

/*i.icon-faire-vivre-le-journal, i.icon-faire-vivre-le-journal + span{
    color: var(--vert-ljm) !important;
}*/

/* Ornement barre verticale dans les menus */

.barre-gauche h3:before, .barre-gauche h1:before, .barre-gauche span.elementor-heading-title:before{
	border-left: 2px solid #585858;
    margin-top: 2px;
	content: " ";
    display: block;
    position: absolute;
    left: 0;
    height: 18px;
}

.barre-gauche h1:before{
	height: 20px !important;
	top: 8px;
}

.barre-gauche h1{
	padding-left: 16px;
}

.barre-gauche h1, .barre-gauche span.elementor-heading-title{
	line-height: 1.5;
}

.barre-gauche h1:before, .barre-gauche span.elementor-heading-title:before{
	border-left: 3px solid #585858;
	height:2rem;
}

.barre-gauche h3, .barre-gauche span.elementor-heading-title{
	padding-left: 14px;
}

/* Taille des boutons */

.elementor-button{
	width: 220px;
}

/* Titres sans marge */

.titre-page.no-margin{
	margin: 0;
}

/* Pagination */

.elementor-pagination .page-numbers:not(.dots){
	background: var(--gris-clair-ljm);
    padding: 0px 10px 3px 10px;
    color: var(--e-global-color-text);
}

.elementor-pagination .page-numbers.current{
	background: var(--e-global-color-primary);
    color: var(--gris-clair-ljm);
}

/* ELEMENTOR - HEADER - MENU */

#header-mobile i.icon::before{
	margin: 0;	
}

.icone-active{
	background: var(--gris-clair-ljm);
}

#menu-principal-bureau .icone-active{
	border-bottom: solid 2px black;
}

#menu-principal-bureau{
    /*padding: 0 25px 0 25px;*/
}

#menu-principal-bureau .elementor-container{
    background-color: var(--gris-clair-ljm);
    /*background-image:linear-gradient(180deg, #E8E8E8 0%, #F4F4F4 100%)*/
}

.bouton-recherche{
    height: 100%;
    display: flex;
    align-items:stretch;
}

.bouton-recherche .elementor-icon-wrapper{
    height:100%;
}

.bouton-recherche a{
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ELEMENTOR - Menu popup */

#menu-mobile i.icon::before{
	width: auto !important;
	margin-left: 0;
}

i.icon-don:before{
	text-shadow : 0.2px 0.2px 0.2px rgba(0,0,0,1);
}

.bouton-recherche i{
    color:#484848;
    font-size: 1.2rem;
}

.bouton-recherche:hover i{
    color:var(--vert-ljm);
    font-size: 1.2rem;
}

.mobile-menu-popup .dialog-close-button{
    border-radius: 50%;
    padding: 0.5rem;
    animation-duration: 1s;
    animation-name: fondu;
    animation-iteration-count: 1;
}

.liste-reseaux-sociaux .elementor-icon i::before{
	margin: 0 !important;
}

@keyframes fondu {
    from {
      opacity:0;
    }

    to {
      opacity:1;
    }
  }

/* Pour que le bouton disparaisse en même temps que la fenêtre popup */
.dialog-widget-content.fadeInLeft.reverse + .dialog-close-button{
    display: none !important;
}

/* ELEMENTOR - Footer */

#menu-footer{
	text-align: left;
}

/* Accueil - Featured */

.featured-accueil-carres .elementor-column-gap-no{
	margin: 0;
}

.featured-titre-mini, .featured-titre-mini a{
	font-size: 14px;
	color: #F2F2F2;
	line-height: 20px;
	margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.featured-titre-mini, .featured-titre-mini a{
		font-size: 16px;
	}
}

.featured-container img{
	transition: transform .7s; 
}

.featured-container:hover img{
	transform: scale(1.1);
}

/* ACCUEIL - SECTIONS FOCUS */

.titre_tag i.icon::before{
	margin: 0;	
}

.titre_tag h2{
	margin: 0;
	font-size: 24px !important;
	font-weight: normal !important;
}

.focus-liste article:last-of-type .elementor-widget-divider{
	display: none;	
}

@media only screen and (min-width: 1025px){
	.focus-liste .ecs-load-more-button{
		display: none;
	}
}

@media only screen and (max-width: 1024px){
	#bouton-archives{
		display: none;
	}
}

/* Page Thèmes */

.st-tag-cloud a, .tags a, .st-post-tags a{
	padding: 2px 7px;
    margin: 5px;
	border: solid 1px black;
    display: inline-block;
}

.st-tag-cloud a:first-child, .tags a:first-child, .st-post-tags a:first-child{
	margin-left: 0;
}

.st-tag-cloud a:hover, .st-post-tags a:hover{
	background: var(--gris-clair-ljm);
	color: black!important;
}

/* Article "Single post" */
.single-post h2{
	font-size: 17px;
	color: var(--e-global-color-primary);
	font-weight: bold;
	line-height: 1.5;
}

.single-post .focus-liste h3{
	font-size: 17px;
	color: var(--e-global-color-primary);
	font-weight: bold;
}

.single-post .contenu-post a{
	text-decoration: underline;
}

.single-post .contenu-post h3{
	font-weight: bold;
	font-size: 18px;
	color: black;
}

.single-post figcaption {
    padding: 4px 10px;
	margin: 0 0 1rem 0;
    line-height: 20px;
    font-size: 14px;
    font-style: normal;
    text-align: left;
    background: #f2f2f2;
    color: #6a6a6a;
}

.single-post .contenu-post p, .elementor-widget-theme-post-content p{
	margin-bottom: 1.6rem;
}

blockquote{
	padding: 0 1.857em 0 1.857em;
    	border-left: 3px solid #d9d9d9;
    	border-bottom: 1px solid transparent;
	margin: 0 0 20px 0;
}

blockquote p:last-child{
	margin-bottom : 0 !important;
}

.modern-quote.pull {
    margin-top: 0.6em;
    margin-bottom: 35px;
    min-width: 320px;
    max-width: 40%;
}

.modern-quote.alignleft {
    margin-right: 35px;
}

.pullquote.alignright{
    float: right;
    font-style: italic;
    font-size: 1.1em;
    padding-left: 14px;
    border-left: 3px solid #d9d9d9;
    max-width: 35%;

}

.contenu-post .modern-quote {
    position: relative;
    padding-left: 42px;
    padding-right: 0;
    padding-top: 17px;
    padding-bottom: 0;
    font-size: 16px;
    font-style: italic;
    letter-spacing: .2px;
    border: 0;
    border-top: 2px solid black;
    background: transparent;
}

.modern-quote:before {
    content: "\201c";
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 0;
    color: #e6e6e6;
    font-size: 60px;
    line-height: 1;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
}

figure.alignnone{
        margin: 5px 20px 20px 0;
}

.post-notes{
	font-size: 14px;
	line-height: 1.5;
    margin-bottom: 8px;
}

.has-drop-cap:not(:focus):first-letter{
	font-weight: 800;
	margin: -8px 5px 8px -10px;
	color: black;
}

.simplefavorite-button{
	padding-top: 4px;
	font-family: prosaic;
	font-weight: normal !important;
}

@media only screen and (max-width: 767px){
	.simplefavorite-button{
		padding-right:2px;
	}
}

/* Commentaires */

#commentform a{
	text-decoration : underline;
}

#commentform p{
	margin: 10px 0;
}

/* Pages */

.page h2{
	font-weight: bold;
	font-size: 18px;
}

.page-id-21390 div[data-elementor-type="single-page"] a{
	text-decoration: underline;
}

/* Utilisation des blocs de Gutenberg au lieu de ceux d'Elementor

.bloc-cta-gutenberg{
	padding: 35px !important;
	color: var( --e-global-color-text ) !important;
	background-color: var( --e-global-color-6ffb283 ) !important;
}

.bloc-cta-gutenberg p{
	line-height: 1.5 !important;
	font-size: 16px !important;
}

*/

/* Page Notre sélection */

#liste-tags span{
	text-decoration: underline;
}

@media only screen and (max-width: 767px){
	.ancre_tag{
		display: block;
    	position: relative;
    	top: -65px;
	}
}

.espacer-paragraphes p{
	padding : 15px 0 15px 0;
}

/* Archive auteur */

.boite-auteur .elementor-column.left-column {
    width: 120px !important;
}
.boite-auteur .elementor-column.right-column {
    width: calc(100% - 120px) !important;
}

.boite-auteur .auteur-social a{
	margin-right: 10px;
}

@media only screen and (max-width: 767px){
	.boite-auteur .elementor-column.left-column {
    		width: 75px !important;
	}
	.boite-auteur .elementor-column.right-column {
    		width: calc(100% - 75px) !important;
	}
}

/* Petit gestes */

.petit-geste-texte p{
	margin-bottom: 0px;
}

/* Accordéons - Plugin Bunyad shortcodes */

.sc-accordion-pane.active, .sc-toggle-content.active { display: block; }

.sc-accordion-title:first-child, .sc-toggle-title:first-child {
	border-top: 1px solid #d9d9d9;
}

.sc-accordion-title, .sc-toggle-title { 
	border: 1px solid #d9d9d9;
	border-top: 0; 
}

.sc-accordion-title a, .sc-toggle-title a { 
	display: block;
	padding: 10px 21px;
	text-decoration: none !important;
	position: relative;
	font-size: 16px;
}


.sc-accordion-title a:before, .sc-toggle-title a:before {
	content: " ";
	width: 20px;
	height: 20px;
	background: #19232d;
	
	display: inline-block;
	vertical-align: middle;
	
	margin-right: 21px;
}


.sc-accordion-title a:after, .sc-toggle-title a:after {
	content: "\f067";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	position: absolute;
	top: 1.25em;
	left: 20px;
	padding-left: 5px;
	font-size: 14.6px;
	color: #fff;
	z-index: 1;
}

.single-post .sc-accordion-title a:after, .sc-toggle-title a:after{
	top: 1.45em;
}

.sc-accordion-title.active a:after {
	content: "\f068";
}

.sc-accordion-pane, .sc-toggle-content { 
	display: none;
	border: 1px solid #d9d9d9;
	border-top: 0;
	padding: 21px;
}

.sc-accordions dd{
	margin-left: 0;
}