/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Fonts */

html{
  font-size: 16px !important;
}

a, p, li {
  font-family: brandon-grotesque, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 1.125rem !important;
}

a {
  /* text-decoration: underline; */
  color: #d48232 !important; 
}
p, li {
  color: #5e5046;
}

a:hover {
  color: #b8be14 !important; 
}

a.blog-post__tag-link,
a.blog-index__post-tag,
.card_post_title a {
    color: #5e5046!important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: ltc-bodoni-175, serif; !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #5e5046;
  
}

.hs-cta-wrapper a {
  font-family: brandon-grotesque, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #ffffff;
}

h5.h5 {
  font-family: ltc-bodoni-175, serif !important
}

/* a.bold-btn-text {
    font-weight: 700 !important;
} */

/* Page Title Text Overrides (to allow for correct header tags throughout site) */

@media (max-width: 768px) { 
  a, p, li {
    font-size: .75rem !important;
  }
  
  .h5 {
    font-size: .75rem !important;
    font-weight: 700 !important;
  }
  
  .h4 {
    font-size: .75rem !important;
    font-weight: 700 !important;
  }
    
  .h3 {
    font-size: 1rem !important;
  }
    
  .h2 {
    font-size: 2rem !important;
  }

  .h1 {
    font-size: 2rem !important;
  }
}

@media (min-width: 769px) {
  a, p, li {
    font-size: .75rem !important;
  }
  
  .h5 {
    font-size: 1rem !important;
    font-weight: 700 !important;
  }
  
  .h4 {
    font-size: 1rem !important;
    font-weight: 700 !important;
  }
    
  .h3 {
    font-size: 1.5rem !important;
  }
    
  .h2 {
    font-size: 2.5rem !important;
  }

  .h1 {
    font-size: 3rem !important;
  }
}

@media (min-width: 992px) {
  a, p, li {
    font-size: 1.125rem !important;
  }
  
  .h5 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
  }
  
  .h4 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
  }
    
  .h3 {
    font-size: 1.75rem !important;
  }
    
  .h2 {
    font-size: 3.75rem !important;
  }

  .h1 {
    font-size: 4.5rem !important;
  }
}

@media (min-width: 1370px) {
  a, p, li {
    font-size: 1.125rem !important;
  }
  
  .h5 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
  }
  
  .h4 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
  }
    
  .h3 {
    font-size: 1.75rem !important;
  }
    
  .h2 {
    font-size: 3.75rem !important;
  }

  .h1 {
    font-size: 4.5rem !important;
  }
}

@media (min-width: 1600px) {
  a, p, li {
    font-size: 1.125rem !important;
  }
  
  .h5 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
  }
  
  .h4 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
  }
    
  .h3 {
    font-size: 2rem !important;
  }
    
  .h2 {
    font-size: 3.75rem !important;
  }

  .h1 {
    font-size: 4.5rem !important;
  }
}

/* Overall site center text */

@media (max-width: 768px) {
  .hhs-hero-mod .first-col .hhs-col-inner {
    text-align: center !important;
  }
}

@media (min-width: 769px) {
  .hhs-hero-mod .first-col .hhs-col-inner {
    text-align: left !important;
  }
  
  .event-rates-titles.hhs-hero-mod .first-col .hhs-col-inner {
    text-align: center !important;
  }
}

/* Double hero card section center text */

.hhs-rich-text-in span {
    text-align: center !important;
}

/* Flexicard center text */
.hhs-card-content {
    text-align: center;
}

/* Remove Overlapping Header */

#hhs-main-nav {
  position: relative;
}

/* Header */

#hhs-main-nav div.container-fluid {
  padding: 0 3rem;
}

@media (max-width: 1150px) {
  #hhs-main-nav div.container-fluid {
    padding: 0 1rem;
  }
}

#hhs-main-nav div.container-fluid div.row { 
  justify-content: center;
}

/* Mega Menu */

.mega-menu .container {
  min-width: 95%;
}

@media (min-width: 1200px) {
  .mega-menu .container {
    min-width: 70%;
  }
}

/* Center Large Text Section on Private Events page */
@media (max-width: 992px) {
  .private-events-lg-text {
    text-align: center;
    padding: 0 5%;
  }
}

/* General Classes That Can Be Added To And Section */

