/* header */
.headertitle-sitemenu-wrapper {
	width:100%;
	background-color: rgb(242, 240, 236);
	height:82px;
	padding-top: 20px;
	padding-bottom:30px
}



.headertitle-sitemenu_content {
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    gap: 20px; 
	max-width: 1297px; 
    width: 90%; 
    margin: 0 auto; 
	align-items: flex-end; /* Aligns all children to the bottom */
}

.site-nav_button {
    display: flex;
    align-items: center;
    gap: 5px; /* Space between icon and text */
    padding: 10px 15px;
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.menu-top {
    display: flex; /* Arrange menu items in a row */
    align-items: center; /* Align menu items vertically */
    gap: 0px; /* Space between menu items */
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-top li {
    display: flex;
}

.menu-top a, 
.menu-top button {
    text-decoration: none;
    padding: 10px 15px;
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.v65cart {
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}


.site-nav_button.nav-toggle {
	visibility:hidden;
}
.menu-top {
    display: flex;
    align-items: flex-end; 
}

.menu-top a {
	font-family: Roboto, sans-serif ;
	text-decoration: none;
	outline: 0.125em solid transparent;
	outline-offset: 0.125em;
	transition: outline-color ease-in 150ms;
	color: rgb(56, 56, 56);
	font-weight: 400;
	font-size: 16px;
}

.menu-item.menu-logo img{
	box-sizing: border-box;
	margin-left: 16px;
	margin-right: 16px;
	aspect-ratio: 5.26316 / 1;
	inline-size: min(50vw, 400px);
}
.menu-shop a {
	padding-left:0px;
}


.menu-members {
    list-style: none; 
    padding: 0;
    margin: 0;
    display: flex;
    gap: 14px; 
}

.menu-members .menu-item {
    display: flex;
    align-items: center; 
}

.menu-members svg {
    width: 20px; 
    height: 20px;
    stroke: #383838;
	stroke-width: 1;
    fill: none; 
}



.site-nav.nav-main {
    position: fixed;
    top: -100%; 
    left: 0;
    width: 100%;
    height: 100vh;
    background: #383838; 
    transition: top 0.4s ease-in-out;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
}

.site-nav.nav-main.active {
    top: 0; /* Slide in */
    opacity: 1;
    visibility: visible;
	overflow-y: auto;
}
.site-nav.nav-main.closing {
    top: -100%; /* Slide out */
}
.nav-main_wrapper {
	padding: 65px;
}
.site-nav.nav-main ul {
	padding-left:0px;
	padding-top: 20px;
}
.site-nav.nav-main ul li{
	list-style: none;
    padding: 0;
    margin: 0;
}
.site-nav.nav-main a{
	font-family: "Playfair Display", serif;
	color: white;
	text-decoration: none;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.7;
}

@media only screen and (max-width: 1336px) {

	.site-nav_button.nav-toggle {
		visibility: visible;
	}
	.desktop-only.menu-item {
		display:none;
	}
	
}

@media only screen and (max-width: 700px) {
	.headertitle-sitemenu_content {
		gap: 10px; 
	}
	.headertitle-sitemenu-wrapper {
	  padding-bottom: 0px;
	}
}

@media only screen and (max-width: 500px) {
	.headertitle-sitemenu_content {
		gap: 0px; 
	}
	.headertitle-sitemenu-wrapper {
	  padding-bottom: 0px;
	}
}

#user-tools {
    height: unset;
}

@media screen and (max-width: 580px) {
    #user-tools {
        background-color: transparent;
    }
	.site-nav_button {
		padding-bottom: 0px;
	}
	.menu-members {
		gap: 4px;
	}
	.site-nav_button {
		padding-left:0px;
	}
}

@media (max-width: 580px) {
    #v65-modalCartDropdown {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        max-width: 100%;
        background: white; /* Adjust as needed */
        z-index: 1000; /* Ensure it appears above other elements */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add shadow */
    }
}


