@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Magneta";
  src: url("fonts/Magneta-Book.woff2") format("woff2"), url("fonts/Magneta-Book.woff") format("woff"), url("fonts/Magneta-Book.eot") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Magneta";
  src: url("fonts/Magneta-BookItalic.woff2") format("woff2"), url("fonts/Magneta-BookItalic.woff") format("woff"), url("fonts/Magneta-BookItalic.eot") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Magneta";
  src: url("fonts/Magneta-Bold.woff2") format("woff2"), url("fonts/Magneta-Bold.woff") format("woff"), url("fonts/Magneta-Bold.eot") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Termina';
  src: url('fonts/Termina-Medium.otf');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Serlio';
  src: url('fonts/Serlio.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
body {
  font-family:Magneta,"Noto Serif",Nunito Sans,sans-serif;
  font-weight:400;
  font-style:normal;
  color:#000;
  background:#fff;
  line-height:1.6;
overflow-x: hidden !important;
}
/**margins**/
.margin-top-30 {
 margin-top:30px;
}
.margin-bottom-30 {
 margin-bottom:30px;
}
.txt-decor-none {
	text-decoration:none;
}
/*home page*/
.w-95 {
	width:95%;
}
.hdr-logo img {
    max-width: 10em;
    /* transform: translateY(20px); */
}
.cover {
  display: grid;
  text-align: center;
}
.cover .background, .cover .foreground {
  grid-column: 1;
  grid-row: 1;
  width: 100%
}
.cover .background {
  overflow: hidden;
  z-index: 1
}
.fluid-width-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
}
.cover .background iframe {
  transform: scale(1.05)
}

.cover .foreground {
  align-items: center;
  display: grid;
  justify-content: center;
  z-index: 2
}
.background img {
	width:100%;
}
@media screen and (min-width: 641px) {
  .foreground img {
    max-height: 60vh;
    max-width: 60vw;
  }
}
@media screen and (min-width: 75em) {
  .cover .foreground {

}	
}
.ctgy-header-pic.cover-image .page-title {
  max-width: 40rem;
}
.cover-image {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 70vh;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 100px;
}
.ctgy-header-pic.cover-image {
  height: auto;
  min-height: 60vh;
  /*margin-bottom: 0px;*/
}
.cover-image .image-container {
  height: 100%;
  position: absolute;
  width: 100%;
	z-index:-1;
}
.page-title {
  max-width: 50rem;
  line-height: 1;
	border:1px solid #000;
}
.cover-image .page-title .inner {
  border: 1px solid #000;
  margin: 5px;
  padding: 15px 10px 15px 10px;
}
.ctgy-header-pic.cover-image .page-title {
  color: #000;
  font-family: Serlio,Cormorant,Montserrat,sans-serif;
  font-size: 2.777778em;
  letter-spacing: 0.05em;
  word-spacing: -0.1em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  /*margin-bottom: .25em;*/
}

.t-site-header__logo {
	justify-items:center;
}
.t-site-header__logo a {
	max-width: 334px;
  width: 100%;
}
.t-site-header__logo img {
	height:auto;
	max-height:none;

}
.Header__Logo span {
  border: 1px solid black;
  display: flex;
  line-height: 0;
  margin: 0 auto;
  padding: 3px;
}
.Header__Logo img {
  border: 1px solid black;
}
@media screen and (min-width: 641px) {
  .foreground img {
    max-height: 60vh;
    max-width: 500px;
  }
}
.logo-wrap {/*max-width:334px;*/width:100%;}
.Header__Logo {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.Header__Logo span {
  border: 1px solid black;
  display: flex;
  line-height: 0;
  margin: 0 auto;
  padding: 3px;
}
.Header__Logo span::after {
  box-shadow: 0 3px 8px #0003;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.t-category-name {
  text-align:center;
  font-family: Serlio,Cormorant,Montserrat,sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 32px;
  color: #000;
  line-height: 1.25;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
  letter-spacing: .05em;
  text-transform: uppercase;
  word-spacing: -.1em;
}
/*home page*/
.cover-image .image-container {
  height: 100%;
  position: absolute;
  width: 100%;
}
.ctgy-header-pic.cover-image .page-title {
  max-width: 40rem;
}
.cover-image .page-title {
  background-color: #fff;
  margin: 0px;
  text-align: center;
  z-index: 1;
}
.product-category {
	position:absolute;
	left:25px;
	bottom:25px;
	background:white;
	padding:.65em;
	font-family:Magneta, "Noto Serif", Nunito Sans, sans-serif;
	font-size:1.1em;
}
a.thumb .product-category:hover {
	background-color:#4E5B29;
	color:#fff;
	/*transition: transform .45s cubic-bezier(.785,.135,.15,.86),-webkit-transform .45s cubic-bezier(.785,.135,.15,.86);
	transform-origin: left center;*/
}
.products-wrap {
	position:relative;
}
/*PROD*/
.quality-bar {
  align-items: center;
	color:#888;
  display: flex;
  flex-wrap: wrap;
  font-size: 20px;
  justify-content: center;
  padding: 1em;
  text-align: center;
}
.border {
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}
svg#diamond {
  margin: 0 10px 3px;
  width: .425em;
}
svg#diamond .diamond {
  fill: #888;
}
/*footer*/
#social_active {
  display: flex;
  justify-content: center;
}
.t-site-footer  {
  /*font-size: 1.2em;*/
	border-top-color:#d9d9d9;
}

