/*
|--------------------------------------------------------------------------
| Start: Brands
|--------------------------------------------------------------------------
*/

:root {
  --themefox-color-500px: #0099E5;
  --themefox-color-adn: #4A484C;
  --themefox-color-amazon: #F90;
  --themefox-color-android: #A4C639;
  --themefox-color-angellist: #000;
  --themefox-color-apple: #979797;
  --themefox-color-behance: #1769FF;
  --themefox-color-behance-square: #1769FF;
  --themefox-color-bitbucket: #205081;
  --themefox-color-bitbucket-square: #205081;
  --themefox-color-bitcoin: #EE9209;
  --themefox-color-black-tie: #222;
  --themefox-color-btc: #EE9209;
  --themefox-color-buysellads: #C90100;
  --themefox-color-cc-amex: #007BC1;
  --themefox-color-cc-diners-club: #004A97;
  --themefox-color-cc-discover: #F68121;
  --themefox-color-cc-jcb: #003A8F;
  --themefox-color-cc-mastercard: #0A3A82;
  --themefox-color-cc-paypal: #253B80;
  --themefox-color-cc-stripe: #00AFE1;
  --themefox-color-cc-visa: #0157A2;
  --themefox-color-chrome: #4587F3;
  --themefox-color-codepen: #000;
  --themefox-color-connectdevelop: #391448;
  --themefox-color-contao: #EB8623;
  --themefox-color-creative-commons: #231F20;
  --themefox-color-css3: #1680C0;
  --themefox-color-dashcube: #7F7F7F;
  --themefox-color-delicious: #39F;
  --themefox-color-deviantart: #4E6252;
  --themefox-color-digg: #000;
  --themefox-color-discord: #7289DA;
  --themefox-color-dribbble: #444;
  --themefox-color-dropbox: #007EE5;
  --themefox-color-drupal: #0077C0;
  --themefox-color-empire: #000;
  --themefox-color-expeditedssl: #343433;
  --themefox-color-facebook: #3B5998;
  --themefox-color-facebook-official: #3B5998;
  --themefox-color-facebook-square: #3B5998;
  --themefox-color-firefox: #E66000;
  --themefox-color-flickr: #FF0084;
  --themefox-color-fonticons: #1C1E29;
  --themefox-color-forumbee: #83AD13;
  --themefox-color-foursquare: #0072B1;
  --themefox-color-ge: #000;
  --themefox-color-get-pocket: #D3505A;
  --themefox-color-gg: #000;
  --themefox-color-gg-circle: #000;
  --themefox-color-git: #333;
  --themefox-color-git-square: #333;
  --themefox-color-github: #333;
  --themefox-color-github-alt: #333;
  --themefox-color-github-square: #333;
  --themefox-color-gittip: #630;
  --themefox-color-google: #4285F4;
  --themefox-color-google-plus: #DD4B39;
  --themefox-color-google-plus-square: #DD4B39;
  --themefox-color-google-wallet: #4285F4;
  --themefox-color-hacker-news: #F60;
  --themefox-color-houzz: #7AC142;
  --themefox-color-html5: #E34F26;
  --themefox-color-instagram: #D6249F;
  --themefox-color-internet-explorer: #1EBBEE;
  --themefox-color-ioxhost: #FAA729;
  --themefox-color-joomla: #142849;
  --themefox-color-jsfiddle: #4679BD;
  --themefox-color-lastfm: #C3000D;
  --themefox-color-lastfm-square: #C3000D;
  --themefox-color-leanpub: #0C0C0C;
  --themefox-color-linkedin: #0976B4;
  --themefox-color-linkedin-square: #0976B4;
  --themefox-color-linux: #333;
  --themefox-color-maxcdn: #F60;
  --themefox-color-meanpath: #538ED7;
  --themefox-color-medium: #000;
  --themefox-color-odnoklassniki: #ED812B;
  --themefox-color-odnoklassniki-square: #ED812B;
  --themefox-color-opencart: #2AC2EF;
  --themefox-color-openid: #F78C40;
  --themefox-color-opera: #CC0F16;
  --themefox-color-optin-monster: #83C11F;
  --themefox-color-pagelines: #000;
  --themefox-color-paypal: #253B80;
  --themefox-color-pied-piper: #2F9F46;
  --themefox-color-pied-piper-alt: #2F9F46;
  --themefox-color-pied-piper-square: #2F9F46;
  --themefox-color-pinterest: #CC2127;
  --themefox-color-pinterest-p: #CC2127;
  --themefox-color-pinterest-square: #CC2127;
  --themefox-color-qq: #000;
  --themefox-color-ra: #000;
  --themefox-color-rebel: #000;
  --themefox-color-reddit: #FF4500;
  --themefox-color-reddit-square: #FF4500;
  --themefox-color-renren: #005EAC;
  --themefox-color-safari: #1B88CA;
  --themefox-color-sellsy: #1F78B9;
  --themefox-color-share-alt: #01BF01;
  --themefox-color-share-alt-square: #01BF01;
  --themefox-color-shirtsinbulk: #DD3A26;
  --themefox-color-simplybuilt: #000;
  --themefox-color-skyatlas: #00ADBB;
  --themefox-color-skype: #00AFF0;
  --themefox-color-slack: #0F7965;
  --themefox-color-slideshare: #E98325;
  --themefox-color-soundcloud: #F80;
  --themefox-color-spotify: #7AB800;
  --themefox-color-stack-exchange: #000;
  --themefox-color-stack-overflow: #FE7A15;
  --themefox-color-steam: #0B0B0B;
  --themefox-color-steam-square: #0B0B0B;
  --themefox-color-stumbleupon: #EB4924;
  --themefox-color-stumbleupon-circle: #EB4924;
  --themefox-color-tencent-weibo: #74AF2C;
  --themefox-color-trello: #256A92;
  --themefox-color-tripadvisor: #589442;
  --themefox-color-tumblr: #35465C;
  --themefox-color-tumblr-square: #35465C;
  --themefox-color-twitch: #6441A5;
  --themefox-color-twitter: #55ACEE;
  --themefox-color-twitter-square: #55ACEE;
  --themefox-color-viacoin: #333;
  --themefox-color-vimeo: #1AB7EA;
  --themefox-color-vimeo-square: #1AB7EA;
  --themefox-color-vine: #00B488;
  --themefox-color-vk: #45668E;
  --themefox-color-wechat: #93D034;
  --themefox-color-weibo: #E71D34;
  --themefox-color-weixin: #93D034;
  --themefox-color-wikipedia-w: #000;
  --themefox-color-whatsapp: #25D366;
  --themefox-color-windows: #00BCF2;
  --themefox-color-wordpress: #21759B;
  --themefox-color-xing: #026466;
  --themefox-color-xing-square: #026466;
  --themefox-color-y-combinator: #F0652F;
  --themefox-color-yc: #F0652F;
  --themefox-color-yahoo: #400191;
  --themefox-color-yelp: #AF0606;
  --themefox-color-youtube: #E52D27;
  --themefox-color-youtube-play: #E52D27;
  --themefox-color-youtube-square: #E52D27;
  --themefox-color-viadeo: #F88D2D;
  --themefox-color-reddit-alien: #FF4500;
  --themefox-color-themeisle: #3498DB;
  --themefox-color-patreon: #FF424D;
  --themefox-color-snapchat: #FFFC00;
  --themefox-color-tiktok: #69C9D0;
}

