/*@mixin radial-spin () {

    // explanation http://davidwalsh.name/css-circles 
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @-moz-keyframes spin {
        from {
            -moz-transform: rotate(0deg);
        }

        to {
            -moz-transform: rotate(360deg);
        }
    }

    @-ms-keyframes spin {
        from {
            -ms-transform: rotate(0deg);
        }

        to {
            -ms-transform: rotate(360deg);
        }
    }
}*/
:root {
  --sk-socialnetworks-mono-btn-color: var(--bs-body-color);
  --sk-socialnetworks-mono-btn-bg: #fff;
  --sk-socialnetworks-mono-btn-border-color: #fff;
  --sk-socialnetworks-mono-btn-hover-color: var(--bs-body-color);
  --sk-socialnetworks-mono-btn-hover-bg: var(--bs-gray-200);
  --sk-socialnetworks-mono-btn-hover-border-color: var(--bs-gray-200);
  --sk-socialnetworks-negatif-btn-color: #fff;
  --sk-socialnetworks-negatif-btn-bg: var(--bs-body-color);
  --sk-socialnetworks-negatif-btn-border-color: var(--bs-body-color);
  --sk-socialnetworks-negatif-btn-hover-color: #fff;
  --sk-socialnetworks-negatif-btn-hover-bg: var(--bs-gray-800);
  --sk-socialnetworks-negatif-btn-hover-border-color: var(--bs-gray-800);
}

.wg-socialnetworks {
  gap: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wg-socialnetworks .btn.ti-facebook {
  --bs-btn-color: #fff;
  --bs-btn-bg: #306199;
  --bs-btn-border-color: #306199;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1a3553;
  --bs-btn-hover-border-color: #1a3553;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1a3553;
  --bs-btn-active-border-color: #1a3553;
}
.wg-socialnetworks .btn.ti-x {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000;
  --bs-btn-border-color: #000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #333333;
  --bs-btn-hover-border-color: #333333;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333333;
  --bs-btn-active-border-color: #333333;
}
.wg-socialnetworks .btn.ti-linkedin {
  --bs-btn-color: #fff;
  --bs-btn-bg: #007bb6;
  --bs-btn-border-color: #007bb6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #003d5a;
  --bs-btn-hover-border-color: #003d5a;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003d5a;
  --bs-btn-active-border-color: #003d5a;
}
.wg-socialnetworks .btn.ti-instagram {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff107e;
  --bs-btn-border-color: #ff107e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #072337;
  --bs-btn-hover-border-color: #072337;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #072337;
  --bs-btn-active-border-color: #072337;
}
.wg-socialnetworks .btn.ti-youtube {
  --bs-btn-color: #fff;
  --bs-btn-bg: #cc181e;
  --bs-btn-border-color: #cc181e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7a0e12;
  --bs-btn-hover-border-color: #7a0e12;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7a0e12;
  --bs-btn-active-border-color: #7a0e12;
}
.wg-socialnetworks .btn.ti-vimeo {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1bb6ec;
  --bs-btn-border-color: #1bb6ec;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d799e;
  --bs-btn-hover-border-color: #0d799e;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d799e;
  --bs-btn-active-border-color: #0d799e;
}
.wg-socialnetworks .btn.ti-android {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a5c63b;
  --bs-btn-border-color: #a5c63b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6a8025;
  --bs-btn-hover-border-color: #6a8025;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6a8025;
  --bs-btn-active-border-color: #6a8025;
}
.wg-socialnetworks .btn.ti-apple {
  --bs-btn-color: #fff;
  --bs-btn-bg: #999999;
  --bs-btn-border-color: #999999;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6b6b6b;
  --bs-btn-hover-border-color: #6b6b6b;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6b6b6b;
  --bs-btn-active-border-color: #6b6b6b;
}
.wg-socialnetworks .btn.ti-microsoft {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1e75bb;
  --bs-btn-border-color: #1e75bb;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #11446c;
  --bs-btn-hover-border-color: #11446c;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #11446c;
  --bs-btn-active-border-color: #11446c;
}
.wg-socialnetworks.monochrome .btn {
  --bs-btn-color: var(--sk-socialnetworks-mono-btn-color);
  --bs-btn-bg: var(--sk-socialnetworks-mono-btn-bg);
  --bs-btn-border-color: var(--sk-socialnetworks-mono-btn-border-color);
  --bs-btn-hover-color: var(--sk-socialnetworks-mono-btn-hover-color);
  --bs-btn-hover-bg: var(--sk-socialnetworks-mono-btn-hover-bg);
  --bs-btn-hover-border-color: var(--sk-socialnetworks-mono-btn-hover-border-color);
  --bs-btn-active-color: var(--sk-socialnetworks-mono-btn-hover-color);
  --bs-btn-active-bg: var(--sk-socialnetworks-mono-btn-hover-bg);
  --bs-btn-active-border-color: var(--sk-socialnetworks-mono-btn-hover-border-color);
}
.wg-socialnetworks.negatif .btn {
  --bs-btn-color: var(--sk-socialnetworks-negatif-btn-color);
  --bs-btn-bg: var(--sk-socialnetworks-negatif-btn-bg);
  --bs-btn-border-color: var(--sk-socialnetworks-negatif-btn-border-color);
  --bs-btn-hover-color: var(--sk-socialnetworks-negatif-btn-hover-color);
  --bs-btn-hover-bg: var(--sk-socialnetworks-negatif-btn-hover-bg);
  --bs-btn-hover-border-color: var(--sk-socialnetworks-negatif-btn-hover-border-color);
  --bs-btn-active-color: var(--sk-socialnetworks-negatif-btn-hover-color);
  --bs-btn-active-bg: var(--sk-socialnetworks-negatif-btn-hover-bg);
  --bs-btn-active-border-color: var(--sk-socialnetworks-negatif-btn-hover-border-color);
}

/*# sourceMappingURL=widgetsocialnetworks.css.map */