/**
* Scandiweb_SocialLogin
*
* @category    Scandiweb
* @package     Scandiweb_SocialLogin
* @author      Viktors Vipolzovs <info@scandiweb.com>
* @copyright   Copyright (c) 2016 Scandiweb, Ltd (http://scandiweb.com)
*/
.block-sociallogin a.sociallogin.sociallogin-facebook {
  width: 100%;
  margin-bottom: 10px;
  background-color: #5b74a8;
  border-color: #5b74a8;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-facebook {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-facebook:hover,
.block-sociallogin a.sociallogin.sociallogin-facebook:focus {
  background-color: #485d88;
  border-color: #485d88;
}
.block-sociallogin a.sociallogin.sociallogin-twitter {
  width: 100%;
  margin-bottom: 10px;
  background-color: #1b95e0;
  border-color: #1b95e0;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-twitter {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-twitter:hover,
.block-sociallogin a.sociallogin.sociallogin-twitter:focus {
  background-color: #1677b2;
  border-color: #1677b2;
}
.block-sociallogin a.sociallogin.sociallogin-google {
  width: 100%;
  margin-bottom: 10px;
  background-color: #dc4e41;
  border-color: #dc4e41;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-google {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-google:hover,
.block-sociallogin a.sociallogin.sociallogin-google:focus {
  background-color: #c63224;
  border-color: #c63224;
}
.block-sociallogin a.sociallogin.sociallogin-instagram {
  width: 100%;
  margin-bottom: 10px;
  background-color: #428bca;
  border-color: #357ebd;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-instagram {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-instagram:hover,
.block-sociallogin a.sociallogin.sociallogin-instagram:focus {
  background-color: #3071a9;
  border-color: #2a6395;
}
.block-sociallogin a.sociallogin.sociallogin-yahoo {
  width: 100%;
  margin-bottom: 10px;
  background-color: #720e9e;
  border-color: #720e9e;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-yahoo {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-yahoo:hover,
.block-sociallogin a.sociallogin.sociallogin-yahoo:focus {
  background-color: #500a6f;
  border-color: #500a6f;
}
.block-sociallogin a.sociallogin.sociallogin-linkedin {
  width: 100%;
  margin-bottom: 10px;
  background-color: #0077b5;
  border-color: #0077b5;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-linkedin {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-linkedin:hover,
.block-sociallogin a.sociallogin.sociallogin-linkedin:focus {
  background-color: #005582;
  border-color: #005582;
}
.block-sociallogin a.sociallogin.sociallogin-live {
  width: 100%;
  margin-bottom: 10px;
  background-color: #5ab7e3;
  border-color: #5ab7e3;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-live {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-live:hover,
.block-sociallogin a.sociallogin.sociallogin-live:focus {
  background-color: #2ea4dc;
  border-color: #2ea4dc;
}
.block-sociallogin a.sociallogin.sociallogin-vkontakte {
  width: 100%;
  margin-bottom: 10px;
  background-color: #5b7aa8;
  border-color: #5b7aa8;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-vkontakte {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-vkontakte:hover,
.block-sociallogin a.sociallogin.sociallogin-vkontakte:focus {
  background-color: #486288;
  border-color: #486288;
}
.block-sociallogin a.sociallogin.sociallogin-draugiem {
  width: 100%;
  margin-bottom: 10px;
  background-color: #ff6600;
  border-color: #ff6600;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-draugiem {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-draugiem:hover,
.block-sociallogin a.sociallogin.sociallogin-draugiem:focus {
  background-color: #cc5200;
  border-color: #cc5200;
}
.block-sociallogin a.sociallogin.sociallogin-strava {
  width: 100%;
  margin-bottom: 10px;
  background-color: #fc4c02;
  border-color: #fc4c02;
  text-align: center;
}
@media (min-width: 768px) {
  .block-sociallogin a.sociallogin.sociallogin-strava {
    width: 200px;
  }
}
.block-sociallogin a.sociallogin.sociallogin-strava:hover,
.block-sociallogin a.sociallogin.sociallogin-strava:focus {
  background-color: #c93d02;
  border-color: #c93d02;
}
.customer-account-login .block-sociallogin {
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .customer-account-create.page-layout-2columns-right .column.main,
  .customer-account-create.page-layout-2columns-right .sidebar-main {
    width: 50%;
  }
  .customer-account-create.page-layout-2columns-right .column.main {
    padding-right: 2%;
  }
  .customer-account-create.page-layout-2columns-right .column.main .form.create.account {
    width: 100%;
    min-width: inherit;
  }
}
.customer-account-create .sidebar-main .block-sociallogin .block-title {
  margin: 0 0 20px;
  padding: 0 0 10px;
  width: 100%;
  box-sizing: border-box;
  float: left;
  font-weight: 300;
  line-height: 1.2;
  font-size: 2.1rem;
  border-bottom: 1px solid #c6c6c6;
}
.customer-account-create .sidebar-main .block-sociallogin .block-title strong {
  font-size: 2.2rem;
  font-weight: 300;
}
.customer-account-create .sidebar-main .block-sociallogin a.action.sociallogin {
  display: block;
  overflow: hidden;
}
.checkout-index-index .block-sociallogin {
  margin-bottom: 60px;
}
.checkout-index-index .block-sociallogin a.action.sociallogin {
  margin: 10px 0 0 0;
}
@media (min-width: 768px) {
  .checkout-index-index .block-sociallogin {
    margin: 0 0 30px 0;
  }
}
.checkout-index-index .block-sociallogin .block-title {
  display: none;
}
.checkout-index-index .block-sociallogin .block-content {
  width: 100%;
}
@media (min-width: 768px) {
  .checkout-index-index .block-sociallogin .block-content {
    width: 90%;
  }
}