/*
|--------------------------------------------------------------------------
| Start: Social Sidebar
|--------------------------------------------------------------------------
*/

.themefox-social-sidebar-nav {
  position: fixed;
  z-index: 999;
  top: 50%;
  margin-top: -75px; /* (li * a:width) / -2 */
}

.themefox-social-sidebar-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.themefox-social-sidebar-nav li:first-child a {}

.themefox-social-sidebar-nav li:last-child a {}

.themefox-social-sidebar-nav a {
  font-size: 18px;
  line-height: 50px;
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #FFF;
  background: #121212;
}

.themefox-social-sidebar-nav a:hover span {
  opacity: 1;
}

.themefox-social-sidebar-nav a span {
  line-height: 24px;
  position: absolute;
  z-index: -1;
  top: 50%;

  margin-top: -16px;
  padding: 4px 8px;

  white-space: nowrap;
  opacity: 0;
  border-radius: 3px;
}

.themefox-social-sidebar-nav a span:before {
  position: absolute;
  z-index: -2;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  content: "";
  transform: rotate(45deg);
}

/*
|--------------------------------------------------------------------------
| Start: Social Sidebar Positioning
|--------------------------------------------------------------------------
*/

/* Position: Left */

.themefox-social-sidebar-nav.left {
  left: 0;
}

.themefox-social-sidebar-nav.left li:first-child a {
  border-radius: 0 5px 0 0;
}

.themefox-social-sidebar-nav.left li:last-child a {
  border-radius: 0 0 5px 0;
}

.themefox-social-sidebar-nav.left a:hover span {
  left: 130%;
}

.themefox-social-sidebar-nav.left a span {
  left: -100%;
  transition: opacity .3s, left .4s;
}

.themefox-social-sidebar-nav.left a span:before {
  left: -4px;
}

/* Position: Right */

.themefox-social-sidebar-nav.right {
  right: 0; /* Change 'left' to 'right' */
}

.themefox-social-sidebar-nav.right li:first-child a {
  border-radius: 5px 0 0 0; /* Change '0 5px 0 0' to '5px 0 0 0' */
}

.themefox-social-sidebar-nav.right li:last-child a {
  border-radius: 0 0 0 5px; /* Change '0 0 5px 0' to '0 0 0 5px' */
}

.themefox-social-sidebar-nav.right a:hover span {
  right: 130%; /* Change 'left' to 'right' */
}

.themefox-social-sidebar-nav.right a span {

  right: -100%; /* Change 'left' to 'right' */
  transition: opacity .3s, right .4s; /* Change 'left' to 'right' */
}

.themefox-social-sidebar-nav.right a span:before {

  right: -4px; /* Change 'left' to 'right' */
}

/* Applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
  .themefox-social-sidebar-nav {
    position: relative;
    z-index: 0;
    top: unset;
    display: block;
    width: 100%;
    height: 50px;
    margin-top: unset;
    background: #121212;
  }

  .themefox-social-sidebar-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .themefox-social-sidebar-nav li {
    float: left;
  }

  .themefox-social-sidebar-nav a span {
    display: none;
  }

  .themefox-social-sidebar-nav a span:before {
    display: none;
  }

  .themefox-social-sidebar-nav.right li:first-child a {
    border-radius: 0;
  }

  .themefox-social-sidebar-nav.right li:last-child a {
    border-radius: 0;
  }
}

/*
|--------------------------------------------------------------------------
| Start: Social Sidebar Colors
|--------------------------------------------------------------------------
*/

.themefox-social-sidebar-nav a[class*="500px"]:hover,
.themefox-social-sidebar-nav a[class*="500px"] span,
.themefox-social-sidebar-nav a[class*="500px"] span:before {
  background: var(--themefox-color-500px);
}

.themefox-social-sidebar-nav a[class*="tiktok"]:hover,
.themefox-social-sidebar-nav a[class*="tiktok"] span,
.themefox-social-sidebar-nav a[class*="tiktok"] span:before {
  background: var(--themefox-color-tiktok);
}

.themefox-social-sidebar-nav a[class*="adn"]:hover,
.themefox-social-sidebar-nav a[class*="adn"] span,
.themefox-social-sidebar-nav a[class*="adn"] span:before {
  background: var(--themefox-color-adn);
}

.themefox-social-sidebar-nav a[class*="amazon"]:hover,
.themefox-social-sidebar-nav a[class*="amazon"] span,
.themefox-social-sidebar-nav a[class*="amazon"] span:before {
  background: var(--themefox-color-amazon);
}

.themefox-social-sidebar-nav a[class*="patreon"]:hover,
.themefox-social-sidebar-nav a[class*="patreon"] span,
.themefox-social-sidebar-nav a[class*="patreon"] span:before {
  background: var(--themefox-color-patreon);
}

.themefox-social-sidebar-nav a[class*="android"]:hover,
.themefox-social-sidebar-nav a[class*="android"] span,
.themefox-social-sidebar-nav a[class*="android"] span:before {
  background: var(--themefox-color-android);
}

.themefox-social-sidebar-nav a[class*="angellist"]:hover,
.themefox-social-sidebar-nav a[class*="angellist"] span,
.themefox-social-sidebar-nav a[class*="angellist"] span:before {
  background: var(--themefox-color-angellist);
}

