/* root settings */
@charset "UTF-8";
:root {
	/* CONTENT WIDTHS */
	--default-content-width: 80rem;
	/* FONT SIZES */
	--display-one: 4.95rem;
	--display-two: 3.95rem;
	--display-three: 3.2rem;
	--message-one: 0.95rem;
	--paragraph-large: 1.2rem;
	--paragraph-small: 1.075rem;
	--subheading-large: 1.45rem;
	--subheading-small: 1.325rem;
	--subheading-x-small: 1.2rem;
	--title-one: 2.7rem;
	--title-two: 2.2rem;
	--title-three: 1.7rem;
	--title-four: 1.45rem;
	--font-size-default: 16px;
	--font-size-big: 18px;
	--font-size-bigger: 20px;
	--font-size-biggest: 25px;
	--font-size-small: 14px;
	--font-size-smaller: 12px;
	--font-size-smallest: 10px;
	--heading-size-big: 45px;
	--heading-size-bigger: 55px;
	--heading-size-biggest: 65px;
	/* COLORS */
	--primary: #4f4b29 !important ;
	--secondary: #666;
	--black: #111;
	--blue-dark: #2E2D4D;
	--blue-100: #f3f9fe;
	--blue-200: #8fbbe6;
	--blue-400: #2e669e;
	--blue-freeze: #006194;
	--focus: #3a58fc;
	--gray-100: #f5f5f5;
	--gray-200: #eaeaea;
	--gray-300: #ddd;
	--gray-400: #ccc;
	--gray-500: #767676;
	--gray-600: #575a5d;
	--green: #4D7F70;
	--green-dark: #395149;
	--green-light: #6D9F71;
	--green-lime: #A1D884;
	--green-tea: #DEF4C6;
	--green-100: #daf5eb;
	--green-200: #bbe1d3;
	--green-400: #0a7448;
	--pink: #CB48B7;
	--red-100: #fbe3e3;
	--red-200: #f9c4c7;
	--red-400: #b13138;
	--transparent: transparent;
	--yellow-100: #f8f8e1;
	--yellow-200: #e6e086;
	--yellow-400: #65602e;
	--white: #fff;
	--white-off: #E4E3D3;
}

/* global */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 {
	font-size: var(--title-one);
}
h2 {
	font-size: var(--title-two);
}
h3 {
	font-size: var(--title-three);
}
a { text-decoration: none; }

/* global header message */

.global-header-message {
	display: block;
	padding: 3px 7px;
	background-color: var(--green);
	color: var(--white);
	text-align: center;
	font-size: 0.9rem;
}
	.global-header-message span.readytheme-banner {
		display: inline-block;
		margin: 0 10px;
	}
@media (max-width: 799px) {
	.global-header-message {
		font-size: 0.8rem;
	}
}

/* global header */

/* global header message */

.global-header-message {
	display: block;
	padding: 7px;
	background-color: #f1f1f1;
	text-align: center;
	font-size: 1rem;
}
	.global-header-message span.readytheme-banner {
		display: inline-block;
		margin: 0 10px;
	}
	.global-header-message a {
		display: inline-block;
		padding: 3px 6px;
		text-decoration: none;
		background-color: #008352;
		color: #FFF;
		border-radius: 3px;
	}
@media (max-width: 799px) {
	.global-header-message {
		font-size: 0.8rem;
	}
}

/* global header */

.t-site-header__logo img {
	max-height: 35px;
	width: auto;
	margin-top: 0;
}
@media (min-width: 960px) {
	/*.t-site-header__logo img {
		margin-top: -42px;
	}*/
}
.t-site-header {
	border-bottom: 0;
}
.t-site-header__masthead-links a {
	padding: 0.25em;
	margin-left: 0.5em;
	font-size: 1.65em;
	text-decoration: none;
	/*color: var(--brown);*/
}
.t-site-header__masthead-links .t-global-account-toggle {
    align-items: inherit;
    background-color: var(--white);
    border: none;
    display: inherit;
    margin-right: 0;
	padding: 0.25em;
    text-decoration: none;
}
.t-site-header__masthead-links .t-global-account-toggle > * {
    margin-left: 0;
}
.global-header-cart {
	display: flex;
	align-items: center;
}
	.t-site-header__masthead-links a div {
		border-radius: 50%;
		padding: 3px 10px;
		margin-top: -15px;
		margin-left: -3px;
		background-color: #efefef;
		color: #000;
		font-size: 12px;
	}
