/*
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
*/


.she-header-transparent-yes:not(.she-header) .menuEffect3 a{
	background-image: linear-gradient(90deg, #ffd700, #ffd700 50%, #fff 0);
}
.page-id-145 header .elementor-widget-image{
	filter: none!important;
}
.page-id-145 .she-header-transparent-yes:not(.she-header) .menuEffect3 a{
	background-image: linear-gradient(90deg, #ffd700, #ffd700 50%, #000 0);
}
/*MENU EFFACE HOME EN HAUT + EFFET VIGNETTE ATELIER*/
.home .she-header-transparent-yes {
  opacity: 0;
}
/*menuEffect=blanc>jaune / meneuEffect2=jaune>noir / menuEffect3=noir/jaune / menuEffect4=jaune>blanc / menuEffect5=noir>blanc*/
.menuEffect a,
.menuEffect h2 {
  transition: all 0.8s cubic-bezier(0, 0, 0.23, 1);
  text-decoration: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #ffd700, #ffd700 50%, #fff 0);
  background-size: 200% 100%;
  background-position: 100%;
  color: #fff;
}
.menuEffect2 a {
  transition: all 0.8s cubic-bezier(0, 0, 0.23, 1);
  text-decoration: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #000, #000 50%, #ffd700 0);
  background-size: 200% 100%;
  background-position: 100%;
  color: #000;
}
.menuEffect3 a {
  transition: all 0.8s cubic-bezier(0, 0, 0.23, 1);
  text-decoration: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #ffd700, #ffd700 50%, #000 0);
  background-size: 200% 100%;
  background-position: 100%;
  color: #000;
}
.menuEffect4 a {
  transition: all 0.8s cubic-bezier(0, 0, 0.23, 1);
  text-decoration: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #fff, #fff 50%, #ffd700 0);
  background-size: 200% 100%;
  background-position: 100%;
  color: #fff;
}
.menuEffect5 a {
  transition: all 0.8s cubic-bezier(0, 0, 0.23, 1);
  text-decoration: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #fff, #fff 50%, #000 0);
  background-size: 200% 100%;
  background-position: 100%;
  color: #fff;
}
.menuEffect a:hover,
.menuEffect2 a:hover,
.menuEffect3 a:hover,
.menuEffect4 a:hover,
.menuEffect5 a:hover,
.vignetteAtelier:hover .menuEffect  h2{
  background-position: 0;
}
/*SLIDER*/
/*.elementor-element :where(.swiper-horizontal)~.swiper-pagination-progressbar{
	top: 100%!important;
}*/

.bannerHP div[data-swiper-slide-index="0"] .elementor-background-slideshow__slide__image{
	    background-position: top center!important;
}

/*BOUTONS*/

.btnMask .elementor-button {
  position: relative;
  width: auto;
  height: 57px;
  padding: 18px 32px;
}
.btnMask .elementor-button::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 100%;
  height: 100%;
  border: 2px solid #ffd700;
  z-index: 9;
  transition: 0.2s;
}
.btnMask:hover .elementor-button::before {
  top: 0px;
  left: 0px;
}

/*POINT APRES TITRE*/
.titlePoint .elementor-heading-title::after {
  content: url("/wp-content/uploads/2025/06/point-jaune.svg");
  width: 34px;
  height: auto;
  display: inline-block;
  padding-left: 8px;
}
.titlePoint1 .elementor-heading-title::after {
  content: url("/wp-content/uploads/2025/06/point-jaune.svg");
  width: auto;
  height: 34px;
  display: inline-block;
  padding-top: 8px;
}

/*LISTE 1 - 2 - 3 UTILISATION BOITE ICON SANS PICTO ET A LA PLACE CHIFFRE (DESCRIPTION) EN INLINE */
.boxIconLigne .elementor-icon-box-content {
  display: flex;
  align-items: flex-end;
}
.boxIconLigne .elementor-icon-box-title {
  margin-right: 20px;
}
@media (max-width: 768px){
.boxIconLigne .elementor-icon-box-content {
	align-items: start;
	flex-direction: column;
	}
}

/*NOS ACTIONS HP*/

@media (min-width: 768px) {
  .infoActions p {
    display: none;
  }
  .infoActions p {
    display: none;
    transition: 0.2s;
  }
}
.actionRAP:hover .infoActions p {
  display: flex;
}

.actionRAP:hover .titleActionRap p {
  color: #fff;
}
.actionRAP:hover .titleActionRap span {
  color: #ffd700!important;
}
.actionRAP svg {
  transform-origin: bottom left;
}
.actionRAP:hover svg {
  transform: scale(2.2);
  transition: all 0.3s linear;
}

@media (max-width: 768px) {
  .actionRAP .titleActionRap p {
    color: #fff !important;
  }
  .actionRAP .titleActionRap span {
    color: #ffd700 !important;
  }
  .titlePoint .elementor-heading-title::after {
    width: 20px;
  }
}

/*CHIFFRES HP*/

.counterTxt .elementor-counter-title,
.counterTxt .elementor-icon-box-description {
  background: #000;
  padding: 15px 10px;
}

/*AVANTAGES RUCHE*/
.avantages p span {
  font-size: 60px;
  background: #ffd700;
  padding: 5px;
  line-height: 0.8em;
  display: inline-flex;
}

.txtNombre {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-size: 3rem;
  font-weight: var(--e-global-typography-primary-font-weight);
  text-transform: var(--e-global-typography-primary-text-transform);
  line-height: var(--e-global-typography-primary-line-height);
}

/*FOOTER*/
.clipRapAcademie svg {
  width: 100%;
}

/* Compteur Adhérents */
.compteur_wrapper {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: black;
  font-family:'Barlow Condensed', sans-serif;
  font-weight: bold;
  /* text-align: center; */
  max-width: 150px;
  height: 150px;
  display: flex;
  line-height: 1;
  font-weight: 900;
}

.compteur_number {
	font-size: 4.6rem;
	color:white;
}

.compteur_text {
	font-size:22px;
	color:#ffd700;
	text-transform: uppercase;
}

/*ATELIERS*/
.vignetteAtelier{
	background-size: cover;
}
.vignetteAtelier svg{
	transform-origin: bottom left;
}
.vignetteAtelier:hover svg{
    transform: scale(1.8);
    transition: all 0.3s linear;
}
    
/*RGPD*/

.rgpdpatch, .elementor-field-type-acceptance label{
	font-size:14px!important;
}
/*TITRE VERTICAL*/
@media (min-width: 600px) {
  .vertical {
    writing-mode: vertical-rl;
    text-orientation: sideways;
  }
}


/*DEFILEMENT INFINI LOGO PARTENAIRES */
.logoTranslate {
  animation: 50s linear 0s infinite running animLogo;
}
@keyframes animLogo {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}


/* Carte adhérents + (css principal dans le style.css du module) */
@media (max-width: 768px){
	.ra-hotspot-btn{
		font-size: 13px!important;
	}
}