/*********************************************
 * Mailchimp
**********************************************/
.twc-mailchimp {--spacing-right:195px;}
.twc-mailchimp:before, .twc-mailchimp:after {
    content:""; display:block;
    position:absolute; left:0; bottom:0;
}
.twc-mailchimp:before {
    width:calc(100% - var(--twc-gap-side) - var(--spacing-right)); height:100%; background:var(--twc-color-primary);
    z-index:1;
}
.twc-mailchimp:after {
    width:100%; height:18px; background:var(--twc-color-secondary);
    z-index:0;
}
.twc-mailchimp .container {z-index:2; padding-top:25px; padding-bottom:25px;}
.mc4wp-form {width:calc(100% - var(--spacing-right)); padding-right:35px;}
.mc4wp-form-fields {
    display:flex; align-items:center; justify-content:space-between;
    margin-left:-45px;
}

/* Title */
.mailchimp-title {
    --twc-spacing-heading:0px;
    max-width:170px; padding-right:var(--twc-gap-container);
}

/* Input */
.mailchimp-input input {
    width:365px; height:58px; padding:5px 30px;
    background:rgba(0, 0, 0, 0); color:#fff; font-size:var(--twc-size-16); font-weight:400;
    border:1px solid rgba(255, 255, 255, .2);
    transition:var(--twc-transition);
}
.mailchimp-input input::placeholder {
    --twc-color-placeholder:var(--twc-color-white);
    font-size:var(--twc-size-16); font-weight:400;
    transition:var(--twc-transition);
}
.mailchimp-input input:hover, .mailchimp-input input:focus, .mailchimp-input input:focus-visible {border-color:#fff;}
.mailchimp-input input:hover::placeholder,
.mailchimp-input input:focus::placeholder,
.mailchimp-input input:focus-visible::placeholder {--twc-color-placeholder:rgba(255, 255, 255, .2);}


/* Policy */
.mailchimp-policy {max-width:150px;}
.mailchimp-policy input[type="checkbox"] {position:absolute; opacity:0;}
.mailchimp-policy input[type="checkbox"] + label {
    padding-left:38px; position:relative; display:inline-block;
    font-size:13px; font-weight:400; line-height:1.15;
}
.mailchimp-policy input[type="checkbox"] + label a {font-weight:500; text-decoration:underline; color:#fff;}
.mailchimp-policy input[type="checkbox"] + label a:hover,
.mailchimp-policy input[type="checkbox"] + label a:focus,
.mailchimp-policy input[type="checkbox"] + label a:focus-visible {color:var(--twc-color-secondary);}
.mailchimp-policy input[type="checkbox"] + label:before {
    position:absolute; top:50%; left:0; transform:translateY(-50%);
    content:""; display:inline-block;
    border:1px solid rgba(255, 255, 255, .3);
    width:16px; height:16px;
    transition:var(--twc-transition);
}
.mailchimp-policy input[type="checkbox"] + label:after {
    position:absolute; top:50%; left:3px; transform:translateY(-50%);
    content:"\e932"; font-family:var(--twc-font-icomoon); font-size:.9em;
    width:16px; height:16px; line-height:16px;
    transition:all .1s ease;
}

/* checked */
.mailchimp-policy input[type="checkbox"]:not(:checked) + label:after {
    transform:translateY(-4px) rotate(-25deg) scale(.5);
    opacity:0;
}

/* focus */
.mailchimp-policy input[type="checkbox"]:hover + label:before,
.mailchimp-policy input[type="checkbox"]:focus + label:before {border-color:var(--twc-color-white);}

/* a11y: support for checkbox */
.mailchimp-policy input[type="checkbox"]:focus-visible + label:before {box-shadow:0 0 0 1px var(--twc-color-white);}

/* Button */
.mailchimp-submit input {transition:var(--twc-transition);}


/*********************************************
 * Mailchimp Responsive
**********************************************/
@media only screen and (max-width:1439px) {
    .mc4wp-form-fields {margin-left:0;}
    .mailchimp-title {max-width:135px; }
    .mailchimp-input, .mailchimp-title, .mailchimp-policy {padding-right:10px;}
    .mailchimp-input input {width:300px;}
}
@media only screen and (max-width:1180px) {
    .mc4wp-form-fields {flex-wrap:wrap;}
    .mailchimp-title {
        --twc-spacing-heading:20px;
        width:100%; padding-right:0; max-width:100%;
    }
}
@media only screen and (max-width:1024px) {
    .twc-mailchimp {--spacing-right:80px;}
    .mc4wp-form {padding-right:var(--twc-gap-container);}
    .mailchimp-input, .mailchimp-policy, .mailchimp-submit {width:100%; padding-right:0;}
    .mailchimp-input {margin-bottom:var(--twc-spacing-20);}
    .mailchimp-input input {width:100%; max-width:500px;}
    .mailchimp-policy {max-width:100%; margin-bottom:var(--twc-spacing-20);}

}
@media only screen and (max-width:767px) {
    .twc-mailchimp {
        --spacing-right:0px;
        text-align:center; padding:var(--twc-spacing-145) 0 calc(var(--twc-spacing-145) + 18px);
    }
    .twc-mailchimp:before {width:100%; height:calc(100% - 18px); bottom:18px;}
    .mc4wp-form {padding-right:0;}
    .mc4wp-form-fields {--twc-spacing-20:30px;}
    .mailchimp-title {--twc-spacing-heading:30px;}
    .mailchimp-policy input[type="checkbox"] + label:after {left:1px;}
}