/*Global*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap');
:root {
    --green: #A8C666;
    --juniper: #2B3C06;
    --white: #FFFFFF;
    --black: #222222;
    --grey: #8C8C8C;
    --ash: #E0E0E0;
    --dark: #242424;
}
body {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 16px;
}
* {
    transition: 0.3s all;
}
a {
    color: var(--black);
}
a:hover {
    color: var(--green);
    text-decoration: none;
}
span.green {
    color: var(--green);
}
span.white {
    color: var(--white);
}
.container {
    max-width: 1190px;
}
.container-extend {
    max-width: 1440px;
    padding: 0 15px;
    margin: 0 auto;
}
.container-news {
    max-width: 1265px;
    padding: 0px 15px 150px 15px;
    margin: 0 auto;
}
.container-fluid {
    position: relative;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}
.green-button {
    width: 156px;
    height: 42px;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background-color: var(--green);
    border: 1px solid var(--green);
    border-radius: 5px;
}
.green-button:hover {
    background-color: transparent;
    color: var(--green);
}
.fw-300 { font-weight: 300; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

input:focus,
textarea:focus,
button:focus {
    outline: none;
}
.vertical-slide .slick-arrow {
    background: none;
    font-size: 1.5em;
    cursor: pointer;
    border: none;
    outline: none;
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    z-index: 5;
}
.vertical-slide .slick-prev {
    left: -50px;
}
.vertical-slide .slick-next {
    right: -50px;
}
.vertical-slide .slick-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 48px;
}
.vertical-slide .slick-dots button {
    display: none;
}
.vertical-slide .slick-dots li {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--ash);
    margin-right: 24px;
    margin-bottom: 25px;
    cursor: pointer;
}
.vertical-slide .slick-dots li.slick-active {
    border: 3px solid var(--green);
    background-color: var(--white);
}

/*Header*/
.site-header {
    padding-top: 35px;
}
.site-branding {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.header-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.header-menu > .menu-item {
    margin-right: 45px;
    font-size: 0.9375em;
}
.header-menu > .menu-item > a {
    font-weight: 500;
}
.header-menu > .current-menu-item > a {
    color: var(--green);
}
.search-button {
    margin-right: 45px;
}
.banner-slide {
    margin: 200px 0 300px;
}
.banner-slide-item {
    text-align: center;
}
.banner-slide-item h4 {
    font-size: 3em;
    color: var(--green);
    margin-bottom: 20px;
}
.banner-slide-item .desc {
    font-size: 0.875em;
    color: var(--white);
    margin: 0 auto 45px;
}
.banner-slide-item .green-button {
    margin: 0 auto;
}
.banner-slide-list .slick-dots {
    position: absolute;
    list-style-type: none;
    right: -220px;
    top: 50%;
    transform: translateY(-50%);
}
.banner-slide-list .slick-dots button {
    display: none;
}
.banner-slide-list .slick-dots li {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    margin-bottom: 25px;
    cursor: pointer;
}
.banner-slide-list .slick-dots li.slick-active {
    border: 3px solid var(--green);
    background-color: var(--white);
}
.main-navigation a {
    color: var(--white);
}
.page-top {
    padding: 60px 0 45px;
}
.page-title {
    font-size: 3em;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}
.main-navigation a.cart-url {
    position: relative;
}
.main-navigation span.cart-number {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    background-color: var(--white);
    border-radius: 50%;
    font-size: 0.5625em;
    color: var(--black);
    padding-top: 2px;
    top: 0;
    right: -5px;
}
.main-navigation i {
    color: var(--green);
}
.socials-header {
    position: absolute;
    top: 0;
    right: 100px;
    display: flex;
}
.socials-header-icon {
    display: block;
    margin-right: 15px;
}
.socials-header-icon i {
    width: 23px;
    height: 23px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    border-radius: 50%;
}
.socials-header .green {
    display: block;
    margin-right: 70px;
    position: relative;
}
.socials-header .green:after {
    position: absolute;
    content: "";
    top: 50%;
    right: -50px;
    width: 37px;
    height: 2px;
    transform: translateY(-50%);
    background-color: var(--green);
}
.language {
    position: absolute;
    top: 0;
    left: 100px;
    z-index: 5;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0 !important;
}
.wpml-ls-legacy-list-horizontal {
    border: none !important;
    padding: 0 !important;
    clear: unset !important;
}
.site-header .wpml-ls-statics-footer a {
    background-color: unset !important;
    color: var(--white) !important;
    padding: 0 !important;
}
.site-header .wpml-ls-statics-footer a:hover {
    color: var(--green) !important;
}

/*Footer*/
.footer-widgets {
    background-color: var(--dark);
    padding: 70px 0 0;
}
.footer-logo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-logo .info-list .info {
    margin-bottom: 15px;
    font-size: 0.875em;
}
.footer-logo .info-list .info a {
    color: var(--white);
}
.footer-logo .socials {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.footer-logo .socials li {
    width: 23px;
    height: 23px;
    background-color: var(--green);
    border: 1px solid var(--green);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.footer-logo .socials li a {
    color: var(--dark);
    width: 23px;
    height: 23px;
    text-align: center;
}
.footer-logo .leaftea-logo {
    padding-right: 40px;
}
.platform-delivery section {
    padding: 14px 0px 100px 0px !important;
}
.platform-delivery a {
    border: 1.3px solid #A8C666;
    border-radius: 5px;
    padding: 8px 17px;
    margin: 0 3px;
    color: var(--white);
    display: inline-block;
    margin-bottom: 15px;
}
.platform-delivery-mobi a {
    border: 1.3px solid #A8C666;
    border-radius: 5px;
    padding: 8px 17px;
    margin-right: 8px;
    color: var(--white);
}
.platform-delivery .widget-title {
    color: #A8C666;
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 8px;
}
.platform-delivery-mobi {
    text-align: center;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: var(--black);
    z-index: 10000;
    display: none;
}
.platform-delivery-mobi .widget-title {
    height: 0px;
}
.footer-schedule .widget-title {
    color: var(--green);
    font-size: 1.125em;
    font-weight: 500;
    margin-bottom: 10px;
}
.footer-schedule {
    padding: 0 30px 0px 0px;
}
.footer-schedule ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 15px;
}
.footer-schedule ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 0.875em;
    padding-bottom: 6px;
}
.footer-schedule ul li:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--white);
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}
.footer-schedule span.green {
    font-weight: 500;
}
#copyright {
    text-align: center;
    padding: 25px;
    font-size: 0.875em;
    color: var(--white);
    border-top: 1px solid #313131;
    margin-top: 30px;
}

