/*
 Theme Name:   Eliophot Base Theme Child
 Theme URI:    https://www.eliophot.com
 Description:  Thème enfant de Eliophot Base Theme
 Author:       Eliophot
 Author URI:   https://www.eliophot.com
 Template:     eliophot-base-theme
 Version:      2.5.0
*/

.elementor-carousel-image {
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
}

/* QUICKSEARCH */
@media screen and (max-width: 1024px) {
  #quicksearch .input-form input,
  #quicksearch .input-form input::-webkit-date-and-time-value {
    width: 100%;
    text-align: left !important;
    padding-left: 2px !important;
  }
  #quicksearch .input-form .eliophot-qs-input {
    padding-left: 2px !important;
  }
}

/* HEADER */
.header-ppal {
    backdrop-filter: blur(25px);
}

/* BOUTON */
.fade-button {
  width: fit-content;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}
/* bouton bordures noir */
.fade-button.button-1:hover {
  border-left-color: var(--e-global-color-primary) !important;
  border-top-color: var(--e-global-color-primary) !important;
}

/* bouton bordures blanches */
.fade-button.button-2:hover {
  border-left-color: var(--e-global-color-60612b8) !important;
  border-top-color: var(--e-global-color-60612b8) !important;
}

/* bouton bordures oranges */
.fade-button.button-3:hover {
  border-left-color: var(--e-global-color-accent) !important;
  border-top-color: var(--e-global-color-accent) !important;
}

/* MAILLAGES */
@media screen and (min-width: 1024px) {
  .maillage .fade-maillage-container .fade-maillage-text {
    position: absolute;
    opacity: 0;
    transition: opacity 0s, transform 2s, height 2s;
    transform: translateY(10%);
    /* transition-delay: 0.4s; */

    /* height: 0 */
  }

  .maillage .fade-maillage-container:hover .fade-maillage-text {
    position: inherit;
    opacity: 1;
    transition: opacity 1s, transform 1s, height 1s;
    transform: translateY(0);
    transition-delay: 0.2s;

    /* height: 100% */
  }

  .maillage .fade-maillage-container:hover .fade-maillage-block {
    transition: all 1s;
    height: 90%;
  }

  .maillage .fade-maillage-block {
    transition: all 1s;
    height: 40%;
    background-color: transparent;
  }

  .maillage .fade-maillage-container:before {
    transition: all 0.5s;
  }

  .maillage .fade-maillage-container:hover:before {
    transform: scale(0.85);
  }
}

/* DOUBLES BLOCS ANIM HOVER */
@media screen and (min-width: 1400px) {
  .fade-bloc .fade-subtext,
  .fade-bloc .fade-text,
  .fade-bloc .fade-button {
    /*position: absolute;*/
    opacity: 0;
    transition: opacity 2s;
  }

  .fade-bloc:hover .fade-subtext,
  .fade-bloc:hover .fade-text,
  .fade-bloc:hover .fade-button {
    position: initial;
    opacity: 1;
    transition: opacity 2s;
  }

  .fade-bloc .fade-title {
    transform: translate(-10%, 100%);
    transition: all 1s;
  }

  .fade-bloc:hover .fade-title {
    transform: translate(0);
    transition: all 1s;
  }
}

