/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Abstract Explosion
 Author URI:   https://AbstractExplosion.com
 Template:     Divi
 Version:      11.05.24
*/


li
{
padding-bottom: 2px !important;
}

/*****Add any custom CSS below this line*****/

body.single-post #main-content>.container {
    width: 100%!important;
    max-width: 100%!important;
}

span.mobile_menu_bar:before{
  color:#ffffff;
}

sup
{
	font-size: 50%;
}

/* Increase inner width of drop-down menu
.et-menu li li a {
    padding: 20px 20px; 
    width: 360px;
}
/* Increase width of drop-down menu
.nav li ul {
    position: absolute;
    padding: 20px 0; 
    width: 400px;
    
}
*/
/* Stop 1-4 Columns from breaking on mobile */
/* Row Advanced CSS  = two-columns */ 
@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;
}
 
}


/* reorder columns on mobile */
/*  Row CSS = custom_row */ 
/* Column 1 Advanced css = second-on-mobile */
/* Column 2 Advanced css = first-on-mobile */
/* Column 3 Advanced css = third-on-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;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

span.mobile_menu_bar:before{
  color:#f4f4f4 !important;
	font-size: 45px !important;
}


/* add space after li */

li {
	padding-bottom: 18px;
}