.elementor-11 .elementor-element.elementor-element-5d82235{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--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;overflow:visible;}.elementor-11 .elementor-element.elementor-element-2190fd8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-5d82235{--content-width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-2190fd8 *//* ============================================================
   ROYAL VISION TRADERS
   PREMIUM WOOCOMMERCE MY ACCOUNT
   FINAL ELEMENTOR CUSTOM CSS
   Desktop / Tablet / Mobile
   ============================================================ */


/* ============================================================
   01. DESIGN SYSTEM
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 {
    --rvt-primary: var(--rvt-accent);
    --rvt-primary-dark: var(--rvt-accent-h);
    --rvt-primary-soft: var(--rvt-bg);

    --rvt-text: var(--rvt-ink);
    --rvt-text-soft: var(--rvt-muted);
    

    --rvt-white: #ffffff;
    
    --rvt-bg-soft: var(--rvt-bg);

    --rvt-radius: 18px;
    --rvt-radius-sm: 11px;

    --rvt-shadow: var(--rvt-sh, 0 8px 24px rgba(26,26,26,.06));

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

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

    min-width: 0 !important;
}


/* GLOBAL BOX SIZING */

.elementor-11 .elementor-element.elementor-element-2190fd8 *,
.elementor-11 .elementor-element.elementor-element-2190fd8 *::before,
.elementor-11 .elementor-element.elementor-element-2190fd8 *::after {
    box-sizing: border-box !important;
}


/* ============================================================
   02. ACTUAL ELEMENTOR / WOOCOMMERCE STRUCTURE
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 .elementor-shortcode {
    display: grid !important;

    grid-template-columns:
        245px minmax(0, 1fr) !important;

    gap: 24px !important;

    align-items: start !important;

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

    min-width: 0 !important;

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


/*
   WooCommerce wrapper sits between shortcode
   and navigation/content.
*/

.elementor-11 .elementor-element.elementor-element-2190fd8 .elementor-shortcode > .woocommerce {
    display: contents !important;
}


/* Prevent all account areas from overflowing */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-navigation,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content {
    min-width: 0 !important;
}


/* ============================================================
   03. LEFT ACCOUNT SIDEBAR
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-navigation {
    grid-column: 1 !important;

    float: none !important;

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

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

    background: var(--rvt-white) !important;

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

    box-shadow: var(--rvt-shadow) !important;

    overflow: hidden !important;
}


/* MENU LIST */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: column !important;

    gap: 5px !important;

    width: 100% !important;

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

    list-style: none !important;
}


/* ITEMS */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-navigation li {
    display: block !important;

    width: 100% !important;

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

    border: 0 !important;

    list-style: none !important;
}


