/* JR Customizations */

/* On row: keep-columns */
@media (max-width: 980px) {
    .keep-columns {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .keep-columns > .et_pb_column {
        float: none !important;
    }

    .keep-columns > .et_pb_column:first-child {
        width: auto !important;
        flex: 1 1 auto;
        margin-right: 30px !important;
    }

    .keep-columns > .et_pb_column:last-child {
        width: 40px !important;
        flex: 0 0 40px;
        margin-right: 0 !important;
    }
}

/* ---------------------------------------------------------------------------- */

/*
Social media icons in JR Nav Menu

For a bigger hit area without moving the left edge, add padding-right: .5rem; to the second rule.
*/
/* Divi's full icon font (the page's default ETmodules is a trimmed subset without social glyphs) */
@font-face {
    font-family: 'ETmodulesAll';
    font-display: block;
    font-weight: 400;
    font-style: normal;
    src: url('/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff') format('woff');
}

/* Overlay social links: replace text labels with Divi brand icons */
.jr-nav-menu.site-nav .jr-nav-menu__social ul {
    column-gap: 1rem; /* plugin default is 1.5rem */
}

.jr-nav-menu.site-nav .jr-nav-menu__social a[href*="instagram.com"],
.jr-nav-menu.site-nav .jr-nav-menu__social a[href*="facebook.com"] {
    font-size: 0; /* hides the visible text but keeps it for screen readers */
    letter-spacing: 0;
    justify-content: flex-start; /* first icon flush with the menu text */
}

.jr-nav-menu.site-nav .jr-nav-menu__social a[href*="instagram.com"]::before,
.jr-nav-menu.site-nav .jr-nav-menu__social a[href*="facebook.com"]::before {
    font-family: 'ETmodulesAll';
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem; /* icon size */
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.jr-nav-menu.site-nav .jr-nav-menu__social a[href*="instagram.com"]::before {
    content: "\e0c8";
}

.jr-nav-menu.site-nav .jr-nav-menu__social a[href*="facebook.com"]::before {
    content: "\e0c1";
}