.themefox-social-sidebar-nav a[class*="apple"]:hover,
.themefox-social-sidebar-nav a[class*="apple"] span,
.themefox-social-sidebar-nav a[class*="apple"] span:before {
  background: var(--themefox-color-apple);
}

.themefox-social-sidebar-nav a[class*="behance"]:hover,
.themefox-social-sidebar-nav a[class*="behance"] span,
.themefox-social-sidebar-nav a[class*="behance"] span:before {
  background: var(--themefox-color-behance);
}

.themefox-social-sidebar-nav a[class*="behance-square"]:hover,
.themefox-social-sidebar-nav a[class*="behance-square"] span,
.themefox-social-sidebar-nav a[class*="behance-square"] span:before {
  background: var(--themefox-color-behance-square);
}

.themefox-social-sidebar-nav a[class*="bitbucket"]:hover,
.themefox-social-sidebar-nav a[class*="bitbucket"] span,
.themefox-social-sidebar-nav a[class*="bitbucket"] span:before {
  background: var(--themefox-color-bitbucket);
}

.themefox-social-sidebar-nav a[class*="bitbucket-square"]:hover,
.themefox-social-sidebar-nav a[class*="bitbucket-square"] span,
.themefox-social-sidebar-nav a[class*="bitbucket-square"] span:before {
  background: var(--themefox-color-bitbucket-square);
}

.themefox-social-sidebar-nav a[class*="bitcoin"]:hover,
.themefox-social-sidebar-nav a[class*="bitcoin"] span,
.themefox-social-sidebar-nav a[class*="bitcoin"] span:before {
  background: var(--themefox-color-bitcoin);
}

.themefox-social-sidebar-nav a[class*="black-tie"]:hover,
.themefox-social-sidebar-nav a[class*="black-tie"] span,
.themefox-social-sidebar-nav a[class*="black-tie"] span:before {
  background: var(--themefox-color-black-tie);
}

.themefox-social-sidebar-nav a[class*="btc"]:hover,
.themefox-social-sidebar-nav a[class*="btc"] span,
.themefox-social-sidebar-nav a[class*="btc"] span:before {
  background: var(--themefox-color-btc);
}

.themefox-social-sidebar-nav a[class*="buysellads"]:hover,
.themefox-social-sidebar-nav a[class*="buysellads"] span,
.themefox-social-sidebar-nav a[class*="buysellads"] span:before {
  background: var(--themefox-color-buysellads);
}

.themefox-social-sidebar-nav a[class*="cc-amex"]:hover,
.themefox-social-sidebar-nav a[class*="cc-amex"] span,
.themefox-social-sidebar-nav a[class*="cc-amex"] span:before {
  background: var(--themefox-color-cc-amex);
}

.themefox-social-sidebar-nav a[class*="cc-diners-club"]:hover,
.themefox-social-sidebar-nav a[class*="cc-diners-club"] span,
.themefox-social-sidebar-nav a[class*="cc-diners-club"] span:before {
  background: var(--themefox-color-cc-diners-club);
}

.themefox-social-sidebar-nav a[class*="cc-discover"]:hover,
.themefox-social-sidebar-nav a[class*="cc-discover"] span,
.themefox-social-sidebar-nav a[class*="cc-discover"] span:before {
  background: var(--themefox-color-cc-discover);
}

.themefox-social-sidebar-nav a[class*="cc-jcb"]:hover,
.themefox-social-sidebar-nav a[class*="cc-jcb"] span,
.themefox-social-sidebar-nav a[class*="cc-jcb"] span:before {
  background: var(--themefox-color-cc-jcb);
}

.themefox-social-sidebar-nav a[class*="cc-mastercard"]:hover,
.themefox-social-sidebar-nav a[class*="cc-mastercard"] span,
.themefox-social-sidebar-nav a[class*="cc-mastercard"] span:before {
  background: var(--themefox-color-cc-mastercard);
}

.themefox-social-sidebar-nav a[class*="cc-paypal"]:hover,
.themefox-social-sidebar-nav a[class*="cc-paypal"] span,
.themefox-social-sidebar-nav a[class*="cc-paypal"] span:before {
  background: var(--themefox-color-cc-paypal);
}

.themefox-social-sidebar-nav a[class*="cc-stripe"]:hover,
.themefox-social-sidebar-nav a[class*="cc-stripe"] span,
.themefox-social-sidebar-nav a[class*="cc-stripe"] span:before {
  background: var(--themefox-color-cc-stripe);
}

.themefox-social-sidebar-nav a[class*="cc-visa"]:hover,
.themefox-social-sidebar-nav a[class*="cc-visa"] span,
.themefox-social-sidebar-nav a[class*="cc-visa"] span:before {
  background: var(--themefox-color-cc-visa);
}

.themefox-social-sidebar-nav a[class*="chrome"]:hover,
.themefox-social-sidebar-nav a[class*="chrome"] span,
.themefox-social-sidebar-nav a[class*="chrome"] span:before {
  background: var(--themefox-color-chrome);
}

.themefox-social-sidebar-nav a[class*="codepen"]:hover,
.themefox-social-sidebar-nav a[class*="codepen"] span,
.themefox-social-sidebar-nav a[class*="codepen"] span:before {
  background: var(--themefox-color-codepen);
}

.themefox-social-sidebar-nav a[class*="connectdevelop"]:hover,
.themefox-social-sidebar-nav a[class*="connectdevelop"] span,
.themefox-social-sidebar-nav a[class*="connectdevelop"] span:before {
  background: var(--themefox-color-connectdevelop);
}

.themefox-social-sidebar-nav a[class*="contao"]:hover,
.themefox-social-sidebar-nav a[class*="contao"] span,
.themefox-social-sidebar-nav a[class*="contao"] span:before {
  background: var(--themefox-color-contao);
}

.themefox-social-sidebar-nav a[class*="creative-commons"]:hover,
.themefox-social-sidebar-nav a[class*="creative-commons"] span,
.themefox-social-sidebar-nav a[class*="creative-commons"] span:before {
  background: var(--themefox-color-creative-commons);
}

.themefox-social-sidebar-nav a[class*="css3"]:hover,
.themefox-social-sidebar-nav a[class*="css3"] span,
.themefox-social-sidebar-nav a[class*="css3"] span:before {
  background: var(--themefox-color-css3);
}

.themefox-social-sidebar-nav a[class*="dashcube"]:hover,
.themefox-social-sidebar-nav a[class*="dashcube"] span,
.themefox-social-sidebar-nav a[class*="dashcube"] span:before {
  background: var(--themefox-color-dashcube);
}

