/**
 * Social styles
 */
.is-social {
    line-height: 1;
    margin-bottom: 1.5em;
    a {
        display: inline-block;
        margin-right: 0.5em;
        padding: 0.5em;
        width: 2.2em;
        line-height: 1.2em;
        text-align: center;

        > i {
            margin: 0 !important;
            color: inherit !important;
            text-decoration: none;
            font-size: 1.2em;
            transition: all 0.1s ease-in-out;
        }

        &:hover > i {
            color: var(--primary);
        }
        &:first-child {
            > i {
                margin: 0 15px 0 0
            }
        }
        &:last-child {
            margin-right: 0;
            > i {
                margin: 0 0 0 15px
            }
        }
    }
}

 /* Light text */
.is-light-text {
    .is-social {
        a {
            > i {
                color: #fff
            }
            &:hover {
                > i {
                    color: #fff
                }
            }
        }
    }
}

/* Dark text */
.is-dark-text {
    .is-social {
        a {
            > i {
                color: #000
            }
            &:hover {
                > i {
                    color: #000
                }
            }
        }
    }
}

/* reset */
.is-social {
    .text-reset {
        transition: transform 0.3s ease;
        &:hover {
            transform: scale(1.2);
        }
    }
}