/*Header search*/
#overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    opacity: 0;
    pointer-events: none;
}
#overlay.active {
    opacity: 1;
    pointer-events: unset;
}
#header-search {
    position: fixed;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none;
}
#header-search.active {
    opacity: 1;
    pointer-events: unset;
}
#header-search .input-search {
    width: 500px;
    height: 50px;
    border: none;
    border-bottom: 2px solid var(--white);
    background-color: transparent !important;
    color: var(--white) !important;
}
#header-search .input-submit {
    height: 50px;
    background-color: transparent !important;
    border: none !important;
    color: var(--green) !important;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

/*Product*/
.yith-wcwl-icon {
    font-family: unset !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    margin: 0 !important;
}
.add_to_wishlist span {
    display: none;
}
.product-slide {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.add_to_cart_button {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
.add_to_cart_button:before {
    content: "\f07a";
}
.add_to_wishlist i:before,
.add_to_cart_button:before {
    font-size: 1.125em;
}
.add_to_cart_button:after,
.added_to_cart {
    display: none !important;
}
.product {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
}
.product .woocommerce-loop-product__link {
    flex: 0 0 100%;
    transition: unset;
}
.product .woocommerce-loop-product__link * {
    transition: unset;
}
.product-thumbnail {
    padding: 20px 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin-bottom: 15px;
    height: 220px;
}
.product-thumbnail img {
    width: 100%!important;
    height: 100% !important;
    margin: 0 auto !important;
    object-fit: cover;
}
.yith-wcwl-add-to-wishlist, 
.add_to_cart_button,
.add_to_cart_button a {
    flex: 0 0 38px;
    height: 38px;
}
.yith-wcwl-add-to-wishlist {
    margin: 0 10px 0 0 !important;
}
.yith-wcwl-add-button,
.yith-wcwl-add-to-wishlist a {
    width: 100%;
    height: 100%;
}
.yith-wcwl-add-to-wishlist a,
.add_to_cart_button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: var(--ash) !important;
    border-radius: 50% !important;
}
.add_to_cart_button {
    margin-top: 0 !important;
    padding: 0 !important;
    font-weight: 300 !important;
    display: none !important;
}
.product .alg-wc-wl-toggle-btn {
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	width: 38px !important;
	height: 38px !important;
	background-color: var(--ash) !important;
	/*margin-right: 10px !important;*/
    border: none;
}
.product .alg-wc-wl-toggle-btn i {
	margin-left: 0 !important;
	opacity: 1 !important;
}
.woocommerce-loop-product__title {
    font-size: 1em;
    text-align: center;
    padding: 0 !important;
    margin-bottom: 5px !important;
    /*display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    max-height: 19.19px;*/

    display: block;
}
.short-description {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    font-size: 0.875em;
    text-align: center;
    color: var(--grey);
    margin-bottom: 10px;
}
.price {
    display: block;
    text-align: center;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    font-size: 1.125em !important;
    color: var(--juniper) !important;
}

/*Front Page*/
.home section {
    padding: 60px 0;
}
.section-title {
    text-align: center;
    font-size: 1.75em;
    margin-bottom: 45px;
}
.product-slide {
    position: relative;
}
.product-slide .slick-list {
    margin: 0 -20px;
    padding-top: 10px;
}
.product-slide .slick-slide {
    margin: 0 20px;
}
#front-social .container {
    overflow: hidden;
}
.social-wrap {
    width: calc(50% - 45px);
    background-color: var(--green);
    display: flex;
    margin-left: auto;
    padding: 40px;
    position: relative;
    justify-content: space-around;
}
.social-wrap:after {
    position: absolute;
    content: "";
    width: 90px;
    height: 100%;
    top: 0;
    left: -90px;
    border-right: 45px solid var(--green);
    border-bottom: 68.5px solid var(--green);
    border-left: 45px solid transparent;
    border-top: 68.5px solid transparent;
}
.social-title {
    position: relative;
    color: var(--white);
    font-size: 2.25em;
    margin-right: 45px;
}
.social-title:after {
    position: absolute;
    content: "";
    width: 111px;
    height: 2px;
    background-color: var(--white);
    left: 0;
    bottom: 0;
}
#front-intro {
    position: relative;
    padding: 40px 0;
}
#front-intro:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(43, 60, 6, 0.8);
    z-index: 0;
}
#front-intro .container {
    position: relative;
    z-index: 1;
}
.intro-wrap .content {
    flex: 0 0 400px;
    margin-right: 75px;
    color: var(--white);
}
.intro-title {
    font-size: 1.75em;
    line-height: 42px;
    margin-bottom: 35px;
    padding-top: 70px;
}
.intro-content {
    font-size: 0.875em;
    line-height: 21px;
    margin-bottom: 50px;
}
.intro-wrap .images img {
    width: 346px;
    height: 553px;
    object-fit: cover;
    border: 4px solid var(--green);
    border-radius: 6px;
}
.intro-wrap .images img:first-of-type {
    margin-right: 20px;
    margin-top: 70px;
}
.intro-wrap .images img:last-of-type {
    margin-bottom: 70px;
}
.news-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.news-item {
    background: #FFFFFF;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin: 0 20px 40px;
    overflow: hidden;
}
.news-list .slick-list .news-item {
    margin: 0 7.5px;
}
.news-item .thumbnail {
    display: block;
}
.news-item .thumbnail img {
    max-width: 100%;
}
.news-item .content {
    padding: 20px;
}
.news-item .title {
    align-items: center;
    font-size: 1.125em;
    margin-bottom: 5px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    height: 54px;
}
.news-item .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-align: center;
    font-size: 0.875em;
    color: var(--grey);
    margin-bottom: 18px;
}
.news-item .meta {
    padding: 4px 0;
    border-top: 1px solid var(--ash);
    display: flex;
    justify-content: space-between;
}
.news-item .date {
    font-size: 0.75em;
    color: var(--dark);
}
.news-item .view-more {
    font-size: 0.875em;
    color: var(--juniper);
}
.news-item .view-more i {
    margin-left: 5px;
    font-size: 0.75em;
}
.news-list .slick-list {
    margin: 0 -7.5px;
    padding: 10px 0;
}
.front-address {
    position: relative;
}
.address-list {
    z-index: 10;
    position: absolute;
    display: none;
    list-style-type: none;
    margin: 0;
    top: 30px;
    left: 30px;
    background-color: var(--white);
    padding: 15px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
    font-size: 0.875em;
}
.address-list.active {
    display: block;
}
.address-select i:first-of-type {
    color: var(--green);
    margin-right: 5px;
    font-size: 1em;
}
.address-select i:last-of-type {
    margin-left: 5px;
    font-size: 1em;
}
.address-list i {
    color: var(--green);
    margin-right: 5px;
}
.address-select {
    font-size: 0.875em;
    margin-bottom: 20px;
    width: fit-content;
    cursor: pointer;
}
.map-container {
    display: none;
}
.map-container.active {
    display: block;
}
.contact form span {
    width: 100%;
    display: block;
}
.contact input,
.contact textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--green);
    margin-bottom: 15px;
}
.contact input:focus,
.contact textarea:focus {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}
.contact input {
    padding: 0 18px;
    height: 44px;
}
.contact textarea {
    padding: 12px 18px;
    height: 120px;
    resize: none;
}
.contact input[type="submit"] {
    width: 156px;
}
.contact input::placeholder,
.contact textarea::placeholder {
    font-size: 0.875em;
    font-weight: 300;
    color: var(--grey);
}
.contact h3 {
    margin-bottom: 25px;
}
#front-gallery {
	padding-bottom: 12px;
}
.list-gallery .slick-slide {
	margin: 0 6.5px;
	height: 330px !important;
	object-fit: cover;
}

