/*!
Theme Name: Ceramics
Theme URI: 
Author: Igor Zubyk
Author URI: https://www.upwork.com/freelancers/~01671796c0ba318ce3
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Ceramics
Tags: custom-theme
*/


body {
    font-family: 'Source Code Pro', monospace;
    color: #000;
    background-color: rgba(255, 255, 255, 1);
    background-size: contain;
    position: static;
    min-height: 100%;
    scroll-behavior: smooth;
    padding: 0;
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

div {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a { 
    cursor: pointer;
    transition: all 0.5s;
    text-decoration: none; 
    color: #ec1166;
}
a:hover {
	color: #ec1166;
}
button {
	border-radius: 72px;
	padding: 12px 45px;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Source Code Pro', monospace;
	cursor: pointer;
	transition: all 0.5s;
}
.first {
	background-color: #F3E5CD;
	border: 1px solid #F3E5CD;
	color: #583B1F;
}
.first:hover {
	background-color: #583B1F;
	border: 1px solid #583B1F;
	color: #fff;
}
.second {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
}
.second:hover {
	background-color: #583B1F;
	border: 1px solid #583B1F;
	color: #F3E5CD;
}
.clear {
	color: #583B1F;
	border: 1px solid #583B1F;
	background-color: transparent;
}
.clear:hover {
	background-color: #583B1F;
	border: 1px solid #583B1F;
	color: #F3E5CD;
}

/* HEADER */

.header .container {
	display: flex;
	padding: 3rem 3rem 2rem 3rem;
	margin: 0 auto;
	max-width: 1600px;
}
.header .logoarea {
	display: flex;
    align-items: left;
    justify-content: flex-start;
    width: 60%;
}
.header .logoarea img {
	width: 85px;
	height: auto;
}
.header .mainmenu {
    flex: initial;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 25%;
}
.header .headercontact {
	justify-content: flex-end;
	display: flex;
    align-items: center;
    width: 25%;
    gap: 1rem;
}

.header .mainmenu ul {
	display: flex;
	gap: 2rem;
	margin: 0;
}
.header .mainmenu ul li {
	list-style: none;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}
.header .mainmenu .current-menu-item a {
	color: #F3E5CD;
}
.header .mainmenu ul li a {
	color: #fff;
}
.header .mainmenu ul li a {
	text-decoration: none;
    }

.header .mainmenu ul li a:hover {
    color: #F3E5CD; 
    } 
.header .darkmenu ul li a {
	color: #583B1F;
}
.header .darkmenu ul li a:hover {
    color: #8F806F; 
    } 
.header .darkmenu .current-menu-item a {
	color: #8F806F; 
}
.header .cart-count {
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	right: -10px;
	top: -5px;
}
header .headercontact a {
	position: relative;	
}
.header .cartmobile {
	display: none;
}
.hamb{
    cursor: pointer;
    float: right;
    padding: 0 5px;
    align-self: center;
}

.hamb-line {
    background: rgba(249, 247, 239, 1);
    display: block;
    height: 4px;
    position: relative;
    width: 34px;
    
}
.mobilelight .hamb-line {
	background: rgba(88, 59, 31, 1);
}
.mobilelight .hamb-line::before, .mobilelight .hamb-line::after {
	background: rgba(88, 59, 31, 1);
}

.hamb-line::before,
.hamb-line::after{
    background: rgba(249, 247, 239, 1);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.hamb-line::before{
    top: 8px;
}

.hamb-line::after{
    top: -8px;
}


.side-menu {
    display: none;
}

.side-menu:checked ~ .mainmenu{
    max-height: 100%;
    max-width: 80%;
    z-index: 999;
    padding-right: 0;
    padding-left: 0;
    background-color: #F7F1E5;
    background-size: contain;
}

.side-menu:checked ~ .hamb .hamb-line {
    background: transparent;
    z-index: 9999;
    width: 20px;
    height: 2px;
}

.side-menu:checked ~ .hamb .hamb-line::before {
    transform: rotate(-45deg);
    top:0;
	background: #583B1F;
}

.side-menu:checked ~ .hamb .hamb-line::after {
    transform: rotate(45deg);
    top:0;
    background: #583B1F;
}
.hamb {
    display: none;
    }
.noscroll {
	overflow-y: hidden;
}
body.noscroll::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); 
    pointer-events: none; 
}

body.noscroll .mainmenu {
  
    z-index: 1; /* Ensure .mainmenu is above the overlay */
}

/* Header Mobile */

@media only screen and (max-width: 767px) { 
	.mobilelight {
		background-color: rgba(117, 93, 75, 0.044);
	} 
.hamb {
    display: block;
    }
.header .menucontainer {
	display: block;
	z-index: 3;
	padding-right: 25px;
	}
.header .mainmenu ul {
	padding-left: 0;
}
.header .mainmenu {
	right: 0;
	max-width: 0;
    transition: max-width 0.5s ease-out;
    width: 80%;
    height: 100%;
    position: fixed;
    background-color: #F7F1E5;
    background-size: contain;
    overflow: hidden;
    display: block;
    margin-top: -25px;
	}
.header .mainmenu ul li {	
	font-size: 18px;
    margin-bottom: 35px;
    float: none;	
	}
.header .menu {
	float: left;
	padding-left: 0; 
	padding-top: 30px;		
	}
.header .headercontact {
	display: none;
}
.header .darkmenu .current-menu-item a {
    color: #8F806F;
}
.header .mainmenu ul, .header .menu-header-menu {
	display: block;
	text-align: center;
}
.header .container {
	width: 100%;
	margin: 0 auto;
	display: flex;
	padding: 25px;
	justify-content: space-between;
}
.header .mainmenu ul li {
	font-size: 18px;
}
.header .logoarea img {
	width: 70px;
	height: auto;
}
.header .logoarea {
align-self: center;
}
.header .mainmenu ul li a {
	color: #583B1F;
}
.header .mainmenu ul {
	padding-top: 150px;
	width: 100%;
}
.header .cartmobile {
	display: block;
	position: relative;
	display: flex;
	align-self: center;
}
.header .cartmobile img {
	width: 36px;
	height: auto;
}

}

 /* Header Tablet */ 
 
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	.header .logoarea {
		width: 20%;
	}
	.header .cartmobile {
	display: none;
}
	.header .mainmenu, .header .headercontact {
		width: 40%;
	}

} 


 /* Homepage */
 
.hero {
	background-image:
    linear-gradient(to bottom, rgba(155, 119, 92, 0.3), rgba(155, 119, 92, 0.3)),
    url('img/hero.webp');
    background-position: center center;
    background-size: cover;
    color: #fff;
    margin-top: -178px;
}

.hero .container {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	padding-top: 340px;
	padding-bottom: 240px;
}  
.hero h1 {
	font-size: 64px;
	line-height: 72px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 10px;
}
.hero p {
	margin-top: 0;
	font-size: 28px;
	line-height: 48px;
	font-weight: 400;
}
.dualbuttons {
	display: flex;
    gap: 1.5rem;
    margin: 0;
    justify-content: center;
}
.about {
	background-color: #F9F7EF;
}
.about .container {
	padding: 3rem 3rem;
	margin: 0 auto;
	max-width: 1600px;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #290A19;
}  
.about p {
	margin-top: 0;
}
.but {
	text-align: center;
	margin-top: 20px;
}
.design {
	margin: 80px 0;
}
.design .container {
	width: 100%;
	display: flex;	
	justify-content: center;
}
.design .rightcol, .design .leftcol {
	width: 50%;
}
.design .leftcol {
	padding-left: 3rem;
	padding-right: 3.5rem;
	align-self: center;	
}
.design .rightcol {
	background-repeat: no-repeat;
    background-size: cover;
    padding: 17% 0;
}
.design h2 {
	color: #583B1F;
	font-size: 36px;
	font-weight: 400;
	margin: 0;
}
.design p {
	color: #290A19;
	font-size: 14px;
	line-height: 24px;
}
.benefits {
	background-color: #F9F7EF;
	padding-top: 50px;
	padding-bottom: 50px;
}
.benefits .container {
	width: 1000px;
	margin: 0 auto;
}

.benefits .cards {
	display: flex;
	gap: 3.5rem;
}

