/* Version 1.1.0 */ /* Shop */ /* Header */ .lvd-cart-button {font-size:20px; position:relative;} .lvd-cart-button .cart-contents-count {position:absolute; top:-12px; right:-16px; background:var(--lvd-color-primary); height:22px; line-height:22px; font-size:var(--lvd-text-s1); font-weight:700; min-width:22px; text-align:center; border-radius:11px;} .lvd-account-button {font-size:25px;} .lvd-shop .woocommerce-breadcrumb {margin:16px auto !important; font-size:var(--lvd-text-s1) !important; font-family: var(--lvd-secondary-font);} .lvd-shop .woocommerce-breadcrumb a {color:var(--lvd-color-primary-dark); font-weight:300;} /* --- SINGLE PRODUCT --- */ .lvd-shop .product_title {color:var(--lvd-color-black);} /* Price */ .lvd-shop .summary .price {color:var(--lvd-color-black) !important; font-size:var(--lvd-text-h4) !important; font-weight:700;} .lvd-shop .summary .product_meta {color:var(--lvd-color-gray-400) ; font-size:var(--lvd-text-s2);} /* Short description */ .lvd-shop .woocommerce-product-details__short-description {margin-bottom:20px; margin-top:20px;} /* Variations */ .lvd-shop table.variations {background-color:var(--lvd-color-gray-200) !important; border-radius:4px; padding:20px; } .lvd-shop table.variations tr {display:flex; flex-direction: row; flex-wrap: wrap;} .lvd-shop table.variations th, .lvd-shop table.variations td {width:100%; text-align:left; } .lvd-shop table.variations select {min-width:unset !important; height:30px; line-height:30px; padding: 0 5px;} .lvd-shop table.variations label {color:var(--lvd-color-black) !important; } /* Stock */ .lvd-shop .woocommerce-variation-availability {margin-bottom:10px;} .lvd-shop .stock {margin-top:10px;} .lvd-shop .in-stock {color:var(--lvd-color-success) !important; margin-bottom:10px; font-weight:700;} /* Quantity and Add to cart */ .lvd-shop .cart {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;} .lvd-shop .quantity {margin-right: 10px !important; align-self: flex-end;} .lvd-shop .qty {height:48px; line-height: 50px; width: calc(100% - 2px); border:1px solid var(--lvd-color-secondary); border-radius:3px; text-align:center; font-size:18px; font-weight:700;} .lvd-shop .single_add_to_cart_button {background:var(--lvd-color-primary) !important; color:var(--lvd-color-white) !important; padding:0 20px !important; width:auto; border:0; display:inline-block; font-weight:700; box-shadow: var(--lvd-shadow-300); height:50px; line-height: 50px; display:inline-block; border-radius:4px; font-size:16px;} .lvd-shop .single_add_to_cart_button:hover {color:var(--lvd-color-white); opacity:0.7;} /* Onsale */ .single-product > .lvd-shop > .product > .onsale {position:absolute; top:0 !important; left:0 !important; padding:4px 12px !important; margin:0 !important; min-height:unset !important; line-height:unset !important; border-radius:4px; display:inline-block; font-size:var(--lvd-text-h4); font-weight:700; background:var(--lvd-color-primary); color:var(--lvd-color-black); } /* Gallery */ .lvd-shop .woocommerce-product-gallery__wrapper img {border-radius: var(--lvd-rounded);} .lvd-shop .woocommerce-product-gallery__image:nth-child(n+2) {margin-top:4px !important; margin-right:4px !important; width: calc(25% - 4px) !important;} .pswp {z-index:9999 !important; border-radius:16px !important; width:calc(100% - 80px) !important; height:calc(100% - 80px) !important; left:40px !important; top:40px !important; bottom:240px !important; box-shadow: var(--lvd-shadow-200);} /* Tabs */ .lvd-shop .woocommerce-tabs ul.tabs {padding:8px !important; box-shadow: 0 4px 12px rgba(57, 88, 212, 0.08); margin:0 0 40px 0 !important; background: linear-gradient(135deg, #ffffff 0%, var(--lvd-color-primary-surface) 100%); border-radius: var(--lvd-rounded); border: 1px solid var(--lvd-color-primary-light);} .lvd-shop .woocommerce-tabs ul.tabs:before {border:0 !important;} .lvd-shop .woocommerce-tabs ul.tabs li {border: 0 !important; margin: 0 !important; border-radius: var(--lvd-rounded) !important; padding: 4px 12px !important; background-color:unset !important;} .lvd-shop .woocommerce-tabs ul.tabs li::after {right: auto !important; border-bottom-left-radius: 0 !important; border-width: 0 !important; box-shadow: unset !important;} .lvd-shop .woocommerce-tabs ul.tabs li::before {left:auto !important; border-bottom-right-radius: 0 !important; border-width: 0 !important; box-shadow: unset !important;} .lvd-shop .woocommerce-tabs ul.tabs li.active {background-color:var(--lvd-color-white) !important;} .lvd-shop .woocommerce-tabs ul.tabs li a {position:relative !important; color:var(--lvd-color-black) !important;} .lvd-shop .woocommerce-tabs .wc-tab h2 {color:var(--lvd-color-black) !important;} /* Related */ .lvd-shop .related, .lvd-shop .upsells {margin-top:60px;} .lvd-shop .related.products, .lvd-shop .upsells.products {display:block;} .lvd-shop .related.products h2:first-child, .lvd-shop .upsells.products h2:first-child {padding:24px !important; color:var(--lvd-color-black); box-shadow: 0 4px 12px rgba(57, 88, 212, 0.08); margin:0 0 40px 0 !important; font-size:var(--lvd-texth5); background: linear-gradient(135deg, #ffffff 0%, var(--lvd-color-primary-surface) 100%); border-radius: var(--lvd-rounded); border: 1px solid var(--lvd-color-primary-light);} .gform_wrapper.gravity-theme .gform_footer input {background:var(--lvd-color-primary) !important; color:var(--lvd-color-white) !important; border:1px solid var(--lvd-color-primary) !important; display:inline-block; height:48px !important; line-height:46px !important; font-weight:700 !important; font-size:var(--lvd-text-body); padding:0 24px !important; border-radius:25px !important; box-shadow:var(--lvd-shadow-button) !important;} /* --- LISTING --- */ .lvd-shop .woocommerce-products-header h1 {color:var(--lvd-color-black) !important;} /*Subcategories*/ .lvd-shop .subcategories {--auto-grid-min-size: 250px; grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); grid-gap: 20px; display: grid; margin-bottom:60px;} .lvd-shop .subcategories .product-category h2 {color:var(--lvd-color-text); font-size:var(--lvd-text-size4); } .lvd-shop .subcategories .product-category {width: 100% !important; display:flex; flex-direction:column; border: 1px solid var(--lvd-color-black); border-radius: 4px; padding:10px; position:relative; } .lvd-shop .subcategories .product-category a {display:flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; } .lvd-shop .subcategories img {width:60px; max-width:100%; height:auto;} .lvd-shop .subcategories .woocommerce-loop-category__title {width: calc(100% - 80px) !important; display:flex !important; font-size:var(--lvd-text-size-paragraph) !important; color:var(--lvd-color-black) !important; align-self: center; margin:0; padding:0; } .lvd-shop .subcategories mark {background:transparent;} .lvd-shop .term-description {padding-top:40px;} /*Sort select*/ .lvd-shop .woocommerce-result-count {float:unset !important;} .lvd-shop .woocommerce-ordering {float:unset !important; text-align:right;} .lvd-shop select.orderby {margin-top:10px !important; position:relative; display: inline-block; font-weight: 700; color: var(--lvd-color-black); line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%; max-width:300px; box-sizing: border-box; margin: 0; border: 1px solid var(--lvd-color-black); border-radius: 4px; -moz-appearance: none;-webkit-appearance: none; appearance: none; background-color: var(--lvd-color-white); background-image: url('../images/chevron-down.svg'); background-repeat: no-repeat; background-position: right 10px top 50%, 0 0; background-size: .80em auto, 100%;} .lvd-shop select.orderby option {font-weight:normal;} /*Product grid*/ .lvd-shop .products {--auto-grid-min-size: 250px; grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); grid-gap: 20px; display: grid;} .lvd-shop .products:before {content:unset !important; display:unset !important;} .lvd-shop .products li.product {display:flex; flex-direction:column; width: 100% !important; padding:0 !important; margin:0 !important; float:unset !important; position:relative; border-radius: 16px; box-shadow: 0 1px 4px 0 rgb(20 20 43 / 1%), 0 3px 6px 0 rgb(51 71 255 / 1%), 0 4px 22px 0 rgb(21 19 91 / 8%); } .lvd-shop .products li.product a.woocommerce-loop-product__link {flex-grow: 1; align-content:space-between;} .lvd-shop ul.products li.product a.button {background:var(--lvd-color-primary-100) !important; color:var(--lvd-color-primary-dark) !important; border-radius:0 0 16px 16px !important; } .lvd-shop .products li.product img {max-width:100%; height:auto; border-radius: 16px 16px 0 0; margin:0 0 16px 0;} .lvd-shop .products li.product .woocommerce-loop-product__title {padding:0 16px !important; margin-bottom:8px !important; font-size:var(--lvd-text-body); color:var(--lvd-color-black); font-weight:400;} .lvd-shop .products .price {font-size:var(--lvd-text-body) !important; display:block !important; color:var(--lvd-color-black) !important; margin-bottom:12px !important; position:absolute; left:0; bottom:20px; text-decoration:none; padding:0 20px;} .lvd-shop .products .sale .price { display:block; text-decoration:none; margin-bottom:0; max-width: calc(100% - 42px); } .lvd-shop .products .price del {color:var(--lvd-color-secondary); width:100%; margin-bottom:4px; display:block;} .lvd-shop .products .price del .woocommerce-Price-amount {color:var(--lvd-color-secondary); font-weight:700;} .lvd-shop .products .price ins {color:var(--lvd-color-primary); width:100%; margin-bottom:0; display:block; text-decoration:none;} .lvd-shop .products .price ins .woocommerce-Price-amount {font-weight:700;} .lvd-shop .products .price .woocommerce-Price-amount bdi {font-weight:700;} .lvd-shop ul.products .onsale {position:absolute; top:0 !important; right:0 !important; padding:4px 12px !important; margin:0 !important; min-height:unset !important; line-height:unset !important; border-radius:4px; display:inline-block; font-size:var(--lvd-text-s1); font-weight:700; background:var(--lvd-color-primary); color:var(--lvd-color-black); } /*add to cart button*/ .lvd-shop .products .add_to_cart_button {} .lvd-shop .products .add_to_cart_button:after {} .lvd-shop .products .add_to_cart_button:hover {} .lvd-shop .products .added_to_cart { } .lvd-shop .products .tinv-wraper.tinv-wishlist { } /*paginantion*/ .lvd-shop .woocommerce-pagination .page-numbers {border:unset;} .lvd-shop .woocommerce-pagination ul li {display:inline-block !important; margin-right:16px !important; border:none !important;} .lvd-shop .woocommerce-pagination ul li a {display:inline-block !important; min-height:30px !important; line-height:30px !important; padding:4px 12px !important; border-radius:2px !important; border: 1px solid var(--lvd-color-black) !important;} .lvd-shop .woocommerce-pagination ul li span {display:inline-block !important; background:var(--lvd-color-black) !important; min-height:30px !important; color:var(--lvd-color-white) !important; line-height:30px !important; padding:4px 12px !important; border-radius:2px !important; border: 1px solid var(--lvd-color-black) !important; } /* PAGE */ .lvd-shop-page {max-width:1344px; margin:0 auto;} /* Cart */ .lvd-shop-page .checkout-button {background:var(--lvd-color-primary) !important; color:var(--lvd-color-white) !important; border-radius:4px !important;} .lvd-shop-page .shop_table .quantity input {border:1px solid var(--lvd-color-black); border-radius:4px; height:30px; line-height:30px;} .lvd-shop-page .input-text {border:1px solid var(--lvd-color-black) !important; padding:4px 10px;} .lvd-shop-page .cart_totals h2 {color:var(--lvd-color-black) !important;} .lvd-shop-page .actions button {background:var(--lvd-color-black) !important; color:var(--lvd-color-white) !important; height:48px; } /* Checkout */ .lvd-shop-page .woocommerce-billing-fields h3, .lvd-shop-page .woocommerce-shipping-fields h3, .lvd-shop-page .woocommerce-additional-fields h3 {color:var(--lvd-color-black) !important;} .lvd-shop-page #order_review_heading {margin-top:40px; color:var(--lvd-color-black);} .lvd-shop-page .place-order button {background:var(--lvd-color-primary) !important; color:var(--lvd-color-white) !important; border-radius:4px !important; height:48px; line-height: 48px; padding: 0 20px;} .lvd-shop-page .select2-container--default .select2-selection--single {border:1px solid var(--lvd-color-black) !important; height:48px;} .lvd-shop-page .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:48px;} .lvd-shop-page .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top:5px;} .select2-dropdown {border-color:var(--lvd-color-black) !important;} .select2-results__option--highlighted {background:var(--lvd-color-success) !important;} /* Confirmation */ .lvd-shop-page .woocommerce-bacs-bank-details {background-color:var(--lvd-color-gray-200) !important; color:var(--lvd-color-black) !important; border-radius:4px; padding:20px; margin-bottom:40px;} /* MESSAGES */ /* Info */ .lvd-shop-page .woocommerce-info {border: 0 !important; color:var(--lvd-color-white) !important; background:var(--lvd-color-info); border-radius:4px;} .lvd-shop-page .woocommerce-info a {color:var(--lvd-color-white) !important; text-decoration:underline;} .lvd-shop-page .woocommerce-info:before {color:var(--lvd-color-white) !important; content: "\e905" !important; font-family: icomoon !important;} .lvd-shop-page .woocommerce-info .button {background:var(--lvd-color-white) !important; color:var(--lvd-color-info) !important; text-decoration:none;} /* Success */ .lvd-shop .woocommerce-message, .lvd-shop-page .woocommerce-message {border: 0 !important; color:var(--lvd-color-white) !important; background:var(--lvd-color-success); border-radius:4px;} .lvd-shop .woocommerce-message:before, .lvd-shop-page .woocommerce-message:before {color:var(--lvd-color-white) !important;} /* Error */ .lvd-shop .woocommerce-error, .lvd-shop-page .woocommerce-error {border: 0 !important; color:var(--lvd-color-white) !important; background:var(--lvd-color-error); border-radius:4px;} .lvd-shop .woocommerce-error:before, .lvd-shop-page .woocommerce-error:before {color:var(--lvd-color-white) !important;} .lvd-shop-page .woocommerce form .form-row.woocommerce-invalid label {color:var(--lvd-color-error) !important;} /* ACCOUNT */ .lvd-shop-page .woocommerce-MyAccount-navigation a {background:var(--lvd-color-black); color:var(--lvd-color-white); border:1px solid var(--lvd-color-secondary); display:inline-block; height:32px; line-height:30px; margin-bottom:16px; margin-right:16px; font-weight:700; font-size:var(--lvd-text-s1); padding:0 16px; border-radius:16px;} /* BLOCK GRID */ .lvd-shop-products-grid .lvd-section-title {color:var(--lvd-color-black);} /* MOBILE (sm) */ @media (min-width:1px) and (max-width:767px) { .lvd-shop, .lvd-shop-page {padding:0 10px;} /*Product grid*/ .lvd-shop .products {--auto-grid-min-size: 160px; grid-gap: 8px;} .lvd-shop .products .price {margin-bottom:12px !important; bottom:56px;} } /* TABLET (md) */ @media (min-width:768px) and (max-width:1023px) { }