/* Import font */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

/* Global */
body, input, button, select, textarea,
h1, h2, h3, h4, h5,
label, .altcha, .form, .container,
.lists li, .captcha, footer, a {
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 700 !important;
}

/* Centered CAPTCHA */
.captcha {
    display: flex;
    justify-content: center;
}

/* Centered Button */
p .button {
    display: block;
    margin: 0 auto;
}

/* ALTCHA Customisation */
.altcha-footer {
    display: none !important;
}

.altcha .altcha-logo {
    display: flex;
    align-items: center;
}

/* Global Colors */
body {
    background: #000;
    color: #d2d2dc;
}

/* Remove curves */
input, button, select, textarea, .altcha, .form,
.container, .lists li, .captcha {
    border-radius: 0 !important;
}

/* Inputs + borders */
input[type="email"],
input[type="text"],
input[type="checkbox"],
button {
    background: #000;
    color: #d2d2dc;
    border: 1px solid #d2d2dc;
}

/* Checkbox */
input[type="checkbox"] {
    accent-color: #d2d2dc;
}

/* Lists */
.lists h2,
.lists li label {
    color: #d2d2dc;
}

/* Links */
a {
    color: #d2d2dc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #9a9aa2;
}

/* Button */
button.button {
    background: #000;
    color: #d2d2dc;
    border: 1px solid #d2d2dc;
    text-transform: uppercase;
    border-radius: 0;
}

button.button:hover {
    color: #9a9aa2;
    border-color: #9a9aa2;
}

/* ALTCHA widget */
.altcha {
    color: #d2d2dc !important;
}

/* Footer */
footer {
    color: #d2d2dc;
}

footer.container {
    display: none !important;
}

/* Container */
.container.wrap {
    background: #000 !important;
    color: #d2d2dc;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Logo */
.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.logo img {
    display: block;
    margin: 0 auto;
}

/* Section headings */
section > h2,
.lists > h2 {
    text-transform: uppercase;
    color: #000;
    background: #d2d2dc;
    border-radius: 0;
    padding: 6px 12px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
}

/* Newsletter Archive rename */
a[href="https://abx.zeabur.app/archive"] {
    visibility: hidden;
}

a[href="https://abx.zeabur.app/archive"]::after {
    content: "Newsletter Archive";
    visibility: visible;
    display: inline;
}