.t-global-account__form a.t-input-font-size {
	font-size: 12px;
}
button.u-icon-menu {
	margin-right: 3px;
	margin-left: 5px;
}

/* navigation */

.t-site-navigation__wrap {
	font-size: 0.9rem!important;
}
.x-transfigure-navigation__content {
  padding-bottom: 0;
  padding-top: 0;
}
	.c-navigation__link {
		padding: 0.75em 0.25em;
		font-family: var(--secondary-font-family);
		font-weight: 700;
		font-size: var(--font-size-bigger);
		font-color: var(--primary);
	}
		.c-navigation__list .c-navigation__row .c-navigation__link {
			font-weight: 400!important;
		}
@media (min-width: 73em) {
	.t-site-navigation__wrap {
		font-size: 1.1rem!important;
	}
	.c-navigation__link {
		padding: 0.75em;
	}
}
@media screen and (min-width: 60em) {
	.x-transfigure-navigation .c-navigation__list:hover > .c-navigation__row, .x-transfigure-navigation .c-navigation__list:focus-within > .c-navigation__row {
		flex-direction: column;
	}
}

/* footer */

.t-site-footer {
	background-color: #e8e5d7;
}
.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
    color: var(--black);
}

/* breadcrumbs */

@media (min-width: 60em) {
	.x-breadcrumbs {
		margin: 10px auto 5px;
		max-width: var(--default-content-width);
		/*width: 100%;*/
	}
}
.x-breadcrumbs__list {
	justify-content: start;
}

/* global header hardiness zone */
.global-header-zone {
    position: relative;
    display: block;
    padding: 10px 20px;
	background-color: var(--primary);
	color: var(--white);
	font-size: var(--font-size-small);
    text-decoration: none;
	text-align: center;
}
	.global-header-zone a {
		display: inline-block;
	}

/* product display */

/*.x-product-layout-images__image {
    aspect-ratio: var(--prod-img-x) / var(--prod-img-y);
    max-height: calc(var(--prod-img-y)* 1px);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}*/

/* search modal */

body.search-open {
  overflow: hidden;
}

.small-12 {
	width: 100%;
}

.close {
  position: absolute;
  top: 53px;
  right: 4%;
  background: none;
  border: 0;
  font-size: 1rem;
  font-weight: 700;
  display: block;
  cursor: pointer;
  color: #fff;
  padding: 10px 13px;
  background: #333;
  border-radius: 50%;
  outline: none;
}
.close:hover {
  background: #D62839;
}