/*Products Page*/
.woocommerce .products ul, 
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    padding: 90px 30px 70px 0;
}
ul.products .product {
    flex: 0 0 calc(25% - 40px);
    margin: 0 20px 40px !important;
    float: none !important;
}
.search-results ul.products {
	display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    padding: 0;
}
.search-page ul.products .product {
	flex: 0 0 calc(20% - 40px);
}
.irs--round .irs-handle {
    top: 6px !important;
    width: 16px !important;
    height: 16px !important;
    border: none !important;
    background-color: var(--green) !important;
}
.irs--round .irs-bar {
    top: 13px !important;
    background-color: var(--green) !important;
}
.irs--round .irs-line {
    top: 13px !important;
}
.irs--round {
    height: 35px !important;
}
#range-value {
    margin-top: 10px;
}
.range-value-show {
    font-size: 1.125em;
    display: block;
    margin-bottom: 15px;
}
.product-sidebar .wrap {
    background-color: #FBFBFB;
    border-radius: 5px;
    padding: 90px 20px 35px;
}
.side-block {
    margin-bottom: 25px;
}
.search-form {
    position: relative;
}
.search-form input[name="s"] {
    width: 100%;
    height: 40px;
    border: 1px solid var(--green);
    border-radius: 5px;
    font-size: 0.875em;
    padding-left: 18px;
}
.search-form i {
    font-size: 1.25em;
    color: var(--green);
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 5;
}
.search-form input[type="submit"] {
    width: 40px;
    height: 40px;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15;
}
.side-title {
    font-size: 1.25em;
    color: var(--juniper);
    margin-bottom: 10px;
}
.categories {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
}
.categories .category {
    position: relative;
    margin-bottom: 3px;
}
.categories .category:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    background-color: var(--green);
    border-radius: 50%;
}
.categories .category.active a {
    color: var(--green);
}

