.elementor-4063 .elementor-element.elementor-element-862a401{--display:flex;--margin-top:0px;--margin-bottom:-32px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-fefb805 *//* =========================================================
   AS SEEN AT COMIC CON
   WCST ORDER TRACKER
   FINAL DESKTOP + MOBILE
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 {
    --yellow: #ffc400;
    --yellow2: #ffda31;
    --dark: #02080e;
    --panel: #08131c;
    --ink: #071019;

    position: relative;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 28px 20px 38px !important;

    color: #fff;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(25,60,80,.18),
            transparent 55%
        ),
        var(--dark);

    overflow: hidden !important;
}


/* =========================================================
   BOX SIZING
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 *,
.elementor-4063 .elementor-element.elementor-element-fefb805 *::before,
.elementor-4063 .elementor-element.elementor-element-fefb805 *::after {
    box-sizing: border-box !important;
}


/* =========================================================
   ELEMENTOR WRAPPER
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   WCST / WOOCOMMERCE WRAPPERS
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 .woocommerce,
.elementor-4063 .elementor-element.elementor-element-fefb805 [class*="wcst"] {
    width: 100% !important;
    max-width: 920px !important;

    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   PLUGIN INTRO TEXT
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 .woocommerce > p,
.elementor-4063 .elementor-element.elementor-element-fefb805 [class*="wcst"] > p {
    width: 100% !important;

    margin: 0 0 15px !important;
    padding: 0 !important;

    color: rgba(255,255,255,.80) !important;

    background: transparent !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    line-height: 1.45 !important;
}


/* =========================================================
   FORM
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 form {
    width: 100% !important;
    max-width: 920px !important;

    min-width: 0 !important;

    margin: 0 auto !important;

    padding: 28px 30px !important;

    color: var(--ink) !important;

    background: #fff !important;

    border: 0 !important;

    border-radius: 12px !important;

    box-shadow:
        0 14px 35px
        rgba(0,0,0,.24) !important;
}


/* =========================================================
   FORM ROWS
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 form p,
.elementor-4063 .elementor-element.elementor-element-fefb805 form .form-row,
.elementor-4063 .elementor-element.elementor-element-fefb805 form .form-row-wide {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--ink) !important;

    background: transparent !important;
}


/* =========================================================
   DESKTOP
   TWO FIELDS SIDE BY SIDE
========================================================= */

@media (min-width: 701px) {

    /* Outer plugin wrapper stays transparent */
    .elementor-4063 .elementor-element.elementor-element-fefb805 .woocommerce,
    .elementor-4063 .elementor-element.elementor-element-fefb805 [class*="wcst"] {
        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        padding: 0 !important;
    }


    /* Form grid */
    .elementor-4063 .elementor-element.elementor-element-fefb805 form {
        display: grid !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr);

        column-gap: 22px;
        row-gap: 0;
    }


    /* Form fields */
    .elementor-4063 .elementor-element.elementor-element-fefb805 form .form-row,
    .elementor-4063 .elementor-element.elementor-element-fefb805 form p {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Submit/button area spans full form */
    .elementor-4063 .elementor-element.elementor-element-fefb805 form button,
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="submit"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form .button {
        grid-column: 1 / -1;
    }

}


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

.elementor-4063 .elementor-element.elementor-element-fefb805 form label {
    display: block !important;

    width: 100% !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: var(--ink) !important;

    background: transparent !important;

    font-family:
        "Arial Black",
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 900 !important;

    line-height: 1.2 !important;

    letter-spacing: .2px !important;

    text-align: left !important;

    text-transform: uppercase !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* REQUIRED STAR */

.elementor-4063 .elementor-element.elementor-element-fefb805 form .required,
.elementor-4063 .elementor-element.elementor-element-fefb805 form label .required {
    color: #e53935 !important;

    background: transparent !important;
}


/* =========================================================
   INPUTS
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="text"],
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="email"],
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="number"],
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="search"],
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="tel"] {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;
    min-height: 56px !important;

    margin: 0 0 20px !important;

    padding: 0 15px !important;

    color: var(--ink) !important;

    background: #f8f9fa !important;

    border:
        2px solid #e1e5e8 !important;

    border-radius: 7px !important;

    outline: none !important;

    box-shadow: none !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    line-height: normal !important;

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


/* PLACEHOLDERS */

.elementor-4063 .elementor-element.elementor-element-fefb805 form input::placeholder {
    color: #747d84 !important;

    opacity: 1 !important;
}


/* INPUT FOCUS */

.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="text"]:focus,
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="email"]:focus,
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="number"]:focus,
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="search"]:focus,
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="tel"]:focus {
    background: #fff !important;

    border-color: var(--yellow) !important;

    box-shadow:
        0 0 0 3px
        rgba(255,196,0,.14) !important;
}


