/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* Login Form Container */
.login-container {
  max-width: 640px;
  margin: auto;
  padding: 20px;
  background: #ffffff;
  /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); */
  border-radius: 10px;
  text-align: center;
}

/* Form Title */
.login-container h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}

/* Input Group */
.login-container .input-group {
  text-align: left;
  margin-bottom: 15px;
}

.login-container .input-group label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  color: #3f3f3f;
  font-weight: 600!important;
}

.login-container .input-group input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}

.login-container button {
  width: 100%;
  padding: 12px;
  background: #0073e6;
  color: white !important;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
  margin-top: 10px;
  font-weight: bold!important;
  text-transform: uppercase;
}

/* Submit Button */
.login-container button[name="custom_login"] {
  width: 100%;
  padding: 12px;
  background: #0073e6;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
  margin-top: 10px;
}

.login-container button[name="custom_login"]:hover {
  background: #005bb5;
}

/* Error Message */
.login-container .error-message {
  color: red !important;
  font-size: 14px !important;
  background: #ffe6e6;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px !important;
}

/* Register / Forgot Password Link */
.login-container .register-link {
  margin-top: 15px;
}

.login-container .register-link a {
  text-decoration: none;
  color: #0073e6;
  font-size: 14px;
}

.login-container .register-link a:hover {
  text-decoration: underline;
}


/* Main Menu */
#menu-main-menu {
  display: flex;
  justify-content: flex-end;
}