/*Single Product*/
.product_title {
    font-size: 2.25em;
    line-height: 54px;
}
.summary .price {
    font-size: 1.5em !important;
    text-align: left;
    margin-bottom: 20px;
}
.woocommerce-product-details__short-description {
    font-size: 0.875em;
    color: var(--grey);
    margin-bottom: 20px;
}
.stock {
    display: none;
}
.woocommerce .quantity {
    float: none !important;
    margin-bottom: 25px !important;
}
.woocommerce .quantity .qty {
    width: 37px;
    height: 36px;
    background: #F8F8F8;
    border-radius: 5px;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 1.5em;
    margin: 0 12px;
}
.woocommerce .quantity button {
    font-size: 1.25em;
    cursor: pointer;
    color: var(--grey);
    padding: 0;
    outline: none;
    border: none;
    background: transparent;
}
.single_add_to_cart_button {
    padding-left: 42px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-weight: 500 !important;
}
.single_add_to_cart_button:hover {
    background-color: transparent !important;
    color: var(--green) !important;
}
.single_add_to_cart_button:before {
    position: absolute;
    z-index: 5;
    font-family: "Font Awesome 5 Pro";
    content: '\f07a';
    top: 50%;
    left: 16px;
    z-index: 5;
    color: var(--black);
    transform: translateY(-50%);
}
.single_add_to_cart_button:hover:before {
    color: var(--green);
}
.entry-summary {
    float: unset !important;
    width: 100% !important;
}
.product .container {
    display: flex;
    flex-wrap: wrap;
    padding: 70px 15px 175px;
}
.product .product-gallery,
.product .summary {
    flex: 0 0 calc(50% - 30px);
    margin: 0 15px;
}
.product .summary {
    padding-left: 45px;
}
.product .relate-product {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 150px;
}
.relate-slide {
    position: relative;
}
.relate-slide .slick-list {
    margin: 0 -20px;
    padding-top: 5px;
}
.relate-slide .slick-slide {
    margin: 0 20px;
}
.product .product-gallery {
    display: flex;
}
#product-featured-image {
    flex-grow: 1;
    height: 475px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#product-gallery {
    margin: 0;
    padding: 0 0 0 12px;
    list-style-type: none;
}
#product-gallery li {
    width: 112px;
    height: 112px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#product-gallery li + li {
    margin-top: 9px;
}
#product-gallery li.active,
#product-gallery li:hover {
    background-color: rgba(140, 140, 140, 0.3);
}
.single-product .container {
    position: relative;
}
.single-product .container > .alg-wc-wl-btn-wrapper {
    position: absolute;
    top: 485px;
    left: 395px;
}

