/*
	Theme Name: DeSa Asian Products
	Theme URI: https://www.desa.ie
	Description: Custom WP Theme for DeSa Asian Products
	Version: 1.0.06.2026
	Author: @harmonicnoise
	Author URI: http://www.deusain.com
	Tags: Indonesia Shop
*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
:root {
	--green: #35843f;
	--green-dark: #15441b;
	--green-light: #e9eee1;
	--red: #b61f25;
	--black: #000;
	--grey: #505050;
	--dark: #212121;
	--light: #d1dac2;
	--super-light: #efefef;
	--white-opacity: rgba(255,255,255, .7);
	--white: #fff;
}
body {
	font-size: clamp(13px, 1vw, 14px);
	font-family: 'Inter', -apple-system,BlinkMacSystemFont,segoe ui,helvetica neue,sans-serif;
	font-weight: 400;
	line-height: 1.6;
	background-color: var(--green-light);
	color: var(--dark);
	width: 100%;
	position: relative;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
blockquote {
	background-color: var(--white);
    color: var(--black);
    padding: 20px 20px 2px 20px;
    margin: 0;
    font-size: 16px;
    display: block;
	font-style: italic;
	border-left: 4px solid var(--green);
}
img {
	max-width:100%;
	height: auto;
}
a {
	color: var(--green);
	text-decoration:none;
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
}
a:hover {
	color: var(--black);
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid var(--black);
}

strong {
	font-weight: 700;
}
h1, h2, h3 {font-weight: 700; line-height: 1.2; color: var(--dark);}
h4, h5, h6 {font-weight: 500; line-height: 1.2; color: var(--dark);}
h1 {font-size: clamp(27px, 4vw, 30px);}
h2 {font-size: clamp(24px, 3.5vw, 27px);}
h3 {font-size: clamp(21px, 3vw, 24px);}
h4 {font-size: clamp(18px, 2vw, 21px);}
h5 {font-size: clamp(15px, 1.5vw, 18px);}
h6 {font-size: clamp(12px, 1vw, 15px);}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow: hidden;
}

/* header */
.header {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	top: 0;
	left: 0;
	z-index: 9;
    position: relative;
    background-color: var(--white);

    .container {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 15px 0;
	  	position: relative;
	  	display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;

		.logo {
			position: relative;
			width: 100px;
			line-height: 0;

			a {
				line-height: 0;

				img {
					width: 100%;
					height: auto;
				}
			}
		}

		.top-search {
			position: relative;

			form {
				width: 700px;
				border: 1px solid var(--grey);
				border-radius: 5px;
				overflow: hidden;
				background-color: var(--white);

				input[type="search"] {
					width: 70%;
					border: 0;
					outline: 0;
					padding: 0 10px;
					height: 40px;
					font-size: 14px;
					float: left;
					background-color: transparent;
				}

				button[type="submit"] {
					width: 50px;
					border: 0;
					outline: 0;
					padding: 0 10px;
					height: 40px;
					font-size: 14px;
					background-color: var(--white);
					color: var(--white);
					float: right;
					position: relative;

					&:after {
	  					content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'><path d='M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z'/></svg>");
						position: absolute;
						right: 10px;
						top: 7px;
						line-height: 0;
						display: inline-block;
					}
				}
			}
		}

		.cart {
			position: relative;
			line-height: 0;
			background-color: #c9ce8f;
			padding: 7px 10px;
			border-radius: 4px;

			a {
				position: relative;
				font-size: 12px;
				color: var(--black);
				display: flex;
			    flex-wrap: wrap;
			    align-items: center;

			    .cart-count {
			    	display: block;
			    	float: right;
			    	line-height: 1.2;

			    	.total-item {
			    		color: var(--black);
			    		display: block;
			    	}

			    	.woocommerce-Price-amount.amount {
		    			color: var(--black) !important;
		    			font-weight: 700;
		    		}
			    }

			    svg {margin-right: 6px;}
			}
		}
	}

	.mobile-search {
		display: none;
	}
}

.mobilemenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 350px;
	height: 100vh;
	z-index: 999;
	opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: all .3s ease;
	background-color: var(--white);
	transition: .25s ease-in-out;
	padding: 30px;
	overflow: hidden;
	box-shadow: -1px -8px 16px 10px rgba(0, 0, 0, .2);

	h3 {
		margin: 0 0 30px 0;
		font-size: 17px;
		color: var(--green);
	}

	.close {
		a {
			line-height: 0;
			svg {
				fill: var(--white);
				color: var(--white);
				position: absolute;
				top: 0;
				right: 0;
				background-color: var(--red);
				width: 24px;
				height: 24px;
			}
		}
	}

	&.show-menu {
		opacity: 1;
	    visibility: visible;
	    transform: translateX(0);

	    ul {
	    	padding: 0;
			margin: 0;
			list-style: none;
			position: relative;
	    }

	    span.next {
	    	position: relative;
	    	right: 0;
	    	font-size: 22px;
	    	font-weight: 700;
            color: var(--green);
            float: right;
            top: -41px;
            padding-left: 20px;
	    }
	}

	ul {
		display: block;

		li {
			width: 100%;

			a {
				color: var(--grey);
				padding: 10px 0;
				display: block;
				font-size: 14px;
				font-weight: 600;
				border-bottom: 1px solid var(--light);

				i {
					float: right;
					position: relative;
					right: 0;
					top: 3px;
				}
			}

			.sub-menu {
				position: absolute;
			    inset: 0;
			    background: var(--white);
			    transform: translateX(130%);
			    transition: .35s;
			    overflow-y: auto;

				li {
					a {
						font-size: 14px;
						border-bottom: 0;
						font-weight: 600;
					}
				}

				&.active{
					transform:translateX(0);
					z-index: 9;

					li {
						border-bottom: 1px solid var(--light);
					}

					li.back {
						font-weight: 500;
						color: var(--green);
						padding-bottom: 16px;
                        position: relative;
                        top: 10px;
                        border-bottom: 0;
					}
				}
			}

			&:last-child {
				a {
					border-bottom: 0;
				}
			}
		}
	}
}

.mobile-menu-button {display: none;}

