@import url("./vars_social.css");
@import url("./vars_social_0480.css") (max-width: 480px);
@import url("./vars_social_0375.css") (max-width: 375px);
@import url("./social_icons.css");

#social
{
    float: var(--social-float, right);
    padding: var(--social-padding, .75rem .75rem .5rem 1rem);
}

.social + .social
{
    margin-left: var(--margin-left_social_social);
}

.social_icon
{
    display: block;
    width: var(--width_social_icon);
    height: var(--height_social_icon);
}

.social_icon::after
{
    font-family: "Font Awesome 5 Free";
}


a.social_a
{
    text-decoration: none;
    color: var(--color_social);
    transition: var(--transition_social, 0);
}

.social_a:hover
{
    color: var(--color_social_hover);
}

.li_social
{
    display: var(--display_li_social);
    font-size: var(--font-size_social);
}

.li_social + .li_social
{
    margin: var(--margin_li_social_li_social);
}

.social_footer
{
    float: var(--social_footer-float, right);
    display: var(--social_footer-display, block);
    text-align: var(--social_footer-text-align, left);
    margin: var(--social_footer-margin, 6rem 2rem 0 0);
}