/* =========================================================
   TRACK ORDER BUTTON
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 form button,
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="submit"],
.elementor-4063 .elementor-element.elementor-element-fefb805 form .button {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;
    min-height: 56px !important;

    margin: 5px 0 0 !important;

    padding: 0 24px !important;

    color: var(--ink) !important;

    background:
        linear-gradient(
            90deg,
            #ffb800,
            var(--yellow2)
        ) !important;

    border:
        2px solid
        var(--yellow) !important;

    border-radius: 7px !important;

    box-shadow:
        4px 4px 0
        rgba(0,0,0,.17) !important;

    cursor: pointer !important;

    font-family:
        "Arial Black",
        "Helvetica Neue",
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing: .4px !important;

    text-align: center !important;

    text-transform: uppercase !important;

    opacity: 1 !important;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}


.elementor-4063 .elementor-element.elementor-element-fefb805 form button *,
.elementor-4063 .elementor-element.elementor-element-fefb805 form .button * {
    color: var(--ink) !important;
}


/* BUTTON HOVER */

.elementor-4063 .elementor-element.elementor-element-fefb805 form button:hover,
.elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="submit"]:hover,
.elementor-4063 .elementor-element.elementor-element-fefb805 form .button:hover {
    color: #fff !important;

    background: var(--ink) !important;

    border-color: var(--ink) !important;

    transform: translateY(-2px);
}


.elementor-4063 .elementor-element.elementor-element-fefb805 form button:hover *,
.elementor-4063 .elementor-element.elementor-element-fefb805 form .button:hover * {
    color: #fff !important;
}


/* =========================================================
   MESSAGES
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 .woocommerce-error,
.elementor-4063 .elementor-element.elementor-element-fefb805 .woocommerce-message,
.elementor-4063 .elementor-element.elementor-element-fefb805 .woocommerce-info {
    width: 100% !important;
    max-width: 920px !important;

    margin: 15px auto !important;

    padding: 14px 16px !important;

    color: #fff !important;

    background: var(--panel) !important;

    border:
        1px solid
        var(--yellow) !important;

    border-radius: 7px !important;
}


/* =========================================================
   RESULTS TABLE
========================================================= */

.elementor-4063 .elementor-element.elementor-element-fefb805 table {
    width: 100% !important;
    max-width: 920px !important;

    margin: 20px auto 0 !important;

    color: #fff !important;

    background: var(--panel) !important;

    border-collapse: collapse !important;
}


.elementor-4063 .elementor-element.elementor-element-fefb805 table th {
    padding: 13px !important;

    color: var(--ink) !important;

    background: var(--yellow) !important;

    font-weight: 900 !important;
}


.elementor-4063 .elementor-element.elementor-element-fefb805 table td {
    padding: 13px !important;

    color: rgba(255,255,255,.85) !important;

    background: var(--panel) !important;

    border-color:
        rgba(255,255,255,.10) !important;
}


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