@media (max-width: 1280px) {
    .btl-1, .btl-2, .btl-3 {
        display: none;
    }
}
.tbrtheme-menu-brand-image {
	text-align: center;
	padding-top: 100px;
}
.tbrtheme-menu-brand-image img {
	max-width: 160px;
}
.tbrtheme-menu-brand {
	margin-top:30px;
	max-width: 160px;
	margin:auto;
	font-family: Roboto;
	font-size:18px;
}
.tbrtheme-menu-brand .menu-brand-title {
	font-size: 1rem;
	font-weight: 500;
	margin-block-end: 0.125em;
	color:#383838;
	font-family: Roboto !important;
}
.tbrtheme-menu-brand .menu-brand-location {
	font-size: 0.75rem;
	margin-top: 6px;
	color:#383838;
	font-weight: 400;
}
.tbrtheme-menu-brand .menu-brand-link {
	font-weight: 500;
	color:#383838;
}
.tbrtheme-menu-brand .menu-brand-link a {
	text-decoration: none;
	font-family: Roboto;
	font-size:1rem;
	color:#000;
	margin-top: 6px;
	font-weight: 500;
	color:#383838;
}
.tbrtheme-menu-brand .menu-brand-link a svg {
  fill: none;
  --svg-inline: 1.6785rem;
  --svg-block: 1.6785rem;
}








/*Footer*/

.site-footer{
	background-color: rgb(56, 56, 56);
	padding-top:80px;
}

.site-footer-content {
    max-width: 1138px; 
    width: 90%; 
    margin: 0 auto; 
}


.footer-logo-container {
	margin-top: 0px;
	margin-bottom:40px;
}
.footer-logo-container img {
	width:282px;
}

.footer-container {
    display: flex;
    align-items: center; 
    justify-content: space-between; 
}



.footer-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
	text-align: left;
}


.footer-container > div:not(.wp-block-reusable-footer-navigation) {
    flex: 0 auto; 
}


.footer-container > div:nth-child(2),
.footer-container > div:nth-child(3) {
    margin-left: 35px;
}


.wp-block-reusable-footer-navigation {
    width: 180px;
    flex-shrink: 0; 
    margin-left: auto; 
}

@media (max-width: 88.5rem) {
	.footer-container > div:nth-child(2),
	.footer-container > div:nth-child(3) {
		margin-left: 55px;
	}
}


@media (max-width: 83.5rem) {
    .footer-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-container > div {
        width: 100%; 
        margin-left: 0; 
    }
	
}

.nav-footer ul li {
	list-style: none;
    padding: 0;
    margin: 0;
}

ul.menu-footer {
	padding-left:0px;
	margin-left:0px;
}

.nav-footer ul.menu-footer li {
	list-style: none;
    padding: 0;
    margin: 0;
}

.nav-footer ul.menu-footer li a{
	font-weight: 500;
	line-height:31px;
}



.site-footer h2 {
	font-family: Roboto, sans-serif ;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.7px;
	font-size: 16px;
	color: rgb(250, 248, 245);
}
.site-footer a {
	font-family: Roboto, sans-serif ;
	text-decoration: none;
	outline: 0.125em solid transparent;
	outline-offset: 0.125em;
	transition: outline-color ease-in 150ms;
	color: rgb(250, 248, 245);
	font-weight: 400;
	font-size: 16px;
	line-height: 22.8833px
}
.site-footer a:hover {
	text-decoration:underline;
}
.site-footer p {
	margin-top:0px;
	font-family: Roboto, sans-serif ;
	text-decoration: none;
	outline: 0.125em solid transparent;
	outline-offset: 0.125em;
	transition: outline-color ease-in 150ms;
	color: rgb(250, 248, 245);
	font-weight: 400;
	font-size: 16px;
	line-height: 22.8833px;
	text-align: left;
}

.site-footer .logos-organic-sustainable img.invert {
  filter: invert(100%);
}

.logos-organic-sustainable.desktop-only {
	margin-top:28px;
}


