/* Chesley Law Firm site fixes */
/* Replaces the phone menu and footer icons that the missing Divi bundle and ETmodules font provided */

/* Phone menu button: Font Awesome bars instead of the ETmodules "a" */
.mobile_menu_bar::before {
    content: "\f0c9" !important; /* fa-bars */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Phone menu open / closed (the list is built by site.js) */
.mobile_nav.opened .et_mobile_menu {
    display: block;
}

.mobile_nav.closed .et_mobile_menu {
    display: none;
}

/* The menu module sits in a narrow column on phones: drop the list down from the
   right edge at a readable width instead of the column's width */
.et_pb_menu .et_mobile_menu {
    left: auto;
    right: 0;
    width: 300px;
    max-width: calc(100vw - 40px);
    padding: 5%;
}

/* Submenus inside the phone menu show in place, indented, as Divi did */
.et_mobile_menu .menu-item-has-children {
    padding-bottom: 0 !important;
}

.et_mobile_menu .sub-menu {
    position: static !important;
    margin: 0 !important;
    padding: 0 0 0 5% !important;
    opacity: 1 !important;
    visibility: visible !important;
    list-style: none;
}

.et_mobile_menu li {
    list-style: none;
}

/* Footer social links: Font Awesome brand glyphs instead of empty ETmodules squares */
.et_pb_social_media_follow li.et-social-facebook a.icon::before,
.et_pb_social_media_follow li.et-social-linkedin a.icon::before {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    text-align: center;
}

.et_pb_social_media_follow li.et-social-facebook a.icon::before {
    content: "\f39e" !important; /* fa-facebook-f */
}

.et_pb_social_media_follow li.et-social-linkedin a.icon::before {
    content: "\f0e1" !important; /* fa-linkedin-in */
}