/*
Theme Name:   B Creative Studio | Custom Divi Child
Theme URI:    http://bcreativestudio.au/
Description:  Divi Child Theme
Author:       B Creative Design Studio
Author URI:   http://bcreativestudio.au/
Template:     Divi
Version:      1.0.0
*/

/* keep collums on mobile*/

@media only screen and (max-width: 980px) {
 
  .two-columns .et_pb_column {
  width: 50%!important;
  }
   
  .three-columns .et_pb_column {
  width: 33.33%!important;
  }
   
  .four-columns .et_pb_column {
  width: 25%!important;
  }
   
  }

/*display empty columns*/ 

.et_pb_column.et_pb_column_empty {
  display: block!important;
}

/* change column stack order mobile*/

@media all and (max-width: 980px) {


/*** wrap row in a flex box ***/

.custom_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}

/*** custom classes that will designate the order of columns in the flex box row ***/

.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;
}
}