.site-footer-content hr {
    margin-top: 30px;
	margin-bottom:20px;
	max-width: 100%;
}

.mobile-only .menu-social {
    display: flex;
    list-style: none; 
    padding: 0;
    margin: 0;
    gap: 35px; 
    justify-content: center; 
    align-items: center; 
	margin-bottom:30px;
}

.mobile-only .menu-social li {
    display: flex; 
    align-items: center; 
}


.logos-organic-sustainable {
	display: flex;
	align-items: center;
	gap: 30px;
}

.logos-organic-sustainable a {
	display: flex; 
	align-items: center; 
}

.site-footer-content .menu-legals {
  font-size:12px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 1em;
  margin-left: 0px;
  text-align: left;
      margin-top: 3px;
}
.site-footer .footer-copyright {
	font-size:12px;
}
.footer-menu-legals ul li {
	list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu-legals ul {
	padding-left:0px
}

.footer-menu-legals ul li a{
	font-size:12px;
}



.footer-bottom {
    display: flex;
    align-items: center; 
    justify-content: space-between; 
    gap: 60px; 
	padding-bottom: 30px;
}

.footer-copyright {
    margin: 0; 
}

.footer-menu-legals {
    margin-left: 45px;
}

.footer-menu-legals ul,
.footer-menu-social ul {
    display: flex;
    gap: 34px; 
}

.footer-menu-social {
    margin-left: auto;
}


.footer-menu-social.desktop-only ul li {
	list-style: none;
    padding: 0;
    margin: 0;
}


@media only screen and (max-width: 83.5rem) {
	.site-footer-content {
		width: 82.5%;
	}
	.desktop-only {
		display:none;
	}
	.footer-container > div:nth-child(2), .footer-container > div:nth-child(3) {
		margin-left: 0px;
	}
	.footer-logo-container {
		text-align:center !important;
	}
	.site-footer-content .menu-legals {
		flex-direction: column;
	}
	
	.footer-bottom {
        flex-direction: column; 
        align-items: flex-start; 
        gap: 10px;
		padding-bottom:40px;
    }

    .footer-menu-legals {
        margin-left: 0;
		margin-top: -10px;
    }
	.site-footer-content .menu-legals {
		margin-top:12px;
	}
	
}
/* original
@media only screen and (max-width: 95.0625rem) {
	.site-footer-content {
		width: 70.5%;
	}
	.desktop-only {
		display:none;
	}
	.footer-container > div:nth-child(2), .footer-container > div:nth-child(3) {
		margin-left: 0px;
	}
	.footer-logo-container {
		text-align:center !important;
	}
	.site-footer-content .menu-legals {
		flex-direction: column;
	}
	
	.footer-bottom {
        flex-direction: column; 
        align-items: flex-start; 
        gap: 10px;
		padding-bottom:40px;
    }

    .footer-menu-legals {
        margin-left: 0;
		margin-top: -10px;
    }
	.site-footer-content .menu-legals {
		margin-top:12px;
	}
	
}
*/
@media only screen and (max-width: 83.5rem) {
	.site-footer-content {
		width: 85%;
	}	
	.site-footer-content .menu-legals {
		margin-top:12px;
	}
}

@media only screen and (max-width: 64rem) {
	.site-footer-content {
		width: 80%;
	}	
}

@media only screen and (min-width: 95.0625rem) {
	.mobile-only {
		display:none;
	}
	.desktop-only {
		display:block;
	}
}

@media only screen and (min-width: 83.5rem) {
	.site-footer-content .mobile-only {
		display:none;
	}
	.site-footer-content .desktop-only {
		display:block;
	}
}

@media screen and (min-width: 768px) {
    footer li {
        display: block;
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
  footer li a {
    width: 100%;
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  footer li {
    border-top: 0px solid #333333;
    line-height: 34px;
    text-align: left;
  }
}

/* Cart Modal */

#v65-modalCartTable th {
    font-family: Roboto, sans-serif ;
}
#v65-modalCartTable strong {
    font-family: Roboto, sans-serif ;
    font-weight: 300;
	font-size: 14px;
}
#v65-modalCartTable td {
    border: 0;
    font-size: 0.9em;
    font-family: Roboto, sans-serif ;
}
a.linkBtn, a.modalLinkBtn, a.largeLinkBtn {
    background: #d2b06d;
    font-family: Roboto, sans-serif;
}
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
    background: #bcbcbc;
    font-family: Roboto, sans-serif;
}