.reduce-side-margin {
  display: flex;
  justify-content: center;
}

.reduce-side-margin .container {
/*   margin: 0; */
  padding: 0;
  flex: 0 0 100%;
  max-width: 100vw;
}

@media (max-width: 768px) {
  div.reduce-side-margin .container .col-lg-4.col-md-6.col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

@media (max-width: 768px) {
  div.reduce-side-margin .container .col-lg-4.col-md-6.col-sm-12 {
    padding: 0;
  }
}

/* Inline CTA Button: Remove Duplicate */

.flexicard-desc img {
  display: none;
}

/* Fix Flexicard Animation */

.hhs-flexi-card-mod a:hover {
    -moz-transform: none!important;
    -webkit-transform: none!important;
    -o-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
}

.hhs-flexi-card:hover {
    transform: scale(1.03);
}

.hhs-flexi-card {
  transition: transform 330ms ease-in-out;
}

.remove-underline a {
  text-decoration: none !important;
}

/* Flexicard Text Fixes */

/* .altered-flexicards .hhs-flexi-card {
  padding: 30px 0 !important;
  min-height: 50rem;
}

.home-flexicards .hhs-flexi-card {
    min-height: 40rem;
}

.farming-flexicards.altered-flexicards .hhs-flexi-card {
  min-height: 61rem;
}

.tasting-cards-1.altered-flexicards .hhs-flexi-card {
  min-height: 80rem;
}

.exp-the-ranch-flexicards.altered-flexicards .hhs-flexi-card {
  min-height: 65rem;
} */

.hhs-card-content {
    text-align: center;
    padding-bottom: 15px!important;
}

.join-club-cards.altered-flexicards li {
    /*color: #b8be14;*/
}

/* @media (min-width: 769px) {
  .join-club-cards.altered-flexicards .hhs-flexi-card {
      min-height: 40rem;
  }
} */

.flexicard-title {
  padding-bottom: 15px;
}

.flexicard-desc {
  padding: 30px 30px 0;
  text-align: left;
  bottom: 0;
}
  
@media (max-width: 768px) {
  .flexicard-desc {
    text-align: center;
  }
}

.join-club-cards .flexicard-desc {
  min-height: 
}

.join-club-cards ul {
  list-style: inside;
}
/*  style="list-style: inside;" */

/* Hompage: General */
img.hhs-hover-img.wow.fadeIn,
.col-sm-12.c1.card-col {
  max-width: 50% !important;
}

/* -------------------------------------------------------------------------   */

/* Trade & Media: Our Distributors Section */

.distributors-list {
  padding: 0 10%;
}

@media (max-width: 786px) {
  .distributors-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

/* Collections Page Image Sections */

.hhs-img-gallery-grid-mod .hhs-img-gallery-card {
    padding: 0 !important;
    /* width: 10% !important; */
    max-width: 100% !important;
}

div.hhs-img-gallery-grid-mod .container {
    max-width: 100% !important;
}

div.hhs-img-gallery-grid-mod .row {
    justify-content: center !important;
}

@media (max-width: 768px) {
  .collection-row-text-left {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* Collections Page Text Sections */

/* @media (max-width: 768px) {
  .collection-text {
     padding: 10% 3%;
  }
} */

@media (min-width: 769px) {
  div.collection-text-card .span12.widget-span.widget-type-custom_widget {
      min-height: 50vh !important;
  }
}

.c7-product-collection__product-list a,
.c7-product-collection__product-list .c7-btn span {
  white-space: nowrap;
}


.product-listing img{
  object-fit: contain;
}

.product-listing img{
  min-height: 300px;
  height: 100%;
  max-height: 300px;
}

/* @media (max-width: 768px) {
  .hhs-text-mod.show-mobile.show-tablet.show-desktop.collection-text.collection-text-left {
     padding: 10% 5%;
  }
} */

@media (min-width: 769px) and (max-width: 992px) {
  .collection-text-card {
    margin: 3% !important;
  }
}

@media (min-width: 993px) {
  .collection-text-card {
    margin: 1% !important;
  }
}

/* Collection Card Buttons */
/* .collection-text div.col-inner {
  padding: 0;
} */

#bulk-info-box {
  text-align: center;
  margin: 20px;
}

#bulk-info-box p{
  color: #5e5046;
  font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif !important;
}
  

a.cline-btn {
  font-size: .75rem;
}

@media (max-width: 550px) {
  .cali-grown-btns {
    flex-direction: column;
    justify-content: center;
  }
  
  .cali-grown-btns span {
    padding: .5rem 0;
  }
}

@media (min-width: 551px) {
  .cali-grown-btns {
    justify-content: space-evenly;
  }
}

@media (min-width: 768px) {
  .cali-grown-btns {
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 0;
  }
  
  .cali-grown-btns span {
    padding: .5rem 0;
  }
  
  .collection-title {
    font-size: 2rem;
  }

  a.cline-btn {
    font-size: 1rem;
  }
}

@media (min-width: 1092px) {
  .cali-grown-btns {
    margin: 0;
  }
}

@media (min-width: 1460px) {
  .cali-grown-btns {
    flex-direction: row;
    justify-content: space-evenly;
/*     padding: 0; */
  }
  
  .collection-title {
    font-size: 3rem;
  }
}

/* Visit Us */

@media (min-width: 769px) {
  .visit-us-text .container {
    max-width: 70%;
  }
}

@media (min-width: 993px) {
  .visit-us-text .container {
    max-width: 45%;
  }
}

/* FAQ Page  */

.faq-page,
.refund-policy-page,
.shipping-policy-page, 
.visitation-policy-page {
  padding: 0 10%;
}

/* Hero mod overlay sections */ 

.overlay-section {
  position: relative;
  min-height: 35vw !important;
}

/* @media (min-width:769px) {
  .top-overlay, 
  .bottom-overlay {
    padding: 2rem !important; 
  }
} */

@media (min-width:769px) {
  .bottom-overlay {
  /*   padding: 3rem !important; */
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2rem !important;
  }
  
  .top-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 2rem !important;
  }
}

@media (min-width:993px) {
  .bottom-overlay {
  /*   padding: 3rem !important; */
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 4rem !important;
  }
  
  .top-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 4rem !important;
  }
}