/* LINKS */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-navigation li a {
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 45px !important;

    margin: 0 !important;

    padding:
        11px 38px
        11px 14px !important;

    background: transparent !important;

    color: var(--rvt-text) !important;

    border-radius: var(--rvt-radius-sm) !important;

    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


/* RIGHT ARROW */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-navigation li a::after {
    content: "›" !important;

    position: absolute !important;

    top: 50% !important;
    right: 14px !important;

    transform: translateY(-50%) !important;

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

    line-height: 1 !important;

    color: var(--rvt-primary) !important;

    opacity: 0 !important;

    transition: opacity .2s ease !important;
}


/* HOVER */

@media (hover: hover) {

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    li:not(.is-active) a:hover {

        color: var(--rvt-primary-dark) !important;

        background:
            var(--rvt-primary-soft) !important;

        transform: translateX(2px) !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    li a:hover::after {

        opacity: 1 !important;
    }

}


/* ACTIVE ITEM */

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-navigation
li.is-active a {

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #35aaa4 0%,
            #259c97 100%
        ) !important;

    box-shadow:
        0 7px 17px
        rgba(43, 167, 161, .20) !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-navigation
li.is-active a::after {

    color: #ffffff !important;

    opacity: 1 !important;
}


/* ============================================================
   04. RIGHT CONTENT PANEL
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content {
    grid-column: 2 !important;

    float: none !important;

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

    margin: 0 !important;

    padding: 30px 26px !important;

    background: var(--rvt-white) !important;

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

    box-shadow: var(--rvt-shadow) !important;

    overflow: hidden !important;
}


/* ============================================================
   05. DASHBOARD TYPOGRAPHY
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content p {
    max-width: 100% !important;

    margin-top: 0 !important;
    margin-bottom: 16px !important;

    color: var(--rvt-text-soft) !important;

    font-size: 13.5px !important;
    font-weight: 400 !important;

    line-height: 1.75 !important;

    overflow-wrap: anywhere !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content p:last-child {
    margin-bottom: 0 !important;
}


/* NORMAL LINKS */

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
p a:not(.button) {

    color: var(--rvt-primary-dark) !important;

    font-weight: 500 !important;

    text-decoration: none !important;

    border-bottom:
        1px solid transparent !important;

    transition:
        color .2s ease,
        border-color .2s ease !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
p a:not(.button):hover {

    color: var(--rvt-primary) !important;

    border-bottom-color:
        rgba(43, 167, 161, .35) !important;
}


/* HEADINGS */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content h1,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content h2,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content h3,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content h4 {

    margin-top: 0 !important;

    color: var(--rvt-text) !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content h2 {
    font-size: 23px !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content h3 {
    font-size: 18px !important;
}


/* ============================================================
   06. WOOCOMMERCE BUTTONS
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content .button,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content a.button,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content button.button,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-MyAccount-content input.button,
.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
input[type="submit"] {

    display: inline-flex !important;

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

    min-height: 42px !important;

    margin: 0 !important;

    padding:
        10px 17px !important;

    background:
        var(--rvt-primary) !important;

    color: #ffffff !important;

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

    box-shadow:
        0 5px 13px
        rgba(43, 167, 161, .16) !important;

    font-size: 12.5px !important;
    font-weight: 650 !important;

    line-height: 1.2 !important;

    text-align: center !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        background-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


@media (hover: hover) {

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    .button:hover,

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    button.button:hover,

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    input[type="submit"]:hover {

        background:
            var(--rvt-primary-dark) !important;

        color: #ffffff !important;

        transform:
            translateY(-1px) !important;

        box-shadow:
            0 7px 17px
            rgba(43, 167, 161, .20) !important;
    }

}


/* ============================================================
   07. FORMS
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
.form-row {

    margin-bottom: 16px !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
label {

    display: block !important;

    margin-bottom: 6px !important;

    color: #34383b !important;

    font-size: 12.5px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* INPUTS */

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
input[type="text"],

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
input[type="email"],

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
input[type="password"],

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
input[type="tel"],

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
input[type="number"],

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
select,

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
textarea {

    display: block !important;

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

    min-height: 45px !important;

    margin: 0 !important;

    padding:
        10px 12px !important;

    background:
        #ffffff !important;

    color:
        var(--rvt-text) !important;

    border:
        1px solid #dfe4e5 !important;

    border-radius:
        9px !important;

    outline: none !important;

    box-shadow: none !important;

    font-size: 13px !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* FOCUS */

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
input:focus,

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
select:focus,

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
textarea:focus {

    border-color:
        var(--rvt-primary) !important;

    box-shadow:
        0 0 0 3px
        rgba(43, 167, 161, .10) !important;
}


/* FIELDSET */

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
fieldset {

    margin:
        22px 0 !important;

    padding:
        20px !important;

    background:
        var(--rvt-bg-soft) !important;

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

    border-radius:
        12px !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-MyAccount-content
fieldset legend {

    padding:
        0 7px !important;

    color:
        var(--rvt-text) !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;
}


/* ============================================================
   08. ADDRESSES
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-Addresses {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 16px !important;

    width: 100% !important;

    margin-top: 18px !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-Address {
    float: none !important;

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

    margin: 0 !important;

    padding: 20px !important;

    background:
        var(--rvt-bg-soft) !important;

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

    border-radius:
        13px !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-Address-title {

    display: flex !important;

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

    gap: 10px !important;

    margin-bottom: 12px !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-Address-title
h2,

.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-Address-title
h3 {

    margin:
        0 !important;

    font-size:
        16px !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8
.woocommerce-Address
address {

    color:
        var(--rvt-text-soft) !important;

    font-size:
        13px !important;

    font-style:
        normal !important;

    line-height:
        1.7 !important;
}


/* ============================================================
   09. ORDERS / DOWNLOAD TABLE
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 table.shop_table {
    width: 100% !important;
    max-width: 100% !important;

    margin:
        0 !important;

    background:
        #ffffff !important;

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

    border-collapse:
        separate !important;

    border-spacing:
        0 !important;

    border-radius:
        12px !important;

    overflow:
        hidden !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8 table.shop_table thead th {

    padding:
        13px !important;

    background:
        #f4f9f9 !important;

    color:
        #34383b !important;

    border:
        0 !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    text-align:
        left !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8 table.shop_table tbody td {

    padding:
        13px !important;

    color:
        var(--rvt-text-soft) !important;

    border-top:
        1px solid #eef1f2 !important;

    font-size:
        12.5px !important;

    vertical-align:
        middle !important;
}


/* ============================================================
   10. WOOCOMMERCE NOTICES
   ============================================================ */

.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-notices-wrapper {
    grid-column:
        1 / -1 !important;

    width:
        100% !important;
}


.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-message,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-info,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-error {

    margin:
        0 0 18px !important;

    padding:
        15px 17px !important;

    background:
        #f5fbfa !important;

    color:
        var(--rvt-text-soft) !important;

    border:
        1px solid #dcefed !important;

    border-left:
        4px solid
        var(--rvt-primary) !important;

    border-radius:
        10px !important;

    box-shadow:
        none !important;

    font-size:
        13px !important;
}


/* ============================================================
   11. TABLET
   ============================================================ */

@media only screen and (max-width: 1024px) {

    .elementor-11 .elementor-element.elementor-element-2190fd8 .elementor-shortcode {

        grid-template-columns:
            215px minmax(0, 1fr) !important;

        gap:
            18px !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content {

        padding:
            24px 21px !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    li a {

        font-size:
            13px !important;

        padding:
            11px 34px
            11px 12px !important;
    }

}


/* ============================================================
   12. MOBILE
   IMPORTANT:
   NO HORIZONTAL SCROLL MENU
   ============================================================ */

@media only screen and (max-width: 767px) {

    .elementor-11 .elementor-element.elementor-element-2190fd8 {

        width:
            100% !important;

        max-width:
            100% !important;

        padding-left:
            10px !important;

        padding-right:
            10px !important;
    }


    /* ONE COLUMN PAGE */

    .elementor-11 .elementor-element.elementor-element-2190fd8 .elementor-shortcode {

        display:
            grid !important;

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

        gap:
            14px !important;

        width:
            100% !important;
    }


    /* =================================
       MOBILE NAVIGATION CARD
       ================================= */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation {

        grid-column:
            1 !important;

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            8px !important;

        border-radius:
            15px !important;

        overflow:
            visible !important;
    }


    /* 2 COLUMN MOBILE MENU */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    ul {

        display:
            grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            7px !important;

        width:
            100% !important;

        overflow:
            visible !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    li {

        display:
            block !important;

        width:
            100% !important;

        min-width:
            0 !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    li a {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            45px !important;

        padding:
            9px 8px !important;

        color:
            #34383b !important;

        background:
            #f7f9f9 !important;

        border:
            1px solid #edf0f1 !important;

        border-radius:
            9px !important;

        font-size:
            11.5px !important;

        font-weight:
            600 !important;

        line-height:
            1.25 !important;

        text-align:
            center !important;

        white-space:
            normal !important;

        overflow-wrap:
            break-word !important;

        transform:
            none !important;
    }


    /* REMOVE DESKTOP ARROW */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    li a::after {

        display:
            none !important;
    }


    /* MOBILE ACTIVE TAB */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    li.is-active a {

        color:
            #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #35aaa4 0%,
                #259c97 100%
            ) !important;

        border-color:
            transparent !important;

        box-shadow:
            0 5px 12px
            rgba(43, 167, 161, .18) !important;
    }


    /* =================================
       MOBILE CONTENT CARD
       ================================= */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content {

        grid-column:
            1 !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            20px 16px !important;

        border-radius:
            15px !important;

        overflow:
            hidden !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    p {

        font-size:
            12.5px !important;

        line-height:
            1.7 !important;

        overflow-wrap:
            anywhere !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    h2 {

        font-size:
            19px !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    h3 {

        font-size:
            16px !important;
    }


    /* MOBILE ADDRESS */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-Addresses {

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

        gap:
            12px !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-Address {

        padding:
            16px !important;
    }


    /* FORM ROWS FULL WIDTH */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    .form-row-first,

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    .form-row-last {

        float:
            none !important;

        width:
            100% !important;
    }


    /* MOBILE INPUTS */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    input[type="text"],

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    input[type="email"],

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    input[type="password"],

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    input[type="tel"],

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    select,

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    textarea {

        min-height:
            44px !important;

        font-size:
            13px !important;
    }


    /* BUTTONS MOBILE */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    .button,

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    button.button,

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content
    input[type="submit"] {

        min-height:
            41px !important;

        padding:
            9px 14px !important;

        font-size:
            12px !important;
    }

}


/* ============================================================
   13. MOBILE ORDER TABLE
   ============================================================ */

@media only screen and (max-width: 767px) {

    .elementor-11 .elementor-element.elementor-element-2190fd8
    table.shop_table_responsive {

        border:
            0 !important;

        background:
            transparent !important;

        overflow:
            visible !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    table.shop_table_responsive
    thead {

        display:
            none !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    table.shop_table_responsive
    tbody,

    .elementor-11 .elementor-element.elementor-element-2190fd8
    table.shop_table_responsive
    tr {

        display:
            block !important;

        width:
            100% !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    table.shop_table_responsive
    tr {

        margin-bottom:
            12px !important;

        padding:
            6px !important;

        background:
            #ffffff !important;

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

        border-radius:
            11px !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    table.shop_table_responsive
    tbody td {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        gap:
            15px !important;

        width:
            100% !important;

        padding:
            10px !important;

        border:
            0 !important;

        border-bottom:
            1px solid #eef1f2 !important;

        text-align:
            right !important;

        overflow-wrap:
            anywhere !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    table.shop_table_responsive
    tbody td:last-child {

        border-bottom:
            0 !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    table.shop_table_responsive
    tbody td::before {

        content:
            attr(data-title) !important;

        flex:
            0 0 42% !important;

        color:
            #353a3d !important;

        font-weight:
            650 !important;

        text-align:
            left !important;
    }

}


/* ============================================================
   14. VERY SMALL PHONES
   359px AND BELOW
   ============================================================ */

@media only screen and (max-width: 359px) {

    .elementor-11 .elementor-element.elementor-element-2190fd8 {

        padding-left:
            7px !important;

        padding-right:
            7px !important;
    }


    /*
       At very small widths use one-column menu.
       Nothing gets squeezed.
    */

    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    ul {

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

        gap:
            6px !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-navigation
    li a {

        min-height:
            42px !important;

        font-size:
            11.5px !important;

        justify-content:
            flex-start !important;

        text-align:
            left !important;

        padding:
            9px 12px !important;
    }


    .elementor-11 .elementor-element.elementor-element-2190fd8
    .woocommerce-MyAccount-content {

        padding:
            17px 13px !important;
    }

}

/* ============================================================
   15. LOGIN AND REGISTER SCREEN
   The two column grid above describes the logged in account view:
   245px sidebar plus content. A logged out visitor gets the login and
   register block instead, which has no sidebar, so it was being auto
   placed into the 245px track and squeezed to a fraction of the page.
   The grid is switched off for that screen, and any stray account form
   is told to span the full width as a safety net.
   ============================================================ */

body.rvt-account-guest .elementor-11 .elementor-element.elementor-element-2190fd8 .elementor-shortcode {
    display: block !important;
}

.elementor-11 .elementor-element.elementor-element-2190fd8 #customer_login,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-form-login,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-form-register,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-ResetPassword,
.elementor-11 .elementor-element.elementor-element-2190fd8 .woocommerce-form-lost-password {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}/* End custom CSS */