h1, h2, h3, h4, h5, h6 {
    font-family: montserrat, sans-serif;
    text-transform: uppercase;
}

.kit-login-form, .kit-register-form {
    color:#555;
}

.kit-login-wrapper {
  min-height: 50vh;
  font-family: 'Helvetica Neue', sans-serif;
  color: #555;
}

body .container {
    background: rgba(255, 255, 255, 0.8);
}

.kit-login-left {
  background: #fff;
}

.kit-login-right {
  background: #f1f1eb;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

form.kit-login-form, .kit-login-left form {
    width: 100%;
    z-index:10;
}

.kit-login-left h2 {
  font-size: 2.5rem;
  color: #1f2937;
  margin-bottom: 30px;
}

.kit-login-left label {
  display: block;
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 600;
  color: #1f2937;
}

.kit-login-left input[type="email"],
.kit-login-left input[type="password"] {
  width: 100%;
  padding: 12px 14px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.kit-login-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  font-size: 0.9rem;
  width: 100%;
}

.kit-login-options label {
  display: flex;
  align-items: center;
  gap: 5px;
}

.kit-login-options a {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 500;
}

.kit-login-buttons {
    margin-top: 30px;
    /* display: flex; */
    gap: 10px;
}

.kit-login-buttons button {
  padding: 10px 24px;
  font-weight: bold;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.kit-login-buttons .login {
  background: #f7c948;
  color: #111;
}

.kit-login-buttons .signup {
  background: #fff;
  color: #374151;
  border: 1px solid #ccc;
}

@media screen and (min-width:1024px){
    .kit-login-wrapper {
        display: flex;
    }

    .kit-login-left, .kit-login-right {
        padding: 60px;
    }

    .kit-login-left, .kit-login-right {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .kit-login-left {
        align-items: flex-start;
    }

    .kit-login-right img {
        position:absolute;
    }
}

body.page.page-id-477 {
    background:url(/wp-content/plugins/kit-storage/images/keep-it-together-storage-CreateAccount-bg.jpg) no-repeat;
}

.kit-register-form {
    min-height:  55vh;
    padding: 15px;
}

.kit-my-items {
    color:#555;
}

.kit-my-items a {
    color: #777;
}

.button.view-item-details-button {
    border:1px solid #bbb;
    padding:5px 15px;
}

.kit-my-items .status {
    background: #efefef;
    margin-top: 15px;
    padding: 15px 10px;
    margin: 15px -1.25rem 0px;
}

.kit-my-items .storage-item-status {
    display:inline;
    float: right;
    border-radius: 20px;
    padding: 3px 15px;
}

.storage-button {
    padding: 8px 25px;
    border-radius: 25px;
}

a.add-item-button {
    background:  #7cbe5f;
    color: #fff;
}

a.button.view-item-details.view-item-details-button {
    border-radius: 25px;
    padding: 5px 45px;
}

.logout-button {
    
    background:  #6c90a9;
    color: #fff;
}