/*======================================
Theme Name: 316 Strategy Group Child Theme
Theme URI: https://316strategygroup.com/
Description: A custom child theme designed for Your Website
Version: 1.0.3
Author: Hannah Callahan
Author URI: https://316strategygroup.com/
Template: Divi
======================================*/


/*Text Wrapping*/
h1, h2, h3, h4 {
	text-wrap: balance;
}

h5, h6, p {
	text-wrap: pretty;
}


/*MENU*/

/*ALTERNATE MENU STYLES*/
/*Footer Menu*/
.hc-vertical-menu .et-menu > li {
        padding-left: 0px;
        padding-right: 0px;
}

.hc-vertical-menu .et_pb_menu__menu nav ul li {
        display: block;
        width: 100%;
        margin: 5px 0;
}
@media (max-width: 980px) {
        /*open the mobile menu up and use on all devices*/
        .et-db #et-boc .et-l .hc-vertical-menu .et_pb_menu__menu {
                display: flex;
        }
        /*hide the hamburger icon*/
        .et-db #et-boc .et-l .hc-vertical-menu .et_mobile_nav_menu {
                display: none;
        }
}
@media (max-width: 980px) {
.hc-vertical-menu.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center; }}

.hc-vertical-menu .et_mobile_menu {
        border: 1px solid #000000 !important;
}

.hc-vertical-menu.et_pb_menu .et_mobile_menu {
        text-align: center !important;
}

.hc-vertical-menu .et_mobile_menu li a {
        border-bottom: none;
}

.hc-vertical-menu.et_pb_menu .et-menu {
        margin-left: 0px;
        margin-right: 0px;
}

/*OPEN MENU: show desktop menu on phone*/

@media (max-width: 980px) {
        .hc-open-menu .et_pb_menu__menu {
                display: flex!important;
        }
        .hc-open-menu .et_mobile_nav_menu {
                display: none!important;
        }
}

/*MOBILE MENU STYLES*/
/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
        content: '\4d';
}
/* Make mobile menu fullwidth */
@media only screen and (max-width: 980px) {
.et_mobile_menu {
min-width: 100vw;
margin-left: -3vw;
        }}