.content {
    background-image: unset;
    background-color: #faf8f5;
}




/* SHOP */


#shop-v2 p {
	font-family: Roboto, sans-serif;
	color: #383838;
	font-weight:400;
	font-size:16px;
}

.v65-title {
	font-family: "Playfair Display", serif;
	color: #383838;
	font-weight:500;
	font-size:31px;
	letter-spacing: 0.04375em;
	line-height: 1.16;
}

#shop-v2 .v65-product-title.v65-title {
	font-family: Roboto, sans-serif;
	color: #383838;
	font-weight:500;
	font-size:16px;
	max-width: 80%;
	margin: auto;
	margin-bottom: 1.2em;
}
#shop-v2 .v65-product-title.v65-title a {
	color: #383838;
}
#shop-v2 .v65-product-actionMessage {
	display:none;
}
#shop-v2 .v65-product-reviewStats {
	display:none;
}
#shop-v2 .v65-product-addToCart-priceWrapper {
	
}
#shop-v2 .v65-product-addToCart-button.v65-product-buyCase-button {
	display: none;
}
#shop-v2 .v65-product-addToCart-quantity {
	display:none;
}
#shop-v2 .v65-productGroup-product {
	margin-left:1%;
	margin-right:1%;
}
#shop-v2 .v65-product-addToCart-caseQuantity {
	display:none;
}
#shop-v2 .v65-addToCartCase .v65-product-addToCart-price {
	display:none;
}
#shop-v2 .v65-product-addToCart-priceWrapper {
	margin-right:0px;
	margin-bottom: 1em;
}
#shop-v2 .v65-product-addToCart-price {
	font-family: Roboto, sans-serif;
	color: #383838;
	font-weight:500;
	font-size:16px;
}
#shop-v2 .v65-product-addToCart-unitDescription {
	display:none;
}
#shop-v2 button.defaultBtn {
	background-color: #000;
	width: 165px;
}
#shop-v2 button.defaultBtn span {
	font-family: Roboto, sans-serif;
}
#shop-v2 .v65-productGroup-product {
  width: 18%;
}

@media only screen and (max-width: 1270px) {
	
	#shop-v2 .v65-productGroup-product {
		width: 23%;
	}

}

@media only screen and (max-width: 990px) {
	
	#shop-v2 .v65-productGroup-product {
		width: 31.2%;
	}

}

@media only screen and (max-width: 650px) {
	
	#shop-v2 .v65-productGroup-product {
		width: 100%;
	}

}

#shop-v2 .v65-clear {
  clear: unset
}

#shop-v2 .v65-productGroup-teaser {
  max-width: 100%;
  width: 950px;
  margin-bottom: 60px;
}
#shop-v2 .v65-productGroup {
  margin-bottom: 2em;
  margin-top: 3.5em;
}

/*
#shop-v2 .nav-links {
	font-family: Roboto, sans-serif;
	font-size: 16px;
}
#shop-v2 .nav-links a {
	text-decoration: none;
	color: #383838;
	margin: 0 20px; 
	cursor: pointer;
}
#shop-v2 .nav-links span {
	color: gray;
}
#shop-v2 .spacer {
	height: 80px;
}
#shop-v2 .nav-links a:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 650px) {
	#shop-v2 .nav-links a {
		margin: 0 6px;
		font-size: 13px;		
	}
	#shop-v2 .nav-links a:first-child {
		margin-left: 0;
	}
}
*/


#shop-v2 .nav-links {
	font-family: Roboto, sans-serif;
	font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start; 
    flex-wrap: wrap;
}

