{ % include "/_Web Team Assets/Component Modules/hs-components/v2/core/css/colors.custom-properties.css" % }

:root {
  --faint-blue: #6286CE:
}

.workshop-login--form {
  text-align: left;
  position: relative;
  padding-bottom: 33px;
  border-bottom: 1px solid var(--battleship);
}

.workshop-login--form form input[type="submit"]:hover,
.button:hover {
  opacity: .9;
}

.workshop-login--form form label {
  font-size: 14px;
  font-weight: 600;
  color: var(--obsidian);
}

.workshop-login form input.disable {
  background: var(--koala);
  pointer-events: none;
  color: var(--flint);
}

.workshop-login form input[type="submit"] {
  width: 100%;
  height: 40px;
}

.hs-login-widget-show-password,
#hs_login_reset {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: var(--calypso);
  text-transform: capitalize;
}

.hs-login-widget-show-password:hover,
#hs_login_reset:hover {
  text-decoration: underline;
}

#hs_login_reset {
  margin-top: -10px;
  display: inline-block;
  vertical-align: top;
}

.workshop-login {
  max-width: 370px;
  margin: 0 auto;
  padding: 80px 0;
  font-family: Lexend Deca, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: var(--pantera);
  line-height: 1.6;
}

.workshop-login--logo {
  text-align: center;
}

.workshop-login--logo svg {
  max-width: 140px;
  margin: 0 auto;
  display: block;
  height: 40px;
}

.workshop-login--text {
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.625;
}

.workshop-login--text h1 {
  font-family: Lexend Deca, sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: var(--obsidian);
  margin: 15px 0;
  line-height: 1.5;
}

.workshop-login--footer {
  text-align: center;
}

.private-link {
  display: block;
  font-weight: 600;
  text-decoration: none;
  color: var(--calypso);
  text-transform: capitalize;
}

.private-link:hover {
  text-decoration: underline;
}

.workshop-login--form .hs-form-field:nth-of-type(3) {
  display: block;
}

.workshop-login--form .hs-form-field:nth-of-type(3) input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.workshop-login--form .hs-form-field:nth-of-type(3) label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}

.workshop-login--form .hs-form-field:nth-of-type(3) label:before {
  content: '';
  appearance: none;
  background-color: transparent;
  border: 2px solid var(--battleship);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 4px;
  top: -1px;
}

.workshop-login--form .hs-form-field:nth-of-type(3) label:hover:before {
  background-color: rgb(234, 240, 246);
}

.workshop-login--form .hs-form-field:nth-of-type(3) input:checked+label:before {
  border-color: var(--calypso);
}

.workshop-login--form .hs-form-field:nth-of-type(3) input:checked+label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 8px;
  width: 6px;
  height: 12px;
  border: solid var(--calypso);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.workshop-login__socials {
  margin-top: 30px;
  margin-bottom: 70px;
}

.workshop-login__socials .hs-membership-social {
  padding: 10px 0;
  display: block;
}

.workshop-login__socials .abcRioButtonLightBlue {
  background-color: var(--faint-blue);
  color: var(--white);
  width: 100%;
}

.workshop-login__socials .abcRioButtonIcon {
  background: var(--white);
  display: block;
  height: 100%;
}