upskill-event-manager/hvac-community-events/assets/css/hvac-registration.css

106 lines
No EOL
2.2 KiB
CSS

/* HVAC Trainer Registration Form Styles */
.hvac-registration-form {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.hvac-registration-form h2 {
color: #1a1a1a;
margin-bottom: 1.5rem;
text-align: center;
}
.hvac-registration-form .form-section {
margin-bottom: 2rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #eee;
}
.hvac-registration-form .form-section h3 {
color: #1a1a1a;
margin-bottom: 1rem;
}
.hvac-registration-form .form-row {
margin-bottom: 1rem;
}
.hvac-registration-form label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
color: #1a1a1a;
}
.hvac-registration-form input[type="text"],
.hvac-registration-form input[type="email"],
.hvac-registration-form input[type="password"],
.hvac-registration-form input[type="url"],
.hvac-registration-form textarea,
.hvac-registration-form select {
width: 100%;
padding: 0.75rem;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 1rem;
}
.hvac-registration-form .form-submit {
margin-top: 2rem;
text-align: center;
}
.hvac-registration-form input[type="submit"] {
background-color: #0274be;
color: white;
padding: 0.75rem 1.5rem;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
transition: background-color 0.3s;
}
.hvac-registration-form input[type="submit"]:hover {
background-color: #0261a0;
}
/* Checkbox/Radio Group Styles */
.hvac-registration-form .checkbox-group {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: 0.5rem;
}
.hvac-registration-form .checkbox-group label {
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: normal;
cursor: pointer;
}
.hvac-registration-form .checkbox-group input[type="checkbox"],
.hvac-registration-form .checkbox-group input[type="radio"] {
width: auto;
margin: 0;
}
/* Error message styling */
.hvac-registration-form .hvac-errors {
background-color: #fff0f0;
border: 1px solid #ffcccc;
border-radius: 4px;
padding: 1rem;
margin-bottom: 1.5rem;
}
.hvac-registration-form .hvac-errors .error {
color: #d63638;
margin: 0.25rem 0;
}