#shop-v2 .nav-links a {
    text-decoration: none;
    color: #383838;
    margin: 0 15px; 
    cursor: pointer;
    white-space: nowrap;
}

#shop-v2 .nav-links a:first-child {
    margin-left: 0;
}

@media (max-width: 650px) {
    #shop-v2 .nav-links {
        flex-direction: column;
		font-size: 14px;
        align-items: flex-start;
        gap: 10px; 
    }
    
    #shop-v2 .nav-links .separator {
        display: none;
    }
	#shop-v2 .nav-links a {
		margin-left:0px;
	}
}

.v65-additionalItemsMessageLink {
	font-family: Roboto, sans-serif;
	font-size: 14px;
}
#v65-itemAddedText {
	font-family: Roboto, sans-serif;
	font-size: 14px;
}

#v65-modalCartBody .v65-carrot {
	font-family: Roboto, sans-serif;
	font-size: 14px;	
}

#v65-toggleModalCart {
    font-size: 0; 
}

#v65-toggleModalCart svg {
    font-size: initial; 
}
.svgcart {
	margin-top: -4px;
}
@media (max-width: 580px) {
	.svgcart {
		margin-left: 10px;
	}
	#user-tools a {
		color: #000;
	}
}


/* members page updates */

button.defaultBtn {
  background-color: #000;
  width: 165px;
}
button.defaultBtn span {
  font-family: Roboto, sans-serif;
}
button.defaultBtn:hover, button.defaultBtn:active, button.modalBtn:hover, button.modalBtn:active, button.largeBtn:hover, button.largeBtn:active {
  background: #000;
}
a.linkBtn, a.modalLinkBtn, a.largeLinkBtn {
  background: #000;
  font-family: Roboto, sans-serif;
}
a.linkBtn:hover, a.linkBtn:active, a.modalLinkBtn:hover, a.modalLinkBtn:active, a.largeLinkBtn:hover, a.largeLinkBtn:active {
  background: #000;
}
p {
font-family: Roboto, sans-serif;
}
aside.subMenu {
  font-family: Roboto, sans-serif;
}
#v65-LoginFormWrapper fieldset {
  padding:20px;
}
#v65-memberFormWrapper select[name="BirthDay"] {
	width:30%;
}
#v65-memberFormWrapper select[name="BirthMonth"] {
	width:30%;
}
#v65-memberFormWrapper select[name="BirthYear"] {
	width:34%;
}
#v65-memberFormWrapper fieldset {
  border: 1px solid #ccc;
  padding: 20px;
}
#v65-memberFormWrapper .v65-form select {
  font-family: Roboto, sans-serif;
}
input[type="email"], input[type="password"], input[type="tel"], input[type="text"], input[type="username"], input[type="number"] {
  border: 1px solid #d0d3d4;
  font-family: Roboto, sans-serif;
}
#v65-memberFormWrapper input[type="checkbox"] {
  margin-top: 5px;
}




.login-dropdown {
	position: absolute;
	background: white;
	border: 1px solid #ccc;
	padding: 1em;
	z-index: 1000;
	max-width: 200px;
	top: 55px;
	left: -200px;
}
.login-dropdown a {
	font-family: Roboto, sans-serif;
	font-weight: 500;
}

#user-tools .v65-editProfile, #user-tools .v65-yourAccount, #user-tools .v65-login, #user-tools .v65-logout {
	width: 100%;
	text-align:left;
	border-right:0px;
	height: unset;
    line-height: 1em;
    margin-top: 0px;
    margin-right: 10px;
    padding-right: 10px;
}

#user-tools .v65-editProfile, #user-tools .v65-yourAccount {
	margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
	padding-top: 5px;
}

#user-tools .v65-login, #user-tools .v65-logout {
	/*border-top: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;*/
}


@media (max-width: 580px) {
	.login-dropdown {
		left: -180px;
	}
}

#v65-forgotPasswordForm button.defaultBtn {
    width: 265px;
}