// Social Media Icons
//==============================================================================

// Social Media Icons
//==============================================================================
.social_icons {
    li {
        // repeat for social colours
        $socialColors: facebook $facebook, linkedin $linkedin, twitter $twitter, google $google, youtube $youtube, instagram $instagram;

        @each $social in $socialColors {
            &.#{(nth($social, 1))} {
                @include link(0, $white, darken($white,15%), darken($white,25%), 0, 0, 0);
                .contact_social & {
                    background: (nth($social, 2));
                }
            }
        }
    }
}



.social_icons {
    .contact_social & {
        list-style: none;
        margin: 0 auto;
        li {
            @include link(0, $white, darken($white,15%), darken($white,25%), 0, 0, 0);
            @include font-size(37);
            width: calc(25% - 1px);
            @include mq-mm(0,950) {
                @include font-size(37);
            }
            &:nth-of-type(3) {
                margin-right: 0px;
                width: 25%;
            }
        }
    }
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    height: 2em!important;
}