/* IT GIRL CLUB - NEWSLETTER FORM */

.tnp-subscription {
    width: 500px !important;
    max-width: calc(100% - 40px) !important;
    margin: 0 auto !important;
    padding: 0 32px 24px !important;
    box-sizing: border-box !important;
    background-color: #f4e8e1 !important;
}

/* Keep the intro/header the same width as the form */
.tnp-subscription table {
    width: 100% !important;
    max-width: none !important;
}

/* Form fields */
.tnp-subscription .tnp-field {
    box-sizing: border-box !important;
}

.tnp-subscription input[type="text"],
.tnp-subscription input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 11px 12px !important;
    border: 1px solid #d8c4bb !important;
    background-color: #ffffff !important;
    font-size: 15px !important;
}

/* Labels */
.tnp-subscription .tnp-field label {
    display: block;
}

/* Privacy link */
.tnp-subscription .tnp-privacy-field {
    text-align: center !important;
}

/* Join button */
.tnp-subscription .tnp-field-button {
    text-align: center !important;
}

.tnp-subscription .tnp-submit {
    background-color: #9e2a46 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 28px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

/* Button hover */
.tnp-subscription .tnp-submit:hover {
    background-color: #7f2038 !important;
}
/* Remove the black line between the It Girl Club intro and form */
.tnp-subscription table,
.tnp-subscription table tr,
.tnp-subscription table td {
    border: none !important;
}

/* Add breathing room between the intro and form */
.tnp-subscription table {
    margin-bottom: 15px !important;
}
/* It Girl Club intro - remove table border */
.it-girl-intro,
.it-girl-intro tr,
.it-girl-intro td {
    border: none !important;
    border-bottom: none !important;
}

/* Add a little breathing room before the form */
.it-girl-intro td {
    padding-bottom: 30px !important;
}
/* Remove the divider above the popup signup form */
.tnp-popup .tnp-subscription {
    border-top: none !important;
}
.tnp-popup .tnp-subscription form {
    border-top: none !important;
}
/* Remove the black divider above the Newsletter popup form */
.tnp-subscription {
    border-top: none !important;
    border-bottom: none !important;
}
/* It Girl Club popup intro - remove divider */
.it-girl-popup-intro,
.it-girl-popup-intro tbody,
.it-girl-popup-intro tr,
.it-girl-popup-intro td {
    border: none !important;
    border-bottom: none !important;
}
/* =========================================
   IT GIRL CLUB - FULL SIGNUP PAGE
   ========================================= */

.it-girl-page-signup .tnp-subscription {
    display: block !important;
    width: 100% !important;
    max-width: 560px !important;
    margin: 40px auto !important;
    padding: 36px 42px 40px !important;
    box-sizing: border-box !important;
    background-color: #f4e8e1 !important;
}

/* Force the form into a vertical layout */
.it-girl-page-signup .tnp-subscription form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Force EVERY field onto its own line */
.it-girl-page-signup .tnp-subscription .tnp-field {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
    margin: 0 0 16px !important;
}

/* Labels */
.it-girl-page-signup .tnp-subscription .tnp-field label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px !important;
}

/* Inputs */
.it-girl-page-signup .tnp-subscription input[type="text"],
.it-girl-page-signup .tnp-subscription input[type="email"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 13px 14px !important;
    border: 1px solid #d8c4bb !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
}

/* Privacy */
.it-girl-page-signup .tnp-subscription .tnp-privacy-field {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 8px 0 20px !important;
}

/* Button container */
.it-girl-page-signup .tnp-subscription .tnp-field-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* Button */
.it-girl-page-signup .tnp-subscription .tnp-submit {
    display: inline-block !important;
    width: auto !important;
    background-color: #9e2a46 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

/* Button hover */
.it-girl-page-signup .tnp-subscription .tnp-submit:hover {
    background-color: #7f2038 !important;
}

/* Mobile */
@media (max-width: 600px) {
    .it-girl-page-signup .tnp-subscription {
        max-width: 100% !important;
        padding: 28px 22px 32px !important;
    }
}
/* Be the Betty — tighten Otter section spacing */
.wp-block-themeisle-blocks-section-column {
    row-gap: 20px !important;
}