.elementor-kit-10{--e-global-color-primary:#C24F32;--e-global-color-primary_hover:#D45C55;--e-global-color-text:#FFFFFF;--e-global-color-text_light:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-border:#F4F2EC;--e-global-color-background:#CCBF64;--e-global-color-background_light:#CCBF64;--e-global-color-afc46e9:#716D34;--e-global-color-5cc4e00:#47745F;--e-global-color-abdc0ce:#3C6759;--e-global-typography-primary-font-family:"Calistoga";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Cabin Condensed";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Cabin Condensed";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Cabin Condensed";--e-global-typography-accent-font-weight:400;--e-global-typography-37c2f97-font-family:"Calistoga";--e-global-typography-37c2f97-font-size:140px;--e-global-typography-37c2f97-font-weight:400;--e-global-typography-37c2f97-text-transform:uppercase;--e-global-typography-37c2f97-line-height:0.95em;--e-global-typography-24592f7-font-family:"Cabin Condensed";--e-global-typography-24592f7-font-size:20px;--e-global-typography-24592f7-font-weight:500;--e-global-typography-24592f7-text-transform:uppercase;--e-global-typography-24592f7-font-style:normal;--e-global-typography-24592f7-line-height:25px;--e-global-typography-24592f7-letter-spacing:2px;--e-global-typography-24592f7-word-spacing:4px;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h1{font-family:var( --e-global-typography-37c2f97-font-family ), Sans-serif;font-size:var( --e-global-typography-37c2f97-font-size );font-weight:var( --e-global-typography-37c2f97-font-weight );text-transform:var( --e-global-typography-37c2f97-text-transform );line-height:var( --e-global-typography-37c2f97-line-height );}.elementor-kit-10 h6{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-navigation-icons-size:0px;}@media(max-width:1366px){.elementor-kit-10 h1{font-size:var( --e-global-typography-37c2f97-font-size );line-height:var( --e-global-typography-37c2f97-line-height );}}@media(max-width:1200px){.elementor-kit-10{--e-global-typography-37c2f97-font-size:100px;}}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-37c2f97-font-size:80px;}.elementor-kit-10 h1{font-size:var( --e-global-typography-37c2f97-font-size );line-height:var( --e-global-typography-37c2f97-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-37c2f97-font-size:56px;}.elementor-kit-10 h1{font-size:var( --e-global-typography-37c2f97-font-size );line-height:var( --e-global-typography-37c2f97-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Permet de cacher temporarairement, notamment version mobile */
.hide-temporary {
    display: none !important;
}

/* Modification des flèches des sliders */
.elementor-swiper-button {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

.elementor-swiper-button-prev svg,
.elementor-swiper-button-next svg {
  display: none !important;
}

.elementor-swiper-button-prev {
  margin-left: -10px;
}
.elementor-swiper-button-next {
  margin-right: -10px;
}

.elementor-swiper-button-prev::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('https://www.pluralys.ca/wp-content/uploads/2025/07/fleche-gauche.png') no-repeat center;
  background-size: contain;
}

.elementor-swiper-button-next::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('https://www.pluralys.ca/wp-content/uploads/2025/07/fleche-droite.png') no-repeat center;
  background-size: contain;
}

.elementor-swiper-button::before {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.elementor-swiper-button:hover::before {
  opacity: 0.7;
}

/* Police des caption des carousel */
.elementor-image-carousel-caption {
  font-family: 'Calistoga', sans-serif;
}

/* Menu version mobile
.gamico-mobile-nav {
    background: var(--e-global-color-background) !important;
}*/

/* Modification hover des boutons */
.elementor-button.elementor-button-link.elementor-size-sm:hover {
  background: #c24f32;
}

.elementor-button.elementor-size-sm:hover {
  background: var(--e-global-color-primary) !important;
}

.elementor-button.elementor-size-sm::before {
  background: transparent !important;
}

/* Gamico title */
.gamico-title {
    font-family: Calistoga !important;
}

/* Hide title pages */
.breadcrumb-wrap {
    display: none !important;
}

/* Flèches des lightbox qui dépassent de l'écran sinon */
.elementor-lightbox .elementor-swiper-button {
  transform: none !important;
  top: 50% !important;
  translate: 0 -50%;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: 9999;
}

.elementor-lightbox .elementor-swiper-button-prev {
  left: 20px !important;
}

.elementor-lightbox .elementor-swiper-button-next {
  right: 20px !important;
}

/* Resize the images of the gallery */
.elementor-widget-image-gallery .gallery-item img {
  width: 100% !important;
  /*height: 500px !important;*/
  object-fit: cover !important;
  aspect-ratio: auto !important;
  display: block;
}

/* Petites vidéos */
.video-thumbnail {
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    max-width: 100%;
}

.video-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}

