/*
Theme Name: Luxgarden
Theme URI: https://luxgarden.md/
Author: 2Bros Agency
Author URI: https://2bros.agency
Description:
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: luxgarden
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* ============================================== */
/* ================ general styles ============== */
/* ============================================== */
@font-face {
font-family: 'Satoshi';
src: url('assets/fonts/Satoshi-Bold.woff2') format('woff2'),
url('assets/fonts/Satoshi-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url('assets/fonts/Satoshi-Medium.woff2') format('woff2'),
url('assets/fonts/Satoshi-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url('assets/fonts/Satoshi-Regular.woff2') format('woff2'),
url('assets/fonts/Satoshi-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
/* Fonts */
--primary-font: "Satoshi", sans-serif;
/* Colors */
--black-color: #000;
--white-color: #fff;
--grey-color: #4F4F4F;
--main-color: #518C32;
--hover-color: #2E2E2E;
--font-color: #142802;
--bg-color: #F5F5F5;
/* Transition */
--basic-transition: all 0.3s ease;
/* Transition */
--transform-Y50: translateY(-50%);
--transform-X50: translateX(-50%);
--transform-50-50: translate(-50%, -50%);
/* Border */
--border-basic: 1px solid;
/* Border Radius */
--border-r-5: 5px;
--border-r-10: 10px;
--border-r-12: 12px;
--border-r-15: 15px;
--border-r-20: 20px;
--border-r-25: 25px;
--border-r-30: 30px;
--border-r-50: 50px;
--border-r-100: 100px;
/* Dimension */
--width-100: 100%;
--height-100: 100%;
/* Gap */
--gap-10-clamp: 5px 10px;
--gap-15-clamp: 5px 15px;
--gap-20-clamp: 15px 20px;
--gap-25-clamp: 15px 25px;
--gap-30-clamp: 15px 30px;
--gap-50-clamp: 15px 50px;
--gap-50-0-clamp: 0px 50px;
--gap-60-clamp: 15px 60px;
--gap-70-0-clamp: 0px 70px;
--gap-70-clamp: 15px 70px;
--gap-90-clamp: 15px 90px;
--gap-100-clamp: 15px 100px;
--gap-120-clamp: 15px 120px;
--gap-150-clamp: 15px 150px;
--gap-180-clamp: 15px 180px;
--gap-200-clamp: 15px 200px;
/* Font Size */
--font-h1-clamp: 32px 60px;
--font-h2-clamp: 26px 36px;
--font-h3-clamp: 22px 30px;
--font-h4-clamp: 20px 24px;
--font-price-clamp: 16px 22px;
--font-post-title-clamp: 16px 20px;
--font-14px-clamp: 12px 14px;
--font-h5-clamp: 16px 18px;
--font-p-clamp: 14px 16px;
--font-nav-clamp: 14px 16px;
--font-btn-clamp: 12px 17px;
--font-marque-clamp: 13px 14px;
--font-footer-link-clamp: 20px 28px;
/* Space / Margin / Padding */
--s-10-clamp: 10px 10px;
--s-15-clamp: 15px 15px;
--s-20-clamp: 15px 20px;
--s-25-clamp: 15px 25px;
--s-30-clamp: 15px 30px;
--s-35-clamp: 15px 35px;
--s-40-clamp: 15px 40px;
--s-50-clamp: 15px 50px;
--s-70-clamp: 35px 70px;
--s-80-clamp: 60px 80px;
--s-100-clamp: 35px 100px;
--s-135-clamp: 0px 135px;
--s-140-clamp: 35px 140px;
--s-200-clamp: 35px 200px;
--s-header-clamp: 96px 121px;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--primary-font);
color: var(--font-color);
font-size: var(--font-p-clamp);
font-weight: 400;
margin: 0;
padding: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
main {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-weight: normal;
line-height: normal;
}
figure,
img {
padding: 0;
margin: 0;
}
img {
vertical-align: middle;
border-style: none;
}
a:hover {
text-decoration: none;
}
a {
color: var(--main-color);
transition: all 0.2s ease-in;
}
p {
padding: 0;
margin: 0;
line-height: normal;
}
button,
input,
select,
textarea {
font-family: var(--primary-font);
}
.btn:focus,
.btn:active,
a:focus,
a:active,
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active,
button:focus,
button:active,
span:focus,
span:active {
outline: 0;
box-shadow: none;
}
*,
::after,
::before {
box-sizing: border-box;
}
/* Helper Styles */
.site-container {
max-width: 1440px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.site-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.site-align-center{
align-items: center;
justify-content: center;
}
.site-col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.site-col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.site-col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.site-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.site-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.site-col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.site-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.site-col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.site-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.site-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.site-col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.site-col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.site-col-1,
.site-col-2,
.site-col-3,
.site-col-4,
.site-col-5,
.site-col-6,
.site-col-7,
.site-col-8,
.site-col-9,
.site-col-10,
.site-col-11,
.site-col-12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.site-col-offset-4 {
margin-left: 33.333333%;
}
.site-col-offset-3 {
margin-left: 25%;
}
.site-col-offset-2 {
margin-left: 16.666667%;
}
.site-col-offset-1 {
margin-left: 8.333333%;
}
.img-fluid {
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
object-position: center center;
}
/* Site Headings */
.text-center {
justify-content: center;
text-align: center;
}
.text-right {
text-align: right;
justify-content: flex-end;
}
.text-left {
text-align: left;
justify-content: flex-start;
}
.site-heading-white {
color: var(--white-color);
}
.site-heading p {
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.site-heading p:last-of-type {
margin-bottom: 0;
}
.site-heading h2 {
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--main-color);
}
.site-heading h3 {
font-size: var(--font-h3-clamp);
}
.site-heading h4 {
font-size: 26px;
font-weight: 300;
text-transform: uppercase
}
.site-heading h5 {
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
color: var(--main-color);
text-transform: uppercase;
}
.site-heading h2 strong{
font-weight: 400;
color: var(--main-color);
}
.site-heading div {
display: inline-flex;
background-color: var(--red-color);
border-radius: 5px;
}
/* Site Buttons */
.custom-button{
display: flex;
}
.site-button {
position: relative;
display: inline-block;
}
.btn,
.site-button a{
cursor: pointer;
height: 50px;
display: flex;
padding: 0 var(--s-30-clamp);
align-items: center;
text-decoration: none;
justify-content: center;
border-radius: var(--border-r-100);
transition: var(--basic-transition);
background-color: var(--main-color);
}
.btn span,
.site-button a span{
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
color: var(--white-color);
text-transform: uppercase;
}
.btn:hover,
.site-button a:hover{
background-color: var(--hover-color);
}
/* Sections Spacing */
.site-row-p20x {
padding-top: 20px;
padding-bottom: 20px;
}
.site-row-pt20x {
padding-top: 20px;
}
.site-row-pb20x {
padding-bottom: 20px;
}
.site-row-p25x {
padding-top: var(--s-25-clamp);
padding-bottom: var(--s-25-clamp);
}
.site-row-pt25x {
padding-top: var(--s-25-clamp);
}
.site-row-pb25x {
padding-bottom: var(--s-25-clamp);
}
.site-row-p30x {
padding-top: var(--s-30-clamp);
padding-bottom: var(--s-30-clamp);
}
.site-row-pt30x {
padding-top: var(--s-30-clamp);
}
.site-row-pb30x {
padding-bottom: var(--s-30-clamp);
}
.site-row-p35x {
padding-top: 35px;
padding-bottom: 35px;
}
.site-row-pt35x {
padding-top: 35px;
}
.site-row-pb35x {
padding-bottom: 35px;
}
.site-row-p45x {
padding-top: 45px;
padding-bottom: 45px;
}
.site-row-pt45x {
padding-top: 45px;
}
.site-row-pb45x {
padding-bottom: 45px;
}
.site-row-p50x {
padding-top: var(--s-50-clamp);
padding-bottom: var(--s-50-clamp);
}
.site-row-pt50x {
padding-top: var(--s-50-clamp);
}
.site-row-pb50x {
padding-bottom: var(--s-50-clamp);
}
.site-row-p40x {
padding-top: 40px;
padding-bottom: 40px;
}
.site-row-pt40x {
padding-top: 40px;
}
.site-row-pb40x {
padding-bottom: 40px;
}
.site-row-p70x {
padding-top: var(--s-70-clamp);
padding-bottom: var(--s-70-clamp);
}
.site-row-pt70x {
padding-top: var(--s-70-clamp);
}
.site-row-pb70x {
padding-bottom: var(--s-70-clamp);
}
.site-row-p100x {
padding-top: 100px;
padding-bottom: 100px;
}
.site-row-pt100x {
padding-top: 100px;
}
.site-row-pb100x {
padding-bottom: 100px;
}
.site-row-p150x {
padding-top: 150px;
padding-bottom: 150px;
}
.site-row-pt150x {
padding-top: 150px;
}
.site-row-pb150x {
padding-bottom: 150px;
}
.site-row-p140x {
padding-top: 140px;
padding-bottom: 140px;
}
.site-row-pt140x {
padding-top: 140px;
}
.site-row-pb140x {
padding-bottom: 140px;
}
.site-row-p180x {
padding-top: 180px;
padding-bottom: 180px;
}
.site-row-pt180x {
padding-top: 180px;
}
.site-row-pb180x {
padding-bottom: 180px;
}
.site-row-p200x {
padding-top: 200px;
padding-bottom: 200px;
}
.site-row-pt200x {
padding-top: 200px;
}
.site-row-pb200x {
padding-bottom: 200px;
}
/* Separator */
.block-separator{
width: 100%;
height: 1px;
display: inline-block;
background-color: #dedede;
}
/* VC Styles */
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
margin-bottom: 0 !important;
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
padding-top: 0 !important;
}
.vc_section.vc_section-has-fill,
.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
.vc_section.vc_section-has-fill+.vc_section {
padding-top: 0 !important;
}
.wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3,
.wpb_text_column h4,
.wpb_text_column h5,
.wpb_text_column h6 {
font-weight: 600;
margin-bottom: 15px;
}
.wpb_text_column h3{
font-size: var(--font-h3-clamp);
}
.wpb_text_column h4{
color: var(--main-color);
font-size: var(--font-h5-clamp);
}
.wpb_text_column p {
font-size: 18px;
line-height: 1.6;
margin-bottom: 15px;
}
.wpb_text_column p strong {
color: var(--main-color);
font-weight: 600 !important;
}
.wpb_text_column iframe {
width: 100% !important;
height: 500px !important;
}
.wpb_text_column ul,
.wpb_text_column ol {
padding: 0 0 0 15px;
margin: 0 0 10px 0;
}
.wpb_text_column ul li,
.wpb_text_column ol li {
margin-bottom: 5px;
line-height: 2;
}
.wpb_text_column p a,
.wpb_text_column li a {
color: #313132;
text-decoration: underline;
}
.wpb_text_column .wp-video {
width: 100% !important;
}
/* 404 Page Styles */
.no-result-page {
text-align: center;
padding-top: 70px;
padding-bottom: 70px;
}
.no-result-page h1 {
font-size: var(--font-h2-clamp);
font-weight: 500;
margin: 0 0 25px 0;
}
.no-result-page p {
font-size: 18px;
line-height: 1.8;
margin-bottom: 25px;
}
.no-result-page .site-button-dark {
margin-top: 35px;
justify-content: center;
}
.no-result-page img{
height: 150px;
margin-bottom: 20px;
}
/* CF7 Styles */
.wpcf7-spinner {
display: none;
}
.wpcf7-response-output {
display: none;
}
.wpcf7 .sent .wpcf7-response-output {
font-size: 14px;
display: block;
position: absolute;
left: 0;
text-align: center;
padding: 10px 0 0 0;
}
.wpcf7-not-valid-tip {
font-size: 14px;
position: absolute;
left: auto;
right: 0;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output .wpcf7 form .wpcf7-response-output {
padding: 0;
margin: 0;
border: none;
}
/* Shop Messages */
.woocommerce-info {
border: none;
padding: 0;
margin: 0;
background-color: transparent;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
content: none;
}
/* Magnific Settings */
body.mfp-zoom-out-cur {
overflow: hidden!important;
margin: 0!important;
padding: 0!important;
height: 100%!important;
touch-action: none!important;
-webkit-overflow-scrolling: touch!important
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
font-size: 32px;
font-weight: 300;
opacity: 1!important;
font-family: var(--primary-font)
}
.mfp-arrow {
opacity: 1!important
}
.mfp-arrow-right:before {
margin-right: 50px !important;
}
.mfp-arrow:before,.mfp-arrow:after {
opacity: 1!important;
border: none!important
}
.mfp-bottom-bar{
display: block !important;
}
.mfp-arrow-left:before {
width: 25px!important;
height: 25px!important;
background: url('assets/images/magnific-arrow-prev.svg') no-repeat
}
.mfp-arrow-right:before {
width: 25px!important;
height: 25px!important;
background: url('assets/images/magnific-arrow-next.svg') no-repeat
}
.mfp-arrow-left:before,.mfp-arrow-left:after {
border: none!important
}
/* ============================================== */
/* ================ header styles =============== */
/* ============================================== */
/* Top Navigation */
.top-bar{
padding: 15px 0;
background-color: #2E2E2E;
}
.top-bar-nav ul{
display: flex;
margin: 0;
padding: 0;
list-style: none;
align-items: center;
justify-content: space-between;
}
.top-bar-nav ul li{
gap: 10px;
display: flex;
align-items: center;
}
.top-bar-nav ul li:nth-child(2),
.top-bar-nav ul li:nth-child(3){
justify-content: center;
}
.top-bar-nav ul li:nth-child(4){
justify-content: flex-end;
}
.top-bar-nav ul li svg{
width: auto;
height: 18px;
}
.top-bar-nav ul li a{
text-decoration: none;
}
.top-bar-nav ul li a,
.top-bar-nav ul li p{
color: var(--white-color);
font-size: 14px;
}
/* Main Navigation */
.main-header{
position: relative;
}
.main-nav{
padding: 15px 0;
background-color: var(--bg-color);
border-bottom: 1px solid #dedede;
}
.nav-holder{
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-logo{
width: 10%;
display: flex;
justify-content: flex-start;
}
.nav-logo a{
display: flex;
}
.nav-logo img{
width: auto;
height: 70px;
}
.nav-menu {
width: 70%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.nav-menu ul {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
gap: var(--gap-25-clamp);
}
.nav-menu ul li {
position: relative;
display: flex;
padding: 0;
align-items: center;
}
.nav-menu ul li:first-child {
padding: 10px 15px;
border-radius: 8px;
background: #518C32;
transition: var(--basic-transition);
}
.nav-menu ul li:first-child a {
cursor: pointer;
color: #fff;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.nav-menu ul li:first-child a svg {
width: auto;
height: 20px;
margin-right: 10px;
margin-left: 0;
}
.nav-menu ul li:first-child:hover {
background: var(--hover-color);
transition: var(--basic-transition);
}
.nav-menu ul li:first-child a::before {
content: none;
}
.nav-menu ul li a {
position: relative;
font-size: var(--font-nav-clamp);
padding: 0;
font-weight: 500;
text-decoration: none;
color: var(--font-color);
}
.nav-menu ul li a::before {
content: '';
position: absolute;
top: auto;
bottom: -3px;
left: 0;
width: 0;
height: 2px;
transition: width .3s;
background-color: var(--main-color);
}
.nav-menu ul li a:hover::before {
width: 100%
}
.nav-tools{
gap: 10px;
width: 20%;
display: flex;
justify-content: flex-end;
}
.nav-cart a,
.nav-search a,
.nav-wishlist a{
position: relative;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 10px;
border-radius: var(--border-r-10);
background-color: var(--white-color);
transition: var(--basic-transition);
}
.nav-cart a:hover,
.nav-search a:hover,
.nav-wishlist a:hover{
background-color: var(--main-color);
}
.nav-cart svg,
.nav-search svg,
.nav-wishlist svg{
width: auto;
height: 18px;
transition: var(--basic-transition);
}
.nav-cart a:hover svg path,
.nav-search a:hover svg path{
stroke: var(--white-color);
}
.nav-wishlist a:hover svg path{
stroke: var(--white-color);
fill: var(--white-color);
}
.nav-lang a{
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.nav-lang a.gt-current-lang{
display: none;
}
.nav-lang a.glink img{
height: 15px;
margin: 0;
width: auto;
}
.nav-cart span.cart-count{
position: absolute;
top: -5px;
right: 0;
font-size: 12px;
width: 15px;
height: 15px;
line-height: 15px;
border-radius: 50px;
z-index: 1;
color: var(--white-color);
text-align: center;
background-color: var(--main-color);
}
/* MegaMenu */
.menu-dropdown {
position: absolute;
top: 150px;
width: 100%;
height: auto;
z-index: 8;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.menu-dropdown .dropdown-inner {
position: relative;
display: flex;
padding: 0;
border-radius: 0;
background-color: transparent;
}
.menu-dropdown .dropdown-inner ul.menu-category {
padding: 25px;
border-right: 1px solid #D9D9D9;
margin: 0;
width: 25%;
list-style: none;
background-color: #ffffff;
-webkit-box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
}
.menu-dropdown .dropdown-inner ul.menu-category li.menu-item{
margin-bottom: 15px;
}
.menu-dropdown .dropdown-inner ul.menu-category li.menu-item:last-of-type{
margin: 0;
}
.menu-dropdown .dropdown-inner ul.menu-category li.menu-item>a:first-of-type,
.menu-dropdown .dropdown-inner ul.menu-category li.menu-item.menu-item-has-children>a:first-of-type {
font-size: 16px;
position: relative;
display: block;
width: 100%;
padding-right: 10px;
color: #000;
text-decoration: none;
}
.menu-dropdown .dropdown-inner ul.menu-category li > a:first-of-type img{
width: 22px;
height: auto;
margin-right: 10px;
}
.menu-dropdown .dropdown-inner ul.menu-category li.menu-item.menu-item-has-children>a:first-of-type:before {
position: absolute;
content: '';
top: 50%;
right: 0;
width: 8px;
height: 14px;
transform: translateY(-50%);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.menu-dropdown .dropdown-inner ul.menu-category li.menu-item.menu-item-has-children:hover ul.submenu{
visibility: visible;
opacity: 1;
}
.menu-dropdown .dropdown-inner ul.submenu{
visibility: hidden;
opacity: 0;
position: absolute;
width: 25%;
height: 100%;
top: 0;
left: 25%;
margin: 0;
padding: 25px;
list-style: none;
transition-delay: 100ms;
transition: all 0.3s ease;
background-color: #ffffff;
}
.menu-dropdown .dropdown-inner ul.submenu h4{
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
color: #000;
}
.menu-dropdown .dropdown-inner ul.submenu h4 a{
color: var(--main-color);
text-decoration: none;
}
.menu-dropdown .dropdown-inner ul.submenu li{
margin-bottom: 10px;
}
.menu-dropdown .dropdown-inner ul.submenu li:last-of-type{
margin: 0;
}
.menu-dropdown .dropdown-inner ul.submenu li a{
font-size: 16px;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
text-decoration: none;
}
.menu-dropdown .dropdown-inner ul.submenu li a:hover{
color: #000;
}
/* Main Navigation Dropdown */
.nav-menu ul li.menu-item-has-children>a {
padding-right: 15px;
}
.nav-menu ul li.menu-item-has-children>a::after {
position: absolute;
top: 50%;
right: 0;
left: auto;
content: '';
width: 11px;
height: 6px;
transform: var(--transform-Y50);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
.nav-menu ul li.menu-item-has-children .sub-menu {
display: block;
padding: 15px 20px;
margin: 0;
position: absolute;
top: 40px;
left: 0;
width: 250px;
z-index: 9;
border-radius: var(--border-r-10);
background-color: var(--white-color);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
visibility: hidden;
opacity: 0;
-webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
}
.nav-menu ul li.menu-item-has-children .sub-menu li {
padding: 0;
display: block;
margin: 0 0 10px 0;
}
.nav-menu ul li.menu-item-has-children .sub-menu li:last-of-type {
margin-bottom: 0;
}
.nav-menu ul li.menu-item-has-children .sub-menu li a {
margin: 0;
padding: 0;
background-color: transparent
}
.nav-menu ul li.menu-item-has-children .sub-menu li a:hover{
color: var(--main-color);
}
.nav-menu ul li.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
}
/* Search */
.search-header{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
display: none;
background-color: var(--white-color);
}
.search-header-holder{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
border-bottom: 1px solid #E1E1E1;
}
.search-form{
width: 60%;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.search-close{
cursor: pointer;
position: absolute;
right: 0;
width: 50px;
height: 100%;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
}
.search-close::before,
.search-close::after{
position: absolute;
content: ' ';
height: 20px;
width: 1.5px;
background-color: #1C1C1F;
}
.search-close::before{
transform: rotate(45deg);
}
.search-close::after{
transform: rotate(-45deg);
}
.search-header form{
width: 100%;
}
.search-header form input:focus{
border-color: var(--main-color);
}
.search-header form input{
height: 45px;
border-radius: 0;
line-height: 45px;
color: #252A2F;
font-size: var(--font-16px-clamp);
font-weight: 400;
width: 100%;
border: none;
box-shadow: none;
outline: 0;
padding: 0 15px;
border-radius: 10px;
background-color: #f5f5f5;
border: 1px solid #E1E1E1;
}
.search-content{
padding-bottom: 70px;
}
.search-content ul.products{
grid-template-columns: repeat(4, 1fr) !important;
}
.search-content .cat-grid__wrapper{
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
/* Mini Cart */
.cart-close{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 30px;
height: 30px;
text-align: center;
border-radius: 50px;
background-color: var(--main-color);
}
.cart-close::before,
.cart-close::after{
position: absolute;
content: ' ';
height: 15px;
width: 1.5px;
background-color: #ffffff;
}
.cart-close::before{
transform: rotate(45deg);
}
.cart-close::after{
transform: rotate(-45deg);
}
.mini-cart{
position: fixed;
right: 0;
top: 10px;
bottom: 10px;
width: 100%;
max-width: 450px;
border-radius: 25px;
background-color: #ffffff;
z-index: 11;
transform: none;
transform: translate3d(100%,0,0);
transition: transform .4s cubic-bezier(.19,1,.22,1);
}
.mini-cart-active .mini-cart{
right: 10px;
transform: none;
}
body.cart-open{
overflow: hidden;
}
.cart-open .site-overlay{
opacity: 1;
visibility: visible;
}
.mini-cart-inner{
display: flex;
flex-direction: column;
position: relative;
height: 100%;
padding: 15px 15px 0 15px;
overflow-y: scroll;
border-radius: 25px;
}
.mini-cart-header{
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
}
.mini-cart-title h3{
font-size: 22px;
font-weight: 500;
}
.mini-cart-content{
display: flex;
height: 100%;
}
.mini-cart-content .widget_shopping_cart_content{
position: relative;
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
}
.empty.widget_shopping_cart_content{
align-items: center;
justify-content: center;
}
.mini-cart-content .woocommerce-mini-cart__empty-message:before{
display: flex;
margin: 0 auto 20px auto;
content: ' ';
height: 100px;
width: 160px;
background-size: contain;
background-repeat: no-repeat;
background-image: url('assets/images/empty-cart.png');
}
.mini-cart-content .woocommerce-mini-cart__empty-message{
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-size: 20px;
font-weight: 500;
color: var(--main-color);
}
.mini-cart-content p{
font-size: 15px;
font-weight: 400;
color: var(--neutral-grey-60);
}
.mini-cart-content .ic-mini-cart-count-price .ic-custom-render-total{
margin: 5px 0 0 0;
color: #999999;
font-family: var(--second-font);
font-size: 14px;
font-weight: 500;
}
.mini-cart-content ul{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 25px 0 25px 0 !important;
margin: 0 0 auto 0 !important;
list-style: none;
}
.mini-cart-content ul li{
position: relative;
display: flex;
padding: 0 !important;
justify-content: space-between;
width: 100%;
margin-bottom: 15px !important;
}
.mini-cart-content ul>li a:last-of-type{
font-family: var(--second-font);
color: #1C1C1F;
font-size: 16px;
font-weight: 500;
display: block;
text-decoration: none;
}
.mini-cart-content ul li:last-of-type{
margin-bottom: 0 !important;
}
.mini-cart-content ul li a.remove:hover{
color: #7D8493 !important;
background-color: transparent !important;
}
.mini-cart-content ul li a.remove svg{
width: 15px;
height: 15px;
}
.mini-cart-content ul li img{
padding: 0;
margin: 0 0 0 0 !important;
float: left !important;
object-fit: cover !important;
height: 85px !important;
width: 85px !important;
border-radius: 12px;
object-position: center center !important;
}
.mini-cart-content .mini-cart-details-holder{
display: flex;
margin: 0 auto 0 10px;
flex-direction: column;
justify-content: center;
}
.mini-cart-content .mini-cart-details-holder p{
font-size: 15px !important;
font-weight: 500;
margin: 0 0 5px 0;
}
.mini-cart-content .mini-cart-qty-holder{
display: flex;
align-items: center;
gap: 10px;
}
.mini-cart-content .quantity{
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
width: 100%;
height: 30px;
border-radius: 100px;
border: 1px solid #E4E7EA;
}
.mini-cart-content .quantity input{
pointer-events: none;
font-size: 14px;
font-weight: 500;
margin: 0;
padding: 0;
height: 30px;
width: 25px !important;
border: none;
text-align: center;
background-color: transparent;
}
.mini-cart-content .quantity input[type=number]::-webkit-inner-spin-button,
.mini-cart-content .quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.mini-cart-content .quantity input::-webkit-outer-spin-button,
.mini-cart-content .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.mini-cart-content .quantity input[type=number] {
-moz-appearance: textfield !important;
}
.mini-cart-content .quantity span.minus,
.mini-cart-content .quantity span.plus{
cursor: pointer;
display: flex;
width: 12px;
height: 12px;
align-items: center;
justify-content: center;
}
.mini-cart-content .quantity svg{
width: 12px;
height: auto;
}
.mini-cart-content .quantity .quantity-input{
width: 27px;
display: flex;
align-items: center;
justify-content: center;
}
.mini-cart-content .quantity .quantity .qty-suff{
color: #939393;
font-size: 14px;
font-weight: 500;
}
.mini-cart-content .total{
color: var(--body-color);
display: flex;
float: left;
width: 100%;
font-size: 18px;
font-weight: 700;
padding: 15px 0 15px 0;
margin: 25px 0 0 0;
align-items: center;
border-top: 1px solid #E1E1E1;
}
.mini-cart-content .total .amount{
font-size: 18px;
font-weight: 600;
font-family: var(--second-font);
}
.mini-cart-content .total strong{
font-size: 18px;
font-weight: 600;
margin-right: auto;
font-style: var(--second-font);
}
.mini-cart-content .buttons{
display: block;
float: left;
width: 100%;
padding-bottom: 15px;
}
.mini-cart-content .buttons a.button{
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 14px;
font-weight: 500;
height: 50px;
padding: 0;
margin: 0;
letter-spacing: 0.5px;
border-radius: 100px;
text-decoration: none;
text-transform: uppercase;
background-color: var(--main-color);
}
.mini-cart-content .buttons a:hover,
.mini-cart-content .buttons a:focus{
background-color: var(--hover-color) !important;
}
.mini-cart-content .blockOverlay{
opacity: 0 !important;
}
.mini-cart-content .blockUI.blockOverlay::before{
content: none !important;
}
.free-shipping-progress {
background: #f5f5ff;
border-radius: 20px;
height: 10px;
overflow: hidden;
margin: 1em 0;
}
.free-shipping-progress-bar {
background: #518C32;
height: 100%;
transition: width 0.3s ease;
}
.free-shipping-message strong{
color: var(--main-color);
}
.free-shipping-message em{
font-weight: 600;
font-style: normal;
color: var(--main-color);
}
.free-shipping-message-delivery{
color: var(--main-color) !important;
font-style: italic;
font-weight: 500 !important;
}
.mini-cart-related-header{
display: flex;
align-items: center;
margin-bottom: 25px;
justify-content: space-between;
}
.mini-cart-related-header .swiper-button-next,
.mini-cart-related-header .swiper-button-prev{
margin-top: 0 !important;
position: static;
width: 30px;
height: 30px;
border-radius: 50px;
background-color: var(--main-color);
}
.mini-cart-related-header h5{
color: var(--main-color);
font-size: 22px;
font-weight: 500;
}
.mini-cart-related-arrows{
gap: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.mini-cart-related-arrows .swiper-button-next:after,
.mini-cart-related-arrows .swiper-button-prev:after{
color: #ffffff;
font-size: 12px;
}
.mini-cart-related .product-item-image figure{
height: 200px;
}
.mini-cart-related .product-item-details{
padding: var(--s-10-clamp);
}
.mini-cart-related .product-item-title h3.woocommerce-loop-product__title{
font-size: 15px !important;
}
.mini-cart-related .product-item-title .product-item-lat-title{
font-size: 12px;
}
.mini-cart-related .product-item-price.regular-price .price span,
.mini-cart-related .product-item-price.variable-price .price span{
font-size: 15px !important;
}
.mini-cart-related .product-button a{
height: 35px;
padding: 0 5px;
}
.mini-cart-related li.product .product-item-image .badge{
top: 10px;
left: 10px;
}
.mini-cart-related .product-item-image .custom-wishlist-button{
top: 10px;
right: 10px;
}
/* Mobile Navigation */
.nav-tools-mobile {
display: none;
}
.menu-open-mobile {
cursor: pointer;
color: var(--white-color);
display: flex;
flex-direction: column;
}
.menu-open-mobile span {
width: 25px;
height: 1.5px;
background-color: var(--main-color);
}
.menu-open-mobile span:nth-child(2) {
margin-top: 5px;
}
.menu-open-mobile span:nth-child(3) {
margin-top: 5px;
}
.site-overlay {
cursor: pointer;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
opacity: 0;
visibility: hidden;
transition: all 0.2s linear;
background: rgba(0, 0, 0, 0.6);
}
.mobile-menu {
position: fixed;
right: auto;
left: 0;
top: 0;
bottom: 0;
width: 330px;
z-index: 11;
overflow: auto;
transform: none;
background-color: #ffffff;
transform: translate3d(-100%, 0, 0);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.mobile-menu-header {
padding: 25px 0 0 0;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile-menu-inner {
padding: 0 15px;
}
.mobile-menu-logo img{
width: auto;
height: 70px;
}
.mobile-menu-logo {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-menu-active .mobile-menu {
transform: none;
}
body.mobile-menu-open {
overflow: hidden;
}
.mobile-menu-open .site-overlay {
opacity: 1;
visibility: visible;
}
.menu-close {
display: flex;
width: 25px;
height: 25px;
align-items: center;
justify-content: center;
}
.menu-close::before,
.menu-close::after {
position: absolute;
content: ' ';
height: 15px;
width: 1.5px;
background-color: var(--white-color);
}
.menu-close::before {
transform: rotate(45deg);
}
.menu-close::after {
transform: rotate(-45deg);
}
.mobile-menu-close {
position: absolute;
top: 15px;
right: 0;
}
.mobile-menu-close-inner {
cursor: pointer;
display: flex;
color: #ffffff;
align-items: center;
border-radius: 50px;
background-color: var(--main-color);
}
.mobile-menu-content {
padding: 15px 0 0 0;
margin: 25px 0 0 0;
border-top: 1px solid #ECECEC;
}
.mobile-menu-content ul {
padding: 0;
margin: 0;
list-style: none;
}
.mobile-menu-content ul li {
margin-bottom: 10px;
}
.mobile-menu-content ul li:last-of-type {
margin-bottom: 0;
}
.mobile-menu-content ul li a{
color: var(--font-color);
position: relative;
font-size: 15px;
font-weight: 500;
text-decoration: none;
}
.mobile-menu-content .sub-menu {
display: none;
margin-top: 10px;
padding-left: 0;
}
.mobile-menu-content .sub-menu li a {
opacity: 0.5;
}
.mobile-menu-content .sub-menu .sub-menu {
display: block;
}
.mobile-menu-content li.sub-menu-parent::after {
content: none !important;
}
.mobile-menu-content li.sub-menu-parent .sub-menu {
padding-left: 0;
}
.mobile-menu-content li.sub-menu-separator {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
.mobile-menu-content li.sub-menu-parent>a {
opacity: 1 !important;
}
.mobile-menu-content ul .is-active.menu-item-has-children>a::after {
top: 7px;
transform: rotate(-180deg);
}
.mobile-menu-content ul li.menu-item-has-children::after {
position: absolute;
top: 10px;
right: 0;
left: auto;
content: '';
width: 9px;
height: 5px;
transform: var(--transform-Y50);
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
.mobile-menu-content .menu-primary-nav-container{
padding: 15px 0;
margin: 0 0 15px 0;
border-top: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
}
.mobile-menu-footer{
padding: 0 0 15px 0;
}
.mobile-menu-footer ul{
display: flex;
align-items: center;
padding: 0;
margin: 0;
gap: 10px;
list-style: none;
}
.mobile-menu-footer ul li a{
display: flex;
align-items: center;
justify-content: center;
height: 30px;
width: 30px;
border-radius: var(--border-r-50);
border: 1px solid var(--main-color);
}
.mobile-menu-footer ul li svg{
width: 16px;
height: 16px;
}
.mobile-menu-footer .nav-tel{
margin-top: 15px;
}
.mobile-menu-footer .nav-tel a{
display: inline-flex;
font-size: 14px;
font-weight: 500;
padding: 10px 20px;
border-radius: 50px;
color: var(--white-color);
text-decoration: none;
background-color: var(--main-color);
}
.mobile-menu-content-categories ul.menu-category li > a:first-of-type img{
width: 20px;
height: auto;
margin-right: 10px;
}
.mobile-menu-content-categories ul{
margin: 0;
padding: 0;
list-style: none;
}
.mobile-menu-content-categories li{
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #ECECEC;
}
.mobile-menu-content-categories li:last-of-type{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.mobile-menu-content-categories li a{
padding: 0;
display: block;
font-size: 16px;
font-weight: 400;
}
.mobile-menu-content-categories li a::after{
position: absolute;
content: '';
top: 8px;
right: 0;
width: 8px;
height: 11px;
transform: translateY(-50%);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.mobile-menu-content-categories{
position: relative;
height: 75vh;
}
.mobile-menu-content-categories ul.menu-category,
.mobile-menu-content-categories .submenu-panel {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(0);
transition: transform 0.3s ease;
overflow: hidden;
}
.mobile-menu-content-categories .submenu-panel {
transform: translateX(100%);
z-index: 10;
}
.mobile-menu-content-categories ul.submenu{
column-count: 1 !important;
}
.mobile-menu-content-categories .submenu-panel.active {
height: 100vh;
overflow: scroll !important;
transform: translateX(0);
background-color: #ffffff;
}
.mobile-menu-content-categories .submenu-panel h4{
display: none;
}
.mobile-menu-content-categories .submenu-panel .back-btn{
font-size: 14px;
margin-bottom: 15px;
font-weight: 500;
color: var(--main-color);
}
/* Single Page Header Default */
.page-header-default{
padding-top: var(--s-25-clamp);
padding-bottom: var(--s-25-clamp);
margin-bottom: var(--s-70-clamp);
background-color: var(--bg-color);
}
.page-breadcrumbs span.breadcrumbs-separator {
padding: 0 5px;
}
.page-breadcrumbs a,
.page-breadcrumbs span {
color: #808080;
padding: 0;
margin: 0;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.page-breadcrumbs span.breadcrumbs-current {
color: #232843;
}
.page-header-default h1 {
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--main-color);
margin-top: 10px;
}
.page-header-default p{
font-size: 18px;
font-weight: 400;
color: rgba(255, 255, 255, 0.39);
}
/* ============================================== */
/* =============== elements styles ============== */
/* ============================================== */
/* Review SLider */
:root{
--review-media-clamp: 400px 600px;
}
.review-slider__heading-holder{
display: flex;
align-items: center;
gap: var(--gap-30-clamp);
justify-content: space-between;
margin-bottom: var(--s-30-clamp);
}
.review-slider__heading{
position: relative;
display: flex;
width: var(--width-100);
gap: var(--gap-30-clamp);
align-items: center;
}
.review-slider__heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
white-space: nowrap;
color: var(--main-color);
}
.review-slider__heading::after{
content: '';
position: relative;
display: flex;
top: 50%;
width: -webkit-fill-available;
height: 2px;
transform: var(--transform-Y50);
background-color: var(--main-color);
}
.review-slider__item .video-holder,
.review-slider__item figure{
height: 500px;
}
.review-slider__item img{
border-radius: var(--border-r-30);
}
.review-slider__item video{
height: var(--review-media-clamp);
width: var(--width-100);
object-fit: cover;
border-radius: var(--border-r-30);
}
.review-slider__wrapper{
position: relative;
}
.review-slider__navigation {
display: flex;
justify-content: flex-end;
gap: 10px
}
.review-slider__navigation .swiper-button-prev {
right: 50px;
left: auto;
margin: 0
}
.review-slider__navigation .swiper-button-next {
right: 0;
margin: 0
}
.review-slider__navigation .swiper-button-prev,
.review-slider__navigation .swiper-button-next {
position: static;
width: 35px;
height: 35px;
z-index: 1;
border-radius: var(--border-r-50);
background-color: var(--main-color)
}
.review-slider__navigation .swiper-button-next:after,
.review-slider__navigation .swiper-button-prev:after {
font-size: 16px!important;
color: var(--white-color)
}
.review-slider__navigation .swiper-button-prev:after {
margin-left: -3px
}
.review-slider__navigation .swiper-button-next:after {
margin-right: -3px
}
.mfp-iframe-scaler iframe{
width: auto;
right: 0;
margin: 0 auto;
}
/* CF7 CTA */
.cf7-cta{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.cf7-cta__image figure{
height: 500px;
}
.cf7-cta__image figure img{
border-radius: var(--border-r-15) 0 0 var(--border-r-15)
}
.cf7-cta__caption-holder{
display: flex;
text-align: center;
color: var(--white-color);
flex-direction: column;
justify-content: center;
padding: var(--s-40-clamp);
border-radius: 0 var(--border-r-15) var(--border-r-15) 0;
background-color: var(--hover-color);
}
.cf7-cta__caption-holder h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
text-align: center;
margin-bottom: 15px;
color: var(--main-color);
}
.cf7-cta__caption-holder p{
font-size: 18px;
line-height: 1.6;
}
/* Steps Wrapper */
.steps{
display: flex;
flex-direction: column;
gap: var(--gap-50-0-clamp);
}
.steps__heading{
gap: 15px;
display: flex;
text-align: center;
flex-direction: column;
justify-content: center;
}
.steps__heading h2{
color: var(--main-color);
font-size: var(--font-h2-clamp);
font-weight: 500;
}
.steps__heading p{
font-size: var(--font-h5-clamp);
line-height: 1.6;
}
.steps__list{
gap: 15px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.steps__item{
display: flex;
flex-direction: column;
border-radius: var(--border-r-15);
background-color: var(--white-color);
}
.steps__item-content{
gap: 15px;
padding: 30px;
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
justify-content: center;
}
.steps__item-content-number{
display: flex;
width: 55px;
height: 55px;
align-items: center;
justify-content: center;
border-radius: 50px;
font-weight: 500;
font-size: var(--font-h4-clamp);
color: var(--white-color);
background-color: var(--main-color);
}
.steps__item-content h3{
font-weight: 500;
font-size: var(--font-h4-clamp);
}
.steps__item-content p{
font-size: 18px;
line-height: 1.6;
}
.steps__item-image figure{
height: 350px;
}
.steps__item-image figure img{
object-fit: cover;
border-radius: 0 0 15px 15px;
}
.steps__item a.second-btn{
height: 45px;
}
/* Plants Wrapper */
.plants{
display: flex;
flex-direction: column;
gap: var(--gap-50-0-clamp);
}
.plants__heading{
gap: 15px;
display: flex;
text-align: center;
flex-direction: column;
justify-content: center;
}
.plants__heading h2{
color: var(--main-color);
font-size: var(--font-h2-clamp);
font-weight: 500;
}
.plants__heading p{
font-size: var(--font-h5-clamp);
line-height: 1.6;
}
.plants__list{
gap: 15px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.plants__item{
display: flex;
flex-direction: column;
background-color: #f5f5f5;
border-radius: var(--border-r-15);
}
.plants__item-image figure{
height: 400px;
}
.plants__item-image figure img{
border-radius: 15px 15px 0 0;
}
.plants__item-content{
text-align: center;
padding: var(--s-30-clamp);
}
.plants__item-content h3{
font-size: var(--font-h4-clamp);
font-weight: 500;
margin-bottom: 15px;
}
.plants__item-content p{
font-size: 18px;
line-height: 1.6;
}
.plants__links{
gap: 15px;
display: flex;
align-items: center;
justify-content: center;
}
/* New Hero */
.new-hero{
position: relative;
}
.new-hero__image figure{
position: relative;
height: calc(85dvh - 150px);
}
.new-hero__image figure::before{
position: absolute;
content: '';
inset: 0;
width: var(--width-100);
height: var(--height-100);
background-color: rgba(0, 0, 0, 0.4);
}
.new-hero__info{
position: absolute;
top: 45%;
left: 50%;
width: 100%;
z-index: 1;
text-align: center;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.new-hero__info-holder{
padding: 0 15px;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--gap-10-clamp);
justify-content: space-between;
}
.new-hero__info-top{
text-align: center;
}
.new-hero__info-top h1{
font-size: var(--font-h1-clamp);
color: var(--white-color);
font-weight: 500;
margin-bottom: 15px;
}
.new-hero__info-top p{
font-size: 18px;
text-align: center;
color: var(--white-color);
}
.new-hero__info-bottom{
display: flex;
align-items: center;
flex-direction: column;
gap: 15px;
}
.new-hero__info-bottom p{
font-size: var(--font-h5-clamp);
text-align: center;
line-height: 1.6;
color: var(--white-color);
}
.new-hero__buttons{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
a.second-btn{
background-color: var(--white-color);
border: var(--border-basic) rgba(20, 40, 2, 0.40);
}
a.second-btn span{
color: var(--main-color);
}
a.second-btn:hover{
background-color: var(--hover-color);
border: var(--border-basic) var(--hover-color);
}
a.second-btn:hover span{
color: var(--white-color);
}
/* Hero Video */
.site-hero__video-link{
position: relative;
height: 80vh;
}
.site-hero__video-link::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .1);
}
.site-hero__video-link video{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
object-position: center center;
}
.site-hero__video__caption{
position: absolute;
top: 50%;
left: 0;
right: 0;
width: var(--width-100);
transform: var(--transform-Y50);
}
.site-hero__video__desc{
color: #ffffff;
}
.site-hero__video__desc h1{
font-size: var(--font-h1-clamp);
line-height: var(--font-h1-clamp);
font-weight: 500;
}
.site-hero__video__desc p{
font-size: 18px;
line-height: 1.6;
margin-top: 25px;
}
/* Team */
.team{
display: flex;
flex-direction: column;
}
.team__heading{
gap: 15px;
display: flex;
text-align: center;
margin-bottom: 50px;
flex-direction: column;
justify-content: center;
}
.team__heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--main-color);
}
.team__heading p{
line-height: 1.6;
font-size: 18px;
}
.team__list{
gap: 15px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.team__item{
display: flex;
flex-direction: column;
background-color: #F5F5F5;
border-radius: var(--border-r-15);
}
.team__item-image figure{
height: 450px;
}
.team__item-image figure img{
border-radius: var(--border-r-15);
}
.team__item-content{
gap: 10px;
display: flex;
text-align: center;
flex-direction: column;
padding: var(--s-30-clamp);
}
.team__item-content h3{
color: var(--main-color);
font-size: 22px;
font-weight: 500;
}
.team__item-content p{
font-size: 18px;
font-weight: 400;
}
.team__link{
display: none;
}
/* Timeline */
.timeline__heading{
gap: 15px;
display: flex;
text-align: center;
flex-direction: column;
}
.timeline__heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--main-color);
}
.timeline__heading p{
font-size: 18px;
line-height: 1.6;
}
.timeline__tab{
margin-top: var(--s-50-clamp);
position: relative;
display: flex;
align-items: center;
justify-content: space-around;
}
.timeline__tab-line{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 15px;
width: var(--width-100);
border-radius: var(--border-r-15);
background: #ffffff;
}
.timeline__tab-item{
padding-bottom: var(--s-50-clamp);
position: relative;
cursor: pointer;
transition: var(--basic-transition);
}
.timeline__tab-item::after{
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 15px;
height: 15px;
z-index: 1;
transform: var(--transform-X50);
border-radius: var(--border-r-50);
transition: var(--basic-transition);
background-color: rgba(0, 0, 0, 0.1);
}
.timeline__tab-item span{
font-size: 18px;
font-weight: 500;
color: var(--main-color);
padding: 10px 15px;
border-radius: 8px;
transition: var(--basic-transition);
background-color: #ffffff;
border: var(--border-basic) rgba(20, 40, 2, 0.15);
}
.timeline__tab-item span:hover,
.timeline__tab-item.active span{
color: var(--white-color);
background-color: var(--main-color);
}
.timeline__tab-item:hover::after,
.timeline__tab-item.active::after{
background-color: var(--main-color);
}
.timeline__list{
margin-top: var(--s-30-clamp);
}
.timeline__item{
display: grid;
align-items: center;
border-radius: var(--border-r-15);
transition: var(--basic-transition);
background-color: var(--white-color);
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.timeline__item-image figure{
height: 500px;
}
.timeline__item-image figure img{
border-radius: var(--border-r-15);
}
.timeline__item-content{
gap: 15px;
display: flex;
flex-direction: column;
padding: 0 var(--s-50-clamp);
}
.timeline__item-content span{
font-weight: 500;
font-size: var(--font-h5-clamp);
color: var(--main-color);
}
.timeline__item-content h3{
font-weight: 500;
font-size: var(--font-h3-clamp);
}
.timeline__item-content p{
font-size: 18px;
line-height: 1.6;
}
/* Video Block */
:root{
--video-h-clamp: 300px 550px;
}
.video-block{
margin-top: var(--s-30-clamp);
}
.video-block-holder {
position: relative;
width: var(--width-100);
height: var(--video-h-clamp);
}
.video-block-holder video{
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
object-position: center center;
border-radius: var(--border-r-15);
}
.sound-toggle {
position: absolute;
right: 12px;
bottom: 12px;
z-index: 2;
appearance: none;
border: none;
background: rgba(0,0,0,.55);
color: #fff;
width: 44px;
height: 44px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background .2s ease, transform .05s ease;
}
.sound-toggle:hover { background: rgba(0,0,0,.7); }
.sound-toggle:active { transform: scale(.98); }
.sound-toggle:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
}
.icon { width: 22px; height: 22px; display: block; }
.icon--on { display: none; }
.is-unmuted .icon--off { display: none; }
.is-unmuted .icon--on { display: block; }
/* Hero RCA */
:root{
--hero_rca-h-image-clamp: 300px 450px;
}
.hero_rca {
display: grid;
align-items: center;
gap: var(--gap-30-clamp);
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.hero_rca__caption-holder{
width: 100%;
}
.hero_rca__image figure{
height: 600px;
}
.hero_rca__image img {
border-radius: var(--border-r-15);
}
.hero_rca__caption-holder h1 {
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--main-color);
margin-bottom: 25px;
}
.hero_rca__desc p{
font-size: 18px;
line-height: 1.6;
}
/* Why BLock */
.why-block{
display: flex;
flex-direction: column;
gap: var(--gap-50-0-clamp);
}
.why-block__heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
text-align: center;
color: var(--main-color);
}
.why-block__list {
display: flex;
background: #ffffff;
border-radius: var(--border-r-30);
}
.why-block__item {
flex: 1;
display: flex;
gap: var(--gap-30-clamp);
align-items: center;
transition: flex 0.5s ease-in-out;
overflow: hidden;
position: relative;
cursor: pointer;
background: #ffffff;
padding: var(--s-20-clamp);
border-radius: var(--border-r-30) 0 0 var(--border-r-30);
}
.why-block__item:nth-of-type(even){
background-color: var(--main-color);
}
.why-block__item:nth-of-type(even) .why-block__item-heading h4{
color: var(--white-color);
}
.why-block__item:nth-of-type(even) .why-block__item-info p,
.why-block__item:nth-of-type(even) .why-block__item-info h3{
color: var(--white-color);
}
.why-block__item:nth-of-type(even) .why-block__item-buttons .btn{
background-color: var(--white-color);
}
.why-block__item:nth-of-type(even) .why-block__item-buttons .btn span{
color: var(--main-color);
}
.why-block__item:nth-of-type(even) .why-block__item-buttons .btn:hover{
background-color: var(--hover-color);
}
.why-block__item:nth-of-type(even) .why-block__item-buttons .btn:hover span{
color: var(--white-color);
}
.why-block__item-content {
display: flex;
align-items: center;
gap: var(--gap-30-clamp);
opacity: 0;
transition: opacity 0.4s ease;
transform: translateY(30px);
transition-delay: 0.2s;
}
.why-block__item.active {
flex: 30;
border-radius: var(--border-r-30);
}
.why-block__item.active .why-block__item-content {
opacity: 1;
transform: translateY(0);
}
.why-block__item-heading h4{
writing-mode: vertical-rl;
transform: rotate(180deg);
transition: opacity 0.3s;
font-size: 22px;
font-weight: 500;
color: var(--main-color);
}
.why-block__item-image{
width: 40%;
}
.why-block__item-info{
width: 60%;
}
.why-block__item-image figure{
height: 430px;
}
.why-block__item-image figure img{
border-radius: var(--border-r-15);
}
.why-block__item-info h3{
font-size: var(--font-h4-clamp);
font-weight: 500;
margin-bottom: 15px;
}
.why-block__item-info p{
color: #51564F;
font-size: 18px;
line-height: 1.6;
}
.why-block__item-buttons{
gap: 15px;
display: flex;
align-items: center;
margin-top: var(--s-30-clamp);
}
.why-block__item-call a{
display: flex;
padding: 10px;
align-items: center;
justify-content: center;
background: var(--white-color);
border-radius: var(--border-r-50);
box-shadow: 0px 9px 3px 0px rgba(0, 0, 0, 0.00), 0px 6px 2px 0px rgba(0, 0, 0, 0.01), 0px 3px 2px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.09), 0px 0px 1px 0px rgba(0, 0, 0, 0.10);
}
.why-block__item-call a svg{
width: 28px;
height: 28px;
}
/* Onsale Products / Popular Products*/
.popular-products__heading-holder,
.onsale-products__heading-holder{
display: flex;
align-items: center;
gap: var(--gap-30-clamp);
justify-content: space-between;
margin-bottom: var(--s-30-clamp);
}
.popular-products__heading,
.onsale-products__heading{
position: relative;
display: flex;
width: var(--width-100);
gap: var(--gap-30-clamp);
align-items: center;
}
.popular-products__heading h2,
.onsale-products__heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
white-space: nowrap;
color: var(--main-color);
}
.popular-products__heading::after,
.onsale-products__heading::after{
content: '';
position: relative;
display: flex;
top: 50%;
width: -webkit-fill-available;
height: 2px;
transform: var(--transform-Y50);
background-color: var(--main-color);
}
.popular-products__button,
.onsale-products__button{
display: flex;
justify-content: center;
margin-top: var(--s-30-clamp);
}
.popular-products__button .site-button a,
.onsale-products__button .site-button a{
background-color: var(--white-color);
border: var(--border-basic) var(--main-color);
}
.popular-products__button .site-button a span,
.onsale-products__button .site-button a span{
color: var(--main-color);
}
.popular-products__button .site-button a:hover,
.onsale-products__button .site-button a:hover{
border-color: var(--main-color);
background-color: var(--main-color);
}
.popular-products__button .site-button a:hover span,
.onsale-products__button .site-button a:hover span{
color: var(--white-color);
}
.onsale-product__navigation,
.popular-product__navigation {
display: flex;
justify-content: flex-end;
gap: 10px
}
.onsale-product__navigation .swiper-button-prev,
.popular-product__navigation .swiper-button-prev {
right: 50px;
left: auto;
margin: 0
}
.onsale-product__navigation .swiper-button-next,
.popular-product__navigation .swiper-button-next {
right: 0;
margin: 0
}
.onsale-product__navigation .swiper-button-prev,
.onsale-product__navigation .swiper-button-next,
.popular-product__navigation .swiper-button-prev,
.popular-product__navigation .swiper-button-next {
position: static;
width: 35px;
height: 35px;
z-index: 1;
border-radius: var(--border-r-50);
background-color: var(--main-color)
}
.onsale-product__navigation .swiper-button-next:after,
.onsale-product__navigation .swiper-button-prev:after,
.popular-product__navigation .swiper-button-next:after,
.popular-product__navigation .swiper-button-prev:after {
font-size: 16px!important;
color: var(--white-color)
}
.onsale-product__navigation .swiper-button-prev:after,
.popular-product__navigation .swiper-button-prev:after {
margin-left: -3px
}
.onsale-product__navigation .swiper-button-next:after,
.popular-product__navigation .swiper-button-next:after {
margin-right: -3px
}
/* Map */
.location-holder{
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.location-heading{
position: relative;
display: flex;
align-items: center;
gap: var(--gap-30-clamp);
margin-bottom: var(--s-30-clamp);
}
.location-heading::after{
content: '';
position: relative;
display: flex;
top: 50%;
width: -webkit-fill-available;
height: 2px;
transform: var(--transform-Y50);
background-color: var(--main-color);
}
.location-heading svg{
width: 35px;
height: 35px;
}
.location-heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
text-wrap: nowrap;
color: var(--main-color);
}
.location-card{
cursor: pointer;
background: var(--white-color);
border-radius: var(--border-r-15);
transition: var(--basic-transition);
outline: var(--border-basic) var(--white-color);
box-shadow: 0px 40px 11px 0px rgba(181, 181, 181, 0.00), 0px 25px 10px 0px rgba(181, 181, 181, 0.01), 0px 14px 9px 0px rgba(181, 181, 181, 0.05), 0px 6px 6px 0px rgba(181, 181, 181, 0.09), 0px 2px 3px 0px rgba(181, 181, 181, 0.10);
}
.location-card.active{
outline: var(--border-basic) var(--main-color);
}
.location-card:hover{
outline: var(--border-basic) var(--main-color);
}
.location-image figure{
height: 200px;
}
.location-image figure img{
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
object-position: center center;
border-radius: var(--border-r-15);
}
.location-info{
padding: var(--s-20-clamp);
}
.location-name h4{
font-size: var(--font-h5-clamp);
font-weight: 500;
}
.location-details{
gap: 10px;
display: flex;
margin-top: 15px;
flex-direction: column;
}
.location-address,
.location-phone,
.location-link{
gap: 10px;
display: flex;
align-items: center;
}
.location-address svg,
.location-phone svg,
.location-link svg{
width: 20px;
height: 20px;
}
.location-address p,
.location-phone a{
font-size: var(--font-p-clamp);
text-decoration: none;
color: var(--font-color);
}
.location-address p strong{
font-weight: 500;
color: var(--main-color);
}
.location-link a{
font-size: var(--font-p-clamp);
color: var(--main-color);
text-decoration: none;
}
.map-holder.one-location .location-wrapper{
display: flex;
gap: var(--gap-30-clamp);
}
.map-holder.one-location .location-wrapper .location-holder{
flex: 25%;
}
.map-holder.one-location .location-wrapper #map{
flex: 75%;
height: 380px;
border-radius: var(--border-r-15);
margin: 0;
}
/* Map */
#map{
position: relative;
height: 500px;
width: var(--width-100);
margin-top: var(--s-50-clamp);
}
#map .gmnoprint.gm-style-mtc-bbw{
display: none;
}
.gm-ui-hover-effect span{
margin: 15px 0 0 3px !important;
}
/* Cat grid */
.cat-grid__heading{
margin-bottom: var(--s-30-clamp);
}
.cat-grid__heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--main-color);
}
.cat-grid__wrapper {
gap: 15px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.cat-grid__item a {
gap: 10px;
display: flex;
align-items: center;
text-decoration: none;
padding: var(--s-20-clamp);
border-radius: var(--border-r-15);
transition: var(--basic-transition);
background-color: var(--white-color);
border: var(--border-basic) var(--white-color);
}
.cat-grid__item mark.count{
display: none;
}
.cat-grid__item a:hover {
border: var(--border-basic) var(--main-color);
}
.cat-grid__item img {
width: 40px;
height: 40px;
}
.cat-grid__item h2,
.cat-grid__item h3 {
font-size: var(--font-p-clamp);
font-weight: 500;
color: var(--font-color);
}
/* Info block */
:root{
--info-block-image-h-clamp: 300px 550px;
}
.info-block {
position: relative;
}
.info-block-left .site-row {
flex-direction: row-reverse;
}
.info-block-content .info-block-subtitle {
margin-bottom: 15px;
}
.info-block-content .info-block-subtitle h5 {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.info-block-content h2 {
font-size: var(--font-h2-clamp);
margin: 0 0 var(--s-50-clamp) 0;
}
.info-block-content .site-button a{
margin-top: var(--s-50-clamp);
}
.info-block-content p{
font-size: 18px;
line-height: 1.6;
margin-bottom: 15px;
}
.info-block-content p:last-of-type {
margin-bottom: 0;
}
.info-block-content ul{
gap: 10px;
display: flex;
flex-direction: column;
padding: 0;
list-style: none;
margin: var(--s-25-clamp) 0 0 0;
}
.info-block-content ul li{
gap: 10px;
font-size: 16px;
align-items: center;
display: inline-flex;
justify-content: center;
}
.info-block-content ul li::after,
.info-block-content ul li::before{
content: '';
display: block;
width: 10px;
height: 10px;
background: url('data:image/svg+xml,') no-repeat center center / contain;
}
.info-block-image {
position: relative;
height: 500px;
}
.info-block-image img {
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
border-radius: 15px;
object-position: center center;
}
/* Home Hero */
.site-hero{
position: relative;
}
.site-hero__background-image figure{
position: relative;
height: 700px;
}
.site-hero__background-image figure::before{
position: absolute;
content: '';
inset: 0;
width: var(--width-100);
height: var(--height-100);
background-color: rgba(0, 0, 0, 0.3);
}
.site-hero__background-image figure img{
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
object-position: center center;
}
.site-hero__content{
position: absolute;
top: 50%;
left: 0;
right: 0;
width: var(--width-100);
transform: var(--transform-Y50);
}
.site-hero__caption{
color: var(--white-color);
}
.hero-desc{
margin-top: 25px;
}
.hero-desc p{
font-size: 18px;
line-height: 1.6;
}
.hero-title h1{
font-size: var(--font-h1-clamp);
line-height: var(--font-h1-clamp);
font-weight: 500;
}
.site-hero__timer p{
margin-top: 0;
font-size: 18px;
}
.site-hero__timer{
gap: 10px;
display: flex;
flex-direction: column;
margin: var(--s-30-clamp) 0;
}
.site-hero__timer .timer{
gap: 10px;
display: flex;
}
.site-hero__timer .timer-holder{
border-radius: var(--border-r-10);
background-color: rgba(255, 255, 255, 0.25);
}
.site-hero__timer .timer-holder span.timer-count{
height: 60px;
width: 60px;
border-radius: var(--border-r-10);
background-color: var(--main-color);
color: var(--white-color);
font-size: var(--font-h4-clamp);
font-weight: 500;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
}
.site-hero__timer .timer-holder p{
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
font-size: 14px;
font-weight: 500;
text-align: center;
margin: 0;
color: var(--white-color);
}
.site-hero__btn{
display: flex;
margin-top: 15px;
justify-content: flex-start;
}
.site-hero .swiper-prev,
.site-hero .swiper-next{
width: 45px;
height: 45px;
z-index: 1 !important;
border-radius: var(--border-r-50);
background-color: var(--main-color);
}
.site-hero .swiper-prev{
left: 30px;
}
.site-hero .swiper-next{
right: 30px;
}
.site-hero .swiper-prev::after{
z-index: 1;
width: 9px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-image: url('assets/images/arrow-prev.svg') !important;
}
.site-hero .swiper-next::after{
width: 9px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-image: url('assets/images/arrow-next.svg') !important;
}
.site-hero .swiper-button-prev:after,
.site-hero .swiper-rtl .swiper-button-next:after,
.site-hero .swiper-button-next:after,
.site-hero .swiper-rtl .swiper-button-prev:after {
content: 'none';
}
.site-hero .swiper-pagination {
margin: 0 !important;
bottom: 25px !important;
}
.site-hero .swiper-pagination-bullet {
opacity: 0.5;
margin: 0 7px !important;
background: var(--white-color);
}
.site-hero .swiper-pagination-bullet-active {
opacity: 1;
background: var(--white-color);
}
/* Logo Marque */
.logo-marque{
display: flex;
overflow: hidden;
flex-direction: column;
}
.logo-marque__heading{
gap: 15px;
display: flex;
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
margin-bottom: var(--s-50-clamp);
}
.logo-marque__subtitle h5{
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.logo-marque__heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--main-color);
}.logo-marque__content-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
overflow: hidden;
position: relative;
}
.logo-marque__content-wrapper:before,
.logo-marque__content-wrapper:after {
content: '';
position: absolute;
top: 0;
width: 10rem;
height: 100%;
z-index: 1;
}
.logo-marque__content-wrapper:before {
left: 0;
background: linear-gradient(to right, #fff 0%, transparent 100%);
}
.logo-marque__content-wrapper:after {
right: 0;
background: linear-gradient(to left, #fff 0%, transparent 100%);
}
.logo-marque__content {
display: flex;
gap: 10px;
white-space: nowrap;
}
.logo-marque__content:first-child {
animation: marquee-left 20s linear infinite;
}
.logo-marque__content:last-child {
animation: marquee-right 20s linear infinite;
}
.logo-marque__content-item {
display: inline-flex;
align-items: center;
padding: 0 var(--s-50-clamp);
justify-content: center;
}
.logo-marque__content-item figure {
height: 130px;
}
.logo-marque__content-item figure img {
width: auto;
object-fit: contain;
filter: grayscale(100%);
transition: filter 0.3s ease;
}
.logo-marque__content-item figure img:hover {
filter: grayscale(0%);
}
@keyframes marquee-left {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@keyframes marquee-right {
0% { transform: translateX(-50%); }
100% { transform: translateX(0); }
}
.logo-marque__btn{
display: none !important;
}
.logo-marque__btn {
gap: var(--gap-15-clamp);
display: flex;
align-items: center;
justify-content: center;
}
.logo-marque__btn{
margin-top: var(--s-50-clamp);
}
.logo-marque__btn .site-button a{
background-color: var(--white-color);
border: var(--border-basic) rgba(20, 40, 2, 0.40);
}
.logo-marque__btn .site-button a span{
color: var(--main-color);
}
.logo-marque__btn .site-button a:hover{
border-color: var(--main-color);
background-color: var(--main-color);
}
.logo-marque__btn .site-button a:hover span{
color: var(--white-color);
}
/* Page bottom cta */
.page-bottom-cta {
position: relative;
}
.page-bottom-cta::after{
position: absolute;
content: '';
inset: 0;
width: var(--width-100);
height: var(--height-100);
background-color: rgba(0, 0, 0, 0.4)
}
.page-bottom-cta-image {
height: 500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.page-bottom-cta-caption {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
z-index: 8;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-bottom-cta-content {
max-width: 80%;
margin: 0 auto;
color: var(--white-color);
}
.page-bottom-cta-content h2 {
font-size: var(--font-h1-clamp);
font-weight: 500;
margin-bottom: 15px;
}
.page-bottom-cta-content p{
font-size: 18px;
line-height: 1.6;
margin-bottom: 10px;
}
.page-bottom-cta-content p:last-of-type{
margin-bottom: 0;
}
.page-bottom-cta-button{
margin-top: 25px;
}
/* Icon Boxes */
.icons-block .icons-block-heading h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
text-align: center;
margin-bottom: 15px;
color: var(--main-color)
}
.icons-block .icons-block-heading p{
font-size: var(--font-h5-clamp);
text-align: center;
}
.icons-block .icons-block-list{
gap: 15px;
display: grid;
margin-top: var(--s-50-clamp);
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.icon-block-item{
display: flex;
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
padding: var(--s-25-clamp);
border-radius: var(--border-r-15);
background-color: #f5f5f5;
}
.icon-block-item .icon-block-image figure{
width: 100px;
height: 100px;
}
.icon-block-item .icon-block-image figure img{
width: var(--width-100);
height: var(--height-100);
object-fit: contain;
object-position: center center;
}
.icon-block-item .icon-block-content h3{
font-size: var(--font-h4-clamp);
font-weight: 500;
margin: 30px 0 15px;
}
.icon-block-item .icon-block-content p{
font-size: 18px;
line-height: 1.6;
color: #51564F;
}
.icons-block.icons-block-second-style .icons-block-list{
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}
.icons-block.icons-block-second-style .icons-block-list .icon-block-item{
display: flex;
align-items: center;
gap: 25px;
background-color: var(--white-color);
}
.icons-block.icons-block-second-style .icons-block-list .icon-block-item .icon-block-content h3{
font-size: var(--font-h4-clamp);
margin-top: 0;
margin-bottom: 15px;
}
/* Section CTA */
.section-cta{
position: relative;
border-radius: var(--border-r-15);
background-color: var(--white-color);
overflow: hidden;
}
.section-cta__line{
color: var(--main-color);
position: absolute;
top: 0;
left: 0;
right: 0;
transform: rotate(-2deg);
padding: 10px 0;
width: max-content;
background-color: var(--white-color);
}
.section-cta__line-wrapper {
display: inline-block;
white-space: nowrap;
animation: marquee 30s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.section-cta__line span{
font-size: var(--font-14px-clamp);
font-weight: 600;
color: var(--main-color);
}
.section-cta__content-holder{
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--main-color);
padding: 0 var(--s-30-clamp) 0 var(--s-50-clamp);
}
.section-cta__content{
width: 40%;
display: flex;
padding-top: 50px;
flex-direction: column;
}
.section-cta__content-image{
width: 60%;
}
.section-cta__content-image figure{
height: 500px;
}
.section-cta__content-image img{
object-fit: contain;
}
.section-cta__content h5{
font-size: 18px;
font-weight: 500;
color: var(--white-color);
}
.section-cta__content h2{
font-size: var(--font-h1-clamp);
font-weight: 700;
color: var(--white-color);
}
.section-cta__content-label{
display: inline-flex;
}
.section-cta__content-label p{
font-size: 16px;
font-weight: 500;
color: var(--white-color);
padding: 10px 15px;
border-radius: 15px;
background-color: #2E2E2E;
}
.section-cta__content-btn{
width: max-content;
margin-top: var(--s-25-clamp);
}
.section-cta__content-btn .btn{
background-color: var(--white-color);
}
.section-cta__content-btn .btn span{
color: var(--main-color);
}
.section-cta__image figure{
height: 450px;
}
.section-cta__image figure img{
border-radius: var(--border-r-15);
}
/* Gallery */
:root{
--gallery-image-h-clamp: 150px 600px;
--gallery-image-h-button-clamp: 35px 50px;
}
.gallery{
position: relative;
}
.gallery-heading{
gap: 15px;
display: flex;
text-align: center;
align-items: center;
margin-bottom: var(--s-50-clamp);
flex-direction: column;
justify-content: center;
}
.gallery-heading h5{
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
color: var(--main-color);
}
.gallery-heading h2{
color: var(--main-color);
font-size: var(--font-h2-clamp);
font-weight: 500;
}
.gallery-heading p{
font-size: 18px;
line-height: 1.6;
}
.gallery-holder{
gap: var(--gap-15-clamp);
display: grid;
}
.gallery-holder.gallery-holder-1-column{
grid-template-columns: repeat(1, 1fr);
}
.gallery-holder.gallery-holder-2-column{
grid-template-columns: repeat(2, 1fr);
}
.gallery-holder.gallery-holder-3-column{
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.gallery-holder.gallery-holder-4-column{
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.gallery-holder.gallery-holder-5-column{
grid-template-columns: repeat(5, 1fr);
}
.gallery-holder.gallery-holder-6-column{
grid-template-columns: repeat(6, 1fr);
}
.gallery-holder.gallery-holder-7-column{
grid-template-columns: repeat(7, 1fr);
}
.gallery-holder.gallery-holder-8-column{
grid-template-columns: repeat(8, 1fr);
}
.gallery-holder.gallery-holder-9-column{
grid-template-columns: repeat(9, 1fr);
}
.gallery-holder.gallery-holder-10-column{
grid-template-columns: repeat(10, 1fr);
}
.gallery-holder.gallery-holder-11-column{
grid-template-columns: repeat(11, 1fr);
}
.gallery-holder.gallery-holder-12-column{
grid-template-columns: repeat(12, 1fr);
}
.gallery .gallery-button{
display: flex;
align-items: center;
justify-content: center;
}
/* .gallery-item a{
pointer-events: none;
} */
.gallery .gallery-item-video,
.gallery .gallery-item figure{
height: 550px;
}
.gallery .gallery-item-video video,
.gallery .gallery-item figure img{
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
object-position: center center;
border-radius: var(--border-r-15);
}
.video-holder{
height: auto;
border-radius: 15px;
}
.video-holder video{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 15px;
object-position: center center;
}
/* About Block */
:root{
--about-block-image-h-clamp: 350px 550px;
}
.about-block__holder-image{
height: var(--about-block-image-h-clamp);
}
.about-block__holder-image img{
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
object-position: center center;
border-radius: var(--border-r-5);
}
.about-block__holder{
display: grid;
align-items: center;
gap: var(--gap-120-clamp);
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.about-block__holder-wrapper{
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--gap-25-clamp);
}
.about-block__wrapper-item{
display: flex;
flex-direction: column;
}
.about-block__wrapper-item-heading{
margin-bottom: 15px;
}
.about-block__wrapper-item-heading h4{
font-size: var(--font-h4-clamp);
}
.about-block__wrapper-item-desc{
padding-bottom: var(--s-25-clamp);
border-bottom: var(--border-basic) rgba(0, 0, 0, 0.05);
}
.about-block__holder-wrapper .about-block__wrapper-item:last-of-type .about-block__wrapper-item-desc{
padding: 0;
border: 0;
}
.about-block__wrapper-item-desc p{
line-height: normal;
color: rgba(1, 1, 1, 0.60);
}
/* FAQ Page element */
.vc_toggle_icon{
left: auto !important;
right: 0 !important;
}
.vc_do_toggle{
margin-bottom: 15px !important;
padding: 20px !important;
border-radius: 20px !important;
background-color: #ffffff !important;
}
.vc_toggle_title{
padding-left: 0 !important;
}
.vc_toggle_title h4{
font-size: 20px !important;
font-weight: 500 !important;
}
.vc_toggle_content{
padding-left: 0 !important;
margin-bottom: 0 !important;
}
.vc_toggle_content strong{
font-weight: 400 !important;
}
.vc_toggle_content p,
.vc_toggle_content ul{
font-size: 18px;
margin-bottom: 15px !important;
}
.vc_toggle_content p{
line-height: 1.6;
}
.vc_toggle_content li{
font-size: 18px;
line-height: 1.6;
margin-bottom: 10px !important;
}
.vc_toggle_content p:last-of-type,
.vc_toggle_content li:last-of-type{
margin-bottom: 0 !important;
}
.vc_toggle_content h4{
color: var(--main-color);
font-weight: 500;
font-size: 16px;
margin-bottom: 10px;
}
.vc_toggle_simple .vc_toggle_icon:after, .vc_toggle_simple .vc_toggle_icon:before{
background-color: var(--main-color) !important;
}
.vc_toggle_size_md .vc_toggle_icon:before{
height: 1.5px !important;
width: 15px !important;
}
.vc_toggle_size_md .vc_toggle_icon:after {
height: 15px !important;
width: 1.5px !important;
}
/* ============================================== */
/* ================ Woo styles =============== */
/* ============================================== */
/* Shop Pagination */
.woocommerce nav.woocommerce-pagination ul{
display: flex;
border: none;
margin: 70px 0 0 0;
align-items: center;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
display: flex;
padding: 0;
align-items: center;
justify-content: center;
color: var(--black-color);
font-size: 14px;
font-weight: 500;
margin: 0 10px;
width: 30px;
height: 30px;
text-align: center;
text-decoration: none;
border-radius: var(--border-r-50);
background-color: var(--bg-color);
}
.woocommerce nav.woocommerce-pagination ul li{
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
color: var(--white-color);
background-color: var(--main-color);
}
.woocommerce nav.woocommerce-pagination ul li a.prev{
text-indent: -99999px;
background-size: 8px 14px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
.woocommerce nav.woocommerce-pagination ul li a.prev:hover{
background-image: url('data:image/svg+xml,');
}
.woocommerce nav.woocommerce-pagination ul li a.next{
text-indent: -99999px;
background-size: 8px 14px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,');
}
.woocommerce nav.woocommerce-pagination ul li a.next:hover{
background-image: url('data:image/svg+xml,');
}
/* Ordering */
.shop-content .shop-sidebar-mobile-filter{
display: none;
}
.shop-content .shop-sidebar-mobile-filter span{
font-size: 14px;
font-weight: 500;
}
.products-sorting-holder{
gap: 10px;
display: flex;
align-items: center;
}
.products-sorting-holder p{
font-size: 16px;
color: #808080;
}
.woocommerce .woocommerce-ordering{
display: flex;
align-items: center;
position: relative;
padding: 0 var(--s-10-clamp);
margin: 0;
height: 35px;
color: var(--font-color);
border-radius: var(--border-r-10);
background-color: var(--white-color);
border: var(--border-basic) rgba(20, 40, 2, 0.2);
}
.woocommerce-ordering select {
color: var(--font-color);
cursor: pointer;
font-size: 15px;
font-weight: 400;
border: none;
background-color: transparent;
}
.woocommerce-ordering svg {
position: absolute;
pointer-events: none;
top: 14px;
right: 10px;
width: auto;
height: 6px;
}
.products-sorting-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.products-sorting-inner p.woocommerce-result-count{
font-size: 16px;
color: #808080;
margin: 0;
}
.products-sorting-inner p.woocommerce-result-count span{
font-weight: 500;
color: var(--main-color);
}
.products-sorting{
padding: 0 0 var(--s-30-clamp) 0;
}
/* Whislist */
.custom-wishlist.woocommerce ul.products{
grid-template-columns: repeat(4, 1fr);
}
.custom-wishlist {
padding-bottom: var(--s-70-clamp);
}
/* Single Product */
.single-product-breadcrumbs{
padding-top: 35px;
background-color: var(--bg-color);
}
.site-single-product-info{
padding-top: 35px;
padding-bottom: var(--s-70-clamp);
background-color: var(--bg-color);
}
.product-latina-title{
margin-bottom: 10px;
}
.product-latina-title p{
font-size: 14px;
font-weight: 500;
color: #999999;
text-transform: uppercase;
}
.woocommerce div.product h1.product_title{
color: var(--main-color);
font-size: var(--font-h2-clamp);
font-weight: 500;
margin-bottom: 20px;
}
.woocommerce div.product div.images {
width: 100%;
float: none;
margin: 0;
}
.woocommerce div.product div.summary{
margin: 0 0 0 10%;
position: relative;
width: 100%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
padding-left: 15px;
padding-right: 15px;
}
.woocommerce div.product div.summary .product-price .price del bdi{
font-size: 18px !important;
color: var(--main-color) !important;
}
.woocommerce div.product div.summary .product-price .price del span{
font-size: 18px !important;
}
.woocommerce div.product div.summary .product-price .price bdi{
color: #142802 !important;
font-size: 28px !important;
font-weight: 500;
}
.woocommerce div.product div.summary .product-stock {
display: flex;
color: #4c596a;
font-size: 16px;
font-weight: 500;
align-items: center;
padding: 7px 15px;
border-radius: 100px;
background-color: #eef9fb
}
.product .product-price .price bdi {
font-size: 16px;
font-weight: 500;
color: rgba(0, 0, 0, 0.5) !important;
}
.woocommerce-product-details__short-description p {
margin-bottom: 25px !important;
color: rgba(0, 0, 0, 0.8) !important;
}
.woocommerce-product-details__short-description p strong{
color: var(--black-color);
}
.woocommerce-product-details__short-description p a {
display: inline-block;
color: var(--black-color);
}
/* Product Single Galerry */
.woocommerce div.product div.images .woocommerce-product-gallery__image img{
width: var(--width-100) !important;
height: auto;
object-fit: cover;
margin: 0 auto !important;
padding: 0 !important;
border-radius: var(--border-r-15);
object-position: center center;
}
.woocommerce div.product div.images {
margin: 0;
position: relative;
width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pswp--zoom-allowed .pswp__button--zoom,
.pswp--supports-fs .pswp__button--fs,
.pswp__caption{
display: none !important;
}
.woocommerce div.product div.images .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce div.product div.images .flex-nav-prev,
.woocommerce div.product div.images .flex-nav-next {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
z-index: 1;
transform: translateY(-50%);
}
.woocommerce div.product div.images .flex-nav-prev {
left: 15px;
}
.woocommerce div.product div.images .flex-nav-next {
right: 15px;
}
.woocommerce div.product div.images .flex-nav-prev a,
.woocommerce div.product div.images .flex-nav-next a {
display: flex;
align-items: center;
justify-content: center;
text-indent: -99999px;
font-size: 0;
margin: 0;
padding: 0;
width: 40px;
height: 40px;
border-radius: 50px;
background-color: var(--main-color);
}
.woocommerce div.product div.images .flex-nav-next a.flex-next::before {
content: '';
width: 10px;
height: 17px;
margin-right: -2px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 15'%3E%3Cpath d='M.602 14.531 7.572 7.5.602.469' stroke='%23fff' stroke-width='1.25'/%3E%3C/svg%3E");
}
.woocommerce div.product div.images .flex-nav-prev a.flex-prev::before {
content: '';
width: 10px;
height: 17px;
margin-left: -2px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 15'%3E%3Cpath d='M8.398 14.531 1.428 7.5 8.398.469' stroke='%23fff' stroke-width='1.25'/%3E%3C/svg%3E");
}
.woocommerce div.product div.images .flex-control-nav {
display: flex;
align-items: center;
justify-content: start;
padding: 0;
list-style: none;
margin: 10px 0 0 0;
}
.woocommerce div.product div.images .flex-control-nav li {
width: 60px;
height: 60px;
margin-right: 5px;
border-radius: 15px;
border: 1px solid #dedede;
background-color: transparent;
}
.woocommerce div.product div.images .flex-control-nav li img {
width: 100%;
height: 100%;
object-fit: cover;
margin: 0 auto;
border-radius: 10px;
}
.woocommerce div.product div.images .flex-control-nav li a {
display: block;
font-size: 0;
width: 8px;
height: 8px;
opacity: 0.5;
text-indent: -99999px;
border-radius: 50px;
background-color: #252a2f;
}
.woocommerce div.product div.images .flex-control-nav li a.flex-active {
opacity: 1;
}
/* Product card */
ul.products{
margin: 0;
padding: 0;
list-style: none;
}
.product-item{
margin: 1.5px;
display: flex;
flex-direction: column;
height: var(--height-100);
border-radius: var(--border-r-15);
background-color: var(--white-color);
outline: 1.5px solid #518C32;
}
.product-item-image figure{
height: 350px;
position: relative;
}
.product-item-image img.hover-image {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.4s ease;
z-index: 1;
}
.product-item-image:hover img.hover-image {
opacity: 1;
}
.woocommerce ul.products li.product a img,
.product-item-image figure img{
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
margin: 0;
object-position: center center;
border-radius: 15px 15px 0 0;
}
.product-item-details{
height: 100%;
gap: 15px;
display: flex;
flex-direction: column;
padding: var(--s-15-clamp);
}
.product-item-title h3.woocommerce-loop-product__title{
padding: 0 !important;
font-size: 20px !important;
font-weight: 500;
margin-bottom: 5px !important;
text-transform: uppercase;
}
.product-item-title h3.woocommerce-loop-product__title a{
color: var(--font-color);
text-decoration: none;
}
.product-item-title .product-item-lat-title{
color: var(--main-color);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.product .product-item-image figure .onsale {
display: none;
font-size: 14px;
color: var(--white-color);
padding: 5px 10px;
border-radius: 20px;
background-color: var(--black-color);
}
.product .product-item-details .woocommerce-loop-product__title h3 a {
font-size: 20px;
}
.product-item-price-holder{
display: flex;
margin-top: auto;
align-items: center;
justify-content: space-between;
}
.product-item-price-holder span{
font-size: 18px;
font-weight: 500;
}
.product-item-price .price{
gap: 10px;
margin: 0 !important;
display: flex;
align-items: center;
}
.product-item-price .price ins{
order: 1;
text-decoration: none;
}
.product-item-price .price bdi{
font-weight: 500 !important;
}
.product-item-price .price del{
order: 2;
text-decoration: none;
}
.product-item-price .price del bdi{
font-size: 15px !important;
color: var(--main-color) !important;
text-decoration: line-through !important;
}
.product-item-price .price del span{
font-size: 15px !important;
}
.product-item-price.variable-price .price{
flex-direction: row;
}
.product-item-price.variable-price .price span.woocommerce-Price-amount:first-of-type .woocommerce-Price-currencySymbol{
display: none !important;
}
.product-item-price.regular-price .price,
.product-item-price.variable-price .price{
font-size: var(--font-price-clamp) !important;
font-weight: 500 !important;
color: var(--black-color) !important;
}
.product-button a{
display: flex;
align-items: center;
justify-content: center;
height: 45px;
padding: 0 10px;
text-decoration: none;
border-radius: var(--border-r-10);
background-color: var(--main-color);
}
.product-button a:hover{
background-color: var(--hover-color);
}
.product-button a svg{
width: 25px;
height: 25px;
}
/* Quantity */
.quantity{
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--border-r-50);
background-color: var(--white-color);
border: var(--border-basic) rgba(1, 1, 1, 0.3);
}
.quantity span.minus,
.quantity span.plus{
cursor: pointer;
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
}
.quantity svg{
width: 25px;
height: auto;
}
.quantity svg path{
fill: var(--main-color);
}
.quantity .quantity-input{
width: 20px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.quantity input{
font-size: 15px;
font-weight: 500;
margin: 0;
padding: 0;
height: 30px;
width: 20px !important;
border: none;
text-align: center;
box-sizing: border-box;
-webkit-appearance: none;
background-color: transparent;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity input[type=number] {
-moz-appearance: textfield;
}
/* Shop Sidebar */
.site-sidebar{
padding: 20px;
border-radius: var(--border-r-10);
border: var(--border-basic) #2260AA10;
background-color: var(--bg-color);
}
.site-sidebar .wcpf-field-title{
color: var(--main-color);
font-size: var(--font-16px-clamp);
font-weight: 500;
padding: 0;
margin: 0;
text-transform: none;
}
.site-sidebar .wcpf-field-checkbox-list .wcpf-content{
padding: 0;
margin: 25px 0 0 0;
}
.site-sidebar .wcpf-checkbox-list .wcpf-checkbox-item{
margin-bottom: 20px;
}
.site-sidebar .wcpf-checkbox-list .wcpf-checkbox-item.checked span.wcpf-title{
color: var(--blue-color);
}
.site-sidebar .wcpf-checkbox-list .wcpf-checkbox-item:last-of-type{
margin-bottom: 0;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-item{
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #dedede;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-item:last-of-type{
margin: 0;
padding: 0;
border-bottom: none;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-button{
display: inline-block;
width: 100%;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-button .wcpf-button{
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--white-color);
font-size: var(--font-16px-clamp);
font-weight: 500;
height: 45px;
padding: 0 30px;
width: var(--width-100);
border-radius: var(--border-r-10);
text-decoration: none;
border: none;
background-color: var(--main-color);
}
.site-sidebar .wcpf-filter-inner .wcpf-field-button .wcpf-button:hover{
background-color: var(--hover-color);
}
.site-sidebar .wcpf-item-inner .wcpf-item-label{
position: relative;
display: flex !important;
}
.site-sidebar .wcpf-item-inner .wcpf-item-label .wcpf-title-container{
padding: 0;
margin: 0;
line-height: normal;
color: var(--font-color);
font-size: var(--font-14px-clamp);
font-weight: 500;
}
.site-sidebar .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container{
opacity: 1;
border: none;
background-color: var(--main-color);
}
.site-sidebar .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container::after{
content: '';
position: absolute;
right: auto;
left: 5px;
top: 8px;
width: 6px;
z-index: 2;
height: 10px;
border: solid #FFF;
border-width: 0 2px 2px 0;
margin: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
transform: rotate(45deg) translate(-50%, -50%);
}
.site-sidebar .wcpf-item-inner .wcpf-item-label .wcpf-input-container{
width: 18px;
height: 18px;
margin: 0 10px 0 0;
padding: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border-radius: 4px;
border: 1px solid #00000020;
background-color: var(--white-color);
}
.wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-children-container{
margin-top: 20px;
}
.wcpf-front-element.wcpf-hierarchical-collapsed .wcpf-item-hierarchical-collapsed .box-item-toggle{
top: 50%;
}
.site-sidebar .wcpf-field-price-slider .ui-slider .ui-slider-handle{
border: none;
box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.12), 0 0px 4px 0 rgba(0, 0, 0, 0.12);
}
.site-sidebar .wcpf-field-price-slider .wcpf-price-slider{
padding: 0;
margin: 0;
}
.site-sidebar .wcpf-field-price-slider .wcpf-price-slider.wcpf-heading-label{
margin-bottom: 25px;
}
.site-sidebar .wcpf-field-price-slider .ui-slider .ui-slider-handle{
top: -7px;
}
.site-sidebar .wcpf-field-price-slider .wcpf-price-slider .ui-widget-content{
background-color: rgba(60, 60, 67, 0.18);
height: 4px;
}
.site-sidebar .wcpf-field-price-slider .ui-slider-horizontal .ui-slider-range{
top: 50%;
height: 4px;
transform: var(--transform-Y50);
background-color: var(--main-color);
}
.site-sidebar .wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-min-input,
.site-sidebar .wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-max-input{
font-size: 16px;
font-weight: 400;
color: var(--black-color);
height: 35px;
padding: 0 20px;
border-radius: var(--border-r-50);
transition: var(--basic-transition);
border: 1px solid #dedede;
}
.site-sidebar .wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-min-input:focus,
.site-sidebar .wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-max-input:focus{
color: var(--main-color);
border-color: var(--main-color);
}
.site-sidebar .wcpf-field-item.wcpf-box-style.wcpf-box-hide .wcpf-heading-label .box-toggle,
.site-sidebar .wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle{
width: 25px;
height: 25px;
transition: var(--basic-transition);
}
.site-sidebar .wcpf-field-item.wcpf-box-style.wcpf-box-hide .wcpf-heading-label .box-toggle:before{
display: block;
content: '';
width: 25px;
height: 25px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
transition: var(--basic-transition);
}
.site-sidebar .wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle:before{
display: block;
content: '';
width: 25px;
height: 25px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
transition: var(--basic-transition);
}
.woocommerce div.product div.left-summary-side{
position: relative;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
width: var(--width-100);
padding-right: 15px;
padding-left: 15px;
}
.woocommerce div.product div.left-summary-side{
top: 20px;
position: sticky;
height: var(--height-100);
}
.woocommerce div.product div.left-summary-side span.onsale{
display: none;
}
/* Shop Category*/
.woocommerce ul.products li.product-category.product .woocommerce-loop-category__title{
text-align: center;
}
.woocommerce ul.products li.product-category.product .category-button{
display: flex;
margin-top: 25px;
position: relative;
align-items: center;
justify-content: center;
}
.woocommerce ul.products li.product-category.product .category-button:hover span{
background-color: var(--hover-color);
}
.woocommerce ul.products li.product-category.product .category-button span{
font-size: 16px;
font-weight: 600;
color: var(--white-color);
cursor: pointer;
height: 55px;
display: flex;
padding: 0 30px;
align-items: center;
text-decoration: none;
justify-content: center;
border-radius: var(--border-r-10);
transition: var(--basic-transition);
background-color: var(--main-color);
}
/* Shop */
.shop-header-default{
padding-top: var(--s-25-clamp);
padding-bottom: var(--s-25-clamp);
margin-bottom: var(--s-70-clamp);
background-color: var(--bg-color);
}
.shop-header-default h1{
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--main-color);
margin-top: 10px;
}
/* .woocommerce-order-received .woocommerce table.shop_table tfoot,
.woocommerce table.shop_table tbody .product-total,
.woocommerce table.shop_table tfoot tr.order-total{
display: none !important;
} */
.shop-content-holder{
padding-bottom: var(--s-70-clamp);
}
.shop-content-holder-categories ul.products{
grid-template-columns: repeat(4, 1fr) !important;
}
.shop-content-holder-categories .cat-grid__item a{
background-color: var(--bg-color);
}
.woocommerce ul.products li.product-category .count, .woocommerce-page ul.products li.product-category .count {
display: none;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: none;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
display: grid;
gap: var(--gap-15-clamp);
grid-template-columns: repeat(3, 1fr);
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
display: flex;
flex-direction: column;
position: relative;
float: none !important;
width: 100% !important;
margin: 0 !important;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0;
padding: 0;
}
.woocommerce div.product form.cart div.quantity {
display: flex;
align-items: center;
justify-content: center;
position: relative;
float: none;
padding: 0 10px;
margin: 0 10px 0 0;
width: auto;
height: 50px;
border-radius: 100px;
border: 1px solid #e4e7ea
}
.woocommerce div.product form.cart div.quantity input {
pointer-events: none;
font-size: 15px;
font-weight: 500;
margin: 0;
padding: 0;
height: 35px;
width: 35px !important;
border: none;
text-align: center;
background-color: transparent;
}
.woocommerce div.product form.cart div.quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce div.product form.cart div.quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.woocommerce div.product form.cart div.quantity input::-webkit-outer-spin-button,
.woocommerce div.product form.cart div.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important
}
.woocommerce div.product form.cart div.quantity input[type=number] {
-moz-appearance: textfield !important
}
.woocommerce div.product form.cart div.quantity span.minus,
.woocommerce div.product form.cart div.quantity span.plus {
padding: 0 5px;
cursor: pointer;
display: flex;
width: 30px;
height: 100%;
align-items: center;
justify-content: center
}
.woocommerce div.product form.cart div.quantity svg {
width: 20px;
height: auto;
}
.woocommerce div.product form.cart div.quantity .quantity-input {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce div.product form.cart div.quantity .qty-suff {
color: #939393;
font-size: 14px;
font-weight: 500
}
.woocommerce div.product form.cart .button{
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 500;
width: 100%;
height: 50px;
border: none;
padding: 0;
letter-spacing: 0.5px;
margin: 0;
border-radius: 50px;
text-decoration: none;
color: #fff !important;
text-transform: uppercase;
background-color: var(--main-color);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.woocommerce div.product form.cart .button:hover{
background-color: var(--hover-color);
}
.woocommerce div.product form.cart {
display: flex;
margin: 20px 0 0 0;
margin-bottom: 0;
align-items: center;
justify-content: center;
}
.woocommerce div.product.is-variable .product-price,
.woocommerce div.product.is-variable .variations_form{
display: none;
}
/* Related products */
.related.products{
padding: var(--s-50-clamp) 0;
background-color: var(--bg-color)
}
.related.products h2 {
color: var(--main-color);
font-size: var(--font-h2-clamp);
font-weight: 500;
margin-bottom: var(--s-30-clamp);
text-align: center;
}
.related ul.products{
grid-template-columns: repeat(4, 1fr);
}
/* Checkout & Billing Page */
.woocommerce-terms-and-conditions-wrapper {
padding: var(--s-30-clamp) 0 0 0;
margin-bottom: 15px;
}
.woocommerce-checkout .blockUI.blockOverlay {
opacity: 1 !important;
background: rgba(255, 255, 255, 0.5) !important;
}
.woocommerce-checkout .woocommerce-checkout-payment .blockUI.blockOverlay {
display: none !important;
}
.woocommerce-NoticeGroup-checkout {
display: none !important;
}
.woocommerce-checkout .page-content {
padding-bottom: var(--s-70-clamp);
}
.woocommerce-checkout .woocommerce-error {
color: #e6130f;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
}
.woocommerce-checkout .woocommerce-error strong {
font-weight: 400;
}
.woocommerce-checkout .woocommerce-error::before,
.woocommerce-checkout .woocommerce-error::after {
content: none;
}
.woocommerce-checkout .bottom-header,
.woocommerce-account .bottom-header {
border-bottom: 1px solid #c4c4c4;
}
#add_payment_method .payment-row div.payment_box,
.woocommerce-cart .payment-row div.payment_box,
.woocommerce-checkout .payment-row div.payment_box {
font-size: 16px;
color: #1c1c1f;
margin: 0;
border-radius: 0;
padding: 0;
background-color: transparent;
}
#add_payment_method .payment-row div.payment_box::before,
.woocommerce-cart .payment-row div.payment_box::before,
.woocommerce-checkout .payment-row div.payment_box::before {
content: none !important;
}
.woocommerce-checkout .payment-row div.payment_box p {
display: none;
}
.woocommerce .woocommerce-checkout h3 {
font-size: var(--font-h4-clamp);
font-weight: 500;
margin: 0 0 var(--s-20-clamp) 0;
padding: 0;
}
.woocommerce .woocommerce-checkout .form-row {
margin: 0;
padding: 0 0 35px 0;
display: block;
flex-wrap: nowrap;
}
.woocommerce-checkout .checkout .col-2 .notes{
padding: 0;
}
.woocommerce .woocommerce-checkout .form-row#billing_person_type_field{
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.woocommerce .woocommerce-checkout .form-row#billing_person_type_field span.woocommerce-input-wrapper{
gap: var(--gap-30-clamp);
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.woocommerce .woocommerce-checkout .form-row#billing_person_type_field input[type="radio"] {
display: none !important;
}
.woocommerce .woocommerce-checkout .form-row#billing_person_type_field label {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
font-weight: 500;
padding: 0 15px;
margin: 0;
cursor: pointer;
background-color: var(--white-color);
transition: var(--basic-transition);
border-radius: var(--border-r-10);
border: var(--border-basic) rgba(20, 40, 2, 0.15);
}
.woocommerce .woocommerce-checkout .form-row#billing_person_type_field input[type="radio"]:checked + label {
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
.woocommerce .woocommerce-checkout .form-row#billing_person_type_field label span.optional{
display: none;
}
.woocommerce .woocommerce-checkout label {
color: var(--black-color);
display: inline-block;
font-size: var(--font-p-clamp);
font-weight: 400;
margin-bottom: 10px;
line-height: normal !important;
}
.woocommerce-checkout .payment-row ul.payment_methods::before,
.woocommerce-checkout .payment-row ul.payment_methods::after{
content: none;
}
.woocommerce .woocommerce-checkout label span.required {
color: rgba(217, 45, 50, 1);
font-size: 12px;
}
.woocommerce .woocommerce-checkout input.input-text {
height: 45px;
line-height: 45px !important;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 0 15px;
width: 100%;
border: none;
border-radius: var(--border-r-10);
background-color: var(--white-color);
}
.woocommerce .woocommerce-checkout .woocommerce-input-wrapper textarea.input-text {
height: 150px !important;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 15px;
width: 100%;
resize: none;
border: none;
border-radius: var(--border-r-10);
background-color: var(--white-color);
}
.select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--single {
position: relative;
height: 45px;
line-height: 45px;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 0 15px;
border: none;
width: var(--width-100);
border-radius: var(--border-r-10);
background-color: var(--white-color);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0;
margin: 0;
color: #0f0f0f;
line-height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--white-color) transparent transparent transparent;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 19px;
width: auto;
height: 45px;
}
.select2-dropdown {
border: none;
border-radius: 0;
background-color: var(--bg-color);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
padding: 5px 15px;
border: none;
border-radius: 0;
background-color: var(--bg-color);
}
.select2-search--dropdown {
padding: 0 15px;
}
.select2-results__option {
font-size: 16px;
font-weight: 400;
padding: 5px 10px;
margin: 0 5px;
border-radius: 8px;
}
.woocommerce form .form-row .required {
color: var(--main-color);
font-size: 12px;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #000000;
}
.woocommerce-password-strength.bad,
.woocommerce-password-strength.short {
color: var(--white-color);
font-size: 16px;
font-weight: 500;
border-radius: 8px;
margin-top: 5px;
background-color: #e6130f;
border-color: #e6130f;
}
.woocommerce-password-strength.good {
color: #1c1c1f;
font-size: 16px;
font-weight: 500;
border-radius: 8px;
margin-top: 5px;
background-color: #fede01;
border-color: #fede01;
}
.woocommerce-password-strength.strong {
color: var(--white-color);
font-size: 16px;
font-weight: 500;
border-radius: 8px;
margin-top: 5px;
background-color: #1ada43;
border-color: #1ada43;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
top: 10px;
right: 15px;
}
.select2-container--default .select2-results__option[aria-selected='true'],
.select2-container--default .select2-results__option[data-selected='true'] {
color: var(--white-color);
background-color: var(--main-color);
}
.select2-container.select2-container--open .select2-dropdown--below{
border-color: var(--white-color);
}
#add_payment_method .payment-row,
.woocommerce-cart .payment-row,
.woocommerce-checkout .payment-row {
margin: 0;
border: none;
padding-top: var(--s-30-clamp);
border-top: var(--border-basic) #ddd;
background: var(--bg-color);
}
#add_payment_method .payment-row ul.payment_methods li img,
.woocommerce-cart .payment-row ul.payment_methods li img,
.woocommerce-checkout .payment-row ul.payment_methods li img {
height: 20px;
margin: 0 0 0 10px;
}
.woocommerce-checkout .payment-row ul.payment_methods li {
line-height: normal;
font-size: 18px;
}
.woocommerce-checkout .payment-row ul.payment_methods li label {
cursor: pointer;
margin-bottom: 0;
}
#add_payment_method .payment-row ul.payment_methods,
.woocommerce-cart .payment-row ul.payment_methods,
.woocommerce-checkout .payment-row ul.payment_methods {
padding: 0;
margin: 0;
border: none;
}
.woocommerce-checkout .payment-row ul.payment_methods li input {
cursor: pointer;
margin-right: 5px !important;
}
.woocommerce-checkout ul.payment_methods{
display: flex;
list-style-type: none;
gap: var(--gap-10-clamp);
}
.woocommerce-checkout ul.payment_methods li{
margin: 0;
line-height: normal;
}
.woocommerce-checkout .payment-row ul.payment_methods li input{
display: none !important;
}
.woocommerce-checkout .payment_methods label {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 15px;
margin: 0;
cursor: pointer;
background-color: var(--white-color);
transition: var(--basic-transition);
border-radius: var(--border-r-10);
border: var(--border-basic) rgba(20, 40, 2, 0.15);
}
.woocommerce-checkout .payment_methods input[type="radio"]:checked + label {
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
.woocommerce table.shop_table {
padding: 0;
border: none;
margin: 0;
border-radius: 10px;
}
.woocommerce table.shop_table strong {
font-weight: 400;
}
.woocommerce table.shop_table tbody {
display: block;
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #e1e1e1;
}
.woocommerce table.shop_table thead {
display: none;
}
.woocommerce table.shop_table thead th {
padding: 15px 25px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.woocommerce table.shop_table tbody tr.cart_item {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 15px;
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot label {
font-size: 16px !important;
font-weight: 500 !important;
font-style: var(--primary-font);
}
.woocommerce table.shop_table tfoot tr {
gap: 15px;
display: flex;
margin: var(--s-30-clamp) 0;
flex-direction: column;
}
.woocommerce table.shop_table tfoot tr.woocommerce-shipping-row{
flex-direction: row;
justify-content: space-between;
margin: 0;
padding-top: var(--s-30-clamp);
border-top: var(--border-basic) #ddd;
}
.woocommerce table.shop_table tfoot tr.woocommerce-shipping-row th{
font-size: var(--font-h5-clamp) !important;
}
.woocommerce table.shop_table tfoot tr.woocommerce-shipping-row span.amount bdi{
color: var(--main-color);
}
.woocommerce table.shop_table tfoot tr.luxgarden-free-shipping-row{
margin-bottom: 0;
}
.woocommerce table.shop_table tfoot tr.order-total{
margin: 15px 0 0 0;
border: none;
padding: 0;
}
.woocommerce table.shop_table tfoot tr.order-total th{
font-size: var(--font-h4-clamp) !important;
}
.woocommerce table.shop_table tfoot tr.order-total span.amount bdi{
color: var(--main-color);
font-size: var(--font-h4-clamp);
}
.woocommerce ul#shipping_method{
gap: 10px;
display: flex;
flex-wrap: wrap;
}
.woocommerce ul#shipping_method li{
margin: 0;
line-height: normal;
}
.woocommerce ul#shipping_method li:nth-child(3){
width: var(--width-100);
}
.woocommerce table.shop_table tfoot tr #shipping_method input[type="radio"] {
display: none !important;
}
.woocommerce table.shop_table tfoot tr #shipping_method label {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 15px;
margin: 0;
cursor: pointer;
background-color: var(--white-color);
transition: var(--basic-transition);
border-radius: var(--border-r-10);
border: var(--border-basic) rgba(20, 40, 2, 0.15);
}
.woocommerce table.shop_table tfoot tr #shipping_method label:has(span.amount) span.amount{
margin-left: 5px;
}
.woocommerce table.shop_table tfoot tr #shipping_method input[type="radio"]:checked + label {
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
.woocommerce table.shop_table .free-shipping-progress{
background-color: #ffffff;
}
p.shipping-method-description {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 45px;
padding: 0 var(--s-25-clamp);
margin-top: var(--s-20-clamp);
border-radius: var(--border-r-20);
background-color: var(--white-color);
}
p.shipping-method-description::before{
position: absolute;
content: '';
top: -10px;
z-index: 1;
left: 20px;
width: 21px;
height: 12px;
background: url('data:image/svg+xml,') no-repeat center center / contain;
}
.order-total {
font-weight: bold;
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #ddd;
}
.order-total th, .order-total td {
padding: 10px 0;
}
.woocommerce ul#shipping_method .amount{
color: var(--gray-color);
font-weight: 600 !important;
}
.woocommerce table.shop_table tfoot .shipping-details{
color: var(--gray-color);
font-weight: 500;
margin-bottom: 20px;
}
.woocommerce table.shop_table tbody .product-name {
display: flex;
align-items: center;
padding: 0 0 0 10px;
color: var(--black-color);
font-size: 16px;
font-weight: 400;
}
.woocommerce table.shop_table tbody .product-name p {
font-size: 16px;
font-weight: 500;
color: var(--neutral-grey-60);
}
.woocommerce table.shop_table tbody .product-name strong {
color: var(--main-color);
font-size: 15px;
font-weight: 500;
}
.woocommerce table.shop_table tbody .product-total {
text-align: right;
margin-left: auto;
}
.woocommerce table.shop_table tbody .product-total span {
font-size: 16px;
font-weight: 400;
color: var(--black-color);
}
.woocommerce table.shop_table td a,
.woocommerce table.shop_table tbody th a {
color: var(--black-color);
padding: 0;
margin: 0;
text-decoration: underline;
background-color: transparent;
}
.woocommerce table.shop_table tbody .product-name {
padding-right: 0 !important;
}
.woocommerce table.shop_table td.product-thumbnail .woocommerce table.shop_table tfoot tr.cart-subtotal {
display: none;
}
.woocommerce table.shop_table tfoot tr.order-total {
position: relative;
}
.woocommerce table.shop_table tfoot tr.order-total td {
position: absolute;
top: 0;
right: 0;
}
.woocommerce table.shop_table tfoot .cart-discount td {
display: flex;
}
.woocommerce table.shop_table td.product-thumbnail img {
padding: 0 !important;
margin: 0 !important;
object-fit: cover !important;
height: 80px !important;
width: 80px !important;
max-width: 100%;
border-radius: 15px;
object-position: center center !important;
}
.order-number,
.order-date,
.order-status {
color: var(--white-color);
background-color: #000000;
}
.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions,
.woocommerce-orders-table thead th.woocommerce-orders-table__header-order-actions {
display: none;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th {
font-size: 16px;
font-weight: 400;
border-top: none;
padding: 0;
line-height: normal;
}
.woocommerce table.shop_table tfoot td strong {
font-weight: 600 !important;
}
.woocommerce table.shop_table tfoot th {
display: block;
font-weight: 500 !important;
margin-right: -2px !important;
}
.woocommerce table.shop_table tfoot td {
font-weight: 500 !important;
}
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-size: 16px;
padding: 0;
margin: 0;
border: none;
line-height: normal;
}
.woocommerce-form-coupon-toggle {
margin-bottom: 35px;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-message {
color: #1ada43;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-error {
margin-bottom: 10px;
}
.woocommerce form.checkout_coupon {
border: none;
padding: var(--s-25-clamp);
background: var(--bg-color);
margin: 0 0 var(--s-25-clamp) 0;
border-radius: var(--border-r-15);
}
.woocommerce form.checkout_coupon .form-row {
float: left;
width: 59%;
margin: 0;
padding: 0;
}
.woocommerce form.checkout_coupon .form-row:last-of-type {
margin: 0 0 0 2%;
width: 39%;
}
.woocommerce form.checkout_coupon p {
font-size: var(--font-h5-clamp);
padding: 0;
margin: 0 0 10px 0;
line-height: 1.6;
}
.woocommerce form.checkout_coupon input#coupon_code {
height: 55px;
line-height: 55px;
font-size: var(--font-h5-clamp);
padding: 0 15px;
border: none;
width: var(--width-100);
border-radius: var(--border-r-15);
background-color: rgba(81, 140, 50, 0.15) !important;
}
.woocommerce form.checkout_coupon button.button {
color: var(--white-color) !important;
font-size: var(--font-h5-clamp);
font-weight: 500;
display: inline-block;
height: 55px;
line-height: 55px;
text-decoration: none;
border: none;
margin-bottom: 0;
letter-spacing: 0;
text-transform: none;
width: var(--width-100);
padding: 0 var(--s-30-clamp);
border-radius: var(--border-r-50);
background-color: var(--main-color);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.woocommerce form.checkout_coupon button.button:hover {
background-color: var(--hover-color) !important;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
color: #1c1c1f;
font-size: 18px;
border: none;
padding: 0;
display: block;
margin-bottom: 0;
border-radius: 0;
background-color: transparent;
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
font-size: 18px;
color: #000000;
text-decoration: none;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before,
.woocommerce-form-coupon-toggle .woocommerce-info::after {
content: none;
}
.woocommerce-checkout form.woocommerce-checkout {
padding: 0;
gap: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details,
.woocommerce-checkout form.woocommerce-checkout #order_review {
height: fit-content;
padding: var(--s-25-clamp);
border-radius: var(--border-r-15);
background-color: var(--bg-color);
}
.woocommerce-checkout form.woocommerce-checkout #customer_details {
width: 60%;
}
.woocommerce-checkout form.woocommerce-checkout #order_review {
width: 40%;
}
.woocommerce-checkout form.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout form.woocommerce-checkout .col2-set .col-2 {
padding: 0 !important;
float: none !important;
width: 100% !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-search--dropdown {
display: none !important;
}
.woocommerce-checkout form.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper {
padding: 25px;
display: block;
border-radius: 8px;
background-color: #f7f8fa;
}
.woocommerce-checkout form.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper input {
float: left;
}
.woocommerce-checkout form.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper label {
cursor: pointer;
padding: 0;
margin: 0;
}
.woocommerce-checkout form.woocommerce-checkout input[type='radio'] {
background-color: transparent !important;
border: 1px solid #c4c4c4 !important;
border-radius: 50% !important;
cursor: pointer !important;
display: inline-block !important;
height: 18px !important;
margin-right: 5px !important;
margin-top: 0 !important;
margin-bottom: -4px !important;
margin-left: 0 !important;
position: relative !important;
width: 18px !important;
}
.woocommerce-checkout form.woocommerce-checkout input[type='radio']:after {
background-color: transparent;
border-radius: 25px;
content: '';
display: block;
height: 10px;
left: 3px;
position: relative;
top: 3px;
width: 10px;
}
.woocommerce-checkout form.woocommerce-checkout input[type='radio']:checked:after {
background-color: var(--blue-color) !important;
}
.woocommerce-checkout form.woocommerce-checkout input[type='file']:focus,
.woocommerce-checkout form.woocommerce-checkout input[type='radio']:focus,
.woocommerce-checkout form.woocommerce-checkout input[type='checkbox']:focus {
outline: 0;
outline-style: none;
outline-width: 0;
}
.woocommerce-checkout form.woocommerce-checkout .col2-set .woocommerce-billing-fields #billing_tip_comanda_field input {
position: absolute !important;
width: 0px !important;
height: 0px !important;
opacity: 1;
visibility: hidden;
}
.woocommerce-checkout form.woocommerce-checkout .col2-set .woocommerce-billing-fields #billing_tip_comanda_field label.radio {
cursor: pointer;
display: inline-block !important;
font-size: 14px;
font-weight: 500;
letter-spacing: 0 !important;
color: var(--main-color);
padding: 12px 20px;
margin: 0 10px 0 0 !important;
border-radius: 12px;
background-color: transparent;
border: 1.5px solid var(--main-color);
}
.woocommerce-checkout form.woocommerce-checkout .col2-set .woocommerce-billing-fields #billing_tip_comanda_field input[type='radio']:checked+label {
color: var(--white-color);
background-color: var(--main-color);
}
.woocommerce-checkout .woocommerce-checkout-payment div.form-row {
margin: 0;
padding: 0 !important;
border-top: var(--border-basic) #ddd;
background-color: var(--bg-color);
}
.woocommerce-checkout .woocommerce-checkout-payment div.form-row p {
color: #9e9e9e;
font-size: 16px;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 1.6;
}
.woocommerce-checkout .woocommerce-checkout-payment div.form-row p a {
color: var(--black-color);
text-decoration: underline;
}
.woocommerce .woocommerce-checkout-payment #place_order,
.woocommerce-page .woocommerce-checkout-payment #place_order {
color: var(--white-color) !important;
font-size: 14px;
font-weight: 500;
display: inline-block;
height: 50px;
padding: 0;
line-height: 50px;
border-radius: 50px;
text-decoration: none;
border: none;
width: 100%;
margin-bottom: 0;
letter-spacing: 0;
text-transform: none;
text-transform: uppercase;
background-color: var(--main-color);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.woocommerce .woocommerce-checkout-payment #place_order:hover,
.woocommerce-page .woocommerce-checkout-payment #place_order:hover {
background-color: var(--hover-color);
}
.woocommerce-invalid #terms {
outline: none;
outline-offset: 0;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #e6130f;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #e6130f;
}
.woocommerce-billing-fields__field-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
#billing_country_field {
display: none;
}
.woocommerce-billing-fields__field-wrapper p.form-row {
padding-left: 15px !important;
padding-right: 15px !important;
float: none !important;
width: 100% !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.woocommerce-checkout .woocommerce-NoticeGroup {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.paynet-awailable-options.active {
display: none !important;
}
.toggle-paynet-options {
display: none !important;
}
/* Request quote */
.page-id-214 main{
margin: 70px 0;
}
.page-id-214 .woocommerce-notices-wrapper{
display: flex;
justify-content: space-between;
}
.page-id-214 .woocommerce-notices-wrapper form{
order: 1;
width: 35%;
}
.page-id-214 .woocommerce-notices-wrapper div{
width: 60%;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row label{
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
color: var(--black-color);
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row label span.wtwraq-mandatory{
color: var(--blue-color);
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row span.woocommerce-input-wrapper input{
height: 45px;
line-height: 45px !important;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 0 15px;
width: 100%;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row span.woocommerce-input-wrapper textarea{
height: 120px !important;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 15px;
width: 100%;
resize: none;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row:nth-of-type(1),
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row:nth-of-type(2){
width: 50%;
width: calc(50% - 10px);
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row:nth-of-type(3),
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row:nth-of-type(4){
width: 100%;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form input[type=submit]{
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
width: auto;
height: 50px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
color: var(--white-color);
background-color: var(--blue-color);
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr:last-of-type{
display: none;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr{
display: flex;
align-items: center;
margin-bottom: 15px;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-remove{
order: 1;
padding: 0 0 0 10px;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-remove a{
text-decoration: none;
color: var(--blue-color) !important;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-remove a:hover{
color: var(--hover-color) !important;
background-color: var(--blue-color);
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-name {
display: block;
padding: 0 0 0 10px;
color: var(--black-color);
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-name a{
text-decoration: none;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-quantity{
min-width: auto;
margin: 0 0 0 auto;
}
/* Order Received */
.woocommerce-order-details h2.woocommerce-order-details__title,
.woocommerce-customer-details h2.woocommerce-column__title {
font-size: 22px;
font-weight: 500;
margin: 0 0 20px 0;
padding: 0;
}
.woocommerce table.shop_table td.woocommerce-table__product-name a {
pointer-events: none;
color: #1c1c1f;
text-decoration: none;
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
font-size: 16px;
font-weight: 500 !important;
color: var(--main-color);
}
.woocommerce-order-received .woocommerce-order-details .shop_table {
padding: 25px;
border-radius: 15px;
margin-bottom: 15px;
background-color: var(--bg-color);
}
.woocommerce-order-received .woocommerce-order-details .shop_table:last-of-type {
margin-bottom: 0;
}
.woocommerce-order-received table.shop_table tbody {
border-bottom: 0;
margin-bottom: 0;
}
.woocommerce-order-received table.shop_table tbody .product-name {
padding: 0;
}
.woocommerce-order-received table.shop_table tbody tr.order_item .wc-item-meta {
display: none;
}
.woocommerce-order-received table.shop_table tbody tr.order_item td,
.woocommerce-order-received table.shop_table tbody tr.order_item th,
.woocommerce-order-received table.shop_table tbody tr.order_item strong {
font-size: 16px !important;
font-weight: 500 !important;
}
.woocommerce-order-received table.shop_table tfoot th,
.woocommerce-order-received table.shop_table tfoot td {
font-weight: 400 !important;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr {
display: flex;
padding-bottom: 10px;
align-items: center;
justify-content: space-between;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr:last-of-type {
margin-bottom: 0;
}
.woocommerce ul.order_details {
margin: 25px 0 25px 0;
padding: 0;
}
.woocommerce ul.order_details li {
color: var(--main-color);
font-size: 16px;
font-weight: 500;
text-transform: none;
border: none;
padding: 20px;
margin-right: 15px;
border-radius: 15px;
background-color: var(--bg-color);
}
.woocommerce ul.order_details li:last-of-type {
margin-right: 0;
}
.woocommerce ul.order_details li strong {
font-size: 16px;
font-weight: 400;
color: #000000;
margin-top: 10px;
}
.woocommerce-order-received address {
font-size: 16px;
line-height: 1.7 ;
padding: 25px !important;
margin: 0 !important;
border: none !important;
border-radius: 15px !important;
background-color: var(--bg-color);
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
content: none;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
padding-left: 0;
}
.woocommerce-order-received .woocommerce-order {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-order-received .woocommerce-order p,
.woocommerce-order-received .woocommerce-order .woocommerce-notice,
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
font-size: 16px;
font-weight: 400;
position: relative;
width: 100%;
padding-left: 15px;
padding-right: 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details,
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details {
position: relative;
width: 100%;
margin: 0;
padding-left: 15px;
padding-right: 15px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.woocommerce-order-received .woocommerce table.shop_table tbody {
padding: 0;
}
.woocommerce-order-received .woocommerce table.shop_table tfoot tr{
margin: 15px 0;
}
.woocommerce-order-received .woocommerce table.shop_table tfoot tr th{
font-weight: 500 !important;
color: var(--main-color);
}
.woocommerce td.product-name dl.variation {
margin: 10px 0 0 0;
padding-left: 0;
border-left: 2px solid rgba(0, 0, 0, .1);
}
.woocommerce td.product-name dl.variation dt {
color: var(--gray-color);
font-weight: 500;
padding: 0 0 5px;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce td.product-name dl.variation dd {
margin: 0;
padding: 0;
float: left;
}
.woocommerce table.shop_table tbody .product-name p {
font-size: 16px !important;
font-weight: 500;
margin: 0 0 5px 0;
line-height: normal;
}
.bulk-variations__wrapper {
display: flex;
flex-direction: column;
gap: 15px;
}
.bulk-variation__row{
display: flex;
align-items: center;
justify-content: space-between;
}
.bulk-variation__row-left{
gap: 10px;
display: flex;
align-items: center;
}
.bulk-variation__row-image figure{
width: 70px;
height: 70px;
}
.bulk-variation__row-image figure img{
height: var(--height-100);
border-radius: var(--border-r-10);
}
.bulk-variation__row-properties{
gap: 10px;
display: flex;
align-items: center;
}
.bulk-variation__row-properties p{
font-size: 16px;
font-weight: 500;
}
.bulk-variation__row-properties span{
height: 25px;
display: flex;
font-size: 12px;
font-weight: 500;
padding: 0 5px;
align-items: center;
text-transform: uppercase;
justify-content: center;
color: var(--white-color);
border-radius: var(--border-r-15);
}
.bulk-variation__row-properties span.variation-onsale-badge{
background-color: #F90800;
}
.bulk-variation__row-properties span.variation-premium-badge{
background-color: var(--main-color);
}
.bulk-variation__row-right{
gap: 10px;
display: flex;
align-items: center;
}
.bulk-variation__row-price div.price{
gap: 10px;
flex-direction: row-reverse;
}
.bulk-variation__row-price .product-item-price .price ins bdi{
font-size: var(--font-p-clamp) !important;
font-weight: 500 !important;
color: var(--font-color) !important;
}
form.custom-bulk-variations-form .button{
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 500;
width: var(--width-100);
height: 50px;
border: none;
padding: 0;
letter-spacing: 0;
margin: 35px 0 0 0;
border-radius: var(--border-r-50);
text-decoration: none;
color: var(--white-color) !important;
text-transform: uppercase;
background-color: var(--main-color) !important;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
form.custom-bulk-variations-form .button:hover{
background-color: var(--hover-color) !important;
}
.bulk-variation__attributes {
margin-bottom: 20px;
}
.bulk-variation__attribute-name strong{
font-size: 18px;
font-weight: 500;
padding: 0 0 0 30px;
background-repeat: no-repeat;
background-position: left center;
background-size: 23px 23px;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24'%3E%3Cpath d='M24 9a4.005 4.005 0 0 0 4-4V2h-3a3.98 3.98 0 0 0-2.747 1.106A6 6 0 0 0 17 0h-3v3a6.007 6.007 0 0 0 6 6h1v13H9v-5h1a4.005 4.005 0 0 0 4-4v-3h-3a3.98 3.98 0 0 0-2.747 1.106A6 6 0 0 0 3 8H0v3a6.007 6.007 0 0 0 6 6h1v5H0v2h28v-2h-5V9h1Zm-1-3a2 2 0 0 1 2-2h1v1a2 2 0 0 1-2 2h-1V6ZM9 14a2 2 0 0 1 2-2h1v1a2 2 0 0 1-2 2H9v-1Zm-2 1H6a4.005 4.005 0 0 1-4-4v-1h1a4.005 4.005 0 0 1 4 4v1Zm14-8h-1a4.005 4.005 0 0 1-4-4V2h1a4.005 4.005 0 0 1 4 4v1Z' fill='%23518C32'/%3E%3C/svg%3E");
}
.bulk-variation__row-price span.woocommerce-Price-amount{
font-size: 16px;
}
/* Badges */
li.product .product-item-image .badge{
position: absolute;
color: #ffffff;
top: 15px !important;
left: 15px !important;
right: auto !important;
font-size: 13px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
min-width: auto;
min-height: auto;
margin: 0 !important;
z-index: 2;
line-height: normal;
padding: 5px 10px;
border-radius: 50px;
}
li.product .product-item-image .badge.out-of-stock-badge{
background-color: #fff;
color: #242424
}
li.product .product-item-image .badge.onsale{
display: block;
background-color: #F90800
}
li.product .product-item-image .badge.best-seller-badge{
background-color: #FF7F08
}
li.product .product-item-image .badge:nth-child(2){
top: 48px;
}
li.product .product-item-image .badge:nth-child(3){
top: 80px;
}
/* Product info box */
.prodcuct-notification{
margin-top: 20px;
color: #999999;
font-weight: 500;
font-style: italic;
}
.product-box__info{
display: grid;
padding: 15px;
gap: var(--gap-25-clamp);
margin: var(--s-20-clamp) 0 0 0;
border-radius: var(--border-r-15);
background-color: rgba(81, 140, 50, 0.05);
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.product-box__info-item{
gap: 10px;
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
}
.product-box__info-item svg{
width: 30px;
height: 30px;
}
/* Upsells */
section.up-sells{
margin-top: 35px;
}
.upsells__heading-holder{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--s-20-clamp);
}
.upsells__heading h3{
font-size: var(--font-h4-clamp);
font-weight: 500;
}
.upsells__arrows-holding {
display: flex;
justify-content: flex-end;
gap: 10px
}
.upsells__arrows-holding .swiper-button-prev {
right: 50px;
left: auto;
margin: 0
}
.upsells__arrows-holding .swiper-button-next {
right: 0;
margin: 0
}
.upsells__arrows-holding .swiper-button-prev,.upsells__arrows-holding .swiper-button-next {
position: static;
width: 30px;
height: 30px;
z-index: 1;
border-radius: var(--border-r-50);
background-color: var(--main-color)
}
.upsells__arrows-holding .swiper-button-next:after,.upsells__arrows-holding .swiper-button-prev:after {
font-size: var(--font-p-clamp)!important;
color: var(--white-color)
}
.upsells__arrows-holding .swiper-button-prev:after {
margin-left: -3px
}
.upsells__arrows-holding .swiper-button-next:after {
margin-right: -3px
}
.upsells__wrapper-holder .cat-grid__wrapper{
display: block;
}
.upsells__wrapper-holder .product-item-image figure{
height: 300px;
}
/* About Product */
.product-single-desc{
padding: var(--s-70-clamp) 0;
}
.product-single-desc .site-col-5{
position: sticky;
top: 20px;
height: var(--height-100);
}
.single-about-product{
padding: var(--s-20-clamp);
border-radius: var(--border-r-15);
border: 1px solid rgba(20, 40, 2, 0.15);
margin-bottom: var(--s-30-clamp);
background-color: var(--bg-color);
}
.single-about-product:last-of-type{
margin: 0;
}
.single-about-product h2{
font-size: var(--font-h4-clamp);
font-weight: 500;
color: var(--main-color);
margin-bottom: var(--s-15-clamp);
}
.single-about-product ul{
margin: 0;
padding: 0 0 0 20px;
}
.single-about-product p{
font-size: 16px;
line-height: 1.7;
}
.single-about-product li{
line-height: 1.6;
}
.single-about-product a{
display: block;
margin-top: 10px;
text-decoration: underline;
}
.product-propriety{
display: flex;
flex-direction: column;
gap: var(--gap-20-clamp);
}
.product-propriety__heading h2{
font-size: var(--font-h4-clamp);
font-weight: 500;
color: var(--main-color);
}
.product-propriety__wrapper{
gap: 10px;
display: flex;
flex-direction: column;
}
.product-propriety__item{
gap: 10px;
display: flex;
padding: 15px;
align-items: center;
border-radius: var(--border-r-15);
background-color: var(--bg-color);
border: var(--border-basic) var(--bg-color);
}
.product-propriety__item:nth-child(even){
background-color: var(--white-color);
border: var(--border-basic) rgba(20, 40, 2, 0.15);
}
.product-propriety__item svg{
width: 25px;
height: 25px;
}
.product-propriety__item span.property-label{
font-size: var(--font-p-clamp);
font-weight: 400;
color: #808080;
}
.product-propriety__item span.proprietate-value{
font-size: var(--font-p-clamp);
font-weight: 400;
margin-left: auto;
color: var(--font-color);
}
/* Product CTA */
.product-single-cta{
padding: 0 0 var(--s-70-clamp) 0;
}
.product-cta{
display: flex;
align-items: center;
gap: var(--gap-100-clamp);
border-radius: var(--border-r-15);
background-color: var(--main-color);
}
.product-cta__image figure{
height: 300px;
}
.product-cta__image figure img{
object-fit: cover;
height: 100%;
}
.product-cta__info{
padding-right: var(--s-70-clamp);
}
.product-cta__info h3{
font-size: var(--font-h2-clamp);
font-weight: 500;
color: var(--white-color);
margin-bottom: 10px;
}
.product-cta__info p{
font-size: 18px;
line-height: 1.6;
color: var(--white-color);
}
.product-cta__info .site-button{
margin-top: var(--s-25-clamp);
}
.product-cta__info .site-button a{
background-color: var(--white-color);
}
.product-cta__info .site-button a span{
color: var(--main-color);
}
.product-cta__info .site-button a:hover{
background-color: var(--hover-color);
}
.product-cta__info .site-button a:hover span{
color: var(--white-color);
}
/* Cookie Popup*/
.cookie-popup {
position: fixed;
bottom: 15px;
right: 15px;
left: auto;
opacity: 0;
z-index: 10;
display: flex;
visibility: hidden;
align-items: center;
justify-content: center;
}
.cookie-popup__open .site-overlay{
cursor: default;
}
.cookie-popup__open .site-overlay,
.cookie-popup.cookie-popup__active{
visibility: visible;
opacity: 1;
}
.cookie-popup__content{
position: relative;
}
.cookie-popup__content-holder{
text-align: center;
backdrop-filter: blur(6px);
border-radius: var(--border-r-15);
background-color: var(--white-color);
padding: 30px;
}
.cookie-popup__title h2 {
font-size: var(--font-h3-clamp);
font-weight: 500;
margin-bottom: 15px;
color: var(--main-color);
}
.cookie-popup__description{
color: rgba(0, 0, 0, 0.5);
}
.cookie-popup__description p {
font-size: 16px;
font-weight: 500;
}
.cookie-popup__button{
width: 100%;
margin-top: var(--s-30-clamp);
}
.cookie-popup__close{
position: absolute;
top: 15px;
right: 15px;
z-index: 8;
}
.cookie-close{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-align: center;
width: 25px;
height: 25px;
}
.cookie-close::before,
.cookie-close::after{
position: absolute;
content: ' ';
height: 25px;
width: 1.5px;
background-color: var(--main-color);
}
.cookie-close::before{
transform: rotate(45deg);
}
.cookie-close::after{
transform: rotate(-45deg);
}
.cookie-popup .site-contact-form-input{
max-width: 250px;
}
/* Chat Button */
.chat-button {
position: fixed;
bottom: 25px;
right: 25px;
width: 50px;
height: 50px;
z-index: 9;
}
.main-circle {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
}
.main-circle svg{
width: 50px;
height: 50px;
}
.circle {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
right: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.circle svg{
width: 40px;
height: 40px;
}
#phone {
transform: translate(-70px, -10px);
}
#viber {
transform: translate(-50px, -60px);
}
#whatsapp {
transform: translate(-10px, -70px);
}
#tur {
transform: translate(20px, -60px);
}
.show .circle {
opacity: 1;
visibility: visible;
}
.show #phone {
transform: translate(-80px, 10px);
}
.show #viber {
transform: translate(-60px, -50px);
}
.show #whatsapp {
transform: translate(-10px, -90px);
}
/* Loader UI */
.blockUI.blockOverlay{
opacity: 1 !important;
background: rgba(0,0,0,.5) !important;
}
.blockUI.blockOverlay::before{
border: 5px solid #ffffff !important;
border-radius: 50% !important;
border-top: 5px solid var(--main-color) !important;
width: 50px !important;
height: 50px !important;
background-image: none !important;
-webkit-animation: spin 2s linear infinite !important;
animation: spin 2s linear infinite !important;
background-color: transparent !important;
}
/* Contact Form */
:root{
--form-input-h-clamp: 40px 45px;
}
.site-contact-form{
gap: 15px;
display: grid;
margin-top: var(--s-30-clamp);
grid-template-columns: repeat(2, 1fr);
}
.site-contact-form-input input {
font-size: var(--font-p-clamp);
height: var(--form-input-h-clamp);
line-height: var(--form-input-h-clamp);
font-weight: 400;
padding: 0 15px;
width: 100%;
color: #818698;
background-color: #F5F5F5;
border: 1px solid #dedede;
border-radius: 50px;
}
.site-contact-form-textarea{
grid-column: span 2;
}
.site-contact-form-textarea textarea {
font-size: var(--font-p-clamp);
height: var(--form-input-h-clamp);
line-height: var(--form-input-h-clamp);
font-weight: 400;
padding: 0 15px;
width: 100%;
color: #818698;
height: 120px;
resize: none;
background-color: #F5F5F5;
border: 1px solid #dedede;
border-radius: var(--border-r-25);
}
.site-contact-form-btn{
grid-column: span 2;
}
.site-contact-form-btn input.wpcf7-submit {
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 50px;
width: var(--width-100);
line-height: normal;
box-shadow: none;
text-shadow: none;
letter-spacing: 0.5px;
text-transform: uppercase;
color: var(--white-color);
padding: 0 var(--s-30-clamp);
border: var(--border-basic) var(--main-color);
border-radius: 50px;
transition: var(--basic-transition);
background-color: var(--main-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.site-contact-form input.wpcf7-submit:hover {
background-color: var(--hover-color);
border-color: var(--hover-color);
}
/* ============================================== */
/* ================ Blog styles =============== */
/* ============================================== */
/* Posts Page Related Posts */
.related.posts{
padding: var(--s-70-clamp) 0;
background-color: var(--bg-color);
}
.related.posts h2{
font-size: var(--font-h2-clamp);
font-weight: 500;
text-align: center;
margin-bottom: var(--s-35-clamp);
}
.related.posts .post-item{
background-color: var(--white-color);
}
/* Posts Single Page */
.posts-single-content{
padding: 70px 0;
}
.posts-single-content p{
margin-bottom: 15px;
}
.posts-single-content h1,
.posts-single-content h2,
.posts-single-content h3,
.posts-single-content h4,
.posts-single-content h5,
.posts-single-content h6{
margin-bottom: 15px;
}
.posts-single-content ul,
.posts-single-content ol{
margin: 0;
padding: 0 0 0 20px;
}
.posts-single-content ul li,
.posts-single-content ol li{
margin-bottom: 15px;
line-height: 1.7;
}
.posts-info-block{
padding-top: 120px;
padding-bottom: 70px;
background-color: #263547;
}
.posts-info-block .info-block-holder .info-block-image{
height: 500px;
}
.posts-info-block .info-block-image img{
object-fit: cover;
height: 100%;
width: 100%;
object-position: center center;
}
.posts-info-block .info-block-holder .info-block-content .info-block-content-top{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.posts-info-block .info-block-holder .info-block-content{
padding: 0;
}
.posts-info-block .info-block-holder .info-block-content .info-block-content-top p{
margin: 0;
opacity: .6;
line-height: normal;
padding: 0 10px 0 0;
color: var(--white-color);
border-right: 1px solid var(--white-color);
}
.posts-info-block .info-block-holder .info-block-content p:last-of-type{
margin: 0;
padding: 0;
border: none;
}
.posts-info-block .info-block-holder .info-block-content h1{
color: #ffffff;
font-size: 36px;
font-weight: 500;
margin-bottom: 15px;
}
/* Blog page */
.posts-page .site-row{
row-gap: var(--gap-30-clamp);
}
.posts-page {
padding-bottom: var(--s-70-clamp);
}
.posts-page .posts-navigation{
margin: 0 0 var(--s-50-clamp) 0;
}
.posts-page ul.posts-cat-nav{
gap: 10px;
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
justify-content: center;
}
.posts-page ul.posts-cat-nav li.cat-item a{
display: flex;
align-items: center;
justify-content: center;
font-size: var(--font-p-clamp);
height: 40px;
font-weight: 500;
padding: 0 15px;
color: var(--font-color);
border-radius: var(--border-r-10);
transition: var(--basic-transition);
background-color: var(--white-color);
border: var(--border-basic) rgba(20, 40, 2, 0.15);
}
.posts-page ul.posts-cat-nav li.cat-item a{
text-decoration: none;
}
.posts-page ul.posts-cat-nav li.cat-item.current-cat a{
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
.posts-page ul.posts-cat-nav li.cat-item a:hover{
color: var(--white-color);
border-color: var(--main-color);
background-color: var(--main-color);
}
.post-item {
position: relative;
display: flex;
flex-direction: column;
height: var(--height-100);
border-radius: var(--border-r-10);
background-color: var(--bg-color);
}
.post-item .post-details-holder{
position: relative;
display: flex;
flex-direction: column;
}
.post-category{
position: absolute;
top: 10px;
left: 10px;
}
.post-category p a{
height: 30px;
display: flex;
padding: 0 10px;
align-items: center;
text-decoration: none;
justify-content: center;
color: var(--white-color);
border-radius: var(--border-r-10);
background-color: var(--main-color);
}
.post-item .post-details {
padding: var(--s-20-clamp);
}
.post-image figure {
height: var(--home-post-image-clamp);
}
.post-image img {
object-position: top center;
border-radius: 10px 10px 0 0;
}
.post-title{
margin: 0 0 10px 0;
}
.post-title h4 {
font-size: var(--font-h4-clamp);
font-weight: 500;
}
.post-title a{
color: inherit;
text-decoration: none;
}
.post-excerpt p{
font-size: 18px;
line-height: 1.6;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-pagination{
display: flex;
text-align: center;
align-items: center;
justify-content: center;
}
.blog-pagination span.current{
color: var(--white-color);
background-color: var(--font-color);
}
.blog-pagination a.next svg,
.blog-pagination a.prev svg{
height: 15px;
width: 10px;
}
.blog-pagination a,
.blog-pagination span{
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border-radius: var(--border-r-50);
width: 40px;
height: 40px;
color: var(--font-color);
font-size: var(--font-p-clamp);
font-weight: 500;
line-height: 35px;
text-align: center;
text-decoration: none;
}
/* Blog Grid - Home Post */
:root{
--home-post-image-clamp: 250px 300px;
}
.home-posts{
display: grid;
gap: var(--gap-30-clamp);
margin: var(--s-50-clamp) 0;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.home-posts-item{
border-radius: var(--border-r-20);
background-color: var(--white-color);
}
.home-posts .site-post .post-date h3{
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
color: rgba(0, 0, 0, 0.7);
text-transform: capitalize;
}
.home-posts .site-post .post-title h2{
font-size: var(--font-h5-clamp);
font-weight: 500;
}
.home-posts .site-post .post-image figure{
width: auto;
height: var(--home-post-image-clamp);
}
.home-posts .site-post .post-image figure img{
border-radius: var(--border-r-20);
}
.home-posts .site-post .post-details{
padding: var(--s-25-clamp);
}
.home-posts .site-post .post-link a{
align-items: center;
gap: 10px;
border: none;
color: var(--white-color);
background-color: var(--blue-color);
}
.home-posts .site-post .post-link a:hover{
background-color: var(--red-color);
}
/* Blog Single Post */
.post-single-header {
position: relative;
}
.post-single-image figure {
height: 500px;
}
.post-single-image img {
border-radius: var(--border-r-20);
}
.post-single-header h1 {
font-size: var(--font-h2-clamp);
font-weight: 400;
margin-bottom: 25px;
}
.post-single-header p {
display: inline-block;
padding: 7px;
text-decoration: none;
color: var(--white-color);
border-radius: var(--border-r-10);
background-color: var(--main-color);
}
.post-single-text {
padding-top: 70px;
padding-bottom: 60px;
}
.post-single-text h1,
.post-single-text h2,
.post-single-text h3,
.post-single-text h4,
.post-single-text h5,
.post-single-text h6 {
margin-bottom: 15px;
}
.post-single-text h2{
font-weight: 500;
}
.post-single-text h3{
font-weight: 500;
}
.post-single-text h4{
font-size: var(--font-h5-clamp);
font-weight: 500;
padding: 20px 10px;
text-align: center;
border-radius: var(--border-r-20);
background-color: var(--main-color);
color: var(--white-color);
}
.post-single-text h5{
font-size: var(--font-h5-clamp);
font-weight: 500;
text-align: center;
color: var(--main-color);
}
.post-single-text p {
font-size: 18px;
margin-bottom: 15px;
line-height: 1.8;
}
.post-single-text p a {
color: var(--main-color);
text-decoration: underline;
}
.post-single-text p:last-of-type{
margin-bottom: 0;
}
.post-single-text blockquote{
margin: 0 0 15px 0;
padding: 0 0 0 20px;
border-left: 3px solid var(--main-color);
}
.post-single-text ul,
.post-single-text ol {
margin: 0 0 15px 0;
padding: 0 0 0 20px;
}
.post-single-text li {
font-size: 18px;
line-height: 1.8;
}
.post-single-text figure figcaption{
display: none;
}
.post-single-text img{
width: var(--width-100);
height: var(--height-100);
object-fit: cover;
object-position: center center;
border-radius: var(--border-r-20);
}
.post-single-text .gallery {
margin-top: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.post-single-text .gallery .gallery-item {
margin-bottom: 10px;
}
.post-single-text .gallery .gallery-icon {
height: 300px;
margin-bottom: 0;
}
.post-single-text .gallery img {
object-fit: cover;
height: 100%;
width: 100%;
object-position: center center;
}
.post-single-text .gallery figcaption {
display: none;
}
.post-single-text .gallery-columns-5 .gallery-item .gallery-icon {
height: 150px;
}
.post-single-text .gallery-columns-2 .gallery-item {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.post-single-text .gallery-columns-3 .gallery-item {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.post-single-text .gallery-columns-4 .gallery-item {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.post-single-text .gallery-columns-5 .gallery-item {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.mfp-arrow-left:before,.mfp-arrow-left:after {
border: none!important
}
.post-single-text .wp-video {
width: 100% !important;
}
.post-single-text .wp-video video {
width: 100% !important;
height: 100% !important;
}
.post-single-footer {
padding-top: 70px;
padding-bottom: 35px;
background-color: #e8f1fe;
}
.post-single-footer h2 {
font-size: 36px;
font-weight: 700;
margin-bottom: 35px;
text-align: center;
}
/* ============================================== */
/* ================ footer styles =============== */
/* ============================================== */
.main-footer {
position: relative;
background-color: var(--hover-color);
}
.footer-logo{
margin-bottom: 15px;
}
.footer-top p:first-of-type{
font-size: 15px;
line-height: 1.7;
color: var(--white-color);
margin-bottom: var(--s-30-clamp);
}
.footer-logo img{
height: 100px;
width: auto;
}
.footer-top {
padding-top: var(--s-50-clamp);
padding-bottom: var(--s-50-clamp);
border-bottom: 1px solid var(--main-color);
}
.footer-top .site-row .site-col-3:first-of-type{
border-left: 0;
}
.footer-top .site-row .site-col-3{
border-left: 1px solid var(--main-color);
}
.footer-text h4,
.footer-contact h4,
.footer-navigation h4 {
font-size: 18px;
color: #F7F9FC60;
font-weight: 500;
margin-bottom: 20px;
}
.footer-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-navigation ul li {
margin-bottom: 10px;
}
.footer-navigation ul li:last-of-type {
margin-bottom: 0;
}
.footer-navigation ul li a{
color: #F7F9FC;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.footer-navigation ul li a:hover{
color: var(--main-color);
}
.footer-contact-block{
gap: 15px;
display: flex;
flex-direction: column;
}
.footer-contact-block-item {
gap: 15px;
display: flex;
align-items: center;
}
.footer-contact-block-item svg{
height: 20px;
width: 20px;
}
.footer-contact-block-item p,
.footer-contact-block-item a{
color: var(--white-color);
font-size: 15px;
font-weight: 400;
text-decoration: none;
margin: 0 !important;
}
.footer-contact-block-item a{
border-bottom: 1px solid #ffffff;
}
.footer-contact-block-item:nth-child(2) a:hover{
color: var(--white-color);
}
.footer-bottom {
padding: 20px 0;
}
.footer-links {
gap: 15px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.footer-links a {
font-size: 14px;
color: #ffffff90;
text-decoration: none;
}
.footer-links a:hover {
color: var(--white-color);
}
.footer-social-block ul {
display: flex;
gap: 10px;
padding: 0;
margin: 0;
list-style: none;
justify-content: flex-start;
}
.footer-social-block ul li {
display: flex;
align-items: center;
justify-content: center;
}
.footer-social-block ul li a{
display: flex;
align-items: center;
justify-content: center;
height: 35px;
width: 35px;
border-radius: var(--border-r-50);
border: 1px solid var(--main-color);
}
.footer-social-block ul li svg {
height: 18px;
width: 18px;
}
.footer-social-block ul li a:hover{
background-color: var(--main-color);
}
.footer-social-block ul li a:hover svg path{
fill: var(--white-color);
}
.footer-copyright p{
font-size: 14px;
color: #ffffff90;
}
.footer-info{
gap: var(--gap-30-clamp);
display: flex;
align-items: center;
justify-content: flex-end;
}
.footer-payment{
gap: 10px;
display: flex;
align-items: center;
}
.footer-payment-item svg{
height: 17px;
width: auto;
}
/* ============================================== */
/* ================ luxgarden styles =============== */
/* ============================================== */
/* New Code */
/* ============================================== */
/* ================ responsive styles =========== */
/* ============================================== */
@media (max-width: 1440px) {
.site-container {
max-width: 1300px;
}
}
/*end*/
@media (max-width: 1300px) {
.site-container {
max-width: 1200px;
}
.site-hero .swiper-prev{
left: 10px;
}
.site-hero .swiper-next{
right: 10px;
}
}
/*end*/
@media (max-width: 1200px) {
.icons-block .icons-block-list{
margin-top: 25px;
}
.reviews-block__wrapper{
margin-top: 25px;
}
.marquee{
height: 120px;
}
.page-bottom-cta-image{
height: 450px;
}
.footer-top{
padding-top: 35px;
padding-bottom: 35px;
}
.search-content{
padding-bottom: 35px;
}
.woocommerce nav.woocommerce-pagination ul{
margin: 35px 0 0 0;
}
.shop-content-holder-categories{
padding-top: 147.5px;
}
.shop-content-holder{
padding-bottom: 35px;
}
.related.products{
padding: 35px 0 35px 0;
}
.site-hero__background-image figure{
height: 600px;
}
.nav-menu ul{
gap: var(--gap-20-clamp);
}
.site-hero .swiper-prev,
.site-hero .swiper-next{
display: none;
}
.post-single-text{
padding-top: 35px;
}
.no-result-page{
padding-top: 35px;
padding-bottom: 35px;
}
}
/*end*/
@media (max-width: 1100px) {
.onsale-products-holder {
grid-template-columns: repeat(3, 1fr) !important;
}
.search-content ul.products {
grid-template-columns: repeat(3, 1fr) !important;
}
.shop-content-holder .site-content ul.products{
grid-template-columns: repeat(2, 1fr);
}
.site-sidebar{
padding: 15px;
}
.related ul.products {
grid-template-columns: repeat(3, 1fr);
}
.step-radio-style-holder ul.products {
grid-template-columns: repeat(3, 1fr);
}
.top-bar{
padding: 10px 0;
}
.main-nav{
padding: 10px 0;
}
.why-block__item-image figure{
height: 400px;
}
}
/*end*/
@media (max-width: 1024px) {
.step-1::before,
.step-1::after{
width: 200px;
height: 150px;
}
.nav-menu{
display: none;
}
.nav-tools,
.nav-logo{
width: 50%;
}
.nav-tools-mobile{
display: flex;
margin-right: 15px;
align-items: center;
}
.nav-logo img{
height: 55px;
}
.nav-tools{
gap: 5px;
}
.nav-cart a,
.nav-search a,
.nav-wishlist a{
padding: 0 5px;
height: 35px;
width: 35px;
}
}
/*end*/
@media (max-width: 768px) {
.site-hero__background-image figure{
height: 70vh;
}
.onsale-products-holder {
grid-template-columns: repeat(2, 1fr) !important;
}
.icons-block .icons-block-list{
display: grid;
grid-template-columns: repeat(2, 1fr) !important;
}
.btn, .site-button a{
height: 45px;
padding: 0 25px;
}
.page-bottom-cta-image{
height: 350px;
}
.marquee{
height: 90px;
}
.footer-top .site-col-3,
.footer-top .site-col-2{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.footer-top .site-col-offset-3{
margin-left: 0;
}
.footer-top .site-row{
row-gap: 30px;
}
.search-form{
width: 80%;
}
.nav-logo img{
height: 45px;
}
.product .product-item-image figure{
height: 250px;
}
.search-header form input{
height: 40px;
}
.search-content ul.products {
grid-template-columns: repeat(2, 1fr) !important;
}
/* Shop Filter Sidebar */
.shop-content-holder .site-col-9{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.shop-content .products-sorting .woocommerce-result-count{
display: none;
}
.shop-content .shop-sidebar-mobile-filter{
display: block;
}
.shop-sidebar-filter-holder{
display: flex;
align-items: center;
justify-content: flex-start;
}
.shop-sidebar-filter-holder::before{
content: '';
width: 15px;
height: 15px;
margin-right: 5px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg clip-path='url(%23filter_3839020 1__a)'%3E%3Cpath d='M16 90.259h243.605c7.342 33.419 37.186 58.508 72.778 58.508 35.592 0 65.436-25.088 72.778-58.508H496c8.836 0 16-7.164 16-16s-7.164-16-16-16h-90.847c-7.356-33.402-37.241-58.507-72.77-58.507-35.548 0-65.419 25.101-72.772 58.507H16c-8.836 0-16 7.164-16 16s7.164 16 16 16Zm273.877-15.958.001-.172c.07-23.367 19.137-42.376 42.505-42.376 23.335 0 42.403 18.983 42.504 42.339l.003.235c-.037 23.407-19.091 42.441-42.507 42.441-23.406 0-42.454-19.015-42.507-42.408l.001-.059ZM496 421.74h-90.847c-7.357-33.401-37.241-58.507-72.77-58.507-35.548 0-65.419 25.102-72.772 58.507H16c-8.836 0-16 7.163-16 16s7.164 16 16 16h243.605c7.342 33.419 37.186 58.508 72.778 58.508 35.592 0 65.436-25.089 72.778-58.508H496c8.836 0 16-7.163 16-16s-7.164-16-16-16Zm-163.617 58.508c-23.406 0-42.454-19.015-42.507-42.408l.001-.058.001-.172c.07-23.367 19.137-42.377 42.505-42.377 23.335 0 42.403 18.983 42.504 42.338l.003.235c-.034 23.41-19.089 42.442-42.507 42.442ZM496 240H252.395c-7.342-33.419-37.186-58.507-72.778-58.507-35.592 0-65.436 25.088-72.778 58.507H16c-8.836 0-16 7.164-16 16 0 8.837 7.164 16 16 16h90.847c7.357 33.401 37.241 58.507 72.77 58.507 35.548 0 65.419-25.102 72.772-58.507H496c8.836 0 16-7.163 16-16 0-8.836-7.164-16-16-16Zm-273.877 15.958-.001.172c-.07 23.367-19.137 42.376-42.505 42.376-23.335 0-42.403-18.983-42.504-42.338l-.003-.234c.035-23.41 19.09-42.441 42.507-42.441 23.406 0 42.454 19.014 42.507 42.408l-.001.057Z' fill='%23518C32'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='filter_3839020 1__a'%3E%3Cpath fill='%23fff' d='M0 0h512v512H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.shop-content .site-sidebar{
position: fixed;
left: 0;
top: 0;
right: auto;
bottom: 0;
width: 100%;
max-width: 300px;
background-color: #ffffff;
z-index: 11;
overflow: auto;
transform: none;
border-radius: 0;
transform: translate3d(-100%,0,0);
transition: transform .4s cubic-bezier(.19,1,.22,1);
}
.site-sidebar-active{
transform: none !important;
}
body.shop-sidebar-filter-open{
overflow: hidden;
}
.shop-sidebar-filter-open .site-overlay{
opacity: 1;
visibility: visible;
}
.shop-sidebar-filter-close{
margin: 0;
display: block;
width: 20px;
height: 20px;
text-align: center;
margin-left: auto;
}
.shop-sidebar-filter-close::before,
.shop-sidebar-filter-close::after{
position: absolute;
content: ' ';
height: 20px;
width: 1px;
background-color: #000000;
}
.shop-sidebar-filter-close::before{
transform: rotate(45deg);
}
.shop-sidebar-filter-close::after{
transform: rotate(-45deg);
}
.woocommerce .woocommerce-ordering{
height: 35px;
}
.shop-content-holder-categories li.product-category img{
height: 130px !important;
}
.shop-content-holder-categories{
padding-top: 135.5px;
}
.related ul.products {
grid-template-columns: repeat(2, 1fr);
}
.woocommerce div.product div.summary{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin: 0;
}
.product-block-modal-holder{
width: 100%;
}
}
/*end*/
@media (max-width: 576px) {
.nav-tools .nav-tel{
display: none;
}
.search-close{
width: 35px;
}
.search-close::before, .search-close::after{
height: 17px;
}
.site-hero__background-image figure{
height: 55vh;
}
.site-hero__background-image figure img{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.site-hero__content{
text-align: center;
}
.site-hero__btn{
justify-content: center;
}
.onsale-products-holder {
grid-template-columns: repeat(1, 1fr) !important;
}
.onsale-products__heading{
flex-direction: column;
}
.onsale-products__heading .site-button a{
height: 40px;
}
.btn, .site-button a{
height: 40px;
}
.product .product-item-image figure{
height: 200px;
}
.icons-block .icons-block-list {
grid-template-columns: repeat(1, 1fr) !important;
}
.info-block-holder .site-col-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.info-block-holder .site-row{
flex-direction: column-reverse;
}
.info-block-image{
margin-bottom: 25px;
}
.product-button a{
padding: 0;
width: 30px;
height: 30px;
}
.product-button a svg{
width: 23px;
height: 23px;
}
.product-item-price .price{
gap: 5px;
}
.reviews-block__item{
padding: 15px;
}
.page-bottom-cta-content{
max-width: 100%;
}
.footer-top .site-col-3,
.footer-top .site-col-2,
.footer-bottom .site-col-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.footer-social-block ul{
margin-top: 15px;
justify-content: center;
}
.footer-text p:not(.footer-contact-block p){
margin-bottom: 15px;
}
.footer-top .site-row{
row-gap: 20px;
}
.page-bottom-cta-content p br{
display: none;
}
.marquee__content li{
padding: 0 10px;
}
.search-content ul.products {
grid-template-columns: repeat(1, 1fr) !important;
}
.shop-content-holder .site-content ul.products {
gap: 10px;
grid-template-columns: repeat(2, 1fr);
}
.site-sidebar .wcpf-field-checkbox-list .wcpf-content{
margin: 15px 0 0 0;
}
.site-sidebar .wcpf-checkbox-list .wcpf-checkbox-item{
margin-bottom: 15px;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-button .wcpf-button{
height: 40px;
}
.shop-content-holder-categories ul.products {
grid-template-columns: repeat(2, 1fr) !important;
}
.shop-content-holder-categories {
padding-top: 135px;
}
.related ul.products {
grid-template-columns: repeat(1, 1fr);
}
.woocommerce div.product div.left-summary-side,
.woocommerce div.product div.summary{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce div.product div.summary{
margin-top: 25px;
}
.woocommerce div.product h1.product_title{
margin-bottom: 15px;
}
.woocommerce-product-details__short-description p{
margin-bottom: 15px !important;
}
.product-accordion-block{
margin: 20px 0 0 0;
}
.product-accordion-block__item-caption{
padding: 15px 0;
}
.product-block-content{
max-width: 100%;
padding: 0 10px;
}
.product-block-form{
padding: 20px;
}
.product-block-close{
right: 10px;
}
.site-request-form-radio p .wpcf7-radio{
gap: 10px;
flex-direction: column;
}
.wpcf7-list-item{
width: 100%;
}
.product-accordion-block__item-content ul li{
padding: 0 0 0 25px;
background-size: 15px 15px;
background-position: 0 15%;
}
.search-form{
width: 100%;
}
.about-block__wrapper-item{
align-items: center;
text-align: center;
}
.site-heading h3 br{
display: none;
}
.wpb_text_column p:first-of-type{
margin-top: 15px;
}
.chat-button{
right: 15px;
bottom: 15px;
width: 40px;
height: 40px;
}
.main-circle{
width: 40px;
height: 40px;
}
.main-circle svg {
width: 40px;
height: 40px;
}
.top-bar-nav ul li a,
.top-bar-nav ul li p{
font-size: 12px;
font-weight: 500;
}
.site-hero__timer .timer{
justify-content: center;
}
.hero-desc p{
font-size: 16px;
}
.hero-desc p br{
display: none;
}
.site-hero__timer p{
font-size: 16px;
margin-top: 0 !important;
}
.btn span,
.site-button a span{
font-size: 13px;
}
.cat-grid__wrapper{
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.cat-grid__item a{
flex-direction: column;
padding: var(--s-10-clamp);
}
.cat-grid__item img{
width: 35px;
height: 35px;
}
.popular-products__heading-holder,
.onsale-products__heading-holder{
flex-direction: column;
}
.popular-products__heading,
.onsale-products__heading{
flex-direction: column;
}
.product-item-details{
padding: var(--s-10-clamp);
}
.product-item-title h3.woocommerce-loop-product__title{
font-size: 15px !important;
}
.product-item-title .product-item-lat-title{
font-size: 12px;
}
li.product .product-item-image .badge{
top: 7px !important;
left: 7px !important;
}
li.product .product-item-image .badge:nth-child(2){
top: 40px;
}
.product-item-image .custom-wishlist-button{
top: 7px;
right: 7px;
width: 30px;
height: 30px;
}
li.product .product-item-image .badge{
font-size: 12px;
}
.section-cta__content-holder{
flex-direction: column;
}
.section-cta__content{
text-align: center;
}
.section-cta__content{
width: 100%;
}
.section-cta__content-image{
width: 100%;
}
.section-cta__content-holder{
padding: 0;
}
.section-cta__content-btn{
margin: 15px auto 15px auto;
}
.section-cta__content{
padding-top: 80px;
}
.section-cta__content-image figure{
height: auto;
}
.section-cta__content p{
font-size: 16px;
}
.section-cta__content h5{
font-size: 18px;
}
.section-cta__line{
padding: 5px 0;
}
.logo-marque__content-item figure{
padding: 10px;
height: 115px;
}
.cat-grid__heading{
text-align: center;
}
main,
.section,
.section-wrap,
.site-container,
.site-content,
.site-row,
.wpb_row,
.vc_row,
.wpb_column,
.vc_column_container {
overflow: visible !important;
transform: none !important;
contain: none !important;
}
.why-block,
.why-block__list {
overflow: visible !important;
transform: none !important;
}
.why-block__list{
display: block !important;
position: relative;
padding-top: 20px;
background: transparent !important;
border-radius: 0 !important;
}
.why-block__item{
position: sticky !important;
top: 20px !important;
display: block !important;
flex: none !important;
margin: 0 0 40px !important;
padding: var(--s-20-clamp);
min-height: 70vh;
background: #fff;
border-radius: 20px !important;
box-shadow: 0 8px 20px rgba(0,0,0,.10);
overflow: visible !important;
transform: none !important;
}
.why-block__item:first-child{ min-height: 100vh; }
.why-block__item:nth-of-type(even){ background-color: var(--main-color); }
.why-block__item:nth-of-type(even) .why-block__item-heading h4,
.why-block__item:nth-of-type(even) .why-block__item-info h3,
.why-block__item:nth-of-type(even) .why-block__item-info p{ color: var(--white-color); }
.why-block__item:nth-of-type(even) .why-block__item-buttons .btn{
background-color: var(--white-color);
}
.why-block__item:nth-of-type(even) .why-block__item-buttons .btn span{ color: var(--main-color); }
.why-block__item.active { flex: none !important; }
.why-block__item-heading h4{
writing-mode: initial !important;
transform: none !important;
font-size: 18px;
font-weight: 500;
color: var(--main-color);
margin: 0 0 10px;
text-align: center;
}
.why-block__item-content{ display: block !important; opacity: 1 !important; transform: none !important; }
.why-block__item-image figure{ height: 300px; margin: 0 0 16px; }
.why-block__item-image figure img{
width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-r-15); display: block;
}
.why-block__item-info{ text-align: center; }
.why-block__item-info h3{ font-size: var(--font-h4-clamp); font-weight: 500; margin-bottom: 12px; }
.why-block__item-info p{ font-size: 16px; line-height: 1.6; color: #51564F; }
.why-block__item-info h3 br, .why-block__item-info p br{ display: none; }
.why-block__item-buttons{
display: flex; justify-content: center; align-items: center;
gap: 15px; margin-top: var(--s-30-clamp);
}
.why-block__item-call a{
display: inline-flex; padding: 5px; align-items: center; justify-content: center;
background: var(--white-color); border-radius: var(--border-r-50);
box-shadow: 0 4px 12px rgba(0,0,0,.12);
}
.why-block__item-call a svg{ width: 22px; height: 22px; }
.why-block__heading{ margin-bottom: 25px; }
.review-slider__item .video-holder,
.review-slider__item figure{
height: auto;
}
.review-slider__heading{
flex-direction: column;
}
.review-slider__heading-holder{
flex-direction: column;
}
.location-heading{
flex-direction: column;
}
#map{
height: 400px;
}
.location-holder{
display: flex;
white-space: nowrap;
overflow-x: auto;
justify-content: flex-start;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.footer-contact-block{
align-items: center;
}
.footer-contact-block-item{
gap: 5px;
flex-direction: column;
}
.footer-bottom .site-col-4,
.footer-bottom .site-col-8{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.footer-text h4, .footer-contact h4, .footer-navigation h4{
margin-bottom: 10px;
}
.footer-copyright{
text-align: center;
margin-bottom: 10px;
}
.footer-info{
flex-direction: column;
}
.page-bottom-cta-content p{
font-size: 16px;
}
.mini-cart-active .mini-cart{
right: 0;
}
.mini-cart{
top: 0;
bottom: 0;
border-radius: 0;
}
.custom-wishlist.woocommerce ul.products{
grid-template-columns: repeat(2, 1fr);
}
.mini-cart-content ul>li a:last-of-type{
font-size: 14px;
}
.cat-grid__wrapper{
gap: 10px;
row-gap: 10px;
}
.product-item-price-holder span{
font-size: 16px;
}
.products-sorting-holder p{
display: none;
}
.shop-header-default{
margin-bottom: 20px;
}
.products-sorting{
padding-bottom: 20px;
}
.single-product-breadcrumbs{
padding-top: 15px;
}
.site-single-product-info{
padding-top: 15px;
}
.woocommerce div.product div.images .flex-control-nav li{
width: 35px;
height: 35px;
border-radius: 10px;
}
.woocommerce div.product div.images .flex-control-nav li img{
border-radius: 10px;
}
.page-breadcrumbs a, .page-breadcrumbs span{
font-size: 14px;
}
.woocommerce div.product div.left-summary-side{
position: static;
}
form.custom-bulk-variations-form .button{
height: 45px;
}
.product-box__info{
padding: 10px;
gap: var(--gap-15-clamp);
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
}
.product-single-desc .site-col-7{
margin-bottom: 25px;
}
.product-single-desc .site-col-7,
.product-single-desc .site-col-5{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.bulk-variation__row-image figure{
width: 45px;
height: 45px;
}
.bulk-variation__row-properties p{
font-size: 14px;
}
.bulk-variation__row-price span.woocommerce-Price-amount{
font-size: 14px;
}
.bulk-variation__row-price div.price{
gap: 0;
flex-direction: column;
}
.bulk-variation__row-properties span{
font-size: 11px;
height: 20px;
}
.quantity span.minus, .quantity span.plus{
width: 25px;
}
.footer-top .site-row .site-col-3{
border-left: none;
}
.mini-cart-content .buttons a.button{
height: 45px;
}
.cookie-popup{
bottom: 10px;
right: 10px;
left: 10px;
}
.cookie-popup__content-holder{
padding: 20px;
}
.cookie-popup__close{
top: 10px;
right: 10px;
}
.cookie-close{
width: 20px;
height: 20px;
}
.cookie-close::before, .cookie-close::after{
height: 20px;
}
.new-hero__info-top h1{
text-align: center;
}
.new-hero__buttons{
flex-direction: column;
}
.new-hero__image figure{
height: calc(70dvh - 104px);
}
.plants__list{
margin-top: 25px;
}
.icon-block-item .icon-block-content p{
font-size: 16px;
}
.plants__item-content p{
font-size: 16px;
}
.plants__item-image figure{
height: 300px;
}
.plants__links{
margin-top: 25px;
flex-direction: column;
}
.steps__heading{
margin-bottom: 25px;
}
.steps__item-image figure{
height: 300px;
}
.gallery .gallery-item-video, .gallery .gallery-item figure{
height: 200px;
}
.steps__item-content p{
font-size: 16px;
}
.gallery-heading p{
font-size: 16px;
}
.plants__heading p br,
.steps__heading p br,
.gallery-heading p br,
.cf7-cta__caption-holder p br,
.timeline__heading p br,
.team__heading p br{
display: none;
}
.gallery-holder.gallery-holder-3-column{
margin-top: 15px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.cf7-cta__image figure{
height: 300px;
}
.cf7-cta__caption-holder p{
font-size: 16px;
}
.site-contact-form{
display: flex;
flex-direction: column;
}
.one-location .location-wrapper{
flex-direction: column;
}
.map-holder.one-location .location-wrapper #map{
flex: none;
}
.vc_do_toggle{
padding: 15px !important;
}
.vc_toggle_title h4{
font-size: 18px !important;
}
.site-heading h2 br{
display: none;
}
.mobile-space-x15{
margin-bottom: 15px;
}
.mobile-space-x20{
margin-bottom: 20px;
}
.timeline__item-image figure{
height: 300px;
}
.site-heading p{
font-size: 16px;
}
.timeline__heading p{
font-size: 16px;
}
.timeline__tab-item span{
font-size: 16px;
padding: 5px 10px;
}
.timeline__tab-item{
padding-bottom: 25px;
}
.timeline__item-content p{
font-size: 16px;
}
.timeline__item-content{
gap: 10px;
margin-top: 20px;
text-align: center;
padding-bottom: 15px;
}
.team__heading p{
font-size: 16px;
}
.team__heading{
margin-bottom: 35px;
}
.hero_rca__caption-holder h1 br{
display: none;
}
.hero_rca__desc p{
font-size: 16px;
}
.hero_rca__caption-holder h1{
margin-bottom: 15px;
}
.hero_rca__image figure{
height: 300px;
}
.section-cta__content-label{
justify-content: center;
}
.why-block__item-heading h4{
font-size: 18px;
}
.woocommerce-checkout form.woocommerce-checkout{
flex-direction: column;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details{
width: 100%;
}
.woocommerce-checkout form.woocommerce-checkout #order_review{
width: 100%;
}
.woocommerce .woocommerce-checkout .form-row#billing_person_type_field span.woocommerce-input-wrapper{
grid-template-columns: repeat(1, 1fr);
}
.woocommerce-billing-fields__field-wrapper p.form-row{
padding-bottom: 20px !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.woocommerce ul#shipping_method{
flex-direction: column;
}
.woocommerce-checkout ul.payment_methods{
flex-direction: column;
}
.woocommerce .woocommerce-checkout-payment #place_order,
.woocommerce-page .woocommerce-checkout-payment #place_order{
margin-bottom: 0 !important;
}
.posts-page .site-col-4{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.posts-page ul.posts-cat-nav{
white-space: nowrap;
overflow-x: auto;
justify-content: flex-start;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.post-excerpt p{
font-size: 16px;
}
.related.posts .site-col-4{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.post-single-text .site-col-offset-2{
margin-left: 0;
}
.post-single-text .site-col-8{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.post-single-image figure{
height: 350px;
}
.post-single-text p,
.post-single-text li{
font-size: 16px;
}
.search-content .cat-grid__wrapper {
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.hero-title h1 br{
display: none;
}
.post-single-header .site-col-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.post-single-info{
margin-top: 20px;
}
.post-single-header h1{
margin-bottom: 15px;
}
.post-single-text h4{
padding: 10px 5px;
}
.site-hero__video__desc{
text-align: center;
}
.site-hero__video__desc h1 br,
.site-hero__video__desc p br{
display: none;
}
.site-hero__video__desc p{
margin-top: 15px;
}
.site-hero__video-link{
height: 70vh;
}
.top-bar-nav ul li:nth-child(1),
.top-bar-nav ul li:nth-child(2),
.top-bar-nav ul li:nth-child(3),
.top-bar-nav ul li:nth-child(4){
justify-content: center !important;
}
.woocommerce ul.order_details li{
padding: 15px;
float: none;
margin-right: 0;
margin-bottom: 10px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details,
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-order-received .woocommerce-order-details .shop_table{
padding: 15px;
}
.woocommerce-order-received address{
padding: 15px !important;
}
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details{
margin-top: 15px;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr{
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
}
.woocommerce-order-received .woocommerce table.shop_table tbody .product-total{
margin-left: 0;
}
.woocommerce table.shop_table tbody tr.cart_item{
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
}
.woocommerce table.shop_table tbody .product-name{
padding: 5px 0 5px 0;
}
.woocommerce table.shop_table tbody .product-total{
margin-left: 0;
}
.no-result-page .site-col-offset-2{
margin-left: 0;
}
.no-result-page .site-col-8 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.no-result-page img{
height: 100px;
}
.product-cta{
flex-direction: column;
}
.product-cta__info{
text-align: center;
padding: 0 20px 20px 20px !important;
}
.product-cta__image figure{
height: 250px;
}
.woocommerce div.product div.images .flex-nav-prev {
left: -10px;
}
.woocommerce div.product div.images .flex-nav-next {
right: -10px;
}
.product-propriety__item{
padding: 10px;
}
.why-block__item-image{
width: 100%;
}
.why-block__item-info{
width: 100%;
}
.cookie-popup .site-contact-form-input{
max-width: 100%;
}
.cookie-popup .site-contact-form-btn input.wpcf7-submit{
font-size: 13px;
height: 40px;
}
}
/*end*/