/* login.css */
/* Not ideal but a simple hackish way to style the Hybrid Auth Login */

.pane-alumni-login-form .hybridauth-widget-wrapper {
  position: relative;
  top: -16px;
  left: 30px;
}

@media all and (max-width: 480px) {
.pane-alumni-login-form .hybridauth-widget-wrapper {
  position: relative;
  top: -50px;
  left: 0px;
  }
}

.hybridauth-widget-wrapper a:after {
  display: none;
}

.pane-alumni-login-form .hybridauth-google, .pane-alumni-login-form .hybridauth-linkedin  {
  display: block !important;
  width: 165px !important;
  opacity: 1 !important;

}

.pane-alumni-login-form .hybridauth-google::before {
  content: "Login with Google";
  padding-left: 45px;
  position: relative;
  top: 5px;

}

.pane-alumni-login-form .hybridauth-linkedin::before {
  content: "Login with Linkedin";
  padding-left: 45px;
  position: relative;
  top: 5px;
}

.pane-alumni-login-form .hybridauth-google:hover:before, .hybridauth-linkedin:hover:before {
  text-decoration: underline;
}