/*  Overlay Buttons */

.overlay-btns .hs-cta-wrapper {
    padding: 2rem 1rem 0;
}

/* Hero mod left/right card sections */ 

/* displays image across entire screen and controls height of background image */

.custom-row-section {
  min-height: 45vw;
}

.card-background-image {
  min-height: 45vw;
}

@media (max-width: 1300px) {
  .custom-row-section {
    min-height: 55vw;
  }

  .card-background-image {
    min-height: 55vw;
  }
}

@media (max-width: 992px) {
  .custom-row-section {
    min-height: 75vw;
  }

  .card-background-image {
    min-height: 75vw;
  }
}
@media (max-width: 860px) {
  .custom-row-section {
    min-height: 85vw;
  }

  .card-background-image {
    min-height: 85vw;
  }
}

/* .custom-row-section {
  min-height: 55vw;
}

.card-background-image {
  min-height: 55vw;
} */

.custom-row-header-section {
  min-height: 50vw;
}

.homepage-header {
  min-height: 35vw;
}

/* cards */
.section-card-right {
  position: absolute;
  right: 5%;
  margin-top: 5% !important;
}

.section-card-left {
  position: absolute;
  left: 5%;
  margin-top: 5% !important;
}

div.section-card-left .container, 
div.section-card-right .container {
    max-width: 100%;
}

@media (max-width: 768px) {
  .section-card-right {
    position: relative;
    right: 0%;
    margin-top: 0px !important;
  }

  .section-card-left {
    position: relative;
    left: 0%;
    margin-top: 0px !important;
  }
}

/* @media (max-width: 1300px) {
  .section-card-right h1{
    font-size: 3rem !important;
  }
  .section-card-left h1{
    font-size: 3rem !important;
  }
}

@media (max-width: 920px) {
  .section-card-right h1{
    font-size: 2rem !important;
  }
  .section-card-left h1{
    font-size: 2rem !important;
  }
} */

@media (min-width: 769px) and (max-width: 992px) {  
  .section-card-left {
    max-width: 45%; /* width of card*/
  }
  
  /* Hero Banner: Card Right */
  .section-card-right {
    max-width: 45%; /* width of card*/
    float: right;
  }
}

