/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 3.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
*/

/*----------------------------------*/
/*--------POLICES & TEXTES----------*/
/*----------------------------------*/

/*--------TITRE DES PAGES---------*/
.grand-titre {
    font-family: "Poppins", sans-serif;
    font-style: italic;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.grand-titre::before {
    content: url(https://taillandier.candyprint.store/wordpress/wp-content/uploads/2024/05/Logo-clean-2-1.png);
    position: absolute;
    width: auto;
    height: 5px;
    z-index: -1;
    left: 23.5rem;
    top: -6rem;
    display: block;
    opacity: 0.40;
}

.highlight{
	font-weight: 800;
	color: #B1C36B !important;
}

/*--------TITRES DE PARTIES---------*/
.titre {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.titre::before {
    content: url(https://taillandier.candyprint.store/wordpress/wp-content/uploads/2024/05/Green-1.png);
    position: absolute;
    width: auto;
    height: 5px;
    z-index: -1;
    display: block;
    left: -2.1rem;
    top: -2.5rem;
    opacity: 0.55;
}

/*--------SOUS-TITRE---------*/
.titre-vert {
    font-style: italic;
    font-family: "Inter", sans-serif;
    color: #B1C36B;
    text-align: center;
}

/*--------AUTRES SOUS-TITRES---------*/
.titre-under{
	font-family: "Poppins", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.titre-under::after {
    content: '';
    position: absolute;
    bottom: -6px; 
    left: 0;
    width: 100%;
    border-bottom: 5px solid #B1C36B; 
}

/*--------TEXTES DU CORPS DE PAGE---------*/

/*--------Réduit la taille du texte inital---------*/
p {
    font-size: calc(100% - 2px); 
}

/*--------TEXTES DU FOOTER ( couleur par défaut : noir )---------*/
.text-footer{
	font-style: none;
	color: white;
}


.align{
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 40%;	
}

/*----------------------------------*/
/*-----MODIFICATIONS DE STYLE-------*/
/*----------------------------------*/

.background-motif {
    opacity: 0.5;
}

.transparent-image {
    pointer-events: none;
}

/*----------------------------------*/
/*-------------ICONES---------------*/
/*----------------------------------*/

.elementor-icon svg {
    width: 100px; 
    height: auto; 
    margin: 0 auto;
    display: block; 
}

.mobilians {
    display: flex;
    align-items: center; /* Aligne verticalement le SVG et le texte */
}

.mobilians svg {
    transform: scale(2);
    margin-right: 10px; /* Ajustez cette valeur selon vos besoins */
}

.scale-pdf img {
	transition: 0.2s;
}

.scale-pdf img:hover {
	transform: scale(1.025);
}

/*----------------------------------*/
/*--------BALISES ELEMENTOR---------*/
/*----------------------------------*/

/*--------F.A.Q---------*/

.elementor-widget-accordion .elementor-accordion-icon {
    font-size: 32px; 
	margin-top: -8px;
	color: #B1C36B;
}

.faq-style{
	user-select: none;
}

/*--------MENU---------*/

.elementor-nav-menu {
    transition-duration: 0s !important;
}

/* Style initial pour les éléments de menu */
.menu-item a {
    color: #B1C36B;
    font-style: normal;
    font-weight: normal;
    transition: color 0.3s ease, font-style 0.3s ease, font-weight 0.3s ease;
}

/* Style au survol pour les éléments de menu */
.menu-item a:hover {
    color: #B1C36B; 
    font-style: italic;
    font-weight: bold;
}

.mega-menu{
	text-align: center;
}

.elementor-element-161d4858 {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); 
    background-color: white; 
    position: relative; 
    z-index: 10; 
}

/*--------MENU > LIGNE DE SÉPARATION (inactif)---------*/

/*
.menu-titre::after {
    content: ''; 
    position: absolute;
    bottom: -3px; 
    left: 0;
    width: 100%;
    height: 2px; 
    background-color: transparent; 
    transition: background-color 0.3s ease; 
}

.vertical-separator {
    height: 100px; 
    width: 1px; 
    background-color: #000; 
    margin: auto; 
}
*/

/*----------------------------------*/
/*-----BOUTON DE RETOUR EN HAUT-----*/
/*----------------------------------*/

.scroll-to-top-icon{
	user-select: none;
}

/*----------------------------------*/
/*------------"OUTILS"--------------*/
/*----------------------------------*/

.anti-selection {
	user-select: none;
}

/*Images des avant-après*/
.filter-white img {
    transition: 0.2s;
}

/*Interaction images*/
.filter-white img:hover {
    opacity: 0.9; 
	transform: scale(1.02);
}

/*----------------------------------*/
/*---------LOGO DANS LE MENU--------*/
/*----------------------------------*/

/* Logo original */
.header-logo {
    transition: all 0.2s ease;
    width: 100%; 
}

/* Logo réduit */
.header-logo.shrink {
    width: 60%; 
	justify-content: center;
	text-align: center;
	display: flex;
	margin-top: 1.5%;
}

/*----------------------------------*/
/*--------------LIENS---------------*/
/*----------------------------------*/

a:hover {
    font-style: italic;
}

/*----------------------------------*/
/*-----------MEDIA QUERY------------*/
/*----------------------------------*/

@media (max-width: 1024px){
	.elementskit-menu-hamburger.elementskit-menu-toggler {
		width: 80px !important;
		padding: 20px !important;
	}
}

@media (max-width: 950px) {
    .grand-titre::before {
		content: '';
		display: none;
        left: 50%;
        transform: translateX(-50%);
        top: -2rem; 
        opacity: 0.5;
    }
	.titre h2 {
		font-size: calc(100% + 15px) !important;
		margin-left: 5%;		
    } 
	.titre::before {
		margin-left: 5%;
    } 
	.titre-vert h2 {
		font-size: calc(100% + 2px) !important;
    	margin-left: 5%;
	}
	.sinistre-responsive h2 {
		font-size: calc(100% + 10px) !important;
		margin-left: 5%;
  }
  .elementor-element-6577f8d { max-width:30px !important; }
  #menubar-106 {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  }

}