.video-thumbnail .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-thumbnail .play-icon::before {
    content: '';
    display: block;
    border-style: solid;
    border-width: 12px 0 12px 20px;
    border-color: transparent transparent transparent white;
    margin-left: 4px;
}

.elementor-element-1e8c8b2 {
  border-radius: 0 !important;
}

/* Background footer */
.wpml-ls-statics-footer {
    background-color: var(--e-global-color-dark) !important;
}

/* Ajout d'un conrainer limité en taille pour palier pbms grands écrans */
.main-container {
  max-width: 1920px !important;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box !important;
}

/* Remove the blank space between header and footer with the content */
#page .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Style table of content Media */
.e-font-icon-svg.e-fas-square-full {
  transition: transform 0.3s ease;
  transform-origin: center;
}
.toc-widget li:hover .e-font-icon-svg.e-fas-square-full {
  transform: rotate(45deg);
}

.toc-lien.active-toc {
  font-weight: bold;
  color: blue;
  transform: rotate(-2deg);
}

#toggle-toc {
  transition: transform 0.4s ease, filter 0.3s ease;
  cursor: pointer;
}

#toggle-toc:hover {
  filter: brightness(1.2);
}

#toggle-toc.rotated {
  transform: rotate(180deg);
}

/* Montrer/cacher image au siurvol */
.team-member-img-active {
  display: none;
}

.team-member .team-member-fleche {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.team-member:hover:not(.active) .team-member-fleche {
  visibility: visible;
  opacity: 0.5;
}

.team-member.active .team-member-fleche {
  visibility: visible;
  opacity: 1;
}

.team-member.active .team-member-img-active {
  display: block;
}

.team-member.active .team-member-img-inactive {
  display: none;
}

.team-member:hover {
    cursor: pointer;
}

.team-member {
  position: relative;
  overflow: hidden;
}

/* ÉTOILES CLIgnotantes */
.team-member::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('https://www.pluralys.ca/wp-content/uploads/2025/08/fond-etoiles-1.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  visibility: hidden;
  animation: blink 4s ease-in-out infinite;
  animation-play-state: paused;
  animation-delay: 0s;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 0;
  pointer-events: none;
}

.team-member::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('https://www.pluralys.ca/wp-content/uploads/2025/08/fond-etoiles-complementaire.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  visibility: hidden;
  animation: blink 4s ease-in-out infinite;
  animation-play-state: paused;
  animation-delay: 1.25s;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 0;
  pointer-events: none;
}

@keyframes blink {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
.team-member.active::before,
.team-member.active::after {
  opacity: 1;
  visibility: visible;
  animation-play-state: running;
}



.team-member .team-member-text {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.team-member.active .team-member-text {
  opacity: 1;
  visibility: visible;
}

.toc-media--initial {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* Improve the size of the header for ToC of media */
.elementor-location-header .elementor-element.e-con .e-con-inner {
  max-width: 2500px !important;
}
/* Block clicks in the header (because with the ToC it is too big and we cant click on the page which is behind the header) */
.elementor-location-header {
  pointer-events: none;
}

/* Reactivate the clicks in the header only for interactive elements like menus, ToC */
.elementor-location-header .elementor-nav-menu,
.elementor-location-header .elementor-widget,
.elementor-location-header .elementor-element-01e6160 {
  pointer-events: auto;
}

/* ToC progressif */
.toc-media {
  opacity: 0;
  transition: opacity 0.3s ease;
  visibility: hidden !important;
}

.toc-media.is-ready {
  opacity: 1;
  visibility: visible !important;
}

.toc-media.not-sticky {
  opacity: 0;
  pointer-events: none;
}

/* Bordures vidéos */
.video-thumbnail {
  border: 0.5px solid white;
}

/* Problèmes de margins en tablette */
@media (max-width: 1366px) and (min-width: 768px) {
  .elementor-13957 .elementor-element.elementor-element-981042e {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 1366px) and (min-width: 768px) {
  .elementor-9263 .elementor-element.elementor-element-bad3ba5 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 1366px) and (min-width: 768px) {
  .elementor-13389 .elementor-element.elementor-element-9f6b26f {
    width: 100% !important;
    max-width: 100% !important;
  }
}/* End custom CSS */