/*
Theme Name:  ATTPS
Theme URI:   https://attps.fr/
Version:     2.0
Description: Theme Enfant Divi
Author:      ATTPS
Author URI:  https://attps.fr/
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/*=== Css Générale ===*/
body,
html {
   overflow-x: hidden;
}

h1 {
   font-size: 50px;
}

h2 {
   font-size: 35px;
}

h3 {
   font-size: 25px;
}

h4 {
   font-size: 18px;
}

h5 {
   font-size: 18px;
   text-transform: uppercase;
}

.hidden {
   display: none;
}


.light h1,
.light h2,
.light h3,
.light h4,
.light h5 {
   color: #FFF;
}

/* classes personnalisées qui désigneront l'ordre
   des colonnes dans la ligne de la flexbox */
.first-on-mobile {
   -webkit-order: 1;
   order: 1;
}

.second-on-mobile {
   -webkit-order: 2;
   order: 2;
}

.third-on-mobile {
   -webkit-order: 3;
   order: 3;
}

.fourth-on-mobile {
   -webkit-order: 4;
   order: 4;
}

/* ajoute une marge à la dernière colonne */
.custom_row:last-child .et_pb_column:last-child {
   margin-bottom: 30px;
}

/* COOKIE NOTICE */
.cn-button.bootstrap {
   color: #fff;
   background: #666;
}

/*=== MEDIA QUERIES ===*/
/* iPad Pro/Air 11" */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

   h1 {
      font-size: 40px;
   }

   h2 {
      font-size: 30px;
   }

   h3 {
      font-size: 25px;
   }

   h4 {
      font-size: 18px;
   }

   h5 {
      font-size: 18px;
   }

}

/* iPhone 6 & > */
@media all and (max-width: 940px) {

   h1 {
      font-size: 35px;
   }

   h2 {
      font-size: 25px;
   }

   h3 {
      font-size: 20px;
   }

   h4 {
      font-size: 20px;
   }

   h5 {
      font-size: 20px;
   }
}

:where(.menu-master, .listing-faq) {
   a {
      &:visited {
         /* color: #AAA !important; */
      }
   }
}

input::placeholder {
   color: #fff;
}

:where(p, .et_pb_post_content, .gform-field-label) {
   a {
      text-decoration: underline;

      span,
      b {
         text-decoration: underline;

      }
   }
}

:where(.gfield--type-text, .gfield--type-email, .gfield--type-tel, .gfield--type-date) {
   position: relative;

   label {
      position: absolute;
      margin: 0 !important;
      top: 50%;
      translate: 0 -50%;
      opacity: 0;
   }

   &:has(input:placeholder-shown) {
      label {
         opacity: 1;
      }
   }

   input {
      &::placeholder {
         color: #000;
      }
   }

}

:where(.gfield--type-textarea) {
   position: relative;

   label {
      position: absolute;
      margin: 0 !important;
      top: 10px;
      opacity: 0;
   }

   &:has(textarea:placeholder-shown) {
      label {
         opacity: 1;
      }
   }

   textarea {
      &::placeholder {
         color: #000;
      }
   }

}

#test-picto {

   .listing-menu img {
      margin-top: -21px !important;
   }
}

/*----------Alignement vertical-----------*/
.centrer-verticalement {
   display: flex;
   flex-direction: column;
   justify-content: center;

   /* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -moz-box-orient: vertical;
   -moz-box-direction: normal;
   -ms-flex-direction: column;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
}


#voice-search-btn {
   width: 100px;
   height: 100px;
}

.menu-master {
   &>a {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      transition: 250ms ease-in-out;
      font-size: 14px !important;

      span {
         margin-top: -25px;
         display: block;
         color: #A2A2A2;
      }

      &:hover {
         font-size: 14px !important;
         scale: 1.05;
         color: #A2A2A2;
      }
   }
}

.ext-center.first-slide {
   top: -75px !important
}

.baseline.first-slide {
   font-size: 16px !important;
   bottom: calc(50% - 195px) !important;
}

.img-header.tagline {
   width: 200px;
   margin-top: 15px;
}

.hidden-galleries {
   display: none;
}



#search-filter-form-710 input[type=text] {
   &::placeholder {
      color: #FFF !important;
   }

   &::-webkit-input-placeholder {
      color: #FFF !important;
   }
}


.custom-fullscreen {



   .lg-content {
      top: 0 !important;
      bottom: 0 !important;
      width: 100vw;
      height: 100vh;

      .lg-image {
         /* min-width: 100%; */
         min-height: 100%;
         max-width: 100%;
         object-fit: cover;
      }
   }

   .lg-sub-html {
      background: linear-gradient(0deg, rgba(0, 0, 0, 1) 25%, rgba(0, 212, 255, 0) 100%);
      color: #FFF !important;

      p {
         font-size: 20px !important;
         padding-bottom: 0em !important;
      }

      h3 {
         color: #FFF;
      }
   }

   .lg-close.lg-icon {

      &::after {
         font-family: 'Font Awesome 6 Pro';
         font-weight: 900;
         font-size: 30px;
         content: '\f057';
         color: #D36700;
         cursor: pointer;
         transition: 250ms ease-in-out;


      }

      &:hover {
         &::after {
            opacity: 0.7;
         }
      }

   }

   .lg-next {
      color: #fff !important;
      opacity: 1 !important;
      background-color: #121212;

      &::before {
         font-family: 'Font Awesome 6 Pro';
         content: '\f054';
         cursor: pointer;


      }


   }

   .lg-prev {
      color: #fff !important;
      opacity: 1 !important;
      background-color: #121212;

      &::after {
         font-family: 'Font Awesome 6 Pro';
         content: '\f053';
         cursor: pointer;


      }


   }

   &.dining-room-gallery {
      .lg-components {
         height: 30%;

         .lg-sub-html {
            height: 100%;
            display: flex;
            justify-content: center;
            background: linear-gradient(0deg, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0.7) 75%, rgba(0, 212, 255, 0) 100%);


            p {
               font-size: 20px !important;
            }
         }

      }
   }
}


