/*
 * style.css
 * Styles for plugin Esf Shortcodes
 */

:root {
    --esf-honigtopf: none;
    --mandatory-star-color: #FF0000;
    --esf-register-color: #00cc00;
    --esf-unsubscribe-color: #CC0000;
}

.green {
    background-color: green;
}
.red {
    background-color: red;
}
.white {
    background-color: white;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
td {
    vertical-align: top;
}
th {
    text-align: left;
    vertical-align: bottom;
}
td, th {
    padding: 0.2rem 1rem 0.2rem 0rem;
}
.esf-dontyoudare {
    font-size: 15rem;
    margin-top: 5rem;
    text-align: center;
}
.esf-honigtopf {
    display: var(--esf-honigtopf);
}
.esf-mandatory {
    color: var(--mandatory-star-color);
}

.esf-register, .esf-unsubscribe {
    color: white;
    cursor: ew-resize;
    display: inline-block;
    padding: 0.1rem 0.3rem 0.2rem 0.3rem;
}
.esf-register {
    background-color: var(--esf-register-color);
}
.esf-unsubscribe {
    background-color: var(--esf-unsubscribe-color);
}

.esf-management form, .esf-registration form {
    margin-bottom: 1rem;
}