:root {
  --black: #000000;
  --black-onyx: #121212;
  --black-mondial: #3a3a3b;
  --white: #ffffff;
  --pearl: #fdfdfd;
  --beige: #f1ebe1;
  --beige-dark: #e7d2ae;
  --beige-light: #eee0c8;
  --brown: #8a5f42;
  --gray: #808080;
  --green: #264a3e;
  --blue: #101020;
  --gold: #e8b55c;
}
/* rgb(232, 181, 92) */
.gold {
	color: var(--gold);
}
.beige {
	background-color: var(--beige);
}

body {
	color: var(--pearl);
	background-color: var(--pearl);
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, .site-title a,
.site-title a:link, .site-title a:hover, .site-title a:focus, .site-titlea:active, .site-title a:hover, h1 a:visited, h2 a:visited, h3 a:visited,
h4 a:visited, h5 a:visited, h6 a:visited, .post-title-small, .post-title-small a, .single .entry-title, .post-title-small, .wpp-post-title,
table th, label, .menu-price, .menu-price-title, .product-categories-list-all a, .wc-block-grid__product-title, .section-blog h2 a,
.section-blog h2 a:link, .section-blog h2 a:focus, .section-blog h2 a:active, .question, .search .entry-title {
	color: var(--black-onyx);
}
h2.widget-title {
	color: var(--gold);	
}
div ul li {
	color: var(--whites);
}

.topbar-content, .topbar-content i, .topbar-content a, .topbar .cart-contents::before, .topbar .cart-contents-count,
.topbar-content .main-navigation ul li a, .topbar-content .main-navigation ul li a:link, .topbar-content .main-navigation ul li a:focus,
.topbar-content .main-navigation ul li a:active {
	color: var(--pearl);
}
.subtitle-above, .content-white-pluscolor .button:not(.ffffff):not(.button-outline), .content-white-pluscolor a.button:not(.ffffff):not(.button-outline),
.categories a, .categories a:link,
.categories a:focus, .categories a:active,
.blog .post-share i:hover,
.post-share a i:hover,
.social_widget a i:hover,
a.comment-reply-link, a#cancel-comment-reply-link, .woocommerce-MyAccount-content a.button.woocommerce-button:hover,
a.showcoupon, .cartlink-hover .button.add_to_cart_button,
.cartlink-hover a.button.add_to_cart_button, .cartlink-hover a.button.add_to_cart_button:link,
.cartlink-hover a.button.add_to_cart_button:hover,
.cartlink-hover a.button.add_to_cart_button:visited,
.cartlink-hover .added_to_cart, .wp-block-button__link.add_to_cart_button,
.wp-block-button__link.add_to_cart_button:link,
.wp-block-button__link.add_to_cart_button:hover,
.wp-block-button__link.add_to_cart_button:visited,
.wp-block-button .wp-block-button__link.add_to_cart_button:not(.has-text-color):not(.has-background):hover, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover {
	color: var(--gold);
}
.button-outline:not(.content-black):not(:hover), a.button.button-outline:not(.content-black):not(:hover), .button-more.button-outline:not(:hover), .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):not(:hover) {
	color: var(--pearl);
}
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):not(:hover) {
	color: var(--black-onyx);
}
.button-outline, a.button.button-outline, .button-more.button-outline, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: var(--gold);
}
.button-outline:hover, a.button.button-outline:hover, .button-more.button-outline:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: var(--gold);
  border-color: var(--gold);
}
.hero-divider, .divider-block, .contentboxes-divider, .content-white-pluscolor .button:not(.button-outline):hover, .content-white-pluscolor a.button:not(.button-outline):hover {
	color: var(--gold);
}
.topbar-text {
	font-size: 0.8em;
}
#header:not(transparent-header), #header.transparent-header.stuck #header-regular, #header.transparent-header.stuck #header-responsive, .navi-wrap-responsive {
	background-color: var(--pearl);
}
.main-navigation {
	font-size: 1em !important;
}
.hero-content h2 {
	color: var(--pearl);
}
.hero-text {
	font-size: 1.1em;
}
.wc-block-grid__product-title {
	font-size: 1.2em;
}
.main-navigation ul li a, .main-navigation ul li a:link {
	font-size: 1.2em;
}
.content-white .contentboxes-subtitle.subtitle-above {
	color: var(--gold) !important;
}
.subtitle-above {
  font-size: 1em;
  color: var(--gold) !important;
}
.button, .button-outline {
	font-size: 1em;
}
.hero-content .hero-button {
	color: var(--pearl);
}
.hero-content-wrap {
	background-color: rgba(0,0,0,0.6);
}
.footer-info-wrap a:hover {
  color: var(--gold);
}
.site-footer {
	color: var(--pearl) !important;
}
.topbar,
.footer-sidebar-wrap {
	background-color: var(--green);
}
.footer-sidebar-middle {
	width: 100%;
}
.footer-logo img {
  max-height: 60px;
}
.footer-wrap-last {
	background-color: var(--black);
}
.logowrap.logo-img {
  max-width: 250px;
}
.tagline {
	font-size: 1.4em;
	font-weight: 600;
}
button.wp-block-button {
	color: var(--black-onyx) !important;
}
button.is-style-outline .wp-block-button__link:not(.has-text-color):not(:hover) {
  color: var(--black-onyx);
}

