/* -------------------------------------------------- */
/* Responsive styling for Linvio Events Sites pages   */
/* Can be used in conjunction with sites_basic.css    */
/* Collapses responsive forms and columns when pages   */
/* are viewed on smaller devices                      */ 
/* Updated 7/24/2015                                  */
/* -------------------------------------------------- */

  /* Too narrow to support two columns */
  @media all and (max-width: 760px) {
  
   #quick_event_detail_flex {
            -webkit-flex-flow: column;
                -ms-flex-flow: column;
                    flex-flow: column;
   }

   #quick_event_detail_flex > article,  #quick_event_detail_flex > aside {
    /* Return them to document order */
            -webkit-box-ordinal-group: 1;
            -webkit-order: 0;
                -ms-flex-order: 0;
                    order: 0;
        -webkit-flex-basis:auto;
            -ms-flex-preferred-size:auto;
                flex-basis:auto;
        -webkit-box-flex:1;
        -webkit-flex-grow:1;
            -ms-flex-positive:1;
                flex-grow:1;                  
   }
  
  #quick_event_detail_flex > aside, header, footer {
    min-height: 50px; 
    width:auto;
   }
  #quick_event_detail_flex > article {
   margin: 4px 0px 4px 0px;
   padding: 5px 0px 5px 0px;
   }
   
  #quick_event_detail_flex > aside {
   margin: 4px 0px 4px 0px;
   padding: 5px 0px 5px 0px; 
  }

  /* ------- 2 column (50/50) layout, which collapses to single column -------- */
  .evt_flex_two_columns {
    -webkit-flex-flow:column;
        -ms-flex-flow:column;
            flex-flow:column;

  }

  .evt_flex_two_columns .flex_item_left {
    -webkit-box-ordinal-group:2;
    -webkit-order:1;
        -ms-flex-order:1;
            order:1;
    margin:0px 0px 20px 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }

  .evt_flex_two_columns .flex_item_right {
    -webkit-box-ordinal-group:3;
    -webkit-order:2;
        -ms-flex-order:2;
            order:2;
    margin:0px 0px 20px 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;

  }
  /* ----------------------------------------- */  

  .evt_contact_form_text_area{
    height:150px;
    width:100%;
  }

  /* ----- Hide less important columns in Sessions selection table -----*/
  /* ----- and make the extra content in the 2nd column visible instead  */

  .evt_collapsible_col, .rightAlign_collapsible_col, .leftAlign_collapsible_col, .centerAlign_collapsible_col {
    display:none;
  }
  .evt_expandible_content {
    display:block;  /* show hidden content */
  }

/* ------------------------------------------- */
@media (max-width: 480px) {
  .evt_speaker_bio_flexbox {
    display: block;
  }
  .evt_speaker_bio_flexbox .evt_speaker_bio_image {
    margin-right:0px;
    margin: 0px auto 10px 0px;
   }
   .evt_list_thumbnail {
    width:50px;
   }
}

}