.search-box.search-elem {
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 165px;
  z-index: 100;
  background-color: #fff;
  transition: all 0.1s ease-in-out;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.search-box.search-elem .inner {
  width: 85%;
  left: 4%;
  position: absolute;
  top: 53px;
}
.search-box.search-elem label {
  color: white;
  font-weight: 300;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}
.search-box.search-elem button.submit {
  outline: none;
  position: absolute;
  top: 0;
  right: 15px;
  height: 70px;
  padding: 10px 2rem;
  background: #00A896;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  color: white;
}
.search-box.search-elem button.submit[disabled] {
  background: #ccc;
  color: #32213A;
}
.search-box.search-elem input[type=text] {
  padding: 20px;
  height: 72px;
  font-size: 32px;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 300;
  border: none;
  border-bottom: solid 2px #999;
  transition: border 0.3s;
  border-radius: 0;
}
.search-box.search-elem input[type=text]:focus {
  border-bottom: solid 2px #00A896;
  box-shadow: none;
}
.search-box.search-elem label.placeholder {
  position: absolute;
  top: 10px;
  left: 2rem;
  font-size: 32px;
  font-weight: 300;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  color: #999;
  transition: all 0.3s;
}
.search-box.search-elem label.placeholder.move-up {
  top: -25px;
  color: white;
  font-size: 1rem;
}

.search-box.search-elem.search-open {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.search-btn {
  text-transform: uppercase;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 0.875rem;
  padding: 0 10px;
  display: inline-block;
}
.search-btn:hover {
  color: #00A896;
}

/* containers */

.t-main-content-element {
	padding-top: 30px;
	padding-bottom: 30px;
}
.t-page-ctgy .t-main-content-element, .t-page-prod .t-main-content-element {
	padding-top: 0;
}
/* colors */

.scheme-primary {
	background-color: var(--primary);
	color: var(--white);
}
.scheme-secondary {
	background-color: var(--primary);
	color: var(--white);
}

/* headings */

.t-page-ctgy .c-heading-charlie {
	/*text-align: center;*/
	font-size: var(--title-two);
}

/* ctgy */

.x-subcategory-list {
    margin-top: 30px;
}

/* logn */

.well-login {
	display: block;
	background-color: #F1F1F1;
	border: 1px solid #DDD;
	padding: 30px;
	text-align: center;
}
.t-global-account .well-login {
	padding: 0 0 12px;
	font-size: 13px;
	background-color: transparent;
	border: 0;
}

/* miva page builder overrides */

mmx-image-across,
mmx-product-carousel,
mmx-image-and-text,
mmx-video,
mmx-hero[data-flex-component="mmx-text-banner"] {
    display: block !important;
    max-width: var(--default-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (max-width: 1499px) {

    mmx-image-across,
    mmx-product-carousel,
    mmx-image-and-text,
    mmx-video,
	mmx-hero[data-flex-component="mmx-text-banner"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* geolocation landing */

.geolocation-bkg {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 100vh;
    background-image: url('https://terraceiafarms.mivatest.com/mm5/graphics/00000001/1/peony-splash.jpg');
    background-size: cover; /* Ensures the image covers the entire div */
    background-position: center; /* Center the image in the div */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    background-color: #f0f0f0; /* Fallback background color in case image doesn't load */
}
.geolocation-landing {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 50px;
	border: 1px solid #DDD;
	text-align: center;
	background-color: #FFF;
}
	.geolocation-landing h2 {
		font-size: 30px;
		line-height: 1.4;
		margin-bottom: 0;
	}

/* ctgy expandable content */
.expandable {
	max-height: 135px;
	overflow: hidden;
	transition: max-height 0.3s ease;
}
#toggleBtn {
	margin-bottom: 30px;
}

/* menu overrides */

@media screen and (min-width: 960px) {
	.x-transfigure-navigation {
		display: none;
	}
}


/***** MENU OVERRIDES 

@media screen and (min-width: 60em) {
	.x-transfigure-navigation__content {
		position: relative;
	}

	.x-transfigure-navigation .c-navigation__list {
		position: static;
	}

	.x-transfigure-navigation .c-navigation__list:hover > .c-navigation__row,
	.x-transfigure-navigation .c-navigation__list:focus-within > .c-navigation__row {
		display: grid !important;
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: auto;
		gap: 1rem;
		padding: 1.5rem;
		background-color: var(--white);
		box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.1);
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100vw - 2rem);
		max-width: 100rem;
		box-sizing: border-box;
		overflow: visible;
		z-index: 100;
		height: auto;
	}

	.x-transfigure-navigation .c-navigation__row {
		word-wrap: break-word;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.x-transfigure-navigation__row .c-navigation__row .c-navigation__link {
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
		max-width: 100%;
		display: block;
		font-size: 0.95em;
		line-height: 1.31;
		padding: 0.15em 0;
	}

	.x-transfigure-navigation__row > .c-navigation__row > .c-navigation__row {
		display: block!important;
		margin-top: 0.5rem;
		padding-left: 1rem;
		top: inherit!important;
		left: inherit!important;
		right: inherit!important;
	}

	.x-transfigure-navigation__row .c-navigation__row .c-navigation__row .c-navigation__link {
		font-size: 0.85em;
		line-height: 1.2;
		padding: 0.2em 0;
		white-space: normal;
	}

	.x-transfigure-navigation__row .c-navigation__row .c-navigation__link-carat {
		display: none !important;
	}

	.x-transfigure-navigation__row .c-navigation__row .c-navigation__link:hover {
		background-color: var(--gray-100);
		border-radius: var(--default-border-radius);
	}
}

@media screen and (min-width: 60em) {
	.x-transfigure-navigation__row .c-navigation__row .c-navigation__link {
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
		max-width: 100%;
		display: block;
		font-size: 0.95em;
		line-height: 1.1;
		padding: 0.15em 0;
	}

	.x-transfigure-navigation__row .c-navigation__row .c-navigation__row .c-navigation__link {
		font-size: 0.85em;
		line-height: 1.1;
		padding: 0.15em 0;
	}
}
*****/