.navbar {
  background: #0077b6;
}

.product .fotorama__stage {
  margin-bottom: 2rem;
}
.product .child-product-container {
  padding: 1rem;
}
.product .child-product-container .child-product {
  border: solid 1px #ddd;
  padding: 0;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
  display: block;
}
.product .child-product-container .child-product .tile {
  background-color: #ddd;
  min-height: 150px;
  background-size: auto 60%;
  background-repeat: no-repeat;
  background-position: center;
}
.product .child-product-container .child-product .product-title {
  padding: 1rem;
  text-align: center;
  font-weight: 600;
}
.product .child-product-container .child-product:hover {
  border-color: #aaa;
  box-shadow: 5px 5px 5px #aaa;
}

body.login-action-login,
body.login-action-lostpassword,
body.login-action-checkemail,
body.login-action-rp,
body.login-action-resetpass {
  background: linear-gradient(180deg, #1e1f21, #287a71);
  background-size: auto 100%;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.login-action-login h1 a,
body.login-action-lostpassword h1 a,
body.login-action-checkemail h1 a,
body.login-action-rp h1 a,
body.login-action-resetpass h1 a {
  background-image: url("img/hr_logo.png");
  height: 120px;
  background-size: auto 100%;
  width: auto;
}
body.login-action-login .message,
body.login-action-login form,
body.login-action-login #login_error,
body.login-action-lostpassword .message,
body.login-action-lostpassword form,
body.login-action-lostpassword #login_error,
body.login-action-checkemail .message,
body.login-action-checkemail form,
body.login-action-checkemail #login_error,
body.login-action-rp .message,
body.login-action-rp form,
body.login-action-rp #login_error,
body.login-action-resetpass .message,
body.login-action-resetpass form,
body.login-action-resetpass #login_error {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}
body.login-action-login #login_error,
body.login-action-lostpassword #login_error,
body.login-action-checkemail #login_error,
body.login-action-rp #login_error,
body.login-action-resetpass #login_error {
  color: #f00;
  background: rgba(255, 225, 225, 0.8);
  padding: 0.5rem;
}
body.login-action-login .message,
body.login-action-lostpassword .message,
body.login-action-checkemail .message,
body.login-action-rp .message,
body.login-action-resetpass .message {
  margin-bottom: 4rem;
}
body.login-action-login #nav,
body.login-action-lostpassword #nav,
body.login-action-checkemail #nav,
body.login-action-rp #nav,
body.login-action-resetpass #nav {
  display: none;
}
body.login-action-login input[type=text],
body.login-action-lostpassword input[type=text],
body.login-action-checkemail input[type=text],
body.login-action-rp input[type=text],
body.login-action-resetpass input[type=text] {
  background: rgba(255, 255, 255, 0.5);
}
body.login-action-login .button,
body.login-action-login input[type=submit],
body.login-action-lostpassword .button,
body.login-action-lostpassword input[type=submit],
body.login-action-checkemail .button,
body.login-action-checkemail input[type=submit],
body.login-action-rp .button,
body.login-action-rp input[type=submit],
body.login-action-resetpass .button,
body.login-action-resetpass input[type=submit] {
  background: linear-gradient(270deg, #d1d9e2 7.62%, #f8fcff 50.44%, #d1d9e2 88%);
  box-shadow: 0px 9px 12px -7px rgba(0, 0, 0, 0.19);
  color: #000;
  width: 100%;
  font-weight: 600;
  font-size: 20px !important;
}
body.login-action-login .button:hover, body.login-action-login .button:focus,
body.login-action-login input[type=submit]:hover,
body.login-action-login input[type=submit]:focus,
body.login-action-lostpassword .button:hover,
body.login-action-lostpassword .button:focus,
body.login-action-lostpassword input[type=submit]:hover,
body.login-action-lostpassword input[type=submit]:focus,
body.login-action-checkemail .button:hover,
body.login-action-checkemail .button:focus,
body.login-action-checkemail input[type=submit]:hover,
body.login-action-checkemail input[type=submit]:focus,
body.login-action-rp .button:hover,
body.login-action-rp .button:focus,
body.login-action-rp input[type=submit]:hover,
body.login-action-rp input[type=submit]:focus,
body.login-action-resetpass .button:hover,
body.login-action-resetpass .button:focus,
body.login-action-resetpass input[type=submit]:hover,
body.login-action-resetpass input[type=submit]:focus {
  background: #fafafa;
  color: #000;
}
body.login-action-login .reset-pass a,
body.login-action-lostpassword .reset-pass a,
body.login-action-checkemail .reset-pass a,
body.login-action-rp .reset-pass a,
body.login-action-resetpass .reset-pass a {
  display: none;
}

body.login-action-checkemail .message {
  display: none;
}
body.login-action-checkemail #backtoblog {
  display: block;
}
body.login-action-checkemail #backtoblog a {
  display: none;
}
body.login-action-checkemail #backtoblog:after {
  content: "Check your email for the confirmation link.";
  display: block;
  color: #fff;
  text-align: center;
  font-size: 14px !important;
}

body.login-action-lostpassword #backtoblog {
  display: none;
}

/*# sourceMappingURL=zbspine.css.map */