/*
Theme Name: Maiko Child
Theme URI: http://demo.casethemes.com/maiko/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Maiko is a premium WordPress theme designed for architecture portfolios, agencies, and businesses. With a clean and modern design, it provides responsive layouts, grid-based sections, and extensive customization options to showcase your projects effectively.
Version: 1.0.1
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: maiko
Text Domain: maiko-child
Tags: architecture, portfolio, design, creative, modern, minimalist, photography, agency, responsive, grid
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

Copyright (c) 2024 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

/*quentin 23-04-26*/


.carre-noir .btn-readmore {
    display:none!important;
}

.single-elementor-content .pxl-text-editor p

 {
    margin-bottom: 10px!important;
        line-height: 1.3em!important;


}


/* On remet le curseur par défaut pour ne pas suggérer un clic */
section.lien a.ft-gt {
    cursor: default !important;
}

/* On s'assure que le lien ne réagit pas au clic (ne remonte pas en haut de page) */
section.lien a.ft-gt {
    user-select: text; /* Permet de sélectionner le texte si besoin */
}

marquee à rester sur une seule ligne */
.pxl-item--logo h1.pxl-item--logo {
    white-space: nowrap !important;
    display: inline-block !important;
    width: auto !important;
    margin-right: 50px; /* Ajoute un espace entre les répétitions si nécessaire */
}

/* S'assure que le conteneur laisse passer le texte */
.pxl-logo-marquee1 .pxl-item--inner {
    width: max-content !important;
}


.hauteur .pxl-item--inner{
min-height:450px!important;
}


Onze visie op eetbare tuinen ten dienste van particulieren, bedrijven en gemeenschappen.
Deze media tonen onze aanpak, onze engagementen en de positieve impact van onze realisaties op de natuur en de samenleving.

µmarquee à rester sur une seule ligne */


/* 2. Empêche le retour à la ligne forcé pour que les mots restent sur une seule ligne */
.pxl-item--logo h1.pxl-item--logo,
.pxl-item--inner h1 {
    white-space: nowrap !important;
    display: inline-block !important;
    width: max-content !important;
}


.texte{
font-size : 17px!important
}


/**menu slide**/

.burger-button {
	color: #fff!important;
	display: flex;
	height: 28px;
	cursor: pointer;
	position: relative;
	z-index: 999;
	
}

.elementor-menu-cart__main {
    
z-index:9999;
}

.elementor-2383 { <!--(change the number of the template with your own) -->
	width: 100%;
	animation: fadeInRight 1s ease-in-out;
}


.burger-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition:  all 0.5s ease-out;
	width: 100%;
	height: 100vh;
	z-index: 100;
	
}

.burger-navigation {
	display: flex;
	justify-content: right!important;
	align-items: center;
	transition:  all 0.5s ease-out;
}

.burger-button .burger {
	position: relative;

}

.burger-button .burger span{
	display: block;
	height: 3.7px;
	width: 38px;
	background: #fff;
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
		
}

.burger-button .burger span:nth-child(2) {
	transform: translate(0, 6px);
}

.burger-button .burger span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.burger-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
	
}

.burger-nav_control:checked~.burger-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.burger-nav_control:checked~.burger-button .burger {
	transition: all 0.1s 0s ease;
position: fixed;
    margin-top: 0px;
    right: 18px;
}


.burger-nav_control:checked~.burger-button .burger span {
	background: #fff;
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.burger-nav_control:checked~.burger-button .burger span:first-child {
	opacity: 0;
}

.burger-nav_control:checked~.burger-button .burger span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.burger-nav_control:checked~.burger-button .burger span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);

}


@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}

.allign{
margin-right:0!important;
align-content: end!important;
}



@media (max-width: 1024px) {
    .elementor-3020 .elementor-element.elementor-element-df99084 {
        --container-widget-width: 24%;
        --container-widget-flex-grow: 0;
        width: var(--container-widget-width, 24%);
        max-width: 12% !important;
    }
}