/*Cart*/
.woocommerce-info {
    flex: 0 0 100%;
}
.woocommerce-cart-form table thead,
.woocommerce-cart-form table tbody tr:last-of-type {
    display: none;
}
.woocommerce-cart .woocommerce {
    padding-top: 70px;
    padding-bottom: 130px;
    display: flex;
    flex-wrap: wrap;
}
.woocommerce-cart-form table .product-thumbnail {
    box-shadow: unset;
    border-radius: unset;
    margin-bottom: unset;
    width: 150px;
}
.woocommerce-cart-form {
    flex: 0 0 60%;
}
.woocommerce .cart-collaterals, 
.woocommerce-page .cart-collaterals {
    width: unset;
}
.woocommerce .cart-collaterals .cart_totals {
    float: none;
    width: calc(100% - 36px);
    margin-left: auto;
}
.woocommerce .cart-collaterals .cart_totals h2 {
    font-size: 1.5em;
    font-weight: 600;
    color: var(--juniper);
    margin-bottom: 10px;
}
.woocommerce table.shop_table {
    border: none !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}
.woocommerce-cart table.cart img {
    width: 120px !important;
    height: 120px !important;
    object-fit: cover;
    border: 1px solid var(--green);
    border-radius: 5px;
}
.woocommerce table.shop_table td {
    padding: 26px 12px;
    border-top: none;
}
.woocommerce-cart table.cart .product-thumbnail {
    padding-left: 26px;
}
.woocommerce-cart table.cart .product-remove {
    padding-right: 26px;
}
.cart-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    max-height: 72px;
    color: var(--grey);
    margin-bottom: 0;
    font-size: 0.875em;
}
.cart_item .product-name a {
    font-size: 1.125em;
    font-weight: 600;
}
.cart_item .product-quantity {
    width: 135px;
    text-align: center;
}
.cart_item .product-quantity .amount {
    font-size: 1.125em;
    font-weight: 600;
    color: var(--juniper);
}
.cart_item .product-remove {
    vertical-align: top !important;
    padding-top: 68px !important;
}
.cart_item .product-remove a {
    color: var(--grey) !important;
} 
.cart_item .product-remove a:hover {
    color: var(--grey) !important;
    background: none !important;
}
.cart_totals {
    background: #FBFBFB;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    padding: 17px 25px 40px;
}
#coupon-redeem p {
    display: flex;
}
#coupon-redeem input[type="text"] {
    height: 42px;
    border: 1px solid var(--green);
    border-radius: 5px;
    font-weight: 300;
    font-size: 0.875em;
    padding-left: 18px;
    margin-right: 6px;
    flex-grow: 1;
}
.shop_table_side {
    width: 100%;
}
.shop_table_side tr td:last-child {
    text-align: right;
}
.shop_table_side tr, 
.shop_table_side th, 
.shop_table_side td {
    border: none !important;
}
.shop_table_side th {
    font-size: 0.875em;
    font-weight: 500;
}
.shop_table_side tr {
    padding-bottom: 5px !important;
}
.cart-checkout-button {
    width: 100% !important;
}
.woocommerce-cart .woocommerce-notices-wrapper {
    display: none;
}