.benefits h3 {
	color: #222222;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}
.benefits p {
	font-size: 16px;
	line-height: 24px;
	color: #222;
	margin: 0;
}
.benefits .container .col {
	width: 30%;
	text-align: center;
}
.benefits .container .col img {
	height: 40px;
	width: auto;
}
.bestsellers .container {
	width: 100%;
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}
.bestsellers .one .leftcol {
	padding-top: 50px;
	padding-bottom: 30px;
	width: 40%;
	padding-left: 3rem;
	background-color: #FBFBFB;
}
.bestsellers .one .rightcol {
	background-repeat: no-repeat;
   background-size: cover;
    background-position: center;
    padding: 17% 0;
    width: 60%;
}
.bestsellers .two .rightcol {
	padding-top: 50px;
	padding-bottom: 30px;
	width: 40%;
	padding-left: 3rem;
	background-color: #FBFBFB;
}
.bestsellers .two .leftcol {
	background-repeat: no-repeat;
    background-size: cover;
    padding: 17% 0;
    width: 60%;
}
.bestsellers .price {
	font-size: 96px;
	font-weight: 200;
	color: #583B1F;
}
.bestsellers h5 {
	font-size: 24px;
	font-weight: 200;
	color: #583B1F;
	margin-top: 90px;
	margin-bottom: 0;
}
.bestsellers h5 a {
	color: #583B1F;
}

.bestsellers h3 {
	font-size: 36px;
	font-weight: 500;
	color: #583B1F;
	margin: 0;
}
.bestsellers .dualbuttons {
	margin-top: 20px;
	justify-content: flex-start;
}
.bestsellers .second {
	color: #583B1F;
	border: 1px solid #583B1F;
}
.bestsellers .second:hover {
	color: #fff;
}
.bestsellers .titlecontainer {
	display: flex;
    margin: 80px auto 35px auto;
    max-width: 1600px;
    padding: 0 3rem;
    justify-content: space-between;
}
.bestsellers .titlecontainer h2, .bestsellers .titlecontainer h3 {
	margin: 0;
}
.bestsellers .titlecontainer h2 {
	font-size: 48px;
	line-height: 48px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #583B1F;
	align-self: flex-end;
}
.bestsellers .titlecontainer h3 {
	font-size: 20px;
	line-height: 36px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #583B1F;
	align-self: flex-end;
}
.info {
	margin-top: 80px;
}
.info .container {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: rgba(249, 247, 239, 1);
}
.info .leftcol {
	padding-left: 3rem;
    padding-right: 3.5rem;
    align-self: center;
}
.info .rightcol {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 17% 0;
}
.info .rightcol, .info .leftcol {
    width: 50%;
}
.info h3 {
color: #583B1F;
font-weight: 400;
font-size: 36px;
margin-top: 0;
margin-bottom: 25px;
}
.info p {
	font-size: 16px;
	line-height: 24px;
	color: #290A19;
	margin-top: 0;
	margin-bottom: 20px;
}
.store .titlecontainer {
	display: flex;
    margin: 100px auto 35px auto;
    max-width: 1600px;
    padding: 0 3rem;
    justify-content: space-between;
}
.store .titlecontainer h2 {
	font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #583B1F;
    align-self: flex-end;
    margin: 0;
}
.store .container {
	width: 100%;
    display: flex;
    justify-content: center;
    gap: 1rem;
}
.store .rightcol, .store .leftcol {
    width: 50%;
}
.store .rightcol {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	align-items: stretch;
}
.store .rightcol .item {
	flex: 1 0 calc(33.333% - 1rem);
	position: relative;
	padding: 15px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.store .rightcol .item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); 
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 9;
    }
    
    
.store .rightcol .item:hover::before {
        opacity: 1;
    }

