.et-widget-socialmedia {

    .et-socialmedia {
        &-wrapper {
            color: $colorPrimary1;

            @include media-breakpoint-up(sm) {
                border-top: 2px solid $colorNeutral5;
                border-bottom: 2px solid $colorNeutral5;
                padding-top: 20px;
                padding-bottom: 20px;

                &.et-border-top-disabled {
                    border-top: 0;
                    padding-top: 0;
                }

                &.et-border-bottom-disabled {
                    border-bottom: 0;
                    padding-bottom: 0;
                }
            }

            &.et-border-top-disabled {
                .et-socialmedia-links {
                    border-top: 0;
                    padding-top: 0;
                }
            }

            &.et-border-bottom-disabled {
                .et-socialmedia-links {
                    border-bottom: 0;
                    padding-bottom: 0;
                }
            }
        }

        &-headline {
            display: flex;
            align-items: center;
            padding-top: 20px;
            padding-bottom: 20px;
            justify-content: center;

            @include media-breakpoint-up(sm) {
                justify-content: flex-start;
                padding-bottom: 0;
                padding-top: 0;
            }
        }

        &-links {
            display: flex;
            justify-content: center;
            align-items: center;

            border-top: 2px solid $colorNeutral5;
            border-bottom: 2px solid $colorNeutral5;
            padding-top: 20px;
            padding-bottom: 20px;

            @include media-breakpoint-up(sm) {
                justify-content: flex-end;
                padding-top: 0;
                padding-bottom: 0;
                border-top: 0;
                border-bottom: 0;
            }

            @include media-breakpoint-up(lg) {
                justify-content: center;
            }

            &-link:not(.nav-link):not([data-toggle=dropdown]):not(.dropdown-item):not(.btn) {
                font-size: 30px;
                color: $colorPrimary1;

                &:hover {
                    color: $colorLinkHover;
                }
            }

            &-icon {
                margin: 0 $grid-gutter-width;
            }
        }
    }
}