.themefox-social-sidebar-nav a[class*="delicious"]:hover,
.themefox-social-sidebar-nav a[class*="delicious"] span,
.themefox-social-sidebar-nav a[class*="delicious"] span:before {
  background: var(--themefox-color-delicious);
}

.themefox-social-sidebar-nav a[class*="deviantart"]:hover,
.themefox-social-sidebar-nav a[class*="deviantart"] span,
.themefox-social-sidebar-nav a[class*="deviantart"] span:before {
  background: var(--themefox-color-deviantart);
}

.themefox-social-sidebar-nav a[class*="digg"]:hover,
.themefox-social-sidebar-nav a[class*="digg"] span,
.themefox-social-sidebar-nav a[class*="digg"] span:before {
  background: var(--themefox-color-digg);
}

.themefox-social-sidebar-nav a[class*="discord"]:hover,
.themefox-social-sidebar-nav a[class*="discord"] span,
.themefox-social-sidebar-nav a[class*="discord"] span:before {
  background: var(--themefox-color-discord);
}

.themefox-social-sidebar-nav a[class*="dribbble"]:hover,
.themefox-social-sidebar-nav a[class*="dribbble"] span,
.themefox-social-sidebar-nav a[class*="dribbble"] span:before {
  background: var(--themefox-color-dribbble);
}

.themefox-social-sidebar-nav a[class*="dropbox"]:hover,
.themefox-social-sidebar-nav a[class*="dropbox"] span,
.themefox-social-sidebar-nav a[class*="dropbox"] span:before {
  background: var(--themefox-color-dropbox);
}

.themefox-social-sidebar-nav a[class*="drupal"]:hover,
.themefox-social-sidebar-nav a[class*="drupal"] span,
.themefox-social-sidebar-nav a[class*="drupal"] span:before {
  background: var(--themefox-color-drupal);
}

.themefox-social-sidebar-nav a[class*="empire"]:hover,
.themefox-social-sidebar-nav a[class*="empire"] span,
.themefox-social-sidebar-nav a[class*="empire"] span:before {
  background: var(--themefox-color-empire);
}

.themefox-social-sidebar-nav a[class*="expeditedssl"]:hover,
.themefox-social-sidebar-nav a[class*="expeditedssl"] span,
.themefox-social-sidebar-nav a[class*="expeditedssl"] span:before {
  background: var(--themefox-color-expeditedssl);
}

.themefox-social-sidebar-nav a[class*="facebook"]:hover,
.themefox-social-sidebar-nav a[class*="facebook"] span,
.themefox-social-sidebar-nav a[class*="facebook"] span:before {
  background: var(--themefox-color-facebook);
}

.themefox-social-sidebar-nav a[class*="facebook-official"]:hover,
.themefox-social-sidebar-nav a[class*="facebook-official"] span,
.themefox-social-sidebar-nav a[class*="facebook-official"] span:before {
  background: var(--themefox-color-facebook-official);
}

.themefox-social-sidebar-nav a[class*="facebook-square"]:hover,
.themefox-social-sidebar-nav a[class*="facebook-square"] span,
.themefox-social-sidebar-nav a[class*="facebook-square"] span:before {
  background: var(--themefox-color-facebook-square);
}

.themefox-social-sidebar-nav a[class*="firefox"]:hover,
.themefox-social-sidebar-nav a[class*="firefox"] span,
.themefox-social-sidebar-nav a[class*="firefox"] span:before {
  background: var(--themefox-color-firefox);
}

.themefox-social-sidebar-nav a[class*="flickr"]:hover,
.themefox-social-sidebar-nav a[class*="flickr"] span,
.themefox-social-sidebar-nav a[class*="flickr"] span:before {
  background: var(--themefox-color-flickr);
}

.themefox-social-sidebar-nav a[class*="fonticons"]:hover,
.themefox-social-sidebar-nav a[class*="fonticons"] span,
.themefox-social-sidebar-nav a[class*="fonticons"] span:before {
  background: var(--themefox-color-fonticons);
}

.themefox-social-sidebar-nav a[class*="forumbee"]:hover,
.themefox-social-sidebar-nav a[class*="forumbee"] span,
.themefox-social-sidebar-nav a[class*="forumbee"] span:before {
  background: var(--themefox-color-forumbee);
}

.themefox-social-sidebar-nav a[class*="foursquare"]:hover,
.themefox-social-sidebar-nav a[class*="foursquare"] span,
.themefox-social-sidebar-nav a[class*="foursquare"] span:before {
  background: var(--themefox-color-foursquare);
}

.themefox-social-sidebar-nav a[class*="ge"]:hover,
.themefox-social-sidebar-nav a[class*="ge"] span,
.themefox-social-sidebar-nav a[class*="ge"] span:before {
  background: var(--themefox-color-ge);
}

.themefox-social-sidebar-nav a[class*="get-pocket"]:hover,
.themefox-social-sidebar-nav a[class*="get-pocket"] span,
.themefox-social-sidebar-nav a[class*="get-pocket"] span:before {
  background: var(--themefox-color-get-pocket);
}

.themefox-social-sidebar-nav a[class*="gg"]:hover,
.themefox-social-sidebar-nav a[class*="gg"] span,
.themefox-social-sidebar-nav a[class*="gg"] span:before {
  background: var(--themefox-color-gg);
}

.themefox-social-sidebar-nav a[class*="gg-circle"]:hover,
.themefox-social-sidebar-nav a[class*="gg-circle"] span,
.themefox-social-sidebar-nav a[class*="gg-circle"] span:before {
  background: var(--themefox-color-gg-circle);
}

.themefox-social-sidebar-nav a[class*="git"]:hover,
.themefox-social-sidebar-nav a[class*="git"] span,
.themefox-social-sidebar-nav a[class*="git"] span:before {
  background: var(--themefox-color-git);
}

.themefox-social-sidebar-nav a[class*="git-square"]:hover,
.themefox-social-sidebar-nav a[class*="git-square"] span,
.themefox-social-sidebar-nav a[class*="git-square"] span:before {
  background: var(--themefox-color-git-square);
}

.themefox-social-sidebar-nav a[class*="github"]:hover,
.themefox-social-sidebar-nav a[class*="github"] span,
.themefox-social-sidebar-nav a[class*="github"] span:before {
  background: var(--themefox-color-github);
}

