/*
Theme Name: Peerless Midwest
Description: Child theme for the Divi Theme
Author: Sunflower Creatives
Template:Divi
Version: 1.0
*/


/* Text */

.sf-vertical-align { 
        display: flex !important; 
        flex-direction: column !important; 
        justify-content: center !important;
	   -webkit-display: flex !important;
	   -webkit-flex-direction: column !important;
	   -webkit-justify-content: center !important;
	   -moz-display: flex !important;
	   -moz-flex-direction: column !important;
	   -moz-justify-content: center !important;
} 

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_order {
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;
}

}


/*--------------------------------------------[Heading Area]---------------------------------------*/

/* ---------- [Hamburger Menu for Tablets] ----------- */

@media only screen and (max-width: 1024px) and (min-width: 981px) {
#et_mobile_nav_menu {display: block !important;}
#top-menu {display: none !important;}
}

@media only screen and (max-width: 1024px) and (min-width: 981px) and (orientation:landscape) {
.et_mobile_nav_menu {display: block !important;}
.top-menu {display: none !important;}
}

/* ---------- [End of Hamburger Menu for Tablets] --------------- */

#main-header .mobile_menu_bar{background-color:#062b52; padding-bottom: 0px;}
.mobile_menu_bar:before{color:#fff!important;font-size:52px;}
.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0px;
}

/* ----------- Remove the Select Page in mobile ------------------ */
@media only screen and (max-width: 1024px) {
.select_page {display: none !important;}
 .et_header_style_split #main-header .mobile_nav { 
    background-color: rgba(0, 0, 0, 0.0);
}

}