@media (max-width: 700px) {

    /* Full-width dark section */
    .elementor-4063 .elementor-element.elementor-element-fefb805 {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;

        padding:
            12px 10px 20px !important;

        overflow: hidden !important;
    }


    /* Plugin wrapper */
    .elementor-4063 .elementor-element.elementor-element-fefb805 .woocommerce,
    .elementor-4063 .elementor-element.elementor-element-fefb805 [class*="wcst"] {
        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;

        box-shadow: none !important;

        transform: none !important;
    }


    /* Plugin intro text */
    .elementor-4063 .elementor-element.elementor-element-fefb805 .woocommerce > p,
    .elementor-4063 .elementor-element.elementor-element-fefb805 [class*="wcst"] > p {
        width: 100% !important;

        margin:
            0 0 11px !important;

        padding:
            0 2px !important;

        color:
            rgba(255,255,255,.82) !important;

        background:
            transparent !important;

        font-size:
            13px !important;

        line-height:
            1.4 !important;
    }


    /* WHITE MOBILE CARD */
    .elementor-4063 .elementor-element.elementor-element-fefb805 form {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding:
            18px 13px !important;

        color:
            var(--ink) !important;

        background:
            #fff !important;

        border:
            0 !important;

        border-radius:
            9px !important;

        box-shadow:
            0 10px 28px
            rgba(0,0,0,.22) !important;

        transform: none !important;
    }


    /* MOBILE ROWS */
    .elementor-4063 .elementor-element.elementor-element-fefb805 form p,
    .elementor-4063 .elementor-element.elementor-element-fefb805 form .form-row,
    .elementor-4063 .elementor-element.elementor-element-fefb805 form .form-row-wide {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        float: none !important;

        margin:
            0 0 14px !important;

        padding:
            0 !important;

        color:
            var(--ink) !important;

        background:
            transparent !important;
    }


    /* MOBILE LABELS */
    .elementor-4063 .elementor-element.elementor-element-fefb805 form label {
        display: block !important;

        width: 100% !important;

        margin:
            0 0 6px !important;

        padding:
            0 !important;

        color:
            var(--ink) !important;

        background:
            transparent !important;

        font-size:
            11px !important;

        font-weight:
            900 !important;

        line-height:
            1.2 !important;

        text-align:
            left !important;

        opacity: 1 !important;
        visibility: visible !important;
    }


    /* MOBILE INPUTS */
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="text"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="email"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="number"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="search"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="tel"] {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;
        min-height: 51px !important;

        margin: 0 !important;

        padding:
            0 12px !important;

        color:
            var(--ink) !important;

        background:
            #f8f9fa !important;

        border:
            2px solid #e1e5e8 !important;

        border-radius:
            7px !important;

        font-size:
            15px !important;

        box-shadow:
            none !important;
    }


    /* MOBILE BUTTON */
    .elementor-4063 .elementor-element.elementor-element-fefb805 form button,
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="submit"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form .button {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;
        min-height: 52px !important;

        margin:
            4px 0 0 !important;

        padding:
            0 12px !important;

        color:
            var(--ink) !important;

        background:
            linear-gradient(
                90deg,
                #ffb800,
                var(--yellow2)
            ) !important;

        border:
            2px solid
            var(--yellow) !important;

        border-radius:
            7px !important;

        font-size:
            13px !important;

        font-weight:
            900 !important;

        text-align:
            center !important;

        opacity: 1 !important;

        transform: none !important;
    }


    .elementor-4063 .elementor-element.elementor-element-fefb805 form button *,
    .elementor-4063 .elementor-element.elementor-element-fefb805 form .button * {
        color: var(--ink) !important;
    }


    /* MOBILE RESULTS */
    .elementor-4063 .elementor-element.elementor-element-fefb805 table {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            15px 0 0 !important;

        font-size:
            12px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .elementor-4063 .elementor-element.elementor-element-fefb805 {
        padding:
            10px 7px 17px !important;
    }


    .elementor-4063 .elementor-element.elementor-element-fefb805 form {
        padding:
            15px 10px !important;
    }


    .elementor-4063 .elementor-element.elementor-element-fefb805 form label {
        font-size:
            10.5px !important;
    }


    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="text"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="email"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="number"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="search"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="tel"] {
        min-height:
            49px !important;

        font-size:
            14px !important;
    }


    .elementor-4063 .elementor-element.elementor-element-fefb805 form button,
    .elementor-4063 .elementor-element.elementor-element-fefb805 form input[type="submit"],
    .elementor-4063 .elementor-element.elementor-element-fefb805 form .button {
        min-height:
            50px !important;

        font-size:
            12px !important;
    }

}


/* =========================================================
   STOP HORIZONTAL SCROLL
========================================================= */

html,
body {
    max-width: 100% !important;

    overflow-x: hidden !important;
}/* End custom CSS */