/*--------------------------------------------------------------
Convertkit Forms
# General Settings (Applies to All Forms)
# Settings for No Image Forms
# Settings for Image Forms
# Settings for Above Footer Form
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General Settings (Applies to All Forms)
--------------------------------------------------------------*/
.site-main .formkit-form[data-format="inline"] {
    max-width:  1200px!important;
    width:  100%!important;
}
.formkit-form {
    margin: 20px auto;
    position: relative;
    text-align:  left;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    color: #212121!important;
}

.formkit-form .formkit-header {
    margin: 0!important;
}
.formkit-form h2 {
    margin: 0 0 10px!important;
    font-size: 28px!important;
    font-family: 'Playfair Display', Georgia, serif;
    letter-spacing: -.01em;
    text-align: left!important;
    color: #212121!important;
}


.formkit-subheader p {
    width: 100%!important;
    margin: 0 0 10px!important;
}

.formkit-subheader {
    margin:0 0 10px!important;
}
.formkit-form .formkit-content {
    margin-bottom: 0!important;
}

.formkit-form p {
    color: #212121!important;
    text-align:  left!important;
    font-size: 16px!important;
    margin:0 0 10px!important;
}

.formkit-fields {
    margin:0!important;
}
.formkit-field {
    margin: 3px 0!important;
    -webkit-flex: 1 0 49%!important;
    -ms-flex: 1 0 49%!important;
    flex: 1 0 49%!important;
    margin-right: 5px!important;
}
.formkit-checkboxes {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 5px 0;
}

.formkit-submit {
    flex: 1 0 19%!important;
    margin: 0!important;
    padding: 5px!important;
}
.formkit-form .formkit-input {
    border:  1px solid #212121!important;
    background:  transparent!important;
    color:  #212121!important;
}
.formkit-form .formkit-input::placeholder {
    color:  #212121!important;
}
button.formkit-submit.formkit-submit {
    display: block!important;
    width: 100%!important;
    background: transparent!important;
    font-size:  14px!important;
    font-weight: 600!important;
    width: fit-content!important;
    margin: 5px 0 0!important;
    padding:0!important;
    -webkit-flex: 1 0 100%!important;
    -ms-flex: 1 0 100%!important;
    flex: 1 0 100%!important;
}
.formkit-submit span {
    display: block!important;
    width: fit-content!important;
    background: #212121!important;
    border-radius: 5px!important;
}

.formkit-submit span:hover {
    background: #C3366F!important;
}
.formkit-powered-by-convertkit-container {
    display: none!important;
}
.formkit-form .formkit-guarantee, .formkit-form .formkit-disclaimer  {
    margin: 10px 0 0!important;
    text-align: left!important;
    opacity:1!important;
}
.formkit-form .formkit-guarantee p, .formkit-form .formkit-disclaimer p {
    margin: 0!important;
    color: #212121!important;
    font-size: .8rem!important;
}

/*--------------------------------------------------------------
# Settings for No Image Forms
--------------------------------------------------------------*/
.formkit-form [data-style="minimal"] {
    padding:  50px!important;
    max-width: 1200px!important;
    width: calc(100% - 20px);
    margin:  0 auto!important;
    position:  relative;
    z-index:  2;
}
.formkit-form [data-style="minimal"]::after {
    width: 100px;
    height: 100px;
    content: "";
    display: block;
    background: url(../images/icon-sprinkles.svg) no-repeat center;
    background-size: contain;
    right: 10px;
    top: 10px;
    position: absolute;
    z-index: -1;
}
.site-main .formkit-form[data-format="inline"]:has([data-style="minimal"]) {
    max-width: 100%!important;
    margin: 0!important;
}

/*--------------------------------------------------------------
# Settings for Image Forms
--------------------------------------------------------------*/
.formkit-form [data-style="full"] {
    max-width: 1200px!important;
    width: 100%!important;
    margin: 0 auto;
}
.site-main .formkit-form [data-style="full"] .formkit-background {
    margin: 0!important;
    border-radius: 0!important;
}
@media screen and (min-width: 600px) {
    .formkit-form [data-style="full"] .formkit-column {
        padding: 40px!important;
    }
}

/*--------------------------------------------------------------
# Settings for Above Footer Form
--------------------------------------------------------------*/
.above-footer .formkit-form [data-style="minimal"] {
    padding: 0!important;
    margin: 0!important;
}
.above-footer .formkit-form [data-style="minimal"]::after {
    display:none!important;
}
.above-footer .convertkit.widget {
    margin:0;
}