@media (max-width: 1024px) {
    .elementor-3020 .elementor-element.elementor-element-3319bdc {
        --container-widget-width: 24%;
        --container-widget-flex-grow: 0;
        width: var(--container-widget-width, 24%);
        max-width: 12% !important;
    }
}

.pxl-header-mobile-search{
display:none!important
}

@media (max-width: 1024px) {
    .elementor-3020 .elementor-element.elementor-element-a7267e9 {
        --container-widget-width: 24%;
        --container-widget-flex-grow: 0;
        width: var(--container-widget-width, 24%);
        max-width: 12% !important;
    }
}

@media (max-width: 800px) {
	.menu-1366 .menu-item{
	 border-bottom:unset!important;
	}
	
	.menu-1366 .menu-item a {
	 padding: 5px 5px;!important;
	}


}

@media (max-width: 1200px) {
	.pxl-header-mobile-elementor{
	  width:100%!important
	}
	
}

.menu-1366 .menu-item{
	 border-bottom:unset!important;
	}


.slider-accueil .pxl-item--image img {
object-fit:cover!important;
height:520px!important;
}


@media (max-width: 600px) {

.slider-accueil .pxl-item--image img {
object-fit:cover!important;
height:320px!important;
}

}


/* Masque l'image mise en avant automatique sur les fiches d'équipe */
.single-team_member .team_member_featured {
    display: none !important;
}


/* On aligne les éléments horizontalement */
.menu-lang-container ul {
    list-style: none;
    display: flex;
    gap: 15px; /* Espace entre les langues */
    margin: 0;
    padding: 0;
}

/* On stylise les liens */
.menu-lang-container a {
    text-decoration: none;
    color: inherit; /* Prend la couleur du texte environnant */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

/* Changement de couleur au survol */
.menu-lang-container a:hover {
    opacity: 0.7;
}

@media screen and (min-width: 1201px) {
    .pxl-menu-primary > li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 25px 0px 15px;
    }
	
}

.code-court .pxl-divider-move {
    margin-left: 15px !important;
}

/* css langue header*/


/* Conteneur principal */
.menu-lang-container {
    position: relative;
    display: inline-block;
    width: 80px; /* Un peu plus large pour plus de confort */
    height: 40px;
    z-index: 9999 !important; /* Force le passage au premier plan */
}

/* La liste */
#menu-langues {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 10000 !important;
    visibility: visible;
}

/* On cache les éléments sauf la langue actuelle */
#menu-langues li {
    display: none;
    background: #fff;
}

#menu-langues li.current-lang {
    display: block;
}

/* AU SURVOL : on montre tout */
.menu-lang-container:hover #menu-langues li {
    display: block !important;
}

/* Style des liens */
#menu-langues li a {
    display: block;
    padding: 8px 12px;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}

#menu-langues li:hover {
    background-color: #f7f7f7;
}

/* Flèche indicative */
.current-lang a::after {
    content: ' ▾';
    opacity: 0.5;
}


