/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2025 | 19:14:35 */
/* =========================
   Header & MailPoet Styling (Centered Layout)
   ========================= */

/* Tight header: minimal vertical space */
header#masthead {
    padding-block: 0.25rem;
    margin-bottom: 0;
    text-align: center;
}

/* Remove vertical spacing from widget */
#block-4.widget {
    margin: 0;
    padding: 0;
}

/* Heading above form */
header#masthead > h6.mailpoet-heading {
    font-family: inherit;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 0 0.25rem 0;
}

/* MailPoet container */
#mailpoet_form_6 {
    max-width: 700px;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
}

/* Form layout */
#mailpoet_form_6 form.mailpoet_form {
    display: flex;
    justify-content: center; /* center the whole group */
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 auto;
    padding: 0;
}

/* Inputs — fixed width */
#mailpoet_form_6 .mailpoet_text,
#mailpoet_form_6 .mailpoet_textarea {
    width: 200px;
    flex: 0 0 auto; /* prevent stretching */
    padding: 0.5rem;
    margin: 0;
    box-sizing: border-box;
}

/* Submit button — only as wide as content */
#mailpoet_form_6 .mailpoet_submit {
    flex: 0 0 auto;
    background-color: #222;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.8rem 1.2rem;
    border: none;
    cursor: pointer;
    margin: 0;
    border-radius: 0;
    width: auto;
}

/* Paragraph reset */
#mailpoet_form_6 .mailpoet_paragraph {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

/* Responsive stacking */
@media (max-width: 500px) {
    #mailpoet_form_6 form.mailpoet_form {
        flex-direction: column;
        gap: 0.5rem;
    }
}