.nav {
	position: relative;
	background-color: var(--green);

	ul {
		width: 100%;
		max-width: 1280px;
		padding: 0;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;

		li {
			display: inline-block;
			margin-right: 20px;

			a {
				padding: 0 20px 0 0;
				line-height: 50px;
				color: var(--white);
				font-size: 15px;
				display: block;
				font-weight: 500;
				position: relative;

				&:hover {
					color: #fc0;
				}
			}

			&.menu-item-has-children {
				a {
					&:after {
	  					content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 -960 960 960' width='18px' fill='%23ffffff'><path d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z'/></svg>");
						position: absolute;
						right: 0;
						top: 16px;
						line-height: 0;
						display: inline-block;
					}
				}
			}

			ul.sub-menu {
				visibility: hidden;
				opacity: 0;
				position: absolute;
				top: 48px;
				width: 250px;
				background-color: var(--green-dark);
				transition: all .2s ease-in-out;
				transform:translateY(10px);
				z-index: 999;
				padding: 10px 0;
				margin: 0;
				display: block;
				border-radius: 0 0 5px 5px;

				li {
					width: 100%;
					border-bottom: 1px rgba(255,255,255, .1);

					a {
						display: block;
						line-height: 36px;
						padding: 0 20px;
						font-size: 13px;
						border-bottom: 1px rgba(255,255,255, .1);

						&:hover {
							color: #fc0;
						}

						&:after {
							display: none;
						}
					}
				}
			}

			&:hover {
				ul.sub-menu {
					visibility: visible;
					opacity: 1;
					transform:translateY(0);
					transition: all .2s ease-in-out;
				}
			}
		}
	}
}

#home {
	position: relative;
	width: 100%;
	margin: 0 auto;

	.container {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 40px 0 60px 0;
		position: relative;

		.banner {
			position: relative;
			line-height: 0;
			overflow: hidden;

			.widget_media_image {
				width: 49%;
				float: left;

				img {
					width: 100%;
					border-radius: 7px;
				}

				&:last-child {
					width: 49%;
					float: right;
				}
			}
		}
		
		.banner-mobile {
			display: none;
			
			.slider {
				position:relative;
				width:100%;
				margin:auto;
				overflow:hidden;
			}

			.slider input {
				display:none;
			}

			.slides {
				display:flex;
				width:400%;
				height:100%;
				transition:.5s ease;
			}

			.slide {
				width:25%;
				flex-shrink:0;
			}

			.slide img {
				width:100%;
				height:100%;
				object-fit:cover;
				display:block;
				border-radius: 7px;
			}

			#slide1:checked ~ .slides{
				transform:translateX(0%);
			}

			#slide2:checked ~ .slides{
				transform:translateX(-25%);
			}

			.navigation{
				position:absolute;
				bottom:10px;
				left:50%;
				transform:translateX(-50%);
				display:flex;
				gap:12px;
			}

			.navigation label{
				width:7px;
				height:7px;
				border-radius:50%;
				background:#ffffff80;
				cursor:pointer;
				transition:.3s;
			}

			.navigation label:hover{
				background:#fff;
			}

			#slide1:checked ~ .navigation label:nth-child(1),
			#slide2:checked ~ .navigation label:nth-child(2) {
				background:#fff;
				transform:scale(1.3);
			}
		}

		.on-sale {
			position: relative;

			h3 {
				border-bottom: 3px solid var(--red);
				padding: 20px 0 10px 0;
				margin-bottom: 30px;
				z-index: 0;
			}

			span {
				a {
					position: absolute;
					font-weight: 500;
					right: 0;
					display: inline-block;
					border: 2px solid var(--green);
					padding: 5px 10px;
					line-height: 1;
					font-size: 12px;
					border-radius: 3px;
					z-index: 1;
					top: 16px;

					&:hover {
						background-color: var(--green);
						color: var(--white);
					}
				}
			}
		}

		.recent {
			position: relative;
			margin-top: 40px;

			h3 {
				border-bottom: 3px solid var(--green);
				padding: 20px 0 10px 0;
				margin-bottom: 30px;
				position: relative;
				z-index: 0;
			}

			span {
				a {
					position: absolute;
					font-weight: 500;
					right: 0;
					display: inline-block;
					border: 2px solid var(--green);
					padding: 5px 10px;
					line-height: 1;
					font-size: 12px;
					border-radius: 3px;
					z-index: 1;
					top: 16px;

					&:hover {
						background-color: var(--green);
						color: var(--white);
					}
				}
			}

			ul.products {
				display: grid;
			    grid-template-columns: repeat(6, 1fr);
			    grid-gap: 30px;
			    margin: 0;
			    width: 100%;
			    margin: 0;
			    padding: 0;
			    list-style: none;

			    li {
				    width: 100% !important;
				    position: relative;
					margin: 0;
					overflow: hidden;
					border-radius: 5px;
					display: flex;
				    flex-wrap: wrap;
				    align-content: space-between;
				    background-color: var(--white);
				    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

				    &:hover {
						box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

						a.button {
							background-color: var(--green);
							color: var(--white);
						}
					}

					a {
						display: block;

						img {
							transition: .2s ease-in-out;
							position: relative;
							top: 0;
							padding: 15px;

							&:hover {
								transition: .2s ease-in-out;
								top: -7px;
							}
						}

						h2 {
							font-size: 14px !important;
						    text-transform: none;
						    line-height: 1.3;
						    padding: 15px 15px 0 15px;
						    border-top: 1px solid var(--light);
						    margin: 0;
						    font-weight: 400;
						    border-bottom: 0;
						    max-width: 100%;
						    max-height: 100%;
						    word-break: keep-all;
						    white-space: normal;
						    text-overflow: ellipsis;
						    overflow: hidden;
						    display: -webkit-box;
						    -webkit-line-clamp: 2;
						    -webkit-box-orient: vertical;

						    &:hover {
								color: var(--green);
							}
						}

						.price {
							text-decoration: none;
						    font-weight: 700;
						    font-size: 14px;
						    color: var(--green);
						    padding: 5px 15px 15px 15px;
						    margin: 0;
						    display: block;

						    del {
							    display: inline-block;
							    margin-right: 4px;
							    position: relative;
							    color: var(--grey) !important;

							    .woocommerce-Price-amount.amount {
									color: var(--grey);
									font-weight: 400 !important;
									display: block;
								}
							}

							ins {
								text-decoration: none;
							}

							.product-save {
								display: block;
							    font-size: 10px;
							    text-transform: uppercase;
							    color: var(--white);
							    font-weight: 500;
							    background-color: var(--green);
							    line-height: 1;
							    padding: 6px 0 0 0;
							    border-radius: 0 0 0 5px;
							    overflow: hidden;
							    position: absolute;
							    top: 0;
							    right: 0;
							    z-index: 1;
							    text-align: center;

							    .woocommerce-Price-amount.amount {
									color: var(--white);
								    font-weight: 500 !important;
								    display: block;
								    background-color: var(--red);
								    padding: 5px 10px;
								    margin-top: 4px;
								    border-radius: 0;
								    font-size: 12px;
								}
							}
						}
					}

					a.button {
						background-color: var(--white);
					    color: var(--green);
					    padding: 10px 0;
					    width: 100%;
					    text-align: center;
					    font-size: 14px;
					    font-weight: 700;
					    margin: 0;
					    border-top: 2px solid var(--green) !important;
					    line-height: 1;
					    border-radius: 10px 10px 0 0;
					}

					.onsale {
						display: none;
					}

					&.outofstock {
						.price {
							display: none;
						}

						.out-of-stock {
							margin: 5px 15px 15px 15px;
						    font-size: 10px;
						    color: var(--red);
						}

						a.button {
							display: none;
						}
					}
				}
			}
		}

		.review {
			margin-top: 40px;
			position: relative;

			h3 {
				border-bottom: 3px solid var(--light);
				padding: 20px 0 10px 0;
				margin-bottom: 30px;
				position: relative;
				z-index: 0;
			}

			span {
				a {
					position: absolute;
					font-weight: 500;
					right: 0;
					display: inline-block;
					border: 2px solid var(--green);
					padding: 5px 10px;
					line-height: 1;
					font-size: 12px;
					border-radius: 3px;
					z-index: 1;
					top: 16px;

					&:hover {
						background-color: var(--green);
						color: var(--white);
					}
				}
			}

			.ti-widget-container {
				position: relative;
				align-items: stretch !important;
				margin-bottom: 0 !important;

				.ti-footer {
					background-color: var(--light);
					padding: 20px;
					border-radius: 10px;
					margin-top: 0 !important;
					display: flex;
					align-items: center;

					.ti-profile-img {
						display: none;
					}
				}

				.ti-reviews-container {
					margin-bottom: 0 !important;
					.ti-reviews-container-wrapper {
						padding-top: 0;
					}
					.ti-inner {
						background-color: var(--white) !important;
					}
				}
			}
		}
	}
}