.themefox-social-sidebar-nav a[class*="github-alt"]:hover,
.themefox-social-sidebar-nav a[class*="github-alt"] span,
.themefox-social-sidebar-nav a[class*="github-alt"] span:before {
  background: var(--themefox-color-github-alt);
}

.themefox-social-sidebar-nav a[class*="github-square"]:hover,
.themefox-social-sidebar-nav a[class*="github-square"] span,
.themefox-social-sidebar-nav a[class*="github-square"] span:before {
  background: var(--themefox-color-github-square);
}

.themefox-social-sidebar-nav a[class*="gittip"]:hover,
.themefox-social-sidebar-nav a[class*="gittip"] span,
.themefox-social-sidebar-nav a[class*="gittip"] span:before {
  background: var(--themefox-color-gittip);
}

.themefox-social-sidebar-nav a[class*="google"]:hover,
.themefox-social-sidebar-nav a[class*="google"] span,
.themefox-social-sidebar-nav a[class*="google"] span:before {
  background: var(--themefox-color-google);
}

.themefox-social-sidebar-nav a[class*="google-plus"]:hover,
.themefox-social-sidebar-nav a[class*="google-plus"] span,
.themefox-social-sidebar-nav a[class*="google-plus"] span:before {
  background: var(--themefox-color-google-plus);
}

.themefox-social-sidebar-nav a[class*="google-plus-square"]:hover,
.themefox-social-sidebar-nav a[class*="google-plus-square"] span,
.themefox-social-sidebar-nav a[class*="google-plus-square"] span:before {
  background: var(--themefox-color-google-plus-square);
}

.themefox-social-sidebar-nav a[class*="google-wallet"]:hover,
.themefox-social-sidebar-nav a[class*="google-wallet"] span,
.themefox-social-sidebar-nav a[class*="google-wallet"] span:before {
  background: var(--themefox-color-google-wallet);
}

.themefox-social-sidebar-nav a[class*="hacker-news"]:hover,
.themefox-social-sidebar-nav a[class*="hacker-news"] span,
.themefox-social-sidebar-nav a[class*="hacker-news"] span:before {
  background: var(--themefox-color-hacker-news);
}

.themefox-social-sidebar-nav a[class*="houzz"]:hover,
.themefox-social-sidebar-nav a[class*="houzz"] span,
.themefox-social-sidebar-nav a[class*="houzz"] span:before {
  background: var(--themefox-color-houzz);
}

.themefox-social-sidebar-nav a[class*="html5"]:hover,
.themefox-social-sidebar-nav a[class*="html5"] span,
.themefox-social-sidebar-nav a[class*="html5"] span:before {
  background: var(--themefox-color-html5);
}

.themefox-social-sidebar-nav a[class*="instagrem"]:hover,
.themefox-social-sidebar-nav a[class*="instagrem"] span,
.themefox-social-sidebar-nav a[class*="instagrem"] span:before {
  background: var(--themefox-color-instagram);
}

.themefox-social-sidebar-nav a[class*="internet-explorer"]:hover,
.themefox-social-sidebar-nav a[class*="internet-explorer"] span,
.themefox-social-sidebar-nav a[class*="internet-explorer"] span:before {
  background: var(--themefox-color-internet-explorer);
}

.themefox-social-sidebar-nav a[class*="ioxhost"]:hover,
.themefox-social-sidebar-nav a[class*="ioxhost"] span,
.themefox-social-sidebar-nav a[class*="ioxhost"] span:before {
  background: var(--themefox-color-ioxhost);
}

.themefox-social-sidebar-nav a[class*="joomla"]:hover,
.themefox-social-sidebar-nav a[class*="joomla"] span,
.themefox-social-sidebar-nav a[class*="joomla"] span:before {
  background: var(--themefox-color-joomla);
}

.themefox-social-sidebar-nav a[class*="jsfiddle"]:hover,
.themefox-social-sidebar-nav a[class*="jsfiddle"] span,
.themefox-social-sidebar-nav a[class*="jsfiddle"] span:before {
  background: var(--themefox-color-jsfiddle);
}

.themefox-social-sidebar-nav a[class*="lastfm"]:hover,
.themefox-social-sidebar-nav a[class*="lastfm"] span,
.themefox-social-sidebar-nav a[class*="lastfm"] span:before {
  background: var(--themefox-color-lastfm);
}

.themefox-social-sidebar-nav a[class*="lastfm-square"]:hover,
.themefox-social-sidebar-nav a[class*="lastfm-square"] span,
.themefox-social-sidebar-nav a[class*="lastfm-square"] span:before {
  background: var(--themefox-color-lastfm-square);
}

.themefox-social-sidebar-nav a[class*="leanpub"]:hover,
.themefox-social-sidebar-nav a[class*="leanpub"] span,
.themefox-social-sidebar-nav a[class*="leanpub"] span:before {
  background: var(--themefox-color-leanpub);
}

.themefox-social-sidebar-nav a[class*="linkedin"]:hover,
.themefox-social-sidebar-nav a[class*="linkedin"] span,
.themefox-social-sidebar-nav a[class*="linkedin"] span:before {
  background: var(--themefox-color-linkedin);
}

.themefox-social-sidebar-nav a[class*="linkedin-square"]:hover,
.themefox-social-sidebar-nav a[class*="linkedin-square"] span,
.themefox-social-sidebar-nav a[class*="linkedin-square"] span:before {
  background: var(--themefox-color-linkedin-square);
}

.themefox-social-sidebar-nav a[class*="linux"]:hover,
.themefox-social-sidebar-nav a[class*="linux"] span,
.themefox-social-sidebar-nav a[class*="linux"] span:before {
  background: var(--themefox-color-linux);
}

.themefox-social-sidebar-nav a[class*="maxcdn"]:hover,
.themefox-social-sidebar-nav a[class*="maxcdn"] span,
.themefox-social-sidebar-nav a[class*="maxcdn"] span:before {
  background: var(--themefox-color-maxcdn);
}

.themefox-social-sidebar-nav a[class*="meanpath"]:hover,
.themefox-social-sidebar-nav a[class*="meanpath"] span,
.themefox-social-sidebar-nav a[class*="meanpath"] span:before {
  background: var(--themefox-color-meanpath);
}

.themefox-social-sidebar-nav a[class*="medium"]:hover,
.themefox-social-sidebar-nav a[class*="medium"] span,
.themefox-social-sidebar-nav a[class*="medium"] span:before {
  background: var(--themefox-color-medium);
}

