/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/lnb-social-share.woff') format('woff');

    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="lnb-icon-social-"], [class*=" lnb-icon-social-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lnb-icon-social-pinterest:before {
    content: "\e91e";
}
.lnb-icon-social-twitter:before {
    content: "\e91f";
}
.lnb-icon-social-facebook-filled:before {
    content: "\e926";
}
.lnb-icon-social-mail:before {
    content: "\e904";
}
.lnb-icon-social-share-mobile:before {
    content: "\e900";
}


span.lnb-social-icon-list {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

span.lnb-social-icon-list .lnb-social-icon-list-item {
    margin-left: .3rem !important;
    overflow: hidden;
}

.lnb-social-icon {
    background-repeat: no-repeat;
    display: flex;
    background-position: center center ;
    width: 32px;
    height: 32px;
}

.lnb-social-icon-circle {
    align-items: center;
    color: inherit;
    justify-content: center;
    height: 32px;
    width: 32px;
    display: flex;
}
.lnb-social-icon-circle.lnb-social-icon-mobile-outer {
    width: auto;
}
.lnb-social-icon-circle.lnb-social-icon-mobile-outer .lnb-social-icon-share-mobile {
    align-items: center;
    line-height: 1;
    padding-left: 26px;
    width: 100%;
}

.lnb-social-icon-mobile-text {
    line-height: 1;
    margin-left: 4px;
}

span.lnb-social-icon-list .lnb-social-hide-on-mobile {
    display: none;
}

@media screen and (min-width: 768px) {
    span.lnb-social-icon-list .lnb-social-hide-on-mobile {
        display: block;
    }
}

span.lnb-social-icon-list .lnb-social-show-on-mobile {
    display: block;
}

@media screen and (min-width: 768px) {
    span.lnb-social-icon-list .lnb-social-show-on-mobile {
        display: none;
    }
}