#foot {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 0;
	background-color: var(--green-dark);

	&:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background-image: url(img/pattern.png);
		background-repeat: repeat;
		width: 100%;
		height: 64px;
		filter: opacity(0.2);
	}

	.container {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 100px 0 40px 0;
		font-size: 14px;
		overflow: hidden;
		position: relative;
		font-weight: 400;
		color: var(--white-opacity);
		line-height: 1.4;
		display: grid;
	    grid-template-columns: repeat(5, 1fr);
	    grid-gap: 20px;

	    h3 {
			color: var(--white);
			font-weight: 600;
			font-size: 14px;
			text-transform: uppercase;
			line-height: 1.4;
			margin-bottom: 20px;
		}

		img {
			display: inline-block;
			margin-right: 2%;
			width: 30%;
			background-color: var(--white);
			border-radius: 5px;
		}

		ul {
			margin: 0;
			padding: 0;
			list-style: none;

			li {
				position: relative;
				padding: 0 0 15px 0;

				a {
					display: block;
					padding: 0;
					color: var(--white-opacity);
					line-height: 1.1;
					font-weight: 400;
					font-size: 14px;

					&:hover {
						color: var(--white);
					}

					i {
						width: 16px;
						margin-right: 7px;
					}
				}
			}
		}
	}
}
.copyright {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	color: var(--white-opacity);
	font-size: 14px;
	font-weight: 400;
	overflow: hidden;
	background-color: var(--green-dark);
	position: relative;
	border-top: 1px solid rgba(255,255,255, .1);

	.container {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		font-size: 14px;
		overflow: hidden;
		position: relative;
		font-weight: 400;
		color: var(--white-opacity);
		z-index: 2;
		line-height: 1.4;
		display: flex;
		flex-wrap: wrap;
		align-items: center;

		.col {
			width: 50%;

			&:last-child {
				text-align: right;
			}

			ul.socmed {
				margin: 7px 0 0 0;
				padding: 0;
				list-style: none;
				display: block;

				li {
					display: inline-block;
					margin-right: 20px;
					float: left;
					vertical-align: middle;

					a {
						display: inline-block;

						svg {
							height: 32px;
							width: 32px;
							color: var(--white);
							fill: var(--white);
						}
					}
				}
			}
		}
	}
}

#big-title {
	position: relative;
	width: 100%;
	margin: 0 auto;

	.container {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 50px 0 20px 0;
		position: relative;
		border-bottom: 3px solid var(--red);

		h1 {
		    font-size: 32px;
		    line-height: 1.3;
		    margin: 0;
		    color: var(--black);
		    font-weight: 700;
		}
	}
}

#main-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;

	.container {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 50px 0;
		position: relative;
		overflow: hidden;
		color: var(--black);
	}
}

body.contact-us {
	position: relative;

	#main-wrapper {
		.container {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 40px;

			.col {
				width: 100%;

				h2 {
					margin: 0 0 20px 0;
					font-size: 21px;
				}

				ul {
					margin: 0;
					padding: 0;
					list-style: none;

					li {
						border-bottom: 1px solid var(--light);

						a {
							display: block;
							padding: 10px 0;

							br {
								display: none;
							}

							i {
								margin-right: 8px;
							}
						}
					}
				}
			}
		}
	}
}