@media (min-width: 993px) {  
  .section-card-left {
    max-width: 47%; /* width of card*/
  }
  
  /* Hero Banner: Card Right */
  .section-card-right {
    max-width: 47%; /* width of card*/
    float: right;
  }
}

@media (min-width: 1200px) {  
  .section-card-left {
    max-width: 35%; /* width of card*/
  }
  
  /* Hero Banner: Card Right */
  .section-card-right {
    max-width: 35%; /* width of card*/
    float: right;
  }
}

@media (min-width: 769px) {
  
  /* Hero Banner: Background Image */
  
  /* this one works for modules within the same section (these are easier to save (individual modules) and use on other pages) */
  .custom-hero-section {
    position: absolute;
    min-width: 100%;
    z-index: -1;
  }
}/* end @media(min-width: 768px) for double hero image modules */

@media (max-width: 768px) {
   /* might just want everything centered */
  .section-card-right .hhs-rich-text {
    text-align: center;
  }
}

@media (min-width: 992px) {

  .hhs-flexi-card-mod .hhs-flexi-card img {
/*     height: 600px !important; */
    object-fit: contain;
  }
  #raised-in-sonoma .container {
    max-width: 100%;
    margin-left: 0px !important;
  }
  #raised-in-sonoma .container h1{
    font-size: 30px !important;
  }
  #rivering-past .container {
    max-width: 100%;
    margin-left: 0px !important;
    
  }
  #rivering-past .container h3{
    font-size: 30px !important;
  }
  #rivering-past .container p{
    font-size: 12px !important;
  }
  #experience-the-ranch .container {
    max-width: 100%;
    margin-left: 0px !important;
    
  }
  #experience-the-ranch .container h3{
    font-size: 30px !important;
  }
  #experience-the-ranch .container p{
    font-size: 12px !important;
  }
}

/* Event Rates Page Cards */

@media (min-width: 768px) {
  .event-rates-card .container {
    width: 750px;
  }
} 

/* Online Catalog Page (Mobile Responsiveness) */

