/*---------------------------------------------------------------------------------
 
 Theme Name:   Krack Media Child Theme
 Theme URI:    https://krackmedia.com/
 Description:  Child theme for Divi parent theme
 Author:       Krack Media
 Author URI:   https://krackmedia.com/
 Template:     Divi
 Version:      1.3.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
body {
  font-weight: 400;
  overflow-x: hidden;
}
.et_pb_row {
  width: 90%;
}
.vertical-align {
  align-self: center;
}
.site-btn {
  text-align: center;
  line-height: 1 !important;
}
img {
  pointer-events: none;
}
@media all and (max-width: 980px) {
  /* wrap row in a flex box */
  .custom_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* custom classes that will designate the order of columns in the flex box row */
  .first-on-mobile {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .second-on-mobile {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .third-on-mobile {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .fourth-on-mobile {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .five-on-mobile {
    order: 5;
  }
  /* add margin to last column */
  .custom_row .et_pb_column:last-child {
    margin-bottom: 20px !important;
  }
}
.header-section {
  position: absolute;
  width: 100%;
}
.header-section .header-row {
  display: flex;
  flex-wrap: wrap;
}
.header-section .header-row .et_pb_column:nth-child(1) {
  width: 25%;
}
.header-section .header-row .et_pb_column:nth-child(2) {
  width: 50%;
}
.header-section .header-row .et_pb_column:nth-child(3) {
  width: 25%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}