body.coming-soon .header,
body.coming-soon .nav,
body.coming-soon #big-title,
body.coming-soon #foot,
body.coming-soon .copyright {
	display: none;
}
body.coming-soon #main-wrapper .container {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
body.coming-soon #main-wrapper .container img {
	max-width: 120px;
}
body.coming-soon #sendbtn {
	display: none !important;
}

/* ---------------- woocomerce custom style ----------------- */
body.woocommerce-cart .product-categories {display: none;}
body.woocommerce-checkout .product-categories {display: none;}
body.single-product .product-categories {display: none;}
body.woocommerce-account .product-categories {display: none;}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	padding: 7px 15px !important;
	background-color: var(--light) !important;
	border: 0 !important;
	margin-bottom: 30px;
	outline: none;

	a.button {
		font-weight: 400;
		font-size: 13px;
		background-color: var(--green);
		color: var(--white);

		&:hover {
			background-color: var(--green-dark);
			color: var(--white);
		}
	}
}
.woocommerce-info::before, .woocommerce-error::before, .woocommerce-message::before {display: none !important;}

#primary {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
	color: var(--black);
	margin-bottom: 50px;

	.site-main {
		position: relative;

		.woocommerce-products-header {
			position: relative;
			width: 100%;
			margin: 0 auto;
			padding: 0 0 10px 0;
			border-bottom: 3px solid var(--red);
		    margin-bottom: 40px;

		    h1 {
		    	margin: 0;
		    	margin-bottom: 0;
		    }
		}
	}
	
	.woocommerce-pagination {
		width: 100%;
		float: left;
		display: block;
		margin: 50px 0;
		border-top: 1px solid #ddd;
		padding-top: 30px;

		ul {
			border: 0;
			margin: 0;
			padding: 0;
			list-style: none;

			li {
				border: 0;
				background-color: var(--white);

				a {
					padding: 8px 15px;
					color: var(--dark);
					border-radius: 3px;

					&:focus,
					&:hover {
						padding: 8px 15px;
						color: var(--white);
						background-color: var(--green);
						border-radius: 3px;
					}
				}
				
				span.current {
					padding: 8px 15px;
					color: var(--white);
					background-color: var(--green);
					border-radius: 3px;
				}
			}
		}
	}/*-- end of pagination --*/
}