@media (max-width: 538px) {
  .catalog-iframe-wrapper {
    width: 100%;
  }
}
@media (min-width: 539px) {
  .catalog-iframe-wrapper {
    width: 479px;
  }
}
@media (min-width: 769px) {
  .catalog-iframe-wrapper {
    width: 660px;
  }
}
@media (min-width: 992px) {
  .catalog-iframe-wrapper {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .catalog-iframe-wrapper {
    width: 1080px;
  }
}

iframe {
    width: 100%;
    height: 100%;
}

/* Google Maps Iframe on Visit Us Page */

@media (max-width: 456px) {
  .dnd_area-row-7-padding {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

/* Contact Us Page */

.contact-form input.hs-button.primary.large {
    font-family: brandon-grotesque, sans-serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
}

/* Footer */

.footer {
    background: #f6f7e7 !important;
}

/* Footer: subscribe input and CTA */

@media (max-width: 992px) {
  div.hhs-footer-mod div.col-12.d-flex {
    flex-direction: column;
  }
}

.injected-footer-container {
    max-width: 35%;
}

/* -------------------------------------------------------------------------   */

/* Centering nav Items At Mobile Screen Size */

@media (max-width: 992px) {
  .hhs-header-menu {
    height: 100%;
    justify-content: flex-end;
  }
  .custom-menu-primary.js-enabled {
    top: 37px;
  }
}
/* Unhide Logo on Blog pages */

.hhs-alt-nav .hhs-header-logo .logo-standard, .hhs-header-logo .logo-sticky {
  display: block;
}

/* Main Card on Main Blog Page */

.blog-index__post.blog-index__post--large {
  min-height: 15rem;
}

/* Blog Listings Page - Position And Expand Blog Posts At Mobile View */

@media (max-width: 768px) {
  .blog-index__post.blog-index__post--large {
    margin-top: 0px;
  }

  .hhs-blog-grid-cards .container {
    padding: 0;
  }
}

/* Blog Header/Hero Image */

/* .blog-header.container.post-header {
  padding-left: 0;
  margin-left: 0;
} */

/* .blog-header__inner.row img {
  position: relative;
  min-width: 100vw;
} */

/* .blog-header__inner.row .col-lg-5.col-sm-12 {
  position: absolute;
  padding-top: 30%;
  text-align: center;
  z-index: 1;
  max-width: 100%;
  width: 100%;
} */

/* .blog-header__inner.row .col-lg-5.col-sm-12, .blog-header__inner.row .col-lg-7.col-sm-12 {
  padding-left: 0;
  padding-right: 0;
} */

/* Blog Filter By Tag Dropdown */

select.post__category-selector {
    background-color: rgba(184,190,20,1);
    border-color: hsl(0deg 0% 100% / 30%);
    color: #5e5046;
}

/* Blog Header/Hero Image Text */

.blog-post__title span#hs_cos_wrapper_name {
/*   color: white; */
}

/* Filtered Blog Page Header */

.blog-index__tag-subtitle,
.blog-index__tag-heading {
    color: #5e5046 !important;
}

/* Expand Body of Blog to Full Width of Screen */

div#pageContent div.wrapper.wrapper--compact {
  width: 100%;
  margin: 0;
  justify-content: flex-start;
}

.faq-text {
    padding: 0 15%;
}

/* Set Hero Image Right Under Header */

.blog-header-full {
  margin: 0;
  padding: 0;
}

.blog-header.post-header.container {
  min-width: 100%;
}

.blog-header__inner.row {
  padding: 0;
}

/* Remove Socials and Comment Section from Blog Post Page */

.container-slim .row .blog-comments,
.social-sharing-wrapper {
  display: none;
}

/* social customization */
.hhs-social-con a:hover {
    text-decoration: none !important;
}

.hhs-social-con a:hover>i {
  color: #b8be14 !important;
}

/* Remove Extra Sections of Blog Pages */

div.site__hd, 
div.site__bd div.vr.vr--x10:first-child {
  display: none !important;
  margin: 0;
}

/* Holiday Hours page */

/* Card Width */

.hhs-img-hover .row {
  justify-content: center;
}

.holiday-hours {
  display: flex;
  justify-content: center;
}

.holiday-hours .col-sm-12.c1.card-col {
  width: 45% !important;
  max-width: 600px !important;
  min-height: 400px;
}
  
.holiday-hours .hhs-img-hover-con {
  height: 100% !important;
}

.holiday-hours .container {
  max-height: 50% !important;
}

/* Aligning Text Within Card */

.holiday-hours .hhs-img-hover-front,
.holiday-hours .hhs-img-hover-back {
  position: relative !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5% 10% !important;
  min-height: 100% !important;
  bottom: auto !important;
  left: auto !important;
}

.holiday-hours .hhs-img-hover-front {
  display: none !important;
}

.holiday-hours .hhs-img-hover-back {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .holiday-hours .col-sm-12.c1.card-col {
    max-width: 65% !important;
  }
  
  .holiday-hours .hhs-img-hover-con {
    height: 100% !important;
  }
  
  .holiday-hours .hhs-img-hover-front,
  .holiday-hours .hhs-img-hover-back {
    position: relative !important;
    display: flex;
    flex-direction: column;
    padding: 5% 10% !important;
    min-height: 100% !important;
    bottom: auto !important;
    left: auto !important;
  }
}

@media (max-width: 786px) {
  .holiday-hours .hhs-img-hover-con {
    height: 100% !important;
  }
    
  .holiday-hours .col-sm-12.c1.card-col {
    width: 90% !important;
    max-width: 429px !important;
  }
  
  .holiday-hours .hhs-img-hover-front,
  .holiday-hours .hhs-img-hover-back {
    position: relative !important;
    display: flex;
    flex-direction: column;
    padding: 5% 10% !important;
    min-height: 100% !important;
    bottom: auto !important;
    left: auto !important;
  }
}

@media (max-width: 750px) {
  .holiday-hours,
  .holiday-hours .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100%;
  }
  
  .holiday-hours .col-sm-12.c1.card-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    margin: 0;
  }
}
/* ------------------------------------------------------------------------------------- */
/* Event Rates page */

