/* ------------------------------------------- [Table of contents] [Typography] Body: 16/1.7 'Roboto', sans-serif; Input: 16/40px Textarea: 16/26px [Component module] 1.0 RESET BROWSER 1.1 CUSTOM COLUMN 1.2 WORDPRESS DATA SAMPLE 1.3 ELEMENTOR 2.0 DEFAULT SETTING 2.1 FORM THEME 2.2 TABLE THEME 2.3 CONTAINER THEME 3.0 HEADER THEME 3.1 HEADER MENU 3.2 BLOCK SEARCH 3.3 HEADER CONTROL 3.4 HEADER STICKY 3.5 HEADER MIDDLE 3.6 HEADER NAV 3.7 HEADER STYLE 3.8 HEADER MOBILE 3.9 HEADER MOBILE MENU 4.0 FOOTER THEME 5.0 BLOG THEME 5.1 POST ITEM 5.2 BLOG COMMENT 6.0 BANNER + BREADCRUMBS + WIDGET + PAGINATION 6.1 BANNER AND TITLE PAGE 6.2 BREADCRUMBS THEME 6.3 WIDGET THEME 6.4 PAGINATION THEME 7.0 SHOP THEME 7.1 SHOP CONTROL 7.2 PRODUCT ITEM 7.3 SINGLE PRODUCT 8.0 OTHER PAGE 8.1 CART PAGE 8.2 CHECKOUT PAGE 8.3 MY ACCOUNT PAGE 8.4 TRACK YOUR ORDER 8.5 PAGE 404 /*========================================================================== 1.0 RESET BROWSER ========================================================================== */ :root { --aldstore-primary-color: #060E30; --aldstore-secondary-color: #FABA5B; } body { max-width: 100%; overflow-x: hidden; } img { max-width: 100%; height: auto; } ul, ol { margin: 0; padding-left: 23px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p { margin-bottom: 20px; } i.fa, span.fa { font-family: 'FontAwesome', 'sans-serif'; font-weight: inherit; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .screen-reader-text.skip-link:focus { clip-path: none; } .more-link { display: inline-block; margin-top: 15px; } .more-link::after { content: "\f178"; font-family: 'FontAwesome', sans-serif; margin-left: 5px; vertical-align: middle; } .post-password-form input[type="submit"]:hover { background-color: var(--aldstore-secondary-color); } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 15px 20px; margin: 0 0 30px; position: relative; background-color: #eaeaea; color: #111111; border-top: 3px solid #2196F3; list-style: none !important; width: auto; word-wrap: break-word; } .woocommerce-error:before, .woocommerce-error:after, .woocommerce-info:before, .woocommerce-info:after, .woocommerce-message:before, .woocommerce-message:after { content: ''; display: table; } .woocommerce-error:after, .woocommerce-info:after, .woocommerce-message:after { clear: both; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button { float: right; font-size: 11px; text-transform: uppercase; text-decoration: none; display: inline-block; padding: 0 12px; height: 30px; line-height: 30px; margin: 0; background-color: var(--aldstore-primary-color); color: #fff; font-weight: 600; } .woocommerce-error { border-color: #f44336; } .woocommerce-info { border-color: #2196F3; } [data-width='0%'] { width: 0%; } [data-width='1%'] { width: 1%; } [data-width='2%'] { width: 2%; } [data-width='3%'] { width: 3%; } [data-width='4%'] { width: 4%; } [data-width='5%'] { width: 5%; } [data-width='6%'] { width: 6%; } [data-width='7%'] { width: 7%; } [data-width='8%'] { width: 8%; } [data-width='9%'] { width: 9%; } [data-width='10%'] { width: 10%; } [data-width='11%'] { width: 11%; } [data-width='12%'] { width: 12%; } [data-width='13%'] { width: 13%; } [data-width='14%'] { width: 14%; } [data-width='15%'] { width: 15%; } [data-width='16%'] { width: 16%; } [data-width='17%'] { width: 17%; } [data-width='18%'] { width: 18%; } [data-width='19%'] { width: 19%; } [data-width='20%'] { width: 20%; } [data-width='21%'] { width: 21%; } [data-width='22%'] { width: 22%; } [data-width='23%'] { width: 23%; } [data-width='24%'] { width: 24%; } [data-width='25%'] { width: 25%; } [data-width='26%'] { width: 26%; } [data-width='27%'] { width: 27%; } [data-width='28%'] { width: 28%; } [data-width='29%'] { width: 29%; } [data-width='30%'] { width: 30%; } [data-width='31%'] { width: 31%; } [data-width='32%'] { width: 32%; } [data-width='33%'] { width: 33%; } [data-width='34%'] { width: 34%; } [data-width='35%'] { width: 35%; } [data-width='36%'] { width: 36%; } [data-width='37%'] { width: 37%; } [data-width='38%'] { width: 38%; } [data-width='39%'] { width: 39%; } [data-width='40%'] { width: 40%; } [data-width='41%'] { width: 41%; } [data-width='42%'] { width: 42%; } [data-width='43%'] { width: 43%; } [data-width='44%'] { width: 44%; } [data-width='45%'] { width: 45%; } [data-width='46%'] { width: 46%; } [data-width='47%'] { width: 47%; } [data-width='48%'] { width: 48%; } [data-width='49%'] { width: 49%; } [data-width='50%'] { width: 50%; } [data-width='51%'] { width: 51%; } [data-width='52%'] { width: 52%; } [data-width='53%'] { width: 53%; } [data-width='54%'] { width: 54%; } [data-width='55%'] { width: 55%; } [data-width='56%'] { width: 56%; } [data-width='57%'] { width: 57%; } [data-width='58%'] { width: 58%; } [data-width='59%'] { width: 59%; } [data-width='60%'] { width: 60%; } [data-width='61%'] { width: 61%; } [data-width='62%'] { width: 62%; } [data-width='63%'] { width: 63%; } [data-width='64%'] { width: 64%; } [data-width='65%'] { width: 65%; } [data-width='66%'] { width: 66%; } [data-width='67%'] { width: 67%; } [data-width='68%'] { width: 68%; } [data-width='69%'] { width: 69%; } [data-width='70%'] { width: 70%; } [data-width='71%'] { width: 71%; } [data-width='72%'] { width: 72%; } [data-width='73%'] { width: 73%; } [data-width='74%'] { width: 74%; } [data-width='75%'] { width: 75%; } [data-width='76%'] { width: 76%; } [data-width='77%'] { width: 77%; } [data-width='78%'] { width: 78%; } [data-width='79%'] { width: 79%; } [data-width='80%'] { width: 80%; } [data-width='81%'] { width: 81%; } [data-width='82%'] { width: 82%; } [data-width='83%'] { width: 83%; } [data-width='84%'] { width: 84%; } [data-width='85%'] { width: 85%; } [data-width='86%'] { width: 86%; } [data-width='87%'] { width: 87%; } [data-width='88%'] { width: 88%; } [data-width='89%'] { width: 89%; } [data-width='90%'] { width: 90%; } [data-width='91%'] { width: 91%; } [data-width='92%'] { width: 92%; } [data-width='93%'] { width: 93%; } [data-width='94%'] { width: 94%; } [data-width='95%'] { width: 95%; } [data-width='96%'] { width: 96%; } [data-width='97%'] { width: 97%; } [data-width='98%'] { width: 98%; } [data-width='99%'] { width: 99%; } [data-width='100%'] { width: 100%; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { -webkit-appearance: none; -moz-appearance: none; } :is(a, button, input[type="submit"], input[type="checkbox"], input[type="button"], input[type="file"], [tabindex="0"]):focus-visible { outline: 2px solid var(--aldstore-secondary-color); } input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, :root textarea:focus, :root select:focus { outline: none; } select::-ms-expand { display: none; } ::-webkit-input-placeholder { color: inherit; opacity: 1; filter: alpha(opacity=100); } :-moz-placeholder { /* Firefox 18- */ color: inherit; opacity: 1; filter: alpha(opacity=100); } ::-moz-placeholder { /* Firefox 19+ */ color: inherit; opacity: 1; filter: alpha(opacity=100); } :-ms-input-placeholder { color: inherit; opacity: 1; filter: alpha(opacity=100); } .added_to_cart.disabled, .added_to_cart:disabled, .button.disabled, .button:disabled, button.disabled, button:disabled, input[type="button"].disabled, input[type="button"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="submit"].disabled, input[type="submit"]:disabled { opacity: 0.65 !important; cursor: not-allowed; } .mejs-button > button { border-radius: 0; } @keyframes dotPulse { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } to { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @-webkit-keyframes dotPulse { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } to { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } /*---------------------------- 1.2 WORDPRESS DATA SAMPLE --------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } img.alignnone { margin: 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #ffffff; max-width: 100%; padding: 5px 0; text-align: center; margin: 0; } .wp-caption.alignnone { margin: 0 20px 20px 0; clear: both; } .wp-caption.alignleft { margin: 0 20px 20px 0; } .wp-caption.alignright { margin: 0 0 20px 20px; } .wp-caption.aligncenter { margin: 0 auto; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { font-size: 12px; line-height: 17px; padding: 10px 4px 5px; margin: 0 !important; } iframe { max-width: 100% !important; } .wp-block-button { margin-top: 15px; margin-bottom: 15px; } .post-content .wp-block-cover { margin-bottom: 30px; } .post-content .wp-block-media-text.has-background, .post-content .wp-block-calendar, .post-content .wp-block-archives, .post-content .wp-block-gallery { margin-bottom: 20px; } .post-content .wp-block-gallery { margin-top: 10px; } .post-content .wp-block-group.has-background { padding: 20px; margin-bottom: 20px; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .wp-block-social-links { list-style: none; } /*---------------------------- GALLERY ------------------------------*/ .gallery { margin-left: -10px; margin-right: -10px; } .gallery:after { display: table; content: ''; clear: both; } .gallery-caption { color: #707070; display: block; font-size: 12px; line-height: 1.5; padding: 0.5em 0; } .gallery-item { margin: 0; float: left; padding: 10px; font-style: italic; color: #666; } .gallery-columns-1 .gallery-item { width: 100%; float: none; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.3333%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6667%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } @media (min-width: 1200px) { .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: both; } } @media (max-width: 1199px) and (min-width: 992px) { .main-container:not(.no-sidebar) .gallery .gallery-item { min-width: 25%; } .main-container.no-sidebar .gallery-columns-2 .gallery-item:nth-child(2n+1), .main-container.no-sidebar .gallery-columns-3 .gallery-item:nth-child(3n+1), .main-container.no-sidebar .gallery-columns-4 .gallery-item:nth-child(4n+1), .main-container.no-sidebar .gallery-columns-5 .gallery-item:nth-child(5n+1), .main-container.no-sidebar .gallery-columns-6 .gallery-item:nth-child(6n+1), .main-container.no-sidebar .gallery-columns-7 .gallery-item:nth-child(7n+1), .main-container.no-sidebar .gallery-columns-8 .gallery-item:nth-child(8n+1), .main-container.no-sidebar .gallery-columns-9 .gallery-item:nth-child(9n+1), .main-container:not(.no-sidebar) .gallery-columns-2 .gallery-item:nth-child(2n+1), .main-container:not(.no-sidebar) .gallery-columns-3 .gallery-item:nth-child(3n+1), .main-container:not(.no-sidebar) .gallery:not(.gallery-columns-2):not(.gallery-columns-3) .gallery-item:nth-child(4n+1) { clear: both; } } @media (max-width: 991px) { .gallery .gallery-item { min-width: 25%; } } @media (max-width: 991px) and (min-width: 768px) { .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery:not(.gallery-columns-2):not(.gallery-columns-3) .gallery-item:nth-child(4n+1) { clear: both; } } @media (max-width: 767px) { .gallery .gallery-item { min-width: 33.33%; } } @media (max-width: 767px) and (min-width: 576px) { .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery:not(.gallery-columns-2) .gallery-item:nth-child(3n+1) { clear: both; } } @media (max-width: 575px) { .gallery .gallery-item { min-width: 50%; } .gallery .gallery-item:nth-child(2n+1) { clear: both; } } @media (max-width: 320px) { .gallery-columns-1 .gallery-caption, .gallery-columns-2 .gallery-caption, .gallery-columns-3 .gallery-caption, .gallery-columns-4 .gallery-caption, .gallery-columns-5 .gallery-caption { display: none; } } .bypostauthor { color: inherit; } .sticky { color: inherit; } article.sticky .post-title a::before { font-family: 'FontAwesome', sans-serif; content: "\f097"; font-size: 30px; padding-right: 10px; color: var(--aldstore-secondary-color); } .post-title, .widget { -ms-word-wrap: break-word; word-wrap: break-word; } .widget_rss cite { color: #000000; } .widget_rss .rss-date { display: block; font-size: 14px; line-height: 30px; color: #b7b7b7; } .widget select { width: 100%; } .widget .tagcloud a { display: inline-block; margin: 0 12px 15px 0; padding: 7px 20px; font-size: 16px !important; line-height: 20px; border: 1px solid #B5B5B5; border-radius: 5px; color: #B5B5B5; } .widget .tagcloud a:hover { border-color: var(--aldstore-secondary-color); background-color: var(--aldstore-secondary-color); color: #fff; } .widget_calendar .calendar_wrap tr, .widget_calendar .calendar_wrap td { padding: 0; text-align: center; } .widget_calendar .calendar_wrap #today { color: #f44336; } .widget_tag_cloud a { font-size: 24px; } /*widget_shopping_cart*/ .widget_shopping_cart { position: relative; } .widget_shopping_cart.loading { pointer-events: none; } .widget_shopping_cart.loading::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); z-index: 1; } .widget_shopping_cart .product_list_widget { padding-left: 0; list-style: none; } .widget_shopping_cart .product_list_widget img { float: left; max-width: 80px; border-radius: 5px; margin-right: 10px; } .widget_shopping_cart .product_list_widget li > a { display: block; } .widget_shopping_cart .product_list_widget li .variation { display: none; } .widget_shopping_cart .product_list_widget li.mini_cart_item { padding: 0 40px 20px 0; overflow: hidden; color: #000000; font-size: 16px; margin-bottom: 20px; position: relative; } .widget_shopping_cart .product_list_widget li.mini_cart_item::before { content: ''; border-bottom: 1px solid #D9D9D9; position: absolute; left: 0; width: calc(100% - 30px); bottom: 0; } .widget_shopping_cart .product_list_widget li.mini_cart_item:last-child { padding-bottom: 0; margin-bottom: 0; } .widget_shopping_cart .product_list_widget li.mini_cart_item:last-child::before { display: none; } .widget_shopping_cart .product_list_widget li.mini_cart_item .blockOverlay { background-color: #fff !important; display: flex; align-items: center; justify-content: center; } .widget_shopping_cart .product_list_widget li.mini_cart_item .blockOverlay::after { content: ''; line-height: 0; display: inline-block; vertical-align: middle; height: 12px; width: 12px; background-color: currentColor; border-radius: 50%; -webkit-animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } .widget_shopping_cart .product_list_widget li a:not(.remove) { font-size: 16px; line-height: 19px; font-weight: 600; } .widget_shopping_cart .product_list_widget li a:not(.remove):not(:hover) { color: #000000; } .widget_shopping_cart .product_list_widget li .quantity { font-size: 14px; line-height: 22px; color: #848484; display: inline-block; } .widget_shopping_cart .product_list_widget li div.quantity .control { width: 60px; height: 24px; line-height: 24px; border-radius: 5px; } .widget_shopping_cart .product_list_widget li div.quantity .btn-number { width: 20px; height: 24px; } .widget_shopping_cart .product_list_widget li div.quantity .btn-number svg { width: 6px; } .widget_shopping_cart .product_list_widget li div.quantity .input-qty { width: 20px; height: 24px; line-height: 24px; font-size: 12px; } .widget_shopping_cart .product_list_widget li .mini-cart-price { padding-left: 7px; vertical-align: top; } .widget_shopping_cart .product_list_widget li .woocommerce-Price-amount { font-weight: 500; font-size: 20px; color: var(--aldstore-secondary-color); } .widget_shopping_cart .product_list_widget li .remove_from_cart_button { position: absolute; top: 0; right: 5px; font-size: 0; width: auto !important; } .widget_shopping_cart .product_list_widget li .remove_from_cart_button::before { content: url("../images/icons/product-remove.svg"); font-size: 0; } .widget_shopping_cart .product_list_widget li .remove_from_cart_button:hover::before { content: url("../images/icons/product-remove-hover.svg"); } .widget_shopping_cart .woocommerce-mini-cart__total { margin-bottom: 0; padding: 20px 0 25px; color: #000000; overflow: hidden; line-height: 22px; } .widget_shopping_cart .woocommerce-mini-cart__total strong { font-size: 18px; color: #000000; font-weight: 600; float: left; } .widget_shopping_cart .woocommerce-mini-cart__total .woocommerce-Price-amount { font-size: 18px; color: var(--aldstore-secondary-color); font-weight: 600; float: right; } .widget_shopping_cart .woocommerce-mini-cart__buttons { margin-bottom: 0; padding: 0 0 30px; overflow: hidden; } .widget_shopping_cart .woocommerce-mini-cart__buttons .button { display: block; height: 40px; font-weight: 600; line-height: 40px; padding: 0 20px; background-color: #fff; color: var(--aldstore-secondary-color); text-align: center; text-transform: uppercase; border-radius: 5px; } .widget_shopping_cart .woocommerce-mini-cart__buttons.checkout { margin-top: 15px; } .widget_shopping_cart .woocommerce-mini-cart__buttons:hover { color: #fff; background-color: var(--aldstore-secondary-color); border-color: transparent; } /*.product_list_widget*/ .product_list_widget li > a { display: inline-block; width: 100%; margin-bottom: 10px; } .product_list_widget li > a img { max-width: 70px; float: left; margin-right: 10px; } .product_list_widget li .product-title { font-size: 15px; line-height: 22px; } /*widget_media_image*/ #widget-area .widget.widget_media_image { border: none; padding: 0; } #widget-area .widget_media_image { overflow: hidden; display: table; position: relative; } #widget-area .widget_media_image a { display: block; } #widget-area .widget_media_image a::before { content: ''; position: absolute; left: 50%; right: 50%; top: 6px; bottom: 6px; -webkit-transition: left 0.25s, right 0.25s ease 0s; -moz-transition: left 0.25s, right 0.25s ease 0s; -o-transition: left 0.25s, right 0.25s ease 0s; transition: left 0.25s, right 0.25s ease 0s; border-top: 4px solid #fff; border-bottom: 4px solid #fff; z-index: 1; } #widget-area .widget_media_image a::after { content: ''; position: absolute; top: 50%; bottom: 50%; left: 6px; right: 6px; z-index: 1; -webkit-transition: top 0.25s, bottom 0.25s ease 0s; -moz-transition: all 0.25s, bottom 0.25s ease 0s; -o-transition: all 0.25s, bottom 0.25s ease 0s; transition: all 0.25s, bottom 0.25s ease 0s; border-left: 4px solid #fff; border-right: 4px solid #fff; } #widget-area .widget_media_image:hover a::before { left: 10px; right: 10px; } #widget-area .widget_media_image:hover a::after { top: 6px; bottom: 6px; } /*.widget_media_gallery*/ .widget_media_gallery .gallery { margin-left: -5px; margin-right: -5px; } .widget_media_gallery .gallery-item { padding: 5px; } /*.product_list_widget*/ .product_list_widget { padding-left: 0; list-style: none; } .product_list_widget li > a { display: block; } .product_list_widget li:not(.mini_cart_item) { position: relative; } .product_list_widget li:not(.mini_cart_item) img { float: left; max-width: 81px; margin-right: 15px; border: 1px solid #dbdbdb; } .product_list_widget li:not(.mini_cart_item) > a:not(:hover) { color: #000000; } .product_list_widget li:not(.mini_cart_item) .product-title { display: block; margin-bottom: 5px; } .product_list_widget li:not(.mini_cart_item) del .woocommerce-Price-amount { vertical-align: middle; } /*woocommerce-widget-layered-nav*/ #widget-area .widget_categories > ul, #widget-area .widget_product_categories .product-categories, #widget-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list { margin-top: -8px; padding-bottom: 0 !important; } /*--------------------------- 1.3 ELEMENTOR -------------------------------*/ .elementor-open-lightbox { position: relative; } /* ========================================================================== 2.0 DEFAULT SETTING ========================================================================== */ html, body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.7; color: #848484; } body { opacity: 0; transition: opacity 0.5s ease-in; background-color: #F5F5F7; } body.loaded { opacity: 1; } label { font-weight: 500; color: #000000; } a { color: #000000; -webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s; -moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s; -o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s; transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s; } a:hover, a:focus, a:active { text-decoration: none; outline: none; color: var(--aldstore-secondary-color); } h1, h2, h3, h4, h5, h6 { line-height: 1.25; font-weight: 600; color: #000000; margin-top: 12px; margin-bottom: 18px; } .elementor-icon-box-title { margin-top: 0; } .elementor-button-icon svg { width: auto !important; } .elementor-icon { vertical-align: top; } blockquote, q { color: #333; font-style: italic; font-size: 20px; line-height: 26px; padding-right: 30px; padding-left: 30px; padding-top: 25px !important; padding-bottom: 25px !important; margin-top: 15px; margin-bottom: 25px; border: none; background: #fff; display: block; } blockquote cite, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { font-size: 12px; text-transform: uppercase !important; font-weight: 700; color: #000000; } dt, dd { line-height: 30px; } /* ========================================================================= 2.1 FORM THEME ============================================================================ */ input[type="number"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { border: 1px solid #D9D9D9; padding: 0 20px; max-width: 100%; font-size: 16px; border-radius: 0; color: #848484; height: 40px; line-height: 40px; } textarea { display: block; line-height: 26px; padding: 15px 20px; height: auto; width: 100%; } select { padding: 0 40px 0 20px; background: url("../images/icons/select-arrow.svg") center right 15px no-repeat; } button, input[type="submit"], input[type="button"] { display: inline-block; height: 40px; line-height: 40px; border-radius: 0; font-size: 16px; font-weight: 400; color: #ffffff; padding-left: 20px; padding-right: 20px; padding-top: 0 !important; padding-bottom: 0 !important; background: var(--aldstore-primary-color); border: none; -webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s; -moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s; -o-transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s; transition: color 0.25s, border-color 0.25s, background-color 0.25s, opacity 0.25s, width 0.25s ease 0s; } /* ========================================================================== 2.2 TABLE THEME ============================================================================ */ table { border: 1px solid #D9D9D9; border-collapse: collapse; border-spacing: 0; table-layout: auto; width: 100%; margin-bottom: 20px; } table thead { background-color: #f8f8f8; } th, td { border: 1px solid #D9D9D9; padding: 10px; } @media (max-width: 991px) { th, td { padding: 5px; } } /* ========================================================================== 2.3 CONTAINER THEME ============================================================================ */ @media (max-width: 575px) { .col-15 { flex: 0 0 auto; width: 20%; } } @media (min-width: 576px) and (max-width: 767px) { .col-sm-15 { flex: 0 0 auto; width: 20%; } } @media (min-width: 768px) and (max-width: 991px) { .col-md-15 { flex: 0 0 auto; width: 20%; } } @media (min-width: 992px) and (max-width: 1199px) { .col-lg-15 { flex: 0 0 auto; width: 20%; } } @media (min-width: 1200px) and (max-width: 1399px) { .col-xl-15 { flex: 0 0 auto; width: 20%; } } @media (min-width: 1400px) { .col-xxl-15 { flex: 0 0 auto; width: 20%; } } .container { --bs-gutter-x: 40px; max-width: 1820px; width: 100%; } .row { --bs-gutter-x: 20px; } @media (max-width: 1199px) { .row { --bs-gutter-x: 20px; } } @media (max-width: 575px) { .row { --bs-gutter-x: 10px; } } ul.products[class*="columns-"] { display: flex; flex-wrap: wrap; --bs-gutter-x: 20px; margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); gap: 30px 0; padding-left: 0; padding-right: 0; list-style: none; } ul.products[class*="columns-"] > li { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } ul.products[class*="columns-"] li.product-category { width: 33.3333333%; } ul.products[class*="columns-"] li.product-category a .woocommerce-loop-category__title { font-size: 18px; font-weight: 500; margin-top: 15px; margin-bottom: 0; } ul.products[class*="columns-"] li.product-category a .woocommerce-loop-category__title mark { background-color: transparent; color: inherit; padding: 0; } @media (max-width: 1199px) { ul.products[class*="columns-"] { --bs-gutter-x: 20px; } } @media (max-width: 575px) { ul.products[class*="columns-"] { --bs-gutter-x: 10px; } ul.products[class*="columns-"] li.product-category { width: 50%; } } /* ========================================================================== 3.0 HEADER THEME ============================================================================ */ /* ========================================================================== 3.1 HEADER MENU ========================================================================== */ /*main menu*/ .box-header-nav .caret { display: none !important; } .box-header-nav .main-menu { padding: 0; list-style: none; } .box-header-nav .main-menu > ul { padding: 0; list-style: none; display: flex; gap: 20px; } .box-header-nav .main-menu > ul li { list-style: none; } .box-header-nav .main-menu > ul li a { color: #fff; } .box-header-nav .main-menu > ul li a:hover { text-decoration: underline; } .box-header-nav .main-menu > ul .children { padding: 0; list-style: none; text-align: left; } .box-header-nav .main-menu .toggle-submenu { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 3px; cursor: pointer; color: #000000; } .box-header-nav .main-menu .menu-item { list-style: none; position: relative; } .box-header-nav .main-menu .menu-item.menu-item-has-children > a::after { content: '\f107'; font-family: 'FontAwesome', 'sans-serif'; font-size: 18px; font-weight: normal; vertical-align: top; margin-left: 8px; } .box-header-nav .main-menu .menu-item .sub-menu { border-radius: 20px; border: 1px solid #D9D9D9; text-align: left; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); z-index: 999; padding: 15px 0; position: absolute; min-width: 210px; background-color: #ffffff; opacity: 0; visibility: hidden; margin-top: 20px; } .box-header-nav .main-menu .menu-item .sub-menu .menu-item-has-children > a::after { position: absolute; right: 0; transform: rotate(-90deg); height: 20px; } .box-header-nav .main-menu .menu-item:hover > .sub-menu { opacity: 1; visibility: visible; } .box-header-nav .main-menu .menu-item.focus > .sub-menu { opacity: 1; visibility: visible; } .box-header-nav .main-menu .menu-item.focus > .sub-menu, .box-header-nav .main-menu .menu-item:hover > .sub-menu { margin-top: 0; } .box-header-nav .main-menu > .menu-item { padding: 0 48px 0 0; display: inline-block; cursor: pointer; } .box-header-nav .main-menu > .menu-item .sub-menu .menu-item a { display: block; white-space: nowrap; position: relative; padding: 8px 15px 7px 0; margin: 0 20px; font-size: 16px; line-height: 19px; } .box-header-nav .main-menu > .menu-item .sub-menu .menu-item::before { content: ''; display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); width: calc(100% + 10px); height: 100%; z-index: -1; } .box-header-nav .main-menu > .menu-item .sub-menu .menu-item:hover::before { display: block; } .box-header-nav .main-menu > .menu-item > .sub-menu { top: 100%; left: -1px; } .box-header-nav .main-menu > .menu-item > .sub-menu .sub-menu { top: -15px; left: 100%; } .box-header-nav .main-menu > .menu-item:last-child { padding-right: 0; } .box-header-nav .main-menu > .menu-item.parent::before { display: none; width: 100%; height: 100%; content: ''; position: absolute; top: 100%; left: 0; } .box-header-nav .main-menu > .menu-item.parent:hover::before { display: block; } .box-header-nav .main-menu > .menu-item > a { color: #fff; font-size: 16px; line-height: 30px; vertical-align: middle; position: relative; display: inline-block; } @media (max-width: 1280px) { .box-header-nav .main-menu > .menu-item { padding: 0 24px 0 0; } } @media (max-width: 1024px) { .box-header-nav .main-menu { opacity: 0; visibility: hidden; } } /* ========================================================================== 3.2 BLOCK SEARCH ========================================================================== */ .header-search { display: inline-block; vertical-align: middle; } .block-search-form { position: relative; margin: 0 auto; width: 100%; } .block-search-form input { border-color: #000; width: 100%; color: #848484; padding-left: 15px; padding-right: 50px; border-radius: 30px; height: 46px; line-height: 46px; background-color: transparent; } .block-search-form .btn-submit { position: absolute; top: 5px; right: 5px; z-index: 1; padding: 0; width: 36px; height: 36px; line-height: 36px; font-size: 0; border-radius: 50%; } .block-search-form .btn-submit:hover { color: #fff; background-color: var(--aldstore-secondary-color); } .search-submit { vertical-align: top; } /* ========================================================================== 3.3 HEADER CONTROL ========================================================================== */ .header-control { text-align: right; } .meta-woo { display: flex; align-items: center; justify-content: space-between; padding-left: 15px; margin-left: auto; } .block-woo { display: inline-block; text-align: left; vertical-align: middle; position: relative; margin-left: auto; } .block-woo .block-link { display: inline-flex; align-items: center; position: relative; } .block-woo .block-link .block-icon { position: relative; margin-right: 5px; } .block-woo .block-link .block-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 110px; color: #000; } .block-woo .block-link .count { position: absolute; top: -4px; left: calc(100% - 9px); display: inline-block; min-width: 16px; height: 16px; line-height: 16px; text-align: center; padding: 0 4px; border-radius: 16px; background-color: #000000; font-size: 11px; color: #ffffff; } .block-minicart { position: relative; text-align: right; } .block-minicart .block-link { padding: 5px 10px 5px 5px; background-color: #fff; border-radius: 30px; display: inline-flex; align-items: center; position: relative; } .block-minicart .block-link .block-icon { position: static; display: flex; width: 36px; height: 36px; border-radius: 50%; align-items: center; justify-content: center; background-color: var(--aldstore-primary-color); color: #fff; margin-right: 10px; } .block-minicart .block-link .block-icon .count { position: absolute; top: -5px; right: -5px; display: inline-block; min-width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 0 4px; border-radius: 20px; background-color: var(--aldstore-secondary-color); font-size: 14px; color: #ffffff; } /* ========================================================================== 3.5 HEADER MIDDLE ============================================================================ */ .header-middle { padding: 25px 0; } .header-middle-inner { display: table; width: 100%; position: relative; } .header-middle-inner > * { display: table-cell; vertical-align: middle; } /* ========================================================================== 3.6 HEADER NAV ============================================================================ */ .header-nav { position: relative; background-color: var(--aldstore-primary-color); padding-top: 12px; padding-bottom: 12px; } .header-nav-inner { display: table; width: 100%; } .header-nav-inner > * { display: table-cell !important; vertical-align: middle; } .vertical-wrapper.block-nav-category { position: relative; width: 265px; } .vertical-wrapper.block-nav-category .caret { display: none !important; } .vertical-wrapper.block-nav-category + .box-header-nav { padding-left: 50px; } .vertical-wrapper.block-nav-category .block-title { padding: 0 20px 0 20px; border-radius: 20px; cursor: pointer; background-color: #fff; color: var(--aldstore-primary-color); position: relative; max-width: 265px; display: flex; align-items: center; justify-content: space-between; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .vertical-wrapper.block-nav-category .block-title:focus-visible { outline: 2px solid var(--aldstore-secondary-color); } .vertical-wrapper.block-nav-category .block-title .text-title { height: 40px; line-height: 40px; display: inline-block; vertical-align: middle; } .vertical-wrapper.block-nav-category .block-content { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; max-width: 265px; background-color: #fff; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; z-index: 99; border: 1px solid #D9D9D9; border-radius: 0 0 20px 20px; margin-top: -3px; } .vertical-wrapper.block-nav-category:hover .block-title, .vertical-wrapper.block-nav-category.focus .block-title { border-radius: 20px 20px 0 0; } .vertical-wrapper.block-nav-category:hover .block-content, .vertical-wrapper.block-nav-category.focus .block-content { visibility: visible; opacity: 1; } .vertical-wrapper.block-nav-category .vertical-menu { list-style: none; padding: 0; position: relative; } .vertical-wrapper.block-nav-category .vertical-menu .menu-item { position: relative; color: #464646; padding: 0 20px; } .vertical-wrapper.block-nav-category .vertical-menu .menu-item.link-other { display: none; } .vertical-wrapper.block-nav-category .vertical-menu .menu-item > .sub-menu { visibility: hidden; opacity: 0; -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); transform: translateX(15px); } .vertical-wrapper.block-nav-category .vertical-menu .menu-item.focus > .sub-menu, .vertical-wrapper.block-nav-category .vertical-menu .menu-item:hover > .sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .vertical-wrapper.block-nav-category .vertical-menu .menu-item-has-children > a::after { vertical-align: top; content: url("../images/icons/menu-arrow.svg"); margin-left: 8px; position: absolute; right: 20px; transform: rotate(-90deg); height: 20px; } .vertical-wrapper.block-nav-category .vertical-menu > .menu-item > a { font-size: 16px; line-height: 19px; display: block; padding: 14px 0 15px; } .vertical-wrapper.block-nav-category .vertical-menu > .menu-item:not(:first-child) > a { border-top: 1px solid #D9D9D9; } .vertical-wrapper.block-nav-category .vertical-menu > .menu-item:hover > a, .vertical-wrapper.block-nav-category .vertical-menu > .menu-item.show-submenu > a { color: var(--aldstore-secondary-color); } .vertical-wrapper.block-nav-category .vertical-menu .sub-menu { border-radius: 0 20px 20px 0; border: 1px solid #D9D9D9; list-style: none; padding-left: 0; position: absolute; top: 0; left: 100%; background-color: #fff; z-index: 9; min-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .vertical-wrapper.block-nav-category .vertical-menu .sub-menu .sub-menu { top: 0; } .vertical-wrapper.block-nav-category .vertical-menu .sub-menu .menu-item a { font-size: 16px; line-height: 19px; display: block; padding: 14px 0 15px; } .vertical-wrapper.block-nav-category .vertical-menu .sub-menu .menu-item:not(:first-child) > a { border-top: 1px solid #D9D9D9; } @media (max-width: 767px) { .vertical-wrapper.block-nav-category .block-title, .vertical-wrapper.block-nav-category .block-content { max-width: 100%; } } @media (max-width: 575px) { .vertical-wrapper.block-nav-category { width: 100%; display: block; } } /**/ .header-about { color: #fff; } .header-about .header-about-wrap { display: flex; align-items: center; justify-content: end; margin-left: auto; } .header-about .header-about-inner { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; } .header-about .header-about-info { line-height: 20px; color: #fff; } .header-about .header-about-title { display: block; font-size: 12px; } .header-about .header-about-text { font-size: 16px; vertical-align: top; } .header-about a { color: #fff; } .header-about a.header-about-text:hover, .header-about a.header-about-text:focus-visible { color: var(--aldstore-secondary-color); } @media (max-width: 1366px) { .header-about { width: 350px; } .header-about .header-about-info { line-height: 18px; } .header-about .header-about-text { font-size: 14px; } .header-about .header-about-image svg { width: 30px; height: auto; } } /* ========================================================================== 3.7 HEADER STYLE ========================================================================== */ .header a { text-decoration: none; } .header.style-01 { border-bottom: 1px solid var(--aldstore-primary-color); } .header.style-01 .header-middle { padding: 20px 0; } .header.style-01 .header-middle-inner .header-logo { font-size: 20px; line-height: 1; font-weight: 700; width: 264px; white-space: nowrap; padding-right: 10px; } .header.style-01 .header-middle-inner .header-logo a { text-decoration: none; display: inline-block; vertical-align: top; } .header.style-01 .header-middle-inner .header-logo a:hover, .header.style-01 .header-middle-inner .header-logo a:focus-visible { color: #000 !important; } .header.style-01 .box-header-nav .main-menu .menu-item:hover > a { text-decoration: underline; text-underline-offset: 4px; } .header.style-01 .header-control { width: 354px; } .header.style-01 .meta-woo { justify-content: end; } .header-desktop .block-woo + .block-woo { padding-left: 25px; margin-left: 25px; } .header-desktop .block-woo + .block-woo::before { content: ''; display: inline-block; border-left: 1px solid #000; position: absolute; top: 0; left: 0; height: 100%; } @media (max-width: 1199px) { .header.style-01 .header-control { width: 130px; } .header-desktop .block-woo + .block-woo { padding-left: 10px; margin-left: 5px; } } /* ========================================================================== 3.8 HEADER MOBILE ========================================================================== */ .header-mobile-wrap { position: relative; display: none; background-color: #fff; } .header-mobile { display: table; width: 100%; padding: 15px 0 14px; } .header-mobile .header-logo { font-size: 16px; line-height: 1; font-weight: 700; letter-spacing: -1px; } .header-mobile .meta-woo { padding-left: 0; justify-content: end; display: inline-block; } .header-mobile .meta-woo .block-woo { margin-left: 0; } .header-mobile .meta-woo .block-woo .block-link .block-text { display: none; } .header-mobile > * { display: table-cell; vertical-align: middle; } .header-mobile .header-mobile-left { width: 60px; } .header-mobile .header-mobile-center { width: calc(100% - 120px); text-align: center; } .header-mobile .header-mobile-right { width: 60px; text-align: right; } .header-mobile .header-search .link-dropdown { display: block; } .header-mobile .header-search .link-dropdown > span { position: relative; display: block; } .header-mobile .block-menu-bar { display: inline-block; cursor: pointer; } .header-mobile .block-menu-bar .menu-bar { color: #fff; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background-color: var(--aldstore-primary-color); border-radius: 6px; } .header-mobile .block-menu-bar .menu-bar:focus-visible { outline: 2px solid var(--aldstore-secondary-color); } .header-mobile .block-minicart .block-link { padding: 0; background-color: transparent; font-size: 0; } .header-mobile .block-minicart .block-link .block-icon .count { right: 0; } .header-mobile-wrap .block-search { padding: 10px 20px; background-color: var(--aldstore-primary-color); } .header-mobile-wrap .block-search-form input { height: 40px; line-height: 40px; background-color: #fff; } .header-mobile-wrap .block-search-form .btn-submit { top: 4px; right: 4px; width: 32px; height: 32px; line-height: 32px; } @media (max-width: 1024px) { .header-mobile-wrap { display: block; } .header-desktop { display: none; } } @media (max-width: 400px) { .header-mobile .header-logo { font-size: 18px; } } /* ========================================================================== 3.9 HEADER MOBILE MENU ========================================================================== */ .header-mobile-menu .mobile-menu-overlay { position: fixed; opacity: 0; visibility: hidden; left: 0; right: 0; bottom: 0; top: 0; content: ''; background: rgba(0, 0, 0, 0.5); z-index: 99991; cursor: pointer; } .header-mobile-menu .mobile-sidebar-content { position: fixed; top: 0; bottom: 0; left: 0; z-index: 99992; width: 440px; max-width: 100%; transform: translateX(-440px); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); overflow-x: hidden; overflow-y: auto; background: #fff; opacity: 0; visibility: hidden; } .header-mobile-menu .sidebar-content { display: flex; flex-direction: column; overflow: hidden; height: 100%; } .header-mobile-menu .tab-mobile-menu { display: flex; flex-flow: row wrap; padding: 0; background: #F6F6F6; } .header-mobile-menu .tab-mobile-menu > * { list-style: none; position: relative; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 60px; width: 60px; color: #000; cursor: pointer; margin-left: auto; } .header-mobile-menu .tab-mobile-menu > *:focus-visible { outline: 2px solid var(--aldstore-secondary-color); } .header-mobile-menu .tab-mobile-menu > *.active { background-color: var(--aldstore-primary-color); color: #fff; } .header-mobile-menu .tab-mobile-menu > *.main-menu-tab { margin-left: 0; } .header-mobile-menu .tab-mobile-menu > *.vertical-menu-tab { width: calc(100% - 120px); } .header-mobile-menu .mobile-menu-title { margin: 0; padding: 15px 20px 15px 40px; white-space: nowrap; font-size: 100%; font-weight: normal; line-height: 22px; display: none; border-bottom: 1px solid #D9D9D9; cursor: pointer; } .header-mobile-menu .mobile-menu-title.active { display: block; } .header-mobile-menu .mobile-menu-wrapper { height: 100%; display: none; flex-direction: column; overflow: hidden; } .header-mobile-menu .mobile-menu-wrapper.active { display: flex; } .header-mobile-menu .mobile-menu-inner { position: relative; height: 100%; overflow-x: hidden; } .header-mobile-menu .aldstore-nav { padding: 0; } .header-mobile-menu .aldstore-nav > ul { list-style: none; padding: 0; } .header-mobile-menu .aldstore-nav > ul > li { list-style: none; border-bottom: 1px solid #D9D9D9; padding: 15px 20px; line-height: 22px; } .header-mobile-menu .aldstore-nav > ul .children { list-style: none; } .header-mobile-menu .aldstore-nav > ul .children li { padding-top: 15px; } .header-mobile-menu .aldstore-nav .menu-item { list-style: none; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #D9D9D9; padding: 15px 20px; line-height: 22px; } .header-mobile-menu .aldstore-nav .menu-item a:hover { color: #000; text-decoration: underline; } .header-mobile-menu .aldstore-nav .menu-item .caret { display: flex; width: 52px; align-items: center; margin-left: auto; justify-content: end; cursor: pointer; } .header-mobile-menu .aldstore-nav .menu-item .caret::before { content: url("../images/icons/mobile-menu-arrow.svg"); } .header-mobile-menu .aldstore-nav .menu-item .caret.active { position: fixed; top: 75px; justify-content: start; } .header-mobile-menu .aldstore-nav .menu-item .sub-menu { padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 4; display: none; overflow-x: hidden; overflow-y: auto; background-color: #fff; } .header-mobile-menu .aldstore-nav .menu-item.show-sub-menu .caret.active::before { transform: rotate(180deg); } .header-mobile-menu .aldstore-nav .menu-item.show-sub-menu > .sub-menu { display: block; } .header-mobile-menu .header-group-button .meta-bottom { height: 60px; display: flex; align-items: center; justify-content: space-between; background-color: #F6F6F6; padding: 0 20px; } .header-mobile-menu .header-group-button .meta-bottom .meta-bottom-left { display: flex; align-items: center; gap: 40px; } .header-mobile-menu .header-group-button .meta-bottom .meta-bottom-right { display: flex; align-items: center; gap: 20px; } .header-mobile-menu .header-group-button .header-about { width: 100%; } .header-mobile-menu .header-group-button .header-about .header-about-image svg { width: 22px; } .header-mobile-menu .header-group-button .header-about .header-about-inner { margin-left: 0; height: 60px; background-color: #000000; display: flex; align-items: center; justify-content: center; width: 100%; } .header-mobile-menu .header-group-button .header-about .header-about-title { display: none; } .header-mobile-menu .header-group-button .header-about .header-about-text { font-size: 16px; } .header-mobile-menu.open .mobile-menu-overlay { visibility: visible; opacity: 1; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .header-mobile-menu.open .mobile-sidebar-content { transform: translateX(0px); box-shadow: -3px 0 21px rgba(63, 63, 63, 0.15); opacity: 1; visibility: visible; } .admin-bar .header-mobile-menu .mobile-sidebar-content { top: 30px; } /* ========================================================================== 5.0 FOOTER THEME ========================================================================== */ .footer { line-height: 20px; border-top: 1px solid #D9D9D9; } .footer .widgettitle { font-size: 16px; line-height: 20px; font-weight: 500; text-transform: uppercase; margin: 0 0 25px; } .footer .menu { display: flex; padding: 0; flex-direction: column; gap: 15px; list-style: none; } .footer .menu a { text-decoration: none; } .footer .menu a:hover { text-decoration: underline; text-underline-offset: 4px; } .footer .sub-menu { padding-top: 15px; padding-left: 15px; display: flex; flex-direction: column; gap: 15px; list-style: none; } .footer .footer-top { padding-top: 30px; padding-bottom: 30px; } .footer .footer-top .row { row-gap: 30px; } .footer .footer-logo { display: block; margin-bottom: 20px; font-size: 24px; line-height: 1; font-weight: 700; letter-spacing: -1px; text-decoration: none; } .footer .footer-slogan { color: #000; margin-bottom: 15px; } .footer .social-link { display: flex; gap: 10px; } .footer .social-link img { height: 24px; } .footer .social-link a:hover { opacity: 0.5; } .footer .footer-bottom { border-top: 1px solid #D9D9D9; padding-top: 25px; padding-bottom: 25px; } .footer .footer-bottom .row { align-items: center; row-gap: 15px; } .footer .footer-bottom .footer-copyright { color: #000; } .footer .footer-bottom .footer-copyright + .footer-payment { text-align: right; } @media (max-width: 991px) { .footer .footer-bottom .footer-copyright, .footer .footer-bottom .footer-copyright + .footer-payment, .footer .footer-bottom .footer-payment { text-align: center; font-size: 14px; } } @media (max-width: 767px) { .footer .footer-logo { font-size: 18px; } .footer .widgettitle { margin-bottom: 20px; } .footer .menu { font-size: 14px; } } /* ========================================================================== 5.0 BLOG THEME ========================================================================== */ /* ========================================================================== 5.1 POST ITEM ========================================================================== */ .post-thumb figure { margin-bottom: 0; } .post-thumb img { position: relative; z-index: 1; } .post-title { margin-top: 0; } .post-title a { text-decoration: none; } .post-title a:not(:hover) { color: inherit !important; } .post-item .post-meta > div { display: inline-block; position: relative; color: #000; } .post-item .post-meta > div:not(:last-child) { padding-right: 30px; } .post-item .post-meta svg { position: relative; top: -2px; } .post-item .post-meta .post-author a { text-decoration: none; } .post-item .tags { float: left; display: flex; gap: 15px; } .post-item .tags span { display: none; } .post-item .tags a { display: inline-block; padding: 10px 15px; line-height: 20px; border: 1px solid #000; text-align: center; border-radius: 10px; text-decoration: none; } .post-item .tags a:hover { background-color: var(--aldstore-primary-color); color: #fff; } .post-content::before, .post-content::after, .page-main-content::before, .page-main-content::after { content: ''; display: table; } .post-content::after, .page-main-content::after { clear: both; } .post-content p:last-child { margin-bottom: 0 !important; } .post-content > p:last-child { display: inline-block; width: 100%; } /*.post-single*/ .post-item.post-single .main-content .post-title { font-size: 24px; margin: 0 0 20px 0; } .post-item.post-single .main-content .post-meta { margin-bottom: 20px; } .post-item.post-single .main-content .post-thumb { margin-bottom: 30px; } .post-item.post-single .main-content .post-thumb img { border-radius: 10px; } .post-item.post-single .main-content .categories { background-color: #000000; padding: 10px 15px; margin-bottom: 20px; display: table; color: #fff; border-radius: 10px; line-height: 20px; } .post-item.post-single .main-content .categories a { color: #fff; text-decoration: none; } .post-footer { display: inline-block; vertical-align: top; width: 100%; margin-top: 30px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } .post-footer .aldstore-share-button { float: right; display: flex; gap: 15px; color: #000; margin-top: 8px; } /*blog standard*/ .blog-standard { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; gap: 30px 0; } .blog-standard .post-item { width: 33.3333333%; padding-left: 10px; padding-right: 10px; } .post-standard { background-color: #fff; border-radius: 10px; padding: 10px 10px 15px; height: 100%; } .post-standard .post-title { font-size: 18px; margin-bottom: 10px; margin-top: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .post-standard .post-thumb { border-radius: 5px; margin-bottom: 10px; } .post-standard .post-meta { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background-color: #FFFFFF66; backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: space-between; z-index: 1; } .post-standard .post-content { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .post-standard .categories { margin-bottom: 10px; } .post-standard .categories a { color: #848484; text-decoration: none; } .post-standard .categories a:hover { color: #000; } .post-standard .readmore { margin-top: 10px; display: inline-block; line-height: 20px; color: #3452EF; text-decoration: none; } .post-standard .readmore:hover { text-decoration: underline; } .post-thumb { position: relative; overflow: hidden; } @media (max-width: 1199px) { .post-footer .aldstore-share-button { float: none; text-align: left; width: 100%; margin-top: 0; margin-bottom: 15px; } .post-footer .aldstore-share-button ~ .categories { float: none; width: 100%; } .post-item .slick-arrow { width: 40px; height: 40px; line-height: 40px; } .post-item .slick-arrow::before { width: 9px; height: 9px; top: -3px; } .post-item .slick-arrow.prev { right: 40px; } .post-item .slick-arrow.prev::after { height: 30px; } } @media (max-width: 991px) { .blog-standard .post-item { width: 50%; } } @media (max-width: 767px) { .blog-standard .post-item { width: 100%; } } /* ========================================================================== 5.2 BLOG COMMENT ========================================================================== */ /*.comments-area*/ .comments-area { padding-top: 50px; } .comments-area .comments-title { font-size: 24px; margin-top: 0; margin-bottom: 30px; } .comments-area .commentlist { list-style: none; } .comments-area .commentlist .children { list-style: none; } .comments-area .no-comments { margin-top: 20px; } /*.commentlist*/ .commentlist { list-style: none; padding: 0; } .commentlist .review:not(:last-child) { border-bottom: 1px solid #dfdfdf; padding-bottom: 20px; margin-bottom: 20px; } .commentlist .children { padding-left: 145px; padding-top: 35px; margin-top: 35px; border-top: 1px solid #dfdfdf; } .comment:not(:last-child) { border-bottom: 1px solid #dfdfdf; padding-bottom: 40px; margin-bottom: 40px; } .has-sidebar .commentlist .children { padding-left: 90px; } .comment_container { overflow: hidden; } .comment_container .avatar { float: left; max-width: 120px; margin-right: 25px; border-radius: 10px; } .comment-text { overflow: hidden; position: relative; } .comment-text .meta { margin-bottom: 5px; } .comment-text .aldstore-review__dash { display: none; } .comment-text .aldstore-review__author, .comment-text .comment-author { display: block; font-size: 13px; line-height: 18px; letter-spacing: 1px; font-weight: 600; color: #000; text-transform: uppercase; margin-top: -2px; margin-bottom: 2px; } .comment-text .aldstore-review__published-date, .comment-text .comment-date { display: inline-block; font-size: 14px; line-height: 26px; margin-bottom: 9px; padding-right: 80px; } .comment-text .aldstore-review__published-date, .comment-text .comment-date:not(:hover) { color: #9da7b2; } .comment-text p:last-child { margin-bottom: 0; } .comment-text .comment-edit-link, .comment-text .comment-reply-link { position: absolute; top: 0; font-size: 0; } .comment-text .comment-edit-link { right: 30px; } .comment-text .comment-edit-link::before { font-family: 'FontAwesome', sans-serif; content: "\f044"; font-size: 14px; } .comment-text .comment-reply-link { right: 0; } .comment-text .comment-reply-link::before { font-family: 'FontAwesome', sans-serif; content: '\f112'; font-size: 14px; } /*.pingback*/ .trackback, .pingback { padding-bottom: 20px; } .pingback > p > a { padding-left: 5px; } .pingback .edit-link { display: inline-block; } .pingback .edit-link:before { content: "\002f"; display: inline-block; padding: 0 5px; } /*.comment-respond*/ .woocommerce-Reviews .woocommerce-Reviews-title { font-size: 20px; margin-top: 0; } .single-product #reviews #review_form_wrapper .comment-respond #reply-title { font-size: 18px; font-weight: 500; color: #000; display: inline-block; margin: 15px 0; line-height: 20px; } .commentlist ~ .comment-respond, .commentlist .comment-respond { border-top: 1px solid #dfdfdf; padding-top: 45px; margin-top: 50px; } .comment-respond .comment-reply-title { font-size: 24px; margin-bottom: 15px; margin-top: 0; } .comment-respond span.comment-reply-title { display: block; margin-bottom: 20px; margin-top: 10px; } .comment-form-rating label { margin-right: 15px; } .required { color: #DD2831; font-weight: normal; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-reply-content { float: left; margin-bottom: 25px; width: calc(50% - 15px); } .comment-form .comment-form-cookies-consent { display: inline-block; width: 100%; } .comment-form .comment-form-cookies-consent label { font-weight: normal; color: inherit; font-size: 15px; font-style: italic; font-family: inherit; padding-left: 28px; position: relative; } .comment-form .comment-form-cookies-consent label::before { content: ''; display: inline-block; width: 20px; height: 20px; line-height: 18px; vertical-align: middle; border: 1px solid #e4e4e4; position: absolute; top: 2px; left: 0; -webkit-transition: background-color 0.25s ease 0s; -moz-transition: background-color 0.25s ease 0s; -o-transition: background-color 0.25s ease 0s; transition: background-color 0.25s ease 0s; text-align: center; color: #fff; font-size: 11px; } .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent { display: none; } .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent:checked + label::before { color: var(--aldstore-secondary-color); content: '\f00c'; font-family: 'FontAwesome', sans-serif; font-weight: normal; } .comment-form .comment-form-author label, .comment-form .comment-form-email label { display: block; } .comment-form .comment-form-email, .comment-form .comment-reply-content + .comment-reply-content { float: right; } .comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form .comment-reply-content input { width: 100%; height: 50px; padding: 4px 30px; margin-top: 10px; } .comment-form .comment-form-comment { display: inline-block; width: 100%; } .comment-form .comment-form-comment textarea { height: 300px; padding: 15px 20px; margin-top: 10px; border-radius: 10px; } .comment-form .form-submit { display: table; position: relative; margin-bottom: 0; } .comment-form .form-submit #submit { vertical-align: middle; color: #ffffff; background-color: var(--aldstore-primary-color); padding: 0 30px; text-align: center; display: inline-block; border-radius: 10px; height: 46px; line-height: 46px; } .comment-form .form-submit #submit:hover { background-color: var(--aldstore-secondary-color); } .aldstore-Reviews-title { display: none; } @media (max-width: 1199px) { .has-sidebar .commentlist .children, .commentlist .children { padding-left: 50px; } .comment-form .form-submit { margin-top: 0; margin-bottom: 0; } } @media (max-width: 991px) { .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-reply-content { width: 100%; float: none !important; } .has-sidebar .commentlist .children, .commentlist .children { padding-left: 30px; } } @media (max-width: 767px) { .comment_container .avatar { float: none; max-width: 90px; } .comment-text { margin-top: 15px; } } /* ========================================================================== 6.0 BANNER + BREADCRUMBS + WIDGET +PAGINATION ========================================================================== */ .banner-zoom::before { transition: 0.25s ease 0s !important; } .banner-zoom:hover::before { transform: scale(1.02); } /* ========================================================================== 6.1 BANNER AND TITLE PAGE ========================================================================== */ .main-container { padding-top: 30px; padding-bottom: 80px; position: relative; min-height: 60vh; } @media (max-width: 991px) { .main-container { padding-bottom: 40px; } } .page-title { font-size: 24px; font-weight: 600; position: relative; margin: 30px 0 0; } /* ========================================================================== 6.2 BREADCRUMBS THEME ========================================================================== */ .aldstore-breadcrumb { padding-top: 15px; padding-bottom: 15px; background-color: #EDEDED; line-height: 20px; } .aldstore-breadcrumb a { text-decoration: none; } .breadcrumbs .breadcrumb { list-style: none; padding: 0; margin: 0 auto; display: inline; } .breadcrumbs .breadcrumb li { display: inline; } .breadcrumbs .breadcrumb li a:not(:hover) { color: inherit; } .breadcrumbs .breadcrumb li + li::before { content: '/'; padding: 0 5px; } .woocommerce-breadcrumb .breadcrumb-sep::before { content: '/'; padding: 0 5px; } .woocommerce-breadcrumb a { text-decoration: none; } .woocommerce-breadcrumb a:not(:hover) { color: inherit; } /* ========================================================================== 6.3 WIDGET THEME ========================================================================== */ @media (min-width: 992px) { .left-sidebar .main-content { order: 2; } } #widget-area > .widget:not(:last-child) { margin-bottom: 30px; } #widget-area .widgettitle { font-size: 16px; text-transform: uppercase; margin-bottom: 15px; position: relative; z-index: 1; } #widget-area .widgettitle a { color: inherit; } #widget-area .widget ul, #widget-area .widget ol { padding: 0 0 8px 0; list-style: none; } #widget-area .widget ul ul, #widget-area .widget ul ol, #widget-area .widget ol ul, #widget-area .widget ol ol { padding: 0 0 0 18px; margin-top: 8px; border-bottom: none; } #widget-area .widget ul li { list-style: none; padding-top: 8px; padding-bottom: 8px; } #widget-area .widget ul li:last-child { padding-bottom: 0; } #widget-area .widget p:last-child { margin-bottom: 0; } #widget-area .widget label:not(.screen-reader-text) { width: 100%; margin: 15px 0; } #widget-area .widget > h1, #widget-area .widget > h2, #widget-area .widget > h3, #widget-area .widget > h4, #widget-area .widget > h5, #widget-area .widget > h6 { margin-top: 0; } /*general*/ #widget-area .wp-block-social-links .wp-block-social-link.wp-social-link { padding-top: 0; padding-bottom: 0; } /**/ #widget-area .widget_categories select, #widget-area .widget_archive select, #widget-area .select2 { margin-top: 10px; } .woocommerce-widget-layered-nav-list li.chosen a, .widget_pages .page_item.current_page_item > a, .widget_product_categories .cat-item.current-cat > a { color: var(--aldstore-secondary-color); } .widget_categories .cat-item .children { padding-left: 25px; } .widget_categories .cat-item > a::before { position: relative; top: 4px; margin-right: 5px; content: ''; width: 20px; height: 20px; display: inline-block; border: 1px solid #949494; border-radius: 2px; padding: 0 3px; line-height: 20px; vertical-align: top; } .widget_categories .cat-item.current-cat > a::before { content: url("../images/icons/check-white.svg"); background-color: var(--aldstore-secondary-color); border-color: var(--aldstore-secondary-color); } /*widget_search*/ .widget_product_search .woocommerce-product-search, .widget_search .search-form { position: relative; } .widget_product_search .woocommerce-product-search .search-field, .widget_search .search-form input { width: 100%; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 75px; color: #D9D9D9; } .widget_product_search .woocommerce-product-search button[type="submit"], .widget_search .search-form button { position: absolute; top: 0; right: 0; height: 40px; line-height: 40px; overflow: hidden; background-color: transparent; color: #000; padding: 0 10px; display: none; } .widget_product_search .woocommerce-product-search button[type="submit"]:hover, .widget_search .search-form button:hover { color: var(--aldstore-secondary-color); } /*.widget .widget_shopping_cart*/ #widget-area .widget_shopping_cart .product_list_widget li.mini_cart_item { position: relative; margin-bottom: 5px; display: inline-block; width: 100%; overflow: visible; } #widget-area .widget_shopping_cart .woocommerce-mini-cart__total { padding: 0 0 10px 0; } #widget-area .widget_shopping_cart .woocommerce-mini-cart__buttons { padding: 0; } /*.widget .product_list_widget*/ #widget-area .widget .product_list_widget li:not(.mini_cart_item) { border-bottom: none; display: inline-block; width: 100%; position: relative; padding-top: 13px; padding-bottom: 13px; } .product_list_widget li:not(.mini_cart_item):not(:last-child)::before { display: block; content: ''; border-bottom: 1px solid #D9D9D9; position: absolute; left: 0; bottom: 0; right: 0; } /*wc-layered-nav-rating*/ .wc-layered-nav-rating { padding-top: 3px !important; padding-bottom: 3px !important; } .wc-layered-nav-rating a { color: #848484; } .wc-layered-nav-rating a:hover { color: var(--aldstore-secondary-color); } .wc-layered-nav-rating.chosen a { color: var(--aldstore-secondary-color); } .wc-layered-nav-rating .star-rating { white-space: nowrap; display: inline-block; position: relative; overflow: hidden; width: 90px; vertical-align: top; } .wc-layered-nav-rating .star-rating::before, .wc-layered-nav-rating .star-rating span::before { font-family: 'FontAwesome', sans-serif; font-weight: normal; font-size: 15px; vertical-align: top; letter-spacing: 5px; } .wc-layered-nav-rating .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; width: 0; } .wc-layered-nav-rating .star-rating::before { content: "\f005\f005\f005\f005\f005"; color: #D9D9D9; } .wc-layered-nav-rating .star-rating > span::before { content: "\f005\f005\f005\f005\f005"; color: #F9C300; } /*woocommerce-widget-layered-nav-dropdown*/ #widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 5px; } #widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__choice { border: none; color: #fff; background-color: var(--aldstore-secondary-color); } #widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; } #widget-area .widget .select2-container .select2-search--inline { padding: 0; } @media (max-width: 991px) { #widget-area { padding-top: 40px; } } .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit { width: 100%; max-width: 270px; height: 45px; line-height: 45px; font-size: 14px; background-color: var(--aldstore-secondary-color); margin-top: 20px; } .woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit:hover { opacity: 0.8; } /*.widget_price_filter*/ .widget_price_filter .price_slider_wrapper { padding-top: 45px; padding-bottom: 40px; position: relative; } .widget_price_filter .price_slider_amount { overflow: hidden; margin-top: 25px; } .widget_price_filter .price_label { font-weight: 500; font-size: 0; position: absolute; top: 0; left: 0; right: 0; } .widget_price_filter .price_label span { font-size: 14px; font-weight: 500; text-transform: uppercase; display: inline-block; } .widget_price_filter .price_label span:last-child { float: right; } .widget_price_filter .button { position: absolute; bottom: 0; left: 0; padding: 0 24px; background-color: var(--aldstore-secondary-color); } .widget_price_filter .price_slider { position: relative; height: 4px; border-radius: 2px 0 0 2px; background-color: #eeeeee; width: -webkit-calc(100% - 15px); width: -moz-calc(100% - 15px); width: calc(100% - 15px); } .widget_price_filter .price_slider::before { content: ''; display: block; height: 4px; border-radius: 0 2px 2px 0; width: 15px; background-color: #E5E5E5; position: absolute; left: 100%; top: 0; } .widget_price_filter .ui-slider-range { height: 4px; background-color: var(--aldstore-secondary-color); position: absolute; top: 0; } .widget_price_filter .ui-slider-range::before { content: ''; display: block; height: 4px; border-radius: 0 2px 2px 0; width: 15px; background-color: var(--aldstore-secondary-color); position: absolute; left: 100%; top: 0; } .widget_price_filter .ui-slider-handle { display: inline-block; position: absolute; height: 15px; width: 15px; background-color: var(--aldstore-secondary-color); border-radius: 15px; top: -5px; } /* ========================================================================== 6.4 PAGINATION THEME ========================================================================== */ .page-links { margin-top: 10px; margin-bottom: 20px; display: inline-block; width: 100%; } .page-links > span.page-links-title { line-height: 40px; } .comments-pagination, .post-pagination, .pagination { display: inline-block; width: 100%; } .comments-pagination { padding-top: 45px; } .blog-standard ~ .pagination { padding-top: 50px; text-align: center; } .woocommerce-pagination ul { padding-left: 0; list-style: none; text-align: center; } .comments-pagination .nav-links, .woocommerce-pagination .page-numbers, .woocommerce-pagination li, .pagination .nav-links { display: inline-block; } .page-links > a, .page-links > span:not(.page-links-title), .woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers, .woocommerce-pagination li .page-numbers, .comments-pagination .page-numbers, .post-pagination > span:not(.title), .post-pagination a span, .pagination .page-numbers { color: #000; display: inline-block; min-width: 40px; padding: 0 3px; vertical-align: top; text-align: center; font-size: 16px; position: relative; line-height: 40px; height: 40px; border: 1px solid #E5E5E5; border-radius: 10px; background-color: #fff; margin: 10px 8px 0 0; text-decoration: none; } .page-links > a, .page-links > span:not(.page-links-title) { margin: 0; } .post-pagination { margin-top: 15px; } .post-pagination a span { font-weight: normal; } .post-pagination > span.title { line-height: 44px; padding-right: 10px; } .page-links > span:not(.page-links-title):hover, .page-links > a:hover, .woocommerce-pagination span.page-numbers.current, .woocommerce-pagination span.page-numbers:hover, .woocommerce-pagination a.page-numbers:hover, .woocommerce-pagination a.page-numbers:hover, .woocommerce-pagination li .page-numbers.current, .woocommerce-pagination li .page-numbers:hover, .comments-pagination .page-numbers.current, .comments-pagination a.page-numbers:hover, .post-pagination > span:not(.title), .post-pagination a span:hover, .pagination .page-numbers.current, .pagination .page-numbers:hover { color: #fff; border-color: transparent; background-color: var(--aldstore-primary-color); } /* ========================================================================== 7.0 SHOP THEME ========================================================================== */ .wc-block-grid__product { text-align: left !important; background-color: #fff; border-color: #f5f5f7 !important; } .wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image) { margin-bottom: 20px !important; width: 100%; } .wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image) img { width: 100%; } .wc-block-grid__product .wc-block-grid__product-title { font-size: 18px; font-weight: 500; line-height: 1.25; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .wc-block-grid__product .wc-block-grid__product-price { font-size: 18px; color: #DD2831; line-height: 21px; padding-left: 15px; padding-right: 15px; min-height: 40px; } .wc-block-grid__product .wc-block-grid__product-rating { padding-left: 15px; padding-right: 15px; display: none; } .wc-block-grid__product .wc-block-grid__product-add-to-cart.wp-block-button { position: absolute; right: 20px; bottom: 20px; color: #fff; background-color: var(--aldstore-primary-color); border-radius: 50%; transition: all 0.25s ease 0s; margin: 0; } .wc-block-grid__product .wc-block-grid__product-add-to-cart.wp-block-button:hover { background-color: var(--aldstore-secondary-color); color: #fff; } .wc-block-grid__product .add_to_cart_button { font-size: 0 !important; align-items: center; height: 40px; width: 40px; color: #fff; background: none; } .wc-block-grid__product .add_to_cart_button::after { content: url("../images/icons/cart.svg"); } .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading { opacity: 1 !important; } .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading::after { content: '' !important; line-height: 0; height: 12px !important; width: 12px !important; background-color: currentColor; border-radius: 50%; -webkit-animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8) !important; animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8) !important; } .shop-categories-slide.swiper { padding: 20px; background-color: #fff; border-radius: 10px; } .shop-categories-slide.swiper.shop-swiper { margin-bottom: 30px; } .shop-categories-slide.swiper .swiper-slide { width: 156px; } /* ========================================================================== 7.1 SHOP CONTROL ========================================================================== */ .woocommerce-result-count { margin: 0 auto 0 0; line-height: 20px; color: #000; } .per-page-form { margin-left: auto; padding-right: 15px; } .per-page-form .per-page-option { color: #848484; font-weight: 400; cursor: pointer; } .per-page-form .per-page-option + .per-page-option::before { content: "/"; } .per-page-form .per-page-option input { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .per-page-form .per-page-option input:checked ~ span { color: #000; font-weight: 500; } .per-page-form .per-page-option input:focus-visible ~ span { color: var(--aldstore-secondary-color); font-weight: 500; } .per-page-form .per-page-title { color: #000; padding-right: 9px; font-weight: 400; } .woocommerce-ordering { vertical-align: top; text-align: left; display: inline-block; } .woocommerce-ordering select { color: #000; padding-left: 15px; padding-right: 50px; border-radius: 10px; background-color: #fff; } .aldstore-filter-button-wrap a { background-color: #000000; color: #fff; font-size: 16px; line-height: 20px; padding: 10px 15px; border-radius: 10px; display: block; } .aldstore-filter-button-wrap a:hover { background-color: var(--aldstore-secondary-color); } .aldstore-filter-button-wrap a svg { margin-right: 1px; vertical-align: top; } .shop-control a { text-decoration: none; } .shop-before-control { margin-bottom: 40px; display: inline-flex; flex-wrap: wrap; gap: 10px 0; width: 100%; position: relative; vertical-align: top; align-items: center; } .shop-after-control { width: 100%; overflow: hidden; padding-top: 33px; text-align: center; } .shop-after-control:empty { display: none; } .shop-sidebar-filter { position: fixed; top: 0; bottom: 0; left: 0; width: 440px; max-width: 100%; z-index: 999; background-color: #fff; padding: 0 20px 20px; margin-left: -100%; transition: margin-left 0.4s ease 0s; overflow-y: auto; visibility: hidden; opacity: 0; } .shop-sidebar-filter .filter-heading { padding: 15px 15px 15px 20px; background-color: #f6f6f6; margin-left: -20px; margin-right: -20px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .shop-sidebar-filter .filter-heading h2 { font-size: 18px; margin: 0; } .admin-bar .shop-sidebar-filter { top: 32px; } .aldstore-dropdown.open .shop-sidebar-filter { margin-left: 0; visibility: visible; opacity: 1; } .shop-sidebar-filter .wc-block-product-filters .wc-block-product-filters__open-overlay, .shop-sidebar-filter .wc-block-product-filters .wc-block-product-filters__overlay-footer, .shop-sidebar-filter .wc-block-product-filters .wc-block-product-filters__overlay-header, .shop-sidebar-filter .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__open-overlay, .shop-sidebar-filter .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-footer, .shop-sidebar-filter .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-header { display: none; } .shop-sidebar-filter .wc-block-product-filters .wc-block-product-filters__overlay { background: inherit; color: inherit; inset: 0; pointer-events: auto; position: relative; transition: none; } .shop-sidebar-filter .wc-block-product-filters .wc-block-product-filters__overlay-dialog { background: inherit; color: inherit; position: relative; transform: none; } .shop-sidebar-filter .wc-block-product-filters .wc-block-product-filters__overlay-content { background: inherit; color: inherit; flex-grow: 1; overflow: visible; padding: 0; } button.wc-block-product-filter-checkbox-list__show-more { color: #000; } @media (max-width: 767px) { .per-page-form { margin-left: 0; margin-right: auto; padding-right: 0; } .per-page-form .per-page-title { display: none; } .per-page-form select { padding-left: 10px; padding-right: 40px; font-size: 14px; } .woocommerce-ordering select { padding-left: 10px; padding-right: 40px; font-size: 14px; } .aldstore-filter-button-wrap a { position: fixed; right: 20px; bottom: 30px; z-index: 9; font-size: 0; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50px; } } /* ========================================================================== 7.2 PRODUCT ITEM ========================================================================== */ .product-inner, .product-thumb, .thumb-link { position: relative; } .product-first-category { line-height: 20px; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .product-first-category a { color: #848484; text-decoration: none; } .product-first-category a:hover { color: var(--aldstore-secondary-color); } .product-thumb img { margin: 0 auto; width: 100%; border-radius: 5px !important; } @media (max-width: 1199px) { .product-thumb img { width: 100%; } } .product-thumb > img { display: none; } .product-info { min-height: 103px; display: flex; flex-direction: column; } .product-info > .woocommerce-loop-product__title { display: none; } /*=========*/ .product-item .flash { position: absolute; top: 10px; left: 10px; z-index: 1; } .onsale, .onnew { color: #fff; display: table; font-size: 12px; letter-spacing: 0.1em; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; position: relative; border-radius: 5px; background-color: #00000066; backdrop-filter: blur(10px); } .onsale span, .onnew span { height: 24px; line-height: 24px; display: block; } .product-name { font-size: 18px; font-weight: 500; margin-top: 0; margin-bottom: 10px; } .product-name a { text-decoration: none; } span.price { display: inline-block; vertical-align: top; font-size: 16px; color: #DD2831; font-weight: 500; line-height: 20px; } .price del { color: #848484; } .price ins { color: #DD2831; text-decoration: none; } /*group-button*/ .group-button { position: absolute; right: 3px; top: 3px; } .group-button a { display: inline-block; } /*addto cart*/ .add-to-cart-wrap { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; position: relative; } .add-to-cart-wrap a { font-size: 0; display: inline-flex; align-items: center; justify-content: center; height: 40px; width: 40px; color: inherit; border-radius: inherit; } .add-to-cart-wrap a::before { content: url("../images/icons/cart.svg"); } .add-to-cart-wrap a.added_to_cart::before { content: url("../images/icons/cart-check.svg") !important; } .add-to-cart-wrap a.added { display: none; } .add-to-cart-wrap .add_to_cart_button.loading { pointer-events: none; } .add-to-cart-wrap .add_to_cart_button.loading::before { content: '' !important; line-height: 0; display: inline-block; vertical-align: middle; height: 12px; width: 12px; background-color: currentColor; border-radius: 50%; -webkit-animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: dotPulse 0.65s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } /*.star-rating*/ .rating-wrapper { line-height: 20px; font-size: 0; display: flex; align-items: center; } .rating-wrapper .star-rating { white-space: nowrap; display: block; position: relative; overflow: hidden; width: 93px; } .rating-wrapper .star-rating::before, .rating-wrapper .star-rating span::before { font-family: 'FontAwesome', sans-serif; font-weight: normal; font-size: 15px; vertical-align: top; letter-spacing: 5px; } .rating-wrapper .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; width: 0; } .rating-wrapper .star-rating::before { content: "\f006\f006\f006\f006\f006"; color: #000; } .rating-wrapper .star-rating > span::before { content: "\f005\f005\f005\f005\f005"; color: #000; } /*.product-item*/ .product-item .product-name a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .product-item .product-inner { height: 100%; background-color: #fff; border-radius: 10px; padding: 10px; } .product-item .product-thumb { margin-bottom: 10px; overflow: hidden; } .product-item .product-thumb > .thumb-link { display: block; } .product-item .product-thumb > .onnew, .product-item .product-thumb > .onsale { display: none; } .product-item .rating-wrapper { margin-bottom: 10px; } .product-item span.price { display: block; padding: 0 40px 0 10px; background-color: #F5F5F5; border-radius: 20px; margin-top: auto; min-height: 40px; align-content: center; line-height: 16px; } .product-item .add-to-cart-wrap { position: absolute; right: 10px; bottom: 10px; color: #fff; background-color: var(--aldstore-primary-color); border-radius: 50%; transition: all 0.25s ease 0s; } .product-item .add-to-cart-wrap:hover { background-color: var(--aldstore-secondary-color); color: #fff; } @media (max-width: 767px) { .product-name { font-size: 14px; } .product-first-category { font-size: 14px; margin-bottom: 5px; } .product-info { min-height: 93px; } span.price { font-size: 14px; } .onsale { font-size: 11px; padding-left: 7px; padding-right: 7px; } .onsale span { height: 20px; line-height: 22px; } } /* ========================================================================== 7.3 SINGLE PRODUCT ========================================================================== */ .contain-left { position: relative; background-color: #fff; padding: 20px 20px 30px; border-radius: 10px; } .contain-left::before, .contain-left::after { content: ''; display: table; } .contain-left::after { clear: both; } .contain-left .single-left { position: relative; float: left; width: 47.1264368%; margin-right: 40px; } .contain-left .entry-summary { float: left; width: calc(52.8735632% - 40px); } /*.woocommerce-product-gallery*/ .woocommerce-product-gallery { position: relative; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger { display: block; font-size: 0; position: absolute; top: 20px; right: 20px; height: 40px; width: 40px; line-height: 40px; border-radius: 50%; background-color: var(--aldstore-primary-color); -webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.05); text-align: center; z-index: 1; color: #fff; display: none; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before { font-family: 'FontAwesome', sans-serif; font-weight: normal; content: "\f00e"; font-size: 18px; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger img.emoji { display: none !important; opacity: 0; visibility: hidden; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { background-color: var(--aldstore-primary-color); } .woocommerce-product-gallery .woocommerce-product-gallery__image.flex-active-slide { cursor: zoom-in; } .woocommerce-product-gallery .woocommerce-product-gallery__image a img { width: 100%; vertical-align: top; } .woocommerce-product-gallery .flex-viewport { margin-bottom: 20px; } .no-gallery .woocommerce-product-gallery, .has-gallery .woocommerce-product-gallery .flex-viewport { border: 1px solid #D9D9D9; border-radius: 10px; overflow: hidden; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs { padding: 0; display: flex; gap: 20px; overflow-x: auto; scrollbar-width: thin; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li { list-style: none; border: none; position: relative; max-width: 100% !important; max-height: 100% !important; min-width: 80px; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img { width: calc(100% - 1px); border: 1px solid #D9D9D9; border-radius: 10px; } .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active { border-color: #000000; } /*.entry-summary*/ p.stock, span.stock { margin-bottom: 20px; font-size: 16px; letter-spacing: 0.1em; line-height: 20px; padding: 5px 15px; border-radius: 5px; background-color: #000000; color: #fff; display: inline-block; vertical-align: top; white-space: nowrap; } .stock ~ .stock { display: none !important; } .entry-summary .entry-title { font-size: 26px; line-height: 1.3461538; margin-bottom: 20px; margin-top: 0; position: relative; font-weight: 400; display: block; } .entry-summary .price { font-size: 26px; line-height: 30px; margin-bottom: 20px; font-weight: 500; color: #DD2831; } .entry-summary .price del { font-size: 68.75%; } .entry-summary .price:empty { display: none; } .entry-summary .woocommerce-product-rating { margin-bottom: 20px; margin-right: 16px; line-height: 30px; display: inline-flex; vertical-align: top; align-items: center; } .entry-summary .woocommerce-product-rating .star-rating { display: inline-block; vertical-align: top; } .entry-summary .woocommerce-product-rating .review { display: inline-block; vertical-align: top; } .entry-summary .woocommerce-product-rating .rating-wrapper { padding-right: 10px; } .entry-summary .woocommerce-product-rating .woocommerce-review-link { color: #000; vertical-align: top; text-decoration: none; } .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover { text-decoration: underline; } .entry-summary .rating-wrapper .star-rating > span::before { color: #000 !important; } .entry-summary .woocommerce-product-details__short-description { margin-bottom: 14px; line-height: 25px; } .entry-summary .woocommerce-product-details__short-description p { margin-bottom: 10px; } .entry-summary .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; } /*form single product*/ .entry-summary form.cart { position: relative; } .entry-summary form.cart.variations_form .variations { margin-bottom: 28px; position: relative; border: none; } .entry-summary form.cart.variations_form .variations .reset_variations { background-color: var(--aldstore-primary-color); color: #fff; border-color: transparent; display: block; padding: 0 15px; font-size: 13px; height: 24px; line-height: 26px; margin-top: 10px; width: 70px; text-align: center; } .entry-summary form.cart.variations_form .variations .reset_variations[style*="visibility: hidden;"] { display: none; } .entry-summary form.cart.variations_form .variations .reset_variations:hover { background-color: var(--aldstore-secondary-color); } .entry-summary form.cart.variations_form .variations td.value { border: none; padding: 7px 0; } .entry-summary form.cart.variations_form .variations td.value select { width: 100%; color: #000; height: 46px; line-height: 46px; border-radius: 10px; } .entry-summary form.cart.variations_form .variations th.label { border: none; padding: 7px 0; line-height: 20px; position: relative; } .entry-summary form.cart.variations_form .variations th.label label { font-weight: 400; } .entry-summary .cart .single_add_to_cart_button { vertical-align: bottom; height: 46px; line-height: 46px; font-weight: 400; color: #ffffff; padding: 0 10px; text-align: center; display: inline-block; background-color: var(--aldstore-primary-color); overflow: hidden; position: relative; border-radius: 10px; margin-bottom: 10px; width: calc(100% - 145px); } .contain-left.has_payment .entry-summary .cart .single_add_to_cart_button { width: 50%; margin-right: 10px; } .entry-summary .cart .single_add_to_cart_button:hover { background-color: var(--aldstore-secondary-color); } .entry-summary .cart .single_add_to_cart_button span { display: none; } .entry-summary .cart .added_to_cart { display: none; } .entry-summary .cart .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .entry-summary div.quantity { vertical-align: top; margin-bottom: 10px; display: inline-block; margin-right: 15px; } .quantity .qty-label { display: none; } .quantity input[type="number"]::-webkit-outer-spin-button, .quantity input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } div.quantity .control { vertical-align: middle; display: inline-block; position: relative; text-align: center; overflow: hidden; width: 125px; height: 46px; line-height: 46px; border: 1px solid #D9D9D9; border-radius: 10px; } div.quantity .quantity-title { display: none; } div.quantity .input-qty { color: #000000; width: 62px; height: 44px; line-height: 44px; text-align: center; float: left; border: none; background-color: transparent; padding: 0; } div.quantity .btn-number { width: 30px; height: 44px; float: left; display: flex; align-items: center; font-size: 0 !important; } div.quantity .btn-number:not(:hover) { color: #000; } div.quantity .btn-number.qtyminus { padding-left: 15px; } div.quantity .btn-number.qtyplus { padding-right: 15px; } .entry-summary p.cart { margin-bottom: 0; } .entry-summary .product_meta { display: inline-block; width: 100%; } .entry-summary .product_meta a { text-decoration: none; } .entry-summary .product_meta > * { display: inline-block; vertical-align: top; margin-top: 22px; line-height: 24px; color: #000; } .entry-summary .product_meta > *:not(:last-child) { margin-right: 40px; } .entry-summary .product_meta > span .sku { color: #848484; } .entry-summary .product_meta > span a:last-child::after { display: none; } .entry-summary .product_meta > span a:not(:hover) { color: #848484; } .entry-summary .aldstore-product-viewing { background-color: #FFF7EB; border-radius: 10px; font-size: 16px; line-height: 20px; color: #D57F00; padding: 10px 15px; margin-top: 10px; } .entry-summary .aldstore-product-payment { display: inline-block; vertical-align: top; width: calc(50% - 160px); margin-top: 9px; margin-bottom: 10px; } body.single-product .entry-summary .aldstore-share-button { display: inline-flex; gap: 15px; } body.single-product .entry-summary .aldstore-share-button a:hover { opacity: 0.5; } /*.product-type-variable*/ .product-type-variable .woocommerce-variation-price .price { font-size: 20px; } /*.product-type-external*/ /*.product-type-grouped*/ .product-type-grouped .entry-summary .cart .group_table { border: none; } .product-type-grouped .entry-summary .cart .group_table td { border: none; } .product-type-grouped .entry-summary .cart .group_table td:first-child { padding-left: 0; } .product-type-grouped .entry-summary .cart .group_table td:last-child { padding-right: 0; } .product-type-grouped .entry-summary .cart .group_table td .label, .product-type-grouped .entry-summary .cart .group_table td .price { text-align: inherit; display: table-cell; vertical-align: middle; margin-bottom: 0; white-space: normal; } .product-type-grouped .entry-summary .cart .group_table td { padding-top: 20px; padding-bottom: 20px; } .product-type-grouped .entry-summary .cart .group_table tr:not(:last-child) { border-bottom: 1px solid #D9D9D9; } .product-type-grouped .entry-summary .cart .group_table tr:first-child td { padding-top: 0; } .product-type-grouped .entry-summary .cart .group_table label { margin-bottom: 0; } .product-type-grouped .entry-summary .cart .group_table label a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product-type-grouped .entry-summary .cart .group_table .button { font-size: 15px; line-height: 26px; } .product-type-grouped .entry-summary .cart .group_table .price ins { padding-left: 0; } .product-type-grouped .entry-summary .cart .group_table p.stock { margin-bottom: 0; display: block; } .product-type-grouped .entry-summary .cart .group_table .quantity { margin-bottom: 0; } @media (max-width: 1280px) { .entry-summary .entry-title { font-size: 22px; } .entry-summary .price { font-size: 24px; } .contain-left .single-left { width: 50%; margin-right: 30px; } .contain-left .entry-summary { width: calc(50% - 30px); } } @media (min-width: 992px) { .contain-left.vertical_thumbnail .woocommerce-product-gallery .flex-viewport { margin-bottom: 0; } .contain-left.vertical_thumbnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs { width: 121px; position: absolute; top: 0; left: -140px; flex-direction: column; max-height: 100%; overflow-y: auto; scrollbar-width: thin; } .contain-left.vertical_thumbnail.has-gallery .single-left { width: calc(47.1264368% - 140px); margin-left: 140px; } .contain-left.vertical_thumbnail.has-gallery .entry-summary { width: calc(52.8735632% - 40px); } } @media (max-width: 991px) { .contain-left .single-left, .contain-left .entry-summary { width: 100%; } .contain-left .single-left { margin-bottom: 30px; margin-right: 0; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger { display: none; } } @media (max-width: 767px) { .entry-summary .single-product-enquiry-wrap .modal-content { padding: 30px; } } /*woocommerce-tabs*/ .woocommerce-tabs { position: relative; padding: 30px 0 0; } /*.wc-tabs*/ .wc-tabs { list-style: none; padding: 0 0 35px; justify-content: center; display: flex; flex-wrap: wrap; column-gap: 40px; } .wc-tabs li { margin-bottom: 15px; } .wc-tabs li a { display: block; line-height: 20px; position: relative; padding: 0 0 5px; color: #000; text-decoration: none; } .wc-tabs li a::before { content: ''; border-bottom: 2px solid; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; transition: width 0.25s ease 0s; } .wc-tabs li a:hover::before { width: 100%; } .wc-tabs li.active a::before { width: 100%; } /*.woocommerce-Tabs-panel*/ .woocommerce-Tabs-panel { -webkit-box-shadow: none; box-shadow: none; max-width: 100%; margin: -1px auto 0; overflow: hidden; color: #000; } .woocommerce-Tabs-panel > h2 { display: none; } .woocommerce-Tabs-panel .woocommerce-noreviews { padding-bottom: 10px; } .woocommerce-Tabs-panel p:last-child { margin-bottom: 0; } .woocommerce-Tabs-panel table { margin-bottom: 0; } .woocommerce-Tabs-panel table th, .woocommerce-Tabs-panel table td { font-weight: 600; } .woocommerce-Tabs-panel table th p, .woocommerce-Tabs-panel table td p { margin-bottom: 0; } .wc-accordion-tabs { margin-top: 30px; } .wc-accordion-tabs .wc-accordion-item { margin-top: 15px; } .wc-accordion-tabs .wc-accordion-item .wc-accordion-title { font-size: 16px; line-height: 20px; padding: 15px 40px 15px 20px; border-radius: 10px; background-color: #fff; position: relative; display: block; text-decoration: none; } .wc-accordion-tabs .wc-accordion-item .wc-accordion-title::before { content: url("../images/icons/menu-arrow.svg"); position: absolute; top: 15px; right: 20px; } .wc-accordion-tabs .wc-accordion-item .wc-accordion-title.active::before { transform: rotate(180deg); } .wc-accordion-tabs .wc-accordion-item .wc-accordion-content { display: none; padding: 15px 20px; border-radius: 10px; background-color: #fff; margin-top: 15px; } .wc-accordion-tabs .wc-accordion-item .wc-accordion-content > h2:not(.woocommerce-Reviews-title) { display: none; } .wc-accordion-tabs .wc-accordion-item .wc-accordion-content p:last-child { margin-bottom: 0; } .wc-accordion-tabs .wc-accordion-item .wc-accordion-content table { margin-bottom: 0; } /*comment star*/ p.stars { line-height: 18px; display: inline-block; } p.stars a { font-size: 0; color: #ccc; display: inline-block; border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px; line-height: 13px; height: 13px; } p.stars a:last-child { border-right: none; padding-right: 0; margin-right: 0; } p.stars a.active { color: #F9C300; } p.stars a::before { font-family: 'FontAwesome', sans-serif; font-size: 13px; display: inline-block; } p.stars a.star-1::before { content: "\f005"; } p.stars a.star-2::before { content: "\f005\f005"; } p.stars a.star-3::before { content: "\f005\f005\f005"; } p.stars a.star-4::before { content: "\f005\f005\f005\f005"; } p.stars a.star-5::before { content: "\f005\f005\f005\f005\f005"; } .woo_related-product { order: 3; } .related.products > h2 { margin: 30px auto 30px; font-size: 24px; font-weight: 500; position: relative; } /* ========================================================================== 8.0 OTHER PAGE ========================================================================== */ /* ========================================================================== 8.1 CART PAGE ========================================================================== */ table.wc-block-cart-items thead { background-color: transparent; } table.wc-block-cart-items a { text-decoration: none; } .wc-block-cart__submit-button { background-color: var(--aldstore-primary-color); color: #fff; text-decoration: none; } .wc-block-cart__submit-button:hover { background-color: var(--aldstore-secondary-color); color: #fff; } @media (min-width: 700px) { .wc-block-cart__main .wc-block-cart-items td.wc-block-cart-item__image { padding-left: 0; } } #shipping_method { padding-left: 0; list-style: none; } #shipping_method li { margin-bottom: 15px; } #shipping_method li:last-child { margin-bottom: 0; } #shipping_method input[type="radio"] { display: none; } #shipping_method label { position: relative; padding-left: 23px; font-weight: 600; color: #000000; cursor: pointer; } #shipping_method input[type="radio"] + label::before { content: ''; display: inline-block; width: 15px; height: 15px; border: 1px solid #D9D9D9; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #shipping_method input[type="radio"]:checked + label::before { border-color: #2879FE; } #shipping_method input[type="radio"]:checked + label::after { content: ''; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background-color: #2879FE; position: absolute; left: 3px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cart-collaterals { display: inline-block; width: 100%; padding-top: 40px; } .cart-collaterals .cross-sells { padding-bottom: 40px; } .cross-sells > h2 { font-size: 24px; font-weight: 500; color: #000000; margin-top: 0; margin-bottom: 35px; } .shop_table .variation, .shop_table .variation dd, .shop_table .variation p:last-child { margin-bottom: 0; } .shop_table thead tr th { border-bottom: 0; border-top: 0; } .shop_table tr td.product-remove, .shop_table tr th.product-remove { border-right: 0; border-top: 0; border-left: 0; text-align: center; } .shop_table tr td.product-remove .remove, .shop_table tr th.product-remove .remove { font-size: 0; } .shop_table tr td.product-remove .remove::before, .shop_table tr th.product-remove .remove::before { content: url("../images/icons/product-remove.svg"); } .shop_table tr td.product-remove .remove:hover::before, .shop_table tr th.product-remove .remove:hover::before { content: url("../images/icons/product-remove-hover.svg"); } .shop_table tr td.product-thumbnail, .shop_table tr th.product-thumbnail { border-right: 0; border-left: 0; } .shop_table tr:first-child td, .shop_table tr:first-child th { border-top: 0; } .shop_table .product-name { color: #000; } .shop_table .product-name a:not(.button) { font-size: 16px; line-height: 20px; text-transform: capitalize; font-weight: normal; color: #000; } .shop_table .product-name a:not(.button):hover { color: var(--aldstore-secondary-color); } .shop_table .product-thumbnail { width: 120px; } .shop_table .product-thumbnail img { max-width: 100px; min-width: 60px; } .woocommerce-cart-form .shop_table { margin-bottom: 0; border: none; } .woocommerce-cart-form .shop_table thead { background-color: transparent; position: relative; } .woocommerce-cart-form .shop_table thead::before { content: ''; background-color: var(--aldstore-secondary-color); border-radius: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .woocommerce-cart-form .shop_table thead th { font-size: 18px; line-height: 23px; color: #000000; padding-top: 20px; padding-bottom: 19px; text-transform: capitalize; font-weight: 600; border: none; } .woocommerce-cart-form .shop_table thead th.product-name { text-align: left; } .woocommerce-cart-form .shop_table tr { position: relative; } .woocommerce-cart-form .shop_table td { padding-top: 30px; padding-bottom: 30px; border-left: none; border-right: none; border-color: #D9D9D9; } .woocommerce-cart-form .shop_table .product-remove { position: absolute; right: 0; height: 100%; display: flex; align-items: center; justify-content: center; } .woocommerce-cart-form .shop_table .product-thumbnail { padding-left: 0; } .woocommerce-cart-form .shop_table td.product-quantity, .woocommerce-cart-form .shop_table td.product-price, .woocommerce-cart-form .shop_table td.product-subtotal { font-size: 16px; color: #000000; } .woocommerce-cart-form .shop_table td.product-subtotal { font-weight: 500; } .woocommerce-cart-form .shop_table .actions { padding: 30px 0 0; overflow: hidden; border: 0; } .woocommerce-cart-form .shop_table .actions label { display: none; } .woocommerce-cart-form .shop_table .actions .coupon { position: relative; max-width: 100%; width: 512px; float: left; margin-bottom: 15px; } .woocommerce-cart-form .shop_table .actions .coupon button.button { position: absolute; top: 0; right: 0; background-color: transparent; color: #000; width: auto; } .woocommerce-cart-form .shop_table .actions #coupon_code { width: 100%; color: #B5B5B5; border-color: #D9D9D9; height: 46px; line-height: 46px; } .woocommerce-cart-form .shop_table .actions button.button { display: inline-block; padding: 0 24px; text-align: center; height: 46px; line-height: 46px; } .woocommerce-cart-form .shop_table .actions > button.button { float: right; margin-bottom: 15px; } .cart_totals { position: relative; border: 1px solid #D9D9D9; border-radius: 0; padding: 20px; background-color: #fff; } .cart_totals > h2 { font-size: 20px; font-weight: 600; margin: 0 0 25px; } .cart_totals .shop_table { border: none; margin-bottom: 0; line-height: 20px; background-color: #F8F8F8; } .cart_totals .shop_table tr th, .cart_totals .shop_table tr td { border: 0; padding: 17px 15px; } .cart_totals .shop_table tr:first-child th, .cart_totals .shop_table tr:first-child td { padding-top: 25px; } .cart_totals .shop_table tr:last-child th, .cart_totals .shop_table tr:last-child td { padding-bottom: 25px; } .cart_totals .shop_table tr th { width: 35%; vertical-align: top; font-size: 16px; font-weight: 400; color: #000; border-right: 0; } .cart_totals .shop_table tr td { vertical-align: top; font-size: 16px; color: #000000; border-left: 0; text-align: right; } .cart_totals .shop_table tr.order-total th { font-size: 16px; } .cart_totals .shop_table tr.order-total strong { font-weight: normal; } .woocommerce-shipping-calculator > p { margin-bottom: 0; } .woocommerce-shipping-calculator > .shipping-calculator-form { margin-top: 26px; } .woocommerce-shipping-destination { font-weight: 600; margin-bottom: 10px; } .woocommerce-shipping-destination strong { font-weight: 600; } .shipping-calculator-button { color: #DD2831; font-weight: 600; } .shipping-calculator-form { text-align: left; } .shipping-calculator-form .select2-container { font-size: 14px; } .shipping-calculator-form input { background-color: #fff; padding-left: 10px; padding-right: 10px; font-size: 14px; } .shipping-calculator-form .form-row > label { font-size: 14px; } .shipping-calculator-form .button { display: inline-block; min-width: 160px; height: 42px; line-height: 42px; padding: 0 15px; text-align: center; } body .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 23px; } body .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow { width: 23px; } body .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow b::before { right: 10px; } .wc-proceed-to-checkout { text-align: center; } .wc-proceed-to-checkout .checkout-button { display: block; background-color: var(--aldstore-primary-color); height: 45px; line-height: 45px; color: #fff; margin-top: 30px; } .wc-proceed-to-checkout .checkout-button:hover { background-color: var(--aldstore-secondary-color); } body.woocommerce-cart .wp-block-woocommerce-cart table thead { background: none; } body.woocommerce-cart .cart-empty { font-size: 38px; line-height: 1.2; background-color: #fff; padding: 90px 15px 25px; text-align: center; margin-bottom: 0; border: none; } body.woocommerce-cart .return-to-shop { text-align: center; padding: 0 15px 90px; background-color: #fff; } body.woocommerce-cart .return-to-shop a { padding: 0 30px; text-align: center; background-color: var(--aldstore-secondary-color); height: 40px; line-height: 40px; color: #fff; display: inline-block; font-size: 16px; border-radius: 6px; } body.woocommerce-cart .return-to-shop a:hover { background-color: var(--aldstore-primary-color); } body.woocommerce-cart .shop_table tr td.product-name, body.woocommerce-cart .shop_table tr th.product-name { border-left: 0; border-right: 0; } body.woocommerce-cart .shop_table tr td.product-subtotal, body.woocommerce-cart .shop_table tr th.product-subtotal { border-right: 0; padding-right: 50px; } body.woocommerce-cart .no-sidebar .woocommerce-cart-form { float: left; display: inline-block; width: calc(100% - 390px); } body.woocommerce-cart .no-sidebar .cart-collaterals { display: inline-block; width: 390px; padding-left: 30px; padding-top: 0; } @media (max-width: 1199px) { body.woocommerce-cart .no-sidebar .woocommerce-cart-form { width: 100%; float: none; } body.woocommerce-cart .no-sidebar .cart-collaterals { width: 100%; padding-left: 0; float: none; margin-top: 25px; } .shop_table td, .shop_table th { border-color: #D9D9D9; padding: 15px; } .woocommerce-cart-form { width: 100%; } .cart-collaterals { width: 100%; padding-left: 0; padding-top: 40px; } } @media (max-width: 991px) { body.woocommerce-cart .cart-title { border-bottom: 1px solid #D9D9D9; padding: 20px 15px; letter-spacing: 0.1em; } body.woocommerce-cart .cart-empty { font-size: 26px; } body.woocommerce-cart .shop_table tr td.product-subtotal, body.woocommerce-cart .shop_table tr th.product-subtotal { padding-right: 15px; } .woocommerce-cart-form .shop_table { display: block; } .woocommerce-cart-form .shop_table tbody, .woocommerce-cart-form .shop_table tr, .woocommerce-cart-form .shop_table tr td, .woocommerce-cart-form .shop_table tr th { display: inline-block; width: 100%; border-left: 0; border-right: 0; border-top: 0; } .woocommerce-cart-form .shop_table tr:not(:last-child) { border: 1px solid #D9D9D9; border-radius: 0; margin-bottom: 15px; padding: 0 15px; } .woocommerce-cart-form .shop_table thead { display: none; } .cart_totals .shop_table tr:first-child td, .cart_totals .shop_table tr:first-child th, .woocommerce-cart-form .shop_table tr:first-child td, .woocommerce-cart-form .shop_table tr:first-child th { padding-top: 15px; } .woocommerce-cart-form .shop_table .product-name { margin-bottom: 0; padding: 15px 22px 15px 120px; min-height: 130px; } .woocommerce-cart-form .shop_table .product-thumbnail { border: none; padding: 0 !important; position: absolute; top: 20px; width: auto !important; } .woocommerce-cart-form .shop_table .product-remove { border: none; padding: 0 !important; height: auto; width: auto !important; top: 15px; right: 15px; } .woocommerce-cart-form .shop_table .product-price { padding: 15px 0; } .woocommerce-cart-form .shop_table .product-price::before { content: attr(data-title); } .woocommerce-cart-form .shop_table .product-price .amount { float: right; } .woocommerce-cart-form .shop_table .product-quantity { padding: 15px 0; } .woocommerce-cart-form .shop_table .product-quantity::before { content: attr(data-title); } .woocommerce-cart-form .shop_table .product-quantity div.quantity { float: right; } .woocommerce-cart-form .shop_table .product-quantity div.quantity .control { width: 90px; height: 30px; line-height: 30px; } .woocommerce-cart-form .shop_table .product-quantity div.quantity .btn-number { width: 30px; height: 30px; } .woocommerce-cart-form .shop_table .product-quantity div.quantity .input-qty { width: 28px; height: 30px; line-height: 30px; } .woocommerce-cart-form .shop_table .product-subtotal { border-bottom: none; padding: 15px 0; } .woocommerce-cart-form .shop_table .product-subtotal::before { content: attr(data-title); } .woocommerce-cart-form .shop_table .product-subtotal .amount { float: right; } .woocommerce-cart-form .shop_table .actions { padding-top: 25px; display: flex; flex-direction: column; } .woocommerce-cart-form .shop_table .actions .coupon, .woocommerce-cart-form .shop_table .actions button.button { float: none; width: 100%; order: 2; } .woocommerce-cart-form .shop_table .actions .coupon button.button, .woocommerce-cart-form .shop_table .actions #coupon_code { padding: 0 15px; } .woocommerce-cart-form .shop_table tr td { border-top: 0; } .cart_totals { padding: 20px 15px; } .cart_totals .shop_table tr th { border-top: 0; } } /* ========================================================================== 8.2 CHECKOUT PAGE ========================================================================== */ .woocommerce-form__label-for-checkbox > span { position: relative; font-size: 16px; padding-left: 30px; } .woocommerce-form__label-for-checkbox > span::before { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 0; border: 1px solid #D9D9D9; background-color: #fff; border-radius: 0; } .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox { display: none; } .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span::after { content: "\f00c"; font-family: 'FontAwesome', sans-serif; display: inline-block; position: absolute; left: 0; top: 0; color: var(--aldstore-secondary-color); font-size: 13px; line-height: 20px; width: 20px; text-align: center; } #payment ul { padding: 30px 0 35px; list-style: none; } #payment .input-radio { display: none; } #payment .input-radio ~ label { position: relative; padding-left: 23px; color: #000000; margin-bottom: 0; cursor: pointer; font-size: 16px; line-height: 20px; font-family: inherit; } #payment .input-radio ~ label::before { content: ''; display: inline-block; width: 15px; height: 15px; border: 1px solid #D9D9D9; position: absolute; left: 0; top: 2px; background-color: #fff; border-radius: 50%; } #payment .input-radio:checked + label::before { border-color: #2879FE; } #payment .input-radio:checked + label::after { content: ''; display: inline-block; width: 9px; height: 9px; position: absolute; left: 3px; top: 5px; background-color: #2879FE; border-radius: 50%; } /*SELECT2 RESET*/ body .select2-container { width: 100% !important; } body .select2-container .select2-choice .select2-arrow b:after { border: none; font-family: 'FontAwesome', sans-serif; content: "\f107"; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; margin-left: -15px; } body .select2-dropdown { border: 1px solid #D9D9D9; border-radius: 0; } body .select2-dropdown .select2-search .select2-search__field { background-color: #ffffff; padding: 0 16px; height: 40px; line-height: 40px; } body .select2-dropdown .select2-result { color: #888888; } body .select2-container--default .select2-selection--single { height: 50px; line-height: 50px; border: 1px solid #D9D9D9; background-color: #fff; border-radius: 0; } body .select2-container--default .select2-selection--single .select2-selection__rendered { color: #666666; line-height: 50px !important; padding-left: 25px; padding-right: 40px; } body .select2-container--default .select2-selection--single .select2-selection__clear { font-size: 26px; font-weight: 400; position: relative; top: -3px; } body .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; width: 50px; } body .select2-container--default .select2-selection--single .select2-selection__arrow b { position: static; border: none; } body .select2-container--default .select2-selection--single .select2-selection__arrow b::before { display: block; content: ''; width: 9px; height: 9px; border-width: 1px; border-style: solid; border-color: #848484 #848484 transparent transparent; position: absolute; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); right: 21px; top: 16px; } body .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #e6e6e6; } body .select2-container--default .select2-results__option--highlighted[aria-selected], body .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #f0f2f5; color: #000000; } body .select2-container--default .select2-results__option[aria-selected="true"], body .select2-container--default .select2-results__option[data-selected="true"] { color: #000000; } body .select2-results__option { padding: 0 15px; height: 40px; line-height: 40px; white-space: nowrap; } .checkout_coupon { overflow: hidden; padding: 30px 30px 5px 30px; background-color: #fff; border: 1px solid #D9D9D9; margin-bottom: 30px; } .checkout_coupon .button { background-color: var(--aldstore-secondary-color); height: 50px; line-height: 50px; display: inline-block; padding: 0 30px; font-weight: 400; } .checkout_coupon .button:hover { background-color: var(--aldstore-primary-color); } form.woocommerce-checkout { position: relative; } form.woocommerce-checkout::before, form.woocommerce-checkout::after { content: ''; display: table; } form.woocommerce-checkout::after { clear: both; } .validate-required label .required { display: none; } .validate-required label::after { content: '*'; color: #DD2831; } /*.woocommerce-billing-fields*/ .woocommerce-billing-fields > h3 { font-size: 24px; font-weight: 600; margin: 0 0 30px; line-height: 30px; } .woocommerce-billing-fields__field-wrapper::before, .woocommerce-billing-fields__field-wrapper::after { content: ''; display: table; } .woocommerce-billing-fields__field-wrapper::after { clear: both; } /*woocommerce-account-fields*/ .woocommerce-account-fields > p { margin-bottom: 10px; } .woocommerce-account-fields #account_password_field { margin-bottom: 0; } .form-row { margin-bottom: 30px; display: inline-block; vertical-align: top; width: 100%; } .form-row:last-child { margin-bottom: 0; } .form-row > label { display: block; margin-bottom: 10px; text-align: left; font-size: 16px; line-height: 20px; font-weight: 400; } .woocommerce-input-wrapper > input, .form-row .password-input input, .form-row > input { width: 100%; height: 50px; line-height: 50px; border-color: #D9D9D9; } .form-row-first { float: left; width: calc(50% - 15px); } .form-row-last { float: right; width: calc(50% - 15px); } /*.woocommerce-shipping-fields*/ #customer_details .col-1 { position: relative; width: 100%; } #customer_details .col-2 { width: 100%; margin-top: 30px; display: inline-block; } .woocommerce-shipping-fields #ship-to-different-address { font-size: 14px; margin-top: 0; margin-bottom: 30px; } .woocommerce-shipping-fields #ship-to-different-address label { color: inherit; margin: 0; } .woocommerce-shipping-fields .shipping_address { padding-top: 20px; } #order_comments { height: 250px; padding: 15px 25px; } /*#order_review*/ #order_review_heading { font-size: 20px; font-weight: 600; margin: 0 0 5px; } #order_review .shop_table { border: none; line-height: 20px; color: #000; display: block; border-bottom: 1px solid #D9D9D9; margin-bottom: 0; } #order_review .shop_table td, #order_review .shop_table th { border: none; } #order_review .shop_table tr { display: flex; align-items: center; justify-content: space-between; } #order_review .shop_table tr th, #order_review .shop_table tr td { border-left: 0; border-right: 0; padding: 15px 0; font-size: 16px; } #order_review .shop_table tr th { vertical-align: top; width: 30%; } #order_review .shop_table tr.order-total td, #order_review .shop_table tr.shipping td { border-color: #D9D9D9; } #order_review .shop_table tr.shipping td, #order_review .shop_table tr.cart-subtotal td, #order_review .shop_table tr.order-total td, #order_review .shop_table tr .product-total { text-align: right; } #order_review .shop_table tfoot, #order_review .shop_table thead { display: block; } #order_review .shop_table tfoot tr th, #order_review .shop_table tfoot tr td, #order_review .shop_table thead tr th, #order_review .shop_table thead tr td { padding: 30px 0; } #order_review .shop_table tfoot tr:not(:last-child), #order_review .shop_table thead tr:not(:last-child) { border-bottom: 1px solid #D9D9D9; } #order_review .shop_table tfoot { position: relative; font-size: 16px; color: #000000; } #order_review .shop_table tfoot th { font-weight: 400; } #order_review .shop_table tfoot::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-top: 1px solid #D9D9D9; } #order_review .shop_table tfoot tr.shipping p:last-child { margin-bottom: 0; } #order_review .shop_table tfoot tr.order-total th, #order_review .shop_table tfoot tr.order-total td { padding: 30px 0; } #order_review .shop_table tbody { display: block; } #order_review .shop_table tbody tr td { border-color: transparent; } #order_review .shop_table tbody:first-child td, #order_review .shop_table tbody:first-child th { padding-top: 30px; } #order_review .shop_table tbody:last-child td, #order_review .shop_table tbody:last-child th { padding-bottom: 30px; } #order_review .shop_table thead { background-color: transparent; border-bottom: 1px solid #D9D9D9; } #order_review .shop_table thead tr th { color: #000000; font-weight: 600; } #order_review .shop_table .product-name { text-transform: inherit; } #order_review .shop_table td.product-name { color: inherit; font-weight: 400; overflow: hidden; margin-bottom: 0; padding-right: 10px; } #order_review .shop_table td.product-name img { margin-right: 15px; border-radius: 5px; float: left; } #order_review .shop_table td.product-name .product-quantity { font-weight: 400; } .place-order .woocommerce-terms-and-conditions-wrapper { padding: 0 0 5px; } #place_order { width: 100%; height: 45px; line-height: 45px; } #place_order:hover { background-color: var(--aldstore-secondary-color); } .wc_payment_method:not(:last-child) { padding-bottom: 15px; } .payment_box { background-color: #eee; position: relative; padding: 15px; margin-top: 18px; line-height: 20px; } .payment_box p:last-child { margin-bottom: 0; } .payment_box::before { content: ''; border-width: 0 9px 10px 9px; border-style: solid; border-color: transparent transparent #eee transparent; position: absolute; top: -10px; left: 25px; } .aldstore-order-review { border: 1px solid #D9D9D9; padding: 35px; } .no-sidebar form.woocommerce-checkout { overflow: hidden; } .no-sidebar #customer_details { float: left; width: calc(100% - 520px); } .no-sidebar .aldstore-order-review { float: right; width: 490px; margin-left: 30px; background-color: #fff; } .woocommerce-order .woocommerce-notice { font-size: 16px; color: var(--aldstore-secondary-color); background-color: #fff; padding: 14px 30px 13px; } .woocommerce-order .woocommerce-order-overview { margin-bottom: 15px; } .woocommerce-order .woocommerce-order-details { border: 1px solid #D9D9D9; background-color: #fff; padding: 35px; margin-bottom: 30px; } .woocommerce-order .woocommerce-order-details .shop_table { border: none; margin-bottom: 0; } .woocommerce-order .woocommerce-order-details .shop_table thead { position: relative; background-color: transparent; } .woocommerce-order .woocommerce-order-details .shop_table thead::before { content: ''; background-color: #fff; border-radius: 15px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; } .woocommerce-order .woocommerce-order-details .shop_table tbody tr:first-child td, .woocommerce-order .woocommerce-order-details .shop_table tbody tr:first-child th, .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:first-child td, .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:first-child th { border-top: 0; } .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child td, .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child th { border-bottom: 0; } .woocommerce-order .woocommerce-order-details .shop_table tr th, .woocommerce-order .woocommerce-order-details .shop_table tr td { border-left: 0; border-right: 0; padding: 17px 25px; color: #000000; } .woocommerce-order .woocommerce-order-details .shop_table tr th.product-name { font-weight: 600; } .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title { font-size: 20px; font-weight: 600; margin: 0 0 30px; } .woocommerce-order .woocommerce-customer-details { border: 1px solid #d9d9d9; padding: 35px 35px 20px; background-color: #fff; } .woocommerce-order .woocommerce-customer-details .woocommerce-columns { display: flex; flex-wrap: wrap; } .woocommerce-order .woocommerce-customer-details .col-2, .woocommerce-order .woocommerce-customer-details .col-1 { width: 50%; } .woocommerce-order .woocommerce-customer-details .woocommerce-column__title { font-size: 18px; font-weight: 600; margin: 0 0 20px; } .woocommerce-order .woocommerce-customer-details address p { margin-bottom: 10px; } @media (max-width: 1199px) { .no-sidebar #customer_details { float: none; width: 100%; } .no-sidebar .aldstore-order-review { float: none; width: 100%; margin-left: 0; } .checkout_coupon { padding: 20px 15px 0 15px; } #customer_details { width: 100%; padding-right: 0; margin-bottom: 40px; } .aldstore-order-review { width: 100%; } .woocommerce-order .woocommerce-order-details .shop_table tr th, .woocommerce-order .woocommerce-order-details .shop_table tr td { padding: 15px; } } @media (max-width: 991px) { .form-row-first, .form-row-last { width: 100%; float: none; } .aldstore-order-review { padding-left: 15px; padding-right: 15px; } #customer_details .col-2 { margin-top: 30px; } .woocommerce-account-fields > p { margin-top: 20px; } .woocommerce-billing-fields #billing_state_field, .woocommerce-billing-fields #billing_postcode_field, .woocommerce-billing-fields #billing_phone_field, .woocommerce-billing-fields #billing_email_field { width: 100%; } .woocommerce-billing-fields #billing_state_field, .woocommerce-billing-fields #billing_phone_field { margin-right: 0; } .woocommerce-order .woocommerce-order-details { padding: 30px 15px 10px; } .woocommerce-order .woocommerce-order-details .shop_table thead { display: none; } .woocommerce-order .woocommerce-order-details .shop_table tfoot tr:last-child th { border-bottom: 1px solid #D9D9D9; } .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title { text-align: center; } .woocommerce-order .woocommerce-customer-details .col-2, .woocommerce-order .woocommerce-customer-details .col-1 { width: 100%; } .woocommerce-order .woocommerce-customer-details .col-1 { margin-bottom: 15px; } #order_review .shop_table td.product-name img { display: none; } } /* ========================================================================== 8.3 MY ACCOUNT PAGE ========================================================================== */ body .user-role .radio { display: inline-block; padding: 0 20px; } body.woocommerce-account .woocommerce::before, body.woocommerce-account .woocommerce::after { content: ''; display: table; } body.woocommerce-account .woocommerce::after { clear: both; } body.woocommerce-account .woocommerce-notices-wrapper ~ h2 { margin-top: 0; margin-bottom: 0; font-size: 22px; padding: 30px; font-weight: 600; border: 1px solid #D9D9D9; border-bottom: none; background-color: #fff; } body.woocommerce-account .woocommerce-notices-wrapper ~ .woocommerce-form-login { padding: 0 30px 30px 30px; border: 1px solid #D9D9D9; background-color: #fff; border-top: none; } /*LOGIN*/ .woocommerce-privacy-policy-text { max-width: 569px; line-height: 20px; margin-bottom: 30px; } .woocommerce-privacy-policy-text a { color: #2879FE; } #customer_login { overflow: hidden; color: #000; display: flex; flex-wrap: wrap; gap: 30px; } #customer_login .col-1, #customer_login .col-2 { width: calc(50% - 15px); min-height: 413px; border: 1px solid #D9D9D9; background-color: #fff; } #customer_login > div > .woocommerce-form { padding: 0 30px 30px; } #customer_login > div > h2 { margin-top: 0; margin-bottom: 0; font-size: 22px; padding: 30px; font-weight: 600; } .password-input { position: relative; display: block; } .password-input .show-password-input { background: none; position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 50px; } .password-input .show-password-input::before { content: url("../images/icons/eye-password-show.svg"); position: relative; top: 3px; } .password-input .show-password-input.display-password::before { content: url("../images/icons/eye-password-hide.svg"); } form.woocommerce-form-login .form-row:not(.form-row-wide), form.register .form-row:not(.form-row-wide) { overflow: hidden; display: inline-block; width: 100%; vertical-align: top; } form.woocommerce-form-login .button, form.register .button { float: left; background-color: var(--aldstore-primary-color); display: inline-block; padding: 0 30px; font-size: 16px; } form.woocommerce-form-login .button:hover, form.register .button:hover { background-color: var(--aldstore-secondary-color); } form.woocommerce-form-login .woocommerce-form__label { cursor: pointer; font-size: 16px; position: relative; font-weight: normal; display: inline-block; vertical-align: top; margin: 10px 0 0 20px; } form.woocommerce-form-login .lost_password { margin-bottom: 0; margin-top: -15px; line-height: 20px; } form.woocommerce-form-login .lost_password a { color: var(--aldstore-secondary-color); vertical-align: top; } .woocommerce-account.logged-in .page-main-content > .woocommerce { display: flex; border: 1px solid #D9D9D9; background-color: #fff; } .woocommerce-MyAccount-content { width: 83%; padding: 40px 30px 30px 30px; } .woocommerce-MyAccount-navigation { width: 17%; padding: 30px 30px 30px 30px; border-right: 1px solid #D9D9D9; min-width: 220px; } .woocommerce-MyAccount-navigation > ul { list-style: none; padding: 0; } .woocommerce-MyAccount-navigation > ul li { margin-bottom: 15px; } .woocommerce-MyAccount-navigation > ul li:last-child { margin-bottom: 0; } .woocommerce-MyAccount-navigation > ul li a { font-weight: 600; padding: 10px 20px; line-height: 20px; display: block; text-decoration: none; } .woocommerce-MyAccount-navigation > ul li.is-active a { color: #fff; background-color: var(--aldstore-primary-color); } .woocommerce-dashboard .woocommerce-MyAccount-content p { max-width: 871px; } .woocommerce-MyAccount-content { color: #000; } .woocommerce-MyAccount-content p { line-height: 20px; } .woocommerce-MyAccount-content .form-row label { display: block; } .woocommerce-MyAccount-content .form-row input { width: 100%; } .woocommerce-MyAccount-content fieldset { width: 100%; margin-top: 30px; margin-bottom: 30px; } .woocommerce-MyAccount-content fieldset legend { color: #000000; display: block; border-bottom: none; } .woocommerce-MyAccount-content fieldset ~ p .woocommerce-Button:hover { background-color: var(--aldstore-secondary-color); } .woocommerce-MyAccount-content h3 { margin: 0 0 20px; } #account_display_name_description { margin-top: 10px; display: block; } .woocommerce-Address { margin-bottom: 30px; padding: 25px 15px; border: 1px solid #E5E5E5; margin-top: 30px; position: relative; width: 100%; } .woocommerce-Address .woocommerce-Address-title > h3 { font-size: 18px; } /*.woocommerce-password*/ .woocommerce-password-strength { margin-top: 15px; padding-bottom: 10px; margin-bottom: 10px; position: relative; } .woocommerce-password-strength::before { content: ''; display: block; height: 4px; width: 100%; background-color: #c2c2c2; position: absolute; left: 0; bottom: 0; } .woocommerce-password-strength::after { content: ''; display: block; height: 4px; position: absolute; left: 0; bottom: 0; } .woocommerce-password-strength.short::after { background-color: #f44336; width: 25%; } .woocommerce-password-strength.bad::after { background-color: #ff9800; width: 50%; } .woocommerce-password-strength.good::after { background-color: #2196F3; width: 75%; } .woocommerce-password-strength.strong::after { background-color: #2b952f; width: 100%; } .woocommerce-ResetPassword .form-row { float: none; } .woocommerce-ResetPassword .form-row .woocommerce-Button { height: 54px; line-height: 54px; min-width: 150px; } .woocommerce-ResetPassword .form-row .woocommerce-Button:hover { background-color: var(--aldstore-secondary-color); } @media (max-width: 1199px) { body.woocommerce-account .woocommerce-notices-wrapper ~ h2, body.woocommerce-account .woocommerce-notices-wrapper ~ .woocommerce-form-login { padding-left: 15px; padding-right: 15px; } .checkout_coupon { padding-left: 15px; padding-right: 15px; } #customer_login > div > .woocommerce-form, #customer_login > div > h2 { padding-left: 15px; padding-right: 15px; } } @media (max-width: 991px) { #customer_login .col-1, #customer_login .col-2 { width: 100%; min-height: 0; } .woocommerce-account.logged-in .page-main-content > .woocommerce { flex-wrap: wrap; } .woocommerce-MyAccount-navigation { width: 100%; padding: 30px 15px; border-right: none; } .woocommerce-MyAccount-content { width: 100%; padding: 0 15px 20px 15px; } } @media (max-width: 479px) { #customer_login .woocommerce-form__label { float: none; } #customer_login .woocommerce-Button { float: none; } } /* ========================================================================== 8.4 TRACK YOUR ORDER ========================================================================== */ .track_order { border: 1px solid #D9D9D9; padding: 35px 30px 40px 30px; background-color: #fff; } .track_order .form-row { margin-bottom: 0; margin-top: 30px; float: none; } .track_order p:first-child { margin-bottom: 0; } .track_order .form-row-first, .track_order .form-row-last { width: 100%; } .track_order .button { padding: 0 30px; } .track_order .button:hover { background-color: var(--aldstore-secondary-color); } /* ========================================================================== 8.5 PAGE 404 ========================================================================== */ .main-container.error-404 .subtitle { margin-bottom: 25px; } .main-container.error-404 .search-form { width: 320px; max-width: 100%; position: relative; } .main-container.error-404 .search-form .search-field { width: 100%; padding-right: 100px; } .main-container.error-404 .search-form .search-submit { vertical-align: top; background-color: var(--aldstore-secondary-color); position: absolute; top: 0; right: 0; } /* ========================================================================== 9.0 ELEMENTOR ========================================================================== */ .aldstore-category { position: relative; } .aldstore-category .category-thumb-wrap { position: relative; padding-bottom: 100%; overflow: hidden; border-radius: 10px; } .aldstore-category .category-thumb-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover; transition: all 0.25s ease 0s; } .aldstore-category .category-title { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; margin: 0; padding: 10px; background: #FFFFFF66; backdrop-filter: blur(10px); font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; border-radius: 0 0 10px 10px; } .aldstore-category .category-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; border-radius: 10px; } .aldstore-category:hover img { transform: scale(1.02); } .aldstore-marquee { font-size: 18px; line-height: 21px; color: #000; display: flex; align-items: center; overflow: hidden; } .aldstore-marquee .marquee-animated { flex: 0 0 auto; display: flex; align-items: center; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 30s; animation-play-state: running; width: max-content; will-change: transform, width; animation-name: scrolling-left; } .aldstore-marquee .marquee-animated span { padding: 0 35px; } @keyframes scrolling-left { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } .aldstore-testimonials.style-01 { background-color: #fff; padding: 15px; border-radius: 10px; } .aldstore-testimonials.style-01 .testimonials-inner { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; } .aldstore-testimonials.style-01 .testimonials-inner .testimonials-avatar { min-width: 116px; } .aldstore-testimonials.style-01 .testimonials-inner .testimonials-avatar .avatar-wrap { padding-bottom: 100%; position: relative; border-radius: 5px; overflow: hidden; } .aldstore-testimonials.style-01 .testimonials-inner .testimonials-avatar .avatar-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .aldstore-testimonials.style-01 .testimonials-inner .testimonials-info .testimonials-name { font-size: 18px; font-weight: 500; line-height: 21px; margin-top: 0; margin-bottom: 10px; } .aldstore-testimonials.style-01 .testimonials-inner .testimonials-info .testimonials-title { line-height: 20px; margin-top: 10px; } .aldstore-testimonials.style-01 .desc { color: #000; line-height: 20px; } .aldstore-testimonials.style-01 .desc p:last-child { margin-bottom: 0; } .aldstore-testimonials.style-02 { padding: 30px 20px 0; background-color: #fff; border-radius: 10px; display: flex; flex-wrap: wrap; margin-top: 82px; } .aldstore-testimonials.style-02 .testimonials-inner { position: relative; width: 52.8571429%; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-avatar { position: absolute; right: 0; bottom: 0; width: 51.8018018%; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-avatar .avatar-wrap { padding-bottom: 148.6956522%; width: 100%; right: 0; bottom: 0; position: absolute; overflow: hidden; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-avatar .avatar-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-info { display: flex; flex-direction: column; padding-top: 55px; width: 48.1981982%; height: 100%; position: relative; background-image: url("../images/quote-icon.jpg"); background-repeat: no-repeat; background-position: bottom right; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-info .testimonials-name { font-size: 18px; font-weight: 700; line-height: 21px; margin-top: 0; margin-bottom: 10px; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-info .testimonials-title { line-height: 19px; color: #000000; margin-bottom: 10px; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-info .rating-wrapper { order: 3; } .aldstore-testimonials.style-02 .desc { color: #000; line-height: 20px; font-style: italic; width: 47.1428571%; padding: 35px 0 35px 22px; } .aldstore-testimonials.style-02 .desc p:last-child { margin-bottom: 0; } @media (max-width: 1366px) { .aldstore-testimonials.style-02 .testimonials-inner { width: 100%; max-width: 444px; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-info { padding-bottom: 89px; } .aldstore-testimonials.style-02 .desc { width: 100%; padding: 20px 0 30px; } } @media (max-width: 767px) { .aldstore-testimonials.style-01 .testimonials-inner { flex-wrap: wrap; } .aldstore-testimonials.style-01 .testimonials-inner .testimonials-info .testimonials-name { font-size: 16px; } .aldstore-testimonials.style-02 { padding-top: 0; } .aldstore-testimonials.style-02 .testimonials-inner { max-width: 100%; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-avatar { position: relative; width: 230px; margin-top: -82px; max-width: 100%; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-avatar .avatar-wrap { position: relative; } .aldstore-testimonials.style-02 .testimonials-inner .testimonials-info { width: 100%; padding-top: 20px; padding-bottom: 0; height: auto; } } .aldstore-iconbox { display: flex; align-items: center; overflow: hidden; } .aldstore-iconbox .iconbox-animated { display: flex; align-items: center; justify-content: space-between; width: 100%; } .aldstore-iconbox .iconbox-animated .iconbox { line-height: 20px; color: #000; } .aldstore-iconbox .iconbox-animated .iconbox strong { font-weight: 500; padding: 0 5px; } .aldstore-iconbox .iconbox-animated + .iconbox-animated { display: none; } @media (max-width: 1366px) { .aldstore-iconbox .iconbox-animated { flex: 0 0 auto; display: flex; align-items: center; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 30s; animation-play-state: running; width: max-content; will-change: transform, width; animation-name: scrolling-left; } .aldstore-iconbox .iconbox-animated .iconbox { padding: 0 27px; } .aldstore-iconbox .iconbox-animated + .iconbox-animated { display: flex; } }