.themefox-social-sidebar-nav a[class*="odnoklassniki"]:hover,
.themefox-social-sidebar-nav a[class*="odnoklassniki"] span,
.themefox-social-sidebar-nav a[class*="odnoklassniki"] span:before {
  background: var(--themefox-color-odnoklassniki);
}

.themefox-social-sidebar-nav a[class*="odnoklassniki-square"]:hover,
.themefox-social-sidebar-nav a[class*="odnoklassniki-square"] span,
.themefox-social-sidebar-nav a[class*="odnoklassniki-square"] span:before {
  background: var(--themefox-color-odnoklassniki-square);
}

.themefox-social-sidebar-nav a[class*="opencart"]:hover,
.themefox-social-sidebar-nav a[class*="opencart"] span,
.themefox-social-sidebar-nav a[class*="opencart"] span:before {
  background: var(--themefox-color-opencart);
}

.themefox-social-sidebar-nav a[class*="openid"]:hover,
.themefox-social-sidebar-nav a[class*="openid"] span,
.themefox-social-sidebar-nav a[class*="openid"] span:before {
  background: var(--themefox-color-openid);
}

.themefox-social-sidebar-nav a[class*="opera"]:hover,
.themefox-social-sidebar-nav a[class*="opera"] span,
.themefox-social-sidebar-nav a[class*="opera"] span:before {
  background: var(--themefox-color-opera);
}

.themefox-social-sidebar-nav a[class*="optin-monster"]:hover,
.themefox-social-sidebar-nav a[class*="optin-monster"] span,
.themefox-social-sidebar-nav a[class*="optin-monster"] span:before {
  background: var(--themefox-color-optin-monster);
}

.themefox-social-sidebar-nav a[class*="pagelines"]:hover,
.themefox-social-sidebar-nav a[class*="pagelines"] span,
.themefox-social-sidebar-nav a[class*="pagelines"] span:before {
  background: var(--themefox-color-pagelines);
}

.themefox-social-sidebar-nav a[class*="paypal"]:hover,
.themefox-social-sidebar-nav a[class*="paypal"] span,
.themefox-social-sidebar-nav a[class*="paypal"] span:before {
  background: var(--themefox-color-paypal);
}

.themefox-social-sidebar-nav a[class*="pied-piper"]:hover,
.themefox-social-sidebar-nav a[class*="pied-piper"] span,
.themefox-social-sidebar-nav a[class*="pied-piper"] span:before {
  background: var(--themefox-color-pied-piper);
}

.themefox-social-sidebar-nav a[class*="pied-piper-alt"]:hover,
.themefox-social-sidebar-nav a[class*="pied-piper-alt"] span,
.themefox-social-sidebar-nav a[class*="pied-piper-alt"] span:before {
  background: var(--themefox-color-pied-piper-alt);
}

.themefox-social-sidebar-nav a[class*="pied-piper-square"]:hover,
.themefox-social-sidebar-nav a[class*="pied-piper-square"] span,
.themefox-social-sidebar-nav a[class*="pied-piper-square"] span:before {
  background: var(--themefox-color-pied-piper-square);
}

.themefox-social-sidebar-nav a[class*="pinterest"]:hover,
.themefox-social-sidebar-nav a[class*="pinterest"] span,
.themefox-social-sidebar-nav a[class*="pinterest"] span:before {
  background: var(--themefox-color-pinterest);
}

.themefox-social-sidebar-nav a[class*="pinterest-p"]:hover,
.themefox-social-sidebar-nav a[class*="pinterest-p"] span,
.themefox-social-sidebar-nav a[class*="pinterest-p"] span:before {
  background: var(--themefox-color-pinterest-p);
}

.themefox-social-sidebar-nav a[class*="pinterest-square"]:hover,
.themefox-social-sidebar-nav a[class*="pinterest-square"] span,
.themefox-social-sidebar-nav a[class*="pinterest-square"] span:before {
  background: var(--themefox-color-pinterest-square);
}

.themefox-social-sidebar-nav a[class*="qq"]:hover,
.themefox-social-sidebar-nav a[class*="qq"] span,
.themefox-social-sidebar-nav a[class*="qq"] span:before {
  background: var(--themefox-color-qq);
}

.themefox-social-sidebar-nav a[class*="ra"]:hover,
.themefox-social-sidebar-nav a[class*="ra"] span,
.themefox-social-sidebar-nav a[class*="ra"] span:before {
  background: var(--themefox-color-ra);
}

.themefox-social-sidebar-nav a[class*="rebel"]:hover,
.themefox-social-sidebar-nav a[class*="rebel"] span,
.themefox-social-sidebar-nav a[class*="rebel"] span:before {
  background: var(--themefox-color-rebel);
}

.themefox-social-sidebar-nav a[class*="reddit"]:hover,
.themefox-social-sidebar-nav a[class*="reddit"] span,
.themefox-social-sidebar-nav a[class*="reddit"] span:before {
  background: var(--themefox-color-reddit);
}

.themefox-social-sidebar-nav a[class*="reddit-alien"]:hover,
.themefox-social-sidebar-nav a[class*="reddit-alien"] span,
.themefox-social-sidebar-nav a[class*="reddit-alien"] span:before {
  background: var(--themefox-color-reddit-alien);
}

.themefox-social-sidebar-nav a[class*="reddit-square"]:hover,
.themefox-social-sidebar-nav a[class*="reddit-square"] span,
.themefox-social-sidebar-nav a[class*="reddit-square"] span:before {
  background: var(--themefox-color-reddit-square);
}

.themefox-social-sidebar-nav a[class*="renren"]:hover,
.themefox-social-sidebar-nav a[class*="renren"] span,
.themefox-social-sidebar-nav a[class*="renren"] span:before {
  background: var(--themefox-color-renren);
}

.themefox-social-sidebar-nav a[class*="safari"]:hover,
.themefox-social-sidebar-nav a[class*="safari"] span,
.themefox-social-sidebar-nav a[class*="safari"] span:before {
  background: var(--themefox-color-safari);
}

.themefox-social-sidebar-nav a[class*="sellsy"]:hover,
.themefox-social-sidebar-nav a[class*="sellsy"] span,
.themefox-social-sidebar-nav a[class*="sellsy"] span:before {
  background: var(--themefox-color-sellsy);
}

