.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-84ff1be{--display:flex;--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-widget-woocommerce-my-account .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-my-account .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS */.woocommerce-MyAccount-content-wrapper { background: #ededed !important; border: none !important; padding: 16px 0px !important; } .woocommerce-message { border: none !important; background: #ededed !important; border-radius: 8px !important; box-shadow: -3px -4px 6px #fff, 4px 4px 12px #d1d1d1 !important; min-height: 42px !important; } .woocommerce-message a { vertical-align: middle !important; float: none !important; margin-left: 12px !important; background: #178e79 !important; border-radius: 8px !important; font-weight: 500 !important; box-shadow: 0 0 6px 2px #fff !important; line-height: 42px !important; padding: 0 12px !important; color: #fff !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; } /* user info section */ .avatar { box-shadow: 0px 0px 6px 2px #fff !important; border: solid 2px #fff !important; } .yith-wcmap .user-profile .user-info .username { font-weight: 600; color: #333 !important; font-size: 20px !important; text-transform: capitalize !important; font-family: "Montserrat"; } /* Edit Account Details Tab */ .woocommerce-form-row { margin-top: 26px !important; } .woocommerce-form-row label { position: absolute !important; margin-top: -20px !important; margin-left: -10px !important; font-size: 0.875em; font-weight: 600; color: #333; line-height: 1.2; pointer-events: none; } .woocommerce-EditAccountForm input#account_first_name, .woocommerce-EditAccountForm input#account_last_name, .woocommerce-EditAccountForm input#account_display_name, .woocommerce-EditAccountForm input#account_email, .woocommerce-EditAccountForm input#password_current, .woocommerce-EditAccountForm input#password_1, .woocommerce-EditAccountForm input#password_2 { background-color: #ededed !important; color: #000000 !important; opacity: 1 !important; cursor: text !important; pointer-events: auto !important; border: 4px solid #ededed !important; box-shadow: -3px -3px 6px #fff, 4px 4px 12px #d1d1d1, inset 2px 4px 8px #d1d1d1, inset -4px -4px 8px #fff !important; border-radius: 8px !important; padding-left: 10px !important; padding: 14px 16px !important; line-height: 1.5 !important; height: 48px !important; min-height: 48px !important; } .woocommerce-EditAccountForm input#account_first_name:focus, .woocommerce-EditAccountForm input#account_last_name:focus, .woocommerce-EditAccountForm input#account_display_name:focus, .woocommerce-EditAccountForm input#account_email:focus, .woocommerce-EditAccountForm input#password_current:focus, .woocommerce-EditAccountForm input#password_1:focus, .woocommerce-EditAccountForm input#password_2:focus { border-color: #178e79 !important; } .woocommerce-EditAccountForm fieldset legend { font-family: "Montserrat"; color: #178e79 !important; opacity: 1 !important; font-weight: bold !important; margin-bottom: -20px !important; } .woocommerce-EditAccountForm .button { background: #178e79 !important; border-radius: 8px !important; font-weight: 400 !important; box-shadow: 0 0 6px 2px #fff !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; } /* Orders Style */ .order { background: #ededed !important; border: none !important; border-radius: 8px !important; box-shadow: -3px -4px 6px #fff, 4px 4px 12px #d1d1d1 !important; } .ast-orders-table__cell-order-actions a { color: #178e79 !important; border-radius: 20px !important; padding: 4px 16px !important; box-shadow: -1px -2px 4px #fff, 2px 2px 8px #d1d1d1 !important; font-weight: 500 !important; float: right !important; } /* Navigation Menu Style */ .woocommerce-MyAccount-navigation { display: none !important; } @media (max-width: 768px) { .myaccount-menu { gap: 24px !important; border: none !important; box-shadow: -3px -3px 8px #fff, 4px 4px 12px #d1d1d1 !important; padding: 6px 6px !important; border-radius: 12px !important; } .myaccount-menu li { min-width: 100% !important; } .myaccount-menu li.active { background: #ededed !important; box-shadow: inset -4px -4px 6px #fff, inset 4px 4px 12px #d1d1d1 !important; border-radius: 8px !important; } } @media (max-width: 768px) and (min-width: 480px) { .myaccount-menu { gap: 0px !important; padding: 0px 8px !important; padding-bottom: 8px !important; } .myaccount-menu a { min-width: 100% !important; } } @media (min-width: 769px) { .myaccount-menu { gap: 24px !important; border: none !important; box-shadow: inset 0 -8px 8px -6px #fff !important; margin-bottom: 16px !important; } .myaccount-menu li.active { background: #ededed !important; box-shadow: 0 -4px 6px #fff !important; border-radius: 8px !important; } } .myaccount-menu li { background: #0000 !important; padding: 0 14px !important; } .myaccount-menu a { border: none !important; } .myaccount-menu li.active a { color: #178e79 !important; } .wlr-table { display:block !important; width:100% !important; max-width:100% !important; overflow-x:auto !important; white-space:nowrap !important; } .wlr-table table{ width:100% !important; border-collapse:collapse !important; } .wlr-transaction-container tr, .wlr-transaction-container td, .wlr-transaction-container tr:hover, .wlr-transaction-container td:hover { box-shadow: none !important; transform: none !important; } .wlr-transaction-container tr:hover{ background: #d1d1d1aa !important; } .wlr-transaction-container div { text-align: left !important; } .woocommerce-button--previous, .woocommerce-button--next { background: #178e79 !important; padding: 4px 10px !important; color: #fff !important; border-radius: 20px !important; font-size: 14px !important; font-weight: 400 !important; } .wlr-table-header { height: 36px !important; } .wlr-transaction-table-body a { color: #178e79 !important; }/* End custom CSS */