.alajoon {
border-bottom: 1px solid black;
}
@media screen and (max-width: 650px) {
body {
font-size: 19px;
}
}
header {
position: fixed !important;
}
.removeProduct {
border: 1px solid black;
padding: 4px;
height: 25px;
width: 25px;
text-align: center;
line-height: 1;
transform: translate(40px, 0);
position: absolute;
right: 0;
left: auto;
font-size: 17px;
}
@media screen and (max-width: 1024px) {
.removeProduct {
transform: none;
top: 0;
}
}
.removeProduct:hover {
border-color: #de6761;
color: #de6761;
transition: .2s all;
}
form input {
border-bottom: 1px solid black;
background-color: transparent;
margin-bottom: 1rem;
width: 100%;
max-width: 800px;
}
form label {
display: none;
}
form textarea {
border-bottom: 1px solid black;
background-color: transparent;
width: 100%;
max-width: 800px;
}
form textarea {
color: black;
}
.mnjah {
width: 100%;
max-width: 800px;
padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
.mnjah {
flex-wrap: wrap;
}
}
.item {
width: 100%;
max-width: 800px;
}
@media screen and (max-width: 1024px) {
.page-template-page-all-products header {
margin-left: calc(-100vw / 2 + 100% / 2) !important;
margin-right: calc(-100vw / 2 + 100% / 2) !important;
max-width: 100vw !important;
width: auto !important;
}
}
.custom-number-input::-webkit-inner-spin-button,
.custom-number-input::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.custom-number-input {
-moz-appearance: textfield; appearance: textfield; }
.custom-number-input-cont {
display: flex;
align-items: center;
transform: translate(-25px, 0px);
}
.minus-btn {
transform: translate(25px, 0px);
visibility: hidden;
font-size: 22px;
padding-right: 15px;
-webkit-font-smoothing: none;
}
.plus-btn {
transform: translate(-25px, 0px);
visibility: hidden;
padding-left: 15px;
font-size: 22px;
-webkit-font-smoothing: none;
}
.custom-number-input-cont:hover .minus-btn {
visibility: visible;
}
.custom-number-input-cont:hover .plus-btn {
visibility: visible;
}
.page-template-page-query {
margin-bottom: 4rem;
}
.page-template-page-query .custom-number-input-cont {
margin-left: auto;
margin-right: 1rem;
}
.page-template-page-query form {
max-width: 800px;
}
.page-template-page-query form input {
width: 100%;
}
.gallery-container {
position: relative;
}
.see {
min-width: 150px;
position: relative;
}
.gallery-arrow-down {
z-index: 110;
right: auto;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: 30px;
top: auto;
border: 2px solid #111;
width: 5rem;
height: 5rem;
transform: rotate(45deg);
border-left: none;
border-top: none;
position: absolute;
cursor: pointer !important;
transition: all .2s;
display: block;
}
.gallery-arrow-up {
z-index: 1000;
right: auto;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
bottom: auto;
top: 30px;
border: 2px solid #111;
width: 5rem;
height: 5rem;
transform: rotate(225deg);
border-left: none;
border-top: none;
position: absolute;
cursor: pointer !important;
transition: all .2s;
}
.gallery-arrow-down:hover,
.gallery-arrow-up:hover {
border-color: #df6761;
}
.gallery-arrow:disabled {
display: none !important;
}
.color-image, .gallery-container, .galCont {
width: 100px;
}
@media screen and (max-width: 1024px) {
.color-image, .gallery-container, .galCont {
width: 100%;
}
}
.shopCont .left-side {
min-width: 550px;
max-width: 550px;
}
@media screen and (max-width: 1024px) {
.shopCont .galCont {
order: 2;
}
.shopCont .left-side {
width: 100%;
max-width: 100%;
min-width: auto !important;
min-height: auto;
order: 1;
}
.shopCont .right-side {
padding-left: 0;
order: 3;
}
}
@media screen and (max-width: 1024px) {
.gallery-images {
display: flex;
}
.color-image:not(.hidden) {
display: flex;
width: auto;
}
.color-image img {
width: 16.5vw;
}
.too {
display: flex;
}
.shopCont .gallery-arrow-up {
width: 4rem;
height: 4rem;
left: 2rem;
right: auto;
transform: rotate(135deg);
top: 4vw;
}
.shopCont .gallery-arrow-down {
width: 4rem;
height: 4rem;
right: 2rem;
left: auto;
transform: rotate(315deg);
top: 4vw;
}
}
#toast {
position: fixed;
top: 100px;
right: 20px;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
z-index: 8888888;
transition: opacity 0.3s ease-in-out;
}
#toast.success {
background-color: #85c880;
}
#toast.danger {
background-color: #df6761;
}
.hidd {
opacity: 0;
}
.gap-12 {
gap: 3rem;
}
.size-number {
display: inline-block;
border: 2px solid transparent;
padding: 0 2px;
cursor: pointer;
transition: all .2s;
position: relative;
}
.size-number.selected:after {
content: '';
display: block;
position: absolute;
width: 15px;
height: 2px;
background-color: rgb(29, 38, 25);
bottom: -4px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.color-dot {
width: 25px;
height: 25px;
border-radius: 20px;
cursor: pointer;
transition: all .2s;
}
.color-dot.selected {
transform: scale(1);
}
.color-dot.selected:after {
content: '';
display: block;
position: absolute;
width: 15px;
height: 2px;
background-color: rgb(29, 38, 25);
bottom: -4px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.pre-dot {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
@media screen and (max-width: 650px) {
.pre-dot {
margin-top: 1rem;
gap: 2rem;
margin-bottom: 1rem;
}
}
.info {
border-radius: 50px;
border: 2px solid black;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
position: absolute;
right: -35px;
top: 0px;
font-size: 12px;
cursor: pointer;
transition: all .2s;
}
.mootm {
position: relative!important;
right:0px!important;
}
@media screen and (max-width: 650px) {
.info {
right: 0;
position: relative;
width: 40px;
height: 40px;
font-size: 24px;
line-height: 38px;
margin-top: 10px;
}
}
.info:hover {
color: #85C87F;
border: 2px solid #85C87F;
}
.infoPopup {
position: fixed;
left: 10%;
right: 10%;
bottom: 0;
top: 0;
justify-content: center;
justify-items: center;
}
.infoPopup .inner {
margin: auto;
align-self: center;
position: relative;
}
.infoPopup .close {
right: -30px;
top: -30px;
bottom: auto;
z-index: 1002;
position: absolute;
cursor: pointer;
}
.product {
position: relative;
display: inline-block;
}
.zoomable-image {
transition: transform 0.3s;
}
.zoomable-image:hover {
transform: scale(2); z-index: 9999;
cursor: zoom-in;
}
.muugi_argumendid {
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 2rem 0;
margin-top: 2rem;
max-width: 350px;
}
.data .item {
margin-bottom: 1rem;
}
.data .item .name {
min-width: 100px;
}
.sertico {
max-width: 100px !important;
}
@media screen and (max-width: 768px) {
.sertico {
max-width: 80px !important;
}
}
.color-close {
left: auto;
position: absolute;
right: -33px;
top: 39px;
transform: scale(0.7);
cursor: pointer;
}
@media screen and (max-width: 650px) {
.color-close {
left: auto;
position: relative;
right: -5px;
top: 3px;
transform: scale(1);
cursor: pointer;
}
}
@media screen and (max-width: 650px) {
.color-title-cont-pre {
position: relative;
width: 100%;
}
}
.color-close:after,
.color-close:before {
background-color: var(--green)
}
.mix-blend-mode .ffii {
mix-blend-mode: multiply;
}
.ffii.basket-img {
max-height: 150px;
object-fit: contain;
}
@media screen and (max-width: 768px) {
.ffii.basket-img {
max-height: 80px;
object-position: left;
}
}
@media screen and (max-width: 1024px) {
.page-template-page-query .plus-btn + span {
transform: none !important;
}
}
.gallery-images .color-image {
mix-blend-mode: multiply;
}
.alajoon {
width: 100%;
}
.input-field.failed {
border-color: #df6761;
}
input::placeholder.failed {
color: #df6761 !important;
} input.failed::-webkit-input-placeholder {
color: #df6761 !important;
} textarea.failed::-webkit-input-placeholder {
color: #df6761 !important;
} .file-upload-input {
display: none;
} .file-upload-label {
} .file-icon {
font-size: 18px;
margin-right: 5px; }
@media screen and (max-width: 1024px) {
.shopCont {
flex-wrap: wrap;
}
}
@media screen and (max-width: 1024px) {
.jjj {
flex-wrap: wrap;
}
}
.mmm {
padding-bottom: 16rem;
}
@media screen and (max-width: 1024px) {
.mmm {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.woocommerce img.max-w-80px {
max-width: 80px !important;
}
.swiper {
user-select: none;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 50px);
left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 30px);
right: auto;
}
.swiper-button-next:before {
content: '';
min-width: 130px;
height: 100px;
display: block;
}
.swiper-button-prev:before {
content: '';
min-width: 130px;
height: 100px;
display: block;
}
.swiper-button-next:after {
z-index: 110;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
border: 2px solid #111;
width: 5rem;
height: 5rem;
transform: rotate(315deg);
border-left: none;
border-top: none;
position: absolute;
cursor: pointer !important;
transition: all .2s;
display: block;
font-size: 0 !important;
}
.swiper-button-prev:after {
z-index: 1000;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
border: 2px solid #111;
width: 5rem;
height: 5rem;
transform: rotate(135deg);
border-left: none;
border-top: none;
position: absolute;
cursor: pointer !important;
transition: all .2s;
font-size: 0 !important;
}
.gallery-arrow-down:hover,
.gallery-arrow-up:hover {
border-color: #df6761;
}
::selection {
background: #85C87F77 !important; color: #000 !important; }
.menuOpen {
display: block;
left: auto;
}
.menuCont.is-active {
position: fixed;
display: flex !important;
width: calc(7rem + 220px);
}
.menuCont .menu-main-container, .menuCont .menu-mainmenu-container {
width: calc(7rem + 220px);
padding-left: 4rem;
}
.mobs.social {
width: calc(8rem + 52px);
padding-left: 4rem;
}
.socialCont .mobs {
display: block;
}
.desk.social {
display: none !important;
}
.notshop {
display: none;
}
.hor-menu {
display: none !important;
}
.ihidden {
display: none !important;
}
#searchform {
position: absolute;
margin-top: 75px;
padding: 10px 10px;
right: 10px;
width: 300px;
appearance: none;
background: transparent;
border-bottom: 1px solid black;
right: 60px;
}
@media screen and (max-width: 768px) {
#searchform {
top: 0;
margin-top: 30px;
background: #f0e6db;
z-index: 12341234;
right: 40px;
color: #1d2619 !important;
width: auto;
}
input#searchform::placeholder {
color: #1d2619 !important;
}
}
input#searchform::placeholder {
color: #1d2619 !important;
}
.single-product #searchform {
margin-top: 30px;
margin-right: 30px;
}
@media screen and (min-width: 768px) {
.menuOpen:not(.is-active) .line {
stroke: #1d2619;
}
}
img[alt="Recycled Material"] {
max-height: 60px;
}
.bigH1 {
font-weight: bold !important;
}
@media screen and (max-width: 768px) {
.openSearch svg {
}
}
.user-select-none {
user-select: none !important;
} #header {
background-color: transparent;
}
.stikcytop a {
color: #1d2619;
}
.stikcytop .line {
stroke: #1d2619;
}
.menuCont {
background-color: transparent;
position: absolute;
}
#menu-main {
text-align: right;
}
#menu-main a {
color: #1d2619;
}
.menuCont.is-active {
width: auto;
right: 3rem;
}
.menuCont .menu-main-container, .menuCont .menu-mainmenu-container {
margin: 120px 0 0 auto;
}
.social a {
filter: brightness(0.1);
}
.social .item {
width: auto;
}
.socialCont .mobs {
display: flex;
justify-content: end;
margin-top: 10px;
}
.mobs.social {
padding-right: 0;
margin-right: 2rem;
}
@media screen and (max-width: 1024px) {
.breadcrumb {
display: none;
}
}
.black-logo {
display: inline-block !important;
}
.left-side {
min-height: auto;
}
.bigH1 {
top: 0 !important;
}
.left-side h1:after {
background-color: #1d2619;
}
.page-template-page-query .menuOpen {
padding-right: 16px;
}
.page-template-page-query .bbbCCC {
display: none !important;
}
.\!hidden {
display: none !important;
}
@media screen and (min-width: 1450px) {
.max-w-1400px {
max-width: 1400px;
}
}
.selected.selected\:text-green-300 {
color: #85c87f;
}
hover\:text-green-300 {
color: #85c87f;
}