.store .leftcol {
	background-repeat: no-repeat;
    background-size: cover;
	padding-left: 3rem;
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
}
.store .leftcol::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.store .leftcol:hover::before, .store .leftcol:hover .price, .store .leftcol:hover h5, .store .leftcol:hover h3, .store .leftcol:hover button {
    opacity: 1;
}
.store .leftcol button {
	position: relative;
	z-index: 1;
	opacity: 0;
    transition: opacity 0.3s ease;
}
.store .leftcol .price {
    font-size: 96px;
    line-height: 96px;
    font-weight: 200;
    color: #fff;
    z-index: 1;
    position: relative;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.store .leftcol h5 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.store h5 a {
	color: #fff;
}
.store .leftcol h3 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    margin-bottom: 400px;
    z-index: 1;
    position: relative;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.store .rightcol .item .price {
	font-weight: 200;
	font-size: 42px;
	line-height: 96px;
	color: #fff;	
	z-index: 10;
	position: relative;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.store .rightcol .item h5, .store .rightcol .item h3 {
	color: #fff;;
	font-weight: 400;
	font-size: 21px;
	line-height: 25px;
	z-index: 10;
	position: relative;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.store .rightcol .item h5 {
	margin-top: 30px;
	margin-bottom: 0;
}
.store .rightcol .item h3 {
	margin-bottom: 50px;
	margin-top: 0;
	}
.store .rightcol button {
	font-size: 14px;
	width: 100%;
	padding: 12px 0;
	z-index: 10;
	position: relative;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.store .rightcol .item:hover button, .store .rightcol .item:hover h3, .store .rightcol .item:hover h5, .store .rightcol .item:hover .price {
     opacity: 1;
    }

 /* Homepage Mobile */
 
 @media only screen and (max-width: 767px) {
	.hero .container, .about .container, .info .container  {
	width: 100%;
    overflow: hidden;
    display: block;
    padding-right: 25px;
    padding-left: 25px;
	 }
	 
	.hero .container {
	padding-top: 220px;
    padding-bottom: 80px
	}
	 
	 .hero h1 {
	font-size: 44px;
	line-height: 50px;
	text-align: left;
}
.hero p {
	font-size: 20px;
	line-height: 28px;
	text-align: left;
}
button {
    border-radius: 72px;
    padding: 12px 25px;

}
.dualbuttons {
	display: flex;
	justify-content: flex-start;
}
.about p {
	font-size: 14px;
	line-height: 20px;
}
.design {
	margin: 50px 0;
}
.design .container {
	padding-right: 25px;
    padding-left: 25px;
    overflow: hidden;
	width: 100%;
	display: flex;
    flex-direction: column-reverse;
	
}
.design .leftcol {
	padding: 0;
	width: 100%;
}
.design .rightcol {
	width: 100%;
	height: 250px;
	padding: 0;
}
.design h2 {
	font-size: 28px;
	margin-top: 20px;
}
.benefits .container {
	width: 100%;
    overflow: hidden;
    display: block;
    padding-right: 25px;
    padding-left: 25px;
}
.benefits .cards {
	display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 3rem;
    margin: 0;
    }

.benefits .cards .col {  
    flex: 0 0 calc(65% - 12.5px);
    box-sizing: border-box;
    }	
.benefits h3 {
	font-size: 20px;
	line-height: 28px;
    } 
.benefits p {
	font-size: 14px;
	line-height: 20px;
    }
    
.benefits .cards::-webkit-scrollbar {
    display: none;
  }
.benefits .cards::-webkit-scrollbar-track {
    background-color: transparent;
  }
.benefits .cards::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
  }
.benefits .cards::-webkit-scrollbar-thumb:hover {
    background-color: #999;
  }
.store .titlecontainer {
	margin: 50px auto 35px auto;
	width: 100%;
	padding: 0 25px;
}
.store .titlecontainer h2 {
	font-size: 32px;
}
.store .container {
	gap: 0.5rem;
}
.store .rightcol {
	gap: 0.5rem;
	width: 33.33%;
}
.store .leftcol {
	width: 66.66%;
	padding: 2rem;
}
.store .rightcol .item:nth-child(n+3) {
	display: none;
}
.store .rightcol .item {
        flex: 1 0 calc(100% - 1rem);
    }
.store .price {
	font-size: 64px;
	line-height: 64px;
}
.store .leftcol h5, .store .leftcol h3 {
	font-size: 21px;
	line-height: 28px;
}
.store .rightcol .item .price {
	opacity: 1;
}
.store .rightcol .item h5 {
	font-size: 12px;
	line-height: 17px;
	margin-top: 10px;
	opacity: 1;
}
.store .rightcol button {
	font-size: 12px;
	padding: 5px 0;
}
.store .rightcol .item::before {
	opacity: 1;
}
.store .rightcol .item .price {
	font-size: 33px;
	line-height: 33px;
}
.store .leftcol .price {
	font-size: 46px;
	line-height: 46px;
}
.store .rightcol .item h3 {
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 15px;
	opacity: 1;
}
.store .rightcol .item button {
	opacity: 1;
}

.store .leftcol h3 {
	margin-bottom: 80px;
}
.store .leftcol::before, .store .leftcol .price, .store .leftcol h5, .store .leftcol h3, .store .leftcol button {
    opacity: 1;
}
.bestsellers .titlecontainer {
	margin: 40px auto 35px auto;
	display: block;
	padding: 0 25px;
}
.bestsellers .titlecontainer h2 {
	font-size: 32px;
}
.bestsellers .titlecontainer h3 {
	font-size: 16px;
	line-height: 24px;
}
.bestsellers .container {
	display: block;
	padding-right: 25px;
	padding-left: 25px;
}
.bestsellers .one .leftcol, .bestsellers .two .rightcol {
	width: 100%;
	background-color: #fff;
	padding: 0;
}
.bestsellers .price {
	font-size: 64px;
}
.bestsellers h5 {
	margin-top: 0;
}
.bestsellers h3 {
	font-size: 32px;
}
.bestsellers .one .rightcol {
	width: 100%;
	height: 350px;
	background-position: center center;
}
.bestsellers .one {
	padding-right: 25px;
    padding-left: 25px;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
.bestsellers .two {
	display: flex;
	width: 100%;
	padding-right: 25px;
    padding-left: 25px;
    overflow: hidden;
    flex-direction: column;
}
.bestsellers .dualbuttons {
margin-bottom: 30px;	
}

.bestsellers .two .leftcol {
	width: 100%;
	height: 350px;
	background-position: center center;
}
.info {
    margin-top: 50px;
} 
.info .rightcol, .info .leftcol {
	width: 100%;
	padding: 35px 0 20px 0;
}
.info .rightcol {
	display: none;
}
.info h3 {
	font-size: 32px;
	color: #fff;
}
.info p {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

 }
 
 
  /* Homepage Tablet */ 
 
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	.design h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.design p {
		font-size: 14px;
		line-height: 20px;
	}
	.benefits .cards {

		width: 100%;
	}
	.benefits .container {
		width: 100%;
		display: block;
		padding-right: 25px;
		padding-left: 25px;
	}
	.store h3 {
		margin-bottom: 200px;
	}
	.store h3, .store h5, .bestsellers h3, .bestsellers h5 {
		font-size: 32px;
		line-height: 40px;
	}
	.store .titlecontainer h2, .bestsellers .titlecontainer h2 {
		font-size: 36px;
	}
	.bestsellers .dualbuttons {
		display: block;
	}
	.store .price {
	font-size: 64px;
	line-height: 64px;
}
.store .leftcol h5, .store .leftcol h3 {
	font-size: 21px;
	line-height: 28px;
}
.store .rightcol .item .price {
	opacity: 1;
}
.store .rightcol .item h5 {
	font-size: 12px;
	line-height: 17px;
	margin-top: 10px;
	opacity: 1;
}
.store .rightcol button {
	font-size: 12px;
	padding: 5px 0;
}
.store .rightcol .item::before {
	opacity: 1;
}
.store .rightcol .item .price {
	font-size: 33px;
	line-height: 33px;
}
.store .leftcol .price {
	font-size: 46px;
	line-height: 46px;
}
.store .rightcol .item h3 {
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 15px;
	opacity: 1;
}
.store .rightcol .item button {
	opacity: 1;
}

.store .leftcol h3 {
	margin-bottom: 80px;
}
.store .leftcol::before, .store .leftcol .price, .store .leftcol h5, .store .leftcol h3, .store .leftcol button {
    opacity: 1;
}
	.bestsellers .first {
		margin-bottom: 15px;
	}
	.info .leftcol {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
}

/* About */

.abouthero {
	background-image:
    linear-gradient(to bottom, rgba(155, 119, 92, 0.3), rgba(155, 119, 92, 0.3)),
    url('img/hero.webp');
    background-position: center center;
    background-size: cover;
    color: #fff;
    margin-top: -178px;
}
.abouthero .container {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	padding-top: 260px;
	padding-bottom: 160px;
}  
.abouthero h1 {
	font-size: 64px;
	line-height: 72px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 10px;
}
.subhero {
	background-color: #F9F7EF;
}
.subhero .container {
	padding: 3rem 3rem;
	margin: 0 auto;
	max-width: 1600px;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #290A19;
}  
.subhero p {
	font-size: 16px;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}
.aboutus {
	margin: 10px 0 40px 0;
}
.aboutus .container {
	width: 100%;
	display: flex;	
	justify-content: center;
}
.aboutus .rightcol, .aboutus .leftcol {
	width: 50%;
}
.aboutus .leftcol {
	background-repeat: no-repeat;
    background-size: cover;
    padding: 17% 0;
}
.aboutus .rightcol {
	padding-left: 3rem;
	padding-right: 3.5rem;
	align-self: center;	
}
.aboutus h2 {
	color: #583B1F;
	font-size: 36px;
	font-weight: 400;
	margin: 0;
}
.aboutus p {
	color: #290A19;
	font-size: 16px;
	line-height: 24px;
}
.designed {
	margin-top: 0;
}
.designed .container {
	display: flex;
    margin: 0 3rem 0 3rem;
    max-width: 1600px;
	background-color: rgba(249, 247, 239, 1);
}
.designed .leftcol {
	padding-left: 3rem;
    padding-right: 3.5rem;
    align-self: center;
}
.designed .rightcol {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 14% 0;
}
.designed .rightcol, .designed .leftcol {
    width: 50%;
}
.designed h3 {
color: #583B1F;
font-weight: 400;
font-size: 36px;
line-height: 43px;
margin-top: 0;
margin-bottom: 15px;
}
.designed p {
	font-size: 16px;
	line-height: 24px;
	color: #290A19;
	margin-top: 0;
	margin-bottom: 20px;
}
.aboutbenefits {
	padding-top: 30px;
}
.aboutbenefits .container {
	max-width: 1600px;
	margin: 0 3rem;
}

.aboutbenefits .cards {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}
.aboutbenefits h3 {
	color: rgba(88, 59, 31, 1);
	font-size: 36px;
	line-height: 44px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 20px;
}
.aboutbenefits p {
	font-size: 16px;
	line-height: 24px;
	color: #222;
	margin-top: 0;
	margin-bottom: 15px;
}
.aboutbenefits .container .col {
	width: calc(50% - 0.5rem);
	text-align: left;
	padding: 30px;
}
.collaboration {
	margin-top: 30px;
}
.collaboration .container {
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: rgba(249, 247, 239, 1);
}
.collaboration .leftcol {
	background-repeat: no-repeat;
    background-size: cover;
    padding: 17% 0;
}
.collaboration .rightcol {   
    padding-left: 3rem;
    padding-right: 3.5rem;
    align-self: center;
}
.collaboration .rightcol, .collaboration .leftcol {
    width: 50%;
}
.collaboration h3 {
color: #583B1F;
font-weight: 400;
font-size: 36px;
line-height: 44px;
margin-top: 0;
margin-bottom: 25px;
}
.collaboration p {
	font-size: 16px;
	line-height: 24px;
	color: #290A19;
	margin-top: 0;
	margin-bottom: 20px;
}


/* About Mobile */

@media only screen and (max-width: 767px) {  
.abouthero .container {
	width: 100%;
    overflow: hidden;
    display: block;
    padding-right: 25px;
    padding-left: 25px;
	 }
	 
	.abouthero .container {
	padding-top: 200px;
    padding-bottom: 80px
	}
	.abouthero h1 {
	font-size: 44px;
	line-height: 50px;
}
.subhero p {
    font-size: 14px;
    line-height: 20px;
}
.aboutus {
	margin-top: 30px;
}
.aboutus .container {
    padding-right: 25px;
    padding-left: 25px;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
.aboutus .rightcol, .aboutus .leftcol {
	width: 100%;
}
.aboutus .rightcol {
	padding: 0;
	margin-bottom: 20px;
}
.aboutus .leftcol {
    padding: 35% 0;
}
.aboutus p, .designed p, .aboutbenefits p, .collaboration p {
	font-size: 14px;
    line-height: 20px;
}
.designed .container {
    width: 100%;
    overflow: hidden;
    display: block;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 30px;
    margin: 0;
}
.designed .leftcol {
    padding-left: 0;
    align-self: center;
}
.designed .rightcol, .designed .leftcol {
	width: 100%;
}
.designed .leftcol {
	margin-top: 25px;
	margin-bottom: 25px;
}
.designed h3, .aboutus h2 {
font-size: 32px;
line-height: 38px;
} 
.designed .rightcol {
	padding: 30% 0;
}
.aboutbenefits .container {
    width: 100%;
    margin: 0 auto;
}
.aboutbenefits .cards {
	display: block;
}
.aboutbenefits .container .col {
	width: 100%;
	padding: 25px;
}
.aboutbenefits h3, .collaboration h3 {
	font-size: 32px;
	line-height: 38px;
}
.collaboration .container {
	width: 100%;
    margin: 0 auto;
    display: block;
}
.collaboration .rightcol, .collaboration .leftcol {
	width: 100%;
}
.collaboration .leftcol {
    padding: 30% 0;
}
.collaboration .rightcol {
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 30px;
    padding-bottom: 45px;
}
}

 /* About Tablet */ 
 
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	.designed .rightcol, .aboutus .leftcol, .collaboration .leftcol {
		padding: 40% 0;
	}
	.designed h3, .aboutus h2, .aboutbenefits h3, .collaboration h3 {
		font-size: 32px;
		line-height: 38px;
	}
} 

/* Contact */

.contactsection {
	margin-top: 30px;
}

.contactsection .container {
	display: flex;
    margin: 0 3rem 0 3rem;
    max-width: 1600px;
    gap: 5rem;
}

.contactsection .rightcol, .contactsection .leftcol {
     width: calc(50% - 2.5rem);
}
.contactsection .leftcol {
	align-self: center;
}

.contactsection h2 {
    color: #583B1F;
    font-size: 36px;
    line-height: 44px;
    font-weight: 400;
    margin: 0;
}

.contactsection p {
    color: #290A19;
    font-size: 20px;
    line-height: 36px;
}
.formline {
	display: flex;
	gap: 3rem;
}
.formline .formcolumn {
	width: calc(50% - 1.5rem);
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, input[type="text" i]  {
	width: 100%;
	border: 1px solid #E0DEE3;
	padding: 10px 10px 10px 10px;
	border-radius: 8px;
}
.wpcf7 :focus-visible {
    outline: none;
}
.submitform p {
	text-align: center;
}
.wpcf7 label {
	color: #583B1F;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
.wpcf7 input, .wpcf7 textarea {
	font-size: 16px;
	line-height: 24px;
	color: #B6B1BB !important;
	font-family: "Source Code Pro", monospace;
}
.wpcf7 p {
	margin-top: 0;
}
.wpcf7 textarea {
  resize: none;
}

.wpcf7 input[type="submit" i] {
	color: #583B1F !important;
    border: 1px solid #583B1F;
    background-color: transparent;
    border-radius: 72px;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
    cursor: pointer;
    transition: all 0.5s;
}
.wpcf7 input[type="submit" i]:hover {
	background-color: #583B1F;
	color: #fff !important;
}


/* Contact Mobile */

@media only screen and (max-width: 767px) {  
.contactsection .container {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding-right: 25px;
	padding-left: 25px;
	display: block;	
}
.contactsection .rightcol, .contactsection .leftcol {
     width: 100%;
}
.contactsection h2 {
	 font-size: 32px;
    line-height: 38px;
}
.contactsection p {
	font-size: 14px;
	line-height: 20px;
}
.contactsection .leftcol {
	margin-bottom: 50px;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, input[type="text" i]  {
	width: 90%;
}
.formline {
	display: block;
}
.formline .formcolumn {
	width: 100%;
}
}


 /* Shop */ 

.shop .titlecontainer {
    display: flex;
    margin: 35px auto 35px auto;
    max-width: 1600px;
    padding: 0 3rem;
    justify-content: space-between;
}
.shop .titlecontainer h2 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #583B1F;
    align-self: flex-end;
    margin: 0;
}
.shop .titlecontainer h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #583B1F;
    align-self: flex-end;
    margin: 0;
}
.shop .container {
	display: grid;
    margin: 35px auto 35px auto;
    max-width: 1600px;
    padding: 0 3rem;
    gap: 3rem;
   grid-template-columns: repeat(3, 1fr);
}

.shop .container .item {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.shop .container .item img {
    width: 100%; 
    max-width: 100%;
    height: 370px;
    object-fit: cover;
}
.shop .container .item .info {
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
.shop .item .price {
	font-size: 64px;
	line-height: 72px;
	font-weight: 200;
	color: rgba(88, 59, 31, 1);
	align-self: center;
}
.shop .item h5 {
	color: rgba(88, 59, 31, 1);
	font-size: 24px;
	line-height: 36px;
	font-weight: 200;
	margin: 0;
	align-self: center;
}
.shop .item h4 {
	color: rgba(88, 59, 31, 1);
	font-weight: 500;
	font-size: 32px;
	line-height: 44px;
	margin: 0;
}
.shop .item h4 a, .shop .item h5 a {
	color: rgba(88, 59, 31, 1);
}
.shop .item h4 a:hover, .shop .item h5 a:hover {
   	color: #8F806F;
}

.shop .pagination {
	display: flex;
    margin: 45px auto 45px auto;
    max-width: 1600px;
    padding: 0 3rem;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
}
.shop .pagination a {
color: rgba(88, 59, 31, 0.72);
align-self: center;
margin-right: 30px;
}

.shop .pagination .current {
	color: rgba(88, 59, 31, 1);
	align-self: center;
	margin-right: 30px;
}
.shop .pagination img {
	width: 56px;
	height: auto;
	align-self: center;
}
.shop .sorting {
    margin: 50px auto 20px auto;
    max-width: 1600px;
    padding: 0 3rem;
    position: relative; 
}

.shop .sorting select {
    border: 1px solid rgba(88, 59, 31, 0.5);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(88, 59, 31, 1);
    font-family: "Source Code Pro", monospace;
    padding: 16px 35px; 
    border-radius: 72px;
    background-color: transparent;
    width: 300px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('img/expand.png'); 
    background-repeat: no-repeat;
    background-position: right 15px center; 
    background-size: 24px 24px;
    cursor: pointer;
}

.shop .sorting select:focus-visible {
    outline: none;
}

.shop .sorting input[type="submit" i] {
	border: 1px solid rgba(88, 59, 31, 0.5);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(88, 59, 31, 1);
    font-family: "Source Code Pro", monospace;
    padding: 16px 35px; 
    border-radius: 72px;
    background-color: transparent;
	cursor: pointer;
}

 /* Shop Mobile */ 
 
 @media only screen and (max-width: 767px) {
	 .shop {
		 margin-top: 30px;
	 } 
	 .shop .titlecontainer {
		display: block;
		width: 100%;
		max-width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		margin: 0;
	 }
	 .shop .titlecontainer h2 {
		 font-size: 32px;
	 }
	 .shop .titlecontainer h3 {
		 font-size: 14px;
		 line-height: 20px;
	 }
	 .shop .sorting {
		display: block;
		width: 100%;
		max-width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		margin-top: 30px;
		margin-bottom: 30px;
	 }
	 .shop .sorting select {
	 width: auto;
	 font-size: 14px;
	 line-height: 20px;
	 padding: 10px 45px 10px 15px;
	 background-size: 18px 18px;
	 }
	 .shop .sorting input[type="submit" i] {
	font-size: 14px;
	 line-height: 20px;
	 padding: 10px 15px;	 
	 }
	 .shop .container {
		 display: block;
		 width: 100%;
		max-width: 100%;
		padding-right: 25px;
		padding-left: 25px;
	 }
	 .shop .item .price {
		 font-size: 43px;
		 line-height: 43px;
	 }
	 .shop .item h5 {
		 font-size: 21px;
		 line-height: 28px;
	 }
	 .shop .item h4 {
		 font-size: 26px;
		 line-height: 32px;
	 }
	 .shop .container .item {
		 margin-bottom: 50px;
	 }
	 .shop .container .item img {
	 	height: 250px;
}
	 
	 	 }

 /* Shop Tablet */ 
 
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	
	.shop .titlecontainer h2 {
		 font-size: 32px;
		 line-height: 32px;
		
	 }
	 .shop .titlecontainer h3 {
		 font-size: 14px;
		 line-height: 20px;
		 
	 }
	 .shop .titlecontainer {
		width: 100%;
		max-width: 100%;
		padding-right: 3rem;
		padding-left: 3rem;
		margin: 0;
	 }
	 .shop .sorting {
		width: 100%;
		max-width: 100%;
		padding-right: 3rem;
		padding-left: 3rem;
		margin-top: 30px;
		margin-bottom: 30px;
	 }
	 .shop .sorting select {
	 width: auto;
	 font-size: 14px;
	 line-height: 20px;
	 padding: 10px 45px 10px 15px;
	 background-size: 18px 18px;
	 }
	 .shop .sorting input[type="submit" i] {
	font-size: 14px;
	 line-height: 20px;
	 padding: 10px 15px;	 
	 }
	  .shop .item .price {
		 font-size: 43px;
		 line-height: 43px;
	 }
	 .shop .item h5 {
		 font-size: 16px;
		 line-height: 23px;
	 }
	 .shop .item h4 {
		 font-size: 20px;
		 line-height: 24px;
	 }
	 .shop .container .item .info {
		 display: block;
	 }
	 .shop .container .item img {
	 	height: 150px;
}
	.shop .container .item .info {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
}

 /* Product */ 

.product .container {
	display: flex;
    margin: 0 3rem 0 3rem;
    max-width: 1600px;
    gap: 1rem;
    padding-top: 10px;
}

.product .container .rightcol {
	width: 40%;
	background: rgba(251, 251, 251, 1);
	padding: 20px 25px 20px 25px;
}
.product .container .rightcol .price {
	font-size: 96px;
	line-height: 96px;
	font-weight: 200;
	color: rgba(88, 59, 31, 1);
}
.product .container .rightcol h3 {
	font-size: 24px;
	line-height: 36px;
	font-weight: 200;
	color: rgba(88, 59, 31, 1);
	margin-bottom: 0;
}
.product .container .rightcol h3 a {
	color: rgba(88, 59, 31, 1);
}
.product .container .rightcol h1 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 500;
	color: #583B1F;
	margin-top: 0;
}
.product .container .rightcol .quantity {
	font-size: 28px;
	line-height: 48px;
	font-weight: 400;
	color: #000;
	margin-top: 0;
}
 .woocommerce div.product form.cart .button {
	width: 100%;
	background-color: #F3E5CD;
    border: 1px solid #F3E5CD;
    color: #583B1F;
    border-radius: 72px;
    padding: 15px 45px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
    cursor: pointer;
    transition: all 0.5s;
}

.woocommerce div.product form.cart .button:hover {
	background-color: #583B1F;
	color: #fff;
}

.woocommerce .quantity .qty {
	border: none;
	background: transparent;
	color: #583B1F;
	font-family: 'Source Code Pro', monospace;
	font-size: 28px;
}

.woocommerce div.product form.cart div.quantity {
	margin-bottom: 25px;
	display: flex;
}
.woocommerce .quantity .qty {
    width: 40px;
    text-align: center;
}
.quantity input.plus, .quantity input.minus {
	background: transparent;
	border: none;
	font-size: 28px;
	color: #583B1F;
	font-family: 'Source Code Pro', monospace;
	cursor: pointer;
	padding: 0;
}

input::-webkit-inner-spin-button {
	display: none;
}
.product .container .leftcol {
	width: 60%;
	display: block;
}
.product .descr {
	display: block;
    margin: 0 3rem 0 3rem;
    max-width: 1600px;
    padding-top: 0;
    padding-bottom: 0;
}
.product .descr, .product .descr p {
	font-size: 16px;
	line-height: 24px;
	color: rgba(41, 10, 25, 1);
}
.product .descr h2 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 500;
	color: rgba(88, 59, 31, 1);
}
.woocommerce div.product div.images.woocommerce-product-gallery {
	display: flex;
	width: 100%;
	flex-direction: row-reverse;
	gap: 0.5rem;
}
.woocommerce div.product div.images .flex-control-thumbs {
	width: 10%;
}
.product .flex-viewport {
	width: 90%;
	height: 450px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
	height: 450px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
	height: 450px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	width: 100%;
	margin-bottom: 0.5rem;
}
.woocommerce div.product div.images img {
    max-height: 450px;
    object-fit: cover;
}


 /* Product Mobile */ 

@media only screen and (max-width: 767px) { 
	.product .container {
	display: block;
    margin: 0;
    padding-right: 25px;
    padding-left: 25px;
    max-width: 100%;
    width: 100%;
    padding-top: 0;
}
.product .container .rightcol, .product .container .leftcol {
	width: 100%;
}
.product .container .rightcol .price {
	font-size: 64px;
	line-height: 72px;
}
.product .container .rightcol h1 {
	font-size: 24px;
	line-height: 29px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.product .container .rightcol .quantity {
	font-size: 24px;
	line-height: 29px;
}
.product .container .rightcol button {
	margin-top: 0;
}
.woocommerce div.product form.cart {
	margin-bottom: 10px;
}
.product .descr { 
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0;
    padding-right: 25px;
    padding-left: 25px;
    max-width: 100%;
    width: 100%;

	}
.product .descr h2 {
	font-size: 32px;
	line-height: 38px;
}

	.woocommerce div.product div.images.woocommerce-product-gallery {
	display: block;
	}
	.product .flex-viewport {
	width: 100%;
	margin-bottom: 0.5rem;
	}
	.woocommerce div.product div.images .flex-control-thumbs {
	width: 100%;
	display: flex;
	gap: 0.5rem;
	}
	.woocommerce div.product div.images .flex-control-thumbs img {
		width: 90px;
		height: auto;
	}
	.product .flex-viewport {
	height: 250px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
	height: 250px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
	height: 250px;
}
.woocommerce div.product div.images img {
    max-height: 250px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	display: none;
}
.product {
	margin-top: 25px;
}
.woocommerce div.product form.cart {
	margin-top: 15px;
}
.product .rightcol .quantity .qty {
	font-size: 20px;
}

	}
	
 /* Cart */
 
 .woocommerce-cart-form {
    margin: 0 6rem 0 6rem;
    max-width: 1600px;
    gap: 1rem;
    padding-top: 10px;
}
.woocommerce-error {
	border-top: none;
}
.return-to-shop {
	margin-bottom: 60px;
}
.return-to-shop .wc-backward {
	color: #583B1F !important;
    border: 1px solid #583B1F !important;
    background-color: transparent !important;
    border-radius: 72px !important;
    padding: 15px 45px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Source Code Pro', monospace !important;
    cursor: pointer !important;
    transition: all 0.5s !important;
}
.return-to-shop .wc-backward:hover {
	color: #fff !important;
    background: #583B1F !important;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals 
 {
    margin: 0 6rem 0 6rem;
    max-width: 1600px;
    padding-bottom: 60px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: left;
}


 .woocommerce-cart-form .product-thumbnail img {
	 width: 90px;
	 height: 90px;
 }
  .woocommerce-cart-form h1 {
	  text-align: center;
	  font-weight: 500;
	  font-size: 36px;
	  color: rgba(32, 17, 48, 1);
	  font-family: "Source Code Pro", monospace;
	  margin-bottom: 50px;
  }
  
.woocommerce-cart-form .shop_table {
	width: 100%;
}
.woocommerce-cart-form .product-remove a {
	font-size: 30px;
}
.woocommerce-cart-form .cart_item {
	font-family: "Source Code Pro", monospace;
	font-size: 25px;
	font-weight: 400;
	color: rgba(88, 59, 31, 1);
	
}
.woocommerce-cart-form .product-name a {
	color: rgba(88, 59, 31, 1);
}
.woocommerce-cart-form .product-subtotal {
	font-weight: 500;
}
.woocommerce-cart-form thead th, .woocommerce table.shop_table th {
	text-align: left;
	font-size: 24px;
	font-weight: 600;
	color: rgba(88, 59, 31, 1);
	font-family: "Source Code Pro", monospace;
	text-transform: uppercase;
}
.woocommerce table.shop_table td {
	border: none;
	padding: 10px 0 10px 0;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
    text-align: left;
}
.woocommerce .cart .button, .woocommerce .cart input.button, .cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart-form .button {
	color: #583B1F !important;
    border: 1px solid #583B1F !important;
    background-color: transparent !important;
    border-radius: 72px !important;
    padding: 15px 45px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Source Code Pro', monospace !important;
    cursor: pointer !important;
    transition: all 0.5s !important;
}
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .cart-collaterals .wc-proceed-to-checkout a:hover, .woocommerce-cart-form .button:hover  {
	color: #fff !important;
    background: #583B1F !important;
}
.woocommerce-notices-wrapper, .cart-collaterals {
	margin: 0 6rem 0 6rem;
    max-width: 1600px;
    gap: 1rem;
}
.woocommerce-cart-form .button {
	margin-top: 30px;
}
.woocommerce-cart-form .product-remove a {
	color: rgba(88, 59, 31, 1) !important;
}
.woocommerce-cart-form .product-remove a:hover {
	background: transparent !important;
	color: rgba(88, 59, 31, 1) !important;
}
.woocommerce table.shop_table {
	border: none !important;
}


.woocommerce-cart-form .quantity input {
	font-family: "Source Code Pro", monospace;
	border: none;
	color: rgba(88, 59, 31, 1);
	font-size: 25px;
	width: 80px;
}

.cart-collaterals {
	margin-top: 30px;
	margin-bottom: 90px;
	
}
.cart-collaterals .order-total, .cart-collaterals .cart-subtotal {
	text-align: left;
}

.cart-collaterals .wc-proceed-to-checkout {
	margin-top: 25px;
}
.cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart-form .button {
	color: #583B1F;
    border: 1px solid #583B1F;
    background-color: transparent;
    border-radius: 72px;
    padding: 12px 45px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
    cursor: pointer;
    transition: all 0.5s;
}
.cart-collaterals .wc-proceed-to-checkout a:hover, .woocommerce-cart-form .button:hover  {
	color: #fff;
	background: #583B1F;
}
.cart-collaterals .cart_totals h2 {
	font-family: 'Source Code Pro', monospace;
	color: rgba(88, 59, 31, 1);
	font-weight: 500;
	font-size: 28px;
}
.cart-collaterals tbody, .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	font-family: 'Source Code Pro', monospace;
	color: rgba(88, 59, 31, 1);
	font-weight: 500;
	font-size: 18px;
	text-transform: none;
	padding: 0;
	border: none;
}

 .carttitle .container {
	margin: 0 6rem 0 6rem;
    max-width: 1600px;
    padding-top: 10px;
 }
  .carttitle .container h1 {
    font-weight: 500;
    font-size: 36px;
    color: rgba(88, 59, 31, 1);
    font-family: "Source Code Pro", monospace;
    margin-bottom: 50px;
    text-transform: uppercase;
  }
  
    
  .return-to-shop {
	  margin-top: 30px;
	  margin-bottom: 60px;
  }
  .woocommerce-form .clear {
	  border: none;
  }
  .woocommerce-form {
	  color: rgba(88, 59, 31, 1);
  }
  .woocommerce button.woocommerce-form-login {
	color: #583B1F !important;
    border: 1px solid #583B1F !important;
    background-color: transparent !important;
    border-radius: 72px !important;
    padding: 15px 45px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Source Code Pro', monospace !important;
    cursor: pointer !important;
    transition: all 0.5s !important;
  }
   .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {   
   color: #fff !important;
   background: #583B1F !important;
}
  .woocommerce-cart-form th.product-name, .woocommerce-cart-form th.product-price, .woocommerce-cart-form th.product-quantity, .woocommerce-cart-form th.product-subtotal, .woocommerce-checkout-review-order th.product-name, .woocommerce-checkout-review-order th.product-total {
	  padding-right: 0 !important;
	  padding-left: 0 !important;
  }
  .cart .container {
    padding: 0 3rem 0 3rem;
    margin: 0 auto;
    max-width: 1600px;
  }
  .cart .container h1 {
	  font-size: 48px;
	  line-height: 54px;
	  font-weight: 400;
	  color: rgba(88, 59, 31, 1);
	  text-transform: uppercase;
	  margin-bottom: 80px;
  }
  .cart .container .item {
	  display: block;
	  margin-bottom: 20px;
  }
  .cart .container .item .product {
  	font-weight: 400;
	  font-size: 28px;
	  line-height: 48px;
	  color: rgba(88, 59, 31, 1);
	 display: flex;
	  justify-content: space-between;
	  gap: 20px;
	  }
	.cart .container .item  .quant {
		font-weight: 400;
	  font-size: 28px;
	  line-height: 48px;
	  color: rgba(88, 59, 31, 1);
	  display: flex;
	}
	.cart .container .item .titleprod {
		margin-right: auto;
	}
  .cart .container .item img {
	  width: 100px;
	  height: 100px;
	  object-fit: cover;
  }
  .total {
	  padding: 0 3rem 90px 3rem;
    margin: 0 auto 0 auto;
    max-width: 1600px;
  }
  .total .container h3 {
	  font-weight: 400;
	  font-size: 28px;
	  line-height: 48px;
	  color: rgba(88, 59, 31, 1);
	  padding-left: 50%;
	  float: right;
  }
  .total .container h3 span {
	  padding-left: 50px;
  }
  .total .container p {
	  padding-left: 50%;
	  text-align: right;
	  color: rgba(88, 59, 31, 1);
	  font-size: 16px;
	  line-height: 24px;
  }
  .total .container .dualbuttons {
    justify-content: flex-end;
    padding-top: 15px;
}
.total .container .dualbuttons .second {
	border: 1px solid #583B1F;
	color: #583B1F;
}
.total .container .dualbuttons .second:hover {
	color: #fff;
}

.cart .container .item .quantity {
margin-right: 45px;
margin-left: 45px;
}

.cart .container .item .remove-item {
	margin-left: 50px;
    font-size: 38px;
    font-weight: 300;
    color: rgba(88, 59, 31, 1);
}
.total .container .dualbuttons .first {
    background-color: #F3E5CD;
    border: 1px solid #F3E5CD;
    color: #583B1F;
}

.total .container .dualbuttons .first:hover {
    background-color: #583B1F;
    border: 1px solid #583B1F;
    color: #fff;
}

.total .container .dualbuttons button {
    border-radius: 72px;
    padding: 12px 45px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
    cursor: pointer;
    transition: all 0.5s;
}
.total .container .dualbuttons .second {
    color: #583B1F;
    border: 1px solid #583B1F;
    background-color: transparent;
}
.total .container .dualbuttons .second:hover {
	background-color: #583B1F;
    border: 1px solid #583B1F;
    color: #fff;
}
.wc-empty-cart-message svg {
	display: none;
}
.wc-empty-cart-message {
	font-size: 20px;
	line-height: 36px;
	color: rgba(88, 59, 31, 1);
	margin-bottom: 80px;
}

.wc-block-components-notice-banner__content a {
	font-weight: 700;
	color: rgba(88, 59, 31, 1);
}
.wc-block-components-notice-banner__content a.button {
	padding: 0;
	background: transparent;
	font-weight: 700;
	color: rgba(88, 59, 31, 1);
}
.wc-block-components-notice-banner {
	margin-top: 30px;
	color: rgba(88, 59, 31, 1);

}
.wc-block-components-notice-banner svg {
	display: none;
}
.passrset {
	color: rgba(88, 59, 31, 1);
	text-align: center;
}
.woocommerce-info {
	border: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	background-color: transparent; 
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	display: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	padding: 0;
	color: #b81c23;
}
  
   /* Cart Mobile */
  @media only screen and (max-width: 767px) { 
	  .woocommerce-cart-form {
    margin: 0;
	
    display: block;
    padding: 0 25px;
} 
.carttitle .container {
    margin: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    padding: 0 25px;
}
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
	display: block;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: left !important; 
    align-self: flex-start;
}
.woocommerce table.shop_table_responsive tr td::before {
	display: none;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
	background-color: transparent;
}
.carttitle .container h1 {
    font-weight: 500;
    font-size: 32px;
    color: rgba(88, 59, 31, 1);
    font-family: "Source Code Pro", monospace;
    margin-bottom: -20px;
    text-transform: uppercase;
  }
  .woocommerce-notices-wrapper, .cart-collaterals {
    margin: 0;
    margin-bottom: 50px;
    display: block;
    padding: 0;
}
.woocommerce-message a {
	color: rgba(88, 59, 31, 1);
	text-decoration: underline;
}
.cart-collaterals .wc-proceed-to-checkout a, .woocommerce-cart-form .button {
	display: block;
   
}
.cart-collaterals .wc-proceed-to-checkout {

    width: 100%;
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
    display: flex;
}
.woocommerce-cart-form .cart_item {
	font-size: 12px;
}
.woocommerce table.shop_table td {
	line-height: 1.3em;
}
.woocommerce-cart-form .product-thumbnail img {
	width: 40px;
	height: 40px;
}
.woocommerce-cart-form .product-remove a {
	font-size: 16px;
}
.woocommerce .quantity .qty {
	font-size: 12px;
}
.woocommerce table.shop_table td {
	padding: 5px 3px 5px 3px;
}
.woocommerce table.cart .product-thumbnail {
	width: 40px;
}
.woocommerce table.cart td.actions .button {
	margin-top: 30px;
}
.woocommerce table.cart td.actions {
	width: 100%;
}
.woocommerce td.product-quantity {
	min-width: 30px;
}
.woocommerce .cart-collaterals {
	margin-right: 0;
	margin-left: 0;
}
.return-to-shop, .woocommerce-notices-wrapper {
	margin: 15px 0 0 0;
    width: 100%;
    max-width: 100%;
    display: block;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
	background-color: #F3E5CD;
}

.return-to-shop {
	margin-bottom: 50px;
}
.cart .container h1 {
	font-size: 32px;
	line-height: 34px;
	margin-bottom: 60px;
	margin-top: 30px;
}
.cart .container {
	width: 100%;
    overflow: hidden;
    display: block;
    padding-right: 25px;
    padding-left: 25px;
}
.cart .container .item {
	display: block;
}
.cart .container .item img {
	width: 100px;
	height: auto;
	text-align: left;
	float: left;
	margin-right: 25px;
}
.cart .container .item .product {
	display: block;
	font-size: 14px;
	line-height: 18px;
}
.cart .container .item .quant {
	display: block;
}
.cart .container .item .quantity {
	margin-top: 15px;
	margin-right: 0;
	margin-left: 0;
	display: flex;
}
.quantity input.plus, .quantity input.minus {
	font-size: 24px;
	font-weight: 300;
}
.cart .container .item .quantity .qty {
	font-size: 16px;
}
.cart .container .item .quant {
	font-size: 18px;
	
}
.cart .container .item .remove-item {
	margin: 0;
	padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 18px;
	  } 
.total {
    overflow: hidden;
    display: block;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 50px;
}
.total .container h3 span {
	padding-left: 30px;
}
.total .container p {
	padding: 0;
	font-size: 12px;
	line-height: 24px;
}
.total .container h3 {
	font-size: 18px;
	margin-top: 0;
}
.total .container .dualbuttons {
	display: block;
}
.total .container .dualbuttons button {
	width: 100%;
}
.total .container .dualbuttons .first {
	margin-bottom: 25px;
}
.emptycart h1 {
	margin-bottom: 15px !important;
	margin-top: 30px !important;
}
.wc-empty-cart-message {
	font-size: 14px;
}
.myaccount h2.passr {
	padding-left: 0;
}
.passrset {
	text-align: left;
}
}
	  

/* Cart Tablet */ 
 
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	.cart .container h1 {
		font-size: 33px;
		line-height: 38px;
	}
	.cart .container .item .product, .cart .container .item .quant, .woocommerce .quantity .qty, .quantity input.plus, .quantity input.minus {
		font-size: 18px;
		line-height: 24px;	
	}
	.cart .container .item .remove-item {
		font-size: 28px;
	}
	.total .container h3 span {
		padding-left: 30px;
	}
	
	
	}


 /* checkout */
 
 .woocommerce-checkout {
	margin: 0 3rem 0 3rem;
    max-width: 1600px;
    padding-top: 10px;
 }
 
 .check .container {
	margin: 0 3rem 0 3rem;
    max-width: 1600px;
    padding-top: 10px;
 }
  .check .container h1 {
	font-size: 48px;
	line-height: 48px;
	color: rgba(88, 59, 31, 1);
	text-transform: uppercase;
	font-weight: 400;
  }
  .woocommerce-checkout {
	  color: rgba(88, 59, 31, 1);
  }
  .woocommerce form .form-row .required {
    color: rgba(88, 59, 31, 1);
}
  
 .woocommerce-checkout .col-1,  .woocommerce-checkout .col-2 {
	 border: 1px solid rgba(200, 200, 200, 1);
	 padding: 25px;
 }
 .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	 color: #583B1F;
    border: 1px solid #583B1F;
    background-color: transparent;
    border-radius: 72px;
    padding: 12px 45px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
    cursor: pointer;
    transition: all 0.5s;
 }
 .woocommerce form .form-row ::-webkit-input-placeholder {
	 font-family: "Source Code Pro", monospace;
 }
  .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
  	color: #fff;
  	background: #583B1F;
    
   }
   #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: rgba(249, 247, 239, 1);
    border-radius: 5px;
    margin-bottom: 50px;
} 
#add_payment_method #payment a, .woocommerce-cart #payment a, .woocommerce-checkout #payment a {
	color: rgba(88, 59, 31, 1);
}

.woocommerce-form-login-toggle {
	 margin: 0 3rem 0 3rem;
    max-width: 1600px;
    padding-top: 10px;
}

.woocommerce-form-login {
	margin: 30px 3rem 30px 3rem !important;
    max-width: 1600px !important;
}

.woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password] {
	border: 1px solid #E0DEE3;
    padding: 10px 10px 10px 10px;
    border-radius: 8px;
}

