h1{
   margin-bottom: 20px;
   color: var(--wp--preset--color--primary);
   font-weight: 800;
   text-align: left;
}
h2{
    font-weight: 300;
    margin-top: 0;
    font-size: 20px;
}
@media (max-width: 480px) {
    h1,h2{text-align: center !important}
}

.aurydata-register-wrap, .aurydata-login-wrap {
    margin: 0 auto;
    padding: 0 20px;
}

@media (min-width: 1024px) {
    .aurydata-register-wrap, .aurydata-login-wrap {
        transform: translateY(-50%);
        top: 50%;
        position: relative;
    }
}

.aurydata-field {
    margin-bottom: 20px;
}

.aurydata-field input[type="text"], .aurydata-field input[type="password"], .aurydata-field input[type="email"] {
    width: 100%;
    border: 1px solid black;
    padding: 15px;
    box-sizing: border-box;
    font-family: var(--wp--preset--font-family--poppins);
}

.aurydata-field input[type="text"]:not(:placeholder-shown):invalid,
.aurydata-field input[type="password"]:not(:placeholder-shown):invalid,
.aurydata-field input[type="email"]:not(:placeholder-shown):invalid {
    border-color: red;
}

.aurydata-lost-password {
    text-align: right;
    font-size: var(--wp--preset--font-size--small);
    margin-bottom: 16px;
}

.aurydata-register-link {
    text-align: center;
    font-size: var(--wp--preset--font-size--small);
    margin-top: 0;
}

.aurydata-login-link {
    text-align: center;
    font-size: 0.9rem;
    margin-top: 1rem;
}

.aurydata-field button.aurydata-btn {
    width: 100%;
    background: var(--wp--preset--color--primary);
    color: white;
    padding: 15px;
    border-radius: 15px;
    border: none;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: var(--wp--preset--color--tertiary);;
    font-family: var(--wp--preset--font-family--nunito);
}

.aurydata-error {
    background: rgb(255 0 0 / 17%);
    border: #ff0000 2px solid;
    border-radius: 15px;
    padding: 10px;
    color: #ff0000;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 20px;
}

.aurydata-field-error {
    display: block;
    color: red;
    font-size: 12px;
    margin-top: -15px;
    margin-bottom: 10px;
}

.aurydata-field-error:empty {
    display: none;
}

/* Notices */

.aurydata-notice.aurydata-success {
    background: rgb(0 155 11 / 27%);
    border: #306e00 2px solid;
    border-radius: 15px;
    padding: 10px;
    color: #306e00;
    text-transform: uppercase;
    font-weight: 800;
}

.aurydata-notice.aurydata-info {
    background: rgb(29 99 255 / 10%);
    border-left: 4px solid var(--wp--preset--color--primary);
    border-radius: 8px;
    padding: 10px 14px;
    color: #0d3a99;
    font-size: 0.9rem;
}

/* Required field marker */

.required {
    color: red;
}

/* Privacy checkbox label */

.aurydata-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.85rem;
    cursor: pointer;
}

.aurydata-checkbox a {
    text-decoration: underline;
}