/* HOMEPAGE */
/* Liste des chambres */
@media screen and (min-width: 1024px) {
  .slider-chambres .eliophot-room__container {
    position: relative;
  }

  .slider-chambres .eliophot-room__group {
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    background-color: transparent;
  }

  .slider-chambres .eliophot-room__options {
    justify-content: center;
  }

  .slider-chambres .elementor-carousel-image {
    filter: brightness(0.5);
  }

  .slider-chambres .eliophot-room__body div,
  .slider-chambres .eliophot-room__cta {
    position: absolute;
    opacity: 0;
  }

  .slider-chambres .eliophot-room__container:hover .eliophot-room__group {
    position: absolute;
    height: 100%;
    background-color: var(--e-global-color-secondary);
    right: 0;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 1s, background-color 1s;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .slider-chambres .eliophot-room__container:hover .eliophot-room__body div,
  .slider-chambres .eliophot-room__container:hover .eliophot-room__cta {
    position: initial;
    opacity: 1;
    transition: opacity 1s;
  }

  .slider-chambres .eliophot-room__features {
    text-align: center;
  }

  .slider-chambres .eliophot-room__container .eliophot-room__title {
    transform: translate(-50%, 30vh);
    transition: all 1s;
  }

  .slider-chambres .eliophot-room__container:hover .eliophot-room__title {
    transform: translate(0);
    transition: all 1s;
  }
}

@media screen and (max-width: 1023px) {
  .slider-chambres .elementor-main-swiper {
    height: fit-content;
  }

  .slider-chambres .eliophot-room__container {
    height: fit-content;
  }

  .slider-chambres .eliophot-room__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .slider-chambres .eliophot-room__group {
    width: 100%;
  }

  .slider-chambres .eliophot-room__options {
    justify-content: center;
  }
}

.slider-chambres .elementor-swiper-button-next {
  right: 0;
}

/* liste des services */
@media screen and (min-width: 1025px) {
  .services .service:hover .service-top {
    background-color: var(--e-global-color-accent);
    transition-duration: 0s;
  }

  .services .service:hover .elementor-icon {
    color: var(--e-global-color-60612b8) !important;
    transition-duration: 0s;
  }

  .services .service:hover .service-bottom {
    background-color: var(--e-global-color-60612b8) !important;
    transition-duration: 0s;
  }

  .services .service:hover .service-bottom .txt {
    color: var(--e-global-color-accent) !important;
    transition-duration: 0s;
  }
}

/* PAGE CHAMBRES */
@media screen and (min-width: 1024px) {
  .listing-chambres .eliophot-room__container {
    position: relative;
  }

  .listing-chambres .eliophot-room__options {
    justify-content: center;
  }

  .listing-chambres .eliophot-room__group {
    position: absolute;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    background-color: transparent;
    width: 50% !important;
  }

  .listing-chambres .elementor-carousel-image {
    filter: brightness(0.5);
  }

  .listing-chambres .eliophot-room__body div,
  .listing-chambres .eliophot-room__cta {
    position: absolute;
    opacity: 0;
  }

  .listing-chambres .eliophot-room__container:hover .eliophot-room__group {
    position: absolute;
    height: 100%;
    background-color: var(--e-global-color-secondary);
    right: 0;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 1s, background-color 1s;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .listing-chambres .eliophot-room__container:hover .eliophot-room__body div,
  .listing-chambres .eliophot-room__container:hover .eliophot-room__cta {
    position: initial;
    opacity: 1;
    transition: opacity 1s;
  }

  .listing-chambres .eliophot-room__features {
    text-align: center;
  }

  .listing-chambres .eliophot-room__container .eliophot-room__title {
    transform: translate(-50%, 30vh);
    transition: all 1s;
  }

  .listing-chambres .eliophot-room__container:hover .eliophot-room__title {
    transform: translate(0);
    transition: all 1s;
  }
}

@media screen and (max-width: 1023px) {
  .listing-chambres .elementor-main-swiper {
    height: fit-content;
  }

  .listing-chambres .eliophot-room__container {
    height: fit-content;
  }
}

.listing-chambres .eliophot-room__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.listing-chambres .eliophot-room__group {
  width: 100%;
}

.listing-chambres .eliophot-room__options {
  justify-content: center;
}

.listing-chambres .eliophot-room__group {
  z-index: 10;
}

/* CHAMBRE N2 */
/* services */
.room-services .elementor-icon-box-wrapper {
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.room-services .elementor-icon-box-wrapper {
    min-height: 250px;
    width: 150px;
    }
    
.room-services .eliophot-room-services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.room-services .elementor-icon-box-wrapper .elementor-icon-box-content {
    background-color: var(--e-global-color-primary);
}

.room-services .elementor-icon-box-icon,
.elementor-icon-box-content {
    min-height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width:1024px) {
.room-services .eliophot-room-services {
    gap: 30px !important;
}
.room-services .elementor-icon-box-wrapper:hover .elementor-icon-box-icon {
    background-color: var(--e-global-color-accent);
    transition-duration: 0s;
}

.room-services .elementor-icon-box-wrapper:hover .elementor-icon {
    color: var(--e-global-color-60612b8)!important;
    transition-duration: 0s;
}

.room-services .elementor-icon-box-wrapper:hover .elementor-icon-box-content {
    background-color: var(--e-global-color-60612b8)!important;
    transition-duration: 0s;
}

.room-services .elementor-icon-box-wrapper:hover .elementor-icon-box-title {
    color: var(--e-global-color-accent);
}
}

@media screen and (max-width: 767px) {
    .room-services .elementor-icon-box-wrapper {
        min-height: 200px;
        width: 125px;
    }
}

/* PAGE TOURISME */
@media screen and (min-width: 1025px) {
  .tourisme-intro .sticky-title {
    position: sticky;
  }
}

.tourisme-intro .intro-img {
  height: 100%;
}

.full-tourisme {
  position: relative;
}

/* PAGE ACCES ET CONTACT */
.acces-item .elementor-icon-box-content {
    display: flex !important;
    flex-direction: column !important;
}