.check .col-1, .check .col-2 {
	padding: 0;
	border: none;
}
.check .col-1 .cont, .check .col-2 .cont {
	padding: 25px;
	border: 1px solid rgba(200, 200, 200, 1);
	margin-bottom: 20px;
}

.check .cont h3 {
	color: rgba(23, 23, 23, 1);
	font-size: 36px;
	line-height: 44px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 15px;
}
.check .cont .woocommerce-form-login-toggle {
	margin: 0;
    max-width: auto;
    padding-top: 0;
}
.check .cont .wc-block-components-notice-banner__content a {
	font-weight: 400;
	text-decoration: underline;
}
.check .cont .clear, .check .cont .woocommerce-form-login__rememberme {
	display: none;
}

.check .cont .wpcf7 input[type="url"], .check .cont .wpcf7 input[type="email"], .check .cont .wpcf7 input[type="tel"], .check .cont .wpcf7 textarea, input[type="text" i] {
	padding: 14px 10px 14px 10px;
}
.woocommerce-checkout {
	margin-bottom: 60px;
}
.check .cont .woocommerce-form-login__submit {
	color: #583B1F;
    border: 1px solid #583B1F;
    background-color: transparent;
    border-radius: 72px;
    padding: 12px 45px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Source Code Pro', monospace;
    cursor: pointer;
    transition: all 0.5s;
    width: 100%;
    margin-top: 20px;
}
.check .cont .woocommerce-form-login__submit:hover {
	color: #fff;
    background: #583B1F;
}
.check .cont p.lost_password a {
	color: #583B1F;
}
.check .cont input[type="tel" i], .check .cont input[type="email" i], .check .cont select  {
	padding: 14px 10px 14px 10px;
	border: 1px solid #E0DEE3;	
	border-radius: 8px;
}
.check .cont select:focus-visible {
	outline: none;
}
.check #payment {
	background: transparent;
}
.check .cont #payment ul.payment_methods {
	border: none;
}
a.showlogin {
	color: rgba(88, 59, 31, 1);
	text-decoration: underline;
}


 /* checkout Mobile */
 
 @media only screen and (max-width: 767px) { 
	 .check .container h1 {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 0;
  }
  
  .check .container {
	margin: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    padding: 0 25px;
 }	 
 .woocommerce-checkout {
	margin: 0 25px 0 25px;
    padding-top: 10px;
 }
  .woocommerce-checkout .col-1 {
	  margin-bottom: 25px;
  }
  
  .woocommerce-form-login-toggle {
	margin: 0 25px 0 25px;
}

.woocommerce-form-login {
	margin: 30px 25px 30px 25px !important;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
	  width: 100%;
	 }
.check .cont .woocommerce-form-login__submit {
	margin-top: 15px;
}
.woocommerce form .form-row {
	padding: 0;
}
.check .cont h3 {
	font-size: 28px;
	line-height: 33px;
}
	 
	 }
	 
	 
	 