/* Style commun pour les deux boutons */
.slider-accueil .pxl-swiper-arrow-prev, 
.pxl-swiper-arrow-next {
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Le Carré : taille, fond blanc transparent et bordure arrondie */
    width: 60px!important; 
    height: 60px!imporrtant;
    background-color: rgba(255, 255, 255, 0.5); /* Blanc à 30% d'opacité */
    backdrop-filter: blur(4px); /* Effet de flou en arrière-plan (optionnel) */
    border-radius: 8px; /* Carré légèrement arrondi, mettre 50% pour un cercle */
    
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

/* Changement de style au survol */
.slider-accueil .pxl-swiper-arrow-prev:hover, 
.pxl-swiper-arrow-next:hover {
    background-color: rgba(255, 255, 255, 0.75); /* Devient plus opaque au survol */
    transform: scale(1.05); /* Petit effet de zoom */
}

/* La Flèche (en utilisant des caractères standards) */
.slider-accueil .pxl-swiper-arrow-prev::after,
.pxl-swiper-arrow-next::after {
    font-size: 25px;
    font-weight: bold;
    color: #000; /* Couleur de la flèche */
}

.slider-accueil .pxl-swiper-arrow-prev::after {
    content: '❮'; /* Flèche épaisse gauche */
}

.slider-accueil .pxl-swiper-arrow-next::after {
    content: '❯'; /* Flèche épaisse droite */
}

.slider-accueil .pxl-swiper-arrow {
    display: flex;         /* Active le mode Flexbox */
    align-items: center;   /* Aligne les flèches verticalement sur le même axe */
    justify-content: center; /* Les centre horizontalement dans la page */
    gap: 15px;            /* Espacement entre les deux carrés */
}

.slider-accueil .pxl-portfolio-carousel4 .pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow {
	height: 60px!important;
	width:60px!important;
	top:40%!important;
}


@media screen and (min-width: 1301px) {
.slider-accueil .pxl-portfolio-carousel4 .pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow {
	
margin-left:3%;
	}
}

@media screen and (max-width: 1301px) {
.slider-accueil .pxl-portfolio-carousel4 .pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow.pxl-swiper-arrow-prev

 {
	 left: 25% !important;
}
	
.slider-accueil .pxl-portfolio-carousel4 .pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow.pxl-swiper-arrow-next

 {	
	 right: 25% !important;
}
}


@media screen and (max-width: 901px) {
.slider-accueil .pxl-portfolio-carousel4 .pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow.pxl-swiper-arrow-prev

 {
	 left: 5% !important;
}
	
.slider-accueil .pxl-portfolio-carousel4 .pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow.pxl-swiper-arrow-next

 {	
	 right: 5% !important;
}
}


/* Alignement du sélecteur de langue dans le header mobile */
.pxl-header-mobile-default {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Aligne le logo à gauche, les menus à droite */
}

/* Force l'affichage côte à côte avec le bouton mobile */
.pxl-header-mobile-default .mobile-lang-selector {
    margin-right: 15px; /* Espace entre les langues et le bouton burger */
    display: inline-block;
    vertical-align: middle;
}

.pxl-header-mobile-default .mobile-lang-selector ul.menu-lang-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px; /* Espace entre FR et EN */
}

.pxl-header-mobile-default .mobile-lang-selector ul.menu-lang-list li a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff; /* Ajustez la couleur selon votre charte (ici blanc pour fond sombre) */
    text-decoration: none;
}

/* Style optionnel pour la langue active en mobile */
.pxl-header-mobile-default .mobile-lang-selector ul.menu-lang-list li.current-lang a {
    color: #ffcc00; /* Exemple de couleur pour la langue active */
    border-bottom: 2px solid #ffcc00;
}



/* 1. Style et alignement normal du sélecteur à côté du burger (sans toucher au z-index) */
.pxl-header-mobile-default .mobile-lang-selector {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* 2. Disparition absolue dès que le menu mobile s'active */
/* On utilise :has() pour détecter si le menu est ouvert dans la page, couvrant tous les cas du thème PXL */
body:has(.pxl-header-menu.active) .mobile-lang-selector,
body:has(.pxl-header-menu.open) .mobile-lang-selector,
body:has(.pxl-header-menu-backdrop.active) .mobile-lang-selector,
body.pxl-menu-active .mobile-lang-selector,
html.pxl-menu-active .mobile-lang-selector,
body.pxl-nav-active .mobile-lang-selector {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

cky-revisit-bottom-left {
	background-color: #1D41AA !important;
}
.cky-btn.cky-btn-accept {
	background-color: #1D41AA !important;
	border-color: #1D41AA!important;
}
.cky-btn.cky-btn-reject, .cky-btn.cky-btn-preferences, .cky-btn.cky-btn-customize {
	color: #1D41AA !important;
    border-color: #1D41AA!important;
	background-color: #fff !important;
}
a.cky-policy {
	color:#1D41AA !important;
}

.politique-conf h1{
color:#000;
}

.politique-conf h2{
color:#000;
}