.woocommerce {
	position: relative;

	ul.products {
		display: grid;
	    grid-template-columns: repeat(6, 1fr);
		grid-gap: 30px;
		margin: 0 !important;
		width: 100%;

		li {
			width: 100% !important;
		    margin: 0 !important;
		    overflow: hidden;
		    border-radius: 5px;
		    display: flex;
		    flex-wrap: wrap;
		    align-content: space-between;
		    background-color: var(--white);
		    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

		    a {
		    	display: block;

		    	img {
		    		transition: .2s ease-in-out;
		    		position: relative;
		    		top: 0;
		    		padding: 15px;
					border: 0 !important;
					margin: 0 !important;

		    		&:hover {
		    			transition: .2s ease-in-out;
		    			top: -7px;
		    			position: relative;
		    		}
		    	}

		    	.woocommerce-loop-product__title {
		    		font-size: 14px !important;
					text-transform: none;
					line-height: 1.3;
					padding: 15px 15px 0 15px !important;
					border-top: 1px solid var(--light);
					margin: 0 !important;
					font-weight: 400;
					border-bottom: 0;
					max-width: 100%;
				    max-height: 100%;
				    word-break: keep-all;
				    white-space: normal;
				    text-overflow: ellipsis;
				    overflow: hidden;
				    display: -webkit-box;
				    -webkit-line-clamp: 2;
				    -webkit-box-orient: vertical;

				    &:hover {
				    	color: var(--green);
				    }
		    	}

		    	.price {
					text-decoration: none !important;
					font-weight: 700 !important;
					font-size: 14px !important;
					color: var(--green) !important;
					padding: 5px 15px;
					margin: 0 !important;

					del {
						display: inline-block;
						margin-right: 4px;
						position: relative;
						color: var(--grey) !important;
						font-weight: 400;
					}

					ins {
						text-decoration: none;
					}
				}

				.product-save {
					display: block;
				    font-size: 10px;
				    text-transform: uppercase;
				    color: var(--white);
				    font-weight: 500;
				    background-color: var(--green);
				    line-height: 1;
				    padding: 6px 0 0 0;
				    border-radius: 0 0 0 5px;
				    overflow: hidden;
				    position: absolute;
				    top: 0;
				    right: 0;
				    z-index: 1;
				    text-align: center;

				    .woocommerce-Price-amount.amount {
						color: var(--white);
					    font-weight: 500 !important;
					    display: block;
					    background-color: var(--red);
					    padding: 5px 10px;
					    margin-top: 4px;
					    border-radius: 0;
					    font-size: 12px;
					}
				}
		    }

		    a.button {
				background-color: var(--white);
			    color: var(--green);
			    padding: 10px 0;
			    width: 100%;
			    text-align: center;
			    font-size: 14px;
			    font-weight: 700;
			    margin: 10px 0 0 0 !important;
			    border-top: 2px solid var(--green) !important;
			    line-height: 1;
			    border-radius: 10px 10px 0 0;

			    &:hover {
			    	background-color: var(--green);
			    	color: var(--white);
			    }
			}

			.out-of-stock {
				margin: 5px 15px 15px 15px;
				font-size: 10px;
				color: var(--red);
			}

			&.outofstock {
				.price {
					display: none;
					visibility: hidden;
				}

				a.button {
					background-color: var(--grey);
					display: none;
					visibility: hidden;
				}
			}

		    &.first {
		    	clear: none;
		    }

		    &:hover {
				box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

				a.button {
					background-color: var(--green);
					color: var(--white);
				}
			}
		}

		&::after,
		&::before {
			clear: none;
			content: none;
			display: none;
		}
	}/*-- end of list products --*/

	div.product {
		position: relative;

		div.images {
			position: relative;
			width: 40%;
			display: block;
			overflow: hidden;
			border-radius: 7px;
			box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

			.flex-viewport {
				width: 100%;
				float: left;
			}

			.flex-control-thumbs {
				width: 100%;
				float: left;

				li {
					padding: 10px;
					width: 20%;
				}
			}
		}
		div.summary {
			width: 52%;
			position: relative;

			h1.product_title {
				font-size: 25px;
			    line-height: 1.2;
			    color: var(--black);
			}

			.woocommerce-product-details__short-description {
				border-bottom: 2px solid var(--light);
				font-size: 15px;
			}

			.price {
				margin: 0;
				font-weight: 600;
				position: relative;
				padding-top: 25px;
			    color: var(--green);
			    float: left;
			    display: flex;

			    ins {
			    	text-decoration: none;
			    	.woocommerce-Price-amount.amount {
			    		color: var(--green) !important;
			    	}
			    }

			    del {
					font-size: 13px;
				    display: inline-block;
				    font-weight: 400;
				    color: var(--grey);
				    float: left;
				    position: relative;
				    margin-right: 10px;
				    top: 5px;
				}
			}

			.product-save {
				color: var(--red);
			    font-weight: 700;
			    font-size: 13px;
			    display: inline-block;
			    float: left;
			    margin-top: 27px;
			    margin-left: 20px;
			    border: 1px solid var(--red);
			    padding: 5px 10px;
			    line-height: 1;
			    border-radius: 3px;

			    .woocommerce-Price-amount.amount {
			    	color: var(--red);
			    }
			}

			.stock.out-of-stock {
				float: right;
				margin: 15px 0 0 0;
			}

			form.cart {
				padding: 0;
			    margin-top: 30px;
			    margin-bottom: 10px;
			    width: 100%;
			    float: left;

				div.quantity {
					margin: 0;
					display: inline-block;
					position: relative;
					width: auto;
					margin-right: 15px;

					input[type="number"] {
					    height: 50px;
					    width: 80px;
					    border: 1px solid var(--grey);
					    outline: 0;
					    background-color: var(--white);
					    font-weight: 600;
					    border-radius: 5px;
					    font-size: 15px;
					    font-weight: 500;
					}
				}

				button[type="submit"] {
					height: 50px; color:
					var(--white); background-color: var(--red);
					border-radius: 0;
					padding-left: 20px; padding-right: 20px;
					margin-right: 15px;
					float: left;
					border-radius: 5px;
					font-size: 15px;
					font-weight: 500;

					&:hover {
						background-color: var(--dark);
						color: var(--white);
					}

					&.button[type="submit"].disabled {
						background-color: var(--grey) !important;
					}
				}

				.wa-order-button {
					height: 50px;
					font-size: 15px;
					font-weight: 500;
				}
			}

			.product_meta {
				margin: 20px 0 50px 0;
				float: left;
				width: 100%;
				font-size: 13px;

				span.sku_wrapper,
				span.posted_in {
					display: block;
				}
			}
		}
	}/*-- end of product detail --*/

	.woocommerce-cart-form {
		width: 67%;
		float: left;
	    border: 1px solid var(--light);
	    border-radius: 5px;
	    overflow: hidden;

		table.shop_table {
			border: 1px sold var(--light) !important;
			border-collapse: collapse;
			background-color: var(--white);
			margin: 0;

			th {
				padding: 10px 0;
				color: var(--dark);
				text-align: center;

				&.product-name {
					text-align: left;
					padding-left: 15px;
				}
			}

			td {
				padding: 15px !important;
				vertical-align: middle;
				border-top: 1px solid var(--light);
				border-right: 1px solid var(--light);

				&.product-name {
					font-weight: 600 !important;
					font-size: 15px;
				}

				&.product-subtotal {
					border-right: 0;
				}

				&.product-thumbnail {
					text-align: center;

					img {
						width: 50px;
					}
				}

				.qty {
					width: 60px;
					height: 24px;
					border-radius: 4px;
					border: 1px solid var(--light);
				}
			}

			tr {
				td.actions {
					border-right: 0;

					.button {
						font-size: 13px;
						font-weight: 500;
						background-color: var(--light) !important;
						height: auto !important;
						line-height: 1 !important;
						padding: 10px 20px !important;
					}
				}
			}
		}
	}

	.cart-collaterals {
		width: 30%;
		float: right;
		background-color: var(--light);
		padding: 20px;
		border-radius: 5px;

		.cart_totals {
			width: 100%;

		    h2 {
		    	margin: 0 0 15px 0;
		    	font-size: 17px;
		    	width: 100%;
		    	display: block;
		    }

		    table {
		    	width: 100%;
		    	background-color: var(--white);
		    	border: 0;

		    	tr.shipping {
		    		td {
		    			a.shipping-calculator-button {
		    				margin-top: 0;
		    			}
		    			.shipping-calculator-form {
		    				.select2-selection, input {
		    					border: 1px solid var(--light);
		    				}
		    			}
		    			button {
		    				background-color: var(--light);
		    				font-weight: 400;
		    			}
		    		}
		    	}

		    	td {
		    		border-top: 1px solid var(--light);

		    		.woocommerce-shipping-destination {
		    			font-size: 12px;
		    			line-height: 1.4;
		    		}
		    	}
		    }

		    .wc-proceed-to-checkout {
				a.checkout-button {
					margin-bottom: 0;
					background-color: var(--red);
					padding: 0 20px;
					height: 50px;
					line-height: 50px;
					font-size: 15px;
					font-weight: 500;
					border-radius: 5px;
					color: var(--white);

					&:hover {
						background-color: var(--dark) !important;
					}
				}
			}

		    .wc-proceed-to-checkout {
				margin: 15px 0 0 0;
				padding: 0 !important;
				display: inline-block;

				a#sendbtn {
					display: inline-block !important;
					width: 100% !important;
					font-size: 15px !important;
					font-weight: 500 !important;
					border-radius: 5px;
					color: var(--white);
					margin: 0 !important;

				}
			}
		}
	}

	.woocommerce-checkout {
		position: relative;

		#customer_details {
			position: relative;
			float: left;
    		width: 48%;

    		h3 {
    			margin-top: 0;
    		}

    		.col-1,
    		.col-2 {
    			width: 100%;
    		}

    		.woocommerce-billing-fields__field-wrapper {
    			background-color: var(--white);
    			padding: 20px;
    			border-radius: 5px;

    			.form-row {
    				padding: 0;
    				font-size: 14px !important;

    				input {
						line-height: 40px !important;
						height: 40px !important;
						border: 1px solid var(--light) !important;
						text-indent: 10px;
						border-radius: 4px !important;
					}

					.select2-selection--single {
						line-height: 40px !important;
						height: 40px !important;
						border: 1px solid var(--light) !important;
						text-indent: 5px;
						border-radius: 4px !important;
					}
    			}
    		}

    		.woocommerce-additional-fields {
    			margin-top: 25px;

    			h3 {
    				margin-bottom: 10px;
    				font-size: 18px;
    			}

    			textarea {
					line-height: 1.5 !important;
					min-height: 150px !important;
					border: 1px solid var(--light) !important;
					text-indent: 10px;
					border-radius: 4px !important;
				}
    		}
		}

		h3#order_review_heading {
			float: right;
			width: 48%;
			margin-top: 0;
		}

		#order_review {
			float: right;
		    width: 48%;

		    table.shop_table {
		    	background-color: var(--white);
		    	border: 1px solid var(--light);

		    	tr {
		    		td {
		    			vertical-align: middle;
		    			border-top: 1px solid var(--light);
		    			border-left: 1px solid var(--light);

		    			.product-item-thumbnail {
							img {
								width: 30px;
							}
						}
		    		}
		    		td.product-total {
		    			border-left: 1px solid var(--light);
		    		}
		    		td.product-name {
		    			border-left: 0;
		    		}
		    	}

		    	tfoot {
		    		th {
		    			border-top: 1px solid var(--light);
		    		}
		    		tr.order-total {
		    			td {
		    				color: var(--white);
		    				background-color: var(--green);
		    			}
		    		}
		    		td {
		    			border-top: 1px solid var(--light);
		    		}
		    	}
		    }

		    #payment {
		    	border-radius: 0;
    			background-color: transparent;

    			ul.payment_methods {
    				margin: 0;
    				padding: 0;
    				border: 0;

    				li {
					    width: 100% !important;
					    margin: 0 !important;
					    text-align: left !important;
					    font-size: 14px !important;
					    font-weight: 400 !important;

					    input {
					    	margin: 0 5px 0 0;

					    	&:checked:after {
					    		top: -9px;
					    		left: 2px;
					    	}
					    }

					    .payment_box {
					    	background-color: var(--white);
					    	max-width: 220px;
					    	padding: 20px;
					    	border: 2px solid var(--green);
					    	border-radius: 5px;

					    	p {
					    		margin: 0;
					    		font-weight: 500 !important;
					    		color: var(--black);
								font-size: 15px;
					    	}
							
							h5 {
								margin: 10px 0 0 0;
								font-size: 11px;
								font-weight: 700;
							}
							h6 {
								margin: 0;
								font-size: 11px;
								font-weight: 400;
							}

							&::before {
								border: 10px solid var(--green);
								border-right-color: transparent;
							    border-left-color: transparent;
							    border-top-color: transparent;
							    top: -7px;
							}
					    }
					}
    			}

    			.place-order {
    				padding: 10px 0;

    				.woocommerce-terms-and-conditions-wrapper {
	    				font-size: 12px;

	    				p {
	    					margin: 0;
	    				}
	    			}

	    			.form-row.validate-required {
	    				display: none;
	    			}

	    			.button {
	    				float: left;
	    				margin-top: 20px;
	    				margin-bottom: 0;
	    				background-color: var(--red);
						padding: 0 20px;
						height: 50px;
						line-height: 50px;
						font-size: 15px;
						font-weight: 500;
						border-radius: 5px;
						color: var(--white);

						&:hover {
							background-color: var(--dark) !important;
						}
	    			}
    			}
		    }
		}
	}

	.related.products {
		width: 100%;
	    float: left;
	    margin-bottom: 50px;

	    h2 {
	    	font-weight: 700;
	    	padding-bottom: 10px;
	    	font-size: 21px !important;
	    	border-bottom: 2px solid var(--light);
	    	margin-bottom: 30px !important;
	    }
	}

	/*.button {
		background-color: var(--red) !important;
		padding: 0 20px !important;
		height: 50px;
		line-height: 50px !important;
		font-size: 15px; !important
		font-weight: 500 !important;
		border-radius: 5px;
		color: var(--white);
		margin: 0 !important;

		&:hover {
			background-color: var(--dark) !important;
		}
	}

	.button.alt {
		background-color: var(--red) !important;
		padding: 0 20px !important;
		height: 50px;
		line-height: 50px !important;
		font-size: 15px !important;
		font-weight: 500 !important;
		border-radius: 5px;
		color: var(--white);
		margin: 0 !important;

		&:hover {
			background-color: var(--dark) !important;
		}
	}*/

	.woocommerce-breadcrumb {display: none;}
	span.onsale {display: none;}
	form.woocommerce-ordering {
		margin-bottom: 30px;

		select.orderby {
			padding: 3px 10px;
			border: 1px solid var(--light);
			color: var(--grey);
			border-radius: 4px;
			width: 150px;
			font-size: 14px;
		}
	}

	.woocommerce-MyAccount-navigation {
		position: relative;
		width: 20%;
		background: var(--white);
		padding: 20px;
		border-radius: 5px;
		float: left;

		ul {
			margin: 0;
			padding: 0;
			list-style: none;

			li {
				display: block;
				border-bottom: 1px solid var(--light);
				width: 100% !important;
				text-align: left !important;

				a {
					display: block;
					font-weight: 400;
					color: var(--dark);
					padding: 10px 0;
				}

				&.is-active {
					a {
						color: var(--green);
						font-weight: 700;
					}
				}
			}
		}
	}

	.woocommerce-MyAccount-content {
		width: 77%;
		text-align: left;
		float: right;
	}

	#customer_login {
		position: relative;

		.col-1 {
			width: 48%;
			float: left;

			h2 {
				font-size: 18px;
				margin: 0 0 20px 0;
				color: var(--dark);
				text-align: left;
			}

			form {
				border: 0;
				padding: 0;
				margin: 0;

				button[type="submit"] {
					background-color: var(--green);
					color: var(--white);
					font-weight: 500;
					padding: 10px 20px;
				}
			}
		}

		.col-2 {
			width: 48%;
			float: right;

			h2 {
				font-size: 18px;
				margin: 0 0 20px 0;
				color: var(--dark);
				text-align: left;
			}

			form {
				border: 0;
				padding: 0;
				margin: 0;

				button[type="submit"] {
					background-color: var(--red);
					color: var(--white);
					font-weight: 500;
					padding: 10px 20px;
				}
			}
		}
	}

	.hidden {
	    display: none !important;
	}
}/*-- end of woocommerce --*/

