.elementor-655 .elementor-element.elementor-element-05443a5{--display:flex;--min-height:auto;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-655 .elementor-element.elementor-element-05443a5:not(.elementor-motion-effects-element-type-background), .elementor-655 .elementor-element.elementor-element-05443a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-655 .elementor-element.elementor-element-537aa71{text-align:center;}.elementor-655 .elementor-element.elementor-element-537aa71 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5rem;font-weight:700;color:var( --e-global-color-accent );}.elementor-655 .elementor-element.elementor-element-7a8d33a{padding:3.5% 2.5% 3.5% 2.5%;}#elementor-popup-modal-655 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-655{justify-content:center;align-items:center;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-655 .dialog-close-button{display:flex;}#elementor-popup-modal-655 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-655 .elementor-element.elementor-element-05443a5{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-7a8d33a *//* =========================================
   SWEETSNAPS CONTACT FORM
   ========================================= */

.uacf7-form-404 {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 22px;
    box-sizing: border-box;
}


/* =========================================
   LABELS
   ========================================= */

.uacf7-form-404 label {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;

    margin: 0;
    padding: 0;

    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;

    box-sizing: border-box;
}


/* =========================================
   INPUTS + SELECT
   ========================================= */

.uacf7-form-404 input:not([type="submit"]),
.uacf7-form-404 select {
    width: 100%;
    height: 52px;

    padding: 0 16px;

    box-sizing: border-box;

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;

    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;

    font-family: inherit;
    font-size: 15px;
    font-weight: 400;

    outline: none;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* =========================================
   PLACEHOLDER
   ========================================= */

.uacf7-form-404 input::placeholder,
.uacf7-form-404 textarea::placeholder {
    color: rgba(255, 255, 255, 0.55);
    opacity: 1;
}


/* =========================================
   INPUT FOCUS
   ========================================= */

.uacf7-form-404 input:not([type="submit"]):focus,
.uacf7-form-404 select:focus,
.uacf7-form-404 textarea:focus {
    outline: none;

    border-color: #D8B66A;

    background: rgba(255, 255, 255, 0.12);

    box-shadow: 0 0 0 3px rgba(216, 182, 106, 0.12);
}


/* =========================================
   SELECT
   ========================================= */

.uacf7-form-404 select {
    appearance: none;
    -webkit-appearance: none;

    cursor: pointer;

    background-image:
        linear-gradient(45deg, transparent 50%, #D8B66A 50%),
        linear-gradient(135deg, #D8B66A 50%, transparent 50%);

    background-position:
        calc(100% - 20px) 22px,
        calc(100% - 15px) 22px;

    background-size:
        5px 5px,
        5px 5px;

    background-repeat: no-repeat;
}


/* Dropdown options */
.uacf7-form-404 select option {
    background: #292725;
    color: #FFFFFF;
}


/* =========================================
   TEXTAREA
   ========================================= */

/* Make message span both columns */
.uacf7-form-404 > label:nth-of-type(9) {
    grid-column: 1 / -1;
}

.uacf7-form-404 textarea {
    width: 100%;
    min-height: 150px;

    padding: 15px 16px;

    box-sizing: border-box;

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;

    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;

    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;

    resize: vertical;

    outline: none;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* =========================================
   SUBMIT BUTTON
   ========================================= */

.uacf7-form-404 input[type="submit"] {
    grid-column: 1 / -1;

    justify-self: start;

    min-width: 180px;
    height: 52px;

    padding: 0 30px;

    border: 1px solid #D8B66A;
    border-radius: 999px;

    background: #D8B66A;
    color: #FFFFFF;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;

    cursor: pointer;

    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================
   SUBMIT HOVER
   ========================================= */

.uacf7-form-404 input[type="submit"]:hover {
    background: #C7A457;
    border-color: #C7A457;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(216, 182, 106, 0.22);
}


/* =========================================
   SPINNER
   ========================================= */

.uacf7-form-404 .wpcf7-spinner {
    margin-left: 10px;
}


/* =========================================
   RESPONSE MESSAGE
   ========================================= */

.uacf7-form-404 + .wpcf7-response-output,
.uacf7-form-404 .wpcf7-response-output {
    margin: 0;
    padding: 12px 16px;

    border-radius: 8px;

    font-size: 14px;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .uacf7-form-404 {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 18px;
    }

    .uacf7-form-404 > label:nth-of-type(9) {
        grid-column: auto;
    }

    .uacf7-form-404 input:not([type="submit"]),
    .uacf7-form-404 select {
        height: 50px;
    }

    .uacf7-form-404 textarea {
        min-height: 130px;
    }

    .uacf7-form-404 input[type="submit"] {
        width: 100%;
        justify-self: stretch;
    }
}/* End custom CSS */