footer #site-generator {
    padding-bottom: 21px;
    padding-top: 21px;

    .wrapper {
        @include flex;

        @include media(desktop) {
            justify-content: space-between;
        }

        .site-info {
            font-size: 12px;
            font-size: 0.75rem;
            margin-bottom: 21px;
            text-align: center;

            @include media(desktop) {
                margin-bottom: 0;
                text-align: left;
            }
        }

        .site-social {
            order: 1;
            width: 100%;

            @include media(desktop) {
                width: auto;
            }
        }
    }
}


.tagcloud a {
    border: 1px solid;
    padding: 5px;
    display: inline-block;
    margin: 2px;
}

.social-navigation a:before {
    content: "\f0c1";
}

.social-navigation a[href*="facebook.com"]:before {
    content: "\f09a";
}

.social-navigation a[href*="instagram.com"]::before {
    content: "\f16d";
}

.social-navigation a[href*="twitter.com"]::before {
    content: "\f099";
}

.social-navigation a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.social-navigation a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-navigation a[href$="/feed"]:before {
    content: "\f09e";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.social-navigation a[href*="github.com"]:before {
    content: "\f1d3";
}

.social-navigation a[href*="pinterest.com"]:before {
    content: "\f231";
}

.social-navigation a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-navigation a[href*="vimeo.com"]:before {
    content: "\f27d";
}

.social-navigation a[href*="youtube.com"]:before {
    content: "\f16a";
}

.social-navigation a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-navigation a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-navigation a[href*="path.com"]:before {
    content: "\f20c";
}

.social-navigation a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-navigation a[href*="skype.com"]:before {
    content: "\f17e";
}

.social-navigation a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-navigation a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-navigation a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-navigation a[href*="getpocket.com"]:before {
    content: "\f265";
}

.social-navigation a[href*="dropbox.com"]:before {
    content: "\f16b";
}

.social-navigation a[href*="spotify.com"]:before {
    content: "\f1bc";
}

.social-navigation a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-navigation a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-navigation a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-navigation a[href*="vk.com"]:before {
    content: "\f189";
}

.social-navigation a[href*="xing.com"]:before {
    content: "\f168";
}

.social-navigation a[href*="amazon.com"]:before {
    content: "\f270";
}

.social-navigation a[href*="apple.com"]:before {
    content: "\f179";
}

.social-navigation a[href*="soundcloud.com"]:before {
    content: "\f1be";
}

.social-navigation li a[href*="bluesky.com"]:before,
.social-navigation li a[href*="bsky.app"]:before {
    content: "\e671";
}

.social-navigation li a[href*="x.com"]:before {
    content: "\e61b";
}

.social-navigation li a[href*="tiktok.com"]:before {
    content: "\e07b";
}

.social-navigation li a[href*="threads.com"]:before {
    content: "\e618";
}

.social-navigation li a[href*="line.me"]:before {
    content: "\f3c0";
}

.social-navigation li a[href*="discord.com"]:before,
.social-navigation li a[href*="discord.gg"]:before {
    content: "\f392";
}

.social-navigation li a[href*="tel:"]:before {
    content: "\f095";
}

.posted-on a:before {
	content: "\f073";
}

.byline a:before {
	 content: "\f007";
}

.cat-links:before {
	content: "\f07c";
}

.edit-link:before {
	content: "\f040";
}

.tags-links:before {
	content: "\f02c";
}

.sticky-playlist-enabled .site-footer {
    margin-bottom: 60px;

    @include media(diagonal) {
        margin-bottom: 72px;
    }
}
