/*
Theme Name: Dixionline Theme
Theme URI: https://dixionline.com
Author: Dixionline
Theme URI: https://dixionline.com
Template: hello-elementor
Version: 1.0
*/

/*
    Add your custom styles here
*/

/*MENU*/
.elementor-widget-n-menu span.e-n-menu-title-text {
  flex-direction: column !important;
}
.menuSMGC span.e-n-menu-title-text {
  align-items: left !important;
}
.elementor-widget-n-menu span.e-n-menu-title-text > span {
}

.boxTxtWhite:hover h2,
.boxTxtWhite:hover p {
  color: #f5f5f5 !important;
}

.firstLetter {
  color: #5661c8;
  font-size: 4rem;
}

.shadowLogo .swiper-slide-inner {
  padding: 5px;
}
.shadowLogo img {
  box-shadow: 0px 0px 10px 0px
    rgba(86, 97.00000000000014, 200.00000000000006, 0.41);
}
/* FIL d'ARIANE*/

.breadcrumb {
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  text-transform: var(--e-global-typography-secondary-text-transform);
  line-height: var(--e-global-typography-secondary-line-height);
  letter-spacing: var(--e-global-typography-secondary-letter-spacing);
  color: var(--e-global-color-secondary);
}

/*STYLISATION TABLEAU*/
.AllTable .row-1 td,
.AllTable .row-1 th {
  background: #293189;
  color: #fff;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

/*
.mapCommunes [id^="texte"]{
	opacity:0;
	z-index:12;
}
.mapCommunes [id^="map"]{
	fill:#E0E2F5;
	z-index:0;
}

.mapCommunes #Saint-Bauzille-de-Montmel:hover #texte{
	opacity:1;
}
.mapCommunes #Saint-Bauzille-de-Montmel:hover [id^="map"]{
	fill:#5661C8;
}*/

/* image hotspot */
.images-mairie img {
  display: inline-block;
  padding-bottom: 5px;
}

/* Debut Espace Membre */

/* Title du Formulaire */
.dixi-login--title {
   text-align:center;
   text-transform:uppercase;
   font-family:'Yantramanav';
}
 
/* Background du formulaire */
.dixi-login-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: rgb(230, 230, 230);
}

/* Boîte du formulaire */
.dixi-login--box {
  background: white;
  color: black;
  border-radius:5px;
  /* text-align: left; */
  width: 500px; /* avant c'était 400px, +25% = 500px */
  padding: 2.5rem; /* un peu plus de padding pour garder l'équilibre */
  /*  border-radius: 12px;
    backdrop-filter: blur(6px);
    background-color: rgba(41, 49, 137, 0.9);*/
  box-shadow: 0 0 20px rgba(156, 156, 156, 0.8);
}

.dixi-login--box input[type="submit"] {
  background: #293189;
  transition: all 0.3s ease;
  border: none;
  border-radius: 5px;
}

.dixi-login--box input[type="submit"]:hover {
  background: #5661c8;
}

/* Lien "Mot de passe oublié ?" en blanc */
/* .dixi-login--password {
    color: #ffffff !important;
    text-decoration: none !important;
} */

/* Optionnel : effet au survol */
/* .dixi-login--password:hover {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.7);
} */

/* Bouton "Se connecter" */
/* #loginform-custom .button-primary {
    background: rgba(255, 255, 255, 0.25) !important; 
    backdrop-filter: blur(6px);
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
    padding: 10px 20px;
    border-radius: 100px;
    font-size: 1rem;
    cursor: pointer;
    transition: 
        box-shadow 0.2s ease,
        transform 0.15s ease,
        background 0.2s ease;
    box-shadow: 0 0 10px rgba(255,255,255,0.4);
} */

/* Effet hover (survol) */
/* #loginform-custom .button-primary:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.7);
    transform: translateY(-2px);
} */

/* Effet clic */
/* #loginform-custom .button-primary:active {
    transform: translateY(0);
    box-shadow: 0 0 6px rgba(255,255,255,0.5);
} */

/* Labels du formulaire */
/* #loginform-custom label {
    color: #ffffff !important;
} */

/* Texte "Se souvenir de moi" */
/* #loginform-custom .forgetmenot label {
    color: #ffffff !important;
} */

/* Placeholder (facultatif : blanc) */
/* #loginform-custom input::placeholder {
    color: #ffffff !important;
    
}*/

/* Texte tapé dans les champs → noir */
/* #loginform-custom input {
    color: #000000 !important;
} */

/* Style des champs : outline + shadow */
/* Champs style glassmorphism avec texte lumineux */
/* #loginform-custom input[type="text"],
#loginform-custom input[type="password"] {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(6px);               
    color: #f6f6f6 !important;                 
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.7); 
    
    border: 2px solid #ffffff !important;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(255,255,255,0.2);
    transition: box-shadow 0.2s ease;
} */

/* Effet focus */
/* #loginform-custom input[type="text"]:focus,
#loginform-custom input[type="password"]:focus {
    box-shadow: 0 0 14px rgba(255,255,255,0.4);
    outline: none !important;
} */

/* Placeholder légèrement lumineux aussi */
/* #loginform-custom input::placeholder {
    color: #ffffff !important;
    opacity: 0.8;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
} */

/* Container du checkbox */
/* #loginform-custom .login-remember label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff !important;
    font-size: 0.95rem;
    cursor: pointer;
} */

/* Case à cocher personnalisée */
/* #loginform-custom .login-remember input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: rgba(255, 255, 255, 0.15);
    border: 2px solid #ffffff;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(255,255,255,0.4);
    transition: all 0.2s ease;
    margin: 0;
} */

/* Hover */
/* #loginform-custom .login-remember input[type="checkbox"]:hover {
    box-shadow: 0 0 10px rgba(255,255,255,0.6);
} */

/* Etat coché */
/* #loginform-custom .login-remember input[type="checkbox"]:checked {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 12px rgba(255,255,255,0.9);
} */

/* Ajout de la coche ✔ */
/* #loginform-custom .login-remember input[type="checkbox"]:checked::after {
    content: "✔";
    color: #293189; 
    font-size: 14px;
    position: absolute;
    top: -6px;
    left: -2px;
    text-shadow: 0 0 6px rgba(255,255,255,1);
}
 
*/

/* Fin Espace Membre */