@charset "UTF-8";
@font-face{font-family:"WC_GC";src:url(//mamaflora.lt/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.eot?74918120);src:url(//mamaflora.lt/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.eot?74918120#iefix) format("embedded-opentype"),url(//mamaflora.lt/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.woff?74918120) format("woff"),url(//mamaflora.lt/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.ttf?74918120) format("truetype"),url(//mamaflora.lt/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.svg?74918120#WC_GC) format("svg");font-weight:normal;font-style:normal}.gc-icon:before{display:inline-block;font-size:20px;line-height:1;font-family:WC_GC !important;text-decoration:inherit;font-weight:normal;font-style:normal;vertical-align:top;text-align:center;transition:color .1s ease-in 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gc-icon.gc-giftcard:before{content:""}body.theme-storefront .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--giftcards a:before{content:""}.woocommerce-MyAccount-Giftcards-form{display:flex}.woocommerce-MyAccount-Giftcards-form input{flex-grow:2;margin-right:1em}.woocommerce-MyAccount-Giftcards-form button{flex-grow:1}.woocommerce-MyAccount-Giftcards-balance-amount{font-size:3em;margin-bottom:1em;font-weight:lighter}.woocommerce-MyAccount-Giftcards-pending-amount{display:block}.woocommerce-MyAccount-Giftcards-pending-amount .warning-icon{top:1px;position:relative;font-size:1em;margin-right:.5em;color:#e48642;font-family:"WooCommerce" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.woocommerce-MyAccount-Giftcards-pending-amount .warning-icon:before{content:""}button.subscription-auto-renew-toggle,button.subscription-auto-renew-toggle:hover{background:none;border:none;padding:0;cursor:pointer;font:inherit;box-shadow:none;text-shadow:none}#use_gift_card_balance{margin-right:5px}.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form input[type=text],.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form button{display:block;width:100%;box-sizing:border-box}.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{margin-bottom:.3em}.woocommerce-cart .add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{width:100%;max-width:280px}.add_gift_card_form #wc_gc_cart_redeem_form{margin-bottom:1em}.add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{width:auto;display:inline-block}.add_gift_card_form #wc_gc_cart_redeem_form button{display:inline-block}.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-message,.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-error,.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-info{margin:.5em 0 1em}#order_review table tr.gift-card td small,#order_review table tr.gift-card th small,.cart_totals table tr.gift-card td small,.cart_totals table tr.gift-card th small{display:block;font-weight:normal;font-size:.75em}#order_review .button.wc-forward:not(.checkout-button),.wc-proceed-to-checkout .button.wc-forward:not(.checkout-button){margin-bottom:0;font-size:1em !important;width:auto !important}.woocommerce_gc_giftcard_form{margin-bottom:1.618em}.woocommerce_gc_giftcard_form .wc_gc_field{margin-bottom:.8em;padding:0 2px}.woocommerce_gc_giftcard_form label{display:block}.woocommerce_gc_giftcard_form input[type=text]{width:100%}.wc_gc_datepicker div,.wc_gc_datepicker span,.wc_gc_datepicker h1,.wc_gc_datepicker h2,.wc_gc_datepicker h3,.wc_gc_datepicker h4,.wc_gc_datepicker h5,.wc_gc_datepicker h6,.wc_gc_datepicker p,.wc_gc_datepicker pre,.wc_gc_datepicker a,.wc_gc_datepicker abbr,.wc_gc_datepicker acronym,.wc_gc_datepicker big,.wc_gc_datepicker cite,.wc_gc_datepicker code,.wc_gc_datepicker del,.wc_gc_datepicker dfn,.wc_gc_datepicker em,.wc_gc_datepicker img,.wc_gc_datepicker ins,.wc_gc_datepicker kbd,.wc_gc_datepicker q,.wc_gc_datepicker s,.wc_gc_datepicker small,.wc_gc_datepicker strike,.wc_gc_datepicker strong,.wc_gc_datepicker sub,.wc_gc_datepicker sup,.wc_gc_datepicker tt,.wc_gc_datepicker var,.wc_gc_datepicker b,.wc_gc_datepicker u,.wc_gc_datepicker i,.wc_gc_datepicker center,.wc_gc_datepicker dl,.wc_gc_datepicker dt,.wc_gc_datepicker dd,.wc_gc_datepicker ol,.wc_gc_datepicker ul,.wc_gc_datepicker li,.wc_gc_datepicker fieldset,.wc_gc_datepicker form,.wc_gc_datepicker label,.wc_gc_datepicker legend,.wc_gc_datepicker table,.wc_gc_datepicker caption,.wc_gc_datepicker tbody,.wc_gc_datepicker tfoot,.wc_gc_datepicker thead,.wc_gc_datepicker tr,.wc_gc_datepicker th,.wc_gc_datepicker td,.wc_gc_datepicker article,.wc_gc_datepicker aside,.wc_gc_datepicker canvas,.wc_gc_datepicker details,.wc_gc_datepicker embed,.wc_gc_datepicker figure,.wc_gc_datepicker figcaption,.wc_gc_datepicker footer,.wc_gc_datepicker header,.wc_gc_datepicker hgroup,.wc_gc_datepicker section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.wc_gc_datepicker table{border-collapse:collapse;border-spacing:0}.wc_gc_datepicker{width:40em;font-size:10px;padding:0 1.3em 2.3em;background-color:#f5f5f5;color:#060606;z-index:9999 !important}.wc_gc_datepicker .ui-datepicker-header{font-size:1.5em;overflow:hidden}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next{padding:1em;cursor:pointer;color:#060606;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev:hover,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next:hover{color:#000}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled{color:#bbb;cursor:initial}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev{float:left}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next{float:right}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-title{text-align:center;font-weight:bold;padding:1em}.wc_gc_datepicker table.ui-datepicker-calendar{font-size:1.4em;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.wc_gc_datepicker table.ui-datepicker-calendar th,.wc_gc_datepicker table.ui-datepicker-calendar td{background-color:rgba(0,0,0,0) !important;text-align:center}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a{color:#000 !important;cursor:default}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a:hover{color:#000}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day:after{background-color:#fff !important}.wc_gc_datepicker table.ui-datepicker-calendar td:after{content:"";position:absolute;background-color:rgba(0,0,0,0);border-radius:50%;width:2.3em;height:2.3em;top:50%;left:50%;z-index:1;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.wc_gc_datepicker table.ui-datepicker-calendar th span{font-weight:500;padding:.5em;display:block;color:#bbb;font-weight:bold}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-state-disabled span{color:#bbbbbc}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled){position:relative}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled) a{position:relative;z-index:2;font-weight:500;padding:.5em;display:block;color:#2f2f2f;font-weight:bold}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled):hover a{color:#000}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled):hover:after{background-color:#fff}.wc_gc_giftcard_delivery .reset_delivery_date{display:none;font-size:.9em}.wc_gc_send_as_gift_wrapper #wc_gc_send_as_gift_checkbox{margin-right:3px}.wc_gc_giftcard_product.nyp-product.product-type-variable .nyp{margin-bottom:0}.elementor-add-to-cart-wc-gc-giftcard form.cart:not(.grouped_form):not(.variations_form),.elementor-add-to-cart-wc-gc-giftcard form.cart div.woocommerce-variation-add-to-cart{display:block !important}

body,
body * {
margin: 0;
padding: 0;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body.modal-is-open,
body *.modal-is-open {
overflow-y: hidden;
}
html {
font-family: "Raleway", sans-serif;
font-weight: 400;
font-size: 20px;
overflow-x: hidden;
scroll-behavior: smooth;
}
@media (max-width: 1420px) {
html {
font-size: 18px;
}
}
@media (max-width: 1200px) {
html {
font-size: 16px;
}
}
@media (max-width: 1000px) {
html {
font-size: 15px;
}
}
@media (max-width: 750px) {
html {
font-size: 14px;
}
}
html.modal-is-open {
overflow-y: hidden;
}
input[type=text], input[type=number], input[type=password], input[type=email], input[type=tel], input[type=submit] {
font-family: "Raleway", sans-serif;
border: none;
appearance: none;
border-radius: 0;
-webkit-appearance: none;
outline: none;
}
input[type=radio], input[type=checkbox] {
width: 1rem;
height: 1rem;
}
select {
font-family: "Raleway", sans-serif;
border: none;
appearance: none;
border-radius: 0;
-webkit-appearance: none;
outline: none;
}
a {
text-decoration: none;
display: inline-block;
}
.page-hero {
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.page-hero::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.25);
}
.page-hero.checkout::after {
background-color: rgba(0, 0, 0, 0.5);
}
.page-hero .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.page-hero .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.page-hero .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.page-hero .container {
width: 93%;
}
}
@media (max-width: 768px) {
.page-hero .container {
width: 90%;
}
}
.page-hero .container .progress-bar {
position: relative;
z-index: 3;
padding: 3rem;
user-select: none;
}
.page-hero .container .progress-bar .checkout-steps {
display: grid;
grid-template-columns: repeat(5, max-content);
align-items: center;
justify-content: center;
text-align: center;
gap: 0.5rem;
}
@media (max-width: 650px) {
.page-hero .container .progress-bar .checkout-steps {
grid-template-columns: repeat(1, 1fr);
text-align: left;
}
}
@media (max-width: 360px) {
.page-hero .container .progress-bar .checkout-steps {
text-align: center;
}
}
.page-hero .container .progress-bar .checkout-steps .divider {
min-width: 5rem;
height: 1px;
background-color: #eee;
margin: 0 1rem;
}
@media (max-width: 650px) {
.page-hero .container .progress-bar .checkout-steps .divider {
display: none;
}
}
.page-hero .container .progress-bar .checkout-steps .step {
color: #FFF;
font-weight: 700;
text-transform: uppercase;
font-size: 1rem;
}
.page-hero .container .progress-bar .checkout-steps .step.current {
font-weight: 900;
}
.page-hero .container .progress-bar .checkout-steps .step.waiting {
opacity: 0.7;
}
.page-hero .container .progress-bar .checkout-steps .step.completed {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: center;
}
@media (max-width: 650px) {
.page-hero .container .progress-bar .checkout-steps .step.completed {
align-items: flex-start;
justify-content: start;
}
}
@media (max-width: 360px) {
.page-hero .container .progress-bar .checkout-steps .step.completed {
align-items: center;
justify-content: center;
}
}
.page-hero .container .progress-bar .checkout-steps .step.completed:before {
font-family: WooCommerce;
content: "\e015";
color: #3da54a;
}
.page-hero .container .wrapper {
position: relative;
z-index: 3;
padding: 2.5rem 0;
}
.page-hero .container .wrapper .title {
color: #FFF;
font-size: 3rem;
line-height: 3.5rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0.25rem;
text-align: center;
}
@media (max-width: 767px) {
.page-hero .container .wrapper .title {
font-size: 2rem;
line-height: 2.5rem;
}
}
.page-hero .container .wrapper .cat-title {
color: #FFF;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0.25rem;
text-align: center;
}
@media (max-width: 767px) {
.page-hero .container .wrapper .cat-title {
font-size: 1rem;
line-height: 1.5rem;
}
}
.page-hero .container .wrapper .date {
color: #FFF;
font-size: 1.25rem;
line-height: 1.25rem;
font-weight: 700;
margin-top: 0.5rem;
text-align: center;
}
.page-hero .container .wrapper .subtitle {
color: #FFF;
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 700;
text-align: center;
}
@media (max-width: 767px) {
.page-hero .container .wrapper .subtitle {
font-size: 1rem;
line-height: 1rem;
}
}
@font-face {
font-family: "Raleway";
font-display: swap;
src: url(//mamaflora.lt/wp-content/themes/mamaflora/assets/309d0965e60fed164e37.woff) format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Raleway";
font-display: swap;
src: url(//mamaflora.lt/wp-content/themes/mamaflora/assets/835579d7fd2f3276ed41.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Raleway";
font-display: swap;
src: url(//mamaflora.lt/wp-content/themes/mamaflora/assets/b6ac5e35a22d3269b950.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Raleway";
font-display: swap;
src: url(//mamaflora.lt/wp-content/themes/mamaflora/assets/26099f97b4d575bd0087.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Raleway";
font-display: swap;
src: url(//mamaflora.lt/wp-content/themes/mamaflora/assets/875d94b7ef9bebf507d0.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Raleway";
font-display: swap;
src: url(//mamaflora.lt/wp-content/themes/mamaflora/assets/d07643b68da709b69171.woff) format("woff");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Raleway";
font-display: swap;
src: url(//mamaflora.lt/wp-content/themes/mamaflora/assets/f9b4f5e51c82585e785f.woff) format("woff");
font-weight: 900;
font-style: normal;
}
.checkout-header {
background-color: #eee;
padding: 1rem 0;
}
.checkout-header .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.checkout-header .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.checkout-header .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.checkout-header .container {
width: 93%;
}
}
@media (max-width: 768px) {
.checkout-header .container {
width: 90%;
}
}
.checkout-header .container .wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
@media (max-width: 360px) {
.checkout-header .container .wrapper {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
.checkout-header .container .wrapper .left .logo-area a {
width: 25%;
min-width: 9rem;
display: block;
}
@media (max-width: 360px) {
.checkout-header .container .wrapper .left .logo-area a {
margin: 0 auto;
}
}
.checkout-header .container .wrapper .left .logo-area a img {
width: 100%;
}
.checkout-header .container .wrapper .right {
text-align: right;
}
@media (max-width: 360px) {
.checkout-header .container .wrapper .right {
text-align: center;
}
}
.checkout-header .container .wrapper .right .content {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.checkout-header .container .wrapper .right .content .bold {
font-size: 1rem;
line-height: 1rem;
font-weight: 700;
text-transform: uppercase;
}
.checkout-header .container .wrapper .right .content a {
font-size: 0.9rem;
line-height: 1.25rem;
font-weight: 600;
color: rgb(61, 165, 74);
}
.top-bar-box {
background-color: rgb(61, 165, 74);
}
.top-bar-box .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.top-bar-box .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.top-bar-box .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.top-bar-box .container {
width: 93%;
}
}
@media (max-width: 768px) {
.top-bar-box .container {
width: 90%;
}
}
.top-bar-box .container .top-bar {
display: flex;
align-items: center;
}
.top-bar-box .container .top-bar .left p {
color: #FFF;
font-weight: 700;
line-height: 0.7rem;
font-size: 0.6rem;
padding: 1rem 0;
}
@media (max-width: 767px) {
.top-bar-box .container .top-bar .left p {
text-align: center;
}
}
.top-bar-box .container .top-bar .right {
display: flex;
align-items: center;
margin-right: 0;
margin-left: auto;
}
@media (max-width: 767px) {
.top-bar-box .container .top-bar .right {
display: none;
}
}
.top-bar-box .container .top-bar .right .social-icons {
margin-right: 0.5rem;
}
.top-bar-box .container .top-bar .right .top-bar-button {
border-right: 1px solid rgba(255, 255, 255, 0.25);
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.top-bar-box .container .top-bar .right .top-bar-button a {
padding: 0 0.5rem;
color: #FFF;
font-weight: 700;
line-height: 1.2rem;
font-size: 0.6rem;
}
.header-main-is-mobile {
display: block;
position: fixed;
width: 100%;
background: #fff;
z-index: 995;
top: 2rem;
transition: 0s all ease-out;
}
.header-main-is-mobile.blind-zone {
position: fixed;
width: 100%;
background: #fff;
z-index: 995;
top: 0;
transition: 0.1s all ease-out;
}
.header-main-is-mobile.stand-still {
position: unset;
width: 100%;
background: #fff;
z-index: 995;
transition: 0s all ease-out;
top: 2rem;
}
.header-main-is-mobile.sticky {
position: fixed;
width: 100%;
background: #fff;
transition: 0s all ease-out;
z-index: 998;
top: 0;
}
@media (min-width: 771px) {
.header-main-is-mobile {
display: none;
}
}
.header-main-is-mobile .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.header-main-is-mobile .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.header-main-is-mobile .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.header-main-is-mobile .container {
width: 93%;
}
}
@media (max-width: 768px) {
.header-main-is-mobile .container {
width: 90%;
}
}
.header-main-is-mobile .container .menu-area {
display: grid;
grid-template-columns: 4rem 1fr 4rem;
align-items: center;
gap: 1rem;
place-items: center;
position: relative;
z-index: 999;
}
.header-main-is-mobile .container .menu-area .menu-icon {
height: 100%;
display: flex;
align-items: center;
gap: 0.5rem;
}
.header-main-is-mobile .container .menu-area .menu-icon .burger {
width: 1.5rem;
height: 1.5rem;
}
.header-main-is-mobile .container .menu-area .menu-icon .burger svg {
width: 100%;
height: 100%;
}
.header-main-is-mobile .container .menu-area .menu-icon .login-click {
width: 1.5rem;
height: 1.5rem;
}
.header-main-is-mobile .container .menu-area .menu-icon .login-click svg {
width: 80%;
height: 80%;
}
.header-main-is-mobile .container .menu-area .logo-area {
text-align: center;
}
.header-main-is-mobile .container .menu-area .logo-area a {
padding: 0.5rem 0;
width: 10rem;
}
.header-main-is-mobile .container .menu-area .logo-area a img {
width: 80%;
}
.header-main-is-mobile .container .menu-area .additional-info-area .cart-icon {
position: relative;
width: 1.5rem;
height: 1.5rem;
}
.header-main-is-mobile .container .menu-area .additional-info-area .cart-icon svg {
width: 100%;
height: 100%;
}
.header-main-is-mobile .container .menu-area .additional-info-area .cart-icon span {
position: absolute;
top: -0.5rem;
right: -0.5rem;
background-color: #3da54a;
width: 0.9rem;
height: 0.9rem;
font-size: 0.75rem;
text-align: center;
font-weight: 600;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
border-radius: 50%;
}
@media (max-width: 770px) {
.header-main-is-desktop {
display: none;
}
}
.header-main-is-desktop .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
display: grid;
grid-template-columns: 0.4fr 1fr max-content;
align-items: center;
gap: 1rem;
}
@media (min-width: 2000px) {
.header-main-is-desktop .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.header-main-is-desktop .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.header-main-is-desktop .container {
width: 93%;
}
}
@media (max-width: 768px) {
.header-main-is-desktop .container {
width: 90%;
}
}
.header-main-is-desktop .container .logo-area {
width: 12.5rem;
margin: 1rem 0;
}
.header-main-is-desktop .container .logo-area a {
text-align: center;
}
.header-main-is-desktop .container .logo-area img {
width: 80%;
}
.header-main-is-desktop .container .search-area {
position: relative;
}
.header-main-is-desktop .container .search-area .search_bar {
width: 100%;
}
.header-main-is-desktop .container .search-area .search_bar form {
width: 100%;
display: flex;
}
.header-main-is-desktop .container .search-area .search_bar form input {
appearance: none;
outline: none;
border: none;
width: 60%;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 700;
color: #58595b;
}
@media (max-width: 850px) {
.header-main-is-desktop .container .search-area .search_bar form input {
width: 80%;
}
}
.header-main-is-desktop .container .search-area .search_bar form .select-input {
width: 30%;
position: relative;
}
.header-main-is-desktop .container .search-area .search_bar form .select-input select {
appearance: none;
outline: none;
border: none;
width: 100%;
border: 2px solid rgba(129, 129, 129, 0.2);
border-left: none;
padding: 0.5rem;
font-size: 0.8rem;
line-height: 1.2rem;
font-weight: 700;
background: transparent;
position: relative;
z-index: 1;
color: #58595b;
}
.header-main-is-desktop .container .search-area .search_bar form .select-input .chevron svg {
position: absolute;
top: 50%;
right: 0.5rem;
transform: translate(0, -50%);
}
@media (max-width: 850px) {
.header-main-is-desktop .container .search-area .search_bar form .select-input {
display: none;
}
}
.header-main-is-desktop .container .search-area .search_bar form button {
width: 10%;
appearance: none;
outline: none;
border: none;
}
@media (max-width: 850px) {
.header-main-is-desktop .container .search-area .search_bar form button {
width: 20%;
}
}
.header-main-is-desktop .container .search-area .search_bar .search_result {
display: none;
z-index: 9999;
position: absolute;
}
.header-main-is-desktop .container .additional-info-area {
display: flex;
align-items: center;
gap: 1rem;
}
.header-main-is-desktop .container .additional-info-area a {
cursor: pointer;
font-size: 0.8rem;
font-weight: 700;
color: #000;
line-height: 0.8rem;
text-transform: uppercase;
transition: 0.2s all ease-in;
}
.header-main-is-desktop .container .additional-info-area a:hover {
opacity: 0.7;
}
.header-main-is-desktop .container .additional-info-area .cart-icon-area {
display: flex;
gap: 1rem;
}
.header-main-is-desktop .container .additional-info-area .cart-icon-area:hover svg.cart-icon, .header-main-is-desktop .container .additional-info-area .cart-icon-area:hover .cart-price {
opacity: 0.7;
}
.header-main-is-desktop .container .additional-info-area .cart-icon-area .cart-icon {
position: relative;
}
.header-main-is-desktop .container .additional-info-area .cart-icon-area .cart-icon .cart-counter {
line-height: 0.8rem;
position: absolute;
top: -0.5rem;
right: -0.5rem;
background-color: #3da54a;
border-radius: 0.5rem;
width: 1rem;
height: 1rem;
color: #fff;
font-weight: 600;
font-size: 0.5rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.header-main-is-desktop .container .additional-info-area .cart-icon-area .cart-price {
cursor: pointer;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
transition: 0.2s all ease-in;
}
.menu-area {
position: relative;
z-index: 999;
}
@media (max-width: 770px) {
.menu-area {
display: none;
}
}
.menu-area .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.menu-area .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.menu-area .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.menu-area .container {
width: 93%;
}
}
@media (max-width: 768px) {
.menu-area .container {
width: 90%;
}
}
.menu-area .container .nav-menu ul.main-links-list {
list-style-type: none;
display: flex;
gap: 1rem;
}
.menu-area .container .nav-menu ul.main-links-list li {
padding: 1rem 0;
display: flex;
align-items: center;
}
.menu-area .container .nav-menu ul.main-links-list li.other-link {
position: relative;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link {
background: transparent;
padding: 1rem 0;
gap: 0.5rem;
cursor: default;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 0.75rem;
pointer-events: auto;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link a.top-link {
color: #000;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link a.top-link:hover ~ .child-links, .menu-area .container .nav-menu ul.main-links-list li.have-child.other-link:hover .child-links,
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .child-links:hover {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link a.top-link:hover ~ .child-links .child-links-block, .menu-area .container .nav-menu ul.main-links-list li.have-child.other-link:hover .child-links .child-links-block,
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .child-links:hover .child-links-block {
transform: scaleY(100%);
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link a.top-link:hover ~ .submenu-chevron,
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .child-links:hover ~ .submenu-chevron {
transform: rotate(180deg);
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .submenu-chevron {
width: 1rem;
height: 1rem;
transition: 0.2s all ease;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .submenu-chevron path {
stroke: #000;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .child-links {
position: absolute;
left: 0;
top: calc(100% + 0.75rem);
min-width: 330px;
max-width: 420px;
z-index: 9999;
background: #fbfbfb;
border: 1px solid #e7e7e7;
border-radius: 0;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
opacity: 0;
visibility: hidden;
transform: translateY(8px);
transition: 0.18s ease;
pointer-events: none;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .child-links-block {
height: auto;
transform: scaleY(0);
transform-origin: top;
transition: 0.18s ease;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .subpages-dropdown {
list-style: none;
margin: 0;
padding: 0;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .subpages-dropdown li {
padding: 0 1rem;
display: flex;
background: #fbfbfb;
border-bottom: 1px solid #e7e7e7;
transition: 0.2s all ease-in;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .subpages-dropdown li:hover {
background: rgb(224, 221, 221);
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .subpages-dropdown li:last-child {
border-bottom: 0;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.other-link .subpages-dropdown li .child-link {
padding: 1rem 0;
width: 100%;
color: rgba(0, 0, 0, 0.6);
font-weight: 700;
font-size: 0.9rem;
text-transform: inherit;
text-decoration: none;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.category-link {
background-color: rgb(61, 165, 74);
color: #FFF;
display: flex;
align-items: center;
position: relative;
padding: 1rem 0.5rem;
cursor: pointer;
gap: 0.5rem;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.category-link a {
color: #FFF;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.category-link svg {
width: 1.5rem;
height: 1.5rem;
transition: 0.2s all ease;
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.category-link svg.active {
transform: rotate(180deg);
}
.menu-area .container .nav-menu ul.main-links-list li.have-child.category-link svg.rotate {
transform: rotateX(45deg);
}
.menu-area .container .nav-menu ul.main-links-list li.last-menu-item {
margin-right: 0;
margin-left: auto;
}
.menu-area .container .nav-menu ul.main-links-list li.last-menu-item a {
color: rgb(61, 165, 74);
}
.menu-area .container .nav-menu ul.main-links-list li a, .menu-area .container .nav-menu ul.main-links-list li .child-link {
cursor: pointer;
font-size: 0.8rem;
font-weight: 700;
line-height: 0.8rem;
text-transform: uppercase;
text-align: center;
transition: 0.2s all ease-in;
color: #000;
}
@media (max-width: 1024px) {
.menu-area .container .nav-menu ul.main-links-list li a, .menu-area .container .nav-menu ul.main-links-list li .child-link {
font-size: 0.7rem;
}
}
@media (max-width: 872px) {
.menu-area .container .nav-menu ul.main-links-list li a, .menu-area .container .nav-menu ul.main-links-list li .child-link {
font-size: 0.6rem;
}
}
@media (max-width: 775px) {
.menu-area .container .nav-menu ul.main-links-list li a, .menu-area .container .nav-menu ul.main-links-list li .child-link {
font-size: 0.55rem;
}
}
.menu-area .container .nav-menu ul.main-links-list li a:hover, .menu-area .container .nav-menu ul.main-links-list li .child-link:hover {
opacity: 0.7;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links {
position: absolute;
top: 3.5rem;
width: 100%;
left: 0;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block {
height: 0;
transition: 0.2s all ease-in;
transform: scaleY(0%);
transform-origin: top;
position: relative;
z-index: 10;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block.active {
height: 100%;
transform: scaleY(100%);
transition: 0.2s all ease-in;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .right {
position: absolute;
top: 0;
right: 0;
transform: translateX(100%);
height: 100%;
z-index: 999;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .category-dropdown li, .menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .sub-categories li {
padding: 0 1rem;
display: flex;
background: #fbfbfb;
border-bottom: 1px solid #e7e7e7;
gap: 0.5rem;
transition: 0.2s all ease-in;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .category-dropdown li:hover, .menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .sub-categories li:hover {
background: rgb(224, 221, 221);
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .category-dropdown li img, .menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .sub-categories li img {
width: 1rem;
height: 1rem;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .category-dropdown li .child-link, .menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .sub-categories li .child-link {
padding: 1rem 0;
width: 100%;
color: rgba(0, 0, 0, 0.5647058824);
text-transform: inherit;
display: flex;
gap: 0.5rem;
align-items: center;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .category-dropdown li .child-link svg, .menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .sub-categories li .child-link svg {
width: 0.6rem;
height: 0.6rem;
transform: rotate(-90deg);
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .sub-categories {
height: 100%;
display: none;
position: relative;
z-index: 999;
flex-wrap: wrap;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .sub-categories .cat-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block .sub-categories.show {
display: block;
}
ul.searchbar-dropdown {
background-color: #fff;
display: grid;
grid-template-columns: 1fr 1fr;
list-style-type: none;
position: relative;
z-index: 333;
}
ul.searchbar-dropdown li {
border: 2px solid #eee;
padding: 0.5rem;
}
ul.searchbar-dropdown li:hover {
background-color: #f6f6f6;
}
ul.searchbar-dropdown li .searched-product-inner {
display: grid;
grid-template-columns: max-content 1fr;
gap: 0.5rem;
}
ul.searchbar-dropdown li .searched-product-inner .image-wrapper {
width: 5rem;
height: 5rem;
}
@media (max-width: 872px) {
ul.searchbar-dropdown li .searched-product-inner .image-wrapper {
width: 4rem;
height: 4rem;
}
}
ul.searchbar-dropdown li .searched-product-inner .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
ul.searchbar-dropdown li .searched-product-inner .title-price {
padding: 0.5rem 0;
}
ul.searchbar-dropdown li .searched-product-inner .title-price .title {
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 700;
color: #333;
}
ul.searchbar-dropdown li .searched-product-inner .title-price .price {
margin-top: 0.5rem;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
ul.searchbar-dropdown li .searched-product-inner .title-price .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.login-screen-modal {
width: 100%;
height: 100%;
display: flex;
opacity: 0;
visibility: hidden;
top: 0;
position: fixed;
}
.login-screen-modal.active {
z-index: 1000;
opacity: 1;
visibility: visible;
}
.login-screen-modal.active .blank-area {
opacity: 1;
}
.login-screen-modal .blank-area {
width: 70%;
opacity: 0;
transition: 0.2s all ease-in-out;
background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
.login-screen-modal .blank-area {
width: 20%;
}
}
.login-screen-modal .login-screen-area {
background-color: #fff;
width: 30%;
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: 0.2s all ease-in-out;
}
.login-screen-modal .login-screen-area.slide-in {
transform: translateX(0);
}
@media (max-width: 767px) {
.login-screen-modal .login-screen-area {
width: 80%;
}
}
.login-screen-modal .login-screen-area .top-modal {
padding: 1rem 1rem;
display: flex;
border-bottom: 1px solid #999;
align-items: center;
justify-content: space-between;
}
.login-screen-modal .login-screen-area .top-modal .title {
text-transform: uppercase;
font-weight: 600;
line-height: 1rem;
font-size: 1rem;
}
.login-screen-modal .login-screen-area .top-modal svg {
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
transition: 0.2s all ease-in-out;
}
.login-screen-modal .login-screen-area .top-modal svg:hover {
transform: rotate(-25deg);
}
.login-screen-modal .login-screen-area .login-area {
overflow: auto;
height: 100%;
display: flex;
flex-direction: column;
}
.login-screen-modal .login-screen-area .login-area.hide {
display: none;
}
.login-screen-modal .login-screen-area .login-area .login-form {
padding: 1rem;
border-bottom: 1px solid #999;
}
.login-screen-modal .login-screen-area .login-area .login-form input[type=text], .login-screen-modal .login-screen-area .login-area .login-form input[type=password] {
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 700;
width: 100%;
color: #58595b;
}
.login-screen-modal .login-screen-area .login-area .login-form p {
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 1rem;
}
.login-screen-modal .login-screen-area .login-area .login-form p.login-remember label {
display: flex;
align-items: center;
}
.login-screen-modal .login-screen-area .login-area .login-form p.login-remember label input {
margin-right: 0.5rem;
width: 1rem;
height: 1rem;
}
.login-screen-modal .login-screen-area .login-area .login-form p label {
color: #777;
font-size: 1rem;
line-height: 1rem;
margin-bottom: 0.5rem;
font-weight: 500;
}
.login-screen-modal .login-screen-area .login-area .login-form input[type=submit] {
outline: none;
border: none;
appearance: none;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
color: #FFF;
background-color: rgb(61, 165, 74);
font-size: 1rem;
line-height: 1rem;
padding: 0.75rem 0;
text-align: center;
}
.login-screen-modal .login-screen-area .register-area {
display: none;
overflow: auto;
height: 100%;
flex-direction: column;
}
.login-screen-modal .login-screen-area .register-area .register-form {
padding: 1rem;
border-bottom: 1px solid #777;
}
.login-screen-modal .login-screen-area .register-area .register-form .inputs {
display: flex;
flex-direction: column;
gap: 1rem;
}
.login-screen-modal .login-screen-area .register-area .register-form .inputs label {
color: #777;
font-size: 1rem;
line-height: 1rem;
margin-bottom: 0.5rem;
font-weight: 500;
}
.login-screen-modal .login-screen-area .register-area .register-form .inputs input {
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 700;
width: 100%;
color: #58595b;
}
.login-screen-modal .login-screen-area .register-area .register-form .inputs .input {
display: flex;
flex-direction: column;
}
.login-screen-modal .login-screen-area .register-area .register-form .inputs .input label {
color: #777;
font-size: 1rem;
line-height: 1rem;
margin-bottom: 0.5rem;
font-weight: 500;
}
.login-screen-modal .login-screen-area .register-area .register-form .inputs .input input {
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 700;
width: 100%;
color: #58595b;
}
.login-screen-modal .login-screen-area .register-area .register-form input.user-submit {
outline: none;
border: none;
appearance: none;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
font-family: "Raleway";
width: 100%;
color: #FFF;
margin-top: 2rem;
background-color: rgb(61, 165, 74);
font-size: 1rem;
line-height: 1rem;
padding: 0.75rem 0;
text-align: center;
}
.login-screen-modal .register-here {
display: flex;
padding: 1rem;
align-items: center;
justify-content: center;
margin-bottom: 0;
flex-direction: column;
padding-bottom: 3rem;
margin-top: auto;
}
.login-screen-modal .register-here svg {
width: 5rem;
height: 5rem;
}
.login-screen-modal .register-here svg path, .login-screen-modal .register-here svg circle {
stroke: #eee;
}
.login-screen-modal .register-here .no-acc {
text-transform: uppercase;
font-size: 1rem;
line-height: 1rem;
font-weight: 500;
color: #777;
margin: 1rem 0;
}
.login-screen-modal .register-here .btn-green {
color: #FFF;
background-color: rgb(61, 165, 74);
font-weight: 600;
padding: 0.8rem 1rem;
text-transform: uppercase;
cursor: pointer;
}
.mini-cart-modal {
width: 100%;
height: 100%;
display: flex;
position: fixed;
top: 0;
z-index: 99999999;
visibility: hidden;
opacity: 0;
}
.mini-cart-modal.active {
visibility: visible;
opacity: 1;
}
.mini-cart-modal.active .blank-area-cart {
opacity: 1;
}
.mini-cart-modal .blank-area-cart {
width: 70%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: 0.2s all ease-in-out;
}
@media (max-width: 1024px) {
.mini-cart-modal .blank-area-cart {
width: 60%;
}
}
@media (max-width: 767px) {
.mini-cart-modal .blank-area-cart {
width: 20%;
}
}
.mini-cart-modal .mini-cart-content {
width: 30%;
height: 100%;
background-color: #fff;
transition: 0.2s all ease-in-out;
transform: translateX(100%);
}
.mini-cart-modal .mini-cart-content.slide-in {
transform: translateX(0%);
}
@media (max-width: 1024px) {
.mini-cart-modal .mini-cart-content {
width: 40%;
}
}
@media (max-width: 767px) {
.mini-cart-modal .mini-cart-content {
width: 80%;
}
}
.mini-cart-modal .mini-cart-content .top-modal {
padding: 1rem 1rem;
display: flex;
border-bottom: 1px solid #999;
align-items: center;
justify-content: space-between;
}
.mini-cart-modal .mini-cart-content .top-modal .title {
text-transform: uppercase;
font-weight: 600;
line-height: 1rem;
font-size: 1rem;
}
.mini-cart-modal .mini-cart-content .top-modal svg {
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
transition: 0.2s all ease-in-out;
}
.mini-cart-modal .mini-cart-content .top-modal svg:hover {
transform: rotate(-25deg);
}
.mobile-menu-wrapper {
width: 100%;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 99999;
display: block;
opacity: 0;
visibility: hidden;
}
.mobile-menu-wrapper.open {
opacity: 1;
visibility: visible;
}
.mobile-menu-wrapper .mobile-menu-inner {
display: flex;
flex-direction: row-reverse;
height: 100%;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-black {
width: 20%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
transition: 0.2s all ease;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content {
background-color: #fff;
width: 80%;
transform: translateX(-100%);
transition: 0.2s all ease-in;
overflow-y: auto;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content.slide-in {
transform: translateX(0%);
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .mobile-search {
width: 100%;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .mobile-search form {
display: flex;
height: 5rem;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .mobile-search form input {
width: 80%;
height: 100%;
color: #58595b;
font-weight: 700;
font-size: 1.2rem;
line-height: 1.2rem;
outline: none;
appearance: none;
border: none;
padding: 1rem;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .mobile-search form button {
background-color: transparent;
border: none;
outline: none;
appearance: none;
cursor: pointer;
height: 100%;
width: 20%;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .buttons-wrapper {
display: flex;
width: 100%;
cursor: pointer;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .buttons-wrapper p {
width: 50%;
text-align: center;
color: #333;
background-color: #ddd;
text-transform: uppercase;
font-size: 1rem;
line-height: 1rem;
font-weight: 700;
padding: 1.5rem 0;
opacity: 1;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .buttons-wrapper p.active {
color: #fff;
background-color: rgb(61, 165, 74);
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .buttons-wrapper p:hover {
opacity: 0.7;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos {
display: none;
position: relative;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos.show {
display: block;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos .rubrikos-main.hidden {
display: none;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos .rubrikos-panel {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
background: #fff;
z-index: 10;
overflow-y: auto;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos .rubrikos-panel.is-open {
display: block;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos .rubrikos-panel .mobile-submenu-head {
padding: 0;
border-bottom: 2px solid #ddd;
background: #fff;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos .rubrikos-panel .mobile-submenu-head:hover {
background: #fff;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos .rubrikos-panel .mobile-submenu-head .mobile-sub-back {
width: 100%;
display: flex;
align-items: center;
gap: 1rem;
border: 0;
background: transparent;
cursor: pointer;
padding: 1.25rem 1.5rem;
text-align: left;
font-weight: 700;
font-size: 1.1rem;
text-transform: uppercase;
color: #333;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos .rubrikos-panel .mobile-submenu-head .mobile-sub-back svg {
width: 1.25rem;
height: 1.25rem;
transform: rotate(90deg);
flex-shrink: 0;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos .rubrikos-panel .mobile-submenu-head .mobile-sub-back .mobile-sub-title {
display: block;
line-height: 1.1rem;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul {
list-style-type: none;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul li {
border-bottom: 2px solid #ddd;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul li:last-of-type {
border-bottom: 0;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul li:hover {
background-color: rgb(61, 165, 74);
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul li:hover a {
color: #fff;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul li a {
display: block;
padding: 1rem;
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
color: #333;
width: 100%;
height: 100%;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul li.mobile-item .mobile-item-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul li.mobile-item .mobile-sub-toggle {
border: 0;
background: transparent;
padding: 1rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .rubrikos ul li.mobile-item .mobile-sub-toggle svg {
rotate: 270deg;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos {
display: none;
position: relative;
height: 100%;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos.show {
display: block;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul {
list-style-type: none;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul.hidden {
display: none;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul li {
border-bottom: 2px solid #ddd;
display: flex;
padding-left: 1rem;
align-items: center;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul li .img-wrap {
width: 1rem;
height: 1rem;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul li .img-wrap img {
width: 100%;
height: 100%;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul li:last-of-type {
border-bottom: 0;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul li:hover {
background-color: rgb(61, 165, 74);
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul li:hover .top-link {
color: #fff;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul li .top-link {
padding: 1rem;
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
color: #333;
width: 100%;
height: 100%;
display: flex;
align-items: center;
gap: 0.5rem;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul li .top-link svg {
width: 0.5rem;
height: 0.5rem;
transform: rotate(-90deg);
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul.sub-categories {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul.sub-categories.show {
display: block;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul.sub-categories .back-to-main-cats {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem 1rem 1rem 2rem;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul.sub-categories .back-to-main-cats .bold {
font-weight: 700;
font-size: 1.25rem;
text-transform: uppercase;
color: #333;
width: 100%;
height: 100%;
}
.mobile-menu-wrapper .mobile-menu-inner .mobile-menu-content .kategorijos ul.sub-categories .back-to-main-cats svg {
width: 1.25rem;
height: 1.25rem;
transform: rotate(90deg);
}
.mobile-menu-wrapper.open .mobile-menu-black {
opacity: 1;
}
.homepage.menu-area .container .nav-menu ul.main-links-list li .child-links .child-links-block {
height: 100%;
transform: scaleY(100%);
}
.mini-header {
position: fixed;
top: 0;
visibility: hidden;
opacity: 0;
transition: 0.2s all ease;
border-bottom: 1px solid #eee;
width: 100%;
transform: translateY(-100%);
}
@media (max-width: 770px) {
.mini-header {
display: none;
}
}
.mini-header.sticky {
visibility: visible;
opacity: 1;
transform: translateY(0%);
z-index: 999;
transition: 0.2s all ease-in-out;
background: white;
width: 100%;
}
.mini-header .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.mini-header .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.mini-header .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.mini-header .container {
width: 93%;
}
}
@media (max-width: 768px) {
.mini-header .container {
width: 90%;
}
}
.mini-header .container .wrapper {
display: grid;
align-items: center;
grid-template-columns: max-content 1fr max-content;
gap: 1rem;
}
.mini-header .container .wrapper .logo {
height: 4rem;
width: 15rem;
}
.mini-header .container .wrapper .logo a {
width: 100%;
height: 100%;
}
.mini-header .container .wrapper .logo a img {
width: 100%;
height: 80%;
}
.mini-header .container .wrapper .menu .menu-list {
list-style-type: none;
display: flex;
gap: 1rem;
}
.mini-header .container .wrapper .menu .menu-list li a {
cursor: pointer;
font-size: 0.7rem;
font-weight: 700;
line-height: 1.2rem;
text-transform: uppercase;
transition: 0.2s all ease-in;
color: #000;
}
.mini-header .container .wrapper .menu .menu-list li a:hover {
color: rgb(61, 165, 74);
}
.mini-header .container .wrapper .cart-area {
margin: 0;
display: flex;
gap: 1rem;
}
.mini-header .container .wrapper .cart-area .wishlist-area {
display: flex;
gap: 1rem;
}
.mini-header .container .wrapper .cart-area .wishlist-area a {
cursor: pointer;
font-size: 0.7rem;
font-weight: 700;
line-height: 1.2rem;
text-transform: uppercase;
transition: 0.2s all ease-in;
color: #000;
}
.mini-header .container .wrapper .cart-area .wishlist-area a:hover {
color: rgb(61, 165, 74);
}
.mini-header .container .wrapper .cart-area .cart .cart-icon-area {
display: flex;
gap: 1rem;
}
.mini-header .container .wrapper .cart-area .cart .cart-icon-area .cart-icon {
position: relative;
}
.mini-header .container .wrapper .cart-area .cart .cart-icon-area .cart-icon .cart-counter {
line-height: 0.8rem;
position: absolute;
top: -0.5rem;
right: -0.5rem;
background-color: #3da54a;
border-radius: 0.5rem;
width: 1rem;
height: 1rem;
color: #fff;
font-weight: 600;
font-size: 0.5rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.mini-header .container .wrapper .cart-area .cart .cart-icon-area .cart-price {
cursor: pointer;
font-size: 0.7rem;
font-weight: 700;
line-height: 1.2rem;
text-transform: uppercase;
transition: 0.2s all ease-in;
}
.footer-main {
background-color: #eee;
padding: 4rem 0;
background-repeat: no-repeat;
background-position: 90% 50%;
}
.footer-main .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.footer-main .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.footer-main .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.footer-main .container {
width: 93%;
}
}
@media (max-width: 768px) {
.footer-main .container {
width: 90%;
}
}
.footer-main .container .footer-wrapper {
display: grid;
grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
gap: 2rem;
align-items: end;
}
@media (max-width: 767px) {
.footer-main .container .footer-wrapper {
grid-template-columns: 1fr;
}
}
.footer-main .container .footer-wrapper .footer-column .logo-area {
margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
.footer-main .container .footer-wrapper .footer-column .logo-area {
width: 12.5rem;
margin: 0 0 1rem;
}
}
.footer-main .container .footer-wrapper .footer-column .logo-area img {
width: 100%;
}
.footer-main .container .footer-wrapper .footer-column .content {
font-size: 0.8rem;
line-height: 1.2rem;
color: #777;
font-weight: 500;
}
@media (max-width: 767px) {
.footer-main .container .footer-wrapper .footer-column .content {
font-size: 1rem;
line-height: 1.4rem;
}
}
.footer-main .container .footer-wrapper .footer-column .footer-title {
text-transform: uppercase;
font-size: 0.8rem;
line-height: 1rem;
font-weight: 700;
color: #333;
margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
.footer-main .container .footer-wrapper .footer-column .footer-title {
font-size: 1rem;
line-height: 1.2rem;
}
}
.footer-main .container .footer-wrapper .footer-column ul {
list-style-type: none;
}
.footer-main .container .footer-wrapper .footer-column ul li {
margin-bottom: 0.2rem;
}
.footer-main .container .footer-wrapper .footer-column ul li:last-of-type {
margin-bottom: 0;
}
.footer-main .container .footer-wrapper .footer-column ul li a {
font-size: 0.8rem;
line-height: 1.2rem;
color: #777;
font-weight: 500;
}
@media (max-width: 767px) {
.footer-main .container .footer-wrapper .footer-column ul li a {
font-size: 1rem;
line-height: 1.4rem;
}
}
.footer-main .container .footer-wrapper .footer-column ul li a:hover {
color: #555;
}
.footer-main .container .footer-wrapper .footer-column .contact-line {
display: flex;
margin-bottom: 0.2rem;
align-items: center;
}
.footer-main .container .footer-wrapper .footer-column .contact-line:last-of-type {
margin-bottom: 0;
}
.footer-main .container .footer-wrapper .footer-column .contact-line .ig-line {
margin-left: 2rem;
}
.footer-main .container .footer-wrapper .footer-column .contact-line svg {
width: 1.2rem;
height: 1.2rem;
fill: #777;
}
.footer-main .container .footer-wrapper .footer-column .contact-line svg path {
fill: #777;
}
.footer-main .container .footer-wrapper .footer-column .contact-line svg.mail-svg {
width: 1.2rem;
height: 1rem;
}
.footer-main .container .footer-wrapper .footer-column .contact-line a {
font-size: 0.8rem;
line-height: 1.2rem;
color: #777;
font-weight: 500;
}
@media (max-width: 767px) {
.footer-main .container .footer-wrapper .footer-column .contact-line a {
font-size: 1rem;
line-height: 1.4rem;
}
}
.footer-main .container .footer-wrapper .footer-column .contact-line a:hover {
color: #555;
}
.footer-bottom {
background-color: #FFF;
padding: 0.8rem 0;
}
.footer-bottom .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
@media (min-width: 2000px) {
.footer-bottom .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.footer-bottom .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.footer-bottom .container {
width: 93%;
}
}
@media (max-width: 768px) {
.footer-bottom .container {
width: 90%;
}
}
@media (max-width: 767px) {
.footer-bottom .container {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
.footer-bottom .container .text * {
font-size: 0.6rem;
line-height: 0.7rem;
color: #777;
font-weight: 500;
}
@media (max-width: 767px) {
.footer-bottom .container .text * {
font-size: 0.8rem;
line-height: 1rem;
}
}
.footer-bottom .container .bank-icons {
max-width: 100%;
display: flex;
gap: 1rem;
}
.footer-bottom .container .bank-icons .bank-logo-wrapper {
width: 5rem;
height: 100%;
}
@media (max-width: 767px) {
.footer-bottom .container .bank-icons .bank-logo-wrapper {
width: 100%;
}
}
.footer-bottom .container .bank-icons .bank-logo-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.scroll-to-top-button {
width: 3em;
height: 3em;
position: fixed;
bottom: 2em;
right: 2em;
display: none;
opacity: 0;
z-index: 999999;
}
.scroll-to-top-button.visible {
display: block;
opacity: 1;
animation: opacity 0.5s ease-in-out;
}
.scroll-to-top-button a {
display: block;
width: 100%;
height: 100%;
background-color: rgb(61, 165, 74);
border-radius: 50%;
position: relative;
}
.scroll-to-top-button a svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
body #cookie-notice {
min-width: auto;
max-width: 600px;
left: 40px;
bottom: 40px;
padding: 1em;
font-size: 18px;
background-color: #fff !important;
box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3);
}
@media (max-width: 680px) {
body #cookie-notice {
width: 400px;
}
}
@media (max-width: 480px) {
body #cookie-notice {
width: 90%;
left: 5%;
bottom: 10px;
}
}
body #cookie-notice.cookie-notice-hidden {
display: none !important;
}
body #cookie-notice .cookie-notice-container {
padding-left: 29%;
margin-left: 2%;
position: relative;
}
@media (max-width: 680px) {
body #cookie-notice .cookie-notice-container {
padding-left: 20%;
}
}
body #cookie-notice .cookie-notice-container:before {
position: absolute;
top: 15%;
left: 0;
content: "";
background-image: url(//mamaflora.lt/wp-content/themes/mamaflora/assets/a8c5ec36bbe7f10ca7bb.png);
width: 25%;
height: 0;
padding-top: 25%;
background-size: cover;
background-position: top center;
}
@media (max-width: 680px) {
body #cookie-notice .cookie-notice-container:before {
width: 17%;
padding-top: 17%;
}
}
body #cookie-notice .cookie-notice-container .cn-text-container {
color: #000;
text-align: left;
font-weight: 300;
font-size: 1em;
}
body #cookie-notice .cookie-notice-container .cn-button.bootstrap {
background-color: #fff;
border: 1px solid #000;
text-align: left !important;
color: #000;
}
@media (max-width: 680px) {
body #cookie-notice .cookie-notice-container .cn-button.bootstrap {
margin: 0 !important;
}
}
body #cookie-notice .cookie-notice-container .cn-button.bootstrap#cn-accept-cookie {
margin: 0 !important;
}
@media (max-width: 680px) {
body #cookie-notice .cookie-notice-container .cn-button.bootstrap#cn-accept-cookie {
margin-bottom: 0.5em !important;
}
}
body #cookie-notice .cookie-notice-container .cn-button.bootstrap:hover {
background-color: #f1f1f1;
}
body #cookie-notice .cn-buttons-container {
display: block;
}
body #cookie-notice #cn-close-notice {
right: 10px;
top: 0;
margin-top: 0;
}
body #cookie-notice #cn-close-notice:before {
background-color: #000;
}
body #cookie-notice #cn-close-notice:after {
background-color: #000;
}
body #cookie-notice #cn-notice-buttons {
margin-top: 20px;
text-align: left;
}
body #cookie-notice #cn-notice-buttons a {
font-weight: 400;
font-size: 1em;
margin-bottom: 5px;
}
.newsletter-form {
background-repeat: no-repeat;
padding: 4rem 0;
position: relative;
background-size: cover;
max-height: 15rem;
}
.newsletter-form::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 15, 0.25);
}
.newsletter-form .container {
width: 50%;
margin: 0 auto;
}
@media (max-width: 767px) {
.newsletter-form .container {
width: 100%;
}
}
.newsletter-form .container .wrapper {
overflow: hidden;
position: relative;
z-index: 3;
text-align: center;
}
.newsletter-form .container .wrapper .title {
font-size: 1.6rem;
line-height: 1.6rem;
font-weight: 600;
color: #FFF;
margin-bottom: 0.5rem;
}
.newsletter-form .container .wrapper .subtitle {
font-size: 0.8rem;
line-height: 1rem;
font-weight: 600;
color: #FFF;
margin-bottom: 1rem;
}
.newsletter-form .container .wrapper form {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.newsletter-form .container .wrapper form .main-area {
display: flex;
align-items: center;
justify-content: center;
}
.newsletter-form .container .wrapper form .main-area input[type=text] {
appearance: none;
outline: none;
border: none;
background-color: #eee;
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2rem;
font-weight: 500;
color: #58595b;
}
.newsletter-form .container .wrapper form .main-area button {
appearance: none;
border: none;
outline: none;
background-color: rgb(61, 165, 74);
color: #FFF;
font-weight: 600;
padding: 0.5rem 1rem;
font-family: "Raleway";
font-size: 1rem;
line-height: 1.2rem;
}
.newsletter-form .container .wrapper form .main-area button:disabled {
opacity: 0.6;
}
.newsletter-form .container .wrapper form .error-msg {
color: #FFF;
font-size: 0.8rem;
line-height: 1rem;
margin-top: 0.5rem;
}
.newsletter-form .container .wrapper form label {
display: flex;
flex-direction: row-reverse;
color: #fff;
gap: 0.5rem;
justify-content: center;
margin-top: 1rem;
}
.search-page .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.search-page .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.search-page .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.search-page .container {
width: 93%;
}
}
@media (max-width: 768px) {
.search-page .container {
width: 90%;
}
}
.search-page .container .wrapper {
padding-top: 2rem;
display: grid;
grid-template-columns: 25% 1fr;
gap: 2rem;
}
@media (max-width: 767px) {
.search-page .container .wrapper {
grid-template-columns: 1fr;
}
}
.search-page .container .wrapper .sidebar {
overflow: hidden;
}
@media (max-width: 767px) {
.search-page .container .wrapper .sidebar {
width: 80%;
position: fixed;
padding: 1rem;
top: 0;
left: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
background-color: white;
}
.search-page .container .wrapper .sidebar.active {
display: block;
}
.search-page .container .wrapper .sidebar ul {
overflow: hidden;
}
.search-page .container .wrapper .sidebar ul.product-categories {
overflow: auto;
max-height: 80vh;
}
}
.search-page .container .wrapper .sidebar h3.widget-title {
margin-top: 1.5rem;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.search-page .container .wrapper .sidebar #sidebar {
position: relative;
z-index: 333;
}
.search-page .container .wrapper .sidebar ul {
list-style-type: none;
}
.search-page .container .wrapper .sidebar ul li {
margin-bottom: 0.5rem;
}
.search-page .container .wrapper .sidebar ul li a {
color: #333;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 500;
}
@media (max-width: 767px) {
.search-page .container .wrapper .sidebar ul li a {
font-size: 1.2rem;
line-height: 1.5rem;
}
}
.search-page .container .wrapper .sidebar ul li.have-child {
position: relative;
}
.search-page .container .wrapper .sidebar ul li.have-child svg {
height: 1.2rem;
position: absolute;
padding: 0.2rem;
top: 50%;
width: 1.2rem;
right: 0.5rem;
transform: translate(0, -50%);
border-radius: 100%;
transition: 0.2s all ease-in-out;
transform-origin: 50% 25%;
}
.search-page .container .wrapper .sidebar ul li.have-child svg.rotate {
transform: rotateZ(180deg);
}
.search-page .container .wrapper .sidebar ul li.have-child svg:hover {
cursor: pointer;
background-color: #eee;
}
.search-page .container .wrapper .sidebar ul li.have-child ~ ul {
transition: 0.1s opacity steps(2);
height: 0;
opacity: 0;
user-select: none;
margin-left: 15px;
visibility: hidden;
}
.search-page .container .wrapper .sidebar ul ul.product-categories li a {
user-select: none;
cursor: default;
}
.search-page .container .wrapper .sidebar ul ul.product-categories.show {
opacity: 1;
visibility: visible;
user-select: auto;
height: auto;
}
@media (max-width: 767px) {
.search-page .container .wrapper .sidebar ul ul.product-categories.show {
overflow: hidden;
}
}
.search-page .container .wrapper .sidebar ul ul.product-categories.show li a {
user-select: auto;
cursor: pointer;
}
.product-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
transition: 0.5s all ease-in;
opacity: 1;
}
@media (max-width: 767px) {
.product-grid {
grid-template-columns: 1fr 1fr;
}
}
.product-grid.hidden {
opacity: 0;
display: none;
}
.product-grid .product-single {
transition: 0.2s all ease;
padding: 0.5rem;
overflow: hidden;
position: relative;
}
.product-grid .product-single:hover {
z-index: 3;
}
.product-grid .product-single .product-single-inner {
position: relative;
}
.product-grid .product-single .product-single-inner .product-tag {
position: absolute;
}
.product-grid .product-single .product-single-inner .product-tag.outofstock {
top: 0.5rem;
left: unset;
right: 0.5rem;
background-color: #cd0000;
padding: 0.5rem 0.5rem;
}
.product-grid .product-single .product-single-inner .product-tag.outofstock .text {
color: white;
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
}
.product-grid .product-single .product-single-inner .product-tag.saletag {
top: 0.5rem;
left: unset;
right: 0.5rem;
background-color: #fff;
padding: 0.5rem 0.5rem;
}
.product-grid .product-single .product-single-inner .product-tag.saletag .text {
color: rgb(61, 165, 74);
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
}
.product-grid .product-single .product-single-inner .image-wrapper {
margin-bottom: 0.5rem;
width: 100%;
height: 15rem;
}
.product-grid .product-single .product-single-inner .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.product-grid .product-single .product-single-inner .title {
font-weight: 700;
line-height: 1rem;
font-size: 0.8rem;
color: #333;
text-align: center;
margin-bottom: 0.5rem;
}
.product-grid .product-single .product-single-inner .ooftext {
text-align: center;
color: #cd0000;
font-weight: 600;
line-height: 1rem;
font-size: 0.7rem;
margin-top: -0.5rem;
margin-bottom: 0.5rem;
}
.product-grid .product-single .product-single-inner .price {
text-align: center;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.product-grid .product-single .product-single-inner .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.product-grid .product-single .product-single-inner .hover-mask {
display: flex;
margin-top: 0.8rem;
gap: 0.5rem;
transform: translateY(-1rem);
align-items: center;
height: 0;
justify-content: space-evenly;
opacity: 0;
}
@media (max-width: 768px) {
.product-grid .product-single .product-single-inner .hover-mask {
display: none;
}
}
.product-grid .product-single .product-single-inner .hover-mask img {
width: 1rem;
height: 1rem;
cursor: pointer;
}
.product-grid .product-single .product-single-inner .hover-mask .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
.product-grid .product-single:hover {
transform: translateY(-10px);
background-color: #fff;
height: calc(100% + 2.5rem);
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.168627451);
}
@media (max-width: 767px) {
.product-grid .product-single:hover {
height: 100%;
}
}
.product-grid .product-single:hover .product-single-inner {
height: 100%;
}
.product-grid .product-single:hover .product-single-inner .hover-mask {
opacity: 1;
transform: translateY(1rem);
}
.product-grid .quick-view-modal {
display: none;
background-color: rgba(0, 0, 0, 0.5);
}
.product-grid .quick-view-modal.active {
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.product-grid .quick-view-modal .inner-wrapper {
height: 80%;
width: 70%;
display: flex;
flex-direction: column;
}
.product-grid .quick-view-modal .inner-wrapper .close-quick-view-modal {
align-self: flex-end;
cursor: pointer;
width: 1rem;
height: 1rem;
margin-bottom: 1rem;
}
.product-grid .quick-view-modal .inner-wrapper .close-quick-view-modal svg {
width: 100%;
height: 100%;
}
.product-grid .quick-view-modal .inner-wrapper .modal-info {
background-color: #fff;
display: flex;
gap: 2rem;
padding: 2rem;
height: 100%;
}
@media (max-width: 767px) {
.product-grid .quick-view-modal .inner-wrapper .modal-info {
flex-direction: column;
}
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .image-wrapper {
width: 50%;
height: 100%;
}
@media (max-width: 767px) {
.product-grid .quick-view-modal .inner-wrapper .modal-info .image-wrapper {
width: 100%;
height: 15rem;
}
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
.product-grid .quick-view-modal .inner-wrapper .modal-info .image-wrapper img {
object-fit: contain;
}
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description {
overflow-y: auto;
width: 50%;
}
@media (max-width: 767px) {
.product-grid .quick-view-modal .inner-wrapper .modal-info .description {
width: 100%;
}
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .qvtitle {
font-size: 1.5rem;
line-height: 2rem;
color: #333;
font-weight: 600;
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .tag {
font-size: 1.2rem;
line-height: 1.5rem;
color: #333;
font-weight: 600;
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .price {
text-align: left;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1.5rem;
font-size: 1rem;
margin: 1rem 0;
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1.5rem;
font-size: 1rem;
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .short-decs p {
white-space: break-spaces;
color: #777;
font-weight: 500;
line-height: 1.3rem;
font-size: 0.9rem;
margin-bottom: 1.3rem;
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .stock {
margin: 1rem 0;
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .stock p {
color: #000;
font-weight: 600;
line-height: 1.2rem;
font-size: 1rem;
}
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 820px) {
.product-grid .quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
padding: 0.8rem 0.5rem;
}
}
.pagination {
display: flex;
margin-top: 3rem;
margin-bottom: 2rem;
flex-wrap: wrap;
}
.pagination a, .pagination span {
padding: 0.5rem;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 600;
color: #777;
}
.pagination a:hover, .pagination span:hover {
background-color: #eee;
}
.pagination .current {
background-color: rgb(61, 165, 74);
color: #FFF;
}
.woocommerce-pagination {
margin-top: 3rem;
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.woocommerce-pagination a, .woocommerce-pagination span {
padding: 0.5rem;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 600;
color: #777;
}
.woocommerce-pagination a:hover, .woocommerce-pagination span:hover {
background-color: #eee;
}
.woocommerce-pagination .current {
background-color: rgb(61, 165, 74);
color: #FFF;
}
.custom-select {
position: relative;
}
.custom-select select {
display: none;
}
.select-selected {
background-color: #FFF;
color: #58595b;
border: 2px solid rgba(129, 129, 129, 0.2);
border-left: none;
} .select-items div {
color: #58595b;
padding: 0.5rem;
font-weight: 600;
cursor: pointer;
user-select: none;
font-size: 0.7rem;
} .select-selected {
color: #58595b;
padding: 0.5rem;
font-weight: 600;
font-size: 1rem;
border: 2px solid rgba(129, 129, 129, 0.2);
border-left: none;
cursor: pointer;
user-select: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .select-items {
position: absolute;
background-color: #fff;
border: 2px solid rgba(129, 129, 129, 0.2);
border-top: none;
height: 15rem;
overflow-y: auto;
top: 100%;
left: 0;
right: 0;
z-index: 9999;
} .select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
border: none;
}
.templated-page {
margin: 4rem 0;
}
.templated-page .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.templated-page .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.templated-page .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.templated-page .container {
width: 93%;
}
}
@media (max-width: 768px) {
.templated-page .container {
width: 90%;
}
}
.templated-page .container p.title {
margin-top: 2rem;
font-size: 1rem;
line-height: 1.2rem;
}
.templated-page .container p {
font-size: 0.8rem;
line-height: 1rem;
}
.templated-page .container ul {
padding: 0.5rem 0;
list-style-position: inside;
}
.templated-page .container ul li {
font-size: 0.8rem;
line-height: 1rem;
}
.templated-page .container .pp-style table thead tr th {
font-weight: 500;
font-size: 0.9rem;
}
.templated-page .container .pp-style table tbody tr td {
font-size: 0.8rem;
font-weight: 400;
}
.page-hero-big-block {
background-size: cover;
position: relative;
background-position: right;
height: 559px !important;
}
@media (max-width: 770px) {
.page-hero-big-block {
background-position: right center;
height: 100% !important;
}
}
.page-hero-big-block::before {
position: absolute;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
}
@media (max-width: 770px) {
.page-hero-big-block::before {
background-color: rgba(0, 0, 0, 0.4);
}
}
.page-hero-big-block .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
height: 100%;
}
@media (min-width: 2000px) {
.page-hero-big-block .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.page-hero-big-block .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.page-hero-big-block .container {
width: 93%;
}
}
@media (max-width: 768px) {
.page-hero-big-block .container {
width: 90%;
}
}
.page-hero-big-block .container .text-wrapper {
justify-content: center;
position: relative;
z-index: 2;
height: 100%;
padding: 5rem 0;
padding-left: 16rem;
display: flex;
flex-direction: column;
}
@media (max-width: 770px) {
.page-hero-big-block .container .text-wrapper {
padding-left: 0;
align-items: center;
text-align: center;
}
}
.page-hero-big-block .container .text-wrapper .title {
color: #FFF;
font-size: 2.5rem;
line-height: 3rem;
font-weight: 700;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
.page-hero-big-block .container .text-wrapper .title {
font-size: 2rem;
line-height: 2.5rem;
}
.page-hero-big-block .container .text-wrapper .title br {
display: none;
}
}
.page-hero-big-block .container .text-wrapper .subtitle {
font-size: 1rem;
line-height: 1.5rem;
color: #FFF;
font-weight: 600;
}
@media (max-width: 767px) {
.page-hero-big-block .container .text-wrapper .subtitle {
font-size: 1.3rem;
line-height: 1.5rem;
}
}
.page-hero-big-block .container .text-wrapper .pirkti-btn {
width: fit-content;
margin: 1.5rem 0;
color: #333;
background-color: #FFC000;
font-size: 1.5rem;
font-weight: 600;
padding: 0.5em 1em;
border: none;
border-radius: 25px;
cursor: pointer;
text-transform: none;
transition: background-color 0.3s, transform 0.2s;
}
.page-hero-big-block .container .text-wrapper .pirkti-btn:hover {
background-color: #FFD700;
transform: scale(1.05);
}
.page-hero-big-block .container .text-wrapper .btn-white {
background-color: rgba(255, 255, 255, 0.8);
padding: 1rem 1.5rem;
color: #333;
font-weight: 700;
align-self: baseline;
font-size: 1rem;
margin: 1.5rem 0;
line-height: 1rem;
}
@media (max-width: 770px) {
.page-hero-big-block .container .text-wrapper .btn-white {
align-self: center;
}
}
.page-hero-big-block .container .text-wrapper .additional-info * {
color: #FFF;
font-size: 0.8rem;
font-weight: 600;
line-height: 0.8rem;
}
.page-hero-big-block .container .text-wrapper .additional-info a {
text-decoration: underline;
}
.page-hero-big-block--carousel {
overflow: hidden;
}
.page-hero-big-block--carousel .splide__arrow {
display: none !important;
}
.page-hero-big-block--carousel .hero-splide,
.page-hero-big-block--carousel .splide__track,
.page-hero-big-block--carousel .splide__list,
.page-hero-big-block--carousel .splide__slide {
height: inherit;
}
.page-hero-big-block--carousel .splide__track {
overflow: hidden;
padding: 0 !important;
}
.page-hero-big-block--carousel .hero-slide {
background-size: cover;
background-position: right center;
position: relative;
}
@media (max-width: 770px) {
.page-hero-big-block--carousel .hero-slide {
height: auto;
background-position: center bottom;
}
}
.page-hero-big-block--carousel .hero-slide::before {
position: absolute;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
}
.page-hero-big-block--carousel .hero-slide .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
height: 100%;
}
@media (min-width: 2000px) {
.page-hero-big-block--carousel .hero-slide .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.page-hero-big-block--carousel .hero-slide .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.page-hero-big-block--carousel .hero-slide .container {
width: 93%;
}
}
@media (max-width: 768px) {
.page-hero-big-block--carousel .hero-slide .container {
width: 90%;
}
}
.categories-block {
padding: 3rem 0;
}
.categories-block .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.categories-block .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.categories-block .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.categories-block .container {
width: 93%;
}
}
@media (max-width: 768px) {
.categories-block .container {
width: 90%;
}
}
.categories-block .container .title {
font-size: 1.5rem;
line-height: 2rem;
color: #333;
font-weight: 600;
text-align: center;
margin-bottom: 1.5rem;
}
.categories-block .container .categories-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
@media (max-width: 767px) {
.categories-block .container .categories-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.categories-block .container .categories-grid .single-category-block {
width: 100%;
height: 15rem;
background-repeat: no-repeat;
position: relative;
transition: 0.2s all ease;
background-position: center;
background-size: cover;
overflow: hidden;
}
.categories-block .container .categories-grid .single-category-block::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, 0.2);
transition: 0.2s all ease-in;
}
.categories-block .container .categories-grid .single-category-block::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
background-size: cover;
transform-origin: center;
transition: transform 0.4s ease-in-out;
}
.categories-block .container .categories-grid .single-category-block .inner-wrapper {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 1rem;
}
.categories-block .container .categories-grid .single-category-block .inner-wrapper .content-container .cat-name {
color: #FFF;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 600;
transform: translateY(0.6rem);
transition: 0.2s all ease;
}
.categories-block .container .categories-grid .single-category-block .inner-wrapper .content-container .hover-mask {
opacity: 0;
transition: 0.2s all ease;
transform: translateY(1rem);
}
.categories-block .container .categories-grid .single-category-block .inner-wrapper .content-container .hover-mask .product-count {
color: #FFF;
font-size: 0.8rem;
line-height: 1.25rem;
font-weight: 600;
}
.categories-block .container .categories-grid .single-category-block:hover {
background-size: cover;
}
.categories-block .container .categories-grid .single-category-block:hover::before {
transform: scale(1.2);
background-color: rgba(0, 0, 0, 0.3);
}
.categories-block .container .categories-grid .single-category-block:hover::after {
transform: scale(1.05);
}
.categories-block .container .categories-grid .single-category-block:hover .inner-wrapper .content-container .cat-name {
transform: translateY(0);
}
.categories-block .container .categories-grid .single-category-block:hover .inner-wrapper .content-container .hover-mask {
opacity: 1;
transform: translateY(0);
}
.offer-products-block {
overflow: hidden;
padding: 3rem 0;
}
.offer-products-block .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.offer-products-block .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.offer-products-block .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.offer-products-block .container {
width: 93%;
}
}
@media (max-width: 768px) {
.offer-products-block .container {
width: 90%;
}
}
.offer-products-block .container .title {
font-size: 1.5rem;
line-height: 2rem;
color: #333;
font-weight: 600;
text-align: center;
margin-bottom: 1.5rem;
}
.offer-products-block .container .buttons-wrapper {
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.offer-products-block .container .buttons-wrapper {
flex-wrap: wrap;
}
}
.offer-products-block .container .buttons-wrapper a {
font-weight: 600;
cursor: pointer;
font-size: 0.9rem;
line-height: 0.9rem;
text-transform: uppercase;
color: #333;
}
.offer-products-block .container .buttons-wrapper a::after {
width: 0%;
height: 2px;
transition: 0.2s all ease-in-out;
background-color: rgb(61, 165, 74);
content: "";
display: block;
}
.offer-products-block .container .buttons-wrapper a.active::after {
width: 100%;
height: 2px;
transition: 0.2s all ease-in-out;
background-color: rgb(61, 165, 74);
content: "";
display: block;
}
.offer-products-block .container .buttons-wrapper a:hover::after {
width: 100%;
}
.offer-products-block .container .product-wrapper {
margin-top: 2rem;
}
.offer-products-block .container .product-wrapper .product-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
transition: 0.5s all ease-in;
opacity: 1;
}
@media (max-width: 767px) {
.offer-products-block .container .product-wrapper .product-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.offer-products-block .container .product-wrapper .product-grid.hidden {
opacity: 0;
display: none;
}
.offer-products-block .container .product-wrapper .product-grid .product-single {
transition: 0.2s all ease;
padding: 0.5rem;
overflow: hidden;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .product-tag {
position: absolute;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .product-tag.outofstock {
top: 0.5rem;
left: unset;
right: 0.5rem;
background-color: #cd0000;
padding: 0.5rem 0.5rem;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .product-tag.outofstock .text {
color: white;
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .product-tag.saletag {
top: 0.5rem;
left: unset;
right: 0.5rem;
background-color: #fff;
padding: 0.5rem 0.5rem;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .product-tag.saletag .text {
color: rgb(61, 165, 74);
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .image-wrapper {
margin-bottom: 0.5rem;
width: 100%;
height: 15rem;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .title {
font-weight: 700;
line-height: 1rem;
font-size: 0.8rem;
color: #333;
text-align: center;
margin-bottom: 0.5rem;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .ooftext {
text-align: center;
color: #cd0000;
font-weight: 600;
line-height: 1rem;
font-size: 0.7rem;
margin-top: -0.5rem;
margin-bottom: 0.5rem;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .price {
text-align: center;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .hover-mask {
display: flex;
margin-top: 0.8rem;
gap: 0.5rem;
transform: translateY(-1rem);
align-items: center;
height: 0;
justify-content: space-evenly;
opacity: 0;
}
@media (max-width: 768px) {
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .hover-mask {
display: none;
}
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .hover-mask img {
width: 1rem;
height: 1rem;
cursor: pointer;
}
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .hover-mask .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 820px) {
.offer-products-block .container .product-wrapper .product-grid .product-single .product-single-inner .hover-mask .btn-green {
padding: 0.8rem 0.5rem;
}
}
.offer-products-block .container .product-wrapper .product-grid .product-single:hover {
transform: translateY(-10px);
background-color: #fff;
height: calc(100% + 2.5rem);
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.168627451);
}
@media (max-width: 1024px) {
.offer-products-block .container .product-wrapper .product-grid .product-single:hover {
height: 100%;
}
}
.offer-products-block .container .product-wrapper .product-grid .product-single:hover .product-single-inner {
height: 100%;
}
.offer-products-block .container .product-wrapper .product-grid .product-single:hover .product-single-inner .hover-mask {
opacity: 1;
transform: translateY(1rem);
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal {
display: none;
background-color: rgba(0, 0, 0, 0.5);
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal.active {
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper {
height: 80%;
width: 70%;
display: flex;
flex-direction: column;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .close-quick-view-modal {
align-self: flex-end;
cursor: pointer;
width: 1rem;
height: 1rem;
margin-bottom: 1rem;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .close-quick-view-modal svg {
width: 100%;
height: 100%;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info {
background-color: #fff;
display: flex;
gap: 2rem;
padding: 2rem;
height: 100%;
}
@media (max-width: 767px) {
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info {
flex-direction: column;
}
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .image-wrapper {
width: 50%;
height: 100%;
}
@media (max-width: 767px) {
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .image-wrapper {
width: 100%;
height: 15rem;
}
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .image-wrapper img {
object-fit: contain;
}
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description {
overflow-y: auto;
width: 50%;
}
@media (max-width: 767px) {
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description {
width: 100%;
}
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .qvtitle {
font-size: 1.5rem;
line-height: 2rem;
color: #333;
font-weight: 600;
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .tag {
font-size: 1.2rem;
line-height: 1.5rem;
color: #333;
font-weight: 600;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .price {
text-align: left;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1.5rem;
font-size: 1rem;
margin: 1rem 0;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1.5rem;
font-size: 1rem;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .short-decs p {
white-space: break-spaces;
color: #777;
font-weight: 500;
line-height: 1.3rem;
font-size: 0.9rem;
margin-bottom: 1.3rem;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .stock {
margin: 1rem 0;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .stock p {
color: #000;
font-weight: 600;
line-height: 1.2rem;
font-size: 1rem;
}
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 820px) {
.offer-products-block .container .product-wrapper .product-grid .quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
padding: 0.8rem 0.5rem;
}
}
.offer-products-block .container .product-wrapper .product-grid.noproducts {
grid-template-columns: 1fr;
}
.offer-products-block .container .product-wrapper .product-grid.noproducts .content {
text-align: center;
}
.button-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.button-wrap .showsaleproducts {
display: none;
margin-top: 2rem;
}
.button-wrap .showsaleproducts.show {
display: block;
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 820px) {
.button-wrap .showsaleproducts.show {
padding: 0.8rem 0.5rem;
}
}
.button-wrap .showsaleproducts.hide {
display: none;
}
.cpt-slider-block {
margin: 5rem 0;
}
.cpt-slider-block .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.cpt-slider-block .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.cpt-slider-block .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.cpt-slider-block .container {
width: 93%;
}
}
@media (max-width: 768px) {
.cpt-slider-block .container {
width: 90%;
}
}
.cpt-slider-block .container .title {
font-size: 1.5rem;
line-height: 2rem;
color: #333;
font-weight: 600;
text-align: center;
margin-bottom: 1.5rem;
}
.cpt-slider-block .container .splide {
margin: 0 auto;
}
.cpt-slider-block .container .splide__slide {
padding: 1rem 0;
}
.cpt-slider-block .container .splide .splide__arrow--prev {
left: -1em;
}
.cpt-slider-block .container .splide .splide__arrow--next {
right: -1em;
}
.cpt-slider-block .container .splide .patarimas {
width: 100%;
background-color: #FFF;
transition: 0.2s all ease-in-out;
}
.cpt-slider-block .container .splide .patarimas .image-wrapper {
position: relative;
}
.cpt-slider-block .container .splide .patarimas .image-wrapper .img-wrapper-real {
width: 100%;
height: 13.5rem;
overflow: hidden;
position: relative;
}
.cpt-slider-block .container .splide .patarimas .image-wrapper .img-wrapper-real img {
transition: 0.2s all ease-in-out;
width: 100%;
height: 100%;
object-fit: cover;
}
.cpt-slider-block .container .splide .patarimas .image-wrapper .post-date {
position: absolute;
top: 1rem;
left: 1rem;
background-color: #fff;
width: 15%;
padding: 0.5rem;
text-align: center;
}
.cpt-slider-block .container .splide .patarimas .image-wrapper .post-date p {
font-size: 1rem;
line-height: 1.2rem;
color: #333;
font-weight: 500;
}
.cpt-slider-block .container .splide .patarimas .image-wrapper .cat-title {
background-color: rgb(61, 165, 74);
position: absolute;
bottom: -0.6rem;
transform: translate(-50%, 0);
left: 50%;
}
.cpt-slider-block .container .splide .patarimas .image-wrapper .cat-title p {
color: #FFF;
text-transform: uppercase;
padding: 0.3rem 0.5rem;
font-size: 0.6rem;
line-height: 0.6rem;
}
.cpt-slider-block .container .splide .patarimas .content {
padding: 0 1rem 0.5rem;
}
.cpt-slider-block .container .splide .patarimas .content .title {
margin-top: 1.6rem;
font-size: 0.8rem;
line-height: 1rem;
color: #252525;
font-weight: 700;
text-align: center;
}
.cpt-slider-block .container .splide .patarimas .content .excerpt {
font-size: 0.8rem;
line-height: 1.2rem;
color: #333;
font-weight: 500;
text-align: center;
}
.cpt-slider-block .container .splide .patarimas .content .read-more {
text-align: center;
margin-top: 1rem;
}
.cpt-slider-block .container .splide .patarimas .content .read-more a {
color: rgb(61, 165, 74);
text-transform: uppercase;
font-weight: 700;
line-height: 1.2rem;
font-size: 0.8rem;
}
.cpt-slider-block .container .splide .patarimas:hover {
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.168627451);
}
.cpt-slider-block .container .splide .patarimas:hover .image-wrapper img {
transform: scale(1.1);
}
.only-text {
margin: 2.5rem 0;
}
.only-text .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.only-text .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.only-text .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.only-text .container {
width: 93%;
}
}
@media (max-width: 768px) {
.only-text .container {
width: 90%;
}
}
.only-text .container p.text {
text-align: center;
width: 60%;
margin: 0 auto;
font-weight: 500;
line-height: 1.2rem;
font-size: 1rem;
color: #777;
}
@media (max-width: 767px) {
.only-text .container p.text {
width: 100%;
}
}
.list-or-content-block {
margin: 2rem 0;
}
.list-or-content-block .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.list-or-content-block .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.list-or-content-block .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.list-or-content-block .container {
width: 93%;
}
}
@media (max-width: 768px) {
.list-or-content-block .container {
width: 90%;
}
}
.list-or-content-block .container .title {
font-size: 1.25rem;
line-height: 1.25rem;
color: #333;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1rem;
}
.list-or-content-block .container ul.list {
list-style-type: square;
margin-left: 0;
padding-left: 1rem;
list-style-position: outside;
}
.list-or-content-block .container ul.list li {
font-weight: 500;
color: #777;
line-height: 1.25rem;
font-size: 0.9rem;
}
.list-or-content-block .container ul.list li::marker {
color: rgb(61, 165, 74);
}
.list-or-content-block .container .content {
font-weight: 500;
color: #777;
line-height: 1.25rem;
font-size: 0.9rem;
}
.contacts-block .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.contacts-block .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.contacts-block .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.contacts-block .container {
width: 93%;
}
}
@media (max-width: 768px) {
.contacts-block .container {
width: 90%;
}
}
.contacts-block .container .info-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
.contacts-block .container .info-wrapper {
grid-template-columns: 1fr;
}
}
.contacts-block .container .info-wrapper .column {
padding: 3rem 1.5rem;
}
.contacts-block .container .info-wrapper .column .img-wrap {
width: 5rem;
height: 5rem;
margin: 0 auto;
margin-bottom: 1rem;
}
.contacts-block .container .info-wrapper .column .img-wrap svg {
width: 100%;
height: 100%;
}
.contacts-block .container .info-wrapper .column .title {
font-size: 1.25rem;
line-height: 1.25rem;
color: #333;
text-transform: uppercase;
margin-bottom: 2rem;
font-weight: 600;
text-align: center;
}
.contacts-block .container .info-wrapper .column a {
font-weight: 500;
color: #777;
line-height: 1.25rem;
font-size: 0.9rem;
display: block;
text-align: center;
}
.contacts-block .container .info-wrapper .column a:last-of-type {
margin-bottom: 1.5rem;
}
.contacts-block .container .info-wrapper .column a:hover {
color: #555;
}
.contacts-block .container .info-wrapper .column p {
font-weight: 500;
color: #777;
line-height: 1.25rem;
font-size: 0.9rem;
text-align: center;
}
.contacts-block .container .info-wrapper .column.middle {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
@media (max-width: 767px) {
.contacts-block .container .info-wrapper .column.middle {
border: none;
}
}
.maparea {
width: 100%;
height: 33vh;
}
.maparea .map {
width: 100%;
height: 100%;
}
.diamond-block {
margin: 2rem 0;
}
.diamond-block .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.diamond-block .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.diamond-block .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.diamond-block .container {
width: 93%;
}
}
@media (max-width: 768px) {
.diamond-block .container {
width: 90%;
}
}
.diamond-block .container .title {
font-size: 1.5rem;
line-height: 1.5rem;
text-align: center;
color: #000;
font-weight: 700;
}
.diamond-block .container .diamonds-grid {
margin: 2rem 0;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 1rem;
}
@media (max-width: 600px) {
.diamond-block .container .diamonds-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.diamond-block .container .diamonds-grid .diamond {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.diamond-block .container .diamonds-grid .diamond .img-wrapper {
margin: 0 auto;
width: 1.2rem;
height: 1.2rem;
}
.diamond-block .container .diamonds-grid .diamond .img-wrapper svg {
width: 100%;
height: 100%;
}
.diamond-block .container .diamonds-grid .diamond a {
color: #777;
font-weight: 500;
line-height: 1rem;
font-size: 0.8rem;
text-align: center;
margin: 0 auto;
}
.diamond-block .container .diamonds-grid .diamond a:hover {
text-decoration: underline;
}
.diamond-block .container .subtext {
text-align: center;
width: 60%;
margin: 0 auto;
font-weight: 500;
line-height: 1.2rem;
font-size: 1rem;
color: #777;
}
.paragraph-container {
padding: 4rem 0 6rem;
}
.paragraph-container.container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
.paragraph-container__inner {
display: flex;
flex-direction: column;
gap: 2rem;
}
.paragraph-container__paragraph p {
color: #58595B;
line-height: 1.5rem;
}
.paragraph-container__button .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
border-radius: 0.3rem;
border: none;
outline: none;
font-family: "Raleway";
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (min-width: 2000px) {
.paragraph-container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.paragraph-container {
width: 95%;
}
}
@media (max-width: 1024px) {
.paragraph-container {
width: 93%;
}
}
@media (max-width: 768px) {
.paragraph-container {
width: 90%;
}
}
.table-container {
max-width: 1280px;
margin: 0 auto;
}
.table-container.container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
.table-container .table-title {
margin: 0 0 18px;
font-weight: 800;
letter-spacing: 0.2px;
color: #111;
font-size: clamp(34px, 4.2vw, 56px);
line-height: 1.05;
}
.table-container .table-subtitle {
width: 79%;
color: #6b6b6b;
font-size: 18px;
line-height: 1.75;
margin: 0;
}
.table-container .table-subtitle p {
margin: 0 0 10px;
}
.table-container .table-subtitle p:last-child {
margin-bottom: 0;
}
.table-container .table {
margin: 3rem 0;
border-top: 1px solid #CECECE;
}
.table-container .table.green .table-row.pp-alt {
background: #eef7ef;
}
.table-container .table.green .table-cell svg path {
stroke: #898989;
}
.table-container .table.blue .table-row.pp-alt {
background: #F7FAFF;
}
.table-container .table .table-row {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 550px 1fr 1fr 1fr;
background: transparent;
}
.table-container .table .table-row:last-of-type .table-cell {
border-bottom: none;
}
.table-container .table .table-row.table-head {
background: #fff;
}
.table-container .table .table-row.table-head .table-cell {
font-size: 20px;
font-weight: 800;
color: #111;
background: #fff;
padding-top: 34px;
padding-bottom: 34px;
}
.table-container .table .table-row.table-head .table-cell:nth-of-type(n + 2) {
text-align: center;
}
.table-container .table .table-row .table-cell:nth-of-type(n + 2) {
text-align: center;
}
.table-container .table .table-row .table-cell svg {
height: 100%;
}
.table-container .table .table-row.pp-alt .table-cell {
background: transparent;
}
@media (max-width: 1220px) {
.table-container .table .table-row {
grid-auto-columns: 350px 1fr 1fr 1fr;
}
}
@media (max-width: 991px) {
.table-container .table .table-row {
grid-auto-columns: 250px 1fr 1fr 1fr;
}
}
.table-container .table .table-cell {
padding: 24px;
border-left: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
color: #3b3b3b;
font-size: 18px;
}
.table-container .table .table-cell:first-child {
border-left: none;
font-weight: 700;
color: #58595B;
}
@media (max-width: 991px) {
.table-container .table .table-cell {
padding: 22px 18px;
font-size: 18px;
}
}
@media (max-width: 640px) {
.table-container .table .table-cell {
font-size: 16px;
line-height: 1.4;
}
}
@media (min-width: 2000px) {
.table-container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.table-container {
width: 95%;
}
}
@media (max-width: 1024px) {
.table-container {
width: 93%;
}
}
@media (max-width: 991px) {
.table-container .table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-container .table .table-row {
grid-auto-columns: 350px 1fr 1fr 1fr;
min-width: 1280px;
}
}
@media (max-width: 768px) {
.table-container {
width: 90%;
}
}
.latest-solutions.container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
.latest-solutions--light {
padding: 70px 0 90px;
background: #fff;
color: #111;
}
.latest-solutions__inner {
display: flex;
flex-direction: column;
}
.latest-solutions__heading {
display: flex;
flex-direction: column;
gap: 18px;
margin: 0 0 46px;
}
.latest-solutions__heading--light {
text-align: left;
align-items: flex-start;
}
.latest-solutions__heading-title {
margin: 0;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 0.2px;
font-size: clamp(34px, 4vw, 56px);
line-height: 1.05;
color: #111;
}
.latest-solutions__heading-subtitle {
max-width: 760px;
margin: 0;
color: #6b6b6b;
font-size: 18px;
line-height: 1.75;
}
.latest-solutions__heading-subtitle p {
margin: 0 0 10px;
}
.latest-solutions__heading-subtitle p:last-child {
margin-bottom: 0;
}
.latest-solutions .completed-work-slider {
aspect-ratio: 16/10;
position: relative;
overflow: hidden;
border-radius: 12px;
}
.latest-solutions .completed-work-slider .splide__track,
.latest-solutions .completed-work-slider .splide__list,
.latest-solutions .completed-work-slider .splide__slide {
height: 100%;
}
.latest-solutions .completed-work-slider .splide__slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.latest-solutions .completed-work-slider .splide__track {
overflow: hidden;
}
.latest-solutions .completed-work-slider .splide__list {
margin: 0;
padding: 0;
}
.latest-solutions .splide__pagination {
position: static;
display: flex;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.latest-solutions .splide__pagination li {
margin: 0;
}
.latest-solutions .splide__pagination .splide__pagination__page {
width: 7px;
height: 7px;
border-radius: 50%;
padding: 0;
border: 0;
background: rgba(255, 255, 255, 0.55);
opacity: 1;
}
.latest-solutions .splide__pagination .splide__pagination__page.is-active {
background: #fff;
transform: none;
}
.latest-solutions .latest-solutions__slider-dots {
position: absolute;
left: 0;
right: 0;
bottom: 14px;
display: flex;
justify-content: center;
}
.latest-solutions .latest-solutions__slider-arrow {
background: transparent;
}
.latest-solutions__posts--works {
display: flex;
flex-direction: column;
gap: 26px;
}
.latest-solutions__work {
background: #f6f6f6;
border-radius: 16px;
overflow: hidden;
}
.latest-solutions__work-inner {
position: relative;
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 42px;
padding: 46px;
}
.latest-solutions__work-inner::before {
content: attr(data-index);
position: absolute;
left: -5%;
top: 10%;
font-size: 460px;
height: 100%;
font-weight: 800;
color: rgba(0, 0, 0, 0.04);
pointer-events: none;
user-select: none;
}
.latest-solutions__work.is-flipped .latest-solutions__work-inner {
grid-template-columns: 1.2fr 1fr;
}
.latest-solutions__work.is-flipped .latest-solutions__work-inner .latest-solutions__work-content {
order: 2;
}
.latest-solutions__work.is-flipped .latest-solutions__work-inner .latest-solutions__work-media {
order: 1;
}
.latest-solutions__work-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
gap: 18px;
padding-right: 10px;
}
.latest-solutions__work-content .btn-green {
width: fit-content;
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
margin-top: 2rem;
text-transform: uppercase;
font-size: 0.8rem;
border-radius: 0.3rem;
border: none;
outline: none;
font-family: "Raleway";
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
.latest-solutions__work-title {
margin: 0;
font-size: 26px;
font-weight: 800;
line-height: 1.35;
color: #111;
}
.latest-solutions__work-text {
color: #6b6b6b;
font-size: 16px;
line-height: 1.75;
}
.latest-solutions__work-text p {
margin: 0 0 10px;
}
.latest-solutions__work-text p:last-child {
margin-bottom: 0;
}
.latest-solutions__work-btn {
align-self: flex-start;
margin-top: 10px;
}
.latest-solutions__work-media {
position: relative;
z-index: 2;
display: flex;
align-items: center;
}
.latest-solutions__slider {
position: relative;
width: 100%;
border-radius: 12px;
overflow: hidden;
background: #ddd;
}
.latest-solutions__slider-track {
display: flex;
}
.latest-solutions__slider .latest-solutions__slide {
flex: 0 0 100%;
}
.latest-solutions__slider .latest-solutions__slide img {
width: 100%;
display: block;
aspect-ratio: 16/10;
object-fit: cover;
}
.latest-solutions__slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border: 0;
border-radius: 999px;
background: rgba(0, 0, 0, 0.45);
color: #fff;
font-size: 44px;
line-height: 1;
display: grid;
place-items: center;
cursor: pointer;
}
.latest-solutions__slider-arrow--prev {
left: 14px;
}
.latest-solutions__slider-arrow--next {
right: 14px;
}
.latest-solutions__slider-dots {
position: absolute;
left: 0;
right: 0;
bottom: 14px;
display: flex;
justify-content: center;
gap: 8px;
}
.latest-solutions__slider-dots .dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.55);
}
.latest-solutions__slider-dots .dot.is-active {
background: #fff;
}
@media (min-width: 2000px) {
.latest-solutions {
width: 1600px;
}
}
@media (max-width: 1200px) {
.latest-solutions {
width: 95%;
}
}
@media (max-width: 1024px) {
.latest-solutions {
width: 93%;
}
}
@media (max-width: 992px) {
.latest-solutions__work-inner {
grid-template-columns: 1fr;
padding: 28px;
gap: 22px;
}
.latest-solutions__work-inner::before {
left: 0;
top: -10%;
}
}
@media (max-width: 768px) {
.latest-solutions {
width: 90%;
}
}
.woocommerce-mini-cart__empty-message {
text-align: center;
margin-top: 1rem;
font-weight: 500;
}
ul.woocommerce-mini-cart {
list-style-type: none;
overflow: auto;
height: calc(100vh - 11rem - 3.5vh);
}
ul.woocommerce-mini-cart li {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
ul.woocommerce-mini-cart li .product-mini {
padding: 1rem;
display: grid;
grid-template-columns: max-content 1fr max-content;
gap: 1rem;
}
ul.woocommerce-mini-cart li .product-mini.only-mf-ship {
padding-bottom: 0;
}
@media (max-width: 950px) {
ul.woocommerce-mini-cart li .product-mini {
gap: 0.5rem;
}
}
ul.woocommerce-mini-cart li .product-mini .image-wrapper {
width: 5rem;
height: 5rem;
}
ul.woocommerce-mini-cart li .product-mini .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
ul.woocommerce-mini-cart li .product-mini .middle .title h2 {
font-size: 0.9rem;
line-height: 1.2rem;
font-weight: 700;
color: #333;
margin-bottom: 0.25rem;
}
ul.woocommerce-mini-cart li .product-mini .middle .variation p {
color: #777;
font-size: 0.8rem;
line-height: 1rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
ul.woocommerce-mini-cart li .product-mini .middle .quantity-mini .quantity-btns {
justify-content: flex-start;
}
ul.woocommerce-mini-cart li .product-mini .middle .tidy-minicart-price {
color: rgb(61, 165, 74);
margin-top: 0.5rem;
font-size: 1rem;
line-height: 1rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
ul.woocommerce-mini-cart li .product-mini .remove a {
color: #777;
font-size: 2rem;
transition: 0.2s all ease-in-out;
line-height: 1rem;
}
ul.woocommerce-mini-cart li .product-mini .remove a:hover {
color: red;
}
ul.woocommerce-mini-cart li .product-only-shipping {
padding: 0 1rem 1rem;
}
ul.woocommerce-mini-cart li .product-only-shipping p {
font-weight: 600;
font-size: 0.75rem;
color: #333;
}
.bottom-mini {
padding: 1rem;
border-top: 1px solid #eee;
display: flex;
gap: 0.5rem;
flex-direction: column;
bottom: 0;
right: 0;
position: fixed;
width: 100%;
background: white;
height: 11rem;
}
.bottom-mini .woocommerce-mini-cart__total {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.bottom-mini .woocommerce-mini-cart__total span {
color: rgb(61, 165, 74);
font-weight: 500;
font-size: 1rem;
line-height: 1rem;
justify-self: flex-end;
}
.bottom-mini .woocommerce-mini-cart__total span.total {
justify-self: flex-start;
color: #333;
text-transform: uppercase;
}
.bottom-mini .submit-button input {
width: 100%;
outline: none;
border: none;
background-color: #ddd;
color: #333;
padding: 1rem;
font-weight: 600;
font-size: 1rem;
cursor: pointer;
line-height: 1rem;
text-transform: uppercase;
}
.bottom-mini .woocommerce-mini-cart__buttons {
display: flex;
gap: 1rem;
}
.bottom-mini .woocommerce-mini-cart__buttons a {
width: 50%;
font-size: 1rem;
line-height: 1rem;
text-transform: uppercase;
font-weight: 600;
padding: 1rem;
text-align: center;
}
.bottom-mini .woocommerce-mini-cart__buttons a.wc-forward {
background-color: #ddd;
color: #333;
}
.bottom-mini .woocommerce-mini-cart__buttons a.checkout {
color: #fff;
background-color: rgb(61, 165, 74);
display: flex;
align-items: center;
justify-content: center;
}
.cart-area {
margin: 4rem 0;
}
.cart-area .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.cart-area .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.cart-area .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.cart-area .container {
width: 93%;
}
}
@media (max-width: 768px) {
.cart-area .container {
width: 90%;
}
}
.cart-area .container form table {
border: none;
}
@media (max-width: 768px) {
.cart-area .container form table tr td::before {
content: attr(data-title);
}
}
.cart-area .container form table thead tr th {
color: #777;
text-transform: uppercase;
font-weight: 500;
font-size: 1rem;
}
.cart-area .container form table thead tr th.product-quantity {
text-align: center;
}
.cart-area .container form table td.product-remove a {
color: #333 !important;
transition: 0.2s all ease;
font-weight: 400;
}
.cart-area .container form table td.product-remove a:hover {
background-color: transparent;
color: red !important;
}
.cart-area .container form table td.product-thumbnail {
display: flex;
align-items: center;
gap: 1rem;
}
.cart-area .container form table td.product-thumbnail::before {
display: none;
}
.cart-area .container form table td.product-thumbnail .left .image-wrapper {
width: 7.5rem;
height: 7.5rem;
}
.cart-area .container form table td.product-thumbnail .left .image-wrapper a {
width: 100%;
height: 100%;
}
.cart-area .container form table td.product-thumbnail .left .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cart-area .container form table td.product-thumbnail .right .title h2 {
font-size: 0.8rem;
line-height: 1rem;
color: #333;
font-weight: 700;
}
.cart-area .container form table td.product-thumbnail .right div.lotynic p {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
font-style: italic;
}
.cart-area .container form table td.product-thumbnail .right .product-only-shipping {
margin-top: 1rem;
}
.cart-area .container form table td.product-thumbnail .right .product-only-shipping p {
font-size: 0.7rem;
line-height: 1rem;
font-weight: 600;
color: #333;
}
.cart-area .container form table td.product-thumbnail .right div.variation p {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
font-style: italic;
}
@media (max-width: 768px) {
.cart-area .container form table .product-quantity .quantity-btns {
justify-content: flex-end;
}
}
.cart-area .container form table td.product-subtotal span {
color: rgb(61, 165, 74);
font-weight: 500;
}
.cart-area .container form table td.product-subtotal span:first-of-type {
color: #333;
}
.cart-area .container form table td.product-subtotal span:first-of-type .woocommerce-Price-currencySymbol {
color: #333;
}
.cart-area .container form table td.product-subtotal span .woocommerce-Price-currencySymbol {
color: rgb(61, 165, 74);
}
.cart-area .container form table .wp-element-button {
font-size: 1rem;
line-height: 1rem;
text-transform: uppercase;
font-weight: 600;
padding: 1rem;
font-family: "Raleway";
text-align: center;
outline: none;
margin-right: 0;
margin-left: auto;
border: none;
border-radius: 0;
background-color: #ddd;
color: #333;
}
.cart-area .container form table .wp-element-button:disabled {
font-family: "Raleway";
padding: 1rem;
}
.cart-collaterals {
display: flex;
justify-content: flex-end;
}
.cart-collaterals .cart_totals {
float: unset;
width: auto !important;
}
.cart-collaterals .cart_totals .cart-subtotal {
margin-bottom: 1.5rem;
display: flex;
justify-content: space-between;
}
.cart-collaterals .cart_totals .cart-subtotal a {
display: none;
}
.cart-collaterals .cart_totals .cart-subtotal .suma {
margin-right: 0;
margin-left: auto;
}
.cart-collaterals .cart_totals .cart-subtotal * {
font-size: 1rem;
line-height: 1rem;
color: #333;
font-weight: 500;
}
.cart-collaterals .single_add_to_cart_button {
color: #FFF;
background-color: rgb(61, 165, 74);
font-family: "Raleway";
outline: none;
font-weight: 700;
border: none;
font-size: 0.9rem;
overflow: hidden;
text-transform: uppercase;
}
.cart-collaterals .single_add_to_cart_button:hover p {
transform: translateY(-200%);
}
.cart-collaterals .single_add_to_cart_button p {
color: #FFF;
padding: 1rem 2rem;
position: relative;
transition: 0.2s all ease;
}
.cart-collaterals .single_add_to_cart_button p::after {
position: absolute;
content: url("data:image/svg+xml,%3Csvg fill=%27%23FFF%27 version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 902.86 902.86%27 xml:space=%27preserve%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cg%3E%3Cg%3E%3Cpath d=%27M671.504,577.829l110.485-432.609H902.86v-68H729.174L703.128,179.2L0,178.697l74.753,399.129h596.751V577.829z M685.766,247.188l-67.077,262.64H131.199L81.928,246.756L685.766,247.188z%27%3E%3C/path%3E%3Cpath d=%27M578.418,825.641c59.961,0,108.743-48.783,108.743-108.744s-48.782-108.742-108.743-108.742H168.717 c-59.961,0-108.744,48.781-108.744,108.742s48.782,108.744,108.744,108.744c59.962,0,108.743-48.783,108.743-108.744 c0-14.4-2.821-28.152-7.927-40.742h208.069c-5.107,12.59-7.928,26.342-7.928,40.742 C469.675,776.858,518.457,825.641,578.418,825.641z M209.46,716.897c0,22.467-18.277,40.744-40.743,40.744 c-22.466,0-40.744-18.277-40.744-40.744c0-22.465,18.277-40.742,40.744-40.742C191.183,676.155,209.46,694.432,209.46,716.897z M619.162,716.897c0,22.467-18.277,40.744-40.743,40.744s-40.743-18.277-40.743-40.744c0-22.465,18.277-40.742,40.743-40.742 S619.162,694.432,619.162,716.897z%27%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
display: block;
width: 1.5rem;
height: 1.5rem;
left: 50%;
top: 250%;
transform: translate(-50%, -50%);
}
.coupon {
display: flex;
float: unset;
gap: 1rem;
}
.coupon label {
display: none;
}
.coupon button {
color: #FFF !important;
background-color: rgb(61, 165, 74) !important;
font-family: "Raleway";
outline: none;
font-weight: 700;
border: none !important;
}
.coupon input {
width: 80% !important;
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 500;
color: #58595b;
}
.checkout-area {
margin: 4rem 0;
}
.checkout-area .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.checkout-area .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.checkout-area .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.checkout-area .container {
width: 93%;
}
}
@media (max-width: 768px) {
.checkout-area .container {
width: 90%;
}
}
.checkout-area .container table.woocommerce-checkout-review-order-table {
border: none;
border-radius: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 1.5rem;
}
.checkout-area .container table.woocommerce-checkout-review-order-table thead tr th {
color: #777;
text-transform: uppercase;
font-weight: 500;
font-size: 1rem;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area {
display: flex;
gap: 1.5rem;
align-items: center;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .image-wrapper {
width: 5rem;
margin: 1rem 0;
height: 5rem;
}
@media (max-width: 768px) {
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .image-wrapper {
width: 5rem;
height: 5rem;
}
}
@media (max-width: 360px) {
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .image-wrapper {
display: none;
}
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .image-wrapper a {
width: 100%;
height: 100%;
user-select: none;
}
@media (max-width: 768px) {
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .image-wrapper a {
width: 100%;
height: 100%;
}
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .info-area .title h2 {
font-size: 0.8rem;
line-height: 1rem;
color: #333;
font-weight: 700;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .info-area div.lotynic p {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
font-style: italic;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .info-area .product-only-shipping {
margin-top: 1rem;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .info-area .product-only-shipping p {
font-size: 0.7rem;
line-height: 1rem;
font-weight: 600;
color: #333;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-area .info-area div.variation p {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
font-style: italic;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-quantity p {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
}
.checkout-area .container table.woocommerce-checkout-review-order-table tbody .product-total * {
color: rgb(61, 165, 74);
font-weight: 500;
}
form.checkout {
margin-top: 2.5rem;
}
form.checkout .col2-set {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
@media (max-width: 1440px) {
form.checkout .col2-set {
gap: 2rem;
}
}
@media (max-width: 768px) {
form.checkout .col2-set {
grid-template-columns: 1fr;
}
}
form.checkout .col2-set:before {
display: none;
}
form.checkout .col2-set .col-2 {
width: 100%;
float: unset;
}
form.checkout .col2-set .col-2 #order_review {
position: sticky;
top: 0;
}
@media (max-width: 768px) {
form.checkout .col2-set .col-2 {
order: 1;
}
}
form.checkout .col2-set .col-1 {
width: 100%;
float: unset;
}
@media (max-width: 768px) {
form.checkout .col2-set .col-1 {
order: 2;
}
}
form.checkout .woocommerce-billing-fields h3 {
font-size: 1rem;
line-height: 1rem;
margin-bottom: 1rem;
font-weight: 600;
text-transform: uppercase;
}
form.checkout .shipping {
font-size: 1rem;
line-height: 1rem;
margin-bottom: 1rem;
font-weight: 600;
text-transform: uppercase;
margin-top: 2rem;
}
form.checkout .shipping .notify-customer-red {
margin-top: 1rem;
background-color: #ebe9eb;
border-radius: 0.25rem;
border: 2px solid #c2bfbf;
padding: 1rem;
}
form.checkout .shipping .notify-customer-red .message {
display: grid;
grid-template-columns: max-content 1fr;
gap: 0.5rem;
}
form.checkout .shipping .notify-customer-red .message .left .image {
width: 1rem;
height: 1rem;
}
form.checkout .shipping .notify-customer-red .message .left .image svg {
width: 100%;
height: 100%;
}
form.checkout .shipping .notify-customer-red .message .right p {
color: #000;
font-weight: 500;
font-size: 0.8rem;
text-transform: none;
}
form.checkout .shipping ul {
margin-top: 1.5rem !important;
display: flex;
height: 7rem;
}
form.checkout .shipping ul li {
cursor: pointer;
float: left;
margin: 0 0.25rem 0 0;
width: 33.3%;
position: relative;
}
form.checkout .shipping ul li label, form.checkout .shipping ul li input {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
form.checkout .shipping ul li input {
opacity: 0.01;
z-index: 100;
}
form.checkout .shipping ul li input[type=radio]:checked + label,
form.checkout .shipping ul li .Checked + label {
background: #eee;
border: 2px solid rgb(61, 165, 74);
}
form.checkout .shipping ul li label {
display: flex !important;
flex-direction: column;
align-items: center;
padding: 5px;
font-size: 0.8rem;
line-height: 1rem;
height: 100%;
cursor: pointer;
text-align: center;
text-transform: none;
font-weight: 500;
z-index: 90;
}
form.checkout .shipping ul li label .multiparcels-carrier-icon-image-holder {
display: flex;
margin-bottom: 0.25rem;
}
form.checkout .shipping ul li label .multiparcels-carrier-icon-image-holder img {
max-width: 100px;
max-height: 1.5rem;
width: 100%;
}
form.checkout .shipping ul li label .label-text {
width: 75%;
margin-bottom: 0.25rem;
}
form.checkout .shipping ul li label:hover {
background: #DDD;
}
form.checkout .form-row-first, form.checkout .form-row-last {
width: 50%;
margin-top: 0.25rem;
}
form.checkout input[type=text], form.checkout input[type=email], form.checkout input[type=tel] {
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 500;
color: #58595b;
}
form.checkout .select2-container--default .select2-selection--single {
height: 100%;
border-radius: 0;
position: relative;
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2rem;
font-weight: 500;
color: #58595b;
}
form.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 25%;
}
form.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 1rem;
line-height: 1.2rem;
font-weight: 500;
padding: 0;
color: #58595b;
}
form.checkout label.checkbox .optional {
display: none;
}
form.checkout #perkaimone-vidus {
display: none;
}
form.checkout #perkaimone-vidus.show {
display: block;
}
form.checkout #payment {
background-color: #eee;
color: #333;
border-radius: 0;
}
form.checkout #payment .wc_payment_method label {
font-size: 1rem;
line-height: 1rem;
margin-bottom: 1rem;
font-weight: 600;
text-transform: uppercase;
}
form.checkout #payment .payment_box {
background: #FFF;
color: #333;
}
form.checkout #payment .payment_box::before {
border: 1em solid #fff;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
form.checkout #payment .btn-green {
color: #FFF;
background-color: rgb(61, 165, 74);
font-family: "Raleway";
cursor: pointer;
outline: none;
font-weight: 700;
border: none;
padding: 0.8rem 1.2rem;
font-size: 0.9rem;
overflow: hidden;
text-transform: uppercase;
}
form.checkout #payment .btn-green p {
color: #FFF;
padding: 1rem 2rem;
position: relative;
transition: 0.2s all ease;
}
form.checkout #payment .btn-green p::after {
position: absolute;
content: url("data:image/svg+xml,%3Csvg fill=%27%23FFF%27 version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 902.86 902.86%27 xml:space=%27preserve%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cg%3E%3Cg%3E%3Cpath d=%27M671.504,577.829l110.485-432.609H902.86v-68H729.174L703.128,179.2L0,178.697l74.753,399.129h596.751V577.829z M685.766,247.188l-67.077,262.64H131.199L81.928,246.756L685.766,247.188z%27%3E%3C/path%3E%3Cpath d=%27M578.418,825.641c59.961,0,108.743-48.783,108.743-108.744s-48.782-108.742-108.743-108.742H168.717 c-59.961,0-108.744,48.781-108.744,108.742s48.782,108.744,108.744,108.744c59.962,0,108.743-48.783,108.743-108.744 c0-14.4-2.821-28.152-7.927-40.742h208.069c-5.107,12.59-7.928,26.342-7.928,40.742 C469.675,776.858,518.457,825.641,578.418,825.641z M209.46,716.897c0,22.467-18.277,40.744-40.743,40.744 c-22.466,0-40.744-18.277-40.744-40.744c0-22.465,18.277-40.742,40.744-40.742C191.183,676.155,209.46,694.432,209.46,716.897z M619.162,716.897c0,22.467-18.277,40.744-40.743,40.744s-40.743-18.277-40.743-40.744c0-22.465,18.277-40.742,40.743-40.742 S619.162,694.432,619.162,716.897z%27%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
display: block;
width: 1.5rem;
height: 1.5rem;
left: 50%;
top: 250%;
transform: translate(-50%, -50%);
}
form.checkout #payment .btn-green:hover p {
transform: translateY(-200%);
}
form.checkout #payment .woocommerce-privacy-policy-text {
font-size: 0.8rem;
font-weight: 500;
margin-bottom: 1rem;
}
form.checkout #payment .woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
}
form.checkout #payment .woocommerce-terms-and-conditions-checkbox-text {
font-size: 0.8rem;
line-height: 1rem;
}
form.checkout #payment .woocommerce-terms-and-conditions-checkbox-text br {
display: none;
}
form.checkout a {
color: rgb(61, 165, 74);
font-weight: 500;
}
form.checkout input[type=radio], form.checkout input[type=checkbox] {
margin-right: 0.5rem;
width: 1rem;
height: 1rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: rgb(61, 165, 74) !important;
}
.local-pickup-points {
display: none;
font-size: 1rem;
line-height: 1rem;
margin-bottom: 1rem;
margin-top: 2rem;
font-weight: 600;
text-transform: uppercase;
}
.local-pickup-points .radio-input {
margin-bottom: 0.5rem;
margin-top: 1.5rem;
}
.local-pickup-points .radio-input:last-of-type {
margin-bottom: 0;
}
.local-pickup-points .radio-input input[type=radio] {
display: none;
}
.local-pickup-points .radio-input label {
width: 100%;
display: inline-block;
padding: 0.5rem 1rem;
background-color: #f5f5f5;
cursor: pointer;
font-size: 0.8rem;
line-height: 1rem;
font-weight: 500;
text-transform: none;
}
.local-pickup-points .radio-input input[type=radio]:checked + label {
background-color: rgb(61, 165, 74);
color: #FFF;
}
.woocommerce-terms-and-conditions {
display: none !important;
}
#billing_country_field {
display: none;
}
.coupon-area {
margin-top: 1.5rem;
}
.coupon-area a {
color: rgb(61, 165, 74);
}
.coupon-area form {
border: none !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
}
.coupon-area button {
color: #FFF !important;
background-color: rgb(61, 165, 74) !important;
font-family: "Raleway";
outline: none;
font-weight: 700;
border: none !important;
}
.coupon-area input {
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 500;
color: #58595b;
}
.woocommerce-remove-coupon {
color: rgb(61, 165, 74) !important;
font-size: 0.8rem;
line-height: 1rem;
}
div.paysera-payments div.paysera-payment-method {
display: inline-block;
border: 2px outset transparent;
padding: 0.5rem;
text-align: center;
margin-bottom: 0.75rem;
}
label.paysera-payment-method-label {
display: block;
font-size: 0.8rem;
margin-bottom: 0.5rem;
font-weight: 500;
}
label.paysera-payment-method-label.paysera-payment-active {
border: 2px solid rgb(61, 165, 74);
border-color: rgb(61, 165, 74) !important;
}
div.paysera-payments span.paysera-text {
color: #333;
font-weight: 600 !important;
font-size: 0.8rem;
}
.paysera-payment-method input {
position: Absolute;
top: 0;
left: 0;
opacity: 0;
}
#paysera_country {
display: none;
}
.payment-group-wrapper:nth-child(3), .payment-group-wrapper:nth-child(2) {
display: none;
}
.payment-group-wrapper:nth-child(1) .payment-group-title::after {
content: "Pasirinkite mokėjimo būdą";
display: block;
font-size: 0.8rem;
color: green;
font-weight: 400;
margin-top: 0.5rem;
}
.thank-you-page {
margin: 4rem 0;
}
.thank-you-page .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.thank-you-page .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.thank-you-page .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.thank-you-page .container {
width: 93%;
}
}
@media (max-width: 768px) {
.thank-you-page .container {
width: 90%;
}
}
.thank-you-page .container .woocommerce-notice {
font-size: 2rem;
line-height: 2rem;
font-weight: 700;
color: rgb(61, 165, 74);
text-align: center;
margin-bottom: 4rem;
}
.thank-you-page .container .woocommerce-order-details__title {
font-size: 2rem;
line-height: 2rem;
font-weight: 700;
color: rgb(61, 165, 74);
text-align: center;
margin-bottom: 2rem;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details {
border: none;
border-radius: 0;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details thead tr th {
color: #777;
text-transform: uppercase;
font-weight: 500;
font-size: 1rem;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details thead tr th.product-total {
text-align: right;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-subtotal {
text-align: right;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-subtotal * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 1rem;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-price * {
color: #333;
font-weight: 600;
line-height: 1rem;
font-size: 1rem;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name {
display: flex;
align-items: center;
gap: 1rem;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name .product-img {
width: 7.5rem;
height: 7.5rem;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name .product-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name .product-info a, .thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name .product-info .product-quantity {
font-size: 0.8rem;
line-height: 1rem;
color: #333;
font-weight: 700;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name .product-info p.lotynic {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
font-style: italic;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name .product-info .wc-item-meta {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
font-style: italic;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tfoot tr td {
text-align: right;
color: rgb(61, 165, 74);
font-weight: 600;
}
.thank-you-page .container .woocommerce-order-details .woocommerce-table--order-details tfoot tr td .shipped_via {
font-weight: 600;
}
.thank-you-page .container .woocommerce-customer-details h2 {
font-size: 2rem;
line-height: 2rem;
font-weight: 700;
color: rgb(61, 165, 74);
text-align: center;
margin-bottom: 2rem;
}
.thank-you-page .container .woocommerce-customer-details address {
gap: 0.5rem;
margin-bottom: 0;
flex-direction: column;
font-weight: 500;
display: flex;
border: none;
padding: 1rem;
}
.thank-you-page .buttons .btn-green {
background-color: #3da54a;
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
.my-account-area {
margin: 4rem 0;
}
.my-account-area .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.my-account-area .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.my-account-area .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.my-account-area .container {
width: 93%;
}
}
@media (max-width: 768px) {
.my-account-area .container {
width: 90%;
}
}
.my-account-area .container .wrapper {
display: grid;
grid-template-columns: max-content 1fr;
gap: 2rem;
}
.my-account-area .container .wrapper .left .my-account-links {
list-style-type: none;
}
.my-account-area .container .wrapper .left .my-account-links .my-link {
font-weight: 500;
background: #fff;
padding: 0.5rem 1rem;
}
.my-account-area .container .wrapper .left .my-account-links .my-link.is-active {
background: #32883d;
}
.my-account-area .container .wrapper .left .my-account-links .my-link.is-active a {
color: #FFF;
}
.my-account-area .container .wrapper .left .my-account-links .my-link a {
color: #333;
width: 100%;
}
.my-account-area .container .wrapper .left .my-account-links .my-link:hover {
background: rgb(61, 165, 74);
}
.my-account-area .container .wrapper .left .my-account-links .my-link:hover a {
color: #FFF;
}
.my-account-area .container .wrapper .left .my-account-links .my-link:last-of-type {
border-bottom: none;
}
.my-account-area .container .wrapper .right .change-password-title {
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 700;
color: rgb(61, 165, 74);
text-align: left;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.my-account-area .container .wrapper .right input[type=text], .my-account-area .container .wrapper .right input[type=email], .my-account-area .container .wrapper .right input[type=password], .my-account-area .container .wrapper .right input[type=tel] {
appearance: none;
outline: none;
border: none;
width: 100%;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 700;
color: #58595b;
}
.my-account-area .container .wrapper .right .select2-container--default .select2-selection--single {
height: 100%;
border-radius: 0;
position: relative;
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2rem;
font-weight: 500;
color: #58595b;
}
.my-account-area .container .wrapper .right .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 25%;
}
.my-account-area .container .wrapper .right .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 1rem;
line-height: 1.2rem;
font-weight: 500;
padding: 0;
color: #58595b;
}
.my-account-area .container .wrapper .right .woocommerce-button {
color: #fff;
background-color: rgb(61, 165, 74);
}
.my-account-area .container .wrapper .right a {
color: rgb(61, 165, 74);
font-weight: 500;
}
.my-account-area .container .wrapper .right a.woocommerce-Button--previous {
color: #333;
background-color: #ddd;
margin-right: 1rem;
}
.my-account-area .container .wrapper .right button {
color: #fff;
background-color: rgb(61, 165, 74);
padding: 0.5rem 1rem;
border-radius: 0;
margin-top: 1.5rem;
font-family: "Raleway";
font-weight: 600;
}
.my-account-area .container .wrapper .right mark {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0 0.25rem;
}
.my-account-area .container .wrapper .right .woocommerce-order-details {
margin: 2rem 0;
}
.my-account-area .container .wrapper .right .woocommerce-order-details__title {
color: rgb(61, 165, 74);
font-size: 1.5rem;
line-height: 1.5rem;
text-align: center;
margin-bottom: 1.5rem;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table {
border: none;
border-radius: 0;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table thead tr th {
color: #777;
text-transform: uppercase;
font-weight: 500;
font-size: 1rem;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table thead tr th.product-total {
text-align: right;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-subtotal {
text-align: right;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-subtotal * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 1rem;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-price * {
color: #333;
font-weight: 600;
line-height: 1rem;
font-size: 1rem;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-name {
display: flex;
align-items: center;
gap: 1rem;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-name .product-img {
width: 7.5rem;
height: 7.5rem;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-name .product-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-name .product-info a, .my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-name .product-info .product-quantity {
font-size: 0.8rem;
line-height: 1rem;
color: #333;
font-weight: 700;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-name .product-info p.lotynic {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
font-style: italic;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tbody tr td.product-name .product-info .wc-item-meta {
font-size: 0.8rem;
line-height: 1rem;
color: #777;
font-weight: 500;
font-style: italic;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tfoot tr td {
text-align: right;
color: rgb(61, 165, 74);
font-weight: 600;
}
.my-account-area .container .wrapper .right .woocommerce-order-details table tfoot tr td .shipped_via {
font-weight: 600;
}
.my-account-area .container .wrapper .right .woocommerce-customer-details h2 {
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 700;
color: rgb(61, 165, 74);
text-align: center;
margin-bottom: 2rem;
}
.my-account-area .container .wrapper .right .woocommerce-customer-details address {
gap: 0.5rem;
margin-bottom: 0;
flex-direction: column;
font-weight: 500;
display: flex;
border: none;
padding: 1rem;
}
.my-account-area .container .wrapper .right table.woocommerce-orders-table {
border: none;
border-radius: none;
}
.my-account-area .container .wrapper .right table.woocommerce-orders-table thead tr th {
color: #777;
text-transform: uppercase;
font-weight: 500;
font-size: 1rem;
}
.my-account-area .container .wrapper .right table.woocommerce-orders-table thead tr th.product-total {
text-align: right;
}
.my-account-area .buttons .btn-green {
background-color: #3da54a;
color: #FFF !important;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
.shop-page .woocommerce-notices-wrapper {
display: none;
}
.shop-page .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
display: grid;
}
@media (min-width: 2000px) {
.shop-page .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.shop-page .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.shop-page .container {
width: 93%;
}
}
@media (max-width: 768px) {
.shop-page .container {
width: 90%;
}
}
.shop-page .container .wrapper {
padding-top: 2rem;
display: grid;
grid-template-columns: 25% 1fr;
gap: 2rem;
}
@media (max-width: 767px) {
.shop-page .container .wrapper {
grid-template-columns: 1fr;
}
}
.shop-page .container .wrapper .sidebar {
overflow: hidden;
}
@media (max-width: 767px) {
.shop-page .container .wrapper .sidebar {
width: 80%;
position: fixed;
padding: 1rem;
top: 0;
left: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
background-color: white;
height: 100%;
overflow: auto;
}
.shop-page .container .wrapper .sidebar.active {
display: block;
}
.shop-page .container .wrapper .sidebar ul {
overflow: hidden;
}
}
.shop-page .container .wrapper .sidebar h3.widget-title {
margin-top: 1.5rem;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.shop-page .container .wrapper .sidebar #sidebar {
position: relative;
z-index: 333;
}
.shop-page .container .wrapper .sidebar ul {
list-style-type: none;
}
.shop-page .container .wrapper .sidebar ul li {
margin-bottom: 0.5rem;
}
.shop-page .container .wrapper .sidebar ul li a {
color: #333;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 500;
}
@media (max-width: 767px) {
.shop-page .container .wrapper .sidebar ul li a {
font-size: 1.2rem;
line-height: 1.5rem;
}
}
.shop-page .container .wrapper .sidebar ul li a.selected {
font-weight: 700;
}
.shop-page .container .wrapper .sidebar ul .have-child.selected a {
font-weight: 700;
}
.shop-page .container .wrapper .sidebar ul li.have-child {
position: relative;
}
.shop-page .container .wrapper .sidebar ul li.have-child svg {
height: 1.2rem;
position: absolute;
padding: 0.2rem;
top: 50%;
width: 1.2rem;
right: 0.5rem;
transform: translate(0, -50%);
border-radius: 100%;
transition: 0.2s all ease-in-out;
transform-origin: 50% 25%;
}
.shop-page .container .wrapper .sidebar ul li.have-child svg.rotate {
transform: rotateZ(180deg);
}
.shop-page .container .wrapper .sidebar ul li.have-child svg:hover {
cursor: pointer;
background-color: #eee;
}
.shop-page .container .wrapper .sidebar ul li.have-child ~ ul {
transition: 0.1s opacity steps(2);
height: 0;
opacity: 0;
user-select: none;
margin-left: 15px;
visibility: hidden;
}
.shop-page .container .wrapper .sidebar ul ul.product-categories li a {
user-select: none;
cursor: default;
}
.shop-page .container .wrapper .sidebar ul ul.product-categories li a.selected {
font-weight: 700;
}
.shop-page .container .wrapper .sidebar ul ul.product-categories.show {
opacity: 1;
visibility: visible;
user-select: auto;
height: auto;
}
@media (max-width: 767px) {
.shop-page .container .wrapper .sidebar ul ul.product-categories.show {
overflow: hidden;
}
}
.shop-page .container .wrapper .sidebar ul ul.product-categories.show li a {
user-select: auto;
cursor: pointer;
}
.shop-page .container .wrapper ul.products {
padding-top: 2rem;
display: grid;
list-style-type: none;
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
.shop-page .container .wrapper ul.products {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.shop-page .container .wrapper ul.products {
grid-template-columns: 1fr 1fr;
}
}
.shop-page .container .wrapper ul.products .product-single {
transition: 0.2s all ease;
padding: 0.5rem;
overflow: hidden;
position: relative;
}
.shop-page .container .wrapper ul.products .product-single:hover {
z-index: 3;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner {
position: relative;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .product-tag {
position: absolute;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .product-tag.outofstock {
top: 0.5rem;
left: unset;
right: 0.5rem;
background-color: #cd0000;
padding: 0.5rem 0.5rem;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .product-tag.outofstock .text {
color: white;
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .product-tag.saletag {
top: 0.5rem;
left: unset;
right: 0.5rem;
background-color: #fff;
padding: 0.5rem 0.5rem;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .product-tag.saletag .text {
color: rgb(61, 165, 74);
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .image-wrapper {
margin-bottom: 0.5rem;
width: 100%;
height: 12rem;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .title {
font-weight: 700;
line-height: 1rem;
font-size: 0.8rem;
color: #333;
text-align: center;
margin-bottom: 0.5rem;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .ooftext {
text-align: center;
color: #cd0000;
font-weight: 600;
line-height: 1rem;
font-size: 0.7rem;
margin-top: -0.5rem;
margin-bottom: 0.5rem;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .price {
text-align: center;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .hover-mask {
display: flex;
margin-top: 0.8rem;
gap: 0.5rem;
transform: translateY(-1rem);
align-items: center;
height: 0;
justify-content: space-evenly;
opacity: 0;
}
@media (max-width: 768px) {
.shop-page .container .wrapper ul.products .product-single .product-single-inner .hover-mask {
display: none;
}
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .hover-mask .wishlist-icon a {
display: none;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .hover-mask img {
width: 1rem;
height: 1rem;
cursor: pointer;
}
.shop-page .container .wrapper ul.products .product-single .product-single-inner .hover-mask .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
text-align: center;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 820px) {
.shop-page .container .wrapper ul.products .product-single .product-single-inner .hover-mask .btn-green {
padding: 0.8rem 0.5rem;
}
}
.shop-page .container .wrapper ul.products .product-single:hover {
transform: translateY(-10px);
background-color: #fff;
height: calc(100% + 2.5rem);
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.168627451);
}
@media (max-width: 767px) {
.shop-page .container .wrapper ul.products .product-single:hover {
height: 100%;
}
}
.shop-page .container .wrapper ul.products .product-single:hover .product-single-inner {
height: 100%;
}
.shop-page .container .wrapper ul.products .product-single:hover .product-single-inner .hover-mask {
opacity: 1;
transform: translateY(1rem);
}
.shop-page .container .wrapper ul.products .quick-view-modal {
display: none;
background-color: rgba(0, 0, 0, 0.5);
}
.shop-page .container .wrapper ul.products .quick-view-modal.active {
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper {
height: 80%;
width: 70%;
display: flex;
flex-direction: column;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .close-quick-view-modal {
align-self: flex-end;
cursor: pointer;
width: 1rem;
height: 1rem;
margin-bottom: 1rem;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .close-quick-view-modal svg {
width: 100%;
height: 100%;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info {
background-color: #fff;
display: flex;
gap: 2rem;
padding: 2rem;
height: 100%;
}
@media (max-width: 767px) {
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info {
flex-direction: column;
}
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .image-wrapper {
width: 50%;
height: 100%;
}
@media (max-width: 767px) {
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .image-wrapper {
width: 100%;
height: 15rem;
}
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .image-wrapper img {
object-fit: contain;
}
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description {
overflow-y: auto;
width: 50%;
}
@media (max-width: 767px) {
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description {
width: 100%;
}
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .qvtitle {
font-size: 1.5rem;
line-height: 2rem;
color: #333;
font-weight: 600;
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .tag {
font-size: 1.2rem;
line-height: 1.5rem;
color: #333;
font-weight: 600;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .price {
text-align: left;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1.5rem;
font-size: 1rem;
margin: 1rem 0;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1.5rem;
font-size: 1rem;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .short-decs p {
white-space: break-spaces;
color: #777;
font-weight: 500;
line-height: 1.3rem;
font-size: 0.9rem;
margin-bottom: 1.3rem;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .stock {
margin: 1rem 0;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .stock p {
color: #000;
font-weight: 600;
line-height: 1.2rem;
font-size: 1rem;
}
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 820px) {
.shop-page .container .wrapper ul.products .quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
padding: 0.8rem 0.5rem;
}
}
.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: 0.8751em;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
float: left;
background-color: #eee;
color: #333;
border: none;
border-radius: 0;
outline: none;
font-family: "Raleway";
font-weight: 600;
}
.widget_price_filter .price_slider_amount .button:hover {
background-color: #e3e2e2;
}
.widget_price_filter .price_slider_amount .clear {
display: none;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: 0.5em;
margin-right: 0.5em;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: rgb(61, 165, 74);
border-radius: 1em;
cursor: ew-resize;
outline: none;
top: -0.3em; margin-left: -0.5em;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: rgb(61, 165, 74);
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #143518;
border: 0;
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.product-single {
transition: 0.2s all ease;
padding: 0.5rem;
overflow: hidden;
}
.product-single .product-single-inner .image-wrapper {
margin-bottom: 0.5rem;
width: 100%;
height: 15rem;
}
.product-single .product-single-inner .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.product-single .product-single-inner .title {
font-weight: 700;
line-height: 1rem;
font-size: 0.8rem;
color: #333;
text-align: center;
margin-bottom: 0.5rem;
}
.product-single .product-single-inner .price {
text-align: center;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.product-single .product-single-inner .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1rem;
font-size: 0.8rem;
}
.product-single .product-single-inner .hover-mask {
display: flex;
margin-top: 0.8rem;
gap: 0.5rem;
transform: translateY(-1rem);
align-items: center;
height: 0;
justify-content: space-evenly;
opacity: 0;
}
.product-single .product-single-inner .hover-mask img {
width: 1rem;
height: 1rem;
cursor: pointer;
}
.product-single .product-single-inner .hover-mask .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 870px) {
.product-single .product-single-inner .hover-mask .btn-green {
padding: 0.8rem 0.5rem;
}
}
@media (max-width: 820px) {
.product-single .product-single-inner .hover-mask .btn-green {
padding: 0.8rem 0.5rem;
}
}
.product-single:hover {
transform: translateY(-10px);
background-color: #fff;
height: calc(100% + 2.5rem);
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.168627451);
}
.product-single:hover .product-single-inner {
height: 100%;
}
.product-single:hover .product-single-inner .hover-mask {
opacity: 1;
transform: translateY(1rem);
}
.quick-view-modal {
display: none;
background-color: rgba(0, 0, 0, 0.5);
}
.quick-view-modal.active {
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.quick-view-modal .inner-wrapper {
height: 80%;
width: 70%;
display: flex;
flex-direction: column;
}
.quick-view-modal .inner-wrapper .close-quick-view-modal {
align-self: flex-end;
cursor: pointer;
width: 1rem;
height: 1rem;
margin-bottom: 1rem;
}
.quick-view-modal .inner-wrapper .close-quick-view-modal svg {
width: 100%;
height: 100%;
}
.quick-view-modal .inner-wrapper .modal-info {
background-color: #fff;
display: flex;
gap: 2rem;
padding: 2rem;
height: 100%;
}
.quick-view-modal .inner-wrapper .modal-info .image-wrapper {
width: 50%;
height: 100%;
}
.quick-view-modal .inner-wrapper .modal-info .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
.quick-view-modal .inner-wrapper .modal-info .image-wrapper img {
object-fit: contain;
}
}
.quick-view-modal .inner-wrapper .modal-info .description {
overflow-y: auto;
width: 50%;
}
.quick-view-modal .inner-wrapper .modal-info .description .qvtitle {
font-size: 1.5rem;
line-height: 2rem;
color: #333;
font-weight: 600;
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.quick-view-modal .inner-wrapper .modal-info .description .tag {
font-size: 1.2rem;
line-height: 1.5rem;
color: #333;
font-weight: 600;
}
.quick-view-modal .inner-wrapper .modal-info .description .price {
text-align: left;
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1.5rem;
font-size: 1rem;
margin: 1rem 0;
}
.quick-view-modal .inner-wrapper .modal-info .description .price * {
color: rgb(61, 165, 74);
font-weight: 600;
line-height: 1.5rem;
font-size: 1rem;
}
.quick-view-modal .inner-wrapper .modal-info .description .short-decs p {
color: #777;
font-weight: 500;
line-height: 1.3rem;
font-size: 0.9rem;
margin-bottom: 1.3rem;
}
.quick-view-modal .inner-wrapper .modal-info .description .stock {
margin: 1rem 0;
}
.quick-view-modal .inner-wrapper .modal-info .description .stock p {
color: #000;
font-weight: 600;
line-height: 1.2rem;
font-size: 1rem;
}
.quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 870px) {
.quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
padding: 0.8rem 0.5rem;
}
}
@media (max-width: 820px) {
.quick-view-modal .inner-wrapper .modal-info .description .btn .btn-green {
padding: 0.8rem 0.5rem;
}
}
.mobile-sidebar-btn {
display: none;
cursor: pointer;
align-items: center;
}
@media (max-width: 767px) {
.mobile-sidebar-btn {
display: flex;
gap: 0.5rem;
margin-bottom: 1rem;
}
}
.mobile-sidebar-btn .img-wrap {
width: 2rem;
height: 2rem;
}
.mobile-sidebar-btn .img-wrap svg {
width: 100%;
height: 100%;
}
.mobile-sidebar-btn .text p {
font-size: 1rem;
line-height: 1rem;
font-weight: 600;
text-transform: uppercase;
color: #333;
}
.mobile-sidebar {
width: 100%;
position: fixed;
top: 0;
left: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
}
.mobile-sidebar.active {
display: block;
}
.mobile-sidebar .sidebar-wrapper {
display: flex;
flex-direction: row-reverse;
height: 100%;
}
.mobile-sidebar .blank-area-shop-page {
width: 20%;
height: 100%;
}
.mobile-sidebar .sidebar {
overflow: hidden;
padding: 1rem;
background-color: #fff;
width: 80%;
height: 100%;
}
.mobile-sidebar .sidebar h3.widget-title {
margin-top: 1.5rem;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.mobile-sidebar .sidebar #sidebar {
position: relative;
z-index: 333;
}
.mobile-sidebar .sidebar ul {
list-style-type: none;
}
.mobile-sidebar .sidebar ul li {
margin-bottom: 0.5rem;
}
.mobile-sidebar .sidebar ul li a {
color: #333;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 500;
}
.mobile-sidebar .sidebar ul li.have-child {
position: relative;
}
.mobile-sidebar .sidebar ul li.have-child svg {
height: 1.2rem;
position: absolute;
padding: 0.2rem;
top: 50%;
width: 1.2rem;
right: 0.5rem;
transform: translate(0, -50%);
border-radius: 100%;
transition: 0.2s all ease-in-out;
transform-origin: 50% 25%;
}
.mobile-sidebar .sidebar ul li.have-child svg.rotate {
transform: rotateZ(180deg);
}
.mobile-sidebar .sidebar ul li.have-child svg:hover {
cursor: pointer;
background-color: #eee;
}
.mobile-sidebar .sidebar ul li.have-child ~ ul {
transition: 0.1s opacity steps(2);
height: 0;
opacity: 0;
user-select: none;
margin-left: 15px;
visibility: hidden;
}
.mobile-sidebar .sidebar ul ul.product-categories li a {
user-select: none;
cursor: default;
}
.mobile-sidebar .sidebar ul ul.product-categories.show {
opacity: 1;
visibility: visible;
user-select: auto;
height: auto;
}
.mobile-sidebar .sidebar ul ul.product-categories.show li a {
user-select: auto;
cursor: pointer;
}
.woocommerce-breadcrumb {
display: flex;
order: 1;
}
.woocommerce-breadcrumb a {
color: #888;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 500;
}
.woocommerce-breadcrumb .bread-last {
color: #333;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 700;
}
.woocommerce-breadcrumb .bread-divider {
color: #888;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 500;
}
.woocommerce-notices-wrapper {
top: 0;
left: 0;
width: 100%;
z-index: 999999;
transform: translateY(0%);
animation-delay: 5s;
}
.woocommerce-notices-wrapper a {
color: rgb(61, 165, 74);
}
.woocommerce-message {
border-top-color: rgb(61, 165, 74);
justify-content: flex-end;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.woocommerce-message::before {
color: rgb(61, 165, 74);
top: 50%;
transform: translate(0, -50%);
}
.woocommerce-message a {
margin-right: 0;
margin-left: auto;
}
.woocommerce-info {
border-top-color: rgb(61, 165, 74);
}
.woocommerce-info::before {
color: rgb(61, 165, 74);
}
.return-to-shop {
display: flex;
align-items: center;
justify-content: center;
}
.return-to-shop .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
@media (max-width: 820px) {
.return-to-shop .btn-green {
padding: 0.8rem 0.5rem;
}
}
.blank-sidebar {
width: 20%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
z-index: 99;
right: 0;
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
float: right;
color: #fff;
background: rgb(61, 165, 74);
padding: 0.5rem 1rem;
}
.shop-top {
display: grid;
grid-template-columns: 1fr max-content;
gap: 1.5rem 0.5rem;
}
@media (max-width: 1000px) {
.shop-top {
gap: 1.5rem;
display: flex;
flex-direction: column;
}
}
.shop-top p.woocommerce-result-count {
color: #333;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 500;
order: 3;
grid-column-start: 2;
text-align: right;
}
@media (max-width: 1000px) {
.shop-top p.woocommerce-result-count {
order: 2;
text-align: left;
}
}
.shop-top form {
position: relative;
order: 2;
}
@media (max-width: 1000px) {
.shop-top form {
order: 3;
}
}
.shop-top form:hover svg {
transform: rotate(180deg);
}
.shop-top form svg {
position: absolute;
transform-origin: top;
transition: 0.2s all ease-in-out;
top: 50%;
right: 0rem;
cursor: pointer;
transform: translate(0rem, -100%);
}
.shop-top form select {
cursor: pointer;
appearance: none;
border: none;
outline: none;
width: 100%;
color: #333;
font-size: 0.8rem;
line-height: 0.8rem;
font-weight: 500;
padding-bottom: 0.25rem;
font-family: "Raleway";
border-bottom: 1px solid #777;
}
.quantity-btns {
display: flex;
align-items: center;
justify-content: center;
}
.quantity-btns span {
align-items: center;
display: flex;
background-color: #eee;
height: 2rem;
width: 3rem;
justify-content: center;
transition: 0.1s all ease-in-out;
cursor: pointer;
}
.quantity-btns span:hover {
background-color: #e0e0e0;
}
.quantity-btns input {
width: 4rem;
height: 2rem;
text-align: center;
outline: none;
border: none;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
font-family: "Raleway";
font-weight: 500;
font-size: 0.9rem;
}
.widget_price_filter .price_slider_amount {
display: flex;
align-items: center;
text-align: left;
}
@keyframes hideUP {
0% {
transform: translateY(0);
}
50% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-100%);
}
}
.saleproducts {
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}
@media (max-width: 1280px) {
.saleproducts {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 768px) {
.saleproducts {
grid-template-columns: 1fr 1fr;
}
}
.price {
align-items: center;
justify-content: center;
gap: 0.5rem;
height: 1rem;
}
.price del {
color: gray !important;
vertical-align: middle;
}
.price del span {
color: gray !important;
}
.price del span bdi {
color: gray !important;
}
.price ins {
text-decoration: none !important;
}
.price ins span {
font-size: 1rem !important;
}
.price ins span bdi {
font-size: 1rem !important;
}
.single-page-content {
border-top: 1px solid #eee;
padding-top: 2rem;
margin-bottom: 2rem;
}
.single-page-content .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.single-page-content .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.single-page-content .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.single-page-content .container {
width: 93%;
}
}
@media (max-width: 768px) {
.single-page-content .container {
width: 90%;
}
}
.single-page-content .container .wrapper {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 2rem;
}
@media (max-width: 1024px) {
.single-page-content .container .wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.single-page-content .container .wrapper {
grid-template-columns: 1fr;
}
}
.single-page-content .container .wrapper .left-image-area {
width: 100%;
min-width: 0;
overflow: hidden;
}
.single-page-content .container .wrapper .left-image-area .wp-post-image {
width: 100%;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery > a.woocommerce-product-gallery__trigger {
order: 0;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery .flex-viewport {
order: 1;
flex-shrink: 0;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery .flex-control-nav {
order: 2;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery .notice-wrapper,
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery .notice-wrapper--gallery {
order: 3;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery:hover a.woocommerce-product-gallery__trigger::after {
content: url("data:image/svg+xml,%3Csvg fill=%27%23FFF%27 height=%2750px%27 width=%2750px%27 version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 299.998 299.998%27 xml:space=%27preserve%27 stroke=%27%23FFF%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d=%27M139.414,96.193c-22.673,0-41.056,18.389-41.056,41.062c0,22.678,18.383,41.062,41.056,41.062 c22.678,0,41.059-18.383,41.059-41.062C180.474,114.582,162.094,96.193,139.414,96.193z M159.255,146.971h-12.06v12.06 c0,4.298-3.483,7.781-7.781,7.781c-4.298,0-7.781-3.483-7.781-7.781v-12.06h-12.06c-4.298,0-7.781-3.483-7.781-7.781 c0-4.298,3.483-7.781,7.781-7.781h12.06v-12.063c0-4.298,3.483-7.781,7.781-7.781c4.298,0,7.781,3.483,7.781,7.781v12.063h12.06 c4.298,0,7.781,3.483,7.781,7.781C167.036,143.488,163.555,146.971,159.255,146.971z%27%3E%3C/path%3E%3Cpath d=%27M149.997,0C67.157,0,0.001,67.158,0.001,149.995s67.156,150.003,149.995,150.003s150-67.163,150-150.003 S232.836,0,149.997,0z M225.438,221.254c-2.371,2.376-5.48,3.561-8.59,3.561s-6.217-1.185-8.593-3.561l-34.145-34.147 c-9.837,6.863-21.794,10.896-34.697,10.896c-33.548,0-60.742-27.196-60.742-60.744c0-33.548,27.194-60.742,60.742-60.742 c33.548,0,60.744,27.194,60.744,60.739c0,11.855-3.408,22.909-9.28,32.256l34.56,34.562 C230.185,208.817,230.185,216.512,225.438,221.254z%27%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
visibility: visible;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 26rem;
left: 1rem;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
width: 100%;
position: absolute;
visibility: hidden;
z-index: 3;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery a.woocommerce-product-gallery__trigger::after {
transition: 0.2s all ease-in-out;
content: url("data:image/svg+xml,%3Csvg fill=%27%233da54a%27 height=%2750px%27 width=%2750px%27 version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 299.998 299.998%27 xml:space=%27preserve%27 stroke=%27%233da54a%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d=%27M139.414,96.193c-22.673,0-41.056,18.389-41.056,41.062c0,22.678,18.383,41.062,41.056,41.062 c22.678,0,41.059-18.383,41.059-41.062C180.474,114.582,162.094,96.193,139.414,96.193z M159.255,146.971h-12.06v12.06 c0,4.298-3.483,7.781-7.781,7.781c-4.298,0-7.781-3.483-7.781-7.781v-12.06h-12.06c-4.298,0-7.781-3.483-7.781-7.781 c0-4.298,3.483-7.781,7.781-7.781h12.06v-12.063c0-4.298,3.483-7.781,7.781-7.781c4.298,0,7.781,3.483,7.781,7.781v12.063h12.06 c4.298,0,7.781,3.483,7.781,7.781C167.036,143.488,163.555,146.971,159.255,146.971z%27%3E%3C/path%3E%3Cpath d=%27M149.997,0C67.157,0,0.001,67.158,0.001,149.995s67.156,150.003,149.995,150.003s150-67.163,150-150.003 S232.836,0,149.997,0z M225.438,221.254c-2.371,2.376-5.48,3.561-8.59,3.561s-6.217-1.185-8.593-3.561l-34.145-34.147 c-9.837,6.863-21.794,10.896-34.697,10.896c-33.548,0-60.742-27.196-60.742-60.744c0-33.548,27.194-60.742,60.742-60.742 c33.548,0,60.744,27.194,60.744,60.739c0,11.855-3.408,22.909-9.28,32.256l34.56,34.562 C230.185,208.817,230.185,216.512,225.438,221.254z%27%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
visibility: visible;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 26rem;
left: 1rem;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery__image img.zoomImg {
object-fit: cover;
height: 100% !important;
}
@media (max-width: 768px) {
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery__image img.zoomImg {
display: none;
}
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery__image a {
width: 100%;
height: 100%;
display: block;
}
.single-page-content .container .wrapper .left-image-area .woocommerce-product-gallery__image a img {
width: 100%;
height: 30rem;
object-fit: cover;
min-width: 100%;
}
.single-page-content .container .wrapper .left-image-area .flex-viewport {
max-height: 30rem !important;
overflow: hidden !important;
}
.single-page-content .container .wrapper .left-image-area .flex-control-nav {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin-top: 0.5rem;
gap: 0.5rem;
list-style-type: none;
}
.single-page-content .container .wrapper .left-image-area .flex-control-nav li img {
width: 100% !important;
height: auto;
aspect-ratio: 1;
object-fit: cover;
display: block;
}
.single-page-content .container .wrapper .left-image-area .flex-control-nav li.flex-active img {
outline: 2px solid #777;
}
.single-page-content .container .wrapper .right-content-area .woocommerce-breadcrumb {
display: block;
}
.single-page-content .container .wrapper .right-content-area .bread-last {
font-weight: 600;
}
.single-page-content .container .wrapper .right-content-area div.title {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.single-page-content .container .wrapper .right-content-area div.title h1 {
font-size: 1.25rem;
line-height: 1.25rem;
font-weight: 600;
color: #333;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.single-page-content .container .wrapper .right-content-area div.title .lotynic {
text-transform: uppercase;
font-style: italic;
font-weight: 600;
font-size: 0.8rem;
line-height: 0.8rem;
}
.single-page-content .container .wrapper .right-content-area .price {
color: rgb(61, 165, 74);
font-weight: 700;
line-height: 1.25rem;
font-size: 1.25rem;
margin-bottom: 1.5rem;
}
.single-page-content .container .wrapper .right-content-area .price * {
color: rgb(61, 165, 74);
font-weight: 700;
line-height: 1.25rem;
font-size: 1.25rem;
}
.single-page-content .container .wrapper .right-content-area .short-decs p {
white-space: pre-line;
color: #777;
font-weight: 500;
line-height: 1.4rem;
font-size: 0.9rem;
margin-bottom: 1rem;
}
@media (max-width: 768px) {
.single-page-content .container .wrapper .right-content-area .short-decs p {
white-space: unset;
}
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .single-size {
width: fit-content;
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.5rem 1rem;
cursor: pointer;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .single-size p {
font-weight: 500;
font-size: 1rem;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .variations_form > div {
width: 100%;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .reset_variations {
display: none !important;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form {
display: block;
margin: 1.618em 0;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .variations,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_form_fields,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_to_from,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_message,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_delivery {
display: block !important;
width: 100% !important;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .form-row,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_field,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_field,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_form_field {
width: 100% !important;
float: none !important;
display: block !important;
margin: 0 0 18px !important;
padding: 0 !important;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form label {
display: block !important;
margin: 0 0 8px !important;
font-weight: 600;
text-transform: none;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form input[type=text],
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form input[type=email],
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form input[type=date],
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form input[type=tel],
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form select,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form textarea {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
border: 1px solid #d9d9d9 !important;
border-radius: 0 !important;
padding: 14px 16px !important;
background: #fff !important;
outline: none;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form textarea {
min-height: 140px;
resize: vertical;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_amounts,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_amount_buttons,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .wc_gc_giftcard_amounts {
display: block !important;
width: 100% !important;
margin: 0 0 18px !important;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_amount_buttons button,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_amounts button {
width: 100%;
margin: 0 0 10px;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_message_checkbox,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_message_empty,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .wc_gc_giftcard_message_checkbox {
display: flex !important;
align-items: center;
gap: 10px;
margin: 0 0 18px !important;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_message_checkbox input[type=checkbox],
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_message_empty input[type=checkbox],
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .wc_gc_giftcard_message_checkbox input[type=checkbox] {
width: 18px !important;
height: 18px !important;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_message_checkbox label,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_giftcard_message_empty label,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .wc_gc_giftcard_message_checkbox label {
margin: 0 !important;
font-weight: 500;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .description,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce-input-wrapper + .description,
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form .woocommerce_gc_field_description {
display: block;
margin-top: 8px;
color: #777;
font-size: 14px;
line-height: 1.4;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce_gc_giftcard_form abbr.required {
color: #d32f2f;
text-decoration: none;
border: 0;
}
@media (min-width: 992px) {
.single-page-content .container .wrapper .right-content-area .add-to-cart .single-product .summary .woocommerce_gc_giftcard_form {
max-width: 520px;
}
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce-variation-price {
display: none;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart p.stock {
margin: 1.5rem 0 0;
font-weight: 600;
line-height: 1rem;
font-size: 1rem;
color: #333;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart form.cart {
display: flex;
gap: 1rem;
margin-top: 2rem;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .woocommerce-variation-add-to-cart {
margin-top: 2rem;
display: flex;
gap: 1rem;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .single_add_to_cart_button {
margin: 0;
color: #FFF;
background-color: rgb(61, 165, 74);
font-family: "Raleway";
outline: none;
font-weight: 700;
padding: 0rem 2rem;
border: none;
font-size: 0.9rem;
overflow: hidden;
text-transform: uppercase;
cursor: pointer;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .single_add_to_cart_button:hover a {
transform: translateY(-200%);
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .single_add_to_cart_button a {
position: relative;
transition: 0.2s all ease;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .single_add_to_cart_button a::after {
position: absolute;
content: url("data:image/svg+xml,%3Csvg fill=%27%23FFF%27 version=%271.1%27 id=%27Capa_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 902.86 902.86%27 xml:space=%27preserve%27%3E%3Cg id=%27SVGRepo_bgCarrier%27 stroke-width=%270%27%3E%3C/g%3E%3Cg id=%27SVGRepo_tracerCarrier%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3C/g%3E%3Cg id=%27SVGRepo_iconCarrier%27%3E%3Cg%3E%3Cg%3E%3Cpath d=%27M671.504,577.829l110.485-432.609H902.86v-68H729.174L703.128,179.2L0,178.697l74.753,399.129h596.751V577.829z M685.766,247.188l-67.077,262.64H131.199L81.928,246.756L685.766,247.188z%27%3E%3C/path%3E%3Cpath d=%27M578.418,825.641c59.961,0,108.743-48.783,108.743-108.744s-48.782-108.742-108.743-108.742H168.717 c-59.961,0-108.744,48.781-108.744,108.742s48.782,108.744,108.744,108.744c59.962,0,108.743-48.783,108.743-108.744 c0-14.4-2.821-28.152-7.927-40.742h208.069c-5.107,12.59-7.928,26.342-7.928,40.742 C469.675,776.858,518.457,825.641,578.418,825.641z M209.46,716.897c0,22.467-18.277,40.744-40.743,40.744 c-22.466,0-40.744-18.277-40.744-40.744c0-22.465,18.277-40.742,40.744-40.742C191.183,676.155,209.46,694.432,209.46,716.897z M619.162,716.897c0,22.467-18.277,40.744-40.743,40.744s-40.743-18.277-40.743-40.744c0-22.465,18.277-40.742,40.743-40.742 S619.162,694.432,619.162,716.897z%27%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
display: block;
width: 1.5rem;
height: 1.5rem;
left: 50%;
top: 250%;
transform: translate(-50%, -50%);
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations {
width: 100%;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr {
display: flex;
flex-direction: column;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr .label {
margin-top: 1rem;
text-align: left;
margin-bottom: 1rem;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr .label .woo-selected-variation-item-name {
display: none;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul {
display: flex;
list-style-type: none;
gap: 0.5rem;
flex-wrap: wrap;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .button-variable-item {
color: #777;
font-weight: 500;
background-color: #eee;
transition: 0.2s all ease-in-out;
padding: 0.5rem 1rem;
cursor: pointer;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .button-variable-item:hover {
background-color: rgb(61, 165, 74);
color: #FFF;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .button-variable-item.selected {
background-color: rgb(61, 165, 74);
color: #FFF;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .radio-variable-item {
color: #777;
font-weight: 500;
background-color: #eee;
transition: 0.2s all ease-in-out;
padding: 0.5rem 1rem;
cursor: pointer;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .radio-variable-item .variable-item-contents {
cursor: pointer;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .radio-variable-item input {
position: Absolute;
opacity: 0;
cursor: pointer;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .radio-variable-item span img {
display: none;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .radio-variable-item span .price {
display: none;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .radio-variable-item span .stock {
display: none;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .radio-variable-item:hover {
background-color: rgb(61, 165, 74);
color: #FFF;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart table.variations tbody tr ul .radio-variable-item.selected {
background-color: rgb(61, 165, 74);
color: #FFF;
}
.single-page-content .container .wrapper .right-content-area .add-to-cart .note {
margin-top: 1rem;
font-size: 0.9rem;
color: #525252;
font-weight: 600;
text-transform: uppercase;
}
.single-page-content .container .wrapper .right-content-area .add-to-wishlist {
margin: 1rem 0;
font-size: 0.9rem;
color: #525252;
cursor: pointer;
}
.single-page-content .container .wrapper .right-content-area .add-to-wishlist a {
margin-left: 0.5rem;
font-size: 0.9rem;
color: #525252;
font-weight: 500;
}
.single-additional-info {
background-color: #eee;
margin-top: 2rem;
padding: 2.5rem 0;
}
.single-additional-info .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.single-additional-info .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.single-additional-info .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.single-additional-info .container {
width: 93%;
}
}
@media (max-width: 768px) {
.single-additional-info .container {
width: 90%;
}
}
.single-additional-info .container .wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 767px) {
.single-additional-info .container .wrapper {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
.single-additional-info .container .wrapper .column {
display: flex;
align-items: center;
flex-direction: column;
}
.single-additional-info .container .wrapper .column img {
width: 2.5rem;
height: 2.5rem;
}
@media (max-width: 767px) {
.single-additional-info .container .wrapper .column img {
width: 5rem;
height: 5rem;
}
}
.single-additional-info .container .wrapper .column .title {
text-align: center;
color: #111;
font-size: 1rem;
line-height: 1rem;
font-weight: 600;
margin: 1rem 0 0.5rem;
}
.single-additional-info .container .wrapper .column .sub {
text-align: center;
color: #777;
font-size: 1rem;
line-height: 1rem;
font-weight: 500;
margin: 0.5rem 0;
}
.not-found-product {
background-size: cover;
background-repeat: no-repeat;
padding: 4rem 0;
position: relative;
}
.not-found-product::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 15, 15, 0.4);
}
.not-found-product .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.not-found-product .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.not-found-product .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.not-found-product .container {
width: 93%;
}
}
@media (max-width: 768px) {
.not-found-product .container {
width: 90%;
}
}
.not-found-product .container .wrapper {
position: relative;
z-index: 3;
text-align: center;
}
.not-found-product .container .wrapper .title {
color: #FFF;
font-size: 2rem;
line-height: 2rem;
font-weight: 600;
margin-bottom: 1rem;
}
.not-found-product .container .wrapper .subtitle {
color: #FFF;
font-size: 1rem;
line-height: 1rem;
font-weight: 600;
margin-bottom: 2rem;
}
.not-found-product .container .wrapper .columns {
display: grid;
width: 70%;
margin: 0 auto;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media (max-width: 767px) {
.not-found-product .container .wrapper .columns {
grid-template-columns: 1fr;
}
}
.not-found-product .container .wrapper .columns .column a {
color: #FFF;
font-weight: 600;
font-size: 0.8rem;
line-height: 0.8rem;
text-transform: uppercase;
opacity: 1;
transition: 0.2s all ease-in-out;
}
@media (max-width: 767px) {
.not-found-product .container .wrapper .columns .column a {
font-size: 1rem;
line-height: 1rem;
}
}
.not-found-product .container .wrapper .columns .column a svg {
width: 2.5rem;
height: 2.5rem;
margin-bottom: 1rem;
}
.not-found-product .container .wrapper .columns .column a:hover {
opacity: 0.7;
}
.wish-list {
margin: 2rem 0;
}
.wish-list .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.wish-list .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.wish-list .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.wish-list .container {
width: 93%;
}
}
@media (max-width: 768px) {
.wish-list .container {
width: 90%;
}
}
.wish-list .container .product-grid {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 767px) {
.wish-list .container .product-grid {
grid-template-columns: 1fr 1fr;
}
}
.wish-list .container .title {
font-size: 2rem;
line-height: 2rem;
text-align: center;
color: #333;
font-weight: 600;
}
.wish-list .container form .login-username, .wish-list .container form .login-password {
display: flex;
flex-direction: column;
margin-bottom: 1.5rem;
}
.wish-list .container form .login-username label, .wish-list .container form .login-password label {
color: #333;
font-size: 1rem;
line-height: 1rem;
margin-bottom: 0.5rem;
font-weight: 500;
}
.wish-list .container form .login-username input, .wish-list .container form .login-password input {
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 1rem;
line-height: 1.2px;
font-weight: 700;
width: 25%;
color: #58595b;
}
@media (max-width: 768px) {
.wish-list .container form .login-username input, .wish-list .container form .login-password input {
width: 100%;
}
}
.wish-list .container form .login-remember input {
margin-right: 0.5rem;
width: 1rem;
height: 1rem;
}
.wish-list .container form .login-remember label {
display: flex;
align-items: center;
color: #777;
font-size: 1rem;
line-height: 1rem;
margin-bottom: 0.5rem;
font-weight: 500;
}
.wish-list .container form .login-submit {
margin-top: 1rem;
}
.wish-list .container form .login-submit input {
outline: none;
border: none;
appearance: none;
text-transform: uppercase;
font-weight: 600;
cursor: pointer;
color: #FFF;
background-color: #3da54a;
font-size: 1rem;
width: auto;
line-height: 1rem;
padding: 0.75rem 1rem;
text-align: center;
}
.paslaugos-content .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.paslaugos-content .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.paslaugos-content .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.paslaugos-content .container {
width: 93%;
}
}
@media (max-width: 768px) {
.paslaugos-content .container {
width: 90%;
}
}
.paslaugos-content .container .paslaugos-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
.paslaugos-content .container .paslaugos-wrapper {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.paslaugos-content .container .paslaugos-wrapper {
grid-template-columns: 1fr;
}
}
.paslaugos-content .container .paslaugos-wrapper .paslauga {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
padding: 2rem;
}
.paslaugos-content .container .paslaugos-wrapper .paslauga.count2 {
background-color: #eee;
}
.paslaugos-content .container .paslaugos-wrapper .paslauga.contacts {
justify-content: center;
}
.paslaugos-content .container .paslaugos-wrapper .paslauga .icon-wrapper {
width: 4rem;
height: 4rem;
}
.paslaugos-content .container .paslaugos-wrapper .paslauga .icon-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.paslaugos-content .container .paslaugos-wrapper .paslauga .title {
font-size: 1.25rem;
line-height: 1.25rem;
font-weight: 600;
color: #333;
text-align: center;
text-transform: uppercase;
}
.paslaugos-content .container .paslaugos-wrapper .paslauga .about * {
text-align: center;
font-size: 0.85rem;
line-height: 1.2rem;
color: #777;
font-weight: 500;
}
.paslaugos-content .container .paslaugos-wrapper .paslauga div.button {
margin-bottom: 0;
margin-top: auto;
}
.paslaugos-content .container .paslaugos-wrapper .paslauga .btn-green {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
border: none;
outline: none;
font-family: "Raleway";
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
.consult-modal {
position: fixed;
background-color: rgba(0, 0, 0, 0.25);
top: 0;
width: 100%;
height: 100%;
display: none;
align-items: center;
z-index: 999;
justify-content: center;
}
.consult-modal.active {
display: flex;
}
.consult-modal .consult-inner {
margin: 0 auto;
width: 70%;
}
.consult-modal .consult-inner svg {
cursor: pointer;
width: 1rem;
height: 1rem;
margin-right: 0;
margin-left: auto;
display: block;
margin-bottom: 0.5rem;
}
.consult-modal .consult-inner svg polygon {
fill: #FFF !important;
}
.consult-modal .consult-inner .consult-box {
background-color: #fff;
padding: 1.5rem;
}
.consult-modal .consult-inner .consult-box .title {
color: #333;
text-align: center;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 600;
margin-bottom: 1rem;
}
.consult-modal .consult-inner .consult-box form {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.consult-modal .consult-inner .consult-box form input {
appearance: none;
outline: none;
border: none;
border: 2px solid rgba(129, 129, 129, 0.2);
padding: 0.5rem;
font-size: 0.8rem;
line-height: 1rem;
font-weight: 600;
width: 100%;
color: #58595b;
}
.consult-modal .consult-inner .consult-box form .green-btn {
background-color: rgb(61, 165, 74);
color: #FFF;
padding: 0.8rem 1rem;
text-transform: uppercase;
font-size: 0.8rem;
border: none;
outline: none;
font-family: "Raleway";
cursor: pointer;
font-weight: 700;
line-height: 0.8rem;
}
.works-gallery {
margin-bottom: 2rem;
}
.works-gallery .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.works-gallery .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.works-gallery .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.works-gallery .container {
width: 93%;
}
}
@media (max-width: 768px) {
.works-gallery .container {
width: 90%;
}
}
.works-gallery .container .title {
text-align: center;
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 600;
color: #333;
margin: 4rem 0;
}
.works-gallery .container .before-after-works {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
@media (max-width: 767px) {
.works-gallery .container .before-after-works {
grid-template-columns: 1fr;
}
}
.works-gallery .container .before-after-works .work {
position: relative;
}
.works-gallery .container .before-after-works .work .beer-reveal {
border-right: 2px solid #fff;
}
.works-gallery .container .before-after-works .work .beer-reveal::after {
opacity: 0;
transition: 0.2s all ease-in-out;
color: #FFF;
font-weight: 500;
background-color: rgba(0, 0, 0, 0.5);
top: 45%;
}
.works-gallery .container .before-after-works .work .beer-slider::after {
opacity: 0;
transition: 0.2s all ease-in-out;
color: #FFF;
font-weight: 500;
background-color: rgba(0, 0, 0, 0.5);
top: 45%;
}
.works-gallery .container .before-after-works .work .work-title {
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
padding: 1rem;
color: #fff;
position: absolute;
left: 0;
z-index: 995;
text-align: center;
bottom: 0;
font-weight: 600;
text-transform: uppercase;
font-size: 1.2rem;
line-height: 1.2rem;
}
.works-gallery .container .before-after-works .work:hover .beer-reveal::after {
opacity: 1;
}
.works-gallery .container .before-after-works .work:hover .beer-slider::after {
opacity: 1;
}
.content-patarimai {
margin: 2rem 0;
}
.content-patarimai .container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
@media (min-width: 2000px) {
.content-patarimai .container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.content-patarimai .container {
width: 95%;
}
}
@media (max-width: 1024px) {
.content-patarimai .container {
width: 93%;
}
}
@media (max-width: 768px) {
.content-patarimai .container {
width: 90%;
}
}
.content-patarimai .container .wrapper {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 2rem;
}
@media (max-width: 767px) {
.content-patarimai .container .wrapper {
grid-template-columns: 1fr;
}
}
.content-patarimai .container .wrapper .postcontent {
font-weight: 500;
color: #777;
font-size: 0.9rem;
line-height: 1.2rem;
}
.content-patarimai .container .wrapper .postcontent p, .content-patarimai .container .wrapper .postcontent h4 {
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.content-patarimai .container .wrapper .postcontent p:first-of-type, .content-patarimai .container .wrapper .postcontent h4:first-of-type {
margin-top: 0;
margin-bottom: 0;
}
.content-patarimai .container .wrapper .moreposts .patarimai-grid {
display: grid;
grid-template-columns: 1fr;
}
@media (max-width: 767px) {
.content-patarimai .container .wrapper .moreposts .patarimai-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 420px) {
.content-patarimai .container .wrapper .moreposts .patarimai-grid {
grid-template-columns: 1fr;
}
}
.paragraph-container p {
font-weight: 500;
color: #777;
font-size: 0.9rem;
line-height: 1.2rem;
}
.moreposts-container {
padding-bottom: 2rem;
}
.moreposts-container.container {
width: 90%;
margin: 0 auto;
max-width: 1280px;
}
.moreposts-container .patarimas .content {
text-align: center;
}
@media (min-width: 2000px) {
.moreposts-container {
width: 1600px;
}
}
@media (max-width: 1200px) {
.moreposts-container {
width: 95%;
}
}
@media (max-width: 1024px) {
.moreposts-container {
width: 93%;
}
}
@media (max-width: 768px) {
.moreposts-container {
width: 90%;
}
}
.patarimai-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
@media (max-width: 1024px) {
.patarimai-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.patarimai-grid {
grid-template-columns: 1fr;
}
}
.patarimai-grid .patarimas {
width: 100%;
background-color: #FFF;
transition: 0.2s all ease-in-out;
}
.patarimai-grid .patarimas .image-wrapper {
position: relative;
}
.patarimai-grid .patarimas .image-wrapper .img-wrapper-real {
width: 100%;
height: 13.5rem;
overflow: hidden;
position: relative;
}
@media (max-width: 767px) {
.patarimai-grid .patarimas .image-wrapper .img-wrapper-real {
height: 100%;
}
}
.patarimai-grid .patarimas .image-wrapper .img-wrapper-real img {
transition: 0.2s all ease-in-out;
width: 100%;
height: 100%;
object-fit: cover;
}
.patarimai-grid .patarimas .image-wrapper .post-date {
position: absolute;
top: 1rem;
left: 1rem;
background-color: #fff;
width: 15%;
padding: 0.5rem;
text-align: center;
}
.patarimai-grid .patarimas .image-wrapper .post-date p {
font-size: 1rem;
line-height: 1.2rem;
color: #333;
font-weight: 500;
}
@media (max-width: 850px) {
.patarimai-grid .patarimas .image-wrapper .post-date p {
font-size: 0.8rem;
}
}
.patarimai-grid .patarimas .image-wrapper .cat-title {
background-color: rgb(61, 165, 74);
position: absolute;
bottom: -0.6rem;
transform: translate(-50%, 0);
left: 50%;
}
.patarimai-grid .patarimas .image-wrapper .cat-title p {
color: #FFF;
text-transform: uppercase;
padding: 0.3rem 0.5rem;
font-size: 0.6rem;
line-height: 0.6rem;
}
.patarimai-grid .patarimas .content {
padding: 0 1rem 0.5rem;
}
.patarimai-grid .patarimas .content .title {
margin-top: 1.6rem;
font-size: 0.8rem;
line-height: 1rem;
color: #252525;
font-weight: 700;
text-align: center;
}
.patarimai-grid .patarimas .content .excerpt {
font-size: 0.8rem;
line-height: 1.2rem;
color: #333;
font-weight: 500;
text-align: center;
}
.patarimai-grid .patarimas .content .read-more {
text-align: center;
margin-top: 1rem;
}
.patarimai-grid .patarimas .content .read-more a {
color: rgb(61, 165, 74);
text-transform: uppercase;
font-weight: 700;
line-height: 1.2rem;
font-size: 0.8rem;
}
.patarimai-grid .patarimas:hover {
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.168627451);
}
.patarimai-grid .patarimas:hover .image-wrapper img {
transform: scale(1.1);
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}