/* My Account */

.myaccount {
	margin: 30px 0 80px 0 !important;
    max-width: 100%;
}
.myaccount .woocommerce form.checkout_coupon, .myaccount .woocommerce form.login, .woocommerce form.register {
	margin: 0 !important;
}
.myaccount button {
	color: #583B1F !important;
    border: 1px solid #583B1F !important;
    background-color: transparent !important;
    border-radius: 72px !important;
    padding: 15px 45px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Source Code Pro', monospace !important;
    cursor: pointer !important;
    transition: all 0.5s !important;
}
.myaccount button:hover {
	color: #fff !important;
    background: #583B1F !important;
}
.myaccount input[type="email" i] {
	border: 1px solid #E0DEE3;
    padding: 10px 10px 10px 10px;
    border-radius: 8px;
}
.myaccount .woocommerce form.register a {
	font-weight: 600;
	color: #583B1F;
}
.myaccount .lost_password a {
	font-weight: 600;
	color: #583B1F;
}
.myaccount h2 {
	color: #583B1F;
	font-weight: 500;
}
.woocommerce-MyAccount-navigation a {
	color: #583B1F;
	font-weight: 500;
}
.woocommerce-MyAccount-content .button {
	color: #583B1F !important;
    border: 1px solid #583B1F;
    background-color: transparent;
    border-radius: 72px !important;
    padding: 15px 45px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Source Code Pro', monospace !important;
    cursor: pointer !important;
    transition: all 0.5s !important;
}
.woocommerce-MyAccount-content .button:hover {
	color: #fff !important;
    background: #583B1F !important;
}
.myaccount a {
	color: #583B1F;
	font-weight: 700;
} 
.customer_login {
	width: 100%;
    display: flex;
    justify-content: center;
}
.u-column1 {
	padding-left: 7rem;
    padding-right: 7rem;
    align-self: center;
    }
