This commit is contained in:
Roman Pyrih
2024-11-21 15:57:25 +01:00
parent d6060a1695
commit 92c7691d79
13 changed files with 7663 additions and 7040 deletions

View File

@@ -13,6 +13,15 @@ body .elementor-widget-text-editor {
body h3 {
color: #232323;
}
body#index footer#footer section.footer-box-newsletter {
display: none !important;
}
body#category section#wrapper section#main {
margin-bottom: 100px;
}
body#category section#wrapper section#main #product-list-header {
display: none;
}
#footer a {
color: #c5c5c5;
@@ -118,49 +127,90 @@ a {
visibility: visible;
transform: translateY(0);
}
.js-product.product article.product-miniature:hover .thumbnail-container ul.product-flags li.product-flag.new {
transform: translateX(0);
}
.js-product.product article.product-miniature:hover .thumbnail-container ul.product-flags li.product-flag.discount {
transform: translateX(-100%);
.js-product.product article.product-miniature:hover .thumbnail-container ul.product-flags {
transform: translateX(calc(-100% - 30px));
}
.js-product.product article.product-miniature .thumbnail-container {
border-radius: 10px;
border: 1px solid #eff6f7;
}
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart {
font-size: 14px;
font-weight: 300;
padding: 6px 10px 4px;
border-radius: 10px;
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top {
background: #ffffff;
}
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
justify-content: center;
}
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart {
font-family: "Inter", sans-serif;
font-size: 12px;
font-weight: 700;
padding: 8px 16px;
display: flex;
align-items: center;
background: #462d26;
border-radius: 1px;
}
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart i {
font-size: 15px;
margin-bottom: 2px;
}
.js-product.product article.product-miniature .thumbnail-container .thumbnail-top .product-add-to-basket .add-to-cart span {
line-height: 1;
margin-bottom: 1px;
font-size: 14px;
font-weight: 700;
}
.js-product.product article.product-miniature .thumbnail-container .product-description {
margin-top: 14px;
}
.js-product.product article.product-miniature .thumbnail-container .product-description::after {
display: none !important;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-title {
margin-bottom: 14px;
line-height: 1;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-title a {
color: #111516;
color: #462d26;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping .regular-price {
font-size: 13px;
color: #a9a8a8;
font-weight: 400;
margin-right: 5px;
font-size: 14px;
font-family: "Inter", sans-serif;
color: rgba(70, 45, 38, 0.34);
font-weight: 700;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping .price {
color: #111516;
font-size: 15px;
font-weight: 600;
color: #462d26;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 700;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping.product-price-discount {
display: flex;
flex-direction: row;
-moz-column-gap: 10px;
column-gap: 10px;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping.product-price-discount .price {
order: 1;
color: #c40000;
}
.js-product.product article.product-miniature .thumbnail-container .product-description .product-price-and-shipping.product-price-discount .regular-price {
order: 2;
}
.js-product.product article.product-miniature .thumbnail-container ul.product-flags {
position: absolute;
top: 24px;
left: 24px;
z-index: 2;
transition: all 250ms ease-in-out;
row-gap: 8px;
}
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag {
font-size: 11px;
@@ -169,36 +219,43 @@ a {
min-width: -moz-fit-content;
min-width: fit-content;
min-height: auto;
transition: all 250ms ease-in-out;
margin-top: 0;
font-family: "Inter", sans-serif;
font-size: 12px;
font-weight: 700;
}
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.new {
background: #e6cb6f;
margin-top: 0;
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
border-bottom-right-radius: 10px;
background: #462d26;
padding: 4px 8px;
}
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.discount {
background: #e30613;
border-bottom-right-radius: 10px;
display: flex;
flex-direction: row;
-moz-column-gap: 8px;
column-gap: 8px;
background-color: transparent;
padding: 0;
}
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.discount span {
font-family: "Inter", sans-serif;
font-size: 12px;
font-weight: 700;
padding: 4px 8px;
background: #c40000;
}
.js-product.product article.product-miniature .thumbnail-container ul.product-flags li.product-flag.out_of_stock {
position: absolute;
top: 0;
right: 0;
background: #111516;
border-bottom-left-radius: 10px;
background: #462d26;
}
.js-product.product article.product-miniature .thumbnail-container .wishlist-button-add {
opacity: 0;
visibility: hidden;
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
box-shadow: none;
transition: all 250ms ease-in-out;
transform: translateY(calc(-100% - 1rem));
}
.js-product.product article.product-miniature .thumbnail-container .wishlist-button-add i {
color: #462d26;
}
.product-images > li.thumb-container > .thumb.selected,
.product-images > li.thumb-container > .thumb:hover {
@@ -399,10 +456,6 @@ body#checkout #content-wrapper .delivery-options .delivery-option {
border: none;
}
footer#footer {
background-color: #111516 !important;
}
.category-tiles-list {
display: grid;
grid-template-columns: repeat(6, 1fr);
@@ -498,9 +551,6 @@ body#category #left-column > div {
body#category #content-wrapper section#main div {
border-radius: 10px;
}
body#category #content-wrapper #subcategories .subcategories-list li .subcategory-image a {
border-radius: 10px;
}
.product-description {
color: #000;
@@ -545,11 +595,18 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
#header-menu .elementor-nav-menu > ul {
justify-content: space-between;
align-items: center;
width: 100%;
}
#header-menu .elementor-nav-menu > ul::after {
display: none;
}
#header-menu .elementor-nav-menu .menu-item-separator {
display: block;
width: 1px;
height: 14px;
background: rgba(17, 14, 12, 0.1019607843);
}
@media (min-width: 1500px) {
.home-slider {
@@ -702,10 +759,10 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
max-width: unset;
}
.home-box-services {
.footer-box-services {
position: relative;
}
.home-box-services::before {
.footer-box-services::before {
content: "";
position: absolute;
bottom: 0;
@@ -715,17 +772,17 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
transform: translateX(-50%);
background: rgba(170, 138, 94, 0.25);
}
.home-box-services .elementor-widget-wrap {
.footer-box-services .elementor-widget-wrap {
flex-direction: row;
flex-wrap: nowrap;
}
.home-box-other-info > .elementor-container > .elementor-row {
.footer-box-other-info > .elementor-container > .elementor-row {
-moz-column-gap: 80px;
column-gap: 80px;
position: relative;
}
.home-box-other-info > .elementor-container > .elementor-row::before {
.footer-box-other-info > .elementor-container > .elementor-row::before {
content: "";
position: absolute;
top: -60px;
@@ -734,4 +791,142 @@ body#category #content-wrapper #subcategories .subcategories-list li .subcategor
width: 1px;
transform: translateX(-50%);
background: rgba(170, 138, 94, 0.25);
}
nav.pagination .page-list {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: transparent;
}
nav.pagination .page-list .pagination-item.prev a {
background: transparent;
transition: all 250ms ease-in-out;
}
nav.pagination .page-list .pagination-item.prev a img {
transition: all 250ms ease-in-out;
}
nav.pagination .page-list .pagination-item.prev a:hover {
background: #ffa629;
}
nav.pagination .page-list .pagination-item.prev a:hover img {
filter: brightness(0) invert(1);
}
nav.pagination .page-list .pagination-item.next a {
background: transparent;
transition: all 250ms ease-in-out;
}
nav.pagination .page-list .pagination-item.next a img {
transition: all 250ms ease-in-out;
transform: scale(-1);
}
nav.pagination .page-list .pagination-item.next a:hover {
background: #ffa629;
}
nav.pagination .page-list .pagination-item.next a:hover img {
filter: brightness(0) invert(1);
}
nav.pagination .page-list .pagination-item.current a {
color: #ffffff;
background: #ffa629;
}
nav.pagination .page-list .pagination-item .spacer {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 11px;
height: 33px;
width: 33px;
color: #9f928c;
font-size: 14px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
nav.pagination .page-list .pagination-item a {
display: flex;
align-items: center;
justify-content: center;
color: #9f928c;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.5px;
padding: 5px 11px;
height: 33px;
min-width: 33px;
background: #ece9e2;
border-radius: 1px;
transition: all 250ms ease-in-out;
}
nav.pagination .page-list .pagination-item a:hover {
color: #fff;
background: #ffa629;
}
body#category section#main #subcategories {
padding: 0;
margin: 0;
background: transparent;
}
body#category section#main #subcategories .subcategory-heading {
display: none;
}
body#category section#main #subcategories .subcategories-list {
display: flex;
flex-direction: row;
gap: 16px;
flex-wrap: wrap;
}
body#category section#main #subcategories .subcategories-list li .subcategory-item {
display: flex;
flex-direction: row;
-moz-column-gap: 16px;
column-gap: 16px;
align-items: center;
background: #ece9e2;
border-radius: 50px;
padding: 8px 24px 8px 10px;
}
body#category section#main #subcategories .subcategories-list li .subcategory-item .subcategory-image {
width: 43px;
height: 43px;
padding: 0;
background: #ffffff;
border-radius: 100%;
}
body#category section#main #subcategories .subcategories-list li .subcategory-item .subcategory-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
border-radius: 100%;
}
body#category section#main #subcategories .subcategories-list li .subcategory-item .subcategory-name {
color: #462d26;
font-size: 16px;
font-weight: 600;
font-family: "Inter", sans-serif;
margin: 0;
}
nav.breadcrumb {
margin-bottom: 1.563rem;
}
nav.breadcrumb ol {
display: flex;
flex-direction: row;
-moz-column-gap: 16px;
column-gap: 16px;
align-items: center;
}
nav.breadcrumb ol li span {
color: #462d26;
font-size: 14px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
nav.breadcrumb ol li.separator img {
width: 5px;
height: 9px;
}/*# sourceMappingURL=custom.css.map */