.elementor-14 .elementor-element.elementor-element-2ca80530{--display:flex;--padding-top:32px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-2ca80530{--padding-top:32px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-2ca80530{--padding-top:32px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS */@media (max-width: 1024px) {

    #my-account-menu,
    .woocommerce-MyAccount-content {
        width: 100% !important;
    }

    .myaccount-menu {
        display: flex !important;
        flex-direction: row !important;
        justify-content: start !important;
        align-items: center !important;
        gap: 8px !important;
        overflow-x: auto !important;
    }

    #my-account-menu li {
        min-width: max-content !important;
    }
}

.user-profile {
    flex-wrap: nowrap !important;
    gap: 16px !important;
}

.user-avatar.avatar-upload {
    margin: 0 !important;
    min-height: 100px !important;
    min-width: 100px !important;
}

.avatar {
    border-radius: 32px !important;
}


.user-email,
.logout {
    margin-bottom: 0 !important;
}

.username {
    margin-bottom: 4px !important;
}

.logout {
    padding: 8px 12px !important;
    border: 2px solid #FDA29B !important;
    border-radius: 16px !important;
    margin-top: 24px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
}

.logout a {
    width: 100% !important;
    text-align: center !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    color: #D92D20 !important;
    background-color: transparent !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.logout a:hover,
.logout a:active,
.logout a:focus {
    color: #D92D20 !important;
    background-color: transparent !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .logout {
        width: max-content !important;
    }
}


#my-account-menu.layout-modern .myaccount-menu>li {
    margin-bottom: 8px !important;
    padding: 8px 16px !important;
}

#my-account-menu .myaccount-menu li a {
    padding: 0 !important;
}

#my-account-menu .myaccount-menu li:hover,
#my-account-menu .myaccount-menu li.active {
    background-color: #363F72 !important;
    box-shadow: none !important;
}

#my-account-menu .myaccount-menu .item-label {
    color: #363F72 !important;
}

#my-account-menu .myaccount-menu li:hover .item-label,
#my-account-menu .myaccount-menu .active .item-label {
    color: #FFFFFF !important;
}

#my-account-menu .myaccount-menu li:hover .item-icon svg,
#my-account-menu .myaccount-menu .active .item-icon svg {
    --ywcmap-items-text-color-active: #FFFFFF !important;
    color: #FFFFFF !important;
}

#my-account-menu .myaccount-menu li:hover .item-icon svg path,
#my-account-menu .myaccount-menu li.active .item-icon svg path {
    stroke: #FFFFFF !important;
    fill: #FFFFFF !important;
}

#my-account-menu .myaccount-menu li:hover .item-icon,
#my-account-menu .myaccount-menu li:hover .item-icon i,
#my-account-menu .myaccount-menu li.active .item-icon,
#my-account-menu .myaccount-menu li.active .item-icon i {
    color: #FFFFFF !important;
}

.my_account_subscriptions,
.shop_table,
.woocommerce-customer-details address {
    border: 1px solid #D5D9EB !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background-color: white !important;
}

.my_account_subscriptions thead {
    background-color: #F8F9FC !important;
}

.my_account_subscriptions th,
.shop_table th {
    background-color: #F8F9FC !important;
    padding: 12px 16px !important;
    border: none !important;
}

.shop_table tfoot th,
.shop_table tbody th {
    background-color: white !important;
}

.my_account_subscriptions th span,
.shop_table th span {
    font-size: 13px !important;
    line-height: 21px !important;
    font-weight: 700 !important;
    color: #717680 !important;
}

.my_account_subscriptions td,
.shop_table td {
    padding: 16px !important;
    border: none !important;
    background-color: white !important;

    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    color: #3E4784 !important;
}

.woocommerce-button.button.view,
.order-again a,
.btn.button,
input[type="submit"],
.woocommerce-Button,
.button {
    background-color: #6172F3 !important;
    padding: 8px 12px !important;
    color: #FFFFFF !important;
    border-radius: 16px !important;
    border: none !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
}

.woocommerce-button.button.view:hover,
.order-again a:hover,
.btn.button:hover,
input[type="submit"]:hover,
.woocommerce-Button:hover,
.button:hover {
    background-color: #444CE7 !important;
}


/*Referral CSS*/

.yith-wcaf-dashboard-navigation-item a {
    padding: 0px 10px 12px !important;
    color: #3E4784 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700 !important;

}

.yith-wcaf-dashboard-navigation-item.is-active {
    color: #101323 !important;
    border-bottom: 2px solid #101323 !important;
}

.affiliate-stats {
    grid-template-columns: repeat(4, 1fr) !important;
    grid-column-gap: 32px !important;
}

/* Select the first stat-box  child */
.affiliate-stats .stat-box:first-child {
    grid-column: span 2 !important;
}

.stat-box .stat-item:first-child {
    min-height: 100px !important;
    max-height: 100px !important;
}

.stat-item {
    padding: 16px !important;
}

.stat-item.large .stat-label {

    font-size: 13px !important;
    line-height: 21px !important;
}

.stat-label {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    color: #101323 !important;
}

.stat-item.large .stat-value {

    font-size: 20px !important;
    line-height: 30px !important;
}

.stat-value {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    color: #3E4784 !important;
}

.table-options {
    margin: 16px 0 !important;
}

.table-filters input,
.table-filters select,
.table-options input,
.woocommerce-Input,
#cdestoryland_family_role {
    border-radius: 8px !important;
    border: 1px solid #D5D9EB !important;
}

.table-options .per-page input {
    margin-top: 8px !important;

}

@media (max-width: 768px) {
    .affiliate-stats {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


/*link-generator*/
.link-generator-box.double-column {
    grid-template-columns: repeat(1, 1fr) !important;
}

.link-generator {
    display: none !important;
}

.affiliate-info {
    width: 100% !important;
}

/*edit account*/
form.edit-account fieldset {
    margin-bottom: 16px !important;
    border-radius: 8px !important;
    border: 1px solid #D5D9EB !important;
}/* End custom CSS */