/*
 Theme Name:   LPDW config
 Theme URL:    https://leplusduweb.com
 Description:  Theme enfant developpé par l'entreprise LE PLUS DU WEB
 Author:       Le plus du web
 Author URI:   http://leplusduweb.com
 Template:     enfold
 Version:      1.0.0
*/
/*
Mobile Styles
================================================== */
/* Note: CSS POUR VUE TABLETTE */

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* Add your Mobile Styles here */

  /****************************************************************/
  /**************************** HEADER ****************************/
  /****************************************************************/
  .responsive #top #wrap_all .av_mobile_menu_tablet #header_main_alternate {
    display: block;
  }

  #top #header .avia-menu li:not(#menu-item-184, .av-burger-menu-main) {
    display: none;
  }

  #top #wrap_all #header .avia-menu .av-burger-menu-main {
    position: absolute;
    z-index: 9999;
  }

  #top #wrap_all #header .avia-menu #av-burger-menu-ul li {
    display: block;
  }

  #top #wrap_all #header .avia-menu #av-burger-menu-ul li.logo-item {
    display: none;
  }

  #top #wrap_all #header .avia-menu #av-burger-menu-ul li a {
    font-size: 28px;
  }

  #top
    #wrap_all
    #header
    .avia-menu
    #av-burger-menu-ul
    li.av-width-submenu
    li
    a {
    font-size: 18px;
  }

  #top
    #wrap_all
    #header
    #header_main_alternate
    :is(.container, .avia-menu, #avia-menu) {
    width: 100%;
  }

  #header #header_main .avia-menu li.logo-item {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
  }

  #top #wrap_all #header .avia-menu .av-burger-overlay {
    height: 100vh;
  }

  #top #wrap_all #header .avia-menu .av-burger-overlay .av-burger-overlay-bg {
    height: calc(100vh + 40px);
    margin-top: -40px;
    background-color: var(--black);
    opacity: 1;
  }

  /**************************** Partie prestations ****************************/

  #top #wrap_all #main .carte-prestation {
    position: relative;
    padding: 64px 32px;
  }

  #main
    :is(#presentation-cartes-haut, #presentation-cartes-bas)
    .carte-prestation
    .avia_textblock
    h4 {
    font-size: 16px;
  }

  :is(#presentation-cartes-haut, #presentation-cartes-bas)
    .carte-prestation
    svg {
    display: none;
  }

  :is(#presentation-cartes-haut, #presentation-cartes-bas)
    .carte-prestation
    .flex_column {
    padding: 24px 16px;
  }

  :is(#presentation-cartes-haut, #presentation-cartes-bas)
    .carte-prestation
    .flex_column
    h4 {
    font-size: 18px;
  }

  /**************************** Partie clients ****************************/

  #top #wrap_all #section-clients::before {
    bottom: 90%;
  }

  #top #wrap_all #section-clients .carte-type-client {
    padding: 32px 24px;
  }

  #top #main #section-clients .flex_column_table {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    gap: 16px;
  }

  #top #main #section-clients .flex_column_table:not(:first-child) {
    margin-top: 16px;
  }

  #top #main #section-clients .flex_column_table .av-flex-placeholder {
    display: none;
  }

  #top #main #section-clients .carte-type-client {
    margin: 0;
    flex: 1 1 324px;
  }

  #top #main #section-confiance .slide-entry {
    height: 164px;
    width: 164px;
  }

  /**************************** Partie slider ****************************/

  #top .slider-illustrations .avia-slideshow {
    overflow: visible;
  }

  #top #main .slider-illustrations .avia-slideshow-inner {
    height: 542px !important;
  }

  #top #main .slider-illustrations .avia-slideshow-inner .avia-slide-wrap {
    height: 542px;
  }

  #wrap_all #main .slider-illustrations .avia-slideshow-inner img {
    height: 100%;
    object-fit: cover;
  }

  #top #wrap_all #main .slider-illustrations .avia-slideshow-arrows a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
  }

  #top #wrap_all #main .slider-illustrations .prev-slide::before,
  #top #wrap_all #main .slider-illustrations .next-slide::before {
    line-height: 60px;
  }

  /**************************** Partie confiance ****************************/

  #top #wrap_all #section-confiance .container::before {
    left: 764px;
  }
  /****************************************************************/
  /**************************** FOOTER ****************************/
  /****************************************************************/
  /**************************** Footer principal ****************************/

  #main #footer-page .flex_column_table {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
  }

  #main #footer-page .av-flex-placeholder {
    display: none;
  }

  #main #footer-page .flex_column_table .flex_column {
    flex: 1 1 286px;
    margin: 0;
  }

  /**************************** Socket ****************************/

  #main #socket .av-flex-placeholder {
    display: none;
  }

  #main #socket .avia_textblock {
    margin-right: 16px;
    line-height: 76px;
  }
}