.return-to-shop a.button {
	border-radius: 5px;
	color: var(--white) !important;
	background-color: var(--green);
}

/* ------------ end of woocommerce style ----- */

div.wpcf7 {position: relative;}
div.wpcf7 label {position: relative; font-size: 14px; font-weight: 600; width: 100%; float: left;}
span.wpcf7-list-item {margin: 0; padding: 2px 5px;}
div.wpcf7 h3 {margin: 0; font-size: 13px;}
div.wpcf7 .wpcf7-form {position: relative; overflow: hidden;}
div.wpcf7 .wpcf7-form input {
	width: 100%;
	float: left;
	outline: 0;
	border: 2px solid var(--light);
	font-size: 14px;
	height: 46px;
	line-height: 46px;
	padding: 0 20px;
	color: var(--black);
	background-color: var(--white);
	display: block;
	border-radius: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
}
div.wpcf7 .wpcf7-form input:hover,
div.wpcf7 .wpcf7-form input:focus {
	border: 2px solid var(--green);
}
div.wpcf7 .wpcf7-form select,
div.wpcf7 .wpcf7-form textarea {
	width: 100%;
	outline: 0;
	border: 2px solid var(--light);
	font-size: 14px;
	height: 46px;
	line-height: 46px;
	padding: 0 20px;
	margin: 5px 0 15px 0;
	color: var(--black);
	background-color: var(--white);
	display: block;
	border-radius: 5px;
	height: 100px;
	margin-bottom: 15px;
	margin-top: 5px;
}
div.wpcf7 .wpcf7-form select {
	height: auto;
}
div.wpcf7 .wpcf7-form select:focus,
div.wpcf7 .wpcf7-form select:hover,
div.wpcf7 .wpcf7-form textarea:focus,
div.wpcf7 .wpcf7-form textarea:hover {
	border: 2px solid var(--green);
}
div.wpcf7 .wpcf7-form input[type="submit"] {
	width: auto;
	outline: 0;
	border: 0;
	line-height: 40px;
	font-weight: 600;
	padding: 0 30px;
	height: 44px;
	color: var(--white);
	display: block;
	width: 100%;
	text-align: center !important;
	font-size: 14px;
	background-color: var(--green-dark);
	border-radius: 5px;
    font-size: 16px;
    margin: 5px 0 0 0;
}
div.wpcf7 .wpcf7-form input[type="submit"]:hover {
	background-color: var(--green);
	outline: 0;
}
span.wpcf7-form-control.wpcf7-checkbox {
	display: inline-block;
    overflow: hidden;
    font-size: 12px;
    background-color: var(--white);
    border-radius: 3px;
    border: 1px solid var(--light);
    margin: 10px 10px 0 0;
}
div.wpcf7 .wpcf7-form input[type="checkbox"] {
	width: auto;
	float: left;
	margin: 5px 7px 0 0;
}
.wpcf7 form .wpcf7-response-output {
    margin: 15px 0 0 0 !important;
    padding: 0.2em 1em !important;
    border: 0 !important;
    width: 100% !important;
    float: left !important;
    background-color: var(--black)0001c !important;
}
div.wpcf7 img.ajax-loader {position: absolute;}
img.ajax-loader {width: auto;}
.wpcf7-spinner {position: absolute; top: 45%; left: 45%;}