.themefox-social-sidebar-nav a[class*="share-alt"]:hover,
.themefox-social-sidebar-nav a[class*="share-alt"] span,
.themefox-social-sidebar-nav a[class*="share-alt"] span:before {
  background: var(--themefox-color-share-alt);
}

.themefox-social-sidebar-nav a[class*="share-alt-square"]:hover,
.themefox-social-sidebar-nav a[class*="share-alt-square"] span,
.themefox-social-sidebar-nav a[class*="share-alt-square"] span:before {
  background: var(--themefox-color-share-alt-square);
}

.themefox-social-sidebar-nav a[class*="shirtsinbulk"]:hover,
.themefox-social-sidebar-nav a[class*="shirtsinbulk"] span,
.themefox-social-sidebar-nav a[class*="shirtsinbulk"] span:before {
  background: var(--themefox-color-shirtsinbulk);
}

.themefox-social-sidebar-nav a[class*="simplybuilt"]:hover,
.themefox-social-sidebar-nav a[class*="simplybuilt"] span,
.themefox-social-sidebar-nav a[class*="simplybuilt"] span:before {
  background: var(--themefox-color-simplybuilt);
}

.themefox-social-sidebar-nav a[class*="skyatlas"]:hover,
.themefox-social-sidebar-nav a[class*="skyatlas"] span,
.themefox-social-sidebar-nav a[class*="skyatlas"] span:before {
  background: var(--themefox-color-skyatlas);
}

.themefox-social-sidebar-nav a[class*="skype"]:hover,
.themefox-social-sidebar-nav a[class*="skype"] span,
.themefox-social-sidebar-nav a[class*="skype"] span:before {
  background: var(--themefox-color-skype);
}

.themefox-social-sidebar-nav a[class*="slack"]:hover,
.themefox-social-sidebar-nav a[class*="slack"] span,
.themefox-social-sidebar-nav a[class*="slack"] span:before {
  background: var(--themefox-color-slack);
}

.themefox-social-sidebar-nav a[class*="slideshare"]:hover,
.themefox-social-sidebar-nav a[class*="slideshare"] span,
.themefox-social-sidebar-nav a[class*="slideshare"] span:before {
  background: var(--themefox-color-slideshare);
}

.themefox-social-sidebar-nav a[class*="soundcloud"]:hover,
.themefox-social-sidebar-nav a[class*="soundcloud"] span,
.themefox-social-sidebar-nav a[class*="soundcloud"] span:before {
  background: var(--themefox-color-soundcloud);
}

.themefox-social-sidebar-nav a[class*="spotify"]:hover,
.themefox-social-sidebar-nav a[class*="spotify"] span,
.themefox-social-sidebar-nav a[class*="spotify"] span:before {
  background: var(--themefox-color-spotify);
}

.themefox-social-sidebar-nav a[class*="stack-exchange"]:hover,
.themefox-social-sidebar-nav a[class*="stack-exchange"] span,
.themefox-social-sidebar-nav a[class*="stack-exchange"] span:before {
  background: var(--themefox-color-stack-exchange);
}

.themefox-social-sidebar-nav a[class*="stack-overflow"]:hover,
.themefox-social-sidebar-nav a[class*="stack-overflow"] span,
.themefox-social-sidebar-nav a[class*="stack-overflow"] span:before {
  background: var(--themefox-color-stack-overflow);
}

.themefox-social-sidebar-nav a[class*="steam"]:hover,
.themefox-social-sidebar-nav a[class*="steam"] span,
.themefox-social-sidebar-nav a[class*="steam"] span:before {
  background: var(--themefox-color-steam);
}

.themefox-social-sidebar-nav a[class*="steam-square"]:hover,
.themefox-social-sidebar-nav a[class*="steam-square"] span,
.themefox-social-sidebar-nav a[class*="steam-square"] span:before {
  background: var(--themefox-color-steam-square);
}

.themefox-social-sidebar-nav a[class*="stumbleupon"]:hover,
.themefox-social-sidebar-nav a[class*="stumbleupon"] span,
.themefox-social-sidebar-nav a[class*="stumbleupon"] span:before {
  background: var(--themefox-color-stumbleupon);
}

.themefox-social-sidebar-nav a[class*="stumbleupon-circle"]:hover,
.themefox-social-sidebar-nav a[class*="stumbleupon-circle"] span,
.themefox-social-sidebar-nav a[class*="stumbleupon-circle"] span:before {
  background: var(--themefox-color-stumbleupon-circle);
}

.themefox-social-sidebar-nav a[class*="tencent-weibo"]:hover,
.themefox-social-sidebar-nav a[class*="tencent-weibo"] span,
.themefox-social-sidebar-nav a[class*="tencent-weibo"] span:before {
  background: var(--themefox-color-tencent-weibo);
}

.themefox-social-sidebar-nav a[class*="themeisle"]:hover,
.themefox-social-sidebar-nav a[class*="themeisle"] span,
.themefox-social-sidebar-nav a[class*="themeisle"] span:before {
  background: var(--themefox-color-themeisle);
}

.themefox-social-sidebar-nav a[class*="trello"]:hover,
.themefox-social-sidebar-nav a[class*="trello"] span,
.themefox-social-sidebar-nav a[class*="trello"] span:before {
  background: var(--themefox-color-trello);
}

.themefox-social-sidebar-nav a[class*="tripadvisor"]:hover,
.themefox-social-sidebar-nav a[class*="tripadvisor"] span,
.themefox-social-sidebar-nav a[class*="tripadvisor"] span:before {
  background: var(--themefox-color-tripadvisor);
}

.themefox-social-sidebar-nav a[class*="tumblr"]:hover,
.themefox-social-sidebar-nav a[class*="tumblr"] span,
.themefox-social-sidebar-nav a[class*="tumblr"] span:before {
  background: var(--themefox-color-tumblr);
}

.themefox-social-sidebar-nav a[class*="tumblr-square"]:hover,
.themefox-social-sidebar-nav a[class*="tumblr-square"] span,
.themefox-social-sidebar-nav a[class*="tumblr-square"] span:before {
  background: var(--themefox-color-tumblr-square);
}

.themefox-social-sidebar-nav a[class*="twitch"]:hover,
.themefox-social-sidebar-nav a[class*="twitch"] span,
.themefox-social-sidebar-nav a[class*="twitch"] span:before {
  background: var(--themefox-color-twitch);
}

