/* 
Theme Name: Hello Eliophot Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team & Eliophot
Author: Eliophot
Author URI: https://www.eliophot.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready, Eliophot
*/

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

/* ---------- GLOBAL ---------- */
  /* formulaire */
.formulaire .elementor-field-type-submit {
    width: 100%;
}

.formulaire .elementor-button {
    margin: auto;
}

/* offres spéciales */
.offers-slider .eliophot-offer__group {
  margin-top: -10rem;
  margin-bottom: 1rem;
  z-index: 100;
  background-color: white;
  box-shadow: 0px 3px 6px #00000029;
  margin-left: auto;
  margin-right: auto;
  max-width: 80%;
  width: 80%;
  height: fit-content;
  padding-bottom: 2rem;
}

.offers-slider .elementor-button {
  border-style: solid !important;
  border-width: 0px 0px 1px 0px !important;
  padding: 0;
  min-height: 0;
  padding: 0px 0px 8px 0px;
}

.offers-slider .eliofont-arrow-left,
.offers-slider .eliofont-arrow-right {
  line-height: 25px;
}

.offers-slider .elementor-swiper-button {
  top: 60%;
  padding: 10px;
  border: solid 1px;
  border-radius: 50%;
  border-color: var(--e-global-color-accent);
}

@media screen and (min-width: 768px) {
  .offers-slider .elementor-swiper-button i {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 1023px) {
  .offers-slider .eliophot-offer__group {
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  .offers-slider .elementor-swiper-button {
    padding: 0 4px 3px 4px;
    top: unset;
  }

  .offers-slider .elementor-swiper-button-prev {
    left: 50%;
    transform: translateX(-150%);
  }

  .offers-slider .elementor-swiper-button-next {
    right: 50%;
    transform: translateX(150%);
  }
}

/* ---------- QS ---------- */
.quicksearch .eliophot-qs-people .eliophot-media-container {
  display: none;
}

.quicksearch .eliophot-qs-field-container {
  border: 1px solid !important;
  border-color: var(--e-global-color-secondary) !important;
  justify-content: center !important;
  margin-left: 10px;
  margin-right: 10px;
}

.quicksearch .eliophot-qs-field {
  justify-content: center;
  text-align: center;
  padding: 10px;
}

.quicksearch .eliophot-qs-field-container .eliophot-qs-field input {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .quicksearch .eliophot-qs-input {
    text-align: center !important;
  }
}

/* ---------- FOOTER ---------- */
/* sticky access */
.sticky-access {
  position: fixed;
  right: 0;
  bottom: 50%;
  z-index: 999;
}

.sticky-access li {
  width: 205px;
  margin-bottom: 4px;
  transition: all 0.6s ease-out;
  transform: translateX(150px);
  background-color: var(--e-global-color-primary);
  background-clip: content-box;
  -webkit-background-clip: content-box;
  box-shadow: rgb(0, 0, 0, 1) 0px 0px 1px 0px;
}

.sticky-access li:hover {
  transform-origin: center;
  transform: translateX(12px);
  background-color: var(--e-global-color-primary);
}

.sticky-access li .elementor-icon-list-icon {
  padding: 6px 12px 6px 6px;
}

.sticky-access {
  overflow-x: hidden;
}

/* ---------- HOMEPAGE ---------- */
/* slider chambres */
.rooms-slider .eliophot-room__cta_button_second {
  border-style: solid !important;
  border-width: 0px 0px 1px 0px !important;
  padding: 0;
  min-height: 0 !important;
  min-width: unset !important;
  padding: 0px 0px 8px 0px;
}

@media screen and (min-width: 1024px) {
  .rooms-slider .eliophot-room__group {
    margin-top: -10%;
    z-index: 100;
    background-color: white;
    margin-right: 10%;
    height: fit-content;
    width: 30%;
    box-shadow: 0px 3px 6px #00000029;
    padding: 5px;
  }

  .rooms-slider .eliophot-room__container {
    justify-content: end;
    padding-bottom: 2rem;
  }

  .rooms-slider .eliophot-room__cta_container {
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center;
  }

  .rooms-slider .eliophot-room__body {
    text-align: start;
  }
}

@media screen and (max-width: 1023px) {
  .rooms-slider .eliophot-room__group {
    width: 100%;
  }

  .rooms-slider .eliophot-room__body {
    text-align: center;
  }

  .rooms-slider .elementor-swiper-button {
    transform: translateY(-80%);
  }
}

/* carousel d'images */
@media screen and (min-width: 768px) {
  .carousel-images {
    flex: 1;
  }

  .carousel-images .elementor-swiper {
    height: 100%;
  }

  .carousel-images .elementor-slides-wrapper {
    height: 100%;
  }
}

/* ---------- PAGE CHAMBRES ---------- */
/* liste des chambres */
.rooms-listing .eliophot-room__options {
  order: 2 !important;
}

.rooms-listing .eliophot-room__summary {
  order: 3 !important;
}

.rooms-listing .eliophot-room__title {
  order: 1 !important;
}

/*placement flèches*/
.rooms-listing .elementor-swiper-button {
  top: 98%;
  transform: translateY(-100%);
}

.rooms-listing .elementor-swiper-button-prev {
  right: 0;
  justify-content: end;
  margin-right: 60px;
}

/*bouton découvrir*/
.rooms-listing .eliophot-room__cta_button_second {
  border-style: solid !important;
  border-width: 0px 0px 1px 0px !important;
  padding: 0;
  min-height: 0 !important;
  padding: 0px 0px 8px 0px;
  min-width: unset !important;
}

.rooms-listing .eliophot-room__cta_buttons {
  gap: 30px;
}

@media screen and (min-width: 1024px) {
  .rooms-listing .eliophot-room__container:nth-child(odd) {
    flex-direction: row-reverse;
  }

  .rooms-listing .eliophot-room__container:nth-child(odd) .eliophot-room__body,
  .rooms-listing .eliophot-room__container:nth-child(odd) .eliophot-room__cta {
    padding-left: 0;
    padding-right: 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .rooms-listing
    .eliophot-room__container:nth-child(odd)
    .eliophot-room__cta_title {
    display: flex;
    flex-direction: column;
    align-items: end;
  }

  .rooms-listing
    .eliophot-room__container:nth-child(odd)
    .eliophot-room__body
    p {
    text-align: end;
  }

  .rooms-listing
    .eliophot-room__container:nth-child(odd)
    .eliophot-room__option {
    padding-right: 0;
  }

  .rooms-listing
    .eliophot-room__container:nth-child(odd)
    .eliophot-room__cta_container {
    align-items: end;
  }

  .rooms-listing
    .eliophot-room__container:nth-child(odd)
    .eliophot-room__cta_button_second {
    align-self: flex-end;
  }

  .rooms-listing
    .eliophot-room__container:nth-child(odd)
    .eliophot-room__title {
    text-align: end;
  }

  .rooms-listing .eliophot-room__group {
    margin: auto;
    width: 40%;
  }

  .rooms-listing .eliophot-room__cta_buttons {
    flex-direction: column-reverse !important;
  }

  .rooms-listing .eliophot-room__cta_button_second {
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important;
    padding: 0;
    min-height: 0 !important;
    padding: 0px 0px 8px 0px;
    align-self: flex-start;
    min-width: unset !important;
  }

  .rooms-listing .eliophot-room__body {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 1024px) {
  .rooms-listing .eliophot-room__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    margin-bottom: 1rem;
  }

  .rooms-listing .eliophot-room__group {
    padding: 1rem;
  }

  .rooms-listing .eliophot-room__cta {
    padding: 0 !important;
  }

  .rooms-listing .eliophot-room__cta_container {
    gap: 25px;
  }
}

@media screen and (max-width: 767px) {
  .rooms-listing .eliophot-room__group {
    padding: 0;
    margin-top: 1rem;
  }
}

/* ---------- CHAMBRE N2 ---------- */
.room-gallery .elementor-swiper-button {
    top: 98%;
    transform: translateY(-100%);
}

.room-gallery .elementor-swiper-button-prev {
    right: 0;
    justify-content: end;
    margin-right: 60px
}

/* room qs */
@media screen and (max-width:767px) {
    .room-qs {
        text-align: center;
    }
}

/* maillage chambre */
.maillage-chambre .swiper-pagination {
    bottom: -30px;
}

.maillage-chambre .eliophot-room__options {
    justify-content: center !important;
}

.maillage-chambre .eliophot-room__group {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.maillage-chambre .eliophot-room__cta_buttons a {
    transition: opacity 0.35s;
}

.maillage-chambre .eliophot-room__data_images_container {
    filter: contrast(40%);
}

.maillage-chambre .eliophot-room__cta_buttons {
    gap: 50px;
}

.maillage-chambre .eliophot-room__cta_button_main {
    outline-style: solid;
    outline-width: 1px;
    outline-offset: 3px;
    outline-color: var(--e-global-color-primary);
    transition: outline-color 0.20s !important;
    transition: background-color 0.45s !important;
}

.maillage-chambre .eliophot-room__cta_button_main:hover {
    outline-color: white;
}

.maillage-chambre .eliophot-room__cta_button_second {
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important;
    padding: 0;
    min-height: 0 !important;
    min-width: unset !important;
    padding: 0px 0px 8px 0px;
}

.maillage-chambre .eliophot-room__cta_button_second:hover {
    opacity: 0.60;
}

@media screen and (max-width:768px) {
    .maillage-chambre .eliophot-room__cta_buttons {
        gap: 10px;
    }
}

/* ---------- GALERIE PHOTO ---------- */
.galerie .elementor-slideshow__footer {
    display: none;
}

/* ---------- GABARTIS ---------- */
.content-slider-img .elementor-widget-container{
    position: relative;
}

.content-slider-img .swiper-slide-image {
    object-fit: cover;
    object-position: center;
}

.content-slider-img .elementor-swiper-button-prev {
    height: fit-content;
    top: 105%;
    left: 45%;
}

.content-slider-img .elementor-swiper-button-next {
    height: fit-content;
    top: 105%;
    left: 55%;
}

@media screen and (max-width: 767px){
    .content-slider-img .elementor-swiper-button-prev {
    top: 108%;
    left: 40%
}

.content-slider-img .elementor-swiper-button-next {
    top: 108%;
    left: 55%
}

}

@media screen and (min-width:1025px) {
    .content-slider-img,
    .content-slider-img .elementor-image-carousel-wrapper {
        height: 80vh !important;
    }
    
    .content-slider-img .swiper-slide-image {
        height: 80vh !important;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .content-slider-img,
    .content-slider-img .elementor-image-carousel-wrapper {
        height: 50vh !important;
    }
    
    .content-slider-img .swiper-slide-image {
        height: 50vh !important;
    }
}

@media screen and (max-width:767px) {
    .content-slider-img,
    .content-slider-img .elementor-image-carousel-wrapper {
        height: 35vh !important;
    }
    
    .content-slider-img .swiper-slide-image {
        height: 35vh !important;
    }
}

/* ---------- OFFRES SPECIALES ---------- */
.offers-list .eliophot-offer__container .eliophot-offer__group{
    transition: all 0.4s;
    border-color: transparent;
    border-width: 1px;
    border-top: 0px;
    border-style: solid;
    width: 100%;
}

.offers-list .eliophot-offer__container:hover .eliophot-offer__group{
    border-color: var( --e-global-color-accent );
}

@media screen and (min-width : 768px){
    .offers-list .eliophot-offer__cta_container {
    flex-direction: row;
    justify-content: space-between !important
}
}


.offers-list .eliophot-offer__cta_button_main:focus{
    color: white
}