.wpil-email-signup-offer,
.wpil-review-offer{
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 5px 0 10px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    overflow: hidden;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
    font: 13px "Open Sans", sans-serif;
    display: none;
}
.email-signup-logo{
    height: 100%;
    width: 70px;
    margin: 0 15px 0 0;
}

.wpil-email-signup-shoutout,
.wpil-review-shoutout{
    max-width: calc(100% - 500px);
    margin-right: auto;
    font-size: 16px;
}

.wpil-email-signup-offer .email-signup-inputs{
    margin: 0 40px 0 auto;
}
.wpil-email-signup-offer .email-signup-email-input{
    margin: 0 10px 0 0;
}

/** ConvertKit Styles **/
.formkit-form[data-uid="5334f7abfd"] ol:not([template-default]),.formkit-form[data-uid="5334f7abfd"] ul:not([template-default]),.formkit-form[data-uid="5334f7abfd"] blockquote:not([template-default]){text-align:left;}
.formkit-form[data-uid="5334f7abfd"] p:not([template-default]),.formkit-form[data-uid="5334f7abfd"] hr:not([template-default]),.formkit-form[data-uid="5334f7abfd"] blockquote:not([template-default]),.formkit-form[data-uid="5334f7abfd"] ol:not([template-default]),.formkit-form[data-uid="5334f7abfd"] ul:not([template-default]){color:inherit;font-style:initial;}
.formkit-form[data-uid="5334f7abfd"][data-format="modal"]{display:none;}
.formkit-form[data-uid="5334f7abfd"][data-format="slide in"]{display:none;}
.formkit-form[data-uid="5334f7abfd"] .formkit-button,
.formkit-form[data-uid="5334f7abfd"] .formkit-submit{
    border:0;
    text-align:center;
    overflow:hidden;
    position:relative;
}
.formkit-form[data-uid="5334f7abfd"] .formkit-button:hover > span,.formkit-form[data-uid="5334f7abfd"] .formkit-submit:hover > span,
.formkit-form[data-uid="5334f7abfd"] .formkit-button:focus > span,.formkit-form[data-uid="5334f7abfd"] .formkit-submit:focus > span{background-color:rgba(0,0,0,0.1);}
.formkit-form[data-uid="5334f7abfd"] .formkit-button > span,
.formkit-form[data-uid="5334f7abfd"] .formkit-submit > span{
    display:block;
    -webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;
    width: 100%;
    margin: 0 -12px;
    padding: 0 12px;
}
.formkit-form[data-uid="5334f7abfd"] .formkit-alert{
    background:#f9fafb;
    border:1px solid #e3e3e3;
    border-radius:5px;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    list-style:none;
    padding:12px;
    text-align:
    center;
    width:calc(100% - 24px);
}
.formkit-form[data-uid="5334f7abfd"] .formkit-alert:empty{display:none;}
.formkit-form[data-uid="5334f7abfd"] .formkit-alert-success{
    background:#d3fbeb;
    border-color:#10bf7a;
    color:#0c905c;
    margin: 10px 5px;
}
.formkit-form[data-uid="5334f7abfd"] .formkit-alert-error{background:#fde8e2;border-color:#f2643b;color:#ea4110;}
.formkit-form[data-uid="5334f7abfd"] .formkit-spinner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:0px;width:0px;margin:0 auto;position:absolute;top:0;left:0;right:0;width:0px;overflow:hidden;text-align:center;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.formkit-form[data-uid="5334f7abfd"] .formkit-spinner > div{margin:auto;width:12px;height:12px;background-color:#fff;opacity:0.3;border-radius:100%;display:inline-block;-webkit-animation:formkit-bouncedelay-formkit-form-data-uid-5334f7abfd- 1.4s infinite ease-in-out both;animation:formkit-bouncedelay-formkit-form-data-uid-5334f7abfd- 1.4s infinite ease-in-out both;}
.formkit-form[data-uid="5334f7abfd"] .formkit-spinner > div:nth-child(1){-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.formkit-form[data-uid="5334f7abfd"] .formkit-spinner > div:nth-child(2){-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
.formkit-form[data-uid="5334f7abfd"] .formkit-submit[data-active] .formkit-spinner{opacity:1;height:100%;width:50px;}
.formkit-form[data-uid="5334f7abfd"] .formkit-submit[data-active] .formkit-spinner ~ span{opacity:0;}
@-webkit-keyframes formkit-bouncedelay-formkit-form-data-uid-5334f7abfd-{0%,80%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes formkit-bouncedelay-formkit-form-data-uid-5334f7abfd-{0%,80%,100%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.formkit-form[data-uid="5334f7abfd"] blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #e1e1e1;}
.formkit-form[data-uid="5334f7abfd"]{max-width:700px;}
.formkit-form[data-uid="5334f7abfd"] [data-style="clean"]{width:100%;}
.formkit-form[data-uid="5334f7abfd"] .formkit-fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;}
.formkit-form[data-uid="5334f7abfd"][min-width~="700"] [data-style="clean"],.formkit-form[data-uid="5334f7abfd"][min-width~="800"] [data-style="clean"]{padding:10px;}
.formkit-form[data-uid="5334f7abfd"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-field,.formkit-form[data-uid="5334f7abfd"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-field{-webkit-flex:100 1 auto;-ms-flex:100 1 auto;flex:100 1 auto;}
.formkit-form[data-uid="5334f7abfd"][min-width~="700"] .formkit-fields[data-stacked="false"] .formkit-submit,
.formkit-form[data-uid="5334f7abfd"][min-width~="800"] .formkit-fields[data-stacked="false"] .formkit-submit{
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    position: relative;
    top: -2px;
} 

.formkit-fields .formkit-field-container{
    width: 200px;
}

.formkit-fields .formkit-field{
    width: 200px;
    margin: 10px 0;
    display: inline-block;
}

.formkit-fields .formkit-submit{
    width: 200px;
    height: 30px;
}

.wpil-email-signup-offer .email-signup-inputs{
    margin: 0px;
}
.formkit-fields[data-stacked="false"] .formkit-submit{
    margin: auto 0 10px 0;
}

@media screen and (max-width: 1024px){
    .wpil-email-signup-offer,
    .wpil-review-offer{
        flex-direction: column;
        text-align: center;
        padding-right: 26px !important;
    }
    .email-signup-logo,
    .wpil-email-signup-shoutout,
    .wpil-review-shoutout{
        position: relative;
        left: 19px;
    }
    .wpil-email-signup-shoutout,
    .wpil-review-shoutout{
        max-width: initial;
    }
    .formkit-fields .formkit-field-container{
        /*width: 420px;*/
    }
    .email-signup-inputs{
        position: relative;
        left: 9px;
    }
    .wpil-email-signup-shoutout,
    .wpil-review-shoutout{
        text-align: center;
        margin: 0 20px;
    }
    .wpil-email-signup-offer .email-signup-email-input{
        margin: 0px;
    }
    .wpil-review-offer .wpil-review-action-panel{
        margin: 10px 0;
    }
}
@media screen and (max-width: 782px){
    .formkit-fields .formkit-field-container{
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .formkit-fields .formkit-field,
    .formkit-fields .formkit-submit{
        width: 220px;
        height: 40px;
    }
    .formkit-fields[data-stacked="false"] .formkit-submit{
        margin: auto auto 10px auto;
        padding: 7px 20px;
    }
}

@media screen and (max-width: 560px){
    .formkit-fields .formkit-field-container{
        flex-direction: column;
        align-items: center;
    }
    .formkit-fields .formkit-field{
        width: 100%;
    }
    .formkit-fields[data-stacked="false"] .formkit-submit{
        width: 218px;
        margin: 8px auto 10px auto;

    }
    .wpil-review-offer .wpil-review-action-panel a{
        display: block;
        margin: 5px 0;
    }
}
