/** Shopify CDN: Minification failed

Line 40:1 All "@import" rules must come first
Line 41:1 All "@import" rules must come first
Line 42:1 All "@import" rules must come first

**/
 @import url("https://use.typekit.net/qnl5vtm.css");

 @font-face {
     font-family: gothic;
     src: url('https://cdn.shopify.com/s/files/1/0625/9415/4673/files/font_f8cc8de0-9771-493c-b76a-2050f2d5850c.woff2?v=1665042722') format('woff2'), url('https://cdn.shopify.com/s/files/1/0625/9415/4673/files/font_f8cc8de0-9771-493c-b76a-2050f2d5850c.woff2?v=1665042722') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: typewritter;
     src: url('https://cdn.shopify.com/s/files/1/0625/9415/4673/files/font.woff2?v=1665042415') format('woff2'), url('https://cdn.shopify.com/s/files/1/0625/9415/4673/files/font.woff?v=1665042415') format('woff');
     font-weight: medium;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: proxima-nova;
     src: url('https://cdn.shopify.com/s/files/1/0625/9415/4673/files/FontsFree-Net-Proxima-Nova-Bold.otf?v=1665042694');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: marketscript;
     src: url('https://cdn.shopify.com/s/files/1/0625/9415/4673/files/KGCamdenMarketScript.ttf?v=1665037077') format('truetype');

 }

 @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap');
 @import url("https://p.typekit.net/p.css?s=1&k=qnl5vtm&ht=tk&f=139.140.175.176.143.144.147.148.156.157.161.162&a=6087181&app=typekit&e=css");

 @font-face {
     font-family: nova;
     src: url('https://cdn.shopify.com/s/files/1/0625/9415/4673/files/Metropolis-ExtraBold.otf?v=1665042675');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
 }

 /* common css */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     outline: 0;

 }

 body {
     font-family: 'Roboto', sans-serif;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 span {
     margin: 0;
     padding: 0;
 }

 a {
     text-decoration: none;
 }

 .form-control:focus {
     box-shadow: none;

 }

 ul,
 ol {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 a:hover {
     text-decoration: none;
     outline: none;

 }

 :root {
     --secondary-clr: #353535;
     --text-clr: #4d1f03;
     --hlt_clr: #efc203;
     --transition-fast: all linear 0.3s;
     --transition-medium: all linear 0.4s;
     --transition-slow: all linear 0.5s;
 }

 .btn:focus {
     box-shadow: none;
 }

 .navbar-toggler:focus {
     box-shadow: none !important;
 }

 .link {
     text-decoration: none;
 }

 /* common css */


 /***** HOME PAGE CSS STARTS HERE *****/


 /* top nav css starts here */
 p.icon_text:hover {
     color: #844A19;
 }

 #top-nav {
     background: #ffce34;
     position: relative;
 }

 .nav-logo {
     position: absolute;

     transform: translateY(15px);
 }

 #top-nav .top-content li a {
     font-family: "proxima-nova";
     font-size: 13px;
     display: block;
     padding: 10px 20px;
     color: var(--text-clr);
     transition: var(--transition-fast);
     font-weight: bold;
     display: flex;
 }

 #top-nav .top-content li a:hover {
     color: #844A19;
 }

 .top-content img {
     padding-bottom: 0px;
     object-fit: cover;
 }

 p.icon_text {
     font-family: "proxima-nova";
     padding-left: 5px;
     transition: all linear 0.3s;
     padding-top: 1px;
     font-weight: 700;
 }

 .template-search__header p {
     font-size: 14px;
 }

 .search_icon_with_text {
     display: flex;
     align-items: center;
     margin-top: 10px;
 }

 .top-right {
     width: 45% !important;
 }

 p.search_text {
     padding-left: 5px;
 }

 .header__icon span {
     margin-left: 50px;
     padding-bottom: 5px;
     color: #4d1f03;
 }

 li.cart-li:hover a p {
     color: #844A19;
 }

 details-modal.header__search:hover p {
     color: #844A19;
 }

 .banner-btn .banner-left:hover {
     color: #ffffff;
     background-color: transparent;
     border-color: #ffffff;
 }

 details-modal.header__search img {
     margin-bottom: 5px;
 }

 /* top nav css ends here */



 /* bottom nav starts here */

 .header--middle-left {
     grid-template-areas: initial;
     grid-template-columns: initial;
     column-gap: 0;
 }

 .header {
     display: initial;
     grid-template-areas: inittial;
     grid-template-columns: initial;
     align-items: initial;
 }

 .page-width {
     padding: 0;
 }

 .page-width {
     max-width: initial;
     margin: initial;
     padding: initial;
 }







 #bottom-nav {
     height: 80px;
     background: #FFFBF2;
 }

 .bottom-content>li {
     padding: 20px 25px;
     position: relative;
     transition: var(--transition-fast);
 }

 .bottom-content li a {
     font-family: gothic, sans-serif;
     font-size: 13px;
     color: var(--text-clr);
     font-weight: normal;
     transition: 0.3s ease-in-out;
     letter-spacing: 1.04px;

 }

 .bottom-content li a:hover {
     color: #844A19;
 }

 .nav-link-last {
     border: 1px solid var(--hlt_clr);
     border-radius: 5px;
     padding: 0;
     padding: 8px 15px !important;
 }

 .nav-item-last {
     padding-top: 15px !important;
 }

 ul.dropdown-links li {
     border-top: solid 1px var(--hlt_clr);
 }

 ul.dropdown-links a {
     font-size: 13px;
     display: block;
     padding: 8px;
 }

 ul.dropdown-links {
     background: #FFFBF2;
     position: absolute;
     width: 170px;
     top: 110%;
     z-index: 50;
     transition: 0.3s ease-in-out;

     opacity: 0;
     visibility: hidden;

 }

 .bottom-content li:hover ul {

     opacity: 1;
     visibility: visible;
     top: 80%;
     z-index: 50;

 }

 .nav-logo2 {
     display: none;
 }

 /* bottom nav ends here */

 /* banner section starts here */
 #banner .background-video-section {
     /* margin-bottom: 100px; */
     /* position: relative; */
     /* height: 100%; */
     overflow: hidden;
     max-height: 100%;
     /* width: 100% !important; */
     left: 0;
     position: absolute;
     z-index: -2;
     top: 0;
     width: 100%;
     display: initial
 }

 #banner {
     height: calc(100vh - 202px);

     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     z-index: 1;
 }

 #banner:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     background-color: #00000046;
     z-index: -1;
     width: 100%;
     height: 100%;
 }

 .banner-content h1 {
     font-family: marketscript, sans-serif;
     color: #ffffff;
     font-size: 64px;

 }

 .banner-content h2 {
     font-family: typewritter, sans-serif;
     color: #ffffff;
     font-size: 24px;
     font-weight: normal;
     padding-top: 20px;
 }

 .banner-btn .banner-left {
     font-family: gothic, sans-serif;
     font-size: 13px;
     color: var(--text-clr);
     font-weight: normal;
     border: solid 1px #ffffff;
     padding: 12px;
     background-color: var(--hlt_clr);
     border-radius: 5px;
     border-color: var(--hlt_clr);
     transition: var(--transition-fast);
     height: 44px;
     width: 174px;
     display: inline-block;
     margin-right: 15px;
     letter-spacing: 1.04px;
 }

 .banner-btn .banner-right {
     font-family: gothic, sans-serif;
     font-size: 13px;
     color: var(--text-clr);
     font-weight: normal;
     border: solid 1px #ffffff;
     padding: 12px;
     border-radius: 5px;
     border-color: #ffffff;
     transition: var(--transition-fast);
     color: #ffffff;
     transition: var(--transition-fast);
     height: 44px;
     width: 174px;
     display: inline-block;
     letter-spacing: 1.04px;
 }

 .banner-btn .banner-right:hover {
     background-color: var(--hlt_clr);
     color: var(--text-clr);
     border-color: var(--hlt_clr);
 }

 .banner-btn {
     padding-top: 20px;
 }


 /* banner section starts here */

 /* bottom banner section starts here */
 #bottom-banner {
     background-color: #fffae6;
     padding: 30px 247px;
     margin-bottom: 45px;
 }

 #bottom-banner h2 {
     font-family: marketscript, sans-serif;
     font-size: 21px;
     color: #844A19;
     font-weight: normal;
     display: inline-block;
 }

 .bottom-banner-content span {
     font-family: marketscript;
     font-size: 18px;
     padding: 0px 10px;
     color: #844A19;
 }

 .announce span img {
     width: 28px;
     margin-right: 5px;
     object-fit: cover;
 }

 #takeout {
     padding-top: 35px;
 }

 section#logos {
     overflow-x: hidden;
 }

 .announce span {
     font-family: gothic, sans-serif;
     font-size: 12px;
     line-height: 20px;
     background-color: #c2e564;
     padding: 5px;
     border-radius: 5px;
     text-transform: uppercase;
     letter-spacing: 0.96px;
     color: #4d1f03;
     width: 225px;
 }

 .press-logo {
     padding-top: 35px;
     text-align: center;
 }

 .press-logo img {
     width: 145px;
 }

 .announce span i {
     padding: 0px 5px;
 }

 .announce p {
     font-family: 'Work Sans', sans-serif;
     font-weight: normal;
     font-size: 16px;
     line-height: 24px;
     color: #4d1f03;
     padding-left: 10px;
 }

 .announce marquee {
     vertical-align: middle;
 }

 .from-family h2 {
     color: var(--text-clr);
     font-size: 36px;
     font-family: marketscript;
     font-weight: regular;
     margin-top: 10px;
     padding-bottom: 15px;
 }

 .from-family h2 span {
     color: var(--text-clr);
     text-transform: none;
 }

 #shopify-section-template--15830688137393__16637637858a4e1e85 .rich-text__text {
     margin-top: 0 !important;
 }

 .from-family .rich-text__blocks {
     max-width: 810px !important;
     width: 100%;
     margin-top: 17px;
 }

 .from-family p {
     color: var(--text-clr);
     font-size: 18px;
     font-family: typewritter;
     margin: 0 auto;
     line-height: 35px;
     font-style: normal;
     padding-top: 0;
     padding-bottom: 16px;
 }

 .announce {
     display: flex;
     margin-left: 51px;
     text-align: center;
     justify-content: center;
 }

 #shopify-section-template--15830688137393__16637622522b2f0a0b {
     padding-top: 35px;
 }



 /* takeout section ends here */

 /* farm cafe section starts here */

 .shopify-the-farm-cafe {
     margin-top: 70px !important;
     padding: 40px 0;
 }

 .shopify-the-farm-cafe .cafe-btn a {
     margin-top: 10px;
 }


 .diamond-light {
     background-color: #fffae6;
     padding-left: 40px;
     z-index: 1;
     position: relative;
     padding-bottom: 40px;
     height: initial;
     width: 431px;
     padding-right: 30px;

 }

 .shopify-the-farm .cafe-content {
     justify-content: start;
 }

 .shopify-the-farm {
     padding: 40px 0px;
     margin-top: 135px;
 }

 .shopify-the-farm .diamond-light-farm {
     height: initial;
     padding-bottom: 40px;
     padding-right: 30px;
 }


 .diamond-stone img {
     position: absolute;
     left: 0;
     top: 0;
     width: auto;
     z-index: -1;
     width: 100%;
     opacity: 1;

 }

 .diamond-light h2 {
     font-family: marketscript;
     font-size: 36px;
     color: var(--text-clr);
     padding-top: 45px;
     position: relative;
     padding-bottom: 10px;
     border-bottom: solid 1px #efc203;
 }

 .diamond-light h2:before {
     display: none;
 }

 .diamond-light h3 {
     font-family: gothic;
     font-size: 18px;
     color: var(--text-clr);
     text-transform: uppercase;
     padding-top: 20px;
     padding-bottom: 15px;
     letter-spacing: 1px;
 }

 .diamond-light p {
     font-size: 16px;
     color: var(--text-clr) !important;
     line-height: 24px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
 }

 .shopify-the-farm-cafe .diamond-light p {
     font-size: 14px;
 }

 .shopify-the-farm-cafe .diamond-light p:nth-of-type(1) {
     font-size: 16px;
 }

 .diamond-light .para {
     font-size: 16px;
     color: var(--text-clr) !important;
     line-height: 24px;
     font-family: "proxima-nova";
     font-weight: 400;
     width: 330px;
 }

 .shopify-the-farm .diamond-light p a {
     font-size: 14px;
     color: #4d1f03 !important;
     line-height: 24px;
     font-family: "proxima-nova";
     font-weight: 400;
 }

 .shopify-the-farm-cafe .diamond-light p strong {
     font-family: gothic;
     font-size: 14px;
     color: var(--text-clr);
     padding-top: 20px;
     letter-spacing: 1.12px;
     line-height: 20px;
     padding-top: 10px;
     font-weight: 400;
     display: block;
     padding-bottom: 5px;
 }

 .shopify-the-farm-cafe .diamond-light p a {
     font-family: proxima-nova, sans-serif;
     ;
     font-size: 14px;
     color: var(--text-clr);
     padding-top: 20px;
     text-decoration: underline;
     line-height: 26px;
     font-weight: 400;
 }

 .cafe-btn a {
     font-family: gothic;
     font-size: 13px;
     color: var(--text-clr);
     background-color: var(--hlt_clr);
     text-transform: uppercase;
     display: inline-block;
     text-align: center;
     vertical-align: center;
     border-radius: 5px;
     padding: 13px 25px;
     margin-right: 10px;
     letter-spacing: 1.04px;
     line-height: 18px;
     font-weight: 400;
     transition: all linear 0.3s;
 }

 .cafe-btn a:hover {
     background-color: #ffce00;
 }

 .cafe-last-btn {
     padding: 0 !important;
     padding: 13px 62px !important;
 }

 .cafe-btn {
     padding-top: 25px;
 }


 /* farm cafe section ends here */

 /* eggplant section starts here */
 #eggplant {
     height: 200px;
     margin-top: 120px;
     background-image: url(https://cdn.shopify.com/s/files/1/0625/9415/4673/files/Path_2697.png?v=1664551516;);
     background-size: cover;
     background-repeat: no-repeat;

 }

 #eggplant h2 {
     font-size: 24px;
     color: var(--text-clr);
     font-family: marketscript, sans-serif;
 }

 /* eggplant section ends here */

 /* farm table section starts here */
 #farm-table {
     padding-top: 110px;
 }

 .table-content {
     position: relative;
 }

 .table-content:before {
     content: '';
     position: absolute;
     background-color: #efc203;
     height: 1px;
     width: 95px;
     left: 39%;
     transform: translateX(-40%);
     top: 50%;
 }

 .table-content:after {
     content: '';
     position: absolute;
     background-color: #efc203;
     height: 1px;
     width: 95px;
     right: 33%;
     top: 50%;
     transform: translateX(-29%);
 }

 .table-heading h2 {
     font-family: gothic, sans-serif;
     font-size: 22px;
     color: var(--text-clr);
     text-transform: uppercase;
     text-shadow: 1px 1px 0 #ffffff, 2.5px 2.2px 0 rgb(239 194 3 / 74%);
     letter-spacing: 1.76px;
     line-height: 20px;
 }

 .table-image {
     border-right: solid 1px #efc203;
     text-align: center;
     margin-top: 48px;
     padding: 0 40px;
 }

 .farm-to-table-with-aloha .feature-image h3 {
     font-family: marketscript, sans-serif;
     font-size: 24px;
     color: var(--text-clr);
     padding: 20px 0;
 }

 .table-image p {
     font-family: "proxima-nova";
     font-size: 16px;
     color: var(--text-clr);
     font-weight: 400;
     line-height: 24px;
 }

 .table-content {
     padding-bottom: 14px;
 }

 #fresh-at-cafe .table-image h3 {
     font-family: marketscript, sans-serif;
     font-size: 24px;
     color: var(--text-clr);
     padding: 20px 0;
 }

 /* farm table section ends here */

 /* the farm  section starts here */

 .diamond-light-farm {
     background-color: #fffae6;
     padding-left: 40px;
     width: 432px;
     margin-left: auto;
     z-index: 1;
     position: relative;
 }

 #appreciate .diamond-light-farm {
     padding-bottom: 30px;
 }

 .diamond-light-farm h2 {
     font-family: marketscript;
     font-size: 36px;
     color: var(--text-clr);
     padding-top: 45px;
     position: relative;
     padding-bottom: 10px;
     border-bottom: solid 1px #efc203;
 }

 .diamond-light-farm h2:before {
     display: none;
 }

 .diamond-light-farm p {
     font-size: 16px;
     color: var(--text-clr);
     font-weight: 400;
     line-height: 24px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     width: initial;
     padding-top: 15px;
 }

 .cafe-btn-farm a {
     font-family: gothic;
     font-size: 13px;
     color: var(--text-clr);
     background-color: var(--hlt_clr);
     width: 173px;
     height: 44px;
     display: inline-block;
     text-align: center;
     border-radius: 5px;
     padding: 12px 0px;
     text-transform: uppercase;
     transition: all linear .3s;
 }

 .cafe-btn-farm a:hover {
     background-color: #ffce00;
 }

 .cafe-btn-farm {
     padding-top: 20px;
 }

 /* the farm section ends here */

 /* people section starts here */
 .what-people-are-saying {
     padding-top: 120px !important;
 }

 .people-content {
     position: relative;
 }

 .people-content:before {
     content: '';
     position: absolute;
     background-color: #efc203;
     height: 1px;
     width: 170px;
     left: 38%;
     transform: translateX(-38%);
     top: 50%;
 }

 .people-content:after {
     content: '';
     position: absolute;
     background-color: #efc203;
     height: 1px;
     width: 170px;
     right: 28%;
     top: 50%;
     transform: translateX(-28%);
 }

 .people-heading h2 {
     font-family: gothic, sans-serif;
     font-size: 22px;
     color: var(--text-clr);
     text-transform: uppercase;
     text-shadow: 2px 2px 0px rgba(239, 194, 3, 0.74);
     ;
     letter-spacing: 1.76px;
     padding-top: 30px;
 }

 .people-review {
     padding-top: 35px;
     padding-left: 54px;
     padding-right: 54px;
 }

 .what-people-are-saying .feature-image p {
     font-size: 13px;
     line-height: 18px;
     color: #4d1f03 !important;
     font-weight: 400;
     font-family: proxima-nova, sans-serif;
     ;
     max-width: 260px;
 }

 .what-people-are-saying .feature-image img {
     padding-bottom: 15px;
 }

 .what-people-are-saying .feature-image p strong {
     font-size: 14px;
     color: #4d1f03 !important;
     font-weight: bold;
     font-family: proxima-nova;
     padding-top: 10px;
     display: block;
     line-height: 18px;
     padding-bottom: 0;
 }

 .what-people-are-saying .feature-image p:nth-last-of-type(2) {
     font-size: 11px;
 }

 /* people section starts here */

 /* gift section starts here */
 #gift {
     padding-top: 110px;
 }

 .gift-btn a {
     font-family: gothic;
     font-size: 13px;
     color: var(--text-clr);
     background-color: var(--hlt_clr);
     display: inline-block;
     text-align: center;
     border-radius: 5px;
     padding: 13px 35px;
     text-transform: uppercase;
     letter-spacing: 1.04px;
     transition: all linear .3s;
 }

 .gift-btn a:hover {
     background-color: #ffcf01;
 }

 .gift-info h3 {
     font-family: gothic, sans-serif;
     font-size: 16px;
     color: #4d1f03 !important;
     letter-spacing: 1.6px;
     text-transform: uppercase;
 }

 .gift-info p {
     font-size: 16px;
     line-height: 22px;
     color: #4d1f03 !important;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     padding: 7px 0 15px;
 }

 .gift-info {
     background-color: #fffae6;
     width: 381px;
     padding: 40px;
     position: relative;
     z-index: 1;
 }

 #feature {
     padding-top: 121px;
 }

 .farm-to-table-with-aloha {
     padding-top: 110px !important;
 }

 .feature-content {
     position: relative;
 }

 .feature-content:before {
     content: '';
     position: absolute;
     background-color: #efc203;
     height: 1px;
     width: 135px;
     left: 39%;
     transform: translateX(-34%);
     top: 40%;
 }

 .feature-content:after {
     content: '';
     position: absolute;
     background-color: #efc203;
     height: 1px;
     width: 135px;
     right: 31%;
     top: 40%;
     transform: translateX(-31%);
 }

 .what-people-are-saying .feature-content:after {
     height: 1px;
     width: 185px;
     top: 50%;
     transform: translateX(-2px);
 }

 .what-people-are-saying .feature-content:before {
     width: 185px;
     left: 31%;
     transform: translateX(2px);
     top: 50%;
 }

 #dine .gift-info {
     padding: 25px;
 }

 .feature-heading h2 {
     font-family: gothic, sans-serif;
     font-size: 22px;
     color: var(--text-clr);
     text-transform: uppercase;
     text-shadow: 1px 1px 0 #ffffff, 2.5px 2.2px 0 rgb(239 194 3 / 74%);
     letter-spacing: 1.76px;
     padding-top: 20px;
 }

 .farm-to-table-with-aloha .feature-content:before {
     width: 89px;
     left: 39%;
     transform: translateX(-19%);
     top: 60%;
 }

 .farm-to-table-with-aloha .feature-content:after {
     width: 93px;
     right: 31%;
     top: 60%;
     transform: translateX(-76%);
 }

 #feature .feature-image {
     border-right: solid 1px #efc203;
     text-align: center;
     margin-top: 40px;
     padding: 0px 35px;
 }

 .what-people-are-saying .feature-image {
     padding: 0px 60px !important;
 }

 .what-people-are-saying .feature-image {
     border-right: 0 !important;
     text-align: left !important;
 }


 .feature-image img {
     max-width: 100%;
     height: auto;
 }

 .farm-to-table-with-aloha .feature-image img {
     width: 100%;
     height: auto;
 }

 .feature-image h3 {
     font-family: marketscript, sans-serif;
     font-size: 27px;
     color: var(--text-clr);
     padding-top: 35px;
     padding-bottom: 15px;
 }

 .feature-image p {
     font-family: proxima-nova, sans-serif;
     ;
     font-size: 16px;
     color: var(--text-clr);
     font-weight: 400;
     line-height: 24px;
 }

 .feature-btn a {
     font-family: gothic;
     font-size: 13px;
     color: #4d1f03;

     height: auto;
     display: inline-block;
     text-align: center;
     border-radius: 5px;
     padding: 12px 20px;
     text-transform: uppercase;
     letter-spacing: 1.04px;
     transition: all linear .3s;
     background-color: #efc203;

 }

 .ingredient-features .feature-btn a:hover {
     background-color: #ffcf05;
     text-decoration: none;

 }

 .feature-btn {
     padding-top: 20px;
 }

 /* feature section ends here */


 /* happy place section starts here */
 .shopify-happy-place {
     padding: 40px 0px;
     margin-top: 120px;
 }

 .diamond-light-happy {
     background-color: #fffae6;
     padding-left: 40px;
     padding-right: 30px;
     margin-left: auto;
     z-index: 1;
     height: initial;
     width: 432px;
     position: relative;
     padding-bottom: 40px;
 }

 .diamond-light-happy h2 {
     font-family: marketscript;
     font-size: 36px;
     color: var(--text-clr);
     padding-top: 50px;
     position: relative;
     padding-bottom: 35px;
     line-height: 44px;
     border-bottom: solid 1px #efc203;
 }

 .diamond-light-happy h2:before {

     display: none;
 }

 .diamond-light-happy p {
     font-size: 16px;
     color: var(--text-clr);
     line-height: 24px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     width: initial;
     padding-top: 10px;
 }

 .shopify-happy-place .diamond-light-happy h3 {
     margin-top: 25px;
 }

 .shopify-happy-place .diamond-light-happy h3 p {
     padding-top: 0px;
 }



 .shopify-happy-place .diamond-light-happy p strong {
     font-size: 18px;
     color: var(--text-clr);
     line-height: 26px;
     letter-spacing: 1.44px;
     text-transform: uppercase;
     font-family: gothic, sans-serif;
     padding-top: 20px;
     font-weight: 400;
 }

 .shopify-happy-place .diamond-light-happy a strong {
     /* border-bottom: solid 1px; */
     text-decoration: underline;
     color: #B75501;
     transition: all linear 0.1s;
 }

 .shopify-happy-place .diamond-light-happy a strong:hover {
     color: #ff8900;
 }

 /* happy place section ends here */


 /* important food section starts here */

 .shopify-important-food {
     margin-top: 120px !important;
     padding: 40px 0px;
 }

 .diamond-light-important {
     background-color: #fffae6;
     padding-left: 40px;
     height: 590px;
     width: 432px;
     z-index: 1;
     position: relative;
 }

 .diamond-light-important h2 {
     font-family: marketscript;
     font-size: 36px;
     color: var(--text-clr);
     padding-top: 50px;
     position: relative;
     padding-bottom: 20px;
     line-height: 44px;
 }

 .diamond-light-important h2:before {
     content: '';
     position: absolute;
     left: 0;
     height: 1px;
     background-color: #efc203;
     width: 352px;
     bottom: 0;
 }

 .shopify-important-food .diamond-light p {
     padding-top: 10px;
 }


 .shopify-important-food p a {
     font-size: 14px;
     color: #e57b00;
     letter-spacing: 1.12px;
     font-family: "nova";
     font-weight: 900;
     /* border-bottom: solid 1px; */
     text-decoration: underline;
     transition: var(--transition-fast);
 }

 .shopify-important-food p a:hover {
     color: #ff8900;
 }

 .important-btn a:hover {
     color: var(--hlt_clr);
 }

 #happy-place .text-end {
     text-align: left !important;
 }

 /* important food section ends here */

 /* box section starts here */
 .three-text-column {
     background-image: url(https://cdn.shopify.com/s/files/1/0625/9415/4673/files/Path_2697.png?v=1664551516;);


     margin-top: 135px !important;
     padding-bottom: 43px !important;
     padding-top: 43px !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
 }

 .three-text-column .feature-image h3 {
     font-size: 24px;
     font-family: marketscript, sans-serif;
     line-height: 34px;
     color: var(--text-clr);
     padding-top: 0;
 }

 .three-text-column .feature-content {
     display: none;
 }

 .box-content h2 {

     font-size: 24px;
     font-family: marketscript, sans-serif;
     line-height: 34px;
     color: var(--text-clr);

 }

 .box-content p {
     font-size: 16px;
     font-family: "proxima-nova";
     line-height: 24px;
     color: var(--text-clr);

     font-weight: 400;
     padding-top: 20px;
 }

 .box-content {
     border-right: 1px solid var(--hlt_clr);
     padding: 0 45px;
 }

 /* box section starts here */

 /* footerbanner section starts here */

 #footerbanner {
     height: 600px;
     background-image: url(../images/f-img.jpg);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     z-index: 1;
 }

 #footerbanner:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     background-color: #00000046;
     z-index: -1;
     width: 100%;
     height: 100%;
 }

 .footerbanner-content h2 {
     font-size: 40px;
     color: #ffffff;
     font-family: marketscript, sans-serif;
     line-height: 40px;
     display: inline-block;
 }

 .footerbanner-content span {
     color: #ffffff;
     font-size: 40px;
     padding: 0 23px;
 }

 .footerbanner-content {
     width: 90%;
 }

 /* footer banner section ends here */

 /* footer section starts here */
 #footer {
     background-color: #FFFBF2;
     padding-top: 55px;
     padding-bottom: 60px;

 }

 .footer-one {
     margin-top: -20px;
 }

 #footer .container {
     max-width: 1298px;
 }

 #footer h3 {
     font-size: 14px;
     color: var(--text-clr);
     font-family: gothic, sans-serif;
     letter-spacing: 1.12px;
     border-bottom: solid 1px #efc203;
     padding-bottom: 6px;
     padding-top: 20px;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .acai-bowl-recipe-remove-line h2 {
     border-bottom: 0 !important;
 }

 .footer-one h4 {
     font-size: 14px;
     color: var(--text-clr);
     font-family: 'Work Sans', sans-serif;
     font-weight: 700;

 }

 .footer-one h4 {
     font-size: 14px;
     color: var(--text-clr);
     font-family: 'Work Sans', sans-serif;
     font-weight: 700;
     padding-top: 10px;

 }

 .footer-one p {
     font-size: 14px;
     color: var(--text-clr);
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     line-height: 19px;
     padding-top: 5px;
 }

 .footer-one a {
     font-family: "proxima-nova";
     font-size: 14px;
     line-height: 18px;
     letter-spacing: 1.12px;
     color:  #B75501;
     /* border-bottom: solid 1px; */
     text-decoration: underline;
     font-weight: 700;
     text-transform: uppercase;
     transition: all linear .3s;
 }

 .footer-one a:hover {
     color: #ff8a01;

 }

 .footer-one .call-link {
     font-size: 14px;
     color: var(--text-clr);
     border-bottom: 0;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
 }

 .footer-two ul li a {
     font-size: 16px;
     font-weight: 400;
     color: var(--text-clr);
     font-family: 'Open Sans', sans-serif;
     transition: var(--transition-fast);

 }

 .footer-two ul li a:hover {
     color: #844A19;
 }

 .footer-two ul li {
     padding-top: 0px;
 }

 .footer-three ul li a {
     font-size: 16px;
     font-weight: 400;
     color: var(--text-clr);
     font-family: 'Open Sans', sans-serif;
     transition: var(--transition-fast);

 }

 .footer-three ul li a:hover {
     color: #844A19;
 }

 .footer-three ul li {
     padding-top: 12px;
     padding-left: 35px;
     position: relative;
 }

 .footer-one img {
     object-fit: inherit;
     padding-right: 0;
     height: auto;
     display: block;
 }

 .footer-four p {
     font-size: 14px;
     color: var(--text-clr);
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     line-height: 24px;
     padding-top: 1px;
     padding-bottom: 13px;
     letter-spacing: 0;
     max-width: 215px;
 }

 .footer-four p strong {
     color: #B75501;
     font-weight: 300;
 }

 .footer-btn a {
     font-family: "proxima-nova";
     font-size: 13px;
     color: var(--text-clr);
     background-color: var(--hlt_clr);
     width: 173px;
     height: 44px;
     display: inline-block;
     text-align: center;
     border-radius: 5px;
     padding: 12px 0px;
     font-weight: 700;
     letter-spacing: 1.3px;
     text-transform: uppercase;
     transition: all linear .3s;
 }

 .footer-btn a:hover {
     background-color: #ffcf04;

 }

 .footer-four p span {
     color: var(--hlt_clr);
     border-bottom: solid 1px;
 }

 .footer-four .last-span {
     display: block;
     font-size: 11px;
     color: var(--text-clr);
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     padding-top: 104px;
     padding-bottom: 2px;
     padding-left: 2px;
     letter-spacing: normal;
 }

 .footer-four .top {
     font-size: 11px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     color: var(--text-clr);
     text-transform: uppercase;
     letter-spacing: 0.55px;
     padding-top: 35px;
     display: block;
     padding-left: 2px;
 }

 .top img {
     margin-left: 5p;
     margin-left: 5px;
 }

 .footer-four .top i {
     font-size: 16px;
     margin-left: 5px;
     color: #e57b00;
     font-size: 24px;
     transform: translateY(7px);
 }

 .footer-mobile {
     display: none;
 }

 #footer .col-md-3 {
     flex: 0 0 auto;
     width: 23%;
     padding: 0 30px;
 }

 .footer-three li img {
     width: auto;
     height: auto;
     margin-right: 8px;
     max-width: 16px;
     position: absolute;
     left: 0;
     max-height: 17px;
     top: 18px;
 }


 #cafe-banner #banner:before {
     display: none;

 }

 /* banner section ends here */

 /* outdoor section starts here */
 #outdoor .cafe-btn a {
     padding: 15px 40px;
     margin-right: 15px;
 }

 #outdoor .cafe-btn {
     padding-top: 40px;
 }

 .testy-salad {
     padding-top: 30px;
     padding-bottom: 40px;
     background-color: #fffae6;
     z-index: 1;
     padding-left: 35px;
     padding-right: 35px;
     margin-top: -158px;
 }

 .the-farm-cafe-top-section .col-lg-6 {

     width: 46%;
 }

 section#appreciate {
     margin-top: 120px;
 }

 .testy-salad h2 {
     font-size: 54px;
     border-bottom: solid 1px #efc203;
     color: #4d1f03;
     font-family: marketscript, sans-serif;
     line-height: 64px;
     padding-bottom: 25px;
 }

 .testy-salad p {
     font-size: 18px;
     line-height: 30px;
     color: #4d1f03;
     font-family: typewritter, sans-serif;
     padding-top: 20px;
 }

 .seating h3 {
     font-size: 26px;
     color: #4d1f03;
     line-height: 26px;
     font-family: marketscript, sans-serif;
     position: relative;
     z-index: 1;
     padding-left: 5px;
     display: inline-block;
 }

 .seating h3:before {
     content: '';
     width: 103%;
     height: 97%;
     background-color: #c2e564;
     position: absolute;
     z-index: -1;
     left: 0px;
     bottom: -10px;
 }

 .seating p strong {
     font-size: 14px;
     color: #4d1f03;
     line-height: 20px;
     font-family: gothic, sans-serif;
     letter-spacing: 1.12px;
     text-transform: uppercase;
     padding-top: 26px;
     padding-bottom: 5px;
     display: block;
     font-weight: 400;
 }

 .seating p {
     font-size: 16px;
     color: #4d1f03;
     line-height: 24px;
     font-family: 'Work Sans', sans-serif;
     font-weight: 400;
 }

 .seating p a {
     color:  #B75501;
     transition: all linear .3s;
     font-family: 'Work Sans', sans-serif;
     line-height: 1.6;
     text-decoration: underline;
 }

 .seating p a:hover {
     color: #ff8900;

 }

 .seating {
     padding-left: 25px;
     padding-top: 35px;
 }

 /* outdoor section ends here */

 /* picnic section starts here */
 #picnic .picnic-slider {
     height: 510px;
     background-size: cover !important;
     background-repeat: no-repeat !important;
 }

 section#picnic {
     margin-top: 120px;
 }

 .picnic-slider-wrapper {
     max-width: 1070px;
     margin: 0 auto;
 }

 .slider-arrow span i {
     font-size: 24px;
     color: #efc203;
 }

 .slider-arrow span {
     width: 44px;
     height: 44px;
     display: grid;
     place-items: center;
     border-radius: 50%;
     background-color: #4d1f03;
     cursor: pointer;
     margin-left: 15px;
     position: relative;
 }

 .slider-arrow span:after {
     content: "";
     position: absolute;
     border-left: solid 10px #efc203;
     border-top: solid 10px transparent;
     border-bottom: solid 10px transparent;
     transform: translateX(-50%);
     left: 50%;
 }

 .slider-arrow span i {
     display: none;
 }

 .slider-arrow span.left-arrow:after {
     transform: translate(-50%) rotate(180deg);
 }

 .slider-arrow {
     background-color: #fffae6;
     position: relative;
     z-index: 1;
     height: 120px;
     width: 950px;
     margin: auto;
     align-items: center;
     justify-content: space-between;

     margin-top: -40px;
     display: flex;

 }

 .slider-arrow img {
     height: 100%;
     object-fit: cover;
 }

 .slider-arrow-content {
     margin-right: 35px;
 }

 .slider-arrow p {
     padding-left: 40px;
     font-size: 18px;
     line-height: 28px;
     color: #4d1f03;
     font-family: marketscript, sans-serif;
 }


 /* picnic section ends here */

 /* fresh at cafe secdtion starts here */
 #fresh-at-cafe .table-heading p {
     font-size: 16px;
     color: #4d1f03;
     line-height: 24px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     padding-top: 15px;
 }

 #fresh-at-cafe .cafe-btn a:last-child {
     margin-right: 0 !important;
 }

 section#fresh-at-cafe {
     margin-bottom: 100px;
 }

 .guided-left {
     /* transform: translateY(-50%); */
     position: absolute;
     /* margin-bottom: 177px; */
     top: 38%;
 }

 .background-video-section {
     /* margin-bottom: 100px; */
     /* position: relative; */
     /* height: 100%; */
     overflow: hidden;
     max-height: 100%;
 }

 #fresh-at-cafe .table-image {
     margin-top: 30px !important;
     padding: 0 30px !important;
 }

 #fresh-at-cafe .cafe-btn a {
     padding: 15px 40px;
     margin: 0;
 }

 #fresh-at-cafe .table-image img {
     cursor: pointer;
     width: 100%;
     height: auto;
     object-fit: cover;
 }



 .fresh_last_btn {
     margin-right: 25px !important;
 }

 #fresh-at-cafe #farm-table {
     padding-top: 80px;
 }

 /* fresh at cafe secdtion ends here */

 /* the process section starts here */
 #process {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     height: 450px;
     margin-top: 100px;
 }

 section#process-content {
     padding-top: 98px;
 }

 #process-content .process-image img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
 }

 .process-wrapper {
     background-color: #fffae6;
     position: relative;
     z-index: 1;
     padding: 0 30px;
     padding-top: 30px;
     padding-bottom: 35px;
     /* top: -148px; */
     left: 89px;
     margin-top: -148px;
 }

 .process-wrapper h4 {
     font-family: gothic, sans-serif;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 1.12px;
     color: #4d1f03;
     text-transform: uppercase;
     font-weight: normal;
 }

 .process-wrapper h2 {
     font-family: marketscript, sans-serif;
     font-size: 30px;
     line-height: 38px;
     color: #4d1f03;
     font-weight: normal;
     border-bottom: solid 1px;
     border-color: #efc203;
     padding-top: 15px;
     padding-bottom: 10px;
 }

 .process-wrapper p {
     font-family: 'Work Sans', sans-serif;
     font-size: 17px;
     line-height: 28px;
     color: #4d1f03;
     font-weight: normal;
     padding-top: 10px;
 }

 .process-wrapper a {
     font-family: "proxima-nova";
     font-size: 14px;
     line-height: 18px;
     color: #B75501;
     font-weight: normal;
     letter-spacing: 1.12px;
     font-weight: 800;
    
     text-transform: uppercase;
     border-bottom: solid 1px;
     padding-top: 10px;
     transition: all linear .3s;


 }

 .process-wrapper a:hover {
     color: #fe8800;

 }

 .process-wrapper img {
     height: auto;
     object-fit: cover;
 }

 /* the process section ends here */

 /* self guided section starts here */
 #self-guided {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 504px;
     position: relative;
     z-index: 1;
     margin-top: 30px;
 }

 #self-guided:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #4d1f03;
     opacity: 50%;
     z-index: -1;
 }

 .guided-left h4 {
     color: #89d2ff;
     font-size: 32px;
     font-family: "proxima-nova";
     font-weight: 700;
     line-height: 20px;
     padding-top: 80px;
     padding-bottom: 70px;
     text-align: center;
 }

 .guided-left h2 {
     color: #ffffff;
     font-size: 100px;
     font-family: nova;
     opacity: 60%;

     line-height: 20px;
     letter-spacing: 10px;
     text-align: center;


 }

 .guided-right h3 {
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 1.12px;
     color: #ffffff;
     font-family: gothic, sans-serif;
     text-transform: uppercase;
     padding-bottom: 15px;
 }

 .guided-right h2 {
     font-size: 40px;
     line-height: 50px;
     color: #ffffff;
     font-family: marketscript, sans-serif;
     font-weight: 400;
 }

 .guided-right p {
     font-size: 16px;
     line-height: 24px;
     color: #ffffff;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     padding-bottom: 40px;
 }

 .guided-right a {
     font-family: gothic, sans-serif;
     font-size: 16px;
     line-height: 18px;
     letter-spacing: 1.28px;
     text-transform: uppercase;
     color: #ffffff;
     border: solid 3px;
     padding: 15px 60px;
     border-radius: 5px;
     transition: all .3s ease-in-out;
     position: relative;
     z-index: 1;
 }

 .guided-right a::before {
     position: absolute;
     content: '';
     left: 0;
     background-color: #efc203;
     height: 100%;
     top: 0;
     width: 0%;
     z-index: -1;
     transition: all linear.3s;
 }

 .guided-right a:hover:before {
     width: 100%;
 }

 .guided-right a:hover {
     color: #4d1f03;
     border-color: #ffffff;
 }

 .guided-right {
     margin-left: 90px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }


 /* self guided section ends here */


 /***** Cafe PAGE CSS Ends HERE *****/





 /***** Cafe menu page CSS starts HERE *****/


 /* cafe banner section starts here */
 #cafe-banner {
     height: 520px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 /* cafe banner section starts here */

 /* menu price section starts here */
 #menu-price {
     position: relative;
     margin-top: -120px;
 }

 .menu-price-content h2 {
     font-family: marketscript, sans-serif;
     font-size: 54px;
     line-height: 64px;
     color: #4d1f03;
     font-weight: 400;
     padding-bottom: 15px;
     border-bottom: solid 1px #efc203;

 }

 .menu-price-content p {
     font-size: 18px;
     line-height: 30px;
     color: #4d1f03;
     font-family: typewritter, sans-serif;
     padding-top: 20px;

 }

 .menu-price-content a {
     font-family: gothic, sans-serif;
     font-size: 13px;
     line-height: 18px;
     color: #4d1f03;
     letter-spacing: 1.04px;
     text-transform: uppercase;
     background-color: #efc203;
     padding: 15px 35px;
     border-radius: 5px;
     display: inline-block;
     margin-top: 15px;
     transition: all linear .3s;

 }

 .menu-price-content a:hover {
     background-color: #ffcf04;

 }

 .menu-price-content {
     left: 28px;
     position: relative;
     background-color: #fffae6;
     z-index: 1;
     padding-top: 30px;
     padding-left: 35px;
     height: initial;
     margin-bottom: 70px;
     width: 634px;
     padding-right: 40px;
     padding-bottom: 30px;
 }

 .menu-price-content img {
     height: auto;
 }

 .food-wrapper h2 {
     font-size: 36px;
     line-height: 44px;
     color: #4d1f03;
     font-family: marketscript, sans-serif;
     font-weight: 400;
     padding-bottom: 10px;
     padding-left: 108px;
 }

 .food-item h3 {
     font-size: 17px;
     font-family: "proxima-nova";
     font-weight: 700;
     color: #4d1f03;
     line-height: 22px;
 }

 .food-item h3 span {
     float: right;

 }

 .food-wrapper .col-lg-5:nth-child(2) {
     padding-right: 40px;
 }

 .food-item p {
     font-size: 14px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;
     line-height: 20px;
     width: 335px;
     padding: 8px 0;
 }

 .food-item h4 {
     font-size: 14px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;
     line-height: 20px;
     font-style: italic;
 }

 .food-item {
     padding-top: 15px;
     padding-right: 15px;
 }

 .pickup-image {
     padding-right: 20px;
 }

 .pickup-image img {
     width: 100%;
     object-fit: cover;
 }

 .pickup-image {
     padding-right: 20px;
     width: 25%;
 }

 section#smoth .col-lg-5 {
     display: block;
 }

 .pickup-text {
     padding-left: 20px;
 }

 .pickup-text p:nth-child(2) {
     padding-top: 0px;
 }

 .pickup-text p:last-child {
     padding-top: 0px;
 }

 .pickup-text h2 {
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 1.28px;
     color: #4d1f03;
     font-family: gothic, sans-serif;
     text-transform: uppercase;
     text-shadow: 1px 1px 0 #ffffff, 2.5px 2.2px 0 rgb(239 194 3 / 74%);

 }

 .pickup-text p {
     font-size: 18px;
     line-height: 30px;
     color: #4d1f03;
     font-family: typewritter, sans-serif;
     font-weight: 400;
     padding-top: 10px;
     width: 334px;
 }

 .pickup-text a {
     font-size: 14px;
     color: #B75501;
     line-height: 18px;
     letter-spacing: 1.12px;
     font-family: nova;
     text-transform: uppercase;
     border-bottom: solid 1px;
     transition: all linear .3s;
 }

 .pickup-text a:hover {
     color: #ff8b03;

 }

 .pickup-text h3 {
     font-size: 18px;
     line-height: 30px;
     color: #4d1f03;
     font-family: typewritter, sans-serif;
     display: inline-block;
     padding-right: 15px;
 }

 .order-for-pick {
     padding-top: 95px;
     justify-content: center;

 }

 /* menu price section ends here */

 /* keiki menu section starts here */
 .keiki-info h2 {
     font-family: marketscript, sans-serif;
     font-size: 36px;
     font-weight: 400;
     line-height: 44px;
     color: #4d1f03;
 }

 .keiki-info h3 {
     font-family: "proxima-nova";
     font-size: 17px;
     font-weight: 700;
     line-height: 24px;
     color: #4d1f03;
     padding-top: 15px;
 }

 .keiki-info span {
     float: right;
 }

 .keiki-info h4 {
     font-family: proxima-nova, sans-serif;
     ;
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
     color: #4d1f03;
 }

 .keiki-info p {
     font-family: proxima-nova, sans-serif;
     ;
     font-size: 14px;
     font-weight: 400;
     font-style: italic;
     line-height: 24px;
     color: #4d1f03;
 }

 .sp-span {
     font-family: "proxima-nova";
     font-size: 15px;
     font-weight: 700;
     line-height: 24px;
     color: #4d1f03;
     padding-right: 50px;
     display: block;
     padding-bottom: 15px;
     padding-top: 5px;
 }

 .sp-span p {
     font-family: "proxima-nova";
     font-size: 15px !important;
     font-weight: 400;
     line-height: 24px;
     color: #4d1f03;
     display: inline;
     font-style: normal !important;
 }

 .keiki-info {
     padding-right: 15px;
 }

 #keiki-menu .keiki-img img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
 }

 /* keiki menu section ends here */

 /* iced drinks section starts here */
 #iced-drinks {
     padding-top: 50px;
 }

 .iced-items h2 {
     font-size: 36px;
     line-height: 44px;
     font-family: marketscript, sans-serif;
     font-weight: 400;
     color: #4d1f03;
 }

 .iced-items h5 {
     font-size: 15px;
     line-height: 24px;
     font-family: "proxima-nova";
     font-weight: 700;
     color: #4d1f03;
 }

 .iced-items h3 {
     font-size: 17px;
     line-height: 20px;
     font-family: "proxima-nova";
     font-weight: 700;
     color: #4d1f03;
     padding-top: 20px;
 }

 .iced-items h3 span {
     float: right;
 }

 .iced-items p {
     font-size: 14px;
     line-height: 20px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;
     padding-top: 5px;
 }

 #iced-drinks .iced-image img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
 }

 /* iced drinks section ends here */

 /* smoth section starts here */
 section#smoth .row {
     justify-content: center;
 }

 .smoth-heading h2 {
     font-size: 36px;
     font-family: marketscript, sans-serif;
     color: #4d1f03;
     font-weight: 400;
     line-height: 44px;
 }

 .smoth-heading p {
     font-size: 15px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;
     font-weight: 400;
     line-height: 24px;
 }

 .smoth-items h3 {
     font-size: 17px;
     line-height: 20px;
     font-family: "proxima-nova";
     font-weight: 700;
     color: #4d1f03;
     padding-top: 20px;
 }

 .smoth-items h3 span {
     float: right;
 }

 .smoth-items p {
     font-size: 14px;
     line-height: 20px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;
     padding-top: 5px;
 }

 #smoth {
     padding-top: 90px;
 }

 .order-for-pick {
     padding-top: 70px;
     width: 83%;
     margin: 0 auto;
 }

 /* smoth section ends here */

 /* the menu section starts here */
 .menu-heading h1 {
     font-size: 54px;
     font-family: marketscript, sans-serif;
     line-height: 48px;
     color: #4d1f03;
     text-align: center;
     padding-bottom: 65px;
 }

 .menu-img {
     padding-left: 15px;
 }

 .menu-text h2 {
     font-size: 36px;
     color: #4d1f03;
     line-height: 44px;
     font-family: marketscript, sans-serif;
     font-weight: 400;
 }

 .menu-text h3 {
     font-size: 17px;
     line-height: 20px;
     font-family: "proxima-nova";
     font-weight: 700;
     color: #4d1f03;
     padding-top: 20px;
 }

 .menu-text p {
     font-size: 14px;
     line-height: 20px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;
     padding-top: 5px;
     padding-bottom: 24px;
 }

 .menu-text h3 span {
     float: right;
 }

 .row.justify-content-center.food-wrapper.menu-text {
     justify-content: normal !important;
 }

 .single-text-column .container {
     max-width: 1089px;
 }

 #the-menu {
     padding-top: 100px;
 }

 .menu-text {
     padding-right: 10px;
 }

 .menu-img p {

     font-size: 14px;
     line-height: 20px;
     font-family: 'Work Sans', sans-serif;
     font-weight: 400;
     color: #4d1f03;
     padding-top: 15px;

 }

 .menu-img strong {
     font-weight: 700;

 }

 /* the menu section ends here */

 /* hungry section starts here */
 #hungry {
     background-size: cover !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
     height: 600px;
     position: relative;
     z-index: 1;
     margin-top: 90px;
 }

 #hungry:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #4d1f03;
     opacity: 50%;
     z-index: -1;
 }

 .hungry-inner h2 {
     font-size: 54px;
     color: #ffffff;
     line-height: 48px;
     font-weight: 400;
     font-family: marketscript, sans-serif;
     padding-bottom: 55px;
 }

 .hungry-inner a {
     font-size: 16px;
     font-family: gothic, sans-serif;
     line-height: 18px;
     letter-spacing: 1.28px;
     color: #ffffff;
     border: solid 3px;
     border-radius: 5px;
     padding: 15px 50px;
     text-transform: uppercase;
     margin-top: 25px;
     transition: all .3s ease-in-out;
     position: relative;
     z-index: 1;
 }


 .hungry-inner a::before {
     position: absolute;
     content: '';
     left: 0;
     background-color: #efc203;
     height: 100%;
     top: 0;
     width: 0%;
     z-index: -1;
     transition: all linear.3s;
 }

 .hungry-inner a:hover:before {
     width: 100%;
 }

 .hungry-inner a:hover {
     color: #4d1f03;
     border-color: #ffffff;
 }

 .hungry-content {
     display: grid;
     place-items: center;
     place-content: center;

 }

 .hungry-inner {
     text-align: end;
 }

 section#keiki-menu {
     margin-top: 50px;
 }

 /* hungry section ends here */




 /***** Cafe menu PAGE CSS Ends HERE *****/



 /***** our story PAGE CSS Ends HERE *****/

 /* banner section starts here */
 #story-banner {
     background-position: center !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
     height: 520px;
 }

 /* banner section ends here */

 /* generation section starts here */
 .generation-left h4 {

     font-family: gothic;
     font-size: 14px;
     color: #4d1f03;
     letter-spacing: 1.12px;
     line-height: 20px;
     text-transform: uppercase;
 }

 .generation-left h2 {
     font-family: marketscript;
     font-size: 48px;
     color: #4d1f03;
     line-height: 60px;
     border-bottom: solid 1px #efc203;
     font-weight: 400;
     padding-bottom: 20px;
     padding-top: 10px;
 }

 .generation-left .big-span {
     font-family: gothic, sans-serif;
     font-size: 104px;
     line-height: 24px;
     color: #4d1f03;
     font-weight: 400;
     text-shadow: 2px 2px 0px rgba(239, 194, 3, 0.74);


 }

 .generation-left span {
     color: #4d1f03;
     font-size: 18px;
     font-family: typewritter;
     line-height: 30px;
 }

 .generation-left h3 {
     color: #4d1f03;
     font-size: 18px;
     font-family: typewritter;
     line-height: 30px;
 }

 .big-word {
     height: auto;
     margin: 20px 0 4px;
 }

 .big-left {
     margin-top: 34px;
 }

 .big-right {
     padding-left: 10px;
     padding-top: 5px;
 }

 .generation-right {
     margin-top: 15px;
 }

 #generation .generation-right img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
     object-fit: scale-down;
 }

 #beginnings .begin-left img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
 }

 section#album img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
     width: initial;
 }

 #shopify-section-template--15855849210033__16647894592b810332 .diamond-light-farm {
     height: initial;
     padding-bottom: 30px;
 }

 #generation .generation-left {
     left: initial;
     position: relative;
     z-index: 1;
     background-color: #fefbed;
     padding: 40px;
     margin-top: -100px;
 }

 section#beginnings {
     margin-top: 40px;
 }

 /* generation section ends here */

 /* begin section starts here */

 .begin-right h2 {
     font-family: marketscript;
     font-size: 36px;
     color: #4d1f03;
     line-height: 42px;
     border-bottom: solid 1px #efc203;
     font-weight: 400;
     padding-bottom: 10px;
 }

 .begin-right p {
     font-size: 16px;
     line-height: 24px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;
     padding-top: 15px;
 }

 .begin-left {
     text-align: center;
 }

 .begin-right {
     padding-top: 50px;
 }

 /* begin section ends here */



 /* pertnership section starts here */


 .custom img {
     position: absolute;
     right: -62px;
     top: -69px;
 }

 #pertnership .diamond-light-farm h2:before {
     display: none;
 }

 #pertnership .diamond-light-farm {
     padding-right: 30px;
     padding-bottom: 30px;
 }

 #pertnership #the-farm {
     padding: 70px 0;
 }

 section#pertnership {
     margin-top: 100px;
 }

 #pertnership .diamond-light-farm h2 {
     border-bottom: solid 1px #efc203;

 }

 #pertnership .diamond-light-farm p {
     width: initial;
 }

 /* pertnership section ends here */

 /* brand section starts here */
 #brand {
     background-size: cover !important;
     background-position-x: center !important;
     background-repeat: no-repeat !important;
     overflow-x: hidden;
     padding: 90px 0;
     margin-top: 110px;
 }

 section#berry {
     margin-top: 50px;
 }

 section#fresh {
     margin-top: 50px;
 }

 .brand-img {
     text-align: center;
 }

 .brand-text p {
     font-size: 16px;
     line-height: 24px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;

 }

 .brand-text a {
     font-size: 14px;
     color: #e57b00;
     letter-spacing: 1.12px;
     font-family: nova;
     font-weight: 900;
     border-bottom: solid 1px;
     transition: 0.3s all ease-in-out;
     padding-top: 10px;
     line-height: 18px;
     text-transform: uppercase;
     display: inline-block;
 }

 .brand-text a:hover {
     color: #efc203;
 }

 /* brand section ends here */

 /* revelant section starts here */
 #revelant {
     margin-top: 80px;
     overflow-x: hidden;
 }

 #revelant #important-food {
     margin-top: 70px;
     padding: 40px 0;
 }

 .bird-p {
     text-align: center;
     font-size: 24px;
     font-family: marketscript, sans-serif;
     line-height: 46px;
     font-weight: 400px;
     padding-top: 25px;
     color: #4d1f03;
 }

 #revelant .feature-content:before {
     width: 12% !important;
     left: 35%;
     transform: translateX(0);
 }

 #revelant .feature-content:after {

     width: 12% !important;
     right: 35%;
     transform: translateX(0);
 }

 #revelant .diamond-light-important p {
     font-size: 18px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     padding-top: 15px;

 }

 #revelant .diamond-light-important {
     height: initial;
     padding-bottom: 40px;
     padding-right: 30px;
 }

 #revelant .farm-cafe-img img {
     width: 94%;
     object-fit: cover;
     object-position: center;
 }

 #revelant .diamond-light-important h2:before {
     display: none;

 }

 #revelant .diamond-light-important h2 {
     border-bottom: solid 1px #efc203;

 }

 #revelant .diamond-light-important p {
     width: initial;
     color: #4D1F03;
 }

 #brand .brand-img img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
     object-position: center;
 }

 /* revelant section ends here */

 /* kyle section starts here */
 #kyle {
     height: 480px;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: center !important;
     overflow: hidden;
     margin-top: 90px;
 }

 .kyle-img img {
     position: absolute;
     left: initial;
     top: -34px;
     max-width: 100%;
     object-fit: cover;
 }

 .kyle-text p {
     font-size: 26px;
     line-height: 38px;
     color: #4d1f03;
     font-family: proxima-nova, sans-serif;
     font-weight: 400;

 }

 .kyle-text h3 {
     font-family: gothic, sans-serif;
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 1.28px;
     color: #4d1f03;
     padding-top: 15px;
     text-transform: uppercase;

 }

 .kyle-text {
     background-color: #ffffff;
     padding: 20px;
     margin-left: 92px;
     position: relative;
 }

 .triangle {
     height: 72px;
     width: 64px;
     clip-path: polygon(50% 0%, 46% 100%, 100% 100%);
     position: absolute;
     top: 5px;
     left: -48px;
     transform: rotate(-95deg);
     background-color: #ffffff;
     display: block !important;
 }

 .brown-stone img {
     position: absolute;
     left: 10px;
     top: 10px;
     height: 100%;
     object-fit: cover;
     z-index: -1;
 }

 /* kyle section ends here */

 /* story bottom banner starts here */

 #hungry #story-bottom-banner {

     height: 490px;
 }

 #hungry .hungry-inner {
     text-align: center;
 }

 #hungry .hungry-inner h2 {
     font-size: 48px;
     line-height: 60px;
     padding-bottom: 10px;
 }

 #hungry .hungry-inner p {
     font-family: "proxima-nova";
     font-size: 18px;
     line-height: 24px;
     color: #ffffff;
     font-weight: 700;

 }

 .hungry-inner a {
     display: inline-block;
 }

 /* story bottom banner starts here */
 /***** our story PAGE CSS Ends HERE *****/



 /***** visit the farm PAGE CSS starts HERE *****/
 /* explore section starts here */
 .explore-box {
     width: 46%;
 }

 #explore .cafe-btn :nth-child(2) {
     padding: 15px 30px;
 }

 .farm-cafe-img img {
     width: 94%;
     object-fit: cover;
     object-position: center;
     height: 100%;
 }




 #explore .testy-salad h4 {
     font-family: gothic;
     font-size: 14px;
     color: #4d1f03;
     letter-spacing: 1.12px;
     line-height: 20px;
     text-transform: uppercase;
     padding-bottom: 10px;
 }

 #explore #outdoor .cafe-btn {
     padding-top: 25px;
 }

 /* explore section ends here */

 /* appreciate section starts here */
 #appreciate #the-farm {
     margin-top: 0;
     padding: 40px 0;
 }

 #appreciate .custom img {
     position: absolute;
     right: -62px;
     top: -69px;
     transform: rotate(21deg);
 }


 /* appreciate section ends here */

 /* good food section starts here */
 #good-food {
     margin-top: 110px;
 }

 #good-food #brand {
     background-position: right !important;
 }

 #good-food .brand-text {
     padding-left: 120px;
     padding-right: 30px;
 }

 #good-food .brand-text h2 {
     font-size: 36px;
     color: #4d1f03;
     line-height: 44px;
     font-family: marketscript, sans-serif;
     font-weight: 400;
     padding-bottom: 50px;

 }

 #good-food .brand-text p {
     padding-bottom: 15px;

 }

 #good-food .brand-img {
     margin-top: 90px;
     width: 95%;
 }

 /* good food section ends here */

 /* article section starts here */
 .article-content h3 {
     font-family: nova;
     font-size: 14px;
     line-height: 32px;
     letter-spacing: 0.7px;
     color: #4d1f03;
     text-transform: uppercase;
     font-weight: 900;

     text-align: start;
     width: 61%;

 }

 .article-top {
     display: flex;
     justify-content: space-between;
     width: 66.8%;
     display: inline-flex;
 }

 .article-content h4 {
     font-family: "proxima-nova";
     font-size: 11px;
     line-height: 32px;
     letter-spacing: 0.55px;
     color: #4d1f03;
     text-transform: uppercase;
     font-weight: 700;

 }

 .article-content h2 {
     font-family: "proxima-nova";
     font-size: 21px;
     line-height: 22px;
     color: #4d1f03;
     font-weight: 700;

 }

 .view-all a {
     position: relative;
 }

 .view-all a:after {
     position: absolute;
     content: ">";
 }

 .view-all.text-end {
     padding-right: 10px;
 }

 .article-content a {
     font-family: nova;
     font-size: 11px;
     line-height: 32px;
     color:  #B75501;
     font-weight: 900;
     letter-spacing: 0.55px;
     text-transform: uppercase;
     transition: all linear .3s;

 }

 .article-content a:hover {
     color: #fe8902;

 }

 #article {
     margin-top: 80px;
 }

 .article-info img {
     width: 100%;
     object-fit: cover;
 }

 /* article section ends here */

 /* aloha section starts here */
 #aloha {
     margin-top: 90px;
 }

 #aloha .feature-content:before {
     transform: translateX(-50%);
     width: 100%;
     left: 50%;
     top: 50%;
     max-width: 750px;
     margin: 0 auto;
 }

 #aloha .feature-content:after {
     width: 81px;
     left: 50%;
     top: 0;
     transform: translateX(-50%);
     background-color: #ffffff;
     height: 50px;
     position: absolute;
 }

 #aloha img {
     z-index: 1;
     position: relative;
 }

 .aloha-text {
     text-align: center;
     font-size: 36px;
     color: #4d1f03;
     font-family: marketscript, sans-serif;
     line-height: 44px;
     font-weight: 400;
     border-bottom: solid 1px #efc203;
     width: 750px;
     margin: auto;
     padding-top: 15px;
     padding-bottom: 10px;

 }

 /* aloha section ends here */

 /* garden section starts here */
 #garden .diamond-light-farm h3 {
     font-family: gothic;
     font-size: 14px;
     color: #4d1f03;
     letter-spacing: 1.12px;
     line-height: 20px;
     text-transform: uppercase;
     padding-bottom: 15px;
 }

 #garden .diamond-light-farm h2 {
     padding-top: 0px;
     position: relative;
     line-height: 44px;
     padding-bottom: 40px;

     border-bottom: solid 1px #efc203;
 }

 #garden .diamond-light-farm h2:before {
     display: none;
 }

 #garden .diamond-light-farm {
     padding-right: 30px;
     height: initial;
     padding-top: 40px;
     padding-bottom: 40px;
 }

 section#garden {
     margin-top: 120px;
     margin-bottom: 100px;
 }

 #garden #the-farm {
     padding: 40px 0;
 }

 /* garden section ends here */

 /* visit the farm bottom banner starts here */

 #visit-the-farm-bottom-banner .hungry-content {
     display: flex;
     place-items: initial;
     place-content: initial;

     align-items: center;
 }

 #visit-the-farm-bottom-banner .hungry-inner {
     text-align: start;
 }

 #visit-the-farm-bottom-banner .hungry-content h3 {
     font-size: 21px;
     color: #ffffff;
     line-height: 32px;
     letter-spacing: 1.05px;
     font-family: gothic, sans-serif;
     text-transform: uppercase;
     padding-bottom: 15px;
 }

 #visit-the-farm-bottom-banner .hungry-inner h2 {
     line-height: 48px;
 }

 #visit-the-farm-bottom-banner .hungry-content p {
     font-size: 21px;
     color: #ffffff;
     line-height: 32px;
     letter-spacing: 1.05px;
     font-weight: 300;
     width: 390px;
     padding-top: 15px;
     font-family: proxima-nova, sans-serif;
 }

 #visit-the-farm-bottom-banner #hungry:before {
     opacity: 68%;
 }

 .farm-cafe-img video {
     width: 94%;
     height: 100%;
     object-fit: cover;
 }

 #visit-the-farm-bottom-banner #hungry {
     margin-top: 60px;
 }

 /* visit the farm banner bottom ends here */




 /***** visit the farm CSS Ends HERE *****/




 /***** ingredient CSS page starts HERE *****/

 /* ingredient section starts here */
 #ingredient .col-lg-6 {
     width: 45%;
 }

 #ingredient .generation-left {
     /* top: -150px; */
     left: 185px;
     margin-top: -150px;
 }

 #ingredient .generation-left h4 {
     padding-bottom: 10px;
 }


 /* ingredient section ends here */

 /* hawaii section starts here */
 section#hawaii {
     margin-top: 100px;
 }

 #hawaii #farm-cafe {
     padding: 40px 0;
 }

 #hawaii .diamond-light {
     height: initial;
     padding-right: 30px;
     padding-bottom: 40px;
 }

 #hawaii .diamond-light h2 {
     line-height: 42px;
 }

 #hawaii .diamond-light p {
     font-size: 16px;
     color: #4d1f03;
     line-height: 24px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     width: initial;
     padding-top: 10px;
 }

 #hawaii .custom img {
     position: absolute;
     right: -49px;
     top: -81px;
 }

 /* hawaii section ends here */

 /* harvest section starts here */

 #harvest .brand-text h2 {
     font-family: marketscript;
     font-size: 36px;
     color: #4d1f03;
     line-height: 42px;
     border-bottom: solid 1px #efc203;
     padding-bottom: 10px;
 }

 #harvest .brand-text p {
     padding-top: 10px;
 }

 #harvest .brand-img {
     text-align: left;
 }

 #harvest .brand-text {
     padding: 0 30px;
 }

 section#harvest {
     margin-top: 50px;
 }

 /* harvest section ends here */

 /*berry section starts here */
 .berry-text h2 {
     font-family: gothic, sans-serif;
     font-size: 22px;
     line-height: 32px;
     letter-spacing: 2.2px;
     border-bottom: solid 1px #efc203;
     text-transform: uppercase;
     display: inline;
     padding-bottom: 5px;
 }

 .berry-text p {
     font-size: 16px;
     line-height: 24px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
     color: #4d1f03;
     padding-top: 10px;
 }

 .berry-img img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
 }

 /*berry section ends here */

 /* fresh section starts here */
 #fresh .diamond-light-farm {
     height: initial;
     padding-right: 30px;
     padding-bottom: 40px;
 }

 #fresh .diamond-light-farm p {
     width: initial;
 }

 #fresh #the-farm {
     padding: 40px 0;
 }

 /* fresh section ends here */

 /* bowl section starts here */
 #bowl #harvest #brand {
     height: 668px;
 }

 #bowl {
     margin-top: 50px;
 }

 /* bowl section ends here */

 /* five item section starts here */
 #five-item .berry-text h3 {
     font-family: gothic;
     font-size: 18px;
     color: #4d1f03;
     letter-spacing: 1.44px;
     line-height: 26px;
     text-transform: uppercase;
 }

 #five-item .berry-img {
     margin-right: 95px;
 }

 #five-item {
     margin-top: 50px;
 }

 /* five item section ends here */

 /* dine section starts here */
 #dine .people-content:after {
     width: 97px;
     right: 33%;
     transform: translateX(-33%);
 }

 #dine .people-content:before {
     width: 97px;
     left: 38%;
     transform: translateX(-32%);
 }

 #dine .gift-content {
     margin-top: 45px;
 }

 #dine {
     margin-bottom: 150px;
 }

 #dine .gift-content img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
 }

 /* dine section ends here */


 /***** ingredient page CSS Ends HERE *****/




 /***** tour page CSS starts HERE *****/
 /* tour banner section starts here */
 .custom-brand {
     width: 76%;
 }

 #tour-banner #banner:before {
     background-color: #000000;
     opacity: 20%;
 }

 /* tour banner section ends here */

 /* experiance section starts here */
 #experiance .generation-left {
     left: initial;
     position: relative;
     z-index: 1;
     background-color: #fefbed;
     padding-left: 0px;
     padding-right: 0px;
     padding-top: 20px;
     padding-bottom: 35px;
     margin-top: -78px;

 }

 .wagon-content {
     margin-top: 80px;
     width: 51%;
 }

 .cafe-btn a:hover {
     background-color: #ffce00;
 }

 #experiance .generation-left h2 {
     padding-bottom: 0px;
     border-bottom: 0;
 }

 #experiance .generation-left h4 {
     font-size: 22px;
     letter-spacing: 1.76px;
     line-height: 20px;
 }

 #generation .diamond-stone img {
     object-fit: cover;
     object-position: top;
 }

 /* experiance section ends here */

 /* wagon section starts here */
 #wagon .wagon-content h2 {
     font-family: gothic, sans-serif;
     font-size: 22px;
     color: #4d1f03;
     text-transform: uppercase;
     text-shadow: 1px 1px 0 #ffffff, 2.5px 2.2px 0 rgb(239 194 3 / 74%);
     letter-spacing: 1.76px;
     line-height: 20px;

 }

 #wagon .cafe-btn {
     padding-top: 35px;
 }

 .wagon-content h3 {
     font-family: marketscript;
     font-size: 36px;
     color: #4d1f03;
     line-height: 44px;
     padding: 15px 0;
 }

 section#more-tour .col-lg-5 {
     max-width: 465px;
 }

 .wagon-content p {
     color: #4d1f03;
     font-size: 18px;
     font-family: typewritter;
     font-weight: 400;
     line-height: 30px;
     padding-top: 15px;
 }

 .wagon-right h2 {
     font-family: marketscript;
     font-size: 32px;
     color: #4d1f03;
     line-height: 42px;
     padding-top: 70px;

 }

 .wagon-right p strong {
     font-family: gothic;
     font-size: 14px;
     padding-top: 20px;
     letter-spacing: 1.12px;
     line-height: 20px;
     text-transform: uppercase;
     font-weight: 400;
     display: block;
     padding-bottom: 10px;
 }

 .wagon-right p {
     font-size: 16px;
     color: #4d1f03;
     line-height: 26px;
     font-family: proxima-nova, sans-serif;
     ;
     font-weight: 400;
 }

 .wagon-sec {
     margin-top: 50px;
 }

 .wagon-right {
     padding-left: 65px;
 }

 .wagon-left img {
     width: 568px;
     object-fit: cover;
     height: auto;
 }

 /* wagon section ends here */

 /* more tour section starts here */
 #more-tour #brand {
     padding: 60px 0;
     background-position: center !important;
     height: initial;
     margin-top: 60px;
 }

 #more-tour .article-content h4 {
     font-family: gothic, sans-serif;
     font-size: 15px;
     line-height: 24px;
     letter-spacing: 1.5px;
     color: #4d1f03;
     text-transform: uppercase;
     padding-bottom: 20px;
     font-weight: 400;
 }

 section#more-tour img {
     max-width: 100%;
     object-fit: cover;
     height: auto;
 }

 section#more-tour {
     text-align: center;
 }

 #shopify-section-template--15856308289713__16648104975e897b3a #feature {
     padding-top: 50px;
 }

 #shopify-section-template--15856308289713__16648104975e897b3a #feature {
     padding-top: 90px;
 }

 #shopify-section-template--15856308289713__16648104975e897b3a .feature-image p {
     font-size: 13px;
     line-height: 18px;
     color: #4d1f03;
     font-weight: 400;
     font-family: proxima-nova, sans-serif;
     ;
     padding-top: 8px;
 }

 #shopify-section-template--15856308289713__16648104975e897b3a {
     margin-bottom: 70px;
 }

 #shopify-section-template--15856308289713__16648104975e897b3a .feature-image p strong {
     font-size: 14px;
     color: #4d1f03;
     font-weight: bold;
     font-family: proxima-nova, sans-serif;
     ;
     padding-top: 14px;
     padding-bottom: 7px;
 }

 #shopify-section-template--15856308289713__16648104975e897b3a .feature-image {
     border-right: 0;
     text-align: left;
 }

 .tour-info h2 {
     font-family: marketscript;
     font-size: 32px;
     color: #4d1f03;
     line-height: 42px;
     font-weight: 400;
     padding-top: 25px;

 }

 .tour-info p {
     font-family: 'Open Sans', sans-serif;
     font-size: 15px;
     color: #4d1f03;
     line-height: 24px;
     font-weight: 400;

 }

 /* more tour section ends here */

 /* top section starts here */
 #top #people {
     margin-bottom: 70px;
 }

 #top .people-heading h2 {
     padding-top: 20px;
 }

 /* top section ends here */
 /***** tour page CSS Ends HERE *****/


 /***** brand page CSS starts HERE *****/
 /* brand banner section starts here */
 #brand-banner #tour-banner #banner:before {
     background-color: #000000;
     opacity: 10%;
 }

 /* brand banner section ends here */


 /* our brand section starts here */
 #our-brand .generation-left h2 {
     font-size: 54px;
     line-height: 64px;
     border-bottom: 0;
 }

 #our-brand .generation-left {
     padding-top: 30px;
     padding-bottom: 20px;
 }

 /* our brand section ends here */

 /* our logo section starts here */
 .our-logo-text h2 {
     font-family: marketscript, sans-serif;
     font-size: 36px;
     color: #4d1f03;
     line-height: 42px;
     font-weight: 400;
 }

 .our-logo-text p {
     font-size: 16px;
     line-height: 24px;
     color: #4d1f03;
     font-weight: 400;
     font-family: proxima-nova, sans-serif;
     ;
     padding-top: 20px;
 }

 .our-logo-text h3 {
     font-family: gothic, sans-serif;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 1.12px;
     color: #4d1f03;
     text-transform: uppercase;
     padding-bottom: 10px;
 }

 .logo-second {
     padding-top: 100px;

 }

 #our-logo {
     margin-top: 50px;
 }

 /* our logo section ends here */

 /* comitted section starts here */
 .comitted {
     margin-top: 80px !important;
     height: initial !important;
     padding: 50px 0px;
 }

 .comitted h2 {
     font-size: 22px !important;
     line-height: 44px;
     max-width: 885px;
     margin: 0 auto;
 }

 .our-brand .generation-left {
     padding-top: 30px !important;
     padding-bottom: 20px !important;
 }

 section#grown img {
     max-width: 100%;
     height: auto;
     object-fit: cover;
 }

 #comitted #eggplant h2 {
     font-size: 24px;
     line-height: 44px;
 }

 .our-brand .generation-left h2 {
     font-size: 54px !important;
     line-height: 64px !important;
 }

 /* comitted section ends here */

 /* slogan section starts here */
 #slogan .aloha-text {
     border-bottom: 0;
     padding-top: 30px;
 }

 .aloha-para {
     font-family: gothic, sans-serif;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 1.12px;
     color: #4d1f03;
     padding-top: 15px;
     text-align: center;
 }

 #slogan .feature-content:before {
     width: 100%;
     left: 50%;
     top: 65%;
     transform: translateX(-50%);
     max-width: 300px;
 }

 #slogan .feature-content:after {
     width: 100px;
     right: 50%;
     top: 0;
     transform: translateX(-50%);
 }

 #slogan h2 span {
     padding: 0 15px;
 }

 /* slogan section ends here */

 /* grown section starts here */
 #grown .people-review h3 {
     font-size: 16px;
     color: #4d1f03;
     font-family: gothic, sans-serif;
     line-height: 20px;
     letter-spacing: 1.28px;
     text-transform: uppercase;
     padding-top: 14px;
 }

 #grown .people-review p {
     font-size: 16px;
     line-height: 24px;
     color: #4d1f03;
     font-weight: 400;
     font-family: proxima-nova, sans-serif;
     ;
     padding-top: 5px;
 }

 #grown .people-review {
     padding-top: 0px;
 }

 #grown #people {
     margin-bottom: 100px;
     padding-top: 100px;
 }










































 /*fixed menu*/
 #bottom-nav.fixed-menu {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999;
     width: 100%;
     animation: smooth .5s;

 }

 @keyframes smooth {
     0% {
         top: -50px;
     }

     100% {
         top: 0px;
     }
 }

 /*fixed menu*/




 /* mobile menu */
 .mobile-menu {

     transition: var(--transition-fast);
     z-index: 99999;
     display: none;
     background-color: #fffbf2;
     top: 0;
     width: 100%;

     max-height: 100vh;
     overflow-y: auto;

 }

 .mobile-menu.fixed-menu {
     position: fixed;
     animation: smooth .5s;
 }

 .mobile-menu.active {
     transform: translateX(0%);
 }

 .mobile-menu a {
     font-size: 13px;
     color: var(--text-clr);
     letter-spacing: 1.04px;
     border-top: solid 1px var(--hlt_clr);
     transition: var(--transition-fast);
 }

 .toggle-btn-mobile {
     float: right;
 }

 .mobile-menu a:hover {
     color: #ffce34;
 }

 .nav-link:focus,
 .nav-link:hover {
     color: initial;
 }

 .mobile-menu li a {
     padding: 0 !important;
     padding: 12px 0 !important;
     padding-left: 25px !important;
     font-size: 13px;
     color: #4d1f03;
     font-family: gothic;
     letter-spacing: 1.04px;
 }

 .mobile-menu-logo img {
     width: 150px;
     padding-left: 10px;
     object-fit: none;
     margin-top: 8px;
 }

 .mobile-menu-logo a {
     border: none !important;

 }

 button.navbar-toggler.toggle-btn-mobile.ms-sm-auto {
     font-size: 36px;
 }

 .nav-logo2 img {
     width: 140px;
     object-fit: cover;
 }

 a.navbar-brand.pt-0.nav-logo2 img {
     padding-top: 10px;
 }

 button.toggle-btn-mobile.btn i {
     font-size: 48px;
     cursor: pointer;
 }

 .mobile-menu-logo {
     height: 100px;
     padding: 12px 14px;
     border-top: solid 4px #ffce34;
 }

 .nav-arrow {
     position: absolute;
     font-size: 24px;
     right: 30px;
     top: 5px;
 }

 ul#dropdown-list a {
     padding-left: 45px !important;
 }

 #dropdown-list {
     background-color: #ffefcc;

 }

 .nav-plus {
     position: relative;
 }

 .mobile-menu input {
     font-size: 13px;
     font-family: gothic;
     width: 100%;
     border: solid 5px #efc203;
     padding: 6px 0px;
     padding-left: 20px;
     border-radius: 0 !important;
     appearance: none;
 }

 .mobile-menu form {
     position: relative;
 }

 .mobile-menu form button {

     position: absolute;

     right: 0;
     top: 50%;
     padding-right: 20px;
     transform: translateY(-50%);
     background: none;
     border: 0;
     color: #000
 }

 ::-webkit-input-placeholder {
     color: #4d1f03;
 }

 .toggle-btn-mobile.active i.fas img {
     display: none;
 }

 .toggle-btn-mobile i.fa-sharp.fa-solid.fa-xmark {
     display: none;
 }

 .toggle-btn-mobile.active i.fa-sharp.fa-solid.fa-xmark {
     display: block;
 }

 .mobile-menu .navbar-nav.active {
     transform: translateY(0%);
     display: block;

 }

 .mobile-menu .navbar-nav {
     transition: var(--transition-fast);
     transform: translateY(-150%);
     display: none;

     background-color: #fffbf2;
     top: 0;
     width: 100%;
 }

 .nav-arrow i.fas.fa-minus {
     display: none;
 }

 .nav-arrow.active i.fas.fa-plus {
     display: none;

 }

 .nav-arrow.active i.fas.fa-minus {
     display: block;
     margin-top: 6px;
 }

 .mobile-menu .navbar-nav li:nth-child(2) {
     position: relative;
 }

 .mobile-menu .navbar-nav li:nth-child(3) {
     position: relative;
 }

 .mobile-menu .navbar-nav ul.active {
     display: block;
 }

 .mobile-menu ul.collapse {
     background-color: #ffefcc;
     transition: all linear 0.3s;
 }

 .mobile-menu ul.collapse a {
     padding-left: 45px !important;
 }

 i.fas img {
     width: initial;
     padding-left: 0;
     margin-top: 28px;
 }

 button.toggle-btn-mobile.btn {
     margin-top: -19px;
 }

 .active1 {
     color: #efc203;
 }

 /* mobile menu */
 .card {
     border: 0;
 }

 .badge {
     color: #ffce34 !important;
     font-family: proxima-nova-r;
     font-size: 14px;
 }

 .card__information img {
     max-width: 100%;
     object-fit: cover;
     /* margin-top: -94px; */
     padding-bottom: 36px;
     /* position: absolute; */
     /* top: 0; */
     /* margin-bottom: auto; */
     transition: all .3s;
 }

 .card__information:hover img {
     transform: scale(1.03);
 }

 .grid__item {
     padding-bottom: 30px;
 }

 .card__badge {
     display: none;
 }

 .card__inner {
     height: 270px;
 }

 .card__information {
     /* padding-top: 1.7rem; */
     padding-top: 1.3rem !important;
     grid-row-start: auto !important;
 }

 .section-template--15830688334001__main-padding {
     padding-bottom: 120px !important;
 }

 .card-information>*:not(.visually-hidden:first-child)+*:not(.rating) {
     margin-left: 15px;
 }

 .article-card__info.caption-with-letter-spacing.h5 span {
     margin-top: 2px;
     margin-left: 15px;
     display: block;
 }

 .search__input.field__input {
     color: #4d1f03;
     font-family: proxima-nova, sans-serif;
     ;
 }

 .predictive-search__item--term {
     color: #4d1f03;
     font-family: proxima-nova, sans-serif;
     ;
 }

 .field__label,
 .customer .field label {
     font-family: proxima-nova, sans-serif;
     ;
     color: #4d1f03;
 }

 .shopify-policy__title h1 {
     font-family: marketscript;
     font-size: 32px;
     color: #4d1f03;
     padding-top: 50px;
 }

 .shopify-policy__body p {
     font-size: 14px;
     font-family: proxima-nova-r;
     color: #4d1f03;
     padding-top: 15px;
 }

 .shopify-policy__body p strong {
     font-family: gothic;
     font-size: 14px;
     color: #4d1f03;
     letter-spacing: 1.12px;
     line-height: 20px;
     text-transform: uppercase;
     padding-bottom: 10px;
     font-weight: 400;
     padding-bottom: 10px;
     display: inline-block;
 }

 .shopify-policy__title {
     text-align: start;
 }

 .is-empty .cart__empty-text,
 .is-empty .cart__warnings {
     display: block;
     font-family: marketscript;
     color: #4d1f03;
 }

 .full-unstyled-link {
     font-family: proxima-nova-r;
     font-size: 16px;
     color: #4d1f03;
     transition: all linear .3s;
 }

 .full-unstyled-link:hover {
     color: #efc203;
     text-decoration: none !important;
 }

 .price__regular span {
     font-family: typewritter;
     color: #4d1f03;
 }

 h3.card__heading {
     margin-left: 15px;
     position: relative;
     z-index: 1;
 }

 .collection__title h2 {
     font-family: typewritter;
     color: #4d1f03;
 }

 .product__text.caption-with-letter-spacing {
     font-weight: 800;
     color: #4d1f03;
 }

 .product__info-container>*+* {
     margin: 10px 0;
 }

 .product__title h1 {
     font-family: marketscript;
     padding-top: 8px;
     color: #4d1f03;
 }

 .product-form__quantity .form__label {
     font-family: gothic;
     color: #4d1f03;
 }

 .stamped-badge-caption[data-reviews][data-label][data-version="2"]>span {
     font-family: proxima-nova-r;
     color: #4d1f03;
 }

 .quantity__button:not(:focus-visible):not(.focused),
 .quantity__input:not(:focus-visible):not(.focused) {
     font-family: typewritter;
     color: #4d1f03;
 }

 .product-form__submit {
     background-color: #fecd47;
     font-weight: 600;
     color: #4d1f03;
     font-family: var(--bs-body-font-family);
     letter-spacing: normal;

 }

 .product__info-container>*+* {
     margin: 10px 0;
 }

 .price--large {
     font-size: 15px;
 }

 .quantity {
     min-height: 40px;
 }

 button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
     font-family: proxima-nova-r;
     color: #4d1f03;
 }

 .product__info-container .product-form,
 .product__info-container .product__description {
     font-family: proxima-nova-r;
     color: #4d1f03;
 }

 .accordion__title {
     color: #4d1f03;
     font-weight: 700;
 }

 .accordion {
     margin-bottom: 0 !important;
 }

 button.share-button__button {
     font-family: proxima-nova-r;
     color: #4d1f03;
 }

 .price__regular .price-item--regular {
     margin-right: 0;
     font-weight: 700;
     color: #4d1f03;
     font-family: var(--bs-body-font-family);
     letter-spacing: normal;
 }

 .product__info-container .product__description {
     font-weight: 500;
     color: #4d1f03;
     font-family: var(--bs-body-font-family);
     font-size: 12px;
 }

 #experiance .diamond-stone img {
     height: 100%;
 }

 .cart__warnings .button {
     background-color: #efc203;
     color: #4d1f03;
     font-family: proxima-nova;
     text-transform: uppercase;
     font-weight: 700;
     transition: all linear .3s;
     border-radius: 5px;
 }

 .h1 span {
     text-transform: uppercase;
     font-family: 'marketscript';
     margin-top: 40px;
     display: block;
     color: #4d290e;
 }

 .button:after {
     display: none;
 }

 .button:before {
     display: none;
 }

 .cart__warnings .button:hover {
     color: #fff !important;
     background-color: #4d290e;
     font-family: marketscript;
     text-transform: none;
     font-weight: 300;
 }

 .product-recommendations__heading {
     color: #4d1f03;
     font-family: typewritter;
 }

 .stamped-summary-caption .stamped-summary-text {
     color: #4d1f03;
     font-family: proxima-nova-r;
 }

 .stamped-review-header-title {
     font-weight: 300 !important;
     font-family: gothic;
     text-transform: uppercase;
     color: #4d1f03;
 }

 .stamped-review .author {

     font-family: proxima-nova-r;
     color: #4d1f03;
 }

 p.stamped-review-content-body {
     color: #4d1f03;
     font-family: proxima-nova-r;
 }

 .stamped-share-icon {
     font-family: proxima-nova-r;
     color: #4d1f03;
 }

 .stamped-review-footer #stamped-review-vote,
 .stamped-review-footer .stamped-review-vote {
     float: right !important;
     font-family: proxima-nova-r;
     color: #4d1f03;
 }

 .section-template--15830688301233__main-padding {
     padding: 0 30px;
     padding-top: 36px;
     padding-bottom: 12px;
 }

 .section-template--15830688301233__product-recommendations-padding {
     padding: 0 30px;
     padding-top: 36px;
     padding-bottom: 28px;
 }

 .section-template--15830687809713__featured-collection-padding {
     padding: 0 30px;
     padding-top: 36px;
     padding-bottom: 36px;
 }

 .template-search__header h1 {
     font-family: marketscript;
     font-size: 5.2rem;
     color: #4d1f03;
 }

 .shopify-policy__container {
     max-width: 700px;
     padding-bottom: 70px;
 }

 div.template-404 {
     padding: 50px 0;
 }

 div.template-404 p {
     font-size: 16px;
     font-family: 'proxima-nova-r';
     color: #4d1f03;
 }

 div.template-404 h1 {
     font-family: marketscript;
     color: #4d1f03;
 }

 div.template-404 a:hover {
     color: #ffce34;
 }

 div.template-404 a {
     font-family: 'proxima-nova-r';
     transition: all linear .3s;
 }

 .template-page-contact h1.main-page-title {

     font-family: marketscript;
 }

 .customer>h1,
 .customer__title {
     font-family: 'marketscript';
     font-size: 5.2rem;
     color: #4d1f03;
 }

 .login p {
     font-size: 14px;
     color: #4d1f03;
 }

 form#create_customer button {
     font-family: 'proxima-nova';
     background-color: #efc203;
     transition: all linear .3s;
     font-weight: 700;
     color: #4d1f03;
     text-transform: uppercase;
     border-radius: 5px;
 }

 .customer button {
     font-family: 'proxima-nova';
     background-color: #efc203;
     transition: all linear .3s;
     font-weight: 700;
     color: #4d1f03;
     text-transform: uppercase;
     border-radius: 5px;

 }

 .customer button:hover {
     background-color: #ffce00;

 }

 form#create_customer button:hover {
     background-color: #ffce00;

 }

 .customer button:after {
     display: none;
 }

 .customer button:before {
     display: none;
 }

 .list-menu__item--link {
     padding-bottom: 0.3rem !important;
     padding-top: 0.3rem !important;
 }

 .search__input.field__input:focus {
     outline: none;
 }

 .template-page-contact main#MainContent {
     max-width: 1268px;
     margin: 50px auto;
     width: 100%;
 }

 .template-page-contact h1.main-page-title {
     margin-bottom: 0;
 }

 .template-page-contact .contact {
     padding-top: 0;
 }

 .contact__button button.button {
     font-family: "proxima-nova";
     font-size: 13px;
     color: var(--text-clr);
     background-color: var(--hlt_clr);
     width: 173px;
     height: 44px;
     display: inline-block;
     text-align: center;
     border-radius: 5px;
     padding: 12px 0px;
     font-weight: 700;
     letter-spacing: 1.3px;
     text-transform: uppercase;
     transition: all linear .3s;
     border: none !important;
 }

 .contact__button button.button:after,
 .contact__button button.button:before {
     display: none;
 }

 .contact__button button.button:hover {
     background-color: #4f1f02;
     color: #fff;
 }

 .shopify-policy__body {
     min-height: 218px;
 }

 .template-search div.template-search {
     max-width: 1267px;
     margin: 0 auto;
 }

 .template-404 .template-404 h1 {
     margin-top: 13px;
 }

 div.template-404 .template-404 p {
     font-size: 28px;
 }

 .blog-articles__article {
     width: calc(100% - 30px);
     margin: 0 15px;
 }

 .main-blog {
     margin: 35px auto;
     max-width: 1264px;
     padding: 0 30px;
 }

 .blog-articles.blog-articles--collage {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -15px;
 }

 .template-article main#MainContent {
     max-width: 1270px;
     margin: 40px auto;
     width: 100%;
     padding: 0 30px;
 }

 .template-collection main#MainContent,
 .template-product main#MainContent,
 .template-cart .page-width {
     max-width: 1260px;
     margin: 52px auto;
     width: 100%;
 }

 .template-collection h1.collection-hero__title {
     margin-bottom: 0;
 }

 .shopify-payment-button button.shopify-payment-button__button {
     color: #fff !important;
     font-weight: 600;
     font-family: var(--bs-body-font-family) !important;
     letter-spacing: normal;
     margin-bottom: 0 !important;
     background-color: #4d1f03;
 }

 .product__info-container .product__description {
     margin-top: 0 !important;
 }

 .product__info-container .product-form {
     margin-bottom: 0;
 }

 .page-title {
     color: #4b2102;
 }

 li.cart-li .cart-count-bubble span {
     color: #fff;
 }

 .grid__item .card.article-card {
     border: none;
 }

 .predictive-search {
     max-width: 477px;
     margin: 0 auto;
     left: auto !important;
 }

 div#predictive-search-results {
     overflow: auto;
     height: 320px;
 }

 .modal__content {
     position: fixed;
 }

 .search-modal__content {
     height: auto;
 }

 .single-text-column {
     margin-top: 50px;
 }

 .single-text-column .food-wrapper>h2,
 .single-text-column .food-wrapper>p {
     padding-left: 0;
 }

 .single-text-column .food-wrapper>p {
     font-size: 14px;
     line-height: 20px;
     font-family: proxima-nova, sans-serif;
     font-weight: 400;
     color: #4d1f03;
     padding-top: 5px;
     padding-bottom: 24px;
 }

 @media (min-width:767px) {

     .blog-articles__article {
         width: calc(50% - 30px);
         margin: 0 15px;
     }
 }



 @media (min-width: 1100px) {
     section#smoth .col-lg-5:first-child {
         padding-right: 40px;
     }

     .template-article main#MainContent {
         max-width: 1270px;
         margin: 99px auto;
         width: 100%;
     }

     .blog-articles__article {
         width: calc(33.330% - 30px);
         margin: 0 15px;
     }

     .footer-one h3 {
         padding-top: 12px !important;
         margin-bottom: 0px !important;
     }

     .footer-one p strong {
         font-weight: 700;
         font-family: 'Work Sans', sans-serif;
         letter-spacing: normal;
         margin-bottom: -4px;
         display: block;
     }

     .footer-one p:nth-of-type(3) {
         font-family: 'Work Sans', sans-serif;
         letter-spacing: normal;
     }

     .footer-one p:nth-of-type(4) {
         padding-top: 3px;
         margin-bottom: 7px;
     }

     .footer-one p:nth-of-type(6) {
         letter-spacing: normal;
         padding-top: 6px;
         letter-spacing: 1pxpx;
         font-family: proxima-nova, sans-serif;
         ;
     }

     .footer-one p:nth-of-type(7) {
         margin-top: 3px;
     }

     .footer-one p:nth-of-type(8) a {
         font-weight: 100;
         color: #4D1F03;
         text-decoration: none;
         font-family: 'Work Sans', sans-serif;
         margin-top: 2px !important;
         display: inline-block;
         letter-spacing: normal;
     }


     #footer .footer-two {
         padding-left: 22px;
         padding-right: 42px;
     }

     .footer-two ul {
         margin-top: 15px;
     }

     .footer-two ul li a {
         letter-spacing: normal;
     }

     .footer-two ul li {
         padding-bottom: 1px;
     }

     #footer .footer-three {
         padding-left: 17px;
         padding-right: 50px;
     }

     .footer-three ul li a {
         letter-spacing: normal;
     }

     .footer-three ul li:nth-of-type(3) img {
         left: 5px;
     }

     .footer-three ul li:nth-of-type(4) img {
         top: 19px;
     }

     #footer .footer-four {
         padding-left: 9px;
     }

 }

 @media (min-width: 1200px) {

     .single-text-column .food-wrapper>h2,
     .single-text-column .food-wrapper>p {
         padding-left: 0;
     }
 }

 @media (min-width: 1400px) {

     .single-text-column .food-wrapper>h2,
     .single-text-column .food-wrapper>p {
         padding-left: 0;
     }
 }

 @media (min-width: 1600px) {

     .farm-cafe-img {
         width: calc(50% + 250px);
     }
 }


 @media (max-width: 1400px) {

     .template-search div.template-search,
     .template-cart .page-width {
         max-width: 1080px;
         margin: 0 auto;
     }

     .template-page-contact main#MainContent,
     .template-product main#MainContent {
         max-width: 1080px;
         padding: 0;
     }

     .template-article main#MainContent {
         max-width: 1080px;
         padding: 0;
     }

     .template-collection main#MainContent {
         max-width: 1080px;
     }
 }

 @media (max-width: 1180px) {
     #good-food .brand-text {
         padding-left: 0;
         padding-right: 30px;
     }

     .template-collection main#MainContent,
     .template-product main#MainContent,
     .template-cart .page-width {
         max-width: 909px;
     }

     .template-search div.template-search {
         max-width: 909px;
         margin: 0 auto;
     }

     .template-page-contact main#MainContent {
         max-width: 909px;
     }

     .template-article main#MainContent {
         max-width: 909px;
         padding: 0;
     }
 }

 @media (max-width: 992px) {

     .template-collection main#MainContent,
     .template-product main#MainContent,
     .template-cart .page-width {
         padding: 0 30px;
     }

     .template-article main#MainContent {
         padding: 0 30px;
     }

     .template-page-contact main#MainContent {
         padding: 0 30px;
     }

     .template-page-contact .page-width {
         padding-top: 0;
     }

     body .press-logo {
         padding: 35px 40px 0;
     }

     #ingredient .col-lg-6 {
         width: 60%;
     }

     body #generation .generation-left h3 {
         margin-top: 18px;
     }

     section.consectetur-section {
         margin-top: 85px;
     }


 }

 @media (max-width: 767px) {

     #ingredient .col-lg-6 {
         width: 100%;
     }

     #berry .container {
         padding: 0 20px;
     }

     .diamond-light-farm h2 {
         font-size: 29px;
     }

     #generation .container {
         padding: 0 20px;
     }

     body #ingredient .generation-left h3 {
         margin-top: 0;
     }

     #explore #outdoor .cafe-btn {
         margin: 0 -7px;
     }

     body .seating {
         padding-left: 20px;
     }

     body #explore .testy-salad {
         padding: 25px 23px !important;
     }

     body .seating h3 {
         width: auto;
     }

     #process-content .container {
         padding: 0 20px;
     }

     .seating h3 {
         font-size: 22px;
     }

     body #explore #outdoor .cafe-btn a {
         width: calc(52% - 14px);
         padding: 15px 5px !important;
         font-size: 11px;
         margin: 0 3px;
         letter-spacing: normal;
     }

     body #generation .generation-left {
         padding: 30px;
     }

     section#our-logo {
         padding: 0 20px;
     }

     body #footer {
         padding-top: 65px;
     }

     body #footer .col-md-3 {
         padding: 0 20px;
     }

     body .footerbanner-content h2 {
         font-size: 29px;
         letter-spacing: 2.12px;
         max-width: 267px;
         line-height: 1.9;
     }

     .big-left {
         margin-top: 30px;
     }

     .big-word {
         height: auto;
     }

     body .gen-custom {
         padding: 0 30px;
     }

 }

 @media screen and (max-width: 1420px) and (min-width: 1200px) {
     .kyle-custom {
         width: calc(100% - 450px);
         float: right;
         margin-left: 280px;
     }
 }




 .navbar a.active {
     color: red;
 }

 .mobile-menu ul li a.active {
     color: #e57b00;
 }



 @media (min-width: 992px) {
     #brand .brand-text {
         padding-left: 40px;
     }

     /* album section starts here */
     #album {
         height: auto;
         background-repeat: no-repeat !important;
         background-position: right bottom;
         background-size: cover !important;
         position: relative;
         overflow-x: hidden;
         margin-top: 70px;
         padding-bottom: 163px;
     }

     .album-heading h2 {
         font-family: gothic, sans-serif;
         font-size: 22px;
         color: #4d1f03;
         text-transform: uppercase;
         text-shadow: 2px 2px 0px rgba(239, 194, 3, 0.74);
         letter-spacing: 1.76px;
         padding-top: 50px;
     }

     #album p {
         font-size: 16px;
         color: #4d1f03;
         line-height: 24px;
         font-family: typewritter, sans-serif;
     }

     .image-one {
         position: relative;
         margin-top: 128px;
         float: left;
         width: 33%;
         margin-left: -62px;
     }

     .image-one p {
         margin-left: 0;
         margin-right: 23px;
         /* width: 333px; */
         max-width: 290px;
         float: right;
     }

     .image-five p {
         margin-top: 10px;
     }

     .image-two {
         float: left;
         margin-left: 0;
         margin-top: 79px;
         width: 27%;
         padding-left: 50px;
     }

     .image-three {
         margin-top: 232px;
         padding-left: 78px;
         float: left;
         width: 44%;
     }

     .image-four {
         width: 42%;
         clear: both;
         padding-top: 0;
         margin-left: 32px;
         float: left;
         margin-top: -40px;
     }

     .image-five {
         float: left;
         margin-top: 56px;
         padding-left: 32px;
         width: 44%;
     }

     .image-five p {
         width: 312px;
         padding-left: 8px;
     }

     .image-six {
         position: absolute;
         left: 48vw;
         top: 110px;
         /* width: 100%; */
     }

     #album .container {
         max-width: 1366px !important;
     }

     .image-one p {
         margin-l: 29px;
         margin-left: 0;
     }

     .image-four p {
         max-width: 294px;
         margin-top: 5px;
     }

     .image-two p {
         margin-top: 6px;
     }

     .image-six img {
         max-width: 23vw !important;
     }

     .image-three p {
         margin-top: 8px;
     }

     .mobile-layout-section {
         display: none;
     }

     .image-three p {
         margin-top: 20px;
     }

     .product--large:not(.product--no-media) .product__media-wrapper,
     .product--large:not(.product--no-media) .product__info-wrapper {
         max-width: 50% !important;
         width: 50% !important;
     }

 }

 @media (max-width: 1200px) {
     .image-one p {
         padding-left: 80px;
         max-width: 100%;
     }

     .image-four {
         margin-top: 0;
     }

 }


 @media (max-width: 992px) {
     .desktop-layout-section {
         display: none;
     }

     .mobile-layout-section {
         /* display: none; */
         background-size: cover;
         display: inline-block;
         width: 100%;
         overflow: hidden;
         padding-bottom: 151px;
         padding-top: 60px;
         background-size: cover;
         background-position: right bottom;
     }

     .image-six {
         position: absolute;
         top: 126px;
         z-index: 1;
         right: -118px;
     }

     .mobile-layout-section {
         position: relative;
     }

     .mobile-layout-section p {
         font-size: 16px;
         color: #4d1f03;
         line-height: 24px;
         font-family: typewritter, sans-serif;
         margin-top: 19px;
         margin-bottom: 20px;
     }

     .image-one {
         width: 303px;
         /* display: flex; */
         /* flex-wrap: wrap; */
         margin: 0 auto;
     }

     section#album img {

         margin: 0 auto;
     }

     .mobile-layout-section .image-two p {
         margin: 0;
         max-width: 320px;
         padding-left: 22px;
     }

     .image-two {
         margin-bottom: 36px;
         max-width: 500px;
         float: right;
     }

     .mobile-layout-section .container {
         max-width: 100%;
     }

     .image-three img {}

     .image-three {
         max-width: 500px;
         margin-left: -40px;
     }

     .image-three p {
         max-width: 320px;
         padding-left: 68px;
     }

     .image-four {
         max-width: 500px;
         margin: 40px auto;
     }

     .image-five {
         max-width: 471px;
         float: right;
         margin-right: -52px;
     }

     .mobile-layout-section h2 {
         font-size: 32px;
         max-width: 329px;
         margin: 0 auto;
         font-family: gothic;
         font-size: 30px;
         color: #4d1f03;
         letter-spacing: 1.12px;
         line-height: 20px;
         text-transform: uppercase;
         line-height: 1.2;
         margin-bottom: 40px;
     }

     .image-five p {
         max-width: 300px;
     }
 }

 #privy-container #privy-inner-container .privy-tab-container {
     bottom: 0 !important;
     top: auto !important;
     height: auto;
 }

 .pagination__list {
     width: 100%;
 }

 .testy-salad {
     overflow: hidden;
 }


 .pagination__list>li a:hover {
     color: #000;
 }

 .diamond-light img.img-fluid {
     top: 0;
 }

 .farm-cafe-img iframe {
     width: 100%;
     height: 100%;
 }

 section#feature {
     margin-bottom: 70px;
 }

 .background-video-section video {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 #banner .background-video-section {
     height: 100%;
 }

 .banner-btn .banner-right {
     background-color: var(--hlt_clr);
     border-radius: 5px;
     border-color: var(--hlt_clr);
     color: var(--text-clr);
 }

 .background-video-section video {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 #banner .background-video-section {
     height: 100%;
 }

 .banner-btn .banner-right {
     background-color: var(--hlt_clr);
     border-radius: 5px;
     border-color: var(--hlt_clr);
     color: var(--text-clr);
 }

 .banner-btn .banner-right:hover {
     color: #ffffff;
     background-color: transparent;
     border-color: #ffffff;
 }

 #main-collection-filters .facets-container {
     border-top: solid 1px #fecd47;
     border-bottom: solid 1px #fecd47;
     margin-bottom: 30px;
     padding-bottom: 8px;
 }

 .facets__heading {
     font-weight: 700;
     color: #4c2910 !important;
     text-transform: uppercase;
     margin: 0 14px 0 0 !important;
 }

 .facets__summary {
     color: #4c2910 !important;
     margin-bottom: 0 !important;
     color: #4c2910 !important;
     font-size: 15px;
 }

 .facet-filters.sorting.caption {
     float: left;
 }

 .facets__form {
     display: block !important;
     margin-bottom: 0;
 }

 .facets__wrapper {
     float: left;
 }

 .active-facets.active-facets-desktop {
     float: left;
     width: auto;
 }

 .facet-filters__label {
     text-transform: uppercase;
     font-weight: 700;
     color: #4c2910 !important;
     text-transform: uppercase;
     margin: 2px 14px 0 0;
 }

 select#SortBy {
     color: #4c2910 !important;
     font-size: 15px;
     font-weight: 500;
 }

 body .shopify-cleanslate .DnvZqPMEvBFbBre5UuP9 {
     background-color: #4e2910 !important;
     border-color: #4d2913 !important;
     font-family: var(--bs-body-font-family);
     letter-spacing: normal;
 }

 .grid__item h3.card__heading a {
     font-family: var(--bs-body-font-family);
     letter-spacing: normal;
 }

 .price__regular .price-item--regular {
     font-weight: 400;
     font-size: 15px;
     margin-top: 0 !important;
 }

 .product-grid-container .grid__item {
     padding-bottom: 0;
 }

 #footerbanner .container {

     max-width: 100%;

 }



 .template-collection main#MainContent {

     max-width: 100%;

     margin-top: 0;

 }



 div#ProductGridContainer {

     max-width: 1280px;

     margin: 0 auto;

 }



 aside#main-collection-filters {

     max-width: 1280px;

     margin: 0 auto;

 }



 div#shopify-section-template--14697710780486__banner {

     max-width: 1280px;

     margin: 0 auto;

 }



 .template-collection h1.collection-hero__title {

     display: none;

 }



 .template-collection .collection-hero__text-wrapper .collection-hero__description {

     margin: 40px auto 0;

 }

 .product-count.light {

     pointer-events: none;

 }

 .template-collection .collection-hero__text-wrapper .collection-hero__description {

     color: #4c2910 !important;

     font-weight: 400;

     max-width: 626px;

 }

 .article-template header.page-width {

     margin: 0 !important;

 }



 .template-article .article-template__content {

     max-width: 577px;

     margin: 0 auto;

 }



 .template-article .article-template__content h2 {

     font-weight: 800;

     margin-bottom: 15px;

     color: #4d1f03;

 }



 .template-article .article-template__content p {

     margin-bottom: 15px;

     font-size: 16px;

     color: var(--text-clr);

     line-height: 24px;

     font-weight: 400;

     width: initial;

     padding-top: 15px;

 }



 .template-article .article-template__content img {

     margin: 20px 0;

     max-width: 100%;

     height: auto;

     width: 100%;

 }



 .template-article h1.article-template__title {

     margin: 0 auto;

     max-width: 572px;

     font-family: marketscript, sans-serif;

     font-size: 35px;

     color: #4d1f03;

     font-weight: normal;

     display: block;

     margin-bottom: 20px;

 }

 .template-article blockquote {

     border: none;

     padding: 0;

     margin: 25px auto 0;

     max-width: 430px;

 }



 .template-article blockquote p {

     font-family: marketscript, sans-serif;

     font-size: 17px !important;

     color: #4d1f03;

     font-weight: normal;

     display: block;

     margin-bottom: 20px;

     line-height: 1.8 !important;

 }



 .article-template__back a.article-template__link:hover {

     color: #fcce4b !important;

 }

 #shopify-product-reviews h1.article-template__title {

     margin: 0 auto;

     max-width: 572px;

     font-family: marketscript, sans-serif;

     font-size: 35px;

     color: #4d1f03;

     font-weight: normal;

     display: block;

     margin-bottom: 20px;

 }





 #shopify-product-reviews h2.spr-header-title {

     text-transform: uppercase;

     color: #4d1f03;

     font-weight: 700;

     font-size: 16px;

     margin-bottom: 15px;

 }



 #shopify-product-reviews .spr-summary {

     color: #4d1f03;

 }



 #shopify-product-reviews span.spr-starratings.spr-review-header-starratings {

     color: #4d1f03;

 }



 #shopify-product-reviews h3.spr-review-header-title {

     color: #4d1f03;

 }



 #shopify-product-reviews span.spr-review-header-byline {

     color: #4d1f03;

 }



 #shopify-product-reviews p.spr-review-content-body {

     color: #4d1f03;

 }



 #shopify-product-reviews .spr-review-footer.rte a {

     color: #4d1f03;

 }

 #shopify-product-reviews a.spr-summary-actions-newreview {

     color: #4d1f03;

 }

 .product__info-container .product__description ul {

     padding-left: 0;

 }



 .product__info-container .product__description p {

     margin: 10px 0;

 }



 .product__info-container .product__description ul li {

     line-height: 1.5;

     margin-top: 10px;

 }

 .share-button__button {

     color: #4d1f03;

 }



 .product__info-wrapper .price-item--regular {

     font-weight: 600;

 }



 body .product-form__input input[type=radio]+label {

     font-size: 11px;

     color: #4d1f03;

     border-color: #4d1f03;

 }



 body .product-form__input input[type=radio]:checked+label {

     background-color: #4d1f03;

 }



 .product__description p,
 .product__description ul li {

     letter-spacing: 0;

     font-size: 16px;

 }

 .confirmation-message-field {

     text-align: center;

     margin-bottom: 20px;

 }



 .confirmation-message-field h1.main-page-title {

     font-family: marketscript, sans-serif;

     margin-bottom: 0;

 }



 .template-article .article-template__content ul li p {

     margin: 0;

     padding: 0;

 }



 .template-article .article-template__content ul li {

     margin-bottom: 16px;

     list-style: disc;

 }

 input.shopify-challenge__button.btn {

     font-family: "proxima-nova";

     font-size: 13px;

     color: var(--text-clr);

     background-color: var(--hlt_clr);

     width: 173px;

     height: 44px;

     display: block;

     text-align: center;

     border-radius: 5px;

     padding: 12px 0px;

     font-weight: 700;

     letter-spacing: 1.3px;

     text-transform: uppercase;

     transition: all linear .3s;

     margin-top: 20px;

 }



 p.shopify-challenge__message {

     margin-bottom: 15px;

 }

 .template-article .article-template__content ul {

     padding-left: 14px;

 }





 .collection-hero-banner .collection-hero__image-container.media.gradient {

     margin-left: 0;

     position: relative;

 }



 div#shopify-section-template--14697710780486__banner {

     max-width: 100%;

 }



 .collection-hero-banner h1.collection-hero__title {

     text-align: center;

     font-family: marketscript, sans-serif;

     color: #ffffff;

     font-size: 64px;

     position: relative;

     z-index: 1;

     height: auto !important;

     top: 50% !important;

     transform: translateY(-50%);

 }



 .collection-hero-banner .collection-hero__image-container.media.gradient:after {

     content: "";

     position: absolute;

     height: 100%;

     width: 100%;

     background-color: rgba(0 0 0 / 0.3);

 }



 .collection-hero-banner .collection-hero__image-container.media.gradient {

     min-height: 420px;

 }



 .collection-hero-banner .collection-hero__inner.page-width {

     margin: 0 auto;

     max-width: 1100px;

     width: 100%;

     flex-direction: column;

     padding: 0 !important;

 }



 .collection-hero-banner .collection-hero__inner.page-width .collection-hero__text-wrapper {

     padding: 0;

 }



 .collection-hero-banner .collection-hero__inner.page-width .collection-hero__text-wrapper p {

     font-size: 15px;

 }



 .collection-hero-banner .collection-hero-banner {

     padding-top: 0 !important;

 }

 .collection-hero-banner.collection-hero.collection-hero--with-image.color-background-1.gradient {

     padding-top: 0;

 }

 .template-article .article-template__content ul li:before {

     content: "";

     position: absolute;

     width: 5px;

     height: 5px;

     background-color: #4c1e05;

     border-radius: 50%;

     top: 9px;

     left: -13px;

 }



 .template-article .article-template__content ol {

     color: var(--text-clr);

     list-style: auto;

     padding-left: 15px;

     /* font-weight: 700; */

 }

 .template-article .article-template__content ol li,
 .template-article .article-template__content ul li {

     font-size: 16px;

     margin-bottom: 14px;

 }



 @media (max-width: 1400px) {

     .bottom-content>li {

         padding: 20px 15px !important;

     }

 }

 @media (max-width: 1200px) {

     .collection-hero-banner h1.collection-hero__title {
         font-size: 40px;
     }

 }



 @media (min-width: 1000px) and (max-width: 1200px) {

     .bottom-content>li {

         padding: 20px 6px !important;

     }

     .navbar>.container {

         max-width: 1120px;

     }



 }



 fieldset.product-form__input .form__label {

     font-family: gothic;

     color: #4d1f03;

     font-size: 1.3rem;

 }





 .template-cart .h1 span {

     margin-top: 0;

     text-transform: none;

     font-size: 30px;

 }



 .template-cart .page-width {

     max-width: 1090px;

 }



 .template-cart h1.title.title--primary {

     font-weight: 600;

     color: #4c1e05;

 }



 .template-cart th.caption-with-letter-spacing {

     width: 45%;

 }



 .cart-items .cart-items__heading--wide,
 .cart-item .cart-item__quantity {

     padding-left: 0 !important;

 }



 table.cart-items tr th {

     font-weight: 800;

     color: #4c1e05;

     padding-bottom: 7px;

     font-size: 12px;

     opacity: 1;

 }

 .cart-item__name:hover {

     color: #fecd47;

     text-decoration: none;

 }

 .quantity__button:not(:focus-visible):not(.focused),
 .quantity__input:not(:focus-visible):not(.focused) {

     font-family: 'Roboto', sans-serif !important;

 }

 .cart__dynamic-checkout-buttons.additional-checkout-buttons {

     margin-top: 5px;

 }

 .cart-items td {

     padding-top: 20px;

 }



 td.cart-item__quantity {

     vertical-align: middle;

 }



 .cart-item__name {

     font-weight: 800;

     color: #4c1e05;

     padding-bottom: 4px;

     letter-spacing: normal;

     font-size: 16px;

 }



 .cart-item__details .product-option {

     font-weight: 800;

     color: #4c1e05;

     padding-bottom: 0;

     letter-spacing: normal;

     margin-top: 0;

     font-size: 12px;

 }



 .cart-item__details dl {

     margin-top: 0;

 }



 td.cart-item__totals.right.small-hide {

     vertical-align: middle;

     font-weight: 700;

     font-weight: 800;

     color: #4c1e05;

     padding-bottom: 0;

     letter-spacing: normal;

     font-size: 14px;

     margin-top: 0;

 }



 td.cart-item__totals.right.small-hide span.price {

     margin-top: 0;

     font-weight: 800;

     color: #4c1e05;

     font-size: 14px;

 }



 .quantity__input {

     font-weight: 600;

 }



 h2.totals__subtotal {

     font-weight: 800;

     color: #4c1e05;

     padding-bottom: 4px;

     letter-spacing: normal;

     font-size: 16px;

 }



 .template-cart p.totals__subtotal-value {

     font-weight: 700;

     color: #4c1e05;

     padding-bottom: 4px;

     letter-spacing: normal;

     font-size: 14px;

 }



 small.tax-note.caption-large.rte {

     margin-top: 10px;

     color: #4c1e05;

     font-weight: 500;

 }



 body .shopify-cleanslate ul li {

     width: 100%;

     display: inline-block;

     flex-basis: 100% !important;

 }



 .shopify-cleanslate ul {

     flex-wrap: wrap !important;

 }



 .additional-checkout-buttons .shopify-cleanslate .Vru56DW5IUIiRpxbGTDg {

     flex-basis: 100% !important;



 }

 .title-wrapper-with-link a.underlined-link {

     display: none;

 }

 .shopify-cleanslate .p28_J2fRvZNDqyZkZ2H9 {

     margin: 0 !important;

 }



 .template-cart .cart__ctas button {

     background-color: #fecd47;

     text-transform: uppercase;

     color: #4d2912;

     font-size: 12px;

     font-weight: 700;

 }

 .all-collection-banner-default {

     height: 420px !important;

 }

 .cart-items td {

     padding-top: 20px !important;

 }



 td.cart-item__quantity {

     vertical-align: middle !important;

 }

 .section-template--14697710780486__product-grid-padding {

     margin-top: 50px;

 }

 .collection slider-component {

     margin-bottom: 0 !important;

     margin-top: 25px !important;

 }



 .collection__title.title-wrapper.title-wrapper--no-top-margin.page-width {

     margin-bottom: 0 !important;

 }



 .collection__title.title-wrapper.title-wrapper--no-top-margin.page-width h2.title.h2 {

     font-family: 'Roboto', sans-serif;

     font-weight: 600;

     text-transform: uppercase;

 }

 .collection__view-all a.button {

     background-color: #fdcc55 !important;

     color: #4d2912 !important;

     padding: 12px 15px !important;

     height: auto !important;

     min-height: auto;

     border-radius: 3px;

     font-weight: 600;

     min-width: 187px;

     text-transform: uppercase;

 }



 .collection .center.collection__view-all {

     margin-bottom: 50px;

 }

 .collection__view-all a.button:hover {

     background-color: #4d2912 !important;

     color: #fff !important;

 }





 .template-search__results .card__content {

     width: calc(100% - 306px);

     padding: 0 0 0 30px !important;

     display: inline-block;

     float: left;

     position: relative;

     clear: none;

 }



 .template-search__results .search-placeholder-item {

     position: relative;

     width: 275px;

     height: inherit;

     float: left;

 }



 .template-search__results .search-placeholder-item img {

     max-width: 100%;

     height: auto;

 }



 .template-search__results .card {

     width: 100%;

     display: flex;

     flex-wrap: wrap;

     height: auto;

     --ratio-percent: 0 !important;

     flex-direction: revert;

 }



 .template-search__results .grid__item {

     width: 100% !important;

     max-width: 100% !important;

     margin-bottom: 0;

     margin-top: 35px;

 }



 .card-wrapper {

     height: auto;

 }



 .template-search__results .ratio>* {

     position: inherit;

 }



 .template-search__results .card__content h3.card__heading,
 .template-search__results .card__content h3.card__heading a {

     font-size: 27px;

     margin-left: 0;

     font-family: "proxima-nova";

     font-weight: 600;

 }



 .template-search__results .card__content .card__information {

     padding: 0 !important;

     display: block !important;

 }



 .template-search__results .card__content p {

     font-size: 20px;

     color: #4D1F03;

     margin-top: 15px;

     font-family: "proxima-nova";

     font-weight: 400;

 }



 .template-search__results {

     max-width: 770px;

     margin: 0 auto;

 }



 .template-search div.template-search {
     margin-top: 61px;
     margin-bottom: 110px;
 }



 .template-search .search__input.field__input {

     font-weight: 600;

 }

 .template-search__results .grid__item .article-card__image img {

     position: relative !important;

 }



 .template-search__results .grid__item .article-card__image-wrapper {

     position: relative;

     width: 275px;

 }



 .template-search__results .grid__item .card__inner {

     /* height: auto !important; */

     /* --ratio-percent: 0 !important; */

     background-color: transparent;

 }



 .template-search__results .card__content span.circle-divider {

     margin-left: 0;

     margin-top: 10px;

 }



 .template-search__results .grid__item .card .card__inner .card__media {

     width: 275px;

 }



 @media (max-width:767px) {

     .template-search__header h1 {
         font-size: 3em;
     }

     .template-search__results .card__content h3.card__heading,
     .template-search__results .card__content h3.card__heading a {
         font-size: 24px;
     }

     .template-search__results .card__content {

         width: 100%;

         padding-left: 0;

         margin-top: 30px;

     }



     .template-search__results .card__content p {

         font-size: 16px;

     }

 }

 .product-grid-container .grid__item .card__content {

     pointer-events: none;

 }

 .card .card__inner .card__media .media a {

     overflow: hidden;

 }



 .card .card__inner .card__media .media a img {

     transition: all 0.5s ease-in-out;

     transform: scale(1);

 }



 .card .card__inner .card__media .media a:hover img {

     transform: scale(1.1);

 }

 .card .card__inner .card__media .media a:hover img {



     z-index: -1;

     position: relative;

 }



 .card .card__inner .card__media .media a:hover img+img {

     position: relative;

     display: block;

     z-index: 99;

     top: -100%;

 }



 .card--media .card__inner .card__content {

     pointer-events: none;

 }

 .card .card__inner .card__media .media a img+img {

     position: relative;

     top: -100%;

     opacity: 0;

 }



 .card .card__inner .card__media .media a:hover img+img {

     opacity: 1;

 }



 .cart__footer label {

     margin-top: 10px;

     color: #4c1e05 !important;

     font-weight: 500;

     font-size: 12px;

     font-family: 'Roboto', sans-serif;

 }



 .cart__footer .cart__note textarea.field__input {

     color: #4c1e05 !important;

     font-weight: 500;

     font-size: 13px;

     font-family: 'Roboto', sans-serif !important;

 }



 @media (max-width: 1180px) {

     .template-cart .page-width {

         max-width: 909px !important;

         margin: 52px auto
     }

 }



 .food-wrapper.menu-text .col-lg-12 {

     display: flex;

     flex-wrap: wrap;

 }



 .food-wrapper.menu-text .col-lg-12 .food-item {

     width: 50%;

     padding-top: 10px;

 }



 .food-wrapper.menu-text .col-lg-12 .food-item p {

     padding-bottom: 10px;

 }



 @media (max-width: 1180px) {

     .food-wrapper.menu-text {

         padding: 0 30px;

     }

 }



 @media (max-width: 767px) {

     .food-wrapper.menu-text .col-lg-12 .food-item {

         width: 100%;

         padding-top: 10px;

     }

 }