.myaccount .woocommerce form.login {    
    box-shadow: 4px 4px 32px 0px rgba(59, 59, 73, 0.04);
}
.myaccount h2 {
	font-weight: 500;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
}

.loginpage .woocommerce-form-row {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
.woocommerce form.login {
	border-radius: 12px;
}
.loginpage p.lost_password {
	text-align: right;
	text-decoration: underline;
}
.loginpage button.woocommerce-form-login__submit  {
	background-color: rgba(243, 229, 205, 1) !important;
	border: 1px solid rgba(243, 229, 205, 1) !important;
	width: 100%;
}
.loginpage button.woocommerce-form-login__submit:hover {
	border: 1px solid #583B1F !important;
}
.loginpage p.register {
	text-align: center;
	margin-top: 50px;
}
.woocommerce form.login {
	border: 1px solid rgba(236, 235, 238, 1);
}
.loginpage .wpcf7 input[type="url"], .loginpage .wpcf7 input[type="email"], .loginpage .wpcf7 input[type="tel"], .loginpage .wpcf7 textarea, .loginpage input[type="text" i], .woocommerce form .password-input input[type=password] {
	padding: 14px 10px 14px 10px
}
.woocommerce form .show-password-input {
	top: 1em;
}
.loginpage .col-2 {
	background-size: cover;
	width: 50% !important;
	background-repeat: no-repeat;
}
.loginpage {
	display: flex;
	justify-content: flex-end;
}
.loginpage .woocommerce {
	width: 100%;
}
.loginpage .col-1 {
	padding-bottom: 50px;
	width: 50%;
}

.loginpage form.woocommerce-ResetPassword  {
	box-shadow: 4px 4px 32px 0px rgba(59, 59, 73, 0.04);
	border: 1px solid rgba(236, 235, 238, 1);
	border-radius: 12px;
	padding: 25px;
	color: rgba(83, 83, 83, 1);
	font-size: 18px;
	line-height: 24px;
}
.loginpage form.woocommerce-ResetPassword p {
	text-align: center;
}
.loginpage form.woocommerce-ResetPassword p.form-row-first {
	text-align: left;
	color: rgba(74, 62, 87, 1);
}
.loginpage form.woocommerce-ResetPassword input.input-text {
	border: 1px solid #E0DEE3;
	border-radius: 8px;
	padding: 14px 10px 14px 10px;
	margin-bottom: 30px;
}
.loginpage form.woocommerce-ResetPassword .form-row-first {
	width: 100%;
}
.loginpage form.woocommerce-ResetPassword button {
	width: 100%;
	background-color: rgba(243, 229, 205, 1) !important;
	border: 1px solid rgba(243, 229, 205, 1) !important;
}
.loginpage form.woocommerce-ResetPassword button:hover {
	border: 1px solid #583B1F !important;
	background: #583B1F !important;
}

.woocommerce-MyAccount-navigation ul li {
	list-style: none;
}
.woocommerce-MyAccount-navigation ul li:hover {
	
}
.woocommerce-MyAccount-navigation ul li a {
	font-weight: 500;
}
.woocommerce-MyAccount-navigation ul {
	padding: 0;
	display: flex;
    gap: 2rem;
    margin: 0;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
	text-decoration: underline;
}
.myaccount .woocommerce, .woocommerce-order {
	padding: 0 3rem 0 3rem;
    margin: 0 auto;
    max-width: 1600px;
}


.woocommerce-MyAccount-content .clear {
	display: none;
}

.woocommerce-MyAccount-content input[type="email" i] {
	padding: 14px 10px 14px 10px;
}
.woocommerce-MyAccount-content em {
	font-size: 12px;
	color: rgba(182, 177, 187, 1);
}


.woocommerce-MyAccount-content fieldset {
	margin-top: 25px !important;
	margin-bottom: 15px !important;
	border: 1px solid rgba(236, 235, 238, 1) !important;
}

.woocommerce-MyAccount-content button {
	margin-top: 15px !important;
}

.acountform {
	border: 1px solid #E0DEE3;
	padding: 25px;
	border-radius: 12px;
	box-shadow: 4px 4px 32px 0px rgba(59, 59, 73, 0.04);
	margin-top: 30px;
}

.acountform select, .acountform input[type="tel" i] {
	padding: 14px 10px 14px 10px;
	border: 1px solid #E0DEE3;
	border-radius: 8px;
}

/* My Account Mobile */

@media only screen and (max-width: 767px) { 
	.woocommerce-MyAccount-content {
		margin: 0;
	}
.myaccount .woocommerce {
	padding: 0;
    margin: 0 auto;
    max-width: 1600px;
}	
.woocommerce-MyAccount-navigation ul {
	display: block;
}
.woocommerce-MyAccount-navigation {
	margin-bottom: 25px;
}
	.myaccount {
		margin: 30px 25px 80px 25px !important;
	}
.loginpage {
	display: block;
}
.u-column1 {
	padding: 0;
}
.myaccount h2 {
	font-size: 32px;
	line-height: 44px;
	text-align: left;
	padding-left: 25px;
}
.loginpage p.register {
	text-align: left;
	font-size: 14px;
}
.loginpage .col-1 {
	padding-bottom: 0;
}
.loginpage .u-column2 {
	display: none;
}
	
	}
	
/* My Account Tablet */

@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	.u-column1 {
    padding-left: 1rem;
    padding-right: 1rem;
    align-self: center;
}
	
	}
	
	
 /* Registration */
 
  .registration .container {
 margin: 30px 0 80px 0 !important;
    max-width: 100%;
    }
 
 .registration .container .col2-set {
	 display: flex;
    justify-content: flex-end;
    width: 100%;
 }

 .registration .col-2 {
    background-size: cover;
    width: 50%;
    background-repeat: no-repeat;
}
 .registration .col-1 {
	 width: 50%;
    padding-left: 6rem;
    padding-right: 6rem;
    align-self: center;
 }
 .registration .col-1 form {
    border: 1px solid rgba(236, 235, 238, 1);
    border-radius: 12px;
    padding: 25px;
    box-shadow: 4px 4px 32px 0px rgba(59, 59, 73, 0.04);
    max-width: 100%;
    overflow: hidden;
}
 .registration h2 {
	 text-align: center;
	 font-weight: 500;
	 font-size: 36px;
	 line-height: 44px;
	 color: rgba(88, 59, 31, 1);
 }
 .registration input[type="email" i], .registration input[type="password" i], .registration input[type="text" i] {
 	width: 100%;
    border: 1px solid #E0DEE3;
    padding: 14px 10px 14px 10px;
    border-radius: 8px;
    box-sizing: border-box;
   }
 .registration input[type="checkbox" i] {
	 border: 1px solid #E0DEE3 !important;
	 padding: 5px;
	 box-sizing: border-box;
 }
 
 .registration input[type="email" i]:focus-visible, .registration input[type="password" i]:focus-visible, .registration input[type="text" i]:focus-visible {
	 outline: none;
 }
  .registration p {
	  font-size: 12px;
	  line-height: 16px;
	  font-weight: 500;
  }
