/*
 Theme Name:     AdvancedMetrics
 Theme URI:      https://www.pushingink.com
 Description:    AdvancedMetrics
 Author:         pushingink
 Author URI:     https://www.pushingink.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*-------------ORDER OF CONTENT------------------*/
@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;
}
 
}

/*----------END CONTENT ORDER-----------*/
/*-------------VERTICALLY ALIGN CONTENT------------------*/
.ds-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*-----MOBILE MENU--------*/
.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
	transition: all ease-in-out 300ms;
    z-index: 100;
}
.mobile_nav.closed .mobile_menu_bar:before {
	transition: all ease-in-out 300ms;
}


/********* Mobile Menu Collapse ********/
  
/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
content: "\4c";
display: block;
color: #048ed1;
font-size: 16px;
font-family: ETmodules;
}
  
span.menu-closed.menu-open:before {
content: "\4d";
}