/*
	* Convertkit Campaign Form Styling
	*
	* @package      ourbestbites
	* @author       Lindsay Humes
	* @since        1.0.0
	* @license      GPL-2.0+
*/

/*--------------------------------------------------------------
General
--------------------------------------------------------------*/
.formkit-form {
    border: 0!important;
    overflow: visible!important;
    position: relative;
    padding: 30px;
    max-width: 100%!important;
}
.formkit-form [data-style="minimal"]::before {
    content: '';
    display: block;
    position: absolute;
    width: 170px;
    height: 170px;
    background-image: url(../svg/icon-email.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top:0;
    z-index: 99;
    margin: 0;
    transform: rotate(-15deg);
}

.formkit-form[min-width~="600"] [data-style="minimal"], .formkit-form [data-style="minimal"] {
    padding: 0!important;
    position: relative!important;
    padding-left: 200px!important;
}

.formkit-form .formkit-header, .formkit-form .formkit-subheader {
    margin: 0!important;
    text-align: left!important;
}
.formkit-form h2 {
    font-size: 26px !important;
    margin: 0 0 10px !important;
    text-transform: uppercase;
    letter-spacing: .02rem;
    text-align: left !important;
    color: var(--wp--preset--color--blue);
}
.formkit-form .formkit-fields {
    margin: 10px auto 0!important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.formkit-form .formkit-field {
    margin: 2px !important;
    -ms-flex: 2 0 49% !important;
    flex: 2 0 49% !important;
}
.formkit-form .formkit-input {
    border:0!important;
}
.formkit-form .formkit-submit {
    display: block !important;
    width: fit-content !important;
    flex: none !important;
    margin: 10px 0 0 !important;
        margin: 0 0 15px 0;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}
.formkit-form .formkit-field:nth-child(3) {
    margin: 10px 0;
    -ms-flex: 1 0 98% !important;
    flex: 1 0 98% !important;
}
.formkit-form [data-group="checkbox"] label {
    font-weight: 400!important;
    font-size: .8rem;
}
.formkit-form .formkit-guarantee {
    margin:10px 0 0!important;
}
.formkit-form .formkit-guarantee > p {
        text-align: left!important;
        font-size: .8rem;
        opacity: .6;
}

/*--------------------------------------------------------------
BLOCK AREA: FOOTER
--------------------------------------------------------------*/
.block-area-before-footer .formkit-form {
    border: 0!important;
    overflow: visible!important;
    position: relative;
    padding: 40px;
    max-width: 100vw!important;
    padding: var(--wp--custom--layout--block-gap-large) var(--wp--custom--layout--block-gap);
    margin: 0 calc(-1* var(--wp--custom--layout--block-gap))!important;
}
.block-area-before-footer form.formkit-form[data-format="inline"] {
    margin-bottom:0!important;
}
.block-area-before-footer .formkit-form [data-style="minimal"] {
    max-width: var(--wp--custom--layout--wide);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}
.block-area-before-footer .formkit-form[min-width~="600"] [data-style="minimal"] {
    padding-left: 300px!important;
}
.block-area-before-footer .formkit-form [data-style="minimal"]::before {
    width: 250px;
    height: 250px;
}
/*--------------------------------------------------------------
RESPONSIVE
--------------------------------------------------------------*/
@media (max-width: 800px) {
.formkit-form [data-style="minimal"]::before {
    display: none;
}
.formkit-form[min-width~="600"] [data-style="minimal"], .formkit-form [data-style="minimal"], .block-area-before-footer .formkit-form[min-width~="600"] [data-style="minimal"] {
    padding:0!important;
    padding-left: 0 !important;

}
.formkit-form .formkit-fields {
    margin: 10px auto 0!important;
    display: block!important;
}
.formkit-form .formkit-field { 
    margin: 3px 0!important;
}
}