/*
 * SHARED WITH JAVELIN - /src/javelin/sass/_colors
 * color nicknames from http://chir.ag/projects/name-that-color/{{#hex-code}}
 */
/**
 * allows you to add styling to the bottom row of a grid using the mixins above
 */
/* line 7, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.social-buttons-module {
  display: none;
}

/* line 13, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.hub-zone-lefty__rail .social-buttons-module,
.hub-zone-lefty__left-rail .social-buttons-module,
.hub-zone-righty__rail .social-buttons-module,
.hub-zone-righty__right-rail .social-buttons-module,
.hub-zone-switch__left-rail .social-buttons-module,
.hub-zone-switch__right-rail .social-buttons-module {
  display: block;
  user-select: none;
  margin-bottom: 25px;
}

/* line 18, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.hub-zone-lefty__rail .social-buttons-module__title,
.hub-zone-lefty__left-rail .social-buttons-module__title,
.hub-zone-righty__rail .social-buttons-module__title,
.hub-zone-righty__right-rail .social-buttons-module__title,
.hub-zone-switch__left-rail .social-buttons-module__title,
.hub-zone-switch__right-rail .social-buttons-module__title {
  font-family: "BWHaasGrotesk-75Bold-Web", Helvetica, Arial, sans-serif;
  color: #000000;
  font-size: 16px;
  margin-bottom: 8px;
}

/* line 24, src/hub/sass/_fonts.scss */
.hub-zone-lefty__rail .social-buttons-module__title:lang(ja),
.hub-zone-lefty__left-rail .social-buttons-module__title:lang(ja),
.hub-zone-righty__rail .social-buttons-module__title:lang(ja),
.hub-zone-righty__right-rail .social-buttons-module__title:lang(ja),
.hub-zone-switch__left-rail .social-buttons-module__title:lang(ja),
.hub-zone-switch__right-rail .social-buttons-module__title:lang(ja) {
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, "MS Pgothic", Helvetica, Arial, Verdana, sans-serif;
}

/* line 25, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.hub-zone-lefty__rail .social-buttons-module__network-link,
.hub-zone-lefty__left-rail .social-buttons-module__network-link,
.hub-zone-righty__rail .social-buttons-module__network-link,
.hub-zone-righty__right-rail .social-buttons-module__network-link,
.hub-zone-switch__left-rail .social-buttons-module__network-link,
.hub-zone-switch__right-rail .social-buttons-module__network-link {
  transition: opacity 0.2s ease-out;
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-right: 8px;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 100%;
}

/* line 35, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.hub-zone-lefty__rail .social-buttons-module__network-link:hover,
.hub-zone-lefty__left-rail .social-buttons-module__network-link:hover,
.hub-zone-righty__rail .social-buttons-module__network-link:hover,
.hub-zone-righty__right-rail .social-buttons-module__network-link:hover,
.hub-zone-switch__left-rail .social-buttons-module__network-link:hover,
.hub-zone-switch__right-rail .social-buttons-module__network-link:hover {
  opacity: 0.4;
}

/* line 40, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.hub-zone-lefty__rail .social-buttons-module__facebook-image,
.hub-zone-lefty__left-rail .social-buttons-module__facebook-image,
.hub-zone-righty__rail .social-buttons-module__facebook-image,
.hub-zone-righty__right-rail .social-buttons-module__facebook-image,
.hub-zone-switch__left-rail .social-buttons-module__facebook-image,
.hub-zone-switch__right-rail .social-buttons-module__facebook-image {
  background: url('https://assets.bwbx.io/s3/javelin/public/hub/images/facebook-black-3c217b3fc7.svg');
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  margin: 5px;
  margin-left: 10px;
}

/* line 44, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.hub-zone-lefty__rail .social-buttons-module__youtube-image,
.hub-zone-lefty__left-rail .social-buttons-module__youtube-image,
.hub-zone-righty__rail .social-buttons-module__youtube-image,
.hub-zone-righty__right-rail .social-buttons-module__youtube-image,
.hub-zone-switch__left-rail .social-buttons-module__youtube-image,
.hub-zone-switch__right-rail .social-buttons-module__youtube-image {
  background: url('https://assets.bwbx.io/s3/javelin/public/hub/images/youtube-black-0065189236.svg');
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  margin: 5px;
  margin-top: 8px;
}

/* line 48, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.hub-zone-lefty__rail .social-buttons-module__twitter-image,
.hub-zone-lefty__left-rail .social-buttons-module__twitter-image,
.hub-zone-righty__rail .social-buttons-module__twitter-image,
.hub-zone-righty__right-rail .social-buttons-module__twitter-image,
.hub-zone-switch__left-rail .social-buttons-module__twitter-image,
.hub-zone-switch__right-rail .social-buttons-module__twitter-image {
  background: url('https://assets.bwbx.io/s3/javelin/public/hub/images/twitter-black-dc40fc3a85.svg');
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  margin: 5px;
  margin-top: 7px;
}

/* line 57, src/hub/components/module/social_buttons/social_buttons.desktop.scss */
.hub-main[data-theme="dark"] .social-buttons-module__title {
  color: #FFFFFF;
}