.themefox-social-sidebar-nav a[class*="twitter"]:hover,
.themefox-social-sidebar-nav a[class*="twitter"] span,
.themefox-social-sidebar-nav a[class*="twitter"] span:before {
  background: var(--themefox-color-twitter);
}

.themefox-social-sidebar-nav a[class*="twitter-square"]:hover,
.themefox-social-sidebar-nav a[class*="twitter-square"] span,
.themefox-social-sidebar-nav a[class*="twitter-square"] span:before {
  background: var(--themefox-color-twitter-square);
}

.themefox-social-sidebar-nav a[class*="viacoin"]:hover,
.themefox-social-sidebar-nav a[class*="viacoin"] span,
.themefox-social-sidebar-nav a[class*="viacoin"] span:before {
  background: var(--themefox-color-viacoin);
}

.themefox-social-sidebar-nav a[class*="viadeo"]:hover,
.themefox-social-sidebar-nav a[class*="viadeo"] span,
.themefox-social-sidebar-nav a[class*="viadeo"] span:before {
  background: var(--themefox-color-viadeo);
}

.themefox-social-sidebar-nav a[class*="viadeo-square"]:hover,
.themefox-social-sidebar-nav a[class*="viadeo-square"] span,
.themefox-social-sidebar-nav a[class*="viadeo-square"] span:before {
  background: var(--themefox-color-viadeo);
}

.themefox-social-sidebar-nav a[class*="vimeo"]:hover,
.themefox-social-sidebar-nav a[class*="vimeo"] span,
.themefox-social-sidebar-nav a[class*="vimeo"] span:before {
  background: var(--themefox-color-vimeo);
}

.themefox-social-sidebar-nav a[class*="vimeo-square"]:hover,
.themefox-social-sidebar-nav a[class*="vimeo-square"] span,
.themefox-social-sidebar-nav a[class*="vimeo-square"] span:before {
  background: var(--themefox-color-vimeo-square);
}

.themefox-social-sidebar-nav a[class*="vine"]:hover,
.themefox-social-sidebar-nav a[class*="vine"] span,
.themefox-social-sidebar-nav a[class*="vine"] span:before {
  background: var(--themefox-color-vine);
}

.themefox-social-sidebar-nav a[class*="vk"]:hover,
.themefox-social-sidebar-nav a[class*="vk"] span,
.themefox-social-sidebar-nav a[class*="vk"] span:before {
  background: var(--themefox-color-vk);
}

.themefox-social-sidebar-nav a[class*="wechat"]:hover,
.themefox-social-sidebar-nav a[class*="wechat"] span,
.themefox-social-sidebar-nav a[class*="wechat"] span:before {
  background: var(--themefox-color-wechat);
}

.themefox-social-sidebar-nav a[class*="weibo"]:hover,
.themefox-social-sidebar-nav a[class*="weibo"] span,
.themefox-social-sidebar-nav a[class*="weibo"] span:before {
  background: var(--themefox-color-weibo);
}

.themefox-social-sidebar-nav a[class*="snapchat"]:hover,
.themefox-social-sidebar-nav a[class*="snapchat"] span,
.themefox-social-sidebar-nav a[class*="snapchat"] span:before {
  background: var(--themefox-color-snapchat);
}

.themefox-social-sidebar-nav a[class*="weixin"]:hover,
.themefox-social-sidebar-nav a[class*="weixin"] span,
.themefox-social-sidebar-nav a[class*="weixin"] span:before {
  background: var(--themefox-color-weixin);
}

.themefox-social-sidebar-nav a[class*="whatsapp"]:hover,
.themefox-social-sidebar-nav a[class*="whatsapp"] span,
.themefox-social-sidebar-nav a[class*="whatsapp"] span:before {
  background: var(--themefox-color-whatsapp);
}

.themefox-social-sidebar-nav a[class*="wikipedia-w"]:hover,
.themefox-social-sidebar-nav a[class*="wikipedia-w"] span,
.themefox-social-sidebar-nav a[class*="wikipedia-w"] span:before {
  background: var(--themefox-color-wikipedia-w);
}

.themefox-social-sidebar-nav a[class*="windows"]:hover,
.themefox-social-sidebar-nav a[class*="windows"] span,
.themefox-social-sidebar-nav a[class*="windows"] span:before {
  background: var(--themefox-color-windows);
}

.themefox-social-sidebar-nav a[class*="wordpress"]:hover,
.themefox-social-sidebar-nav a[class*="wordpress"] span,
.themefox-social-sidebar-nav a[class*="wordpress"] span:before {
  background: var(--themefox-color-wordpress);
}

.themefox-social-sidebar-nav a[class*="xing"]:hover,
.themefox-social-sidebar-nav a[class*="xing"] span,
.themefox-social-sidebar-nav a[class*="xing"] span:before {
  background: var(--themefox-color-xing);
}

.themefox-social-sidebar-nav a[class*="xing-square"]:hover,
.themefox-social-sidebar-nav a[class*="xing-square"] span,
.themefox-social-sidebar-nav a[class*="xing-square"] span:before {
  background: var(--themefox-color-xing-square);
}

.themefox-social-sidebar-nav a[class*="yahoo"]:hover,
.themefox-social-sidebar-nav a[class*="yahoo"] span,
.themefox-social-sidebar-nav a[class*="yahoo"] span:before {
  background: var(--themefox-color-yahoo);
}

.themefox-social-sidebar-nav a[class*="yelp"]:hover,
.themefox-social-sidebar-nav a[class*="yelp"] span,
.themefox-social-sidebar-nav a[class*="yelp"] span:before {
  background: var(--themefox-color-yelp);
}

.themefox-social-sidebar-nav a[class*="youtube"]:hover,
.themefox-social-sidebar-nav a[class*="youtube"] span,
.themefox-social-sidebar-nav a[class*="youtube"] span:before {
  background: var(--themefox-color-youtube);
}

.themefox-social-sidebar-nav a[class*="youtube-play"]:hover,
.themefox-social-sidebar-nav a[class*="youtube-play"] span,
.themefox-social-sidebar-nav a[class*="youtube-play"] span:before {
  background: var(--themefox-color-youtube-play);
}

.themefox-social-sidebar-nav a[class*="youtube-square"]:hover,
.themefox-social-sidebar-nav a[class*="youtube-square"] span,
.themefox-social-sidebar-nav a[class*="youtube-square"] span:before {
  background: var(--themefox-color-youtube-square);
}