@media (min-width: 769px) {
  div.event-rates-card .span12.widget-span.widget-type-custom_widget {
      min-height: 50vh !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .event-rates-card {
    margin: 5% !important;
    padding: 5%;
  }
}

@media (min-width: 993px) {
  .event-rates-card {
    margin: 3% 10% !important;
    padding: 5%;
  }
}
/* ----------------------------------------------------------------------------------------- */
/* Card Width */

.hhs-img-hover .row {
  justify-content: center;
}

.event-rates {
  display: flex;
  justify-content: center;
}

.event-rates .col-sm-12.c1.card-col {
  width: 45% !important;
  max-width: 450px !important;
}
  
.event-rates .hhs-img-hover-con {
  height: 100% !important;
}

.event-rates .container {
  max-height: 50% !important;
}

/* Aligning Text Within Card */

.event-rates .hhs-img-hover-front,
.event-rates .hhs-img-hover-back {
  position: relative !important;
  display: flex;
  flex-direction: column;
  padding: 5% 10% !important;
  min-height: 100% !important;
  bottom: auto !important;
  left: auto !important;
}

.event-rates .hhs-img-hover-front {
  display: none !important;
}

.event-rates .hhs-img-hover-back {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .event-rates .col-sm-12.c1.card-col {
    max-width: 65% !important;
  }
  
  .event-rates .hhs-img-hover-con {
    height: 100% !important;
  }
  
  .event-rates .hhs-img-hover-front,
  .event-rates .hhs-img-hover-back {
    position: relative !important;
    display: flex;
    flex-direction: column;
    padding: 5% 10% !important;
    min-height: 100% !important;
    bottom: auto !important;
    left: auto !important;
  }
}

@media (max-width: 786px) {
  .event-rates .hhs-img-hover-con {
    height: 100% !important;
  }
    
  .event-rates .col-sm-12.c1.card-col {
    width: 90% !important;
    max-width: 429px !important;
  }
  
  .event-rates .hhs-img-hover-front,
  .event-rates .hhs-img-hover-back {
    position: relative !important;
    display: flex;
    flex-direction: column;
    padding: 5% 10% !important;
    min-height: 100% !important;
    bottom: auto !important;
    left: auto !important;
  }
}

@media (max-width: 750px) {
  .event-rates,
  .event-rates .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100%;
  }
  
  .event-rates .col-sm-12.c1.card-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    margin: 0;
  }
}

/* Custom Intermediate Product Page Styling */
.product-custom-image-wrapper {
  margin: 3rem 0 !important;
}

.product-custom-image-wrapper .product-custom-info-wrapper a,
.product-custom-image-wrapper .product-custom-button-span a {
  text-decoration: none !important;
}


.product-custom-title {
  text-transform: uppercase;
}



@media (max-width: 576px) {
  .hhs-img-gallery-card.product-custom-image-wrapper {
    width: 100% !important;
  }
}

/* System Pages */

/* Search */
.hhs-header-search a {
  display: flex;
}
button[aria-label="Search"] {
  background-color: #415866 !important;
}
.k-listview-item a{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-listview-item img{
  width: 100%;
}
.k-listview-item h3{
  text-align: center;
  font-size: 1rem !important;
}
.k-listview-content {
  display: flex;
  flex-wrap: wrap;
}
.hhs-header-search a{
  text-decoration: none !important;
}
.hhs-header-search a:hover{
  text-decoration: none !important;
}

@media (max-width: 769px) {
  .k-listview-item h3 {
    font-size: .75rem !important;
  }
}
/* 404 Page */

.error-page-full {
  background-color: #fafafa;
}

/* prop 65 block */
.c7-prop65 {
  display: none !important;
}

/* adjust hero home page image size */
@media (min-width: 993px) {
.homepage-header {
min-height: 656px;
}

.overlay-section {
    min-height: 656px !important;
}
    
}

/* temporary ugly fix */
.span12.widget-span.widget-type-cell.cell_16769271315172-margin.dnd-column {
  position: relative;
}

/* thumnails fix */
.c7-product-detail__photo__thumbs {
  justify-content: flex-start;
  display: flex;
  margin-bottom: 40px;
  margin-top: 5px;
}

/* hero text left fix */
.hhs-hero-mod.hide-mobile.hide-tablet.show-desktop>.container {
  margin-left: 140px;
}

/* and hide text at 922 */
@media (max-width: 922px) {
    #hs_cos_wrapper_module_16975731543354 .hhs-hero-mod>.container {
        display: none;
    }
}

/* product listing page stuff */

