/* Theme Name: Acoustics WooCommerce styles override */ /*-------------------------------------------------------------- # Global --------------------------------------------------------------*/ .quantity{ width: 110px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--theme--border-color); border-radius: var(--theme--button-border-radius); } .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button { appearance: none; -webkit-appearance: none; margin: 0; } .quantity input[type=number] { border: 0px; width: 35px; height: 25px; padding: 0px; text-align: center; appearance: textfield; background: transparent; -moz-appearance: textfield; } .quantity button[type="button"]{ width: 40px; height: 40px; border: unset; padding: 8px; background: transparent; color: var(--theme--base-color); display: flex; align-items: center; justify-content: center; } /*-------------------------------------------------------------- # Account --------------------------------------------------------------*/ .woocommerce .woocommerce-form-login { max-width: 480px; } .woocommerce .woocommerce-form-login .woocommerce-form-row{ display: flex; flex-direction: column; } .woocommerce .woocommerce-form-login .password-input input{ width: 100%; } .woocommerce .woocommerce-form-login .form-row:not(.woocommerce-form-row){ display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 10px; } .woocommerce-account.logged-in .entry-content>.woocommerce{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } .woocommerce-MyAccount-navigation{ flex: 0 0 25%; padding: 0 15px; border: 1px solid var(--theme--border-color); } .woocommerce-MyAccount-content{ flex: 1 1; padding: 30px; } .woocommerce-MyAccount-navigation > ul{ margin: 0px; padding: 0px; list-style: none; } .woocommerce-MyAccount-navigation > ul li { list-style: none; border-top: 1px solid var(--theme--border-color); } .woocommerce-MyAccount-navigation > ul li:first-child{ border-top: 0px; } .woocommerce-MyAccount-navigation > ul li a{ padding: 18px 0; display: flex; align-items: center; justify-content: flex-start; text-decoration: none; color: var(--theme--base-color); } .woocommerce-MyAccount-navigation > ul li.is-active a { color: var(--theme--accent-color); } /*-------------------------------------------------------------- # WooCommerce Header --------------------------------------------------------------*/ .woocommerce-page-header{ margin: 0px; position: relative; } .woocommerce-page-header .wc-header__image{ height: 372px; overflow: hidden; } .woocommerce-page-header .wc-header__image .wp-post-image{ width: 100%; height: 100%; object-fit: cover; object-position: center; } /*-------------------------------------------------------------- # Product Card --------------------------------------------------------------*/ .products{ margin: 0px; padding: 0px; display: grid; list-style: none; grid-row-gap: 32px; grid-column-gap: 32px; } .products .product { display: flex; position: relative; padding-bottom: 15px; flex-direction: column; border: 1px solid var(--theme--border-color); } .products .product a{ text-decoration: none; } .products .product a.added_to_cart{ display: none; } .products .product .product-meta{ padding: 16px; } .products .product .product-meta h2{ color: #000; font-size: 16px; text-decoration: none; margin-bottom: 8px; font-weight: 400; } .products .product .product-meta ins{ text-decoration: none; } .products.columns-6{ grid-template-columns: repeat(6, 1fr); } .products.columns-5{ grid-template-columns: repeat(5, 1fr); } .products.columns-4{ grid-template-columns: repeat(4, 1fr); } .products.columns-3{ grid-template-columns: repeat(3, 1fr); } .products.columns-2{ grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 992px) { .products.columns-6, .products.columns-5, .products.columns-4, .products.columns-3, .products.columns-2{ grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 767px) { .products{ row-gap: 16px; column-gap: 16px; } .products.columns-6, .products.columns-5, .products.columns-4, .products.columns-3, .products.columns-2{ grid-template-columns: repeat(2, 1fr); } } .products .product .onsale { top: 15px; left: 15px; color: #fff; line-height: 1; padding: 5px 15px; position: absolute; background: #000; text-transform: uppercase; font-size: 12px; } .products .product .button { display: flex; margin: 0 auto; width: calc( 100% - 32px ); color: var(--theme--button-color); } @media screen and (max-width: 680px) { .products .product .button{ padding-left: 18px; padding-right: 18px; width: calc( 100% - 16px); } } .products .product img{ width: 100%; height: auto; } /** * Archive */ .woocommerce .woocommerce-header{ color: var(--theme--content-card-heading-color); background: var(--theme--content-card-background); } .woocommerce .woocommerce-header .woocommerce-header__title { float: left; width: auto; margin: 16px 0; font-size: 24px; font-weight: 500; color: #000000; text-align: left; padding: 16px 0; line-height: 24px; } .woocommerce .section-result { display: flex; padding: 10px; align-items: center; margin-bottom: 30px; justify-content: space-between; color: var(--theme--content-card-color); background: var(--theme--content-card-background); } .woocommerce .section-result h1, .woocommerce .section-result h2, .woocommerce .section-result h3, .woocommerce .section-result h4, .woocommerce .section-result h5, .woocommerce .section-result h6{ margin-top: 0px; margin-bottom: 8px; color: var(--theme--content-card-heading-color); } .woocommerce .section-result .woocommerce-ordering, .woocommerce .section-result .woocommerce-result-count { display: flex; align-items: center; vertical-align: middle; margin: 0; } .woocommerce .section-result .woocommerce-ordering { justify-content: flex-end; } .woocommerce .product-category .woocommerce-loop-category__title { text-align: center; font-size: 17px; text-decoration: none; } .woocommerce .products .product-category .collection-inner .ins, .woocommerce .products .product-category .collection-inner mark { background: transparent; } .woocommerce .products .product-category .collection-inner a { text-decoration: none; } .woocommerce .woocommerce-pagination { margin-top: 32px; margin-bottom: 32px; } .woocommerce .woocommerce-pagination .page-numbers { margin: 0; padding: 0; display: flex; list-style: none; line-height: 40px; text-align: center; align-items: center; justify-content: center; gap: 8px; } .woocommerce .woocommerce-pagination .page-numbers li { display: flex; align-items: center; justify-content: center; } .woocommerce .woocommerce-pagination .page-numbers li .current { width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 0px; color: var(--theme--button-color); background: var(--theme--button-background-color); border: 1px solid var(--theme--button-border-color); border-radius: var(--theme--button-border-radius); } .woocommerce .woocommerce-pagination .page-numbers li a { width: 40px; height: 40px; display: flex; align-items: center; text-decoration: none; justify-content: center; background: transparent; color: var(--theme--base-color); border: 1px solid var(--theme--button-border-color); border-radius: var(--theme--button-border-radius); } /*-------------------------------------------------------------- # Single Product --------------------------------------------------------------*/ .single-product .product { display: flex; align-items: flex-start; justify-content: space-between; position: relative; column-gap: 32px; } @media screen and (max-width: 768px) { .single-product .product{ flex-direction: column; } } /* Gallery */ .single-product .product .woocommerce-product-gallery { width: 50%; flex: 0 0 50%; display: flex; position: relative; align-items: flex-start; flex-direction: row-reverse; gap: 20px; } .single-product .product .woocommerce-product-gallery__image img{ width: 100%; height: auto; vertical-align: bottom; position: relative; } .single-product .product .woocommerce-product-gallery .flex-viewport { width: 100%; margin-bottom: 16px; border: 1px solid var(--theme--border-color); } .single-product .product .woocommerce-product-gallery .flex-viewport figure { margin: 0; } .single-product .product .woocommerce-product-gallery .flex-viewport figure img { width: 100%; } .single-product .product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { right: 25%; margin-right: 15px; } .single-product .product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0; width: 80px; display: flex; flex-direction: column; } .single-product .product .woocommerce-product-gallery .flex-control-thumbs li { cursor: pointer; list-style: none; margin-bottom: 8px; } .single-product .product .woocommerce-product-gallery .flex-control-thumbs li img { width: 100%; opacity: 0.5; position: relative; vertical-align: bottom; border: 1px solid var(--theme--border-color); } .single-product .product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product .product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } @media screen and (max-width: 768px) { .single-product .product .summary, .single-product .product .woocommerce-product-gallery{ width: 100%; flex: 0 0 100%; } } /* Product Gallery Nav */ .single-product .woocommerce-product-gallery .flex-direction-nav{ position: absolute; top: 50%; left: 0; right: 0; padding: 0px; list-style: none; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); display: flex; align-items: center; justify-content: space-between; width: calc( 100% - 110px ); margin-left: auto; right: 12px; } .single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev, .single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next{ display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; overflow: hidden; text-indent: -100px; } .single-product .woocommerce-product-gallery .flex-direction-nav .flex-next, .single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev{ width: 100%; height: 100%; display: flex; border-radius: 32px; align-items: center; justify-content: center; position: relative; text-decoration: none; color: var(--theme--button-color); background: var(--theme--button-background-color); border: 1px solid var(--theme--button-border-color); } .single-product .woocommerce-product-gallery .flex-direction-nav .flex-next:hover, .single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev:hover{ color: var(--theme--button-color); background: var(--theme--button-background-color-hover); border: 1px solid var(--theme--button-border-color-hover); } .single-product .woocommerce-product-gallery .flex-direction-nav .flex-next::after, .single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev::after{ content: ''; width: 12px; height: 12px; outline: none; position: relative; border-left: none; border-bottom: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid var(--theme--button-color); border-right: 2px solid var(--theme--button-color); } .single-product .woocommerce-product-gallery .flex-direction-nav .flex-next:hover::after, .single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev:hover::after{ border-color: var(--theme--button-color-hover); } .single-product .woocommerce-product-gallery .flex-direction-nav .flex-next::after{ left: -2px; } .single-product .woocommerce-product-gallery .flex-direction-nav .flex-prev::after{ right: -2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .single-product .vertical-left .woocommerce-product-gallery .flex-viewport { float: right; width: 75%; } .single-product .vertical-left .woocommerce-product-gallery .flex-control-thumbs { float: left; width: calc(25% - 15px); width: -webkit-calc(25% - 15px); width: -moz-calc(25% - 15px); width: -ms-calc(25% - 15px); } .single-product .vertical-left .onsale { left: 30%; } .single-product .vertical-right .woocommerce-product-gallery .flex-viewport { float: left; width: 75%; } .single-product .vertical-right .woocommerce-product-gallery .flex-control-thumbs { float: right; width: calc(25% - 15px); width: -webkit-calc(25% - 15px); width: -moz-calc(25% - 15px); width: -ms-calc(25% - 15px); } .single-product .vertical-right .woocommerce-product-gallery__trigger { right: 30% !important; } .single-product .horizontal .woocommerce-product-gallery .flex-viewport { float: none; width: 100%; } .single-product .horizontal .woocommerce-product-gallery .flex-control-thumbs { width: 90%; display: table; margin: 0 auto !important; } .single-product .horizontal .woocommerce-product-gallery .flex-control-thumbs li { width: 25%; padding: 0 5px 5px; display: table-cell; } @media screen and (max-width: 768px) { .single-product .product .woocommerce-product-gallery .flex-control-thumbs{ display: none; } .single-product .woocommerce-product-gallery .flex-direction-nav{ left: 0; right: 0; margin: 0 auto; width: calc( 100% - 30px ); } } .single-product .flex-viewport, .single-product .images { margin-bottom: 1em; } .single-product .flex-viewport figure, .single-product .images figure { margin: 0; } .single-product .onsale { top: 15px; left: 104px; z-index: 101; color: #fff; font-size: 12px; background: #000; position: absolute; text-transform: uppercase; padding: 3px 15px; } .single-product .summary .price .amount { font-size: 24px; font-weight: 700; color: #000; } .single-product .summary .price del { font-weight: normal; color: #b2b2b2; } .single-product .summary .price del .amount { font-size: 17px; color: #b2b2b2; font-weight: normal; } .single-product .summary .price ins { background: none; text-decoration: none; } .single-product .product .summary { margin: 0; flex: 1 1 auto; text-align: left; } .single-product .product .summary .entry-title { margin: 0 0 15px; font-size: 25px; font-weight: 500; } .single-product .product .summary .single_add_to_cart_button { width: calc(100% - 130px); width: -webkit-calc(100% - 130px); } .single-product .product .product_meta { margin: 0px; width: 100%; font-weight: 600; position: relative; display: inline-block; border-top: 1px solid var(--theme--border-color); padding: 15px 0px; } .single-product .product .product_meta .posted_in, .single-product .product .product_meta .sku_wrapper { display: block; margin-bottom: 10px; text-transform: capitalize; font-size: 12px; } .single-product .product .product_meta .posted_in a, .single-product .product .product_meta .sku_wrapper a { color: #808080; text-transform: capitalize; font-weight: normal; } .single-product .product .product_meta .posted_in:last-child, .single-product .product .product_meta .sku_wrapper:last-child { margin: 0; } .single-product .product .product_meta .sku { font-weight: normal; color: #808080; } .single-product .product .variations { margin: 0; } .single-product .product .variations label { font-size: 15px; padding: 15px 0; font-weight: 500; color: #000; } .single-product .product .variations select { width: 100%; margin-bottom: 15px; } .single-product .product .variations .reset_variations { display: none; } .single-product .product .woocommerce-product-details__short-description h3 { text-transform: uppercase; font-size: 14px; } .single-product .product .woocommerce-product-details__short-description ul { margin: 15px 0 30px; padding: 0 15px; } .single-product .cart { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; margin-bottom: 30px; } /* Variable Product */ .single-product .variations_form{ flex-direction: column; } .single-product .variations_form .single_variation_wrap{ width: 100%; } .single-product .woocommerce-variation-add-to-cart{ display: flex; align-items: center; justify-content: space-between; } .single-product .grouped_form td { border: 1px solid #e9e9ee; padding: 10px; } .single-product .grouped_form td a { color: #000000; font-weight: 500; } .single-product .woocommerce-product-rating { margin: 0; padding: 0 0 15px; position: relative; } .single-product .woocommerce-product-rating .star-rating { left: 0; bottom: 0; top: unset; display: inline-flex; margin: -2px 15px 0 0; position: relative; } .single-product .woocommerce-product-rating .woocommerce-review-link { text-decoration: none; } .single-product .product-sharing { padding: 15px 0; border-top: 1px solid var(--theme--border-color); } .single-product .product-sharing .share-title { padding: 0; font-size: 14px; margin: 0 15px 0 0; display: inline-flex;; text-transform: capitalize; } .single-product .product-sharing .social-share { margin: 0; padding: 0; list-style: none; } .single-product .product-sharing .social-share li { margin-right: 7.5px; display: inline-flex; } .single-product .product-sharing .social-share li a { padding: 5px; } /* Zoom */ .woocommerce-product-gallery__trigger { position: absolute; top: 1.875em; right: 1.875em; display: block; height: 2em; width: 2em; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; z-index: 9; text-align: center; text-indent: -999px; overflow: hidden; background-color: #fefefe; color: #000; text-decoration: none; } .woocommerce-product-gallery__trigger:before { font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\f00e"; line-height: 2; text-indent: 0; margin-left: 2px; } /* Stock */ .stock { font-weight: 600; margin: 0px; font-size: 14px; display: inline-block; padding: 15px 0px; } .stock:empty:before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } /*-------------------------------------------------------------- # Cart --------------------------------------------------------------*/ .woocommerce-cart table { border-collapse: collapse; } .woocommerce-cart-form th { border-left: 0; border-right: 0; border-top: 0; text-transform: uppercase; background-color: transparent; } .woocommerce-cart-form tr{ border: 1px solid var(--theme--border-color); } .woocommerce-cart-form th, .woocommerce-cart-form td{ padding: 15px; text-align: left; } .woocommerce-cart-form td.product-thumbnail{ max-width: 80px; } .woocommerce-cart-form td.product-name a{ font-size: 16px; } .woocommerce-cart-form td a{ text-decoration: none; font-size: 20px; } .cart--action-buttons td{ width: 100%; padding: 15px 0; display: table-cell; } .cart-collaterals{ width: 100%; padding: 24px 32px; max-width: 480px; color: var(--theme--content-card-color); background: var(--theme--content-card-background); margin-left: auto; margin-right: 0px; } .cart-collaterals .cart_totals h2{ font-size: 24px; padding-bottom: 8px; color: var(--theme--content-card-heading-color); border-bottom: 1px solid var(--theme--border-color); } .cart-collaterals .cart_totals th{ color: var(--theme--content-card-heading-color); } .cart-collaterals .cart_totals td:last-child{ text-align: right; } .cart-collaterals .button{ width: 100%; display: flex; align-items: center; justify-content: center; } .woocommerce-cart-form .actions .coupon{ display: inline-flex; align-items: center; justify-content: flex-start; max-width: 380px; position: relative; width: 100%; float: left; } .woocommerce-cart-form .actions button[name="update_cart"]{ float: right; margin-top: 6px; display: inline-block; background: transparent; color: var(--theme--button-background-color); border-color: var(--theme--button-border-color); } .woocommerce-cart-form .actions button[name="update_cart"]:disabled{ opacity: 0.5; } .woocommerce-cart-form .actions button[name="update_cart"]:hover:not(:disabled){ color: var(--theme--button-color-hover); background-color: var(--theme--button-background-color-hover); border-color: var(--theme--button-border-color-hover); } .woocommerce-cart-form .actions .coupon label { display: none; } .woocommerce-cart-form .actions .coupon button{ right: 0px; position: absolute; min-width: fit-content; } .woocommerce-cart .woocommerce .cart-empty, .woocommerce-cart .woocommerce .return-to-shop{ margin-top: 120px; text-align: center; background: var(--theme--base-background); } .woocommerce-cart .woocommerce .return-to-shop{ margin-top: 0px; margin-bottom: 120px; } .woocommerce-cart .woocommerce .return-to-shop .wc-backward{ margin-top: 10px; display: inline-flex; } /*-------------------------------------------------------------- # Checkout --------------------------------------------------------------*/ .woocommerce-checkout .checkout{ width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; } .woocommerce-checkout .input-text, .woocommerce-checkout .input-text { width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .woocommerce-checkout #order_review_heading { color: #fff; padding: 15px; margin-bottom: 0; background: #000; font-size: 20px; max-width: 420px; width: 100%; } .woocommerce-checkout .woocommerce-checkout-payment ul{ margin: 0; padding: 0; list-style: none; } .woocommerce-checkout .col2-set{ width: 100%; } .woocommerce-checkout .col2-set .col-2, .woocommerce-checkout .col2-set .col-1 { width: 100% !important; } #ship-to-different-address .radio input[type="radio"], #ship-to-different-address .radio-inline input[type="radio"], #ship-to-different-address .checkbox input[type="checkbox"], #ship-to-different-address .checkbox-inline input[type="checkbox"]{ position: relative; margin-top: 0; margin-left: 0; } .woocommerce-checkout .woocommerce-checkout-review-order{ padding: 32px; max-width: 420px; color: var(--theme--content-card-heading-color); background: var(--theme--content-card-background); display: flex; flex-direction: column; } .woocommerce-checkout-review-order .shop_table th { text-align: left; background: #fafafa; padding: 15px; border: 1px solid #ccc; } .woocommerce-checkout-review-order .shop_table td{ text-align: left; padding: 15px; border: 1px solid #ccc; } .woocommerce-checkout-review-order .place-order button{ float: right; width: 100%; max-width: 480px; font-size: 21px; } .woocommerce .wc-proceed-to-checkout .checkout-button, .woocommerce-page .wc-proceed-to-checkout .checkout-button { padding: 15px; width: 100%; display: block; text-transform: uppercase; color: #fff; text-align: center; font-weight: 500; text-decoration: none; } @media screen and (min-width: 768px) { .col2-set .form-row-first { float: left; margin-right: 0; padding-right: 15px; } .col2-set .form-row-last { float: right; margin-right: 0; padding-left: 15px; } .col2-set .form-row-first, .col2-set .form-row-last { width: 50%; } } /** * General WooCommerce components */ /* Star rating */ .star-rating { overflow: hidden; position: absolute; height: 1.618em; line-height: 1.618; font-size: 1em; width: 5.3em; font-family: 'star'; font-weight: 400; color: #E7711B; top: 15px; right: 15px; } .star-rating:before { content: "\53\53\53\53\53"; opacity: 0.25; float: left; top: 0; left: 0; position: absolute; color: #c7c7c7; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; color: #E7711B; } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a:before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "star"; content: "\53"; color: #000000; text-indent: 0; opacity: 0.25; } p.stars a:hover~a:before { content: "\53"; color: #000000; opacity: 0.25; } p.stars:hover a:before { content: "\53"; color: royalblue; opacity: 1; } p.stars.selected a.active:before { content: "\53"; color: royalblue; opacity: 1; } p.stars.selected a.active~a:before { content: "\53"; color: #000000; opacity: 0.25; } p.stars.selected a:not(.active):before { content: "\53"; color: royalblue; opacity: 1; } /* Product Tabs */ .woocommerce-tabs { margin-top: 30px; margin-bottom: 30px; } .woocommerce-tabs ul.tabs { list-style: none; margin: 0; padding: 0; text-align: left; } .woocommerce-tabs ul.tabs li { display: inline-block; position: relative; margin-right: 15px; } .woocommerce-tabs ul.tabs li a { top: 1px; padding: 16px 0; outline: none; display: block; font-size: 16px; color: #818692; text-decoration: none; position: relative; } .woocommerce-tabs ul.tabs .active a { color: #000000; border-bottom: 2px solid #000; } .woocommerce-tabs .panel h2:first-of-type { margin: 0 0 15px; font-size: 20px; display: none; } .woocommerce-tabs .entry-content { border: none; border-top: solid 1px #dae2e6; box-shadow: none; padding: 15px 0; margin: 0; } .woocommerce-tabs .entry-content p:last-child { margin: 0px; } /* Password strength meter */ .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #0f834d; } .woocommerce-password-strength.short { color: #e2401c; } .woocommerce-password-strength.bad { color: #e2401c; } .woocommerce-password-strength.good { color: #def2f8; } /* Forms */ .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } .required { color: red; } /* Notices */ .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments { background-color: #0f834d; clear: both; } .woocommerce-error:after, .woocommerce-info:after, .woocommerce-message:after, .woocommerce-noreviews:after, p.no-comments:after { content: ''; display: table; clear: both; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #def2f8; color: #2f6473; padding: 15px; list-style-position: inside; text-align: left; border: 1px solid #def2f8; margin-bottom: 10px; } .woocommerce-error { background-color: #e2401c; padding: 15px; margin: 0; list-style: none; color: #fff; } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; background-color: #def2f8; z-index: 9999; } @media screen and (min-width: 769px) { /** * Header cart */ .site-header-cart .widget_shopping_cart { position: absolute; top: 100%; width: 100%; left: -999em; z-index: 999999; display: block; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .site-header-cart.active .widget_shopping_cart, .site-header-cart:focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart { right: 0; top: 100%; width: 300px; left: auto; display: block; margin-top: 22px; } } .woocommerce-notices-wrapper .woocommerce-message { padding: 15px; color: #fff; line-height: 2; margin-bottom: 15px; } .woocommerce-notices-wrapper .woocommerce-message .button { float: right; background: #fff; padding: 7.5px 15px; border-radius: 5px; text-transform: uppercase; font-size: 12px; font-weight: 500; text-decoration: none; color: #000; line-height: 1.4; } .woocommerce .woocommerce-breadcrumb { font-size: 14px; line-height: 36px; font-weight: 400; color: #838383; } .woocommerce .woocommerce-breadcrumb a { padding-right: 25px; position: relative; display: inline-block; color: #000000; text-decoration: none; } .woocommerce .woocommerce-breadcrumb a:after { content: "\F105"; font-family: fontawesome; position: absolute; right: 10px; font-size: 19px; } .woocommerce .orderby { float: right; } /*-------------------------------------------------------------- # Related Products --------------------------------------------------------------*/ .related { all: unset; position: relative; } /*-------------------------------------------------------------- # WooCommerce widgets --------------------------------------------------------------*/ /* WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: #000000; box-sizing: border-box; margin-top: -.25em; opacity: 1; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active, .widget_price_filter .ui-slider .ui-slider-handle:hover { box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: #b2b2b2; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-horizontal { height: 0.5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } .widget_product_categories .product-categories { list-style: none; margin: 0; padding: 0; } .widget_product_categories .product-categories .children { list-style: none; margin: 0; padding-left: 15px; } .widget_product_categories .product-categories a { color: #444444; font: 400 13px/24px 'Rubik', sans-serif; letter-spacing: 0.8px; } .widget_product_categories .product-categories .count { float: right; font-size: 12px; } .widget_products .product_list_widget { list-style: none; margin: 0; padding: 0; } .widget_products .product_list_widget li { margin-bottom: 15px; float: left; } .widget_products .product_list_widget li:last-child { margin: 0; } .widget_products .product_list_widget li .product-title { width: calc(100% - 90px); width: -webkit-calc(100% - 90px); display: inline-block; margin-bottom: 7.5px; } .widget_products .product_list_widget li img { width: 75px; padding: 5px; float: left; margin-right: 15px; border: 1px solid var(--theme--border-color); } .widget_products .product_list_widget li .amount, .widget_products .product_list_widget li ins { background: transparent; font-weight: 500; } .widget_products .product_list_widget li del .amount { font-weight: 400; font-size: 14px; color: #b3b1b1; }