.social-login-clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.popup-authentication .block[class]+.block.block-social-login {
  padding-left: 20px;
  padding-right: 20px;
}
.popup-authentication .actions-toolbar.social-btn {
  margin-top: 10px !important;
}
.block-authentication .actions-toolbar.social-btn > .primary {
  display: block;
  float: none;
}
.actions-toolbar.social-btn>.primary .action,
.actions-toolbar.social-btn>.secondary .action {
  width: auto;
}
.social-btn button {
  height: 38px;
  border: none;
  border-radius: 0;
}
.social-btn button span span {
  color: #ffffff;
  display: inline-block;
  margin-left: 32px;
  min-width: 110px;
}

.social-login-container {
  margin-bottom: 50px;
}
.social-login-container .block.block-social-login {
  float: none;
  width: 100%;
}
.social-login-container .actions-toolbar > .primary .action,
.social-login-container .actions-toolbar > .secondary .action {
  width: auto;
}

@media (min-width: 768px), print {
  .customer-account-create .column.main:after {
     content: " "; /* Older browser do not support empty content */
     visibility: hidden;
     display: block;
     height: 0;
     clear: both;
  }
  .customer-account-create .form.create.account {
    float: left;
  }
  .form-create-account {
    width: 55%;
  }
  .customer-account-create .social-login-container {
    float: right;
    width: 45%;
  }
  .customer-account-create .social-login-container .actions-toolbar > .primary {
    margin-top: 10px;
  }
}
@media (max-width: 959px), print {
  .customer-account-create .social-login-container {
    margin-top: 50px;
  }
  .customer-account-create .form.create.account {
    float: none;
  }
  .customer-account-create .social-login-container {
    float: none;
    width: 100%;
  }
}

.authentication-dropdown .block-social-login {
  margin-top: 40px;
}
.authentication-dropdown .block-social-login .actions-toolbar {
  display: inline-block;
}

.facebook-login button {
  background: url("../img/buttons/facebook.png") no-repeat;
}
.google-login button {
  background: url("../img/buttons/google.png") no-repeat;
}
.steam-login button {
  background: url("../img/buttons/steam.png") no-repeat;
}
.paypal-login button {
  background: url("../img/buttons/paypal.png") no-repeat;
}

@media (min-width: 768px), print {
  .popup-authentication .modal-inner-wrap {
    width: 68%;
  }
  .form.password.reset,
  .form.send.confirmation,
  .form.password.forget,
  .form.create.account {
    min-width: auto;
  }
}

/* CUSTOMIZATION FOR ALKEMY LOGIN PLUMROCKET INTEGRATION */

.pslogin-clearfix {
  flex-direction: column !important;
  align-items: center  !important;
}

.login-container.social-login-container {
  border: none  !important;
  box-shadow: none  !important;
  margin-top: 40px  !important;
}

.pslogin-button-auto {
  width: calc(100% - 15px) !important;
  padding: 5px !important;
  border-radius: 10px !important;
}

.pslogin-button-text {
  min-width: calc(100% - 32px) !important;
}

.pslogin-block .pslogin-buttons ul li a {
  width: 100%;
  min-width: 100%;
}

.pslogin-block .pslogin-buttons ul li {
  margin-left: 15px !important;
}

.pslogin-block .pslogin-buttons ul li .pslogin-button-text {
  background-color: transparent !important;
  font-size: 14px !important;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.pslogin-block .pslogin-buttons .google .pslogin-button-icon {
  background-position: -100px -2px;
  background-color: transparent !important;
}

.pslogin-button.google .pslogin-button-icon::before {
  outline: none !important;
}

.pslogin-block .pslogin-buttons .google .pslogin-button-auto {
  background-color: #dd4c39 !important;
}

@media screen and (min-width: 641px) and (max-width: 956px) {
  .login-container.social-login-container {
    padding: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .pslogin-block .pslogin-buttons.pslogin-buttons-showfull ul li {
    margin: 10px 0 10px 5px !important;
  }
  li.pslogin-button {
    margin: 10px 0 10px 5px !important;
    min-width: 220px !important;
  }
  .pslogin-block .pslogin-buttons.pslogin-buttons-showfull ul li .pslogin-button-icon {
    top: 4px !important;
  }
  .pslogin-block .pslogin-buttons ul li .pslogin-button-text {
    width: calc(100% - 32px) !important;
    float: right !important;
  }
}

/* Avoid registration social buttons */

.customer-account-create .login-container.social-login-container, .pslogin_register_container {
  display: none;
}