input[type="checkbox"] {
    position: relative;
    top: 3px;
    z-index: 1;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--white);
    font: inherit;
    color: var(--white);
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--light);
    display: grid;
    place-content: center;
    display: inline-block;
}
input[type="checkbox"]:checked {
    position: relative;
    top: 3px;
    z-index: 1;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--green);
    font: inherit;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--green);
    display: grid;
    place-content: center;
    display: inline-block;
}
input[type="checkbox"]:checked:after {
	content: "✓";
	z-index: 2;
    top: -7px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    left: 2px;
    position: absolute;
    color: var(--white);
}
input[type="radio"] {
    position: relative;
    top: 3px;
    z-index: 1;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--white);
    font: inherit;
    color: var(--white);
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--light);
    display: grid;
    place-content: center;
    display: inline-block;
    border-radius: 20px;
}
input[type="radio"]:checked {
    position: relative;
    top: 3px;
    z-index: 1;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--green);
    font: inherit;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--green);
    display: grid;
    place-content: center;
    display: inline-block;
    border-radius: 20px;
}
input[type="radio"]:checked:after {
	content: "●";
	z-index: 2;
    top: -11px;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    left: 1px;
    position: absolute;
    color: var(--white);
}

#slickbox {
	position: absolute;
    left: 0;
    right: 0;
    top: 72px;
    display: none;
    z-index: 999;
    background: var(--white);
    padding: 10px 20px;
    box-shadow: 0 3px 5px rgba(0,0,0, .2);

    form {
		width: 100%;
		border: 2px solid var(--green);
		border-radius: 5px;
		overflow: hidden;
		background-color: var(--white);

		input[type="search"] {
			width: 70%;
			border: 0;
			outline: 0;
			padding: 0 10px;
			height: 36px;
			font-size: 14px;
			float: left;
		}

		button[type="submit"] {
			width: 20%;
			border: 0;
			outline: 0;
			padding: 0 10px;
			height: 36px;
			font-size: 14px;
			background-color: var(--green);
			color: var(--white);
			float: right;
		}
	}
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1280px) {
	.header .container,
	.header .navigation,
	.nav,
	#home .container,
	#big-title .container,
	#main-wrapper .container,
	#primary,
	.copyright .container,
	#foot .container {padding-left: 20px !important; padding-right: 20px !important;}
}
@media only screen and (max-width:1024px) {
	html {padding-top: 0 !important;}
	.header {
		display: block;
		z-index: 99;
		top: 0;

		.container {
			position: relative;

			.mobile-menu-button {
				line-height: 0;
				display: block;
				position: relative;
				left: -4px;
				a {
					line-height: 0;
					svg {
						color: var(--black);
						fill: var(--black);
					}
				}
			}

			.logo {
				padding: 0;
				width: 90px;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
			}

			.top-search {display: none;}
			.cart {
				margin-right: 0;
				background-color: transparent;
            	padding: 0;

            	a {
            		svg {
            			margin-right: 0;
            			width: 24px;
            		}
            		.cart-count {
            			display: none;
            			visibility: hidden;
            		}
            	}
			}
		}

		.mobile-search {
			display: inline-block;
			position: absolute;
			top: 21px;
			right: 55px;

			a.slick-slidetoggle {
				color: var(--black) !important;
			}
		}
	}

	.nav {
		display: none;
	}

	#slickbox {
		top: 65px;
		right: 0;
		width: 100%;
		left: 0;
		z-index: 999;
		background-color: var(--white);
		position: absolute;
		overflow: hidden;
		padding: 20px;
	}
}
@media only screen and (max-width:768px) {
    .product-categories {
    	h3 {
    		padding: 10px;
    		font-size: 12px;
    	}
    	position: relative;
		.woocommerce {
			position: relative;

			ul.products {
				display: flex;
				gap: 10px;

				li.product-category {
					padding: 10px 5px 8px 5px !important;
					width: 80px !important;
					flex: 0 0 80px;

					a {
						img {
							width: 30px;
						}

						h2.woocommerce-loop-category__title {
							font-size: 10px !important;
						}
					}
				}
			}
		}
	}

	#home .container {
		padding-top: 25px;
		padding-bottom: 40px;

		.banner {
			display: none;
			.widget_media_image:first-child {
				width: 100%;
				float: left;
			}
			.widget_media_image:last-child {
				width: 100%;
				float: left;
				margin-top: 15px;
			}
		}
		.banner-mobile {
			display: block;
		}

		.recent {
			ul.products {
		    	grid-template-columns: repeat(3, 1fr);
		    	grid-gap: 15px;
		    }
		}
	}

	#main-wrapper {
		margin-top: 0;

		.container {
			padding: 50px 0;
		}
	}

	.woocommerce {
	    ul.products {
	        grid-template-columns: repeat(3, 1fr);
	        grid-gap: 15px;
	    }

	    div.product {
	        div.images {
	            width: 100%;
	        }
	        div.summary {
	            width: 100%;

	            h1.product_title {
	                font-size: 21px;
	            }

	            .woocommerce-product-details__short-description {
	            	font-size: 13px;
	            }

	            form.cart {
	                div.quantity {
	                    width: 48%;
	                    margin-right: 0;

	                    input[type="number"] {
	                        width: 100%;
	                        height: 44px;
	                    }
	                }
	                button[type="submit"] {
	                    width: 48%;
	                    float: right;
	                    margin-right: 0;
	                    height: 44px;
	                }
	                .wa-order-button {
	                    width: 100%;
	                    margin-top: 15px;
	                    height: 44px;
	                }
	            }
	        }
	    }

	    .woocommerce-cart-form {
	    	width: 100%;

	    	table.shop_table {
	    		td {
	    			padding: 7px 15px !important;
	    			border-right: 0;
	    		}
	    	}
	    }
	    .cart-collaterals {
	    	width: 100%;
	    	float: left;
	    	margin-top: 25px;
	    }

	    .woocommerce-checkout {
	       	#customer_details {
            	width: 100%;
        	}
        	h3#order_review_heading {
        		float: left;
        		width: 100%;
        		margin-top: 25px;
        	}
        	#order_review {
        		width: 100%;
        		float: left;
        	}
	    }

	    .woocommerce-MyAccount-navigation {width: 100%;}
	    .woocommerce-MyAccount-content {width: 100%; float: left; margin-top: 20px;}

	    #customer_login {
			.col-1 {
				width: 100%;
			}
			.col-2 {
				width: 100%;
				margin-top: 20px;
			}
		}
	}

	#foot {
		.container {
	    	grid-template-columns: repeat(2, 1fr);
	    	grid-gap: 10px;

	    	.widget_nav_menu {
	    		width: 100%;

	    		ul {
		    		li {
		    			text-align: left;
		    		}
		    	}
	    	}

	    	.widget_custom_html {
	    		width: 100%;
	    		grid-column: 1 / -1;
	    	}
	    }
	}
	.copyright {
		font-size: 12px;
		line-height: 1.3;
		color: rgba(0,0,0,.7);
		padding-left: 15px;
		padding-right: 15px;

		.col {
			display: block;
			width: 100% !important;
			text-align: center !important;

			&:last-child {
				text-align: center;
				margin-top: 10px;
			}

			ul.socmed {
				li {
					float: none !important;
					margin: 0 10px;
				}
			}
		}
	}
}
@media only screen and (max-width:480px) {
	#home .container {
		.recent {
			ul.products {
		    	grid-template-columns: repeat(2, 1fr);
		    	grid-gap: 15px;
		    }
		}
	}
	.woocommerce {
	    ul.products {
	        grid-template-columns: repeat(2, 1fr);
	        grid-gap: 15px;
	    }
	}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#00a1e9;
	color:var(--white);
	text-shadow:none;
}
::-webkit-selection {
	background:#00a1e9;
	color:var(--white);
	text-shadow:none;
}
::-moz-selection {
	background:#00a1e9;
	color:var(--white);
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:var(--white);
	border: 0;
	max-width:100%;
	padding:0;
	font-size: 13px;
	font-style: italic;
}
.wp-block-image figcaption {
	position: relative;
	top: -10px;
	line-height: 1.3;
}
.wp-caption.alignnone {
	margin:0 0 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:100%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
p.wp-caption-text {
	font-size: 13px !important;
	line-height: 1.2 !important;
	font-style: italic;
	position: relative;
	padding: 10px 20px !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:var(--black) !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid var(--grey);
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background-color: var(--light);;
}
::-webkit-scrollbar-thumb {
  background-color: #aaa;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--green);
}