.cookandmeal-block-wrapper-bg
{ background: #f1f4eb;};

/* Kill the theme credit in the infinity footer */
#infinite-footer .blog-credits,
#infinite-footer .blog-credits * {
display: none !important;
visibility: hidden !important;
}


/* If anything is injected via pseudo-elements */
#infinite-footer .blog-credits::before,
#infinite-footer .blog-credits::after {
content: "" !important;
display: none !important;
}

#infinite-footer {
display: none !important;
}

/* CookAndMeal social widget: override the platform button colors */
.textwidget .social-icons-wrapper.social-icons-with-bg a {
background: #556901 !important; /* brand green */
background-image: none !important;
box-shadow: none !important;
color: #ffffff !important;
}


/* Make sure the icon + text stay white */
.textwidget .social-icons-wrapper.social-icons-with-bg a i,
.textwidget .social-icons-wrapper.social-icons-with-bg a .social-title {
color: #ffffff !important;
}


/* Hover */
.textwidget .social-icons-wrapper.social-icons-with-bg a:hover {
background: #844408 !important; /* darker hover */
}


/* Hide Express Checkout heading text only */
.wc-block-components-express-payment__title,
.wc-block-components-express-payment__heading {
  display: none !important;
}


.hero h1 {
  color: rgba(255, 255, 255, 0.95);
}


.hero {
	color: rgba(255, 255, 255, 0.95);
  position: relative;
  width: 100%;
  min-height: 70vh; /* adjusts hero height */
  background-image: url("/wp-content/uploads/2026/02/SSF.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* darkens image for readability */
}

.hero-content {
  position: relative;
  max-width: 1200px;
  padding: 2rem;
  margin: 0 auto;
  color: white;
}

.hero h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.hero-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.btn {
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  font-weight: 600;
  border-radius: 4px;
}

.btn.primary {
  background: #556901; /* your olive */
  color: white;
}

.btn.secondary {
  background: transparent;
  border: 2px solid white;
  color: white;
}