/* Social Icons - Large
  -----------------------------------------------------------------*/
/* Social Icons - Small
  -----------------------------------------------------------------*/
}

[class*=-flex] > .social-icon, [class*=row] > .social-icon {
    float: none;
    margin-right: 5px;
    margin-bottom: 0px;
    flex: 0 0 auto;
}

.social-icon.si-large {
    --cnvs-socialicon-size: 3.5rem;
}

.social-icon.si-small {
    --cnvs-socialicon-size: 2rem;
    --cnvs-socialicon-fontsize: 0.875rem;
}

.social-icon i {
    display: block;
    position: relative;
    line-height: inherit;
    transition: all 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
    .social-icon i {
        transition: none;
    }
}

.social-icon i:last-child {
    color: #FFF;
}


.social-icon.bg-dark, .social-icon.bg-dark:hover {
    color: var(--bs-gray-200);
}

.social-icon.bg-light {
    --cnvs-socialicon-color: var(--bs-gray-900);
    background-color: var(--bs-gray-200) !important;
}

.social-icon[class*=" bg-"] {
    border-color: transparent;
}

.social-icon.no-transition:hover i:first-child {
    display: none;
    margin-top: 0;
}

/* Social Icons - Sticky
-----------------------------------------------------------------*/
.si-sticky {
    position: fixed;
    top: 50%;
    left: 5px;
    width: 36px;
    z-index: 499;
    transform: translateY(-50%);
    /* Social Icons - Sticky Right
  -----------------------------------------------------------------*/
}

    .si-sticky.si-sticky-right {
        left: auto;
        right: 8px;
    }