.registration p.woocommerce-form-row {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
.registration input {
	margin-top: 5px;
}
.registration button {
	width: 100%;
	color: #583B1F;
	background-color: rgba(243, 229, 205, 1) !important;
    border: 1px solid rgba(243, 229, 205, 1) !important;
}
.registration button:hover {
    color: #fff !important;
    background: #583B1F !important;
    border: 1px solid #583B1F !important;
}
.registration p.sign {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #583B1F;
	margin-top: 30px;
}
.registration p.sign a {
	color: #583B1F;
	text-decoration: underline;
}
.woocommerce-message {
    border: none;
}


 /* Registration Mobile */
 
 @media only screen and (max-width: 767px) {
	 .registration .container .col2-set {
	 display: block;
    width: 100%;
 }
  .registration .col-1 {
	  width: 100%;
	  padding: 30px 25px 80px 25px;
	
  }
  .registration .col-2 {
	  display: none;
  }
   .registration h2 {
	   text-align: left;
	   font-size: 28px;
   }
	 
	 }
	 
/* Registration tABLET */
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
	 
	 .registration .col-1 {
	  padding-left: 1rem;
    padding-right: 1rem;
	
  }
	 
	 }

/* Account Orders */
 
 .accountorders .container {
    padding: 3rem 6rem 2rem 6rem;
    margin: 0 auto;
    max-width: 1600px;
 }
  .accountorders .container h1 {
	  text-align: center;
	  color: rgba(32, 17, 48, 1);
	  font-size: 36px;
	  line-height: 44px;
	  font-weight: 500;
	  margin-top: 0;
  }
  .accountorders .order-item {
	  margin-bottom: 25px;
  }
   .accountorders .order-item .item-heading {
	   display: flex;
	   justify-content: space-between;
	   margin-bottom: 25px;
   }
  .accountorders .order-item .item-heading .date {
	  color: rgba(88, 59, 31, 1);
	  font-size: 28px;
	  line-height: 48px;
	  font-weight: 400;
  }
  .accountorders .order-item .item-heading .totalprice {
	  color: rgba(88, 59, 31, 1);
	  font-size: 28px;
	  line-height: 48px;
	  font-weight: 600;
	  text-transform: uppercase;
  }
  .accountorders .order-item .itembody {
 	font-weight: 400;
    font-size: 28px;
    line-height: 48px;
    color: rgba(88, 59, 31, 1);
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-left: 100px;
    margin-bottom: 20px;
    }
    .accountorders .order-item .itembody img {
	    width: 90px;
	    height: 90px;
    }
    .accountorders .order-item .itembody .titleprod {
	font-weight: 400;
    font-size: 28px;
    line-height: 48px;
    color: rgba(88, 59, 31, 1);
    margin-right: auto;
    }
    .accountorders .order-item .quant {
	    display: flex;
    }
    .accountorders .order-item .quant span {
	    padding-left: 10px;
    }
    .accountorders .order-item .quant .fin {
	    padding-left: 50px;
    }
    .accountsettings {
	    width: 600px;
	    margin: 0 auto;
    }
    .accountsettings button {
	    width: 100%;
	    background-color: rgba(243, 229, 205, 1) !important;
	    border: 1px solid rgba(243, 229, 205, 1) !important;
    }
    .accountsettings button:hover {
	    border: 1px solid #583B1F !important;
    }
    .woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after {
	    content: "";
	    background-image: url(img/eye.png);
	    background-repeat: no-repeat;
	    background-size: contain;
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    right: 10px;
	    top: 0;
    }
    
   /* Account Orders Mobile */ 