.content-white .button:not(.button-outline), .content-white a.button:not(.button-outline) {
	background-color: rgba(0, 0, 0, 0.5);
	border-color: var(--gold);
	color: var(--pearl) !important;
	border-width: 2px;
	border-style: solid;
}
.content-white .button:not(.button-outline):hover, .content-white a.button:not(.button-outline):hover {
	background-color: var(--gold);
	border-color: var(--gold);
	border-width: 2px;
	border-style: solid;
}

.main-navigation ul li:not(.menu-item-logo) a:hover, .header-wrap2 a i:hover, .navi-wrap-responsive ul li a:hover {
  color: var(--gold);
}

li.menu-item .active {
	color: var(--gold)
}

.button-outline, a.button.button-outline, .button-more.button-outline, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
  border-color: var(--gold);
}

.hero-divider, .divider-block, .contentboxes-divider, .content-white-pluscolor .button:not(.button-outline):hover, .content-white-pluscolor a.button:not(.button-outline):hover {
  background-color: var(--gold);
}

.button:not(.button-searchform):hover, a.button:not(.button-searchform):hover, .reply:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wp-block-button .wp-block-button__link:not(.has-text-color):not(.has-background):hover, .wp-block-button:not(is-style-outline) .wp-block-button__link:not(.has-text-color):not(.has-background):hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):not(.has-background):hover {
  background-color: var(--gold);
  border-color: var(--gold);
}

.attachment-woocommerce_thumbnail {
  overflow: hidden;
  display: inline-block;
  transition: transform 0.5s ease;
}

.attachment-woocommerce_thumbnail:hover {
  transform: scale(1.1);
}

.woocommerce .product h3, .woocommerce .product h2.woocommerce-loop-product__title, .woocommerce h2.woocommerce-loop-category__title, .wc-block-grid__product-title {
  font-size: 1.25em !important;
  line-height: 1.5em !important;
}

.shop { margin:0; padding: 0; }
.shop-iframe { width: 100vw; height: 75vh; margin:0; padding: 0; }

.object-position-top {
  object-position: top !important;
}

#hero-mb-block .hero-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}
#hero-mb-block .hero-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 1;
}
#hero-mb-block .hero-slide.active {
    opacity: 1;
    z-index: 2;
}
#hero-mb-block .hero-content-wrap {
    position: relative;
    z-index: 3;
    transform: translateZ(0);
}
.hero-bgvideo {
  object-fit: cover;
}
.agb {
  color: var(--black-onyx);
  list-style-type: none;
}

#logo-spacer {
    flex-shrink: 0; 
    transition: padding 0.3s ease-in-out;   
    padding: 0 10px;
}

@media (min-width: 1201px) {
    #logo-spacer {
        padding: 0 30px;
    }
}

@media (min-width: 1401px) {
    #logo-spacer {
        padding: 0 40px;
    }
}

@media (min-width: 1601px) {
    #logo-spacer {
        padding: 0 50px;
    }
}

@media (min-width: 1801px) {
    #logo-spacer {
        padding: 0 100px;
    }
}

.slideshow-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.slideshow-container .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}
.slideshow-container .slide.active {
    opacity: 1;
}

/* --- Dropdown Filter CSS --- */
#mobile-filter {
    background-color: #2c5a41;
    color: #c9a96a;           
    font-size: 16px;
    font-weight: bold;
    font-family: inherit;
    
    width: 100%;
    padding: 12px 15px;
    border-radius: 0;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23c9a96a' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 16px;
}

#mobile-filter option {
    background-color: white;
    color: #333;
}

.filter-controls.desktop-only {
    display: block;
}
#mobile-filter.mobile-only {
    display: none;
}

/* On mobile screens (e.g., max-width: 768px), hide buttons and show dropdown */
@media (max-width: 768px) {
    .filter-controls.desktop-only {
        display: none;
    }
    #mobile-filter.mobile-only {
        display: block;
    }
}
@media(max-width: 767px) {
    .wc-block-grid.has-3-columns .wc-block-grid__products {
        display: block;
    }
    .wc-block-grid.has-3-columns .wc-block-grid__product {
        flex: 1 0 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding: 0;
        margin-bottom: 24px; 
    }
}
/* --- Mobile (Stacked Images) --- */
.image-row-container {
    display: flex;
    flex-direction: column; 
    align-items: center;    
    padding-bottom: 40px;   
    gap: 20px;              
}

/* --- Mobile (1-Column) Styling for Tall Images --- */

@media only screen and (max-width: 767px) {
  .image-row-item {
      width: 100% !important;
      height: auto !important;
      min-height: 100% !important;
  }
}
@media (min-width: 768px) {
    .image-row-container {
        flex-direction: row; 
        justify-content: space-around;
        align-items: flex-start; 
        padding-bottom: 60px; 
        gap: 2%;
    }

    .image-row-item {
        width: 32%;
        height: auto;
        object-fit: initial;
    }
}
.coffee-bean-row {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 50px;
}

.coffee-bean {
  width: 40px;
  height: auto;
}

.left-bracket {
  font-size: 60px;
  margin-right: -10px;
  color: var(--gold);
}

.right-bracket {
  font-size: 60px;
  margin-left: -10px;
  color: var(--gold);
}