.callout-subscribe {
    background: var(--wp--preset--color--grey);
    max-width: 100vw !important;
    padding: 0 var(--wp--custom--layout--block-gap);
    margin: 0 calc(-1 * var(--wp--custom--layout--block-gap)) !important;
    background-size: 200px;
    text-align: center;
}

.callout-subscribe .wrap {
    max-width: 800px;
    margin: 0 auto;
    background: var(--wp--preset--color--grey);
    padding: var(--wp--custom--layout--block-gap-large);
}

.callout-subscribe .section-title {
    margin: var(--wp--custom--layout--block-gap-small) auto;
    font-size: var(--wp--preset--font-size--x-large);
}
/*--------------------------------------------------------------
Footer Subscribe
--------------------------------------------------------------*/
.member-logged-in .footer-subscribe {
    display: none;
}


/*--------------------------------------------------------------
WP FORMS SPECIFIC
--------------------------------------------------------------*/
.callout-subscribe .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 0;
}

.callout-subscribe div.wpforms-container-full input[type=email], .callout-subscribe div.wpforms-container-full input[type=text] {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    border-radius: 0;
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--ink);
    color: var(--wp--preset--color--ink);
    background: transparent;
    opacity: 1 !important;
}

.callout-subscribe div.wpforms-container-full:not(:empty) {
    margin: 20px auto 0 !important;
}

.callout-subscribe div.wpforms-container-full input[type=email]::placeholder, .callout-subscribe div.wpforms-container-full input[type=text]::placeholder {
    color: var(--wp--preset--color--ink) !important;
    opacity: 1 !important;
}

.callout-subscribe .wpforms-field.wpforms-field-radio {
    margin: 20px auto 0;
}

.callout-subscribe div.wpforms-container-full .wpforms-field-label, .callout-subscribe .wp-core-ui div.wpforms-container-full .wpforms-field-label {
    margin: 0 auto 5px;
}

.callout-subscribe div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul, .callout-subscribe div.wpforms-container-full .wpforms-field.wpforms-field-radio ul, .callout-subscribe div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul, .callout-subscribe div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul, .callout-subscribe div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.callout-subscribe div.wpforms-container-full input[type=submit], .callout-subscribe div.wpforms-container-full button[type=submit], .callout-subscribe div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .callout-subscribe .wp-core-ui div.wpforms-container-full button[type=submit], .callout-subscribe .wp-core-ui div.wpforms-container-full .wpforms-page-button {
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    text-transform: uppercase;
    font-weight: 700;
    background: var(--wp--preset--color--ink)!important;
    border-radius: var(--wp--custom--border-radius--medium);
    box-shadow: var(--wp--custom--box-shadow--2);
    color: var(--wp--preset--color--white) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: var(--wp--custom--layout--block-gap);
    text-decoration: none;
}
.callout-subscribe div.wpforms-container-full input[type=submit]:hover, .callout-subscribe div.wpforms-container-full button[type=submit]:hover, .callout-subscribe div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .callout-subscribe .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .callout-subscribe .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover {
    background: var(--wp--preset--color--red)!important;
}

.callout-subscribe div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    margin-top: 10px !important;
}

.callout-subscribe .wpforms-submit-container br {
    display: none;
}

/*--------------------------------------------------------------
Style - In Post
--------------------------------------------------------------*/
.type-post .callout-subscribe {
    border-radius: var(--wp--custom--border-radius--small);
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    box-shadow: var(--wp--custom--box-shadow--1);
    max-width: 100% !important;
    padding: var(--wp--custom--layout--block-gap-large);
    margin: 20px auto !important;
}

/*--------------------------------------------------------------
Style - AFTER POST  
--------------------------------------------------------------*/
.block-area-after-post .callout-subscribe {
    width: 100% !important;
    margin: var(--wp--custom--layout--block-gap) auto !important;
    border-radius: var(--wp--custom--border-radius--small);
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    box-shadow: var(--wp--custom--box-shadow--1);
}

/*--------------------------------------------------------------
Style - Sidebar
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Style - Responsive
--------------------------------------------------------------*/
@media (max-width: 800px) {
    .callout-subscribe .wrap {
        padding: var(--wp--custom--layout--block-gap);
        max-width: 600px;
    }

    .callout-subscribe .section-title {
        font-size: var(--wp--preset--font-size--xxlarge);
    }
}