/* ***************** *******************************************************************
* WordPress Theme  | LanteasOpenSoclePremiumThemeChild [child/fragment] - Lanteas.
* ***************** *******************************************************************
*/


/* Restructuration des boites doubles Avia en mode 4 col .av_one_fourth */
/* 
 *             - SPECIAL BOX MODEL FOR AUTHENTICATE PARTS -
 ***************************************************************************
 *                                                                         *
 *  On ajoute la classe 'av_one_fourth_special_two_flex_centered' à la     *
 *  boite « Couleur Section » qui contient les 4 colonnes.                 *
 *                                                                         *
 ***************************************************************************
 *
 * - Le content wrapper sera flex align arround.
 * - Les 2 colonnes centrales seront dimentionnées et responsives.
 * - La première et la dernière colonnes seront dimentionnées à 0 et cachées
**/

.av_one_fourth_special_two_flex_centered   .entry-content-wrapper,
.av_one_half_special_one_flex_onleft       .entry-content-wrapper{
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  
  -webkit-box-pack: center!important;
  -ms-flex-pack   : center!important;
  justify-content: center!important;
}

.av_one_fourth_special_two_flex_centered   .entry-content-wrapper div.av_one_fourth{ 
  margin-left :0; 
  margin-right:0; 
  width       : 40%; 
  max-width   : 930px; 
}


@media only screen and (max-width: 1140px) and (min-width: 990px){
  .av_one_fourth_special_two_flex_centered   .entry-content-wrapper div.av_one_fourth{ 
    margin-left:0; 
    margin-right:0; 
    width: 40%; 
    max-width: 930px; 
  }

}
@media only screen and (max-width: 989px) and (min-width: 768px){
  .av_one_fourth_special_two_flex_centered   .entry-content-wrapper div.av_one_fourth{ 
    margin-left: 0!important;
    margin-top: 0!important; 
    max-width: 450px; 
  }
}
@media only screen and (max-width: 767px){
  .av_one_fourth_special_two_flex_centered   .entry-content-wrapper{
    display: block!important;
  }
  .av_one_fourth_special_two_flex_centered   .entry-content-wrapper div.av_one_fourth{ 
    margin-left:10%!important; 
    width: 80%!important;
  }
}

.av_one_fourth_special_two_flex_centered   .entry-content-wrapper div.av_one_fourth:first-of-type{ margin-left:0!important; width: 0; display: none; }
.av_one_fourth_special_two_flex_centered   .entry-content-wrapper div.av_one_fourth:last-of-type{ margin-left:0!important; width: 0; display: none; }





/* Modèle de boite (Form View /Dossier + Right Col ) */
.form-view{
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: stretch;
}

.form-view  .form-view-main{
  flex-grow: 1;
}
.form-view  .form-view-side{
/*min-width: 328px;/**/
/*flex-shrink: 1;/**/
}

/* see : https://bootstrapshuffle.com/fr/classes/flexbox/flex-*-grow-1 */




/* Media Queries | UIX sizes on Desktop Styles upper tablets */
@media only screen and (min-width: 992px) {

    .container_formulaire {
      /*background-color: var( --alternate_color_bg2 );/**/
        flex: 0 0 80% !important; 
        max-width: 80% !important;
        width: 100%;
    }

    .container_formulaire_info {
      /*background-color: var( --alternate_color_bg2 );/**/
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    .container_formulaire_info section.panel{
        width: 100%;
    }

}

/* Media Queries | UIX sizes Tablet Styles */
@media only screen and (min-width: 768px) and (max-width: 992px) {

    .container_formulaire_info {
      /*background-color: var( --alternate_color_bg2 );/**/
        justify-content: space-between;
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    .container_formulaire_info section.panel{
        position: relative;
        width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }
    .container_formulaire_info section.panel:first-child{ margin-left: 0px; }
    .container_formulaire_info section.panel:last-child{ margin-right: 0px; }

}

/* Media Queries | UIX sizes Small tablets oo vertical Phone display */
@media only screen and (max-width: 768px) {

    .container_formulaire_info {
      /*background-color: var( --alternate_color_bg2 );/**/
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    .container_formulaire_info section.panel{
        width: 100%;
    }

}




/* Structuration des boites .box-panel construites dans l'éditeur block*Code d'Avia.
  Généralement emboitées en mode 4 col .av_one_fourth
  
  - Boite avec la bordure haute colorée dynamiquement.
*/

section.box-panel .panel-body {
    border-top-color: var(--data-ctx-color ,#6A747E) !important;
}