.elementor-7122 .elementor-element.elementor-element-f49ca52{--display:flex;--min-height:60vh;--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:24px;--padding-bottom:063px;--padding-left:20px;--padding-right:20px;}.elementor-7122 .elementor-element.elementor-element-ad42cc8{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-7122 .elementor-element.elementor-element-c2993c3{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;line-height:100%;color:var( --e-global-color-0f202b1 );}.elementor-7122 .elementor-element.elementor-element-c2993c3 a{color:#00000080;}.elementor-7122 .elementor-element.elementor-element-c2993c3 a:hover{color:#00000080;}.elementor-7122 .elementor-element.elementor-element-a0834d1 > .elementor-widget-container{margin:0px 0px 00024px 0px;}.elementor-7122 .elementor-element.elementor-element-a0834d1{text-align:left;}.elementor-7122 .elementor-element.elementor-element-a0834d1 .elementor-heading-title{font-family:var( --e-global-typography-39217f0-font-family ), Sans-serif;font-size:var( --e-global-typography-39217f0-font-size );line-height:var( --e-global-typography-39217f0-line-height );color:var( --e-global-color-0f202b1 );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:var( --e-global-color-fed0933 );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:var( --e-global-color-fed0933 );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .select2-results__option, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab__payment-methods input[type=text]{background-color:var( --e-global-color-338dc9c );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-7122 .elementor-element.elementor-element-9a2ff96 #add_payment_method #payment #place_order{background-color:var( --e-global-color-text );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-7122 .elementor-element.elementor-element-9a2ff96 #add_payment_method #payment #place_order:hover{background-color:var( --e-global-color-text );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7122 .elementor-element.elementor-element-9a2ff96{--tab-content-spacing:32px;--tabs-normal-color:var( --e-global-color-0f202b1 );--tabs-hover-color:var( --e-global-color-0f202b1 );--tabs-active-color:var( --e-global-color-ae2c939 );--tabs-border-type:solid;--tabs-border-radius:5px 5px 5px 5px;--tabs-padding:0px 0px 0px 0px;--tabs-divider-color:var( --e-global-color-fed0933 );--tabs-divider-weight:0px;--sections-background-color:#DDCDBD;--sections-border-type:none;--sections-border-radius:05px 05px 05px 05px;--sections-padding:40px 32px 40px 032px;--edit-link-margin-top:40px;--edit-link-margin-start:032px;--typography-section-titles-color:#000000;--general-text-color:var( --e-global-color-0f202b1 );--login-messages-color:var( --e-global-color-0f202b1 );--checkboxes-color:var( --e-global-color-0f202b1 );--payment-methods-radio-buttons-color:var( --e-global-color-0f202b1 );--links-normal-color:var( --e-global-color-ae2c939 );--links-hover-color:var( --e-global-color-fc70646 );--forms-fields-normal-color:var( --e-global-color-0f202b1 );--forms-fields-focus-color:var( --e-global-color-text );--forms-fields-border-radius:5px 5px 5px 5px;--forms-buttons-normal-text-color:var( --e-global-color-338dc9c );--forms-buttons-hover-text-color:var( --e-global-color-338dc9c );--forms-buttons-border-radius:60px 60px 60px 60px;--tables-title-color:var( --e-global-color-primary );--tables-links-normal-color:var( --e-global-color-accent );--tables-links-hover-color:var( --e-global-color-fc70646 );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;line-height:100%;border-width:5px 5px 5px 5px;}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 40px + 40px );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-pagination{padding-bottom:40px;}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-MyAccount-content > div > p, .elementor-7122 .elementor-element.elementor-element-9a2ff96 address, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-EditAccountForm fieldset legend, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-ResetPassword p:nth-child(1), .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-OrderUpdate{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.e-woo-select2-wrapper .select2-results__option{color:var( --e-global-color-0f202b1 );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var( --e-global-color-0f202b1 );}.e-woo-select2-wrapper .select2-results__option:focus{color:var( --e-global-color-text );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab__payment-methods input[type=text]{border-style:solid;border-width:1px 1px 1px 1px;}body.elementor-page-7122:not(.elementor-motion-effects-element-type-background), body.elementor-page-7122 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fed0933 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7122 .elementor-element.elementor-element-a0834d1 .elementor-heading-title{font-size:var( --e-global-typography-39217f0-font-size );line-height:var( --e-global-typography-39217f0-line-height );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{line-height:var( --e-global-typography-text-line-height );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-MyAccount-content > div > p, .elementor-7122 .elementor-element.elementor-element-9a2ff96 address, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-EditAccountForm fieldset legend, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-ResetPassword p:nth-child(1), .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-OrderUpdate{line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-7122 .elementor-element.elementor-element-f49ca52{--content-width:1322px;}}@media(max-width:767px){.elementor-7122 .elementor-element.elementor-element-f49ca52{--padding-top:20px;--padding-bottom:048px;--padding-left:20px;--padding-right:20px;}.elementor-7122 .elementor-element.elementor-element-c2993c3{font-size:10px;}.elementor-7122 .elementor-element.elementor-element-a0834d1 .elementor-heading-title{font-size:var( --e-global-typography-39217f0-font-size );line-height:var( --e-global-typography-39217f0-line-height );}.elementor-7122 .elementor-element.elementor-element-9a2ff96{--sections-padding:20px 10px 20px 10px;--edit-link-margin-top:20px;--edit-link-margin-start:10px;}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 20px + 40px );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-pagination{padding-bottom:20px;}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{line-height:var( --e-global-typography-text-line-height );}.elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-MyAccount-content > div > p, .elementor-7122 .elementor-element.elementor-element-9a2ff96 address, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-EditAccountForm fieldset legend, .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-ResetPassword p:nth-child(1), .elementor-7122 .elementor-element.elementor-element-9a2ff96 .woocommerce-OrderUpdate{line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for breadcrumbs, class: .elementor-element-c2993c3 */.elementor-7122 .elementor-element.elementor-element-c2993c3 p { margin: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a0834d1 */.elementor-7122 .elementor-element.elementor-element-a0834d1 { border-bottom: 2px dashed #000; border-image: repeating-linear-gradient(to right, #000 0, #000 10px, transparent 10px, transparent 20px) 100%; border-image-slice: 1; border-width: 0 0 2px 0; }/* End custom CSS */ /* Start custom CSS for woocommerce-my-account, class: .elementor-element-9a2ff96 *//*============================= Global & Base Styles =============================*/ .elementor-7122 .elementor-element.elementor-element-9a2ff96 { font-family: "inter"; } .data_sec.data_sec_full.woocommerce-MyAccount-content.width_full { padding: 20px !important; } .elementor-7122 .elementor-element.elementor-element-9a2ff96 form { padding: 0 !important; } .elementor-7122 .elementor-element.elementor-element-9a2ff96::before, .elementor-7122 .elementor-element.elementor-element-9a2ff96::after { flex: 100%; } .woocommerce-notices-wrapper:empty, button.show-password-input { display: none; } .elementor-7122 .elementor-element.elementor-element-9a2ff96 p.form-row { padding: 0 !important; margin: 0 !important; } input { outline: none; } .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after { flex: 100%; } .woocommerce-MyAccount-content-wrapper .woocommerce-message, .woocommerce-MyAccount-content-wrapper .woocommerce-info, .woocommerce-notices-wrapper { min-width: 100% !important; margin: 0 !important; } .elementor-17 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-17 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-17 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-17 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-17 .elementor-element.elementor-element-9a2ff96 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-17 .elementor-element.elementor-element-9a2ff96 #add_payment_method #payment #place_order{ margin: 0 !important; border-radius: 5px !important; background: var(--links-normal-color, #5bc0de) !important; font-family: "inter"; border: 0 !important; color: white !important; } /*============================= Dashboard Layout =============================*/ .woocommerce { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; } nav.woocommerce-MyAccount-navigation { display: flex !important; flex: 25% 0 0; height: calc(100vh - 400px); flex-direction: column; align-items: flex-start; gap: 16px; flex-shrink: 0; max-height: 600px; } .side_menu_bottom img { max-width: 20px; } nav.woocommerce-MyAccount-navigation h4 { width: 90%; margin: 0; display: flex; padding: 6px 6px 4px; align-items: flex-start; gap: 10px; background: var(--bg-black_third, #1f1f1f); color: var(--text-white__main, #fff); font-size: 20px; line-height: 100%; text-transform: uppercase; font-style: normal; font-weight: 600; } .side_menu_bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; flex: 1 0 0; align-self: stretch; } .side_menu_bottom ul { list-style: none; align-items: flex-start; gap: 18px; align-self: stretch; padding: 0; } .side_menu_bottom ul a { display: flex !important; align-items: center; gap: 4px; } ul.account-nav-group-one ul a { color: var(--text-black__third, rgba(17, 17, 17, .4)) !important; font-size: 16px; letter-spacing: -.16px; } /*============================= Main Content Area =============================*/ .woocommerce-MyAccount-content { flex: 1 0 0; padding: 0 !important; border-radius: 5px; background: #decdbd; } .woocommerce-MyAccount-content-wrapper { min-width: 100% !important; display: inline-flex !important; padding: clamp(1.25rem, -6.047rem + 8.547vw, 2.5rem); flex-direction: column; align-items: flex-start; gap: clamp(2.5rem, -4.797rem + 8.547vw, 3.75rem); } /*============================= Data Section =============================*/ .data_sec { color: black; font-size: 16px; line-height: 1.2; display: flex; flex-direction: column; max-width: 760px; gap: clamp(.625rem, .3948rem + .4802vw, .875rem); justify-content: flex-start; } .data_sec h1 { font-size: 45px; margin: 0; color: black; } /*============================= Account Info Edit =============================*/ .afs_info_edit { display: flex; flex-direction: column; width: 100%; flex-wrap: wrap; gap: 24px; } .afs_info_edit_header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 0 0 4px; align-items: center; border-bottom: 1px solid; border-image: repeating-linear-gradient(to right, #808080 0, #808080 10px, transparent 10px, transparent 20px) 100%; border-image-slice: 1; border-width: 1px; } .afs_info_edit_header h4 { margin: 0; color: black; line-height: 100%; font-size: 18px; } button.edit_btn, button.edit_btn:hover, button.edit_btn:focus{ padding: 0 ; background: transparent; color: black; font-size: 14px; font-family: "inter"; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 4px; } .afs_text_div, form.woocommerce-EditAccountForm.edit-account { display: flex; gap: 20px; flex-wrap: wrap; width: 100%; } p.form-row { flex: 1 1 calc((100% - 40px) / 3); box-sizing: border-box; min-width: 250px; } p.afs_info_submit { flex: 100% 0 0; display: flex; } p.afs_info_submit button, a.button { margin: 0 !important; border-radius: 5px !important; background: var(--links-normal-color,#5bc0de) !important; font-family: "inter"; border: 0 !important; color: white !important; } .elementor-7122 .elementor-element.elementor-element-9a2ff96 a.button { padding: 12px !important; } /*============================= Orders Layout & Styles =============================*/ ul.custom-orders-list { list-style: none; padding: 0; margin: 0; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; gap: 6px; } .afs_order_content { min-width: 100%; border-top: 2px dashed #808080; border-image: repeating-linear-gradient(to right, #808080 0, #808080 10px, transparent 10px, transparent 20px) 100%; border-radius: 5px; border-image-slice: 1; border-width: 2px 0 0 0; } ul.custom-orders-list li { display: flex; border-radius: 5px; flex-direction: column; align-items: center; align-self: stretch; background: var(--bg-white__main, #fff); color: var(--text-black__sec, rgba(17, 17, 17, .75)); font-size: clamp(.875rem, .375rem + .625vw, 1rem); font-style: normal; font-weight: 500; letter-spacing: -.16px; } .thumb-img.more-items, .woocommerce-Button, ul.custom-orders-list li { line-height: 100%; text-transform: uppercase; } .order-main-wrapper { width: 100%; padding: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; min-height: 100px; } .order-items-thumbnails { display: flex; width: 120px; align-items: center; gap: 4px; } /* Order Info Left & Right Columns */ .order-info-left, .order-info-right { display: flex; flex-direction: column; gap: 5px; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; flex: 3 0 0; } .order-total, span.order-number, span.order-status { color: var(--text-black__main, #111); font-size: clamp(1rem, 0rem + 1.25vw, 1.25rem); font-style: normal; font-weight: 600; line-height: 100%; text-transform: uppercase; } .order-total { text-align: right; flex: 1 0 0; } .thumb-img img { width: 60px; height: 60px; aspect-ratio: 1; object-fit: contain; } /*============================= Order Info Sections =============================*/ .order_info { display: flex; justify-content: flex-start; align-items: flex-start; gap: 40px; flex: 100% 0 0; } .order_info_right { display: flex; align-items: flex-start; gap: 30px; flex: 100% 0 0; flex-wrap: wrap; } .order_info_right_up, .payment { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; } .info_heading, .order_info_right_up div, .payment div { font-size: 18px; font-style: normal; color: var(--text-black__main, #111); } .order_info_right_up div, .payment div { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; font-weight: 500; line-height: 100%; } .cost_title, .order_info_right_up div span, .payment div span { font-size: 14px; leading-trim: both; text-edge: cap; letter-spacing: -.14px; text-transform: uppercase; } .order_info_left { display: flex; flex: 1 0 0; flex-direction: column; justify-content: space-between; align-items: flex-start; align-self: stretch; } /* Products Wrap */ .products_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; width: 100%; } .receipt-section-wrapper { display: inline-flex; width: 100%; height: 100%; justify-content: end; align-items: flex-end; gap: 20px; padding: 20px 0 0; } /*============================= Product List & Totals =============================*/ ul.order_list_ul { padding: 0; } .order_list_ul { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; width: 100%; } li.product_list, li.shipping_total { background: var(--bg-white-lite-silver, #f7f7f7) !important; } li.order_total, li.product_list, li.shipping_total { display: flex !important; padding: 10px; align-items: center !important; min-width: 100%; gap: 10px; flex-direction: row !important; } .product_thumbnail, .product_thumbnail img { height: 60px; width: 60px; object-fit: cover; aspect-ratio: 1; } .product_name { flex: 1 0 0; color: var(--text-black__main, #111); font-size: 14px; font-style: normal; font-weight: 400; line-height: 110%; } .product_price { width: 120px; align-items: flex-start; flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; } .product_qty { width: 60px; align-items: flex-end; flex-shrink: 0; display: flex; flex-direction: column; gap: 10px; } .product_sub { display: flex; width: 120px; flex-direction: column; align-items: flex-end; gap: 10px; flex-shrink: 0; } p.product_list_title { margin: 0; align-self: stretch; color: var(--text-black__third, rgba(17, 17, 17, .4)); text-align: right; leading-trim: both; text-edge: cap; font-size: 14px; line-height: 100%; letter-spacing: -.14px; text-transform: uppercase; } .product_qty span, li.product_list span.woocommerce-Price-amount.amount { align-self: stretch; color: var(--text-black__main, #111); text-align: right; font-size: 18px; font-style: normal; font-weight: 500; line-height: 130%; } li.order_total { background-color: #111 !important; color: var(--text-white__main, #fff) !important; font-size: 18px !important; line-height: 110% !important; justify-content: space-between; } .receipt-item { display: flex; align-items: center; gap: 5px; } /*login and signup*/ .form_main_wrapper { display: flex; width: 100%; align-items: center; justify-content: center; flex-wrap: wrap; } .afs_info_edit { display: flex; flex-direction: column; width: 100%; flex-wrap: wrap; gap: 24px; } .form_login { width: 100%; display: flex; flex-wrap: wrap; max-width: 420px; align-items: center; justify-content: center; padding: 30px 35px; border-radius: 4px; color: #000; gap: 30px; margin: 20px auto 0; background: #decdbd; } .form_login h1 { margin: 0; color: black !important; } form.woocommerce-form.woocommerce-form-login.login { padding: 0; background: 0 0; border: 0; margin: 0; width: 100%; display: flex; flex-direction: column; gap: 12px; flex-wrap: wrap; align-items: center; height: auto !important; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid #cfc8d8; padding: 20px; margin: 2em 0; text-align: left; border-radius: 5px; } .woocommerce form .form-row { margin: 0; border-radius: 4px; flex: 1; min-width: 280px; flex-direction: column; position: relative; gap: 10px; } .password_wrap { display: flex; align-items: center; flex-direction: column; width: 100%; gap: 12px; flex-wrap: wrap; } .woocommerce form .password-input, .woocommerce-page form .password-input { display: flex; flex-direction: column; justify-content: center; position: relative; } span.password-input { flex: 1; } span.toggle-password { cursor: pointer; display: flex; align-items: center; } .password_eye { position: absolute !important; right: 10px; top: 40px; } span.toggle-password { position: absolute; top: 35px; right: 10px; } .body_list { align-items: flex-start; gap: 10px; } .body_list, .new_password { flex-direction: column; display: flex; } .body_list, .data_sec.data_sec_full { min-width: 100%; } .woocommerce-privacy-policy-text, .woocommerce-privacy-policy-text p { margin: 0 !important; } .body_list label, label.accecptnace { display: flex; max-width: 399.352px; align-items: flex-start; gap: 10px; color: var(--text-black__sec, rgba(17, 17, 17, .75)); font-size: clamp(.875rem, .6528rem + .3472vw, 1rem); font-style: normal; font-weight: 400; line-height: 130%; position: relative; top: 0; left: 0; cursor: pointer; text-transform: none; align-items: center; } p.woocommerce-form-row.form-row.sign_up_div { display: flex; align-items: center; } p.woocommerce-LostPassword.lost_password a, p.woocommerce-LostPassword.lost_password a:hover, a.woocommerce-privacy-policy-link, a.woocommerce-privacy-policy-link:hover { font-weight: 700; color: #c5580d !important; } span.required { display: none; } .afs_info_edit label { leading-trim: both; text-edge: cap; font-size: 14px; align-items: center; gap: 2px; z-index: 1; display: flex !important; font-weight: 600; color: black !important; } .afs_info_edit label img{ padding-bottom: 2px; } .side_menu_bottom ul { list-style: none; align-items: flex-start; gap: 18px; align-self: stretch; padding: 0; } /*============================= Media Queries =============================*/ @media only screen and (max-width: 1200px) { .order_info, li.order_total, li.product_list, li.shipping_total { min-width: 100%; max-width: 100%; flex-wrap: wrap; } nav.woocommerce-MyAccount-navigation h4 { width: 100%; font-size: clamp(1.125rem, 1.0577rem + .2564vw, 1.25rem); } .side_menu_bottom, .side_menu_bottom ul { flex-direction: row; flex-wrap: wrap; gap: clamp(1rem, .8654rem + .5128vw, 1.25rem); } .form_login { padding: 30px 20px; color: #000; gap: 20px; } } @media only screen and (max-width: 800px) { nav.woocommerce-MyAccount-navigation{ flex: 100% 0 0; } .side_menu_bottom, .side_menu_bottom ul { flex-direction: column; } .side_menu_bottom { gap: 0; } nav.woocommerce-MyAccount-navigation{ height: fit-content;; } } @media only screen and (max-width: 652px) { .order-main-wrapper { padding: 16px !important; min-height: 80px; } .order-items-thumbnails { max-width: 100px; } .order-info-left, .product_name { min-width: calc(100% - 120px); max-width: calc(100% - 120px); align-items: flex-end; text-align: right; } .order-info-left.open { flex: 1; align-items: self-start; min-width: fit-content; } .product_thumbnail { width: 100px; } .product_price, .product_qty, .product_sub { width: auto; flex: 1 0 0; } .product_price p.product_list_title, .product_price span.woocommerce-Price-amount.amount { text-align: left !important; } .info_heading, .order_info_right_up div, .payment div, .order-total, span.order-number, span.order-status { font-size: 13px; } .cost_title, .order_info_right_up div span, .payment div span { font-size: 11px; letter-spacing: 0px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-484f37f */.afs_order_content { display: none; overflow: hidden; transition: height 0.4s ease, opacity 0.4s ease; align-items: flex-start; gap: 40px; align-self: stretch; background: var(--bg-white__main, #FFF); width: 100%; flex-wrap: wrap; background-image: url(https://afs-foiling.com/fr/wp-content/uploads/2025/06/cards-_active.svg); background-position: top left; background-repeat: repeat-x; } .afs_order_content.open { display: flex; opacity: 1; } .order-items-thumbnails.hide, .order-total.hide { display: none !important; } .order_info_main{ display: flex; padding: 26px 20px; align-items: flex-start; gap: 40px; align-self: stretch; width: 100%; flex-wrap: wrap; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f49ca52 *//*GIFT card*/ .elementor-7122 .elementor-element.elementor-element-f49ca52 h2 { margin: 0 !important; font-size: 45px !important; margin: 0; color: black; font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important; } .woocommerce-Giftcards.woocommerce-MyAccount-Giftcards-balance-amount { margin: 0; }/* End custom CSS */