/*Checkout*/
#customer_details {
    margin: 0 -15px;
}
#customer_details .col-1,
#customer_details .col-2 {
    float: none !important;
    max-width: 100%;
    width: 100%;
    margin-bottom: 25px;
}
#customer_details label {
    display: block;
    width: 100%;
}
#customer_details span {
    width: 100%;
}
#customer_details input,
#customer_details textarea,
#coupon_code {
    width: 100%;
    border: 1px solid var(--green);
    border-radius: 5px;
    padding: 12px;
    font-size: 0.875em;
    font-weight: 300;
}
#customer_details input,
#coupon_code {
    height: 42px;
}
#customer_details textarea {
    height: 150px;
    resize: none;
}
.woocommerce-checkout h3 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--juniper);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: calc(100% - 15px) !important;
    border-color: var(--green) transparent transparent transparent !important;
}
.select2-container .select2-selection--single {
    height: 42px;
    border-radius: 5px;
    border: 1px solid var(--green);
}
.select2-selection__rendered {
    line-height: 42px !important;
}
.select2-selection__arrow {
    height: 42px !important;
}
#place_order {
    background-color: var(--green);
    border: 1px solid var(--green);
    color: var(--black);
}
#place_order:hover {
    background-color: transparent;
    color: var(--green);
}
button[type="submit"] {
    height: 42px;
    background-color: var(--green) !important;
    border: 1px solid var(--green) !important;
    border-radius: 5px !important;
    color: var(--black) !important;
}
button[type="submit"]:hover {
    background-color: transparent !important;
    color: var(--green) !important;
}
.woocommerce-checkout .woocommerce {
    padding: 40px 0 70px;
}
#order_review_heading {
    display: none;
}
form.checkout.woocommerce-checkout {
    display: flex;
    flex-wrap: wrap;
}
#customer_details {
    flex: 0 0 60%;
}
#order_review {
    flex: 0 0 40%;
    margin-left: 30px;
}
.woocommerce-NoticeGroup {
    flex: 0 0 100%;
}
.woocommerce table.shop_table th {
    width: 0;
}

/*Search page*/
.result-box {
	display: none;
}
.result-box.active {
	display: block;
}
.type-switcher {
	display: flex;
}
.type-switcher .type {
	display: block;
	margin-right: 30px;
	font-size: 1.125em;
}
.type-switcher .type.active {
	color: var(--green);
}
.search-page {
	padding: 90px 0 140px;
}
.search-page .type-switcher,
.search-page .news-top-search {
	margin-bottom: 45px;
}
/*Menu Mobi*/
#menu-mobi {
    background-color: var(--white);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 310px;
    height: 100%;
    transform: translateX(-100%);
    transition: 0.3s all;
    padding: 30px 20px;
}
#menu-mobi.active {
    transform: unset;
}
#menu-mobi .mobi-menu {
    list-style-type: none;
    margin: 0 0 50px 0;
    padding: 0;
}
#menu-mobi .mobi-menu li + li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--ash);
}
#menu-mobi .mobi-menu li a {
    font-weight: 500;
}
#menu-mobi .mobi-menu li.current-menu-item a {
    color: var(--green);
}
#menu-mobi .socials-menu-mobi {
    display: flex;
    margin-bottom: 25px;
}
#menu-mobi .socials-menu-mobi > a {
    margin-right: 20px;
}
#menu-mobi .socials-menu-mobi > a i {
    border-radius: 50%;
    background-color: var(--green);
    font-size: 1.5em;
    width: 30px;
    height: 30px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.language-mobi ul {
    text-align: left !important;
}
.language-mobi a {
    font-weight: 500;
    color: var(--green);
    padding: 0 !important;
}
.mobi-search {
    margin-bottom: 25px;
}

.mobi-menu-button {
    padding: 0 15px;
    display: none;
    position: absolute;
    top: 75px;
    left: 15px;
}
.mobi-menu-button i {
    font-size: 1.5em;
    color: var(--green);
    border-radius: 5px;
    border: 1px solid var(--green);
    cursor: pointer;
    padding: 8px;
}
.mobi-cart {
    display: none;
    position: absolute;
    top: 75px;
    right: 30px;
}
.mobi-cart a {
    position: relative;
    font-size: 2em;
    color: var(--green);
}
.mobi-cart a span {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: var(--white);
    border-radius: 50%;
    font-size: 0.5625em;
    color: var(--black);
    padding-top: 2px;
    top: 0px;
    right: -7px;
}
.language-mobi {
    margin-bottom: 25px;
}
.mobi-search input {
    margin-bottom: 0 !important;
}