.wd-social-icons {
    font-size: 0
}

    .wd-social-icons .wd-label {
        display: block;
        margin-bottom: 5px;
        color: var(--color-gray-800);
        font-weight: 600;
        font-size: var(--wd-text-font-size)
    }

    .wd-social-icons .wd-social-icon {
        display: inline-block;
        margin: 4px;
        vertical-align: middle;
        text-align: center;
        font-size: 0
    }

    .wd-social-icons .wd-icon {
        display: inline-block;
        vertical-align: middle;
        font-family: "woodmart-font"
    }

    .wd-social-icons p {
        display: inline-block;
        margin: 0
    }

.social-facebook {
    --social-color: #365493
}

    .social-facebook .wd-icon:before {
        content: "\f180"
    }

.social-twitter {
    --social-color: #3CF
}

    .social-twitter .wd-icon:before {
        content: "\f154"
    }

.social-instagram {
    --social-color: #774430
}

    .social-instagram .wd-icon:before {
        content: "\f163"
    }

.social-email {
    --social-color: #F89A1E
}

    .social-email .wd-icon:before {
        content: "\f157"
    }

.social-pinterest {
    --social-color: #CB2027
}

    .social-pinterest .wd-icon:before {
        content: "\f156"
    }

.social-youtube {
    --social-color: #CB2027
}

    .social-youtube .wd-icon:before {
        content: "\f162"
    }

.social-tumblr {
    --social-color: #36465D
}

    .social-tumblr .wd-icon:before {
        content: "\f165"
    }

.social-linkedin {
    --social-color: #0274B3
}

    .social-linkedin .wd-icon:before {
        content: "\f158"
    }

.social-vimeo {
    --social-color: #1AB7EA
}

    .social-vimeo .wd-icon:before {
        content: "\f177"
    }

.social-flickr {
    --social-color: #FE0072
}

    .social-flickr .wd-icon:before {
        content: "\f164"
    }

.social-github {
    --social-color: #171515
}

    .social-github .wd-icon:before {
        content: "\f155"
    }

.social-dribbble {
    --social-color: #EC5E95
}

    .social-dribbble .wd-icon:before {
        content: "\f166"
    }

.social-behance {
    --social-color: #1F6FFC
}

    .social-behance .wd-icon:before {
        content: "\f170"
    }

.social-soundcloud {
    --social-color: #F9490D
}

    .social-soundcloud .wd-icon:before {
        content: "\f172"
    }

.social-spotify {
    --social-color: #2EBD59
}

    .social-spotify .wd-icon:before {
        content: "\f171"
    }

.social-skype {
    --social-color: #00AFF0
}

    .social-skype .wd-icon:before {
        content: "\f167"
    }

.social-ok {
    --social-color: #EE8208
}

    .social-ok .wd-icon:before {
        content: "\f176"
    }

.social-whatsapp {
    --social-color: #1EBEA5
}

    .social-whatsapp .wd-icon:before {
        content: "\f175"
    }

.social-vk {
    --social-color: #4C75A3
}

    .social-vk .wd-icon:before {
        content: "\f168"
    }

.social-snapchat {
    --social-color: #FFFC00
}

    .social-snapchat .wd-icon:before {
        content: "\f178"
    }

.social-tg {
    --social-color: #37AEE2
}

    .social-tg .wd-icon:before {
        content: "\f179"
    }

.social-viber {
    --social-color: #834995
}

    .social-viber .wd-icon:before {
        content: "\f181"
    }

.social-tiktok {
    --social-color: #010101
}

    .social-tiktok .wd-icon:before {
        content: "\f133"
    }

.wd-social-icons.wd-layout-justify {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    .wd-social-icons.wd-layout-justify .wd-label {
        flex: 1 1 auto;
        margin-bottom: 0;
        text-align: start
    }

.wd-social-icons.wd-layout-inline .wd-label {
    display: inline-block;
    margin-inline-end: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.icons-design-default .wd-social-icon {
    margin: 0 !important;
    padding: 6px;
    width: auto !important;
    height: auto !important;
    color: rgba(0,0,0,0.6) !important
}

    .icons-design-default .wd-social-icon .wd-icon {
        line-height: 1 !important
    }

    .icons-design-default .wd-social-icon:hover {
        color: rgba(0,0,0,0.8) !important
    }

.icons-design-default.color-scheme-light .wd-social-icon, [class*="color-scheme-light"] .icons-design-default .wd-social-icon {
    color: #fff !important
}

    .icons-design-default.color-scheme-light .wd-social-icon:hover, [class*="color-scheme-light"] .icons-design-default .wd-social-icon:hover {
        color: rgba(255,255,255,0.6) !important
    }

.icons-design-simple .wd-social-icon {
    background-color: #F2F2F2;
    color: rgba(0,0,0,0.4) !important
}

    .icons-design-simple .wd-social-icon:hover {
        background-color: var(--wd-primary-color);
        color: #fff !important
    }

.icons-design-simple.color-scheme-light .wd-social-icon, .color-scheme-light .icons-design-simple .wd-social-icon {
    background-color: rgba(255,255,255,0.3);
    color: #fff !important
}

.icons-design-colored-alt .wd-social-icon {
    background-color: #EFEFEF;
    color: rgba(0,0,0,0.4) !important
}

.icons-design-colored-alt.color-scheme-light .wd-social-icon, .color-scheme-light .icons-design-colored-alt .wd-social-icon {
    background-color: rgba(255,255,255,0.3);
    color: #fff !important
}

.icons-design-bordered .wd-social-icon {
    border: 2px solid #CCC;
    background-color: transparent;
    color: rgba(0,0,0,0.4) !important
}

    .icons-design-bordered .wd-social-icon .wd-icon {
        margin-top: -2px
    }

.icons-design-bordered.color-scheme-light .wd-social-icon, .color-scheme-light .icons-design-bordered .wd-social-icon {
    border: 2px solid rgba(255,255,255,0.4);
    color: #fff !important
}

.icons-design-colored .wd-social-icon {
    background-color: var(--social-color);
    color: #fff !important
}

    .icons-design-colored .wd-social-icon:hover {
        box-shadow: inset 0 0 200px rgba(0,0,0,0.15);
        color: #fff !important
    }

:is(.icons-design-colored-alt,.icons-design-bordered) .wd-social-icon:hover {
    border-color: var(--social-color);
    background-color: var(--social-color);
    color: #fff !important
}

:is(.icons-size-small,.icons-size-) .wd-social-icon {
    width: 30px;
    height: 30px
}

.wd-social-icons:is(.icons-size-small,.icons-size-) .wd-icon {
    font-size: 14px;
    line-height: 30px
}

.icons-size-default .wd-social-icon {
    width: 40px;
    height: 40px
}

.wd-social-icons.icons-size-default .wd-icon {
    font-size: 18px;
    line-height: 40px
}

.icons-size-large .wd-social-icon {
    width: 60px;
    height: 60px
}

.wd-social-icons.icons-size-large .wd-icon {
    font-size: 22px;
    line-height: 60px
}

.social-form-circle .wd-social-icon {
    border-radius: 50%
}

@media (min-width: 1025px) {
    .wd-social-icons .whatsapp-mobile {
        display: none !important
    }
}

@media (max-width: 1024px) {
    .wd-social-icons .whatsapp-desktop {
        display: none !important
    }
}
