/* Login Page Font Styles */

/* Override body and section background - let browser default white show, then image loads */
/* body {
  background-color: #F5F5F5 !important;
} */

.ftco-section {
  background-color: transparent !important;
}

/* Login box shadow for visual distinction */
.login-wrap {
  box-shadow: 0 0 40px rgba(255, 255, 255, 0.3),
              0 0 80px rgba(255, 255, 255, 0.15) !important;
}

/* Main heading - "WELCOME" */
.login-wrap h3 {
  font-weight: 400;
  font-size: 28px;
  color: #B8C5D6;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

/* Subtitle - "Sign in by entering the information below" */
.login-wrap p {
  color: #8B9AAD;
  font-size: 16px;
  margin-bottom: 30px;
}

/* Input field labels/placeholders - "Email" and "Password" */
.form-control {
  color: #8B9AAD !important;
  font-size: 16px;
  letter-spacing: 0.5px;
}

/* Placeholder text color */
.form-control::-webkit-input-placeholder {
  color: #8B9AAD !important;
}

.form-control::-moz-placeholder {
  color: #8B9AAD !important;
}

.form-control:-ms-input-placeholder {
  color: #8B9AAD !important;
}

.form-control:-moz-placeholder {
  color: #8B9AAD !important;
}

/* Input field on focus */
.form-control:focus,
.form-control:active {
  color: #B8C5D6 !important;
}

/* "Forgot Password" link */
.text a,
.form-group a,
a[href="#"] {
  color: #B8C5D6 !important;
  font-size: 14px;
  text-decoration: none !important;
  transition: color 0.3s;
}

.text a:hover,
.form-group a:hover,
a[href="#"]:hover {
  color: #CDD8E6 !important;
  text-decoration: none !important;
}

/* "Don't have an account?" text */
.w-100.text-center p {
  color: #8B9AAD;
  font-size: 15px;
}

/* "SIGN UP" link */
.w-100.text-center a {
  color: #B8C5D6;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  text-decoration: none;
  transition: color 0.3s;
}

.w-100.text-center a:hover {
  color: #CDD8E6;
  text-decoration: none;
}

/* Login button text and visual feedback */
.btn.btn-primary {
  color: #2C3E50 !important;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  transition: all 0.2s ease;
}

/* Login button hover effect */
.btn.btn-primary:hover {
  background-color: #F5F5F5 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Login button active/click effect */
.btn.btn-primary:active,
.btn.btn-primary:focus {
  background-color: #E0E0E0 !important;
  transform: translateY(1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) inset;
  outline: none !important;
}

/* Icon colors (user and lock icons) */
.form-group .icon span {
  color: #6B7A8F;
}

/* Checkbox label */
.checkbox-wrap {
  color: #8B9AAD;
  font-size: 14px;
  font-weight: 400;
}