/*
Theme Name: neumannsarl-child
Template: hello-elementor
Theme URI: https://agence.3magroup.com/
Author: Léo Kiefner
Author URI: https://agence.3magroup.com/
Description: Theme enfant de hello-elementor
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
*/

:root {
  --main-color: #3ABE26;
  --main-color-opacity50: #3ABE2650;
}

@font-face {
  font-family: "ITCAvantGardeStd";
  src: url("/wp-content/themes/neumannsarl-child/fonts/ITCAvantGardeStd-Bk.woff")
      format("woff"),
    url("/wp-content/themes/neumannsarl-child/fonts/ITCAvantGardeStd-Bk.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ITCAvantGardeStd";
  src: url("/wp-content/themes/neumannsarl-child/fonts/ITCAvantGardeStd-Demi.woff")
      format("woff"),
    url("/wp-content/themes/neumannsarl-child/fonts/ITCAvantGardeStd-Demi.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
}

a {
  color: var(--main-color);
}

p {
  font-family: "ITCAvantGardeStd", sans-serif !important;
}

.navbar {
  font-family: "ITCAvantGardeStd", sans-serif !important;
}

/*
--------------------------------------------------------------
HOMEPAGE
--------------------------------------------------------------
*/

.homepage-competences .elementor-widget-heading p {
  display: none;
  animation: fadeOut 0.5s;
}

.homepage-competences:hover .elementor-widget-heading p {
  display: block;
  background-color: var(--main-color);
  animation: fadeIn 0.5s;
}

.homepage-competences:hover .elementor-widget-heading h6 {
  background-color: transparent;
}

.homepage-competences .elementor-widget-heading h6 {
  background-color: transparent;
}

.homepage-competences:hover .elementor-widget-container,
.homepage-competences:hover .elementor-widget-heading,
.homepage-competences:hover .elementor-widget-icon .elementor-icon,
.homepage-competences:hover .elementor-widget-icon .elementor-icon-wrapper,
.homepage-competences:hover .elementor-widget-heading p {
  background-color: var(--main-color);
  animation: fadeIn 0.5s;
}

.homepage-competences .elementor-widget-heading {
  background-color: #121c22;
  transition: background-color var(--background-transition);
}

.homepage-widget-container a {
  pointer-events: none;
  cursor: default;
}

.home-widget-container a:hover {
  pointer-events: all;
}

.elementor-nav-menu--dropdown {
  border: .1rem solid var(--main-color) !important;
  background-color: var(--main-color) !important;
}

.elementor-nav-menu--dropdown a:hover {
  color: var(--main-color-opacity50) !important;
}

.elementor-nav-menu--dropdown a.elementor-item-active {
  color: var(--main-color) !important;
}

/*
--------------------------------------------------------------
PAGINATION PERSONNALISÉE
--------------------------------------------------------------
*/

.swiper-pagination::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ccc;
  border-radius: 5px;
  transform: translateY(-50%);
  z-index: 1;
}

.swiper-pagination-bullet {
  flex-grow: 1;
  height: 4px !important;
  border-radius: 5px !important;
  background-color: transparent !important;
  transition: background-color 0.3s ease !important;
  position: relative;
  z-index: 2;
  margin: 0 !important;
}

.swiper-pagination-bullet-active {
  background-color: var(--main-color) !important;
  transition: background-color 0.3s ease !important;
}

.swiper-pagination-bullet:hover {
  background-color: var(--main-color-opacity50) !important;
}

.swiper-pagination {
  width: 100% !important;
  max-width: 500px !important;
  height: 4px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  position: relative;
  padding: 0 !important;
  margin: 0 auto;
}

/*
--------------------------------------------------------------
PAGINATION PERSONNALISÉE POUR MOBILE
--------------------------------------------------------------
*/

@media (max-width: 768px) {
  .swiper-pagination {
    width: 90% !important;
    max-width: none !important;
  }

  .swiper-pagination-bullet {
    height: 3px !important;
  }

  .swiper-pagination::before {
    height: 3px;
  }

  .swiper-pagination-bullet-active {
    height: 3px !important;
  }
}

/*
--------------------------------------------------------------
COMPOSANT CAROUSEL
--------------------------------------------------------------
*/

.realisations-carousel .swiper-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
}

.realisations-carousel .swiper-slide {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: calc(100% / 4) !important;
  flex: 0 0 calc(100% / 4) !important;
  box-sizing: border-box;
}

.realisations-carousel .elementor-element {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.realisations-carousel .swiper-container {
  width: 100% !important;
  margin-left: 0 auto !important;
  margin-right: 0 auto !important;
}

.elementor-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.realisations-carousel .swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.realisations-carousel .elementor-heading-title {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}

.realisations-carousel .swiper-slide:hover .elementor-heading-title {
  visibility: visible;
  opacity: 1;
  color: #fff;
  transition: opacity 0.3s ease;
}

@media (max-width: 1200px) {
  .realisations-carousel .swiper-slide {
    width: calc(100% / 2) !important;
    flex: 0 0 calc(100% / 2) !important;
  }

  .realisations-carousel .elementor-heading-title {
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .realisations-carousel .swiper-slide {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .realisations-carousel .swiper-wrapper {
    justify-content: flex-start !important;
  }
}

/* Testas */
/* Testas */

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}

.elementor-84 .elementor-element.elementor-element-2e9890c .elementor-nav-menu--main .elementor-item:hover,
.elementor-84 .elementor-element.elementor-element-2e9890c .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-84 .elementor-element.elementor-element-2e9890c .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-84 .elementor-element.elementor-element-2e9890c .elementor-nav-menu--main .elementor-item:focus {
  color: var(--main-color) !important;
  fill: var(--main-color) !important;
}

/*.elementor-element-c57d63d {
  padding-block-start: 250px !important;
}*/