/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

body,html {
	overflow-x:hidden;
}

.menu-icon{ display:inline-block; height:20px !important; width:auto;}

/*Hover vertical bar menu header*/
.menu-item-title {
  position: relative;
	padding-bottom:8px;
}


.menu-item-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: #FF6D02;
  transition: width 0.3s ease;
}

.menu-item-title:hover::after,
.menu-item-title:focus::after,
.current-menu-item .menu-item-title::after {
  width: 100%;
}

/*Hover links footer*/
.elementor-93 .elementor-element.elementor-element-9c1e772 .elementor-icon-list-text:hover {
		text-decoration:underline;
	}

/*Style copyright footer*/
.footer-legal {
  text-align: center;
  font-family: 'Geometria', sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: white;
}

.footer-legal a {
  color: white;
  text-decoration: none;
  transition: text-decoration 0.3s ease;
}

.footer-legal a:hover {
  text-decoration: underline;
  color:inherit;
}

.footer-legal .sep {
  margin: 0 6px;
  color: white;
}

.footer-legal .heart {
  color: #FF6A00;
}

.footer-legal .bold {
  font-weight: 700;
}

/*animation logo imdev accueil*/
.animated-logo-fill path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  fill: transparent;
  animation:
    strokeDraw 10s ease forwards,
    fillIn 1s ease 2s forwards;
}

@keyframes strokeDraw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fillIn {
  to {
    fill: white;
  }
}

/*hero description*/
.hero-description {
	max-width:570px!important;
}

/*titre gras*/
span.bold {
  font-weight: 500;
}

/*smart sticky header*/
.elementor-element-ae63de2 {
    will-change: transform;
}

/*lien box navigation*/

a.linkbox { position: relative;display: inline-block; text-decoration: none; font-weight: bold;}

a.linkbox-dark, a.linkbox-dark:hover{ color: #333; }

a.linkbox::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: -10px;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

a.linkbox-dark::before{ background-color: #333;}
a.linkbox:hover::before { transform: scaleX(1);}
a.linkbox-white, a.linkbox-white:hover {color: #fff; }
a.linkbox-white::before {background-color: #fff;}

a.linkbox-white:hover::before {
  transform: scaleX(1);
}

.elementor-69 .elementor-element.elementor-element-efec9bb.ha-text-scroll .ha-split-lines {
	line-height:0.6
}

/*pole notre projet*/
.pole {
  position: relative;
  font-weight: bold;
  color: inherit;
  background-image: linear-gradient(120deg, #FF6D02 0%, #FF6D02 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  background-position: 0 100%;
  transition: background-size 0.3s ease;
}

.pole:hover {
  background-size: 100% 100%;
  color: white; /* ou autre effet pour le texte */
}

/*Hover blocs de fin de page*/
.box-acces{transition: .2s linear;}
.box-acces:hover{box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15);transform: translateY(-5px);}

/*4 axes notre projet*/
.axes {
  position: relative!important;
  overflow: hidden!important;
  z-index: 0!important;
}

.axes::before {
  content: ""!important;
  position: absolute!important;
  left: -130px!important;
  width: 200px!important;
  height: 300px!important;
  background-color: #DDF2F4!important;
  border-radius: 50%!important;
  transform: scale(0)!important;
  transition: transform 1s ease!important;
  z-index: 0!important;
}

.axes:hover::before {
  transform: scale(10)!important;
}

.axes > * {
  position: relative!important;
  z-index: 1!important;
}

/*back to top*/
.scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #FF6D02;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 9999999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}

.scroll-to-top:hover {
  background-color: #e65c00;
  transform: scale(1.1);
}

.scroll-to-top .icon-svg {
  width: 20px;
  height: 20px;
  display: block;
}


/*fil d'ariane*/
.breadcrumb {
  font-size: 14px;
  margin: 20px 0;
  color: #fff;
}

.breadcrumb ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  margin: 0;
}

.breadcrumb li {
  display: flex;
  align-items: center;
}

.breadcrumb li:not(:last-child)::after {
  content: "›";
  margin: 0 6px;
  color: #f3f3f3;
}

.breadcrumb a {
  text-decoration: none;
  color: #FF6D02;
  transition: color 0.2s ease;
}

.breadcrumb a:hover {
  color: #e65c00;
}

/*style marker carte*/
.marker-cluster-small {
	background-color:rgba(16, 116, 127, 0.6)
}

.marker-cluster-small div {
	color:#fff;
	font-weight:bold;
	font-family:'Geometria';
	background-color:rgba(16, 116, 127, 0.6)
}

/*style icons single établissement*/
.imdev-info-phone i,
.imdev-info-website i,
.imdev-establishment-phone i,
.imdev-establishment-website i {
  margin-right: 15px;
  color: #005d6c;
}

.imdev-info-address p::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;            /* solid */
  content: "\f3c5" !important;            /* location-dot */
	font-size:1.1em!important;
	width:auto!important;
}


.actualitesimg .elementor-widget-container:hover img {
	border-radius:20px!important;
	transform:scale(1)!important;
}

@media screen and (max-width: 992px) { 
	.cei-image-accordion-content {opacity: 1;}
	.cei-image-accordion-item, .cei-image-accordion-item.active {height: auto !important; min-height: 350px;}
}

@media screen and (max-width: 575px) { 
	.elementor-35 .elementor-element.elementor-element-e61d025::before, .elementor-35 .elementor-element.elementor-element-e61d025 > .elementor-background-video-container::before, 
.elementor-35 .elementor-element.elementor-element-e61d025 > .e-con-inner > .elementor-background-video-container::before, 
.elementor-35 .elementor-element.elementor-element-e61d025 > .elementor-background-slideshow::before, 
.elementor-35 .elementor-element.elementor-element-e61d025 > .e-con-inner > .elementor-background-slideshow::before, 
.elementor-35 .elementor-element.elementor-element-e61d025 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
  background-size: cover!important;

}
.cei-image-accordion-item, .cei-image-accordion-item.active {height: auto !important; min-height: 450px;}
}