@media (min-width: 1200px) {
    
    .c7-product-collection__product-list {
        display: flex !important;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 55px;
        column-gap: 55px;
    }
    .col-12.col-sm-6.col-md-4.col-lg-3.col-xl-2.product-listing {
        min-width: 21%;
        max-width: 392px;
    }
}

/* reservation stuff */

.c7-date-picker-dropdown {
  z-index: 3;
}

.c7-reservation-availability>section.c7-reservation__search>form.c7-form>div>button.c7-btn.c7-btn--primary {
margin-top: 35px;
}
button.c7-btn.c7-btn--primary {
  white-space: nowrap;
}

.c7-reservation__search .c7-form__group {
justify-content: unset;
}
/* hide add to cart price */
.c7-reservation-type__options>.c7-product__add-to-cart__price {
display: none;
}

/* buttons */
/* good black - #3D3935 */

.cta_button.cline-btn, .c7-btn--primary, .c7-btn--primary--small, .c7-product__add-to-cart__form__quantity>div>input, .cta_button.cline-btn.shop-cline-btn {
    background-color: transparent !important;
    border: 1px solid #3D3935 !important;
    border-radius: 4px;
    color: #3D3935;
}

.cta_button.cline-btn.shop-cline-btn>span {
    color: #3D3935 !important;
}

.c7-product__add-to-cart__form__quantity>div>input {
    min-height: 48px;
}

.cta_button.olive-press-btn.recipes-btn:hover, .c7-btn--primary:hover, .c7-btn--primary--small:hover,  .cta_button.cline-btn.shop-cline-btn:hover  {
    background-color: #3D3935 !important;
    color: #fff;
    border: 1px solid #3D3935 !important;
}

.cta_button.olive-press-btn.recipes-btn:hover>span, .cta_button.cline-btn.shop-cline-btn:hover>span {
    color: #fff !important;
    transition: all 0.1s ease-in-out;
}

.product-custom-btn {
  background: var(--c7-primary-button-bg);
  color: #3D3935 !important;
  font-weight: 700 !important;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #3D3935 !important;
  border-radius: 4px;
  font-size: var(--c7-font-size);
  line-height: 1.5;
  padding: 11px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.1s ease-out;
  text-transform: uppercase;
}

.product-custom-btn:hover {
  color: #fff !important;
  background: var(--c7-primary-button-bg-hover);
}

/* this part should be done via c7! */
.c7-btn--primary>span {
    color: #3D3935 !important;
    font-weight: 1000 !important;
}

.c7-btn--primary:hover>span {
    color: #fff !important;
}
/* end c7 stuff */

/* overlay button stuff */
.cta_button.overlay-btn {
    border: 1px solid #fff !important;
}
.cta_button.overlay-btn {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 4px;
    color: #fff;
}
.cta_button.overlay-btn>span {
    transition: all 0.4s ease-in-out;
    color: #3D3935 !important;
}

.cta_button.overlay-btn:hover {
    background-color: #8d8d8d !important;
    color: #fff !important;
    border: 1px solid #8d8d8d !important;
}
.cta_button.overlay-btn:hover>span {
    color: #fff !important;
    transition: all 0.4s ease-in-out;
    
}
/* end overlay button stuff */
.row.product-title>a {
    color: #3D3935 !important;
    font-weight: 1000 !important;
}
.row.product-title>a {
    color: #3D3935 !important;
    font-weight: 1000 !important;
}

/* should update variables instead of the following */


/* color for the promo */

.c7-product__add-to-cart__price__action-message p {
    border: 1.5px solid #B5AD6D;
}

/* keep other menu options on top */
li.hs-menu-item.hs-menu-depth-1 {
  z-index: 100;
  position: relative;
}


.klaviyo-form-YeQk2Z {
  min-width: 50%;
}

.go2024695338.go2024695338.go2024695338:focus-visible {
  outline-style: unset !important;
}

.go124538340.go124538340.go124538340:hover {
  border-color: #393431 !important;
  border: 1px solid;
}



/* end */

/* apple pay */
div#fullsteam-hosted-digital-wallet-div {
justify-content: center;
display: grid;
}


apple-pay-button#applePayButton {
padding: 5px 0px;
}

/* hide search */
.hhs-header-search a {
pointer-events: none;
}

.hhs-header-search {
opacity: 0;
}