#gallery-page {

   .wrapper {
      max-width: 100%;
      margin-inline: auto;
   }

   /*---- Gallery ----*/
   .gallery {
      display: flex;
      flex-wrap: wrap;
      gap: 0px;
   }

   .gallery__item {

      border: 0;
      padding: 5px;
      background: none;
      text-align: left;
      cursor: pointer;
      height: 285px;

      &.full {
         width: 100%;
      }

      &.half {
         width: 50%;
      }
   }

   .gallery__item img {
      object-fit: cover;
      height: 275px;
      width: 100%;
      opacity: 0.75;
   }

   .gallery__item:hover {
      color: #f00;
   }

   /*---- Carousel popup ----*/
   .carousel-popup {
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: rgba(0, 0, 0, 0.75);
      color: #fff;
      text-align: center;
      overflow: auto;
      transition: none 0.25s ease-out;
      transition-property: transform, opacity;
   }

   .carousel-popup:not(.active--) {
      opacity: 0;
      pointer-events: none;
      transform: scale(1.2);
   }

   .carousel-popup:before {
      content: "";
      width: 0;
      height: 100vh;
      display: inline-block;
      margin-left: -0.4em;
      vertical-align: middle;
   }

   .carousel-popup__layout {
      max-width: calc(100% - 0.5em);
      position: relative;
      padding: 0;
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      height: 100vh;
   }

   .carousel-popup__counter {
      padding: 5px;
      background-color: #000;
      color: #f00;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
   }

   .carousel-popup__closer {
      width: 50px;
      height: 50px;
      border: 0;
      border-radius: 50%;
      padding: 0;
      position: absolute;
      top: 25px;
      right: 25px;
      background-color: #DF9147;
      color: #FFF;
      font-size: 35px;
      font-weight: 400;
      cursor: pointer;
      z-index: 99;
   }

   .carousel-popup__closer:hover {
      color: #FFF;
   }

   .carousel-popup__items {
      position: relative;
   }

   .carousel-popup__prev,
   .carousel-popup__next {
      width: 50%;
      height: 100vh;
      position: absolute;
      top: 50%;
      margin-top: -20px;
      cursor: pointer;
      transform: translateY(-50%);
      background: transparent !important;
      border: 0;
   }

   .carousel-popup__prev:hover,
   .carousel-popup__next:hover {}

   .carousel-popup__prev {
      left: 0;
      z-index: 9;
   }

   .carousel-popup__next {
      right: 0;
      z-index: 9;
   }

   .carousel-popup__arrow {
      position: relative;
      top: -2px;
   }

   .carousel-popup__item {
      display: none;
   }

   .carousel-popup__item.active-- {
      display: block;
   }

   .carousel-popup__item .legende {
      position: absolute;
      bottom: 10vh;
      left: 0;
      right: 0;
      text-align: center;
      font-size: 16px;
      line-height: 1.2;
      text-transform: uppercase;
      padding: 0 25px;
   }

   /*---- Sample images ----*/
   .sample-thumbnail {
      width: 100%;
      max-width: 100%;
      display: inline-block;
      background: center/cover no-repeat;
      /* aspect-ratio: 350/220; */
   }

   .gallery__item:nth-child(even) .sample-thumbnail {
      /* filter: brightness(0.75); */
   }

   .sample-image {
      width: 680px;
      max-width: 100%;
      display: inline-block;
      background: center/cover no-repeat;
      aspect-ratio: 680/432;
   }

   .sample-image img {
      width: 100%;
      height: 100svh;
      object-fit: cover;
   }


   .sample-thumbnail h2 {
      position: relative;
      z-index: 1;
      color: #FFF;
      text-transform: uppercase;
      font-size: 18px;
      top: -150px;
      text-align: center;
   }

   .carousel-popup__item:nth-child(even) .sample-image {
      /* filter: brightness(0.75); */
   }
}

#politics-content {

   .politics-table-first {

      th,
      td {
         border: 1px solid #2e2e2e;
         padding: 7px 0;
      }

      td {
         font-size: 15px;
      }
   }

   .politics-table-second {

      th,
      td {
         border: 1px solid #2e2e2e;
         padding: 7px 0;
      }

      tr {
         td:first-of-type {
            background-color: #111;
         }
      }
   }
}


#search-filter-form-710 {
   ul {
      display: flex;
      width: 100%;

      .sf-field-search {
         display: block !important;
         flex-grow: 1;
      }

      .sf-field-submit {
         display: block !important;
         position: relative;
         cursor: pointer;

         &::after {
            position: absolute;
            right: unset;
            left: 50%;
            top: 50%;
            translate: -50% -50%;
         }

         input[type=submit] {
            width: auto;
            aspect-ratio: 1 / 1;

         }

      }
   }
}

.menu-master {
   overflow: auto;
   /* max-height: calc(90svh - 75px); */
}


/* PopUp vidéo  */
/* #popmake-3329 .pum-close {
   display: none;
   cursor: pointer;
} */

#popmake-3373 .mejs-controls {
   display: none !important;
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
}

a.retour {text-decoration: none !important;}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
background-color: #050505 !important;
}