.checkmark {
pointer-events: none;
}
path.path-stroke-none.selected-part + text {
dominant-baseline: auto;
font-size: 18px;
}
.preview-mat-box {
position: relative;
width: 100%;
height: 500px;
}
#init-notice {
min-height: 80%;
background-color: #222222;
border-radius: 10px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
padding: 10px;
}
.logo-note {
text-align: center;
background-color: var(--wd-primary-color);
padding: 8px;
border-radius: 0px 0px 20px 20px;
margin-bottom: 10px;
font-family: Outfit, sans-serif;
font-size: 13px;
color: #1b1b1b;
font-weight: 400;
line-height: 15px;
width: 100%;
position: absolute;
bottom: -18%;
}
.review-image-logo {
width: 110px;
height: auto;
position: absolute;
top: 65%;
left: 5f%;
transform: rotateX(49deg) rotateZ(109deg);
display: block;
}
.review-image-calcaier {
width: 200px;
height: auto;
position: absolute;
top: 5%;
right: 27%;
}
.review-image-border {
width: 100%;
height: auto;
position: absolute;
top: 9%; }
.review-image-covor {
width: 98%;
height: auto;
position: absolute;
top: 9%;
left: 1%;
}
.construct-col {
padding-bottom: 20px;
}
.review-col {
background-color: #282828;
min-height: fit-content;
border-radius: 20px;
padding: 15px;
}
.mat-price-btn:before {
content: "\f126";
font-family: "woodmart-font";
color: #fff;
font-weight: 300;
display: block;
font-size: 12px;
width: 30px;
height: 30px;
border-radius: 100%;
background: #333;
position: absolute !important;
top: 20%;
left: 47%;
line-height: 28px;
text-align: center;
z-index: 2;
}
.mat-price-btn {
background-color: #fff;
cursor: default;
color: #1b1b1b;
font-weight: 500;
padding: 10px 15px 10px 20px;
border-radius: 20px 0px 0px 20px;
margin-right: 3px;
min-width: 50%;
text-align: center;
}
.form-add-cart {
background-color: var(--wd-primary-color);
cursor: pointer;
color: #1b1b1b;
font-weight: 500;
padding: 10px 15px 10px 20px;
border-radius: 0px 20px 20px 0px;
margin-left: 3px;
min-width: 49%;
text-align: center;
}
.structura-covor {
cursor: pointer;
width: 140px;
height: 100px;
margin: 10px;
border-radius: 10px;
background-size: 560px;
background-position: center center;
} .color-covor-portbagaj,
.color-margine-portbagaj {
margin: 0px 5px 5px 0px;
}
.color-option-portbagaj {
width: 36px;
height: 36px;
border: 2px solid transparent;
border-radius: 50px;
}
.color-covor-portbagaj.selected,
.color-margine-portbagaj.selected {
outline: 1px solid #f2c32e;
border-radius: 50px;
padding: 2px;
}
.restricted-box {
position: absolute;
background-color: #222222f5;
width: 90%;
height: 60%;
border-radius: 10px;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
}
.color-covor,
.color-margine {
margin: 0px 5px 5px 0px;
}
.color-option {
width: 37px;
height: 37px;
border: 2px solid transparent;
border-radius: 50px;
}
.mat-structure-review svg .selected-part {
stroke: #f2c32e;
}
.mat-set-option {
position: relative;
display: inline-block;
margin: 10px;
}
.mat-set-option input[type="radio"] {
display: none;
}
.mat-set-option label {
cursor: pointer;
padding-left: 24px;
margin-bottom: -3px !important;
position: relative;
font-size: 13px;
}
.mat-set-option label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 17px;
height: 17px;
border-radius: 50%;
background-color: #343434; transition: background-color 0.3s;
}
.mat-set-option input[type="radio"]:checked + label::before {
background-color: #505050; }
.mat-set-option label::after {
content: "";
position: absolute;
left: 6px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 5px;
height: 8px;
border: solid #f2c32e;
border-width: 0 2px 2px 0;
opacity: 0;
transition: opacity 0.3s;
}
.mat-set-option input[type="radio"]:checked + label::after {
opacity: 1;
}
.mat-set-option input[type="radio"]:disabled + label {
cursor: not-allowed;
color: #999; }
.mat-set-option input[type="radio"]:disabled + label::before {
background-color: #2c2c2c;
} .eva-construct input[type="email"],
.eva-construct input[type="search"],
.eva-construct input[type="number"],
.eva-construct input[type="url"],
.eva-construct input[type="tel"],
.eva-construct input[type="text"],
.eva-construct input[type="password"],
.eva-construct textarea,
.eva-construct select {
max-width: 100%;
margin-bottom: 15px;
padding: 10px 15px;
line-height: 1.5em;
height: auto;
background-color: #222;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
width: 100%;
font-family: "Outfit", sans-serif;
font-size: 14px;
font-weight: 300;
color: #fff; border: none;
border-radius: 30px;
}
.product-quantity input[type="number"],
.quantity input[type="number"] {
padding: initial !important;
}
img.radio-image {
border-radius: 60px;
padding: 2px;
height: 50px;
width: 50px;
}
.mat-box {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.eva-form .color-covor,
.eva-form .color-margine {
padding: 2px;
margin-right: 1px;
}
.color-covor.selected,
.color-margine.selected {
outline: 1px solid #f2c32e;
border-radius: 50px;
width: 41px;
height: 41px;
}
.step-box {
background-color: #222;
border-radius: 10px;
}
.mat-structure-review {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; position: relative;
padding-bottom: 10px;
}
.mat-structure-options {
padding: 5px;
}
.mat-set-option {
display: flex;
flex-direction: row;
}
button.form-submit-btn {
background-color: var(--wd-primary-color) !important;
color: #1b1b1b !important;
border-radius: 20px;
padding: 10px 20px 10px 20px !important;
min-height: fit-content;
}
.form-step {
color: #fff;
font-size: 14px;
background-color: #4b4b4b;
border-radius: 20px;
padding: 3px 10px 3px 0px;
margin-bottom: 10px;
}
.step-number {
background-color: #2a2a2a;
padding: 5px 10px 5px 10px;
border-radius: 20px 20px 0px 20px;
margin-right: 10px;
font-weight: 500;
}
.form-logo-option {
width: 110px;
height: 80px;
margin: 10px;
border-radius: 10px;
background-color: #202020;
background-size: 450px;
background-position: center;
display: flex;
flex-direction: row;
align-content: center;
flex-wrap: wrap;
justify-content: center;
cursor: pointer;
}
.form-logo-option.selected,
.form-calcaier-option.selected {
border: 1px solid #f2c32e;
}
.form-calcaier-option {
width: 70px;
height: 80px;
margin: 10px;
border-radius: 10px;
background-color: #202020;
background-size: 450px;
background-position: center;
display: flex;
flex-direction: row;
align-content: center;
flex-wrap: wrap;
justify-content: center;
cursor: pointer;
} .mbxx {
display: none !important;
}
@media (max-width: 768px) {
.mbxx {
display: block !important;
z-index: 999;
position: fixed;
bottom: 50px;
width: 100%;
}
.review-image-covor {
width: 107px !important;
top: 12% !important;
left: 4% !important;
}
.review-image-border {
width: 110px !important;
top: 12% !important;
left: 3% !important;
}
.review-image-calcaier {
width: 30px !important;
right: 30% !important;
top: 11% !important;
}
.review-image-logo {
width: 25px !important;
}
.preview-mat-box {
height: 80px !important;
max-width: 120px;
}
.woocommerce-product-gallery__wrapper .review-col {
display: none !important;
}
.single-product .onsale {
right: 20px;
left: auto;
top: -15px;
}
.review-col {
border-radius: 20px 20px 0px 0px; display: flex!important;
column-gap: 10px;
flex-direction: row;
justify-content: center;
}
}
.rnField_6 .rnColorSwatcherItem div div {
background-size: 520px !important;
background-position: center;
}
.rnField_7 .rnColorSwatcherItem div div {
background-size: cover;
background-position: center;
}
.rnField_6 .rnColorSwatcherItem label {
display: none !important;
}
.rnField_7 .rnColorSwatcherItem label {
display: none !important;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}