/* IT GIRL CLUB - NEWSLETTER FORM */

.mailpoet_form {
    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: #FBEBEC !important;
}

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

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

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

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

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

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

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

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

/* Add breathing room between the intro and form */
.mailpoet_form 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 .mailpoet_form {
    border-top: none !important;
}
.tnp-popup .mailpoet_form form {
    border-top: none !important;
}
/* Remove the black divider above the Newsletter popup form */
.mailpoet_form {
    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 .mailpoet_form {
    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: #FBEBEC !important;
}

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

/* Force EVERY field onto its own line */
.it-girl-page-signup .mailpoet_form .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 .mailpoet_form .tnp-field label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px !important;
}

/* Inputs */
.it-girl-page-signup .mailpoet_form input[type="text"],
.it-girl-page-signup .mailpoet_form 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 #FBEBEC !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
}

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

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

/* Button */
.it-girl-page-signup .mailpoet_form .tnp-submit {
    display: inline-block !important;
    width: auto !important;
    background-color: #FBEBEC !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 .mailpoet_form .tnp-submit:hover {
    background-color: #FBEBEC !important;
}

/* Mobile */
@media (max-width: 600px) {
    .it-girl-page-signup .mailpoet_form {
        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;
}

/* =========================================
   SINGLE POST — FEATURED IMAGE
   GS Posts Grid renders the single-post featured
   image with its own class (.gs-post-single-thumbnail),
   not Neve's default markup — so target that directly.
   ========================================= */

/* Center the featured image wrapper, in case it's a flex/block container */
.single-post .nv-thumb-wrap,
.single-post .page-header-container .neve-featured-img {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Center the image itself and cap its size — covers both Neve's
   default markup and GS Posts Grid's .gs-post-single-thumbnail */
.single-post .nv-thumb-wrap img,
.single-post .page-header-container .neve-featured-img img,
.single-post .gs-post-single-thumbnail {
    display: block !important;
    margin: 0 auto !important;
    max-width: 60% !important;
    max-height: 600px !important;
    width: auto !important;
    height: auto !important;
    object-fit: cover !important;
    float: none !important;
}

/* Let it use more width on smaller screens so it isn't tiny */
@media (max-width: 600px) {
    .single-post .nv-thumb-wrap img,
    .single-post .page-header-container .neve-featured-img img,
    .single-post .gs-post-single-thumbnail {
        max-width: 90% !important;
    }
}
Impact-Site-Verification: 374081b2-e7d8-40e9-8adb-48693787506c