/*
 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: 989px) and (min-width: 768px) {
  /* Add your Mobile Styles here */
  /***************************************************************/
  /****************************HEADER*****************************/
  /***************************************************************/
  /*Affichage des social icones*/
  #top #header_meta .social_bookmarks {
    display: inline-block !important;
    float: none;
  }

  /***************************************************************/
  /****************FORMULAIRE IDENTIFICATION**********************/
  /*Conteneur principal du login*/
  #top #wrap_all #header_login {
    right: 22%;
  }

  /*Une fois identifié*/
  #header_login .um-misc-with-img {
    /*avatar*/
    display: none;
  }

  #header_login .um-misc-ul li a {
    /*menu*/
    color: white;
    margin-right: 15px;
    text-decoration: none;
  }

  #header_login .um-misc-ul li:first-child a::before {
    content: '\e80a';
    font-family: 'entypo-fontello', sans-serif;
    display: inline-block;
  }

  #header_login .um-misc-ul li:last-child a::before {
    content: '\e85c';
    font-family: 'entypo-fontello', cursive;
    display: inline-block;
  }

  /***************************************************************/
  /**************************NAVIGATION***************************/
  /***************************************************************/
  #top #header_main .main_menu .social-instagram a::before {
    margin: 0;
  }

  /*Couleur des icones dans le burger menu*/
  #top #header_main .main_menu .social-instagram a::before,
  #top #header_main .main_menu .social-linkedin a::before,
  #top #header_main .main_menu .social-mail a::before {
    color: white;
    font-size: 35px;
  }

  /***************************************************************/
  /**************************AVANTAGES****************************/
  /***************************************************************/
  #top #avantages .flex_column_table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  #avantages .av-flex-placeholder {
    display: none !important;
  }

  #avantages .flex_column:not(.title) {
    width: 45%;
    margin: 0 0 15px 0;
  }

  /***************************************************************/
  /**************************ARGUMENTS****************************/
  /***************************************************************/
  /*Largeur du container*/
  #arguments .container {
    max-width: 85%;
  }

  /***************************************************************/
  /**************************ACTUALITES***************************/
  /***************************************************************/
  /*Largeur des articles*/
  #main #actualites .slide-entry {
    width: 70%;
    margin: 30px auto;
    float: none;
  }

  /********************************************************************/
  /******************************FOOTER********************************/
  /********************************************************************/
  /*Info sur COM1PLUS */
  #footer .infos a {
    font-size: 30px !important;
    margin-right: 5px;
  }

  /********************************************************************/
  /****************************FOURNISSEURS****************************/
  /********************************************************************/
  #top #infos-fournisseurs .flex_column_table {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  #top #infos-fournisseurs .flex_column_table .flex_column:first-child {
    width: 100%;
  }

  #top #infos-fournisseurs .flex_column_table .flex_column {
    margin-left: 0;
  }

  #top #infos-fournisseurs .av-flex-placeholder {
    display: none;
  }

  #top #main .fournisseurs {
    background: white;
  }
  /*Positionnement des logos sur la page listant les fournisseurs*/
  #top #main .fournisseurs {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  #top #main .fournisseurs .grid-entry article {
    padding: 10px;
  }
}

/* Ipad Pro 12.9" */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  /***************************************************************/
  /****************************HEADER*****************************/
  /***************************************************************/
  /*Padding des elements de nav*/
  #top #header_main #avia-menu .menu-item {
    padding: 0;
  }

  #top #header_main .main_menu .social-instagram a::before {
    margin-left: 0;
  }

  /***************************************************************/
  /****************FORMULAIRE IDENTIFICATION**********************/
  #top #wrap_all #header_login {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
  }

  #header_login .connexion_mobile {
    color: white;
  }

  #header_login .connexion_mobile::before {
    content: '\e80a';
    font-family: 'entypo-fontello', sans-serif;
    display: inline-block;
    margin-right: 10px;
    color: white;
    font-size: 16px;
  }

  #header_login .um-login {
    margin: 0 !important;
  }

  /*Une fois identifié*/
  #header_login .um-misc-with-img {
    /*avatar*/
    display: none;
  }

  #header_login .um-misc-ul {
    /*menu*/
    margin: 0;
    padding-left: 15px;
    display: flex;
    justify-content: space-around;
  }

  #header_login .um-misc-ul li a {
    /*menu*/
    color: white;
    margin-right: 15px;
    text-decoration: none;
  }

  #header_login .um-misc-ul li:first-child a::before {
    content: '\e80a';
    font-family: 'entypo-fontello', sans-serif;
    display: inline-block;
  }

  #header_login .um-misc-ul li:last-child a::before {
    content: '\e85c';
    font-family: 'entypo-fontello', cursive;
    display: inline-block;
  }

  .iconbox_content_title a {
    font-size: 14px;
  }

  /***************************************************************/
  /**************************AVANTAGES****************************/
  /***************************************************************/
  #avantages .container .flex_column_table {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  #avantages .flex_column {
    width: 45%;
    margin: 20px 0 0 0;
  }

  #avantages .av-flex-placeholder {
    display: none !important;
  }
}