.t-site-header {
	border-bottom-color:#d9d9d9;
}
#footer_categories-label, #quick_links-label, button.x-collapsible-content__toggle {
  color: #4E5B29;
font-size: 1.2em;
  margin-bottom: 1em;
  font-family: Magneta,"Noto Serif",Nunito Sans,sans-serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}
@media (min-width: 48em) {
  .t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
    font-size: 1.2em;
    line-height: 1.2;
  }
}
a.t-global-footer-social__link {
color:#6a6a6a;
}
a.t-global-footer-social__link:hover {
	color:#000;
}
.t-site-footer__copyright {
	border-top:none;
}
@media screen and (max-width: 47.999em) {
.logo {
	max-width:225px;
	margin-bottom:1em;
}
.t-site-footer__content {
	padding-bottom:1em
}
.t-site-footer__content .c-menu {
        width: 100%;
}
}
/**menu**/
/******JARED****************/
html {
  overflow-x: hidden !important;
}
body {
  /*font-family: "Magneta", serif;
  overflow-x: hidden !important;
  font-size: var(--font-size);
  -webkit-font-smoothing: antialiased*/
}
#tin-headernav-wrap {
  position: fixed;
  z-index: 1000000;
  width: 100%;
  top: 0;
}
.t-site-header {
  height: 85px !important;
  transition: .3s;
}
.position-relative {position:relative}
.t-site-header__masthead {
  transition: .3s;
}
/*#logo {
  transition: .3s;
  max-height: 69px;
}
#logo path {
  transition: .3s;
  opacity: 1;
}
#logo2 {margin-top:3px}
.tin-topnav {
  height: 38px;
}*/
.tin-headernav-link, .t-global-account-toggle {
  font-family: Magneta, "Noto Serif", Nunito Sans, sans-serif;
  color: #646464;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  transition: .2s;
  /*letter-spacing: .2em;*/
  cursor: pointer;
}
.tin-headernav-link:hover {
  color: #222;
}
.tin-headernav-link .u-icon-search {
  font-weight: bold;
}
.tin-headernav-left .tin-headernav-link {
  margin-right: 30px;
}
.tin-headernav-right .tin-headernav-link {
  margin-left: 30px;
}
.tin-topnav-wrap {
  /*background: #986318;*/
	background-color:var(--color-green);
}
.tin-topnav, .tin-topnav li {
  margin: 0;
  padding: 0;
  list-style: none
}
.tin-topnav {
  text-align: center;
}
.tin-topnav > li {
  display: inline;
  position: relative;
}
.tin-topnav-link {
  cursor: pointer;
  display: inline-block;
  color: #595959;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 400;
  font-size: 18px;
  font-family: Magneta, "Noto Serif", Nunito Sans, sans-serif;
  position: relative;
}
.tin-topnav-link:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 8px;
  height: 1px;
  background: #FFF;
  left: 20px;
  right: 20px;
  transition: .1s ease-in-out;
  transform: translateY(-7px);
  opacity: 0;
  z-index: 0;
}
.tin-topnav-link:hover:after {
  opacity: 1;
  transform: translateY(0);
}
#tin-submenu-wrap {
  position: relative;
  z-index: -1;
}
.tin-submenu {
  position: absolute;
  width: 100%;
  background: #FFF;
  padding: 20px 60px;
  transform: translateY(-100%);
  transition: .4s ease-in-out;
  opacity: 0;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, .4);
}
.tin-submenu.tinactive {
  transform: translateY(0);
  opacity: 1;
}
.tin-mobile-submenu.tinactive {
  transform: translateY(0);
  display:block;/*test*/
  transition: .3s ease-in-out;/*test*/
}
#tin-main-wrap {
  position: relative;
}
#tin-main-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, .5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: none;
}
.t-site-navigation {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}
.t-site-header__search-form {
  border: none !important;
  border-radius: 0 !important;
}
.t-site-header__search-field {
  font-size: 35px !important;
  border: none !important;
  border-bottom: 1px solid #AAA !important;
}
.t-site-header__search-form:focus-within {
  outline: none !important;
}
.x-search-preview {
  font-size: 25px;
}
.x-search-preview__item-name {
  font-size: 1.2rem;
}
.t-site-header__search-form:focus-within .t-site-header__search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #647d45 !important;
  opacity: 1 !important; /* Firefox */
}
.t-site-header__search-form:focus-within .t-site-header__search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #647d45 !important;
}
.t-site-header__search-form:focus-within .t-site-header__search-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #647d45 !important;
}
.t-site-header__search-form:focus-within .t-site-header__search-field {
  border-bottom-color: #647d45 !important;
}
/*@media screen and (min-width: 60em) {*/
#tin-farmmenu .tin-sub-menu ul, #tin-mob-farmmenu .tin-sub-menu ul {
	line-height:1.2;
}
#tin-farmmenu .tin-sub-menu ul li, #tin-mob-farmmenu .tin-sub-menu ul li {
 padding-bottom:6px;
}
/*}*/
.tin-sub-menu {
  /*padding:25px;*/
  padding: 10px 20px 10px 20px;
}
@media screen and (min-width: 60em) {
 .tin-sub-menu {
  padding: 25px;
}	
}
@media screen and (min-width: 90em) {
 .tin-sub-menu {
  padding: 30px;
}	
}
@media screen and (min-width: 60em) {  
.tin-sub-menu.no-title {
  padding-top: 47px;
}
}
@media screen and (min-width: 75em) {  
.tin-sub-menu.no-title {
  padding-top: 47px;
}
}
@media screen and (min-width: 90em) {  
 .tin-sub-menu.no-title {
  padding-top: 54px;
}	
	
}
.tin-sub-header {
  font-size: 18px;
  font-family: Magneta,"Noto Serif",Nunito Sans,sans-serif;;
  color: #4E5B29;
  font-style:italic;
}
@media screen and (min-width: 90em) {  
.tin-sub-header {
	font-size: 18px;
	margin-bottom:20px;
	}
}
.tin-sub-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tin-sub-menu ul li {
  margin: 0;
  /*padding: .2em 0;*/
  padding: .3em 0;
  list-style: none;
}
@media screen and (min-width: 60em) {
.tin-sub-menu ul, .tin-sub-menu ul li {
  padding: 0;
}
}
.tin-sub-menu ul li a, .tin-sub-menu p {
	font-size:18px;
  text-decoration: none;
  transition: .3s;
  padding: .75em 0; /*added*/
}
@media screen and (min-width: 60em) {
.tin-sub-menu ul li a, .tin-sub-menu p {
	  padding: 0; /*added*/
	font-size: 17px;
	}
}
@media screen and (min-width: 90em) {
  .tin-sub-menu ul li a, .tin-sub-menu p {
  font-size: 18px;
}
}
.tin-sub-menu ul li a:hover {
  color: #647d45;
}
.tin-imglink-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.tin-imglink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, .5);
  color: #FFF;
  text-decoration: none;
}
.tin-imglink-wrap img {
  transition: .3s ease-in-out;
}
.tin-imglink-wrap:hover img {
  transform: scale(1.03);
}
.tin-imglink .tin-line1 {
  font-size: 14px;
  font-family: 'Termina', "Arial Black", Tahoma, "sans-serif";
  letter-spacing: 2.4px;
  text-transform: uppercase;
  text-align:center;
}
.tin-imglink .tin-line2 {
  font-size: 24px;
  text-align:center;
}
.tin-sub-btmlink {
  display: inline-block;
  margin-top: 15px;
  font-size: 17px;
  color: #647d45;
  font-style: italic;
  margin-bottom:15px;
}
@media screen and (min-width: 90em) {
	.tin-sub-btmlink {
	font-size: 20px;
	}
}
/* Mobile Nav */
#tin-mobilenav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#tin-mobilenav-wrap {
  position: relative;
  background: #FFF;
}
#tin-mobilenav-cont {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #FFF;
  z-index: 2000;
  transition: .3s ease-in-out;
  /*;*/
  transform: translateX(105%);
  border-top: 4px solid var(--color-green);
  /*border-bottom: 8px solid var(--color-green);*/
}
#tin-mobilenav-cont .tin-headernav-link {padding:1.2em 0}
.tin-mobile-submenu {
  position: absolute;
  top: 0;
  min-height: 100%;/*test mobility-didn't work*/
  width: 100%;
  background: #FFF;
  /*padding: 15px;*//*test mobility-didn't work*/
  transform: translateX(105%);/*test mobility-didn't work*/
  transition: .3s ease-in-out;
  /*border-top: 4px solid var(--color-green);*/
  display:none;/*test mobility*/
}
.tinactive #tin-mobilenav-cont {
  transform: translateX(0)
}
.tin-mobilenav-header {
  margin: 0 !important;
  padding: 15px;
  background: #EEE;
}
.tin-close-mobsub {
  font-size: 16px;
  color: #647d45;
  display: block;
  cursor: pointer;
  margin-bottom: 20px;
  padding-bottom: 15px;
  padding-top:15px;/*added*/
  border-bottom: 1px solid #AAA;
}
.mob-separator {
  margin: 20px 0;
  border: none;
  border-bottom: 1px solid #AAA;
}
.topnav_ul {
  margin: 0;
  padding: 0;
}
.topnav_ul li {
  list-style: none;
}
.topnav_ul li a {
  display: block;
  font-size: 17px;
  color: #fff;
  padding: 8px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  transition: .3s;
}
.topnav_ul li a:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, .5);
}
#tin-navbtn {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 9000000;
  cursor: pointer;
  transition: .3s;
  margin-right: 15px;
	padding-left:3px;
}
#tin-navbtn .tin-bar1, #tin-navbtn .tin-bar2, #tin-navbtn .tin-bar3 {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  background: #986318;
  transition: .3s;
}
#tin-navbtn .tin-bar1 {
  top: 2px;
}
#tin-navbtn .tin-bar2 {
  top: 15px;
  opacity: 1;
}
#tin-navbtn .tin-bar3 {
  bottom: 1px;
}
.tinactive #tin-navbtn .tin-bar2 {
  opacity: 0;
}
.tinactive #tin-navbtn .tin-bar1 {
  /*transform: rotate(45deg) translateY(8px) translateX(6px);*/
	transform: rotate(45deg) translateY(20px) translateX(12px);
  background: white;
}
.tinactive #tin-navbtn .tin-bar3 {
  /*transform: rotate(-45deg) translateY(-8px) translateX(6px);*/
	transform: rotate(-45deg) translateY(-7px) translateX(-2px);
  background:white;
}
.tinactive #tin-navbtn {
  display: block;
}
.tin-moblink {
  cursor: pointer;
  display: flex;
  padding: 15px;
  font-family: 'Termina', "Arial Black", Tahoma, "sans-serif";
  border-bottom: 1px solid #595959;
  text-decoration: none !important;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: .2em;
}
.tin-moblink .u-icon-triangle-right {
  color: #986318;
}
#tin-mobile-search {
  display: none;
  padding-top: 15px;
}
#tin-mobile-search .c-control-group .c-control-group__field:first-child {
    border-bottom-left-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
#tin-mobile-search .srch-arrow-btn {
	flex: 0 1 auto;
    align-self: stretch;
    display: flex;
}
/* end mobile*/
.x-mini-basket {
  z-index: 1000000000 !important;
}
.tinactive #nav-container {
  right: 0;
  left: 0;
}
.tinscrolled .t-site-header__masthead {
  padding-top: 5px;
  padding-bottom: 0;
}
.tinscrolled .t-site-header {
  height: 70px !important;
}
.tinscrolled #logo {
  max-height: 50px;
}
.tinscrolled #path2, .tinscrolled #path3 {
  opacity: 0;
}
/* large and up */
@media screen and (min-width: 60em) {
 #tin-main-wrap {
    margin-top: 85px;
  }
}
@media screen and (min-width: 90em) {
#tin-main-wrap {
    margin-top: 85px;
}
}
/*****END JARED******/