2825 lines
47 KiB
SCSS
2825 lines
47 KiB
SCSS
$cWhite: #fff;
|
|
$cBlack: #111516;
|
|
$cGold: #e6cb6f;
|
|
$cGoldDark: #d3ba67;
|
|
$cBgAccent: #eff6f7;
|
|
$cBone: #f6f6f6;
|
|
|
|
$fInter: 'Inter', sans-serif;
|
|
|
|
body > main {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
body {
|
|
font-size: 15px;
|
|
line-height: 1.5;
|
|
color: #232323;
|
|
|
|
.elementor-widget-text-editor {
|
|
color: #232323;
|
|
}
|
|
|
|
h3 {
|
|
color: #232323;
|
|
}
|
|
|
|
&#index {
|
|
footer#footer {
|
|
section.footer-box-newsletter {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
&#category {
|
|
section#wrapper {
|
|
section#main {
|
|
margin-bottom: 100px;
|
|
|
|
#product-list-header {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#footer {
|
|
a {
|
|
color: #c5c5c5;
|
|
transition: all 250ms ease-in-out;
|
|
|
|
&:hover {
|
|
color: $cGold;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: $cGold;
|
|
}
|
|
|
|
.btn-1 {
|
|
display: inline-block;
|
|
color: $cBlack;
|
|
border: 1px solid $cGold;
|
|
padding: 15px;
|
|
background: $cWhite;
|
|
transition: all 250ms ease-in-out;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
color: $cWhite;
|
|
background: $cGold;
|
|
}
|
|
}
|
|
|
|
.btn-primary {
|
|
color: $cWhite;
|
|
background: $cGold;
|
|
transition: all 250ms ease-in-out;
|
|
|
|
&:hover {
|
|
color: $cWhite;
|
|
background: $cGoldDark;
|
|
}
|
|
}
|
|
|
|
#box-newsletter {
|
|
position: relative;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 100vw;
|
|
left: 50%;
|
|
top: 0;
|
|
bottom: 0;
|
|
transform: translateX(-50%);
|
|
background-color: $cWhite;
|
|
}
|
|
}
|
|
|
|
.simple-blog-posts {
|
|
.elementor-swiper-button {
|
|
color: $cGold;
|
|
|
|
&.elementor-swiper-button-next {
|
|
right: 0;
|
|
}
|
|
|
|
&.elementor-swiper-button-prev {
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
#simple-blog-box {
|
|
padding: 0 29px;
|
|
|
|
.simple-blog-post {
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
|
|
._image {
|
|
img {
|
|
height: 100%;
|
|
max-height: 200px;
|
|
width: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
}
|
|
|
|
._content {
|
|
padding: 20px;
|
|
background-color: $cBgAccent;
|
|
|
|
.post-title {
|
|
color: $cBlack;
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
margin: 0 0 0.7em;
|
|
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
line-height: 1.25;
|
|
font-weight: 400;
|
|
}
|
|
|
|
a._btn {
|
|
display: inline-block;
|
|
color: $cGold;
|
|
font-weight: 400;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.js-product {
|
|
&.product {
|
|
article.product-miniature {
|
|
&:hover {
|
|
.thumbnail-container {
|
|
.wishlist-button-add {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
ul.product-flags {
|
|
transform: translateX(calc(-100% - 30px));
|
|
|
|
// li.product-flag {
|
|
// &.new {
|
|
// transform: translateX(0);
|
|
// }
|
|
|
|
// &.discount {
|
|
// transform: translateX(-100%);
|
|
// }
|
|
// }
|
|
}
|
|
}
|
|
}
|
|
|
|
.thumbnail-container {
|
|
width: 100%;
|
|
border-radius: 10px;
|
|
border: 1px solid #eff6f7;
|
|
|
|
.thumbnail-top {
|
|
background: #ffffff;
|
|
|
|
a {
|
|
img {
|
|
}
|
|
}
|
|
|
|
.highlighted-informations {
|
|
}
|
|
|
|
.product-add-to-basket {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.add-to-cart {
|
|
font-family: $fInter;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
|
|
padding: 8px 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
background: #462d26;
|
|
border-radius: 1px;
|
|
column-gap: 8px;
|
|
|
|
i {
|
|
font-size: 15px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
span {
|
|
line-height: 1;
|
|
margin-bottom: 1px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-description {
|
|
margin-top: 14px;
|
|
|
|
&::after {
|
|
display: none !important;
|
|
}
|
|
|
|
.product-title {
|
|
margin-bottom: 14px;
|
|
line-height: 1;
|
|
|
|
a {
|
|
color: #462d26;
|
|
font-family: $fInter;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.2;
|
|
}
|
|
}
|
|
|
|
.product-price-and-shipping {
|
|
.regular-price {
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
color: rgb(70, 45, 38, 0.34);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.price {
|
|
color: #462d26;
|
|
font-family: $fInter;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.discount-product {
|
|
}
|
|
|
|
&.product-price-discount {
|
|
display: flex;
|
|
flex-direction: row;
|
|
column-gap: 10px;
|
|
|
|
.price {
|
|
order: 1;
|
|
color: #c40000;
|
|
}
|
|
.regular-price {
|
|
order: 2;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ul.product-flags {
|
|
position: absolute;
|
|
top: 24px;
|
|
left: 24px;
|
|
z-index: 2;
|
|
transition: all 250ms ease-in-out;
|
|
row-gap: 8px;
|
|
|
|
li.product-flag {
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
padding: 3px 8px;
|
|
min-width: fit-content;
|
|
min-height: auto;
|
|
margin-top: 0;
|
|
list-style: none;
|
|
|
|
// &:first-child {
|
|
// margin-top: 0;
|
|
// }
|
|
|
|
font-family: $fInter;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
|
|
&.new {
|
|
background: #462d26;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
&.discount {
|
|
display: flex;
|
|
flex-direction: row;
|
|
column-gap: 8px;
|
|
background-color: transparent;
|
|
padding: 0;
|
|
|
|
span {
|
|
font-family: $fInter;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
padding: 4px 8px;
|
|
background: #c40000;
|
|
}
|
|
// background: #e30613;
|
|
// border-bottom-right-radius: 10px;
|
|
}
|
|
|
|
&.out_of_stock {
|
|
background: #462d26;
|
|
// position: absolute;
|
|
// top: 0;
|
|
// right: 0;
|
|
// background: #111516;
|
|
// border-bottom-left-radius: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.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));
|
|
|
|
i {
|
|
color: #462d26;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-images > li.thumb-container > .thumb.selected,
|
|
.product-images > li.thumb-container > .thumb:hover {
|
|
border-color: $cGold;
|
|
}
|
|
|
|
.blockreassurance_product {
|
|
.item-product {
|
|
svg {
|
|
path {
|
|
fill: $cGold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//* Single Product
|
|
body#product {
|
|
#content {
|
|
ul.product-flags {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 10px;
|
|
flex-wrap: wrap;
|
|
|
|
li.product-flag {
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
padding: 3px 8px;
|
|
min-width: fit-content;
|
|
min-height: auto;
|
|
transition: all 250ms ease-in-out;
|
|
margin-top: 0;
|
|
|
|
border-radius: 10px;
|
|
|
|
&.new {
|
|
background: $cGold;
|
|
margin-top: 0;
|
|
}
|
|
|
|
&.discount {
|
|
background: #e30613;
|
|
}
|
|
|
|
&.out_of_stock {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
background: #111516;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-info-box {
|
|
margin: 0;
|
|
// background: $cWhite;
|
|
padding-top: 5px;
|
|
padding-bottom: 65px;
|
|
border-radius: 10px;
|
|
|
|
#content {
|
|
max-width: unset;
|
|
|
|
ul.product-flags {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
color: $cBlack;
|
|
font-size: 24px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.product-prices {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
gap: 10px;
|
|
|
|
.product-discount {
|
|
margin-bottom: 0px;
|
|
|
|
.regular-price {
|
|
color: #a9a8a8;
|
|
font-weight: 300;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.product-price {
|
|
margin-bottom: 0;
|
|
|
|
.current-price {
|
|
color: $cBlack;
|
|
font-size: 26px;
|
|
font-weight: 600;
|
|
margin-bottom: 0;
|
|
|
|
.discount {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.tax-shipping-delivery-label {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.product-info-box-left {
|
|
&:hover {
|
|
.scroll-box-arrows {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
}
|
|
.images-container {
|
|
.js-qv-mask {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
.product-images {
|
|
margin-bottom: 0;
|
|
}
|
|
.scroll-box-arrows {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: all 250ms ease-in-out;
|
|
|
|
.material-icons {
|
|
line-height: 0;
|
|
bottom: 45px;
|
|
width: 33px;
|
|
height: 33px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: #ece9e2;
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-info-box-right {
|
|
ul.product-flags {
|
|
margin-bottom: 24px;
|
|
|
|
li.product-flag {
|
|
font-size: 11px;
|
|
font-weight: 400;
|
|
padding: 3px 8px;
|
|
min-width: fit-content;
|
|
min-height: auto;
|
|
margin-top: 0;
|
|
list-style: none;
|
|
font-family: $fInter;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
|
|
&.new {
|
|
background: #462d26;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
&.discount {
|
|
display: flex;
|
|
flex-direction: row;
|
|
column-gap: 8px;
|
|
background-color: transparent;
|
|
padding: 0;
|
|
|
|
span {
|
|
font-family: $fInter;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
padding: 4px 8px;
|
|
background: #c40000;
|
|
}
|
|
}
|
|
|
|
&.out_of_stock {
|
|
background: #462d26;
|
|
}
|
|
}
|
|
}
|
|
|
|
.h1 {
|
|
color: #462d26;
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
text-transform: initial;
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.product-prices {
|
|
.product-discount {
|
|
.regular-price {
|
|
color: #462d26;
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
line-height: 1;
|
|
opacity: 0.35;
|
|
}
|
|
}
|
|
.product-price {
|
|
.current-price {
|
|
.current-price-value {
|
|
color: #462d26;
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
.tax-shipping-delivery-label {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.gm_omniprice {
|
|
display: none;
|
|
}
|
|
|
|
.product-information {
|
|
.product-description {
|
|
display: none;
|
|
}
|
|
.product-actions {
|
|
.product-variants {
|
|
margin: 16px 0;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
.product-variants-item {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
// margin: 16px 0;
|
|
margin: 0;
|
|
padding: 16px 0;
|
|
width: 100%;
|
|
|
|
&:not(:last-child) {
|
|
border-bottom: 1px solid #ddd;
|
|
// padding-bottom: 16px;
|
|
}
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: -20px;
|
|
right: -20px;
|
|
top: -1px;
|
|
bottom: 0;
|
|
background: #fff;
|
|
transition: all 250ms ease-in-out;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition-delay: 400ms;
|
|
}
|
|
|
|
&.active {
|
|
&::before {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
transition-delay: 0ms;
|
|
}
|
|
}
|
|
|
|
.product-variants-item--wrapper {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.control-label-nav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
&.active {
|
|
.form-control-select-standard-handler {
|
|
transform: scale(-1);
|
|
}
|
|
}
|
|
|
|
.form-control-select-standard-handler {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.control-label {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
|
|
width: 100%;
|
|
max-width: 200px;
|
|
margin-bottom: 0;
|
|
|
|
.control-label-selected {
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
select {
|
|
// border-radius: 10px;
|
|
display: none;
|
|
}
|
|
|
|
.form-control-select-custom {
|
|
display: none;
|
|
position: absolute;
|
|
left: -20px;
|
|
right: -20px;
|
|
top: calc(100% + 16px);
|
|
z-index: 10;
|
|
|
|
.custom-select {
|
|
display: block;
|
|
padding: 25px;
|
|
border: none;
|
|
background: #fff;
|
|
height: auto;
|
|
|
|
ul.custom-dropdown {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: 16px;
|
|
margin: 0;
|
|
|
|
li {
|
|
display: flex;
|
|
flex-direction: row;
|
|
column-gap: 14px;
|
|
margin: 0;
|
|
|
|
color: #110e0c;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
font-family: $fInter;
|
|
cursor: pointer;
|
|
|
|
&:not(:last-child) {
|
|
padding-bottom: 16px;
|
|
border-bottom: 1px solid #110e0c1a;
|
|
}
|
|
|
|
&.active {
|
|
.li-checkbox {
|
|
background: #462d26;
|
|
border-color: #462d26;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 5.5px;
|
|
width: 8px;
|
|
height: 2px;
|
|
background: #f9f7f2;
|
|
transform: rotate(-45deg);
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 9px;
|
|
left: 4.5px;
|
|
width: 3.5px;
|
|
height: 2px;
|
|
background: #f9f7f2;
|
|
transform: rotate(45deg);
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
}
|
|
}
|
|
|
|
.li-checkbox {
|
|
position: relative;
|
|
display: block;
|
|
width: 19px;
|
|
min-width: 19px;
|
|
height: 19px;
|
|
border: 1px solid #d9cebe;
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// > ul {
|
|
// margin-bottom: 0;
|
|
|
|
// li {
|
|
// > label {
|
|
// margin-bottom: 0;
|
|
|
|
// > span {
|
|
// display: inline-block;
|
|
// width: 20px;
|
|
// height: 20px;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
}
|
|
}
|
|
|
|
.product-add-to-cart {
|
|
padding: 24px;
|
|
background: #ece9e2;
|
|
|
|
> .control-label {
|
|
display: none;
|
|
}
|
|
|
|
.product-quantity {
|
|
margin-bottom: 10px;
|
|
|
|
.qty {
|
|
margin-bottom: 0;
|
|
margin-right: 16px;
|
|
|
|
> .input-group {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
float: none;
|
|
border: 1px solid #462d26d9;
|
|
border-radius: 1px;
|
|
|
|
input#quantity_wanted {
|
|
order: 2;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 35px;
|
|
border: none;
|
|
background: transparent;
|
|
height: 29px;
|
|
}
|
|
|
|
button {
|
|
padding: 0;
|
|
height: auto;
|
|
|
|
color: #462d26d9;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
border: none;
|
|
background: transparent;
|
|
|
|
&.btn {
|
|
height: 29px;
|
|
padding: 0 10px;
|
|
|
|
&.bootstrap-touchspin-up {
|
|
order: 3;
|
|
}
|
|
&.bootstrap-touchspin-down {
|
|
order: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.add {
|
|
margin: 0;
|
|
width: 100%;
|
|
|
|
.add-to-cart {
|
|
background: #e79332;
|
|
margin: 0;
|
|
width: 100%;
|
|
|
|
color: #f9f7f2;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
text-transform: initial;
|
|
|
|
.material-icons {
|
|
line-height: 1;
|
|
font-size: 14px;
|
|
height: auto;
|
|
width: auto;
|
|
vertical-align: baseline;
|
|
margin-right: 3px;
|
|
}
|
|
}
|
|
}
|
|
.wishlist-button-add {
|
|
margin-left: 16px;
|
|
width: 30px;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
|
|
i {
|
|
background-image: url('/img/cms/icons/icon-heart.svg');
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
width: 26px;
|
|
height: 26px;
|
|
font-size: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
#product-availability {
|
|
display: none;
|
|
}
|
|
.product-minimal-quantity {
|
|
margin: 0;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.product-additional-info {
|
|
display: none;
|
|
}
|
|
|
|
.product-additional-info {
|
|
margin: 30px 0;
|
|
}
|
|
}
|
|
|
|
.blockreassurance_product {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: 20px;
|
|
margin: 40px 0 0 0;
|
|
|
|
> div {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
|
|
.item-product {
|
|
margin-right: 16px;
|
|
padding: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
|
|
svg {
|
|
width: 24px;
|
|
height: 24px;
|
|
|
|
path {
|
|
fill: transparent !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.block-title {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
p {
|
|
font-weight: 700;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-description-box {
|
|
position: relative;
|
|
margin-bottom: 100px;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
bottom: 0;
|
|
width: 100svw;
|
|
transform: translateX(-50%);
|
|
background: #ffffff;
|
|
}
|
|
}
|
|
|
|
.tabs {
|
|
border-radius: 10px;
|
|
|
|
.nav-tabs {
|
|
.nav-item {
|
|
.nav-link {
|
|
color: $cBlack;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
|
|
&:hover {
|
|
border-bottom: $cGold 3px solid;
|
|
}
|
|
|
|
&.active {
|
|
color: $cBlack;
|
|
border-color: $cGold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#empty-product-comment {
|
|
border-radius: 10px;
|
|
}
|
|
}
|
|
|
|
#blockcart-modal {
|
|
.modal-content {
|
|
.modal-header {
|
|
}
|
|
|
|
.modal-body {
|
|
.product-name {
|
|
color: $cBlack;
|
|
font-weight: 500;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.cart-content-btn {
|
|
.btn {
|
|
&.btn-primary {
|
|
background: $cGold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//* Koszyk
|
|
body#cart {
|
|
#content-wrapper {
|
|
.card-block-title {
|
|
.h1 {
|
|
color: #462d26;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
text-transform: initial;
|
|
text-align: center;
|
|
margin-bottom: 16px;
|
|
}
|
|
}
|
|
|
|
.cart-grid {
|
|
margin-bottom: 150px;
|
|
|
|
.cart-grid-body {
|
|
.card {
|
|
background: transparent;
|
|
}
|
|
.cart-overview {
|
|
padding: 0;
|
|
|
|
table {
|
|
width: 100%;
|
|
|
|
thead {
|
|
&::after {
|
|
content: '';
|
|
display: block;
|
|
height: 24px;
|
|
}
|
|
|
|
tr {
|
|
th {
|
|
color: #462d26d9;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
font-family: $fInter;
|
|
white-space: nowrap;
|
|
padding: 8px 0;
|
|
border-bottom: 1px solid #110e0c1a;
|
|
|
|
&:not(:last-child) {
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
tbody {
|
|
tr {
|
|
&:not(:first-child) {
|
|
td {
|
|
padding-top: 18px;
|
|
}
|
|
}
|
|
&:not(:last-child) {
|
|
td {
|
|
padding-bottom: 18px;
|
|
border-bottom: 1px solid #110e0c1a;
|
|
}
|
|
}
|
|
td {
|
|
vertical-align: top;
|
|
&:not(:last-child) {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.product-card-img {
|
|
img {
|
|
width: 80px;
|
|
}
|
|
}
|
|
.product-card-desc {
|
|
line-height: 1;
|
|
|
|
a {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
font-family: $fInter;
|
|
}
|
|
}
|
|
.product-card-infos {
|
|
line-height: 1;
|
|
margin-top: 8px;
|
|
|
|
.product-card-info {
|
|
&:not(:last-child) {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
span {
|
|
color: #462d26d9;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
font-family: $fInter;
|
|
}
|
|
}
|
|
}
|
|
.product-card-price {
|
|
padding-top: 7px;
|
|
|
|
.current-price {
|
|
line-height: 1;
|
|
.price {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
.product-discount {
|
|
line-height: 1;
|
|
margin-top: 3px;
|
|
|
|
.regular-price {
|
|
color: #462d26d9;
|
|
font-size: 12px;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
}
|
|
.product-card-qty {
|
|
> .input-group {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
float: none;
|
|
border: 1px solid #462d26d9;
|
|
border-radius: 1px;
|
|
|
|
input.js-cart-line-product-quantity {
|
|
order: 2;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 35px;
|
|
border: none;
|
|
background: transparent;
|
|
height: 29px;
|
|
}
|
|
|
|
button {
|
|
padding: 0;
|
|
height: auto;
|
|
|
|
color: #462d26d9;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
border: none;
|
|
background: transparent;
|
|
|
|
&.btn {
|
|
height: 29px;
|
|
padding: 0 7px;
|
|
|
|
&.bootstrap-touchspin-up {
|
|
order: 3;
|
|
}
|
|
&.bootstrap-touchspin-down {
|
|
order: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.product-card-sum-price {
|
|
padding-top: 7px;
|
|
line-height: 1;
|
|
}
|
|
.product-card-action {
|
|
display: block;
|
|
padding-top: 9px;
|
|
|
|
.remove-from-cart {
|
|
position: relative;
|
|
width: 10px;
|
|
height: 10px;
|
|
display: block;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 1px;
|
|
background: #bbb6aa;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%) rotate(45deg);
|
|
}
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 1px;
|
|
background: #bbb6aa;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%) rotate(-45deg);
|
|
}
|
|
.material-icons {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.no-items {
|
|
color: #462d26;
|
|
font-size: 16px;
|
|
font-family: $fInter;
|
|
font-weight: 700;
|
|
|
|
width: 100%;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.card-block {
|
|
}
|
|
|
|
.cart-overview {
|
|
.cart-items {
|
|
.cart-item {
|
|
.product-line-grid {
|
|
.product-line-grid-body {
|
|
.product-line-info {
|
|
a {
|
|
color: $cBlack;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
.product-price {
|
|
margin: 10px 0;
|
|
|
|
.product-discount {
|
|
.regular-price {
|
|
color: #a9a8a8;
|
|
font-weight: 300;
|
|
margin: 0;
|
|
}
|
|
|
|
.discount {
|
|
background: $cGold;
|
|
}
|
|
}
|
|
|
|
.current-price {
|
|
.price {
|
|
color: $cBlack;
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.cart-summary {
|
|
margin-bottom: 24px;
|
|
background: #ece9e2;
|
|
|
|
.cart-detailed-totals {
|
|
.cart-detailed-subtotals {
|
|
padding: 24px 24px 0 24px;
|
|
|
|
.cart-summary-line {
|
|
&:not(:last-child) {
|
|
margin-bottom: 8px;
|
|
}
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
span {
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
|
|
&.label {
|
|
font-weight: 500;
|
|
}
|
|
|
|
&.value {
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.cart-summary-totals {
|
|
padding: 16px 24px;
|
|
|
|
.cart-summary-line {
|
|
&.cart-total {
|
|
padding: 0;
|
|
border: 0;
|
|
|
|
span {
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.cart-detailed-actions {
|
|
padding: 0 24px 18px;
|
|
a.btn {
|
|
color: #f9f7f2;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
padding: 14px 12px;
|
|
background-color: #e79332;
|
|
text-transform: initial;
|
|
}
|
|
}
|
|
|
|
.card-payment-support {
|
|
padding: 0 24px 12px;
|
|
|
|
ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
column-gap: 30px;
|
|
row-gap: 12px;
|
|
|
|
li {
|
|
img {
|
|
max-width: 44px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body#checkout {
|
|
#content-wrapper {
|
|
.cart-grid-body {
|
|
.checkout-step {
|
|
padding: 0;
|
|
background-color: #f9f7f2;
|
|
|
|
.step-title {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 700;
|
|
text-transform: initial;
|
|
padding-bottom: 10px;
|
|
border-bottom: 1px solid #462d26;
|
|
margin-bottom: 32px;
|
|
|
|
.step-number {
|
|
&::after {
|
|
content: '. ';
|
|
}
|
|
}
|
|
}
|
|
&.-current {
|
|
opacity: 1 !important;
|
|
.step-title {
|
|
color: #e79332;
|
|
border-bottom: 1px solid #e79332;
|
|
}
|
|
}
|
|
&.-complete {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.content {
|
|
padding: 0;
|
|
}
|
|
|
|
#customer-form {
|
|
max-width: 480px;
|
|
}
|
|
|
|
.form-group {
|
|
label {
|
|
color: #110e0c;
|
|
font-size: 12px;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
margin-bottom: 4px;
|
|
}
|
|
input {
|
|
&.form-control {
|
|
background: #462d261a;
|
|
border: 1px solid #462d2624;
|
|
padding: 14px 16px;
|
|
|
|
color: #110e0c;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
|
|
.btn-show-password-box {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: fit-content;
|
|
|
|
.btn-show-password {
|
|
padding: 0;
|
|
background: transparent;
|
|
display: flex;
|
|
height: 100%;
|
|
align-items: center;
|
|
width: 30px;
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
.form-control-comment {
|
|
color: rgba(70, 45, 38, 0.8509803922);
|
|
font-size: 12px;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.form-informations {
|
|
margin-top: 40px;
|
|
|
|
.form-informations-title {
|
|
color: #110e0c;
|
|
font-size: 16px;
|
|
font-family: $fInter;
|
|
font-weight: 700;
|
|
}
|
|
.form-informations-option {
|
|
color: #110e0c;
|
|
font-size: 16px;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
font-style: initial !important;
|
|
}
|
|
.form-informations-subtitle {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.form-footer {
|
|
text-align: start;
|
|
width: fit-content;
|
|
|
|
.btn {
|
|
color: #f9f7f2;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
background: #e79332;
|
|
padding: 12px 80px;
|
|
text-transform: initial;
|
|
}
|
|
}
|
|
|
|
#delivery-address {
|
|
max-width: 480px;
|
|
margin-left: 0;
|
|
}
|
|
.delivery-options {
|
|
max-width: 480px;
|
|
|
|
.delivery-option {
|
|
padding: 12px 16px;
|
|
margin: 0;
|
|
border: 1px solid #462d2624;
|
|
border-radius: 1px;
|
|
column-gap: 16px;
|
|
min-height: initial;
|
|
background: transparent;
|
|
|
|
&:not(:last-child) {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.delivery-option-checkbox {
|
|
width: fit-content;
|
|
line-height: 0;
|
|
}
|
|
.delivery-option-2 {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.carrier-price {
|
|
color: #110e0c;
|
|
font-family: $fInter;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.order-options {
|
|
#delivery {
|
|
label {
|
|
color: #110e0c;
|
|
font-size: 12px;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
margin-bottom: 4px;
|
|
}
|
|
textarea {
|
|
width: 100%;
|
|
max-width: 480px;
|
|
border: 1px solid #462d2624;
|
|
background: #462d261a;
|
|
border-radius: 1px;
|
|
resize: none;
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
}
|
|
button[type='submit'] {
|
|
color: #f9f7f2;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
padding: 12px 80px;
|
|
background: #e79332;
|
|
text-transform: initial;
|
|
float: none !important;
|
|
}
|
|
|
|
#conditions-to-approve {
|
|
ul {
|
|
li {
|
|
.condition-label {
|
|
margin: 0;
|
|
line-height: 1;
|
|
|
|
label {
|
|
margin: 0;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.payment-options {
|
|
.js-additional-information {
|
|
margin: 0 0 20px 0;
|
|
padding: 24px;
|
|
border: 1px solid #462d2624;
|
|
|
|
p {
|
|
color: #110e0c;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
}
|
|
dl {
|
|
border-left: 1px solid #462d2624;
|
|
border-right: 1px solid #462d2624;
|
|
border-top: 1px solid #462d2624;
|
|
dt {
|
|
border-right: 1px solid #462d2624;
|
|
}
|
|
dt,
|
|
dd {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
font-family: $fInter;
|
|
background: transparent;
|
|
margin: 0;
|
|
flex: 0 0 50%;
|
|
|
|
border-bottom: 1px solid rgba(70, 45, 38, 0.1411764706);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#js-checkout-summary {
|
|
background: transparent;
|
|
|
|
.js-checkout-summary-box {
|
|
margin-bottom: 16px;
|
|
background-color: #ece9e2;
|
|
|
|
> .card-block {
|
|
padding: 24px 24px 0 24px;
|
|
}
|
|
|
|
.cart-summary-totals {
|
|
padding: 16px 24px 24px 24px;
|
|
|
|
.cart-total {
|
|
line-height: 1;
|
|
padding: 0;
|
|
|
|
span {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
}
|
|
}
|
|
}
|
|
|
|
#cart-summary-product-list {
|
|
.media-list {
|
|
margin-bottom: 24px;
|
|
padding-bottom: 24px;
|
|
border-bottom: 1px solid rgb(70, 45, 38, 0.3);
|
|
|
|
.media {
|
|
&:not(:last-child) {
|
|
margin-bottom: 24px;
|
|
}
|
|
.media-left {
|
|
img {
|
|
width: 40px;
|
|
}
|
|
}
|
|
.media-body {
|
|
.product-name {
|
|
a {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
font-family: $fInter;
|
|
|
|
display: block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
max-width: 260px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.cart-summary-products {
|
|
.h4 {
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
margin-bottom: 24px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.media-list {
|
|
.media {
|
|
.media-left {
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.media-body {
|
|
.product-name {
|
|
line-height: 1;
|
|
margin-bottom: 2px;
|
|
display: block;
|
|
|
|
a {
|
|
color: $cBlack;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.product-specification {
|
|
.product-line-info {
|
|
line-height: 1;
|
|
margin-bottom: 2px;
|
|
|
|
span {
|
|
color: #462d26d9;
|
|
font-size: 12px;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.product-quantity {
|
|
color: #462d26d9;
|
|
font-size: 12px;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
|
|
.product-price {
|
|
color: $cBlack;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.cart-summary-subtotals-container {
|
|
padding: 0;
|
|
border: none;
|
|
|
|
.cart-summary-line {
|
|
line-height: 1;
|
|
margin-bottom: 8px;
|
|
|
|
span {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.delivery-options {
|
|
.delivery-option {
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body#order-confirmation {
|
|
.breadcrumb {
|
|
display: none;
|
|
}
|
|
#content-wrapper {
|
|
#main {
|
|
#registration-form {
|
|
display: none;
|
|
}
|
|
section {
|
|
&#content,
|
|
&#content-hook_payment_return,
|
|
&#content-hook-order-confirmation-footer {
|
|
display: none;
|
|
}
|
|
|
|
&#content-hook_order_confirmation {
|
|
margin-bottom: 150px;
|
|
margin-top: 50px;
|
|
background: transparent;
|
|
|
|
.card-title {
|
|
color: #462d26;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
margin-bottom: 24px;
|
|
text-align: center;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
row-gap: 32px;
|
|
text-transform: initial;
|
|
}
|
|
|
|
p {
|
|
color: #1a1a18;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
font-family: $fInter;
|
|
text-align: center;
|
|
max-width: 750px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.elementor-button {
|
|
color: #f9f7f2;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
padding: 18px 80px;
|
|
background: #e79332;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
footer#footer {
|
|
.footer-box-newsletter,
|
|
.footer-box-services,
|
|
.footer-box-other-info {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
footer#footer {
|
|
background-color: #f9f7f2;
|
|
}
|
|
|
|
.category-tiles-list {
|
|
display: grid;
|
|
grid-template-columns: repeat(6, 1fr);
|
|
grid-gap: 20px;
|
|
|
|
a {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
body {
|
|
&:not(#ets_blog_page) {
|
|
main {
|
|
#left-column {
|
|
> div.block {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&#ets_blog_page {
|
|
#content-wrapper {
|
|
.ets-blog-wrapper-detail {
|
|
border-radius: 10px;
|
|
}
|
|
}
|
|
|
|
#left-column {
|
|
.title_block {
|
|
color: $cBlack;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.ets_block_slider {
|
|
.ets_title_block {
|
|
color: $cBlack;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
}
|
|
|
|
ul.ets-blog-list {
|
|
> li {
|
|
.post-wrapper {
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
|
|
.ets-blog-wrapper-content {
|
|
background: #eff6f7;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.ets_title_block {
|
|
color: $cBlack;
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
line-height: 1.25;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.blog_description {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.read_more {
|
|
display: inline-block;
|
|
color: $cGold;
|
|
font-weight: 400;
|
|
text-decoration: underline;
|
|
font-style: underline !important;
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ets_blog_sidebar {
|
|
> .block {
|
|
box-shadow: none !important;
|
|
border-radius: 10px;
|
|
}
|
|
}
|
|
|
|
body {
|
|
#left-column {
|
|
.block-categories {
|
|
.category-top-menu {
|
|
li {
|
|
a {
|
|
&.h6 {
|
|
color: $cBlack;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
|
|
.category-sub-menu {
|
|
li {
|
|
a {
|
|
color: $cBlack;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#search_filters {
|
|
.h6 {
|
|
color: $cBlack;
|
|
font-size: 20px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.facet {
|
|
.h6 {
|
|
color: $cBlack;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body#category {
|
|
#left-column {
|
|
> div {
|
|
border-radius: 10px;
|
|
}
|
|
}
|
|
|
|
#content-wrapper {
|
|
section#main {
|
|
div {
|
|
border-radius: 10px;
|
|
}
|
|
}
|
|
|
|
// #subcategories {
|
|
// .subcategories-list {
|
|
// li {
|
|
// .subcategory-image {
|
|
// a {
|
|
// border-radius: 10px;
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
}
|
|
}
|
|
|
|
.product-description {
|
|
color: #000;
|
|
|
|
* {
|
|
color: #000;
|
|
font-size: 15px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: disc;
|
|
margin-left: 25px;
|
|
}
|
|
|
|
h3 {
|
|
color: #000 !important;
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
|
|
.data-sheet {
|
|
dd,
|
|
dt {
|
|
font-weight: 400 !important;
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
|
|
//* ~~~~~~~~~~~~ New styles ~~~~~~~~~~~~
|
|
#header-search {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 340px;
|
|
|
|
padding-right: 32px;
|
|
margin-right: 14px;
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
width: 1px;
|
|
height: 28px;
|
|
background: rgba(#110e0c, 0.1);
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
|
|
#header-menu {
|
|
.elementor-nav-menu {
|
|
> ul {
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: 100%;
|
|
|
|
&::after {
|
|
display: none;
|
|
}
|
|
}
|
|
.menu-item-separator {
|
|
display: block;
|
|
width: 1px;
|
|
height: 14px;
|
|
background: #110e0c1a;
|
|
}
|
|
}
|
|
}
|
|
|
|
.home-slider {
|
|
@media (min-width: 1500px) {
|
|
margin-left: 50%;
|
|
transform: translateX(-50%);
|
|
min-width: 1440px;
|
|
}
|
|
|
|
.carousel-item {
|
|
.caption {
|
|
width: 100%;
|
|
max-width: 80%;
|
|
bottom: auto;
|
|
top: 80px;
|
|
|
|
.caption-description {
|
|
h2 {
|
|
color: #f9f7f2;
|
|
font-size: 64px;
|
|
margin-bottom: 18px;
|
|
line-height: 1.1;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
|
|
span {
|
|
color: #e79332;
|
|
}
|
|
}
|
|
|
|
p {
|
|
font-size: 16px;
|
|
color: #f9f7f2;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.slide-button {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
column-gap: 12px;
|
|
padding: 16px 45px;
|
|
width: fit-content;
|
|
margin-top: 40px;
|
|
|
|
border-top: 1px solid #e79332;
|
|
border-bottom: 1px solid #e79332;
|
|
|
|
color: #e79332;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
|
|
img {
|
|
width: 100%;
|
|
max-width: 24px;
|
|
}
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -2px;
|
|
bottom: 0;
|
|
width: 10px;
|
|
height: calc(100% + 4px);
|
|
background-image: url('/img/cms/icons/btn-side-line.svg');
|
|
background-position: center;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
right: -1px;
|
|
top: -2px;
|
|
bottom: 0;
|
|
width: 10px;
|
|
height: calc(100% + 4px);
|
|
background-image: url('/img/cms/icons/btn-side-line.svg');
|
|
background-position: center;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
transform: scale(-1);
|
|
}
|
|
}
|
|
}
|
|
|
|
.home-box-1 {
|
|
> .elementor-column-wrap {
|
|
> .elementor-widget-wrap {
|
|
display: grid;
|
|
grid-template-columns: 7fr 5fr;
|
|
grid-template-rows: 1fr 1fr;
|
|
grid-template-areas: 'item1 item2' 'item1 item3';
|
|
gap: 20px;
|
|
|
|
> .elementor-element {
|
|
&:nth-child(1) {
|
|
grid-area: item1;
|
|
}
|
|
&:nth-child(2) {
|
|
grid-area: item2;
|
|
}
|
|
&:nth-child(3) {
|
|
grid-area: item3;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.home-box1-tile {
|
|
&:nth-child(1) {
|
|
.elementor-cta-content {
|
|
.elementor-button {
|
|
&::before {
|
|
content: url('/img/cms/Home/Group 1223.svg');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
> .elementor-widget-container {
|
|
height: 100%;
|
|
> .elementor-cta {
|
|
height: 100%;
|
|
}
|
|
}
|
|
.elementor-cta-content {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: transparent;
|
|
justify-content: space-between;
|
|
align-content: space-between;
|
|
|
|
.elementor-button {
|
|
position: relative;
|
|
padding: 0;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 10px;
|
|
|
|
&::before {
|
|
content: url('/img/cms/Home/Group 1224.svg');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.home-box-info {
|
|
position: relative;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
height: 1px;
|
|
width: 100vw;
|
|
transform: translateX(-50%);
|
|
background: rgba(#aa8a5e, 0.25);
|
|
}
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
height: 1px;
|
|
width: 100vw;
|
|
transform: translateX(-50%);
|
|
background: rgba(#aa8a5e, 0.25);
|
|
}
|
|
|
|
> .elementor-container {
|
|
> .elementor-row {
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.home-box-info-img {
|
|
img {
|
|
max-width: unset;
|
|
}
|
|
}
|
|
}
|
|
|
|
.footer-box-services {
|
|
position: relative;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
height: 1px;
|
|
width: 100vw;
|
|
transform: translateX(-50%);
|
|
background: rgba(#aa8a5e, 0.25);
|
|
}
|
|
.elementor-widget-wrap {
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
}
|
|
}
|
|
|
|
.footer-box-other-info {
|
|
> .elementor-container {
|
|
> .elementor-row {
|
|
column-gap: 80px;
|
|
position: relative;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -60px;
|
|
bottom: -60px;
|
|
left: 50%;
|
|
width: 1px;
|
|
transform: translateX(-50%);
|
|
background: rgba(#aa8a5e, 0.25);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
article {
|
|
&.product-miniature {
|
|
&.product-card {
|
|
.product-description {
|
|
.product-title {
|
|
a {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
nav.pagination {
|
|
.page-list {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 10px;
|
|
background: transparent;
|
|
|
|
.pagination-item {
|
|
&.prev {
|
|
a {
|
|
background: transparent;
|
|
transition: all 250ms ease-in-out;
|
|
|
|
img {
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
&:hover {
|
|
background: #ffa629;
|
|
img {
|
|
filter: brightness(0) invert(1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.next {
|
|
a {
|
|
background: transparent;
|
|
transition: all 250ms ease-in-out;
|
|
|
|
img {
|
|
transition: all 250ms ease-in-out;
|
|
transform: scale(-1);
|
|
}
|
|
|
|
&:hover {
|
|
background: #ffa629;
|
|
img {
|
|
filter: brightness(0) invert(1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.current {
|
|
a {
|
|
color: #ffffff;
|
|
background: #ffa629;
|
|
}
|
|
}
|
|
|
|
.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: $fInter;
|
|
}
|
|
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
color: #9f928c;
|
|
font-family: $fInter;
|
|
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;
|
|
|
|
&:hover {
|
|
color: #fff;
|
|
background: #ffa629;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body#category {
|
|
section#main {
|
|
#subcategories {
|
|
padding: 0;
|
|
margin: 0;
|
|
background: transparent;
|
|
|
|
.subcategory-heading {
|
|
display: none;
|
|
}
|
|
|
|
.subcategories-list {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 16px;
|
|
flex-wrap: wrap;
|
|
|
|
li {
|
|
.subcategory-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
column-gap: 16px;
|
|
align-items: center;
|
|
background: #ece9e2;
|
|
border-radius: 50px;
|
|
padding: 8px 24px 8px 10px;
|
|
|
|
.subcategory-image {
|
|
width: 43px;
|
|
height: 43px;
|
|
padding: 0;
|
|
background: #ffffff;
|
|
border-radius: 100%;
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
.subcategory-name {
|
|
color: #462d26;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
font-family: $fInter;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
nav.breadcrumb {
|
|
margin-bottom: 1.563rem;
|
|
ol {
|
|
display: flex;
|
|
flex-direction: row;
|
|
column-gap: 16px;
|
|
align-items: center;
|
|
|
|
li {
|
|
span {
|
|
color: #462d26;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
}
|
|
|
|
&.separator {
|
|
img {
|
|
width: 5px;
|
|
height: 9px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body#cms {
|
|
// Disable custom footer elements
|
|
&.cms-id-5,
|
|
&.cms-id-6,
|
|
&.cms-id-7 {
|
|
footer#footer {
|
|
section.footer-box-newsletter {
|
|
display: none;
|
|
}
|
|
section.footer-box-services {
|
|
display: none;
|
|
}
|
|
section.footer-box-other-info {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
section#main {
|
|
header.page-header {
|
|
margin-bottom: 32px;
|
|
|
|
h1 {
|
|
color: #462d26;
|
|
font-size: 32px;
|
|
font-family: $fInter;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#cms-citys {
|
|
.elementor-icon-list-items {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
gap: 20px;
|
|
|
|
li {
|
|
.elementor-icon-list-text {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 12px 24px;
|
|
background: #462d26;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#js-product-list {
|
|
> .products {
|
|
row-gap: 40px;
|
|
}
|
|
}
|
|
|
|
#basket-side-panel {
|
|
.elementor-cart__title {
|
|
text-align: center;
|
|
min-height: unset;
|
|
line-height: 1;
|
|
padding: 20px 0 25px;
|
|
}
|
|
.elementor-cart__products {
|
|
.elementor-cart__product {
|
|
position: relative;
|
|
|
|
.elementor-cart__product-name {
|
|
padding-left: 16px;
|
|
}
|
|
.elementor-cart__product-attrs {
|
|
padding: 3px 0;
|
|
}
|
|
.elementor-cart__product-price {
|
|
padding-left: 16px;
|
|
}
|
|
.elementor-cart__product-remove {
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.elementor-cart__footer-box {
|
|
position: relative;
|
|
margin-top: auto;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0 -30px;
|
|
background: #ece9e2;
|
|
z-index: -1;
|
|
}
|
|
|
|
.elementor-cart__summary {
|
|
border: none;
|
|
|
|
> span {
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.elementor-cart__footer-buttons {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.elementor-cart__footer-delivery {
|
|
margin-bottom: 20px;
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
column-gap: 11px;
|
|
|
|
li {
|
|
span {
|
|
color: #462d26;
|
|
font-family: $fInter;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.custom-checkbox {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
column-gap: 10px;
|
|
|
|
label {
|
|
padding: 0;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
|
|
color: #110e0c;
|
|
font-size: 14px;
|
|
font-family: $fInter;
|
|
font-weight: 400;
|
|
}
|
|
}
|
|
input[type='checkbox'],
|
|
input[type='radio'] {
|
|
appearance: none;
|
|
position: relative;
|
|
|
|
width: 15px;
|
|
height: 15px;
|
|
min-width: 15px;
|
|
min-height: 15px;
|
|
display: inline-block;
|
|
|
|
border: 1px solid #d9cebe;
|
|
border-radius: 3px;
|
|
transition: all 250ms ease-in-out;
|
|
overflow: hidden;
|
|
|
|
cursor: pointer;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 15px;
|
|
width: 7px;
|
|
height: 2px;
|
|
background: #f9f7f2;
|
|
transform: rotate(-45deg);
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: -4px;
|
|
left: -8px;
|
|
width: 4px;
|
|
height: 2px;
|
|
background: #f9f7f2;
|
|
transform: rotate(45deg);
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
|
|
&:checked {
|
|
background: #462d26;
|
|
border-color: #462d26;
|
|
|
|
&::before {
|
|
top: 6px;
|
|
left: 4px;
|
|
}
|
|
&::after {
|
|
top: 7px;
|
|
left: 3px;
|
|
}
|
|
}
|
|
}
|
|
|
|
body#authentication {
|
|
section#main {
|
|
.page-header {
|
|
margin-bottom: 32px;
|
|
|
|
h1 {
|
|
color: #462d26;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
font-family: $fInter;
|
|
text-align: center;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
#content {
|
|
background: transparent;
|
|
max-width: 480px;
|
|
margin: 0 auto 150px;
|
|
|
|
form {
|
|
label {
|
|
color: #110e0c;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
}
|
|
input[type='text'] {
|
|
border: 1px solid #462d2624;
|
|
background: #462d261a;
|
|
}
|
|
|
|
.btn-show-password-box {
|
|
width: fit-content;
|
|
position: absolute;
|
|
right: 0;
|
|
|
|
.btn-show-password {
|
|
background: transparent;
|
|
}
|
|
}
|
|
|
|
.forgot-password {
|
|
text-align: left;
|
|
|
|
a {
|
|
color: #110e0c;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
button {
|
|
color: #f9f7f2;
|
|
background: #e79332;
|
|
padding: 14px 80px;
|
|
text-transform: initial;
|
|
}
|
|
}
|
|
|
|
hr {
|
|
margin: 32px 0 16px;
|
|
}
|
|
.no-account {
|
|
a {
|
|
color: #110e0c;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
font-family: $fInter;
|
|
}
|
|
}
|
|
|
|
.register-form {
|
|
> p {
|
|
display: none;
|
|
}
|
|
|
|
form {
|
|
.form-check {
|
|
display: flex;
|
|
flex-direction: row;
|
|
column-gap: 30px;
|
|
|
|
label {
|
|
margin: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 5px;
|
|
|
|
.custom-radio {
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
footer.form-footer {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 30px 0 0 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|