/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Future Buffalo Web Design
 Author URI:     https://www.futurebuffalowebdesign.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* vertical align within columns */
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 


/* keep columns in 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;
}
 
}


/* column stacking order tweaks */

@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;
	}***/
	
	.hidden-on-mobile {
		display: none;
	}
 
}


/* header tweaks */
.free-background-overlay-light::before, .free-background-overlay-light { background-color: rgba(250, 250, 250, 0.7) !important; }

@media only screen and (min-width: 768px) {
	.free-regular-menu.et_pb_row_inner_1:before { left: -150px !important; }
} 

#main-header { background-color: #eeeeee !important; }
.mobile_menu_bar::before { font-size: 40px; padding-bottom: 0; }
#et-info-email { display: none; }
#et-info { float: right !important; }

/* mobile tweaks */

@media only screen and (max-width: 980px) {
	.et_pb_column { padding-top: 50px !important; padding-bottom: 50px !important; }
}

@media only screen and (max-width: 768px) {
	.et_pb_column { padding-top: 35px !important; padding-bottom: 35px !important; }
	#footer-bottom { font-size: 11px; }
}