@media only screen and (max-width: 767px) {    
    .accountorders .container {
   width: 100%;
    margin: 0 auto;
    padding: 25px;
    justify-content: space-between;
}
 .accountorders .order-item .itembody {
	 display: block;
	 padding: 0;
 }
 .accountsettings {
	    width: 100%;
	    margin: 0;
    }
.accountorders .order-item .item-heading .date, .accountorders .order-item .item-heading .totalprice {
	  font-size: 14px;
	  line-height: 18px;
  }
   .accountorders .order-item .itembody .titleprod {
	   font-size: 14px;
	   line-height: 18px;
	   margin-bottom: 15px;
   }
   .accountorders .order-item .quant {
	   font-size: 14px;
	   line-height: 18px;
	   display: block;
   }
   .accountorders .order-item .quant .fin {
	   font-size: 18px;
	   line-height: 24px;
	   padding: 0;
	   margin-bottom: 15px;
	   margin-top: 15px;
   }
.accountorders .order-item .itembody img {   
   text-align: left;
    float: left;
    margin-right: 25px;
    }
    .accountorders .order-item .quant span {
	    padding-left: 0;
    }

}



   /* Account Orders Tablet */ 
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	.accountorders .order-item .itembody {
	 padding: 0;
 }
 .accountorders .container {
    padding: 3rem 3rem 2rem 3rem;
 }
 .accountorders .order-item .item-heading .totalprice, .accountorders .order-item .item-heading .date {
	 font-size: 18px;
	 line-height: 24px;
 }
 .accountorders .order-item .itembody .titleprod, .accountorders .order-item .itembody {
	 font-size: 18px;
	 line-height: 24px;
 }
 
	}


/* Dropdown container */
.minimenu {
    position: relative;
    display: inline-block;
}

/* Dropdown content */
.minimenu-content {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
    left: -120px;
    background: rgba(255, 255, 255, 1);
	border-radius: 4px;
	padding-right: 10px;
	padding-left: 10px;
}
.minimenu-content img {
	width: 20px;
	height: 20px;
	align-self: center;
	margin-right: 10px;
}
.minimenu-content ul {
	padding: 0;
}
.minimenu-content ul li {
	list-style: none;
	margin-bottom: 10px;
	display: flex;
}
.minimenu-content a {
	color: rgba(88, 59, 31, 1);
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
.minimenu-content a:hover {
	color: #8F806F;
}

/* Show the dropdown menu on hover */
.minimenu:hover .minimenu-content {
    display: block;
}

 /* Footer */ 
 
 html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    min-height: 100vh; /* Set minimum height to cover full viewport height */
    display: flex;
    flex-direction: column;
}
.wrp {
    flex: 1; /* Allow content to grow to fill remaining space */
}
.footer {
    flex-shrink: 0; /* Prevent footer from shrinking */
}
 
body {
    min-height:100vh; position:relative;
}

footer {
	background-color: rgba(251, 251, 251, 1);
}

footer .container {
	display: flex;
    padding: 2rem 3rem 2rem 3rem;
    margin: 0 auto;
    max-width: 1600px;
    justify-content: space-between;
    align-items: center;
    
}
footer ul {
    display: flex;
    gap: 2rem;
    margin: 0;
    padding: 0;
}
footer ul li {
    list-style: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
footer ul li a {
	color: #583B1F;
}
footer ul li a:hover {
color: #8F806F;
}

footer .footersocial {
align-items: center;
align-self: center;
display: flex;
gap: 1rem;
}

 /* Footer Mobile */ 
 
@media only screen and (max-width: 767px) {

footer .container {
	display: block;
	width: 100%;
}
footer ul { 
	justify-content: center;
	margin-bottom: 25px;
	}
footer .footersocial {
	justify-content: center;
}

}

.generalpage {
	margin: 0 12rem 3rem 12rem !important;
	display: block !important;
}
@media only screen and (max-width: 767px) {
	.generalpage {
	margin: 0 0 50px 0 !important;
	}
	footer ul li {
	font-size: 12px;
	line-height: 18px;
	}
}

#stripe-payment-data fieldset {
	border: none !important;
}