.elementor-2968 .elementor-element.elementor-element-2094012{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2968 .elementor-element.elementor-element-aca2680 .elementor-field-group{margin-bottom:10px;}.elementor-2968 .elementor-element.elementor-element-aca2680 .elementor-form-fields-wrapper{margin-bottom:-10px;}.elementor-2968 .elementor-element.elementor-element-aca2680 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2968 .elementor-element.elementor-element-aca2680 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}:root{--page-title-display:none;}/* Start custom CSS for login, class: .elementor-element-aca2680 *//* ===== Robust Roofing: Members login form on a black background ===== */
/* Scope to the Elementor section/container class: rr-login */

.rr-login form,
.rr-login form#loginform,
.rr-login form[name="loginform"]{
  max-width: 820px;
  margin: 40px auto !important;
  padding: 34px 28px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(195,164,56,0.28) !important; /* #c3a438 */
  box-shadow: 0 18px 50px rgba(0,0,0,0.55) !important;
}

/* WordPress default login form structure */
.rr-login .login-username,
.rr-login .login-password{
  margin-bottom: 18px !important;
}

.rr-login label{
  display:block !important;
  margin: 0 0 10px !important;
  color: rgba(255,255,255,0.85) !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
}

/* Inputs */
.rr-login input[type="text"],
.rr-login input[type="email"],
.rr-login input[type="password"]{
  width: 100% !important;
  height: 58px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  background: rgba(0,0,0,0.38) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: #fff !important;
  font-size: 18px !important;
  outline: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.rr-login input::placeholder{
  color: rgba(255,255,255,0.45) !important;
}

.rr-login input[type="text"]:focus,
.rr-login input[type="email"]:focus,
.rr-login input[type="password"]:focus{
  border-color: rgba(195,164,56,0.85) !important;
  box-shadow: 0 0 0 4px rgba(195,164,56,0.18) !important;
  background: rgba(0,0,0,0.48) !important;
}

/* Remember me row */
.rr-login .login-remember,
.rr-login p.forgetmenot{
  display:flex !important;
  align-items:center !important;
  gap: 10px !important;
  margin: 6px 0 16px !important;
  color: rgba(255,255,255,0.72) !important;
}

.rr-login input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  accent-color: #c3a438;
}

/* Button */
.rr-login .login-submit{
  margin-top: 6px !important;
  text-align: center !important;
}

.rr-login input[type="submit"],
.rr-login button[type="submit"]{
  width: 240px !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #c3a438 !important;
  color: #111 !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  box-shadow: 0 14px 30px rgba(195,164,56,0.22) !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.rr-login input[type="submit"]:hover,
.rr-login button[type="submit"]:hover{
  background: #d2b54a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 40px rgba(195,164,56,0.28) !important;
}

/* Links */
.rr-login a{
  color: rgba(195,164,56,0.95) !important;
  text-decoration: none !important;
}
.rr-login a:hover{ text-decoration: underline !important; }

/* Mobile */
@media (max-width: 640px){
  .rr-login form,
  .rr-login form#loginform,
  .rr-login form[name="loginform"]{
    padding: 22px 16px !important;
    margin: 22px 12px !important;
  }
  .rr-login input[type="submit"],
  .rr-login button[type="submit"]{
    width: 100% !important;
  }
}/* End custom CSS */