/* ========================================
   EVENTS ONLY — fix stretched featured media
   (does NOT affect regular posts)
======================================== */

@media (max-width: 768px){

  /* Target only single event pages */
  body.single-tribe_events img,
  body.single-tribe_events video,
  body.single-tribe_events iframe{
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }

  /* Fix common Events Calendar wrappers */
  body.single-tribe_events .tribe-events-event-image img,
  body.single-tribe_events .wp-post-image{
    width: 100% !important;
    height: auto !important;
  }

  /* Prevent tall stretched containers */
  body.single-tribe_events .tribe-events-event-image,
  body.single-tribe_events .wp-block-post-featured-image{
    height: auto !important;
    max-height: none !important;
  }

}

/* ========================================
   Fix oversized emojis in Events
======================================== */

body.single-tribe_events img.emoji,
body.single-tribe_events img.wp-smiley{
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  object-fit: contain !important;
  vertical-align: -0.1em;
}

/* ===== Events featured image consistency ===== */

/* Only target Events single posts */
.single-tribe_events .wp-post-image,
.single-tribe_events .post-thumbnail img,
.single-tribe_events .featured-image img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  .single-tribe_events .wp-post-image,
  .single-tribe_events .post-thumbnail img,
  .single-tribe_events .featured-image img {
    height: 260px;
  }
}



/* WPForms placeholder fix for Nash Potatoes & Gravy signup */

.wpforms-field-name .wpforms-field-row-block input::placeholder {
  color: #777;
}

.wpforms-field-email input::placeholder {
  color: #777;
}

/* Hide the "First" and "Last" labels under the fields */
.wpforms-field-name .wpforms-field-row-block label {
  display: none !important;
}

/* Force placeholders */
.wpforms-field-name .wpforms-field-row-block:first-child input::placeholder {
  content: "First Name";
}

.wpforms-field-name .wpforms-field-row-block:last-child input::placeholder {
  content: "Last Name";
}

.wpforms-field-email input::placeholder {
  content: "Email Address";
}




/* ===== Slick Polish Pack (premium media feel) ===== */

/* 1) Make the cards feel a bit more “print + modern” */
#<?php echo esc_attr($uid); ?> .npg-card{
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  border: 1px solid rgba(109,42,166,.20);
}

/* 2) Tighter vertical rhythm on the left card only */
#<?php echo esc_attr($uid); ?> .npg-card:first-child .npg-sub{
  margin-bottom: 12px;
}

/* 3) Inputs: nicer “editorial” look + perfect alignment */
#<?php echo esc_attr($uid); ?> .wpforms-container input[type="text"],
#<?php echo esc_attr($uid); ?> .wpforms-container input[type="email"]{
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(109,42,166,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

/* Hover feels interactive */
#<?php echo esc_attr($uid); ?> .wpforms-container input[type="text"]:hover,
#<?php echo esc_attr($uid); ?> .wpforms-container input[type="email"]:hover{
  border-color: rgba(109,42,166,.42) !important;
}

/* Focus = pro */
#<?php echo esc_attr($uid); ?> .wpforms-container input[type="text"]:focus,
#<?php echo esc_attr($uid); ?> .wpforms-container input[type="email"]:focus{
  border-color: rgba(109,42,166,.65) !important;
  box-shadow: 0 0 0 4px rgba(109,42,166,.14) !important;
}

/* 4) Make the SUBSCRIBE NOW button feel “pressable” */
#<?php echo esc_attr($uid); ?> button.wpforms-submit{
  box-shadow: 0 10px 18px rgba(109,42,166,.25);
}

#<?php echo esc_attr($uid); ?> button.wpforms-submit:active{
  transform: translateY(1px);
  box-shadow: 0 6px 12px rgba(109,42,166,.22);
}

/* 5) Give the form a consistent width so fields don’t feel floaty */
#<?php echo esc_attr($uid); ?> .wpforms-container{
  max-width: 520px; /* keeps it editorial; adjust 480–560 to taste */
}

/* 6) Social buttons: slightly nicer hover + focus ring */
#<?php echo esc_attr($uid); ?> .npg-social-btn{
  box-shadow: 0 8px 14px rgba(0,0,0,.06);
}

#<?php echo esc_attr($uid); ?> .npg-social-btn:focus-visible,
#<?php echo esc_attr($uid); ?> button.wpforms-submit:focus-visible,
#<?php echo esc_attr($uid); ?> .wpforms-container input:focus-visible{
  outline: none !important;
}

/* 7) Small type tweak: makes the headings feel more “publication” */
#<?php echo esc_attr($uid); ?> .npg-title{
  letter-spacing: .005em;
}






/* Constrain Follow the Gravy module width */
#sb_instagram {
max-width: 1100px;
margin: 0 auto;
}

/* Align with rest of page content */
#sb_instagram .sbi_header {
display:none !important;
}

/* Force clean grid */
#sb_instagram .sbi_items {
display:grid !important;
grid-template-columns: repeat(3, 1fr);
gap:14px;
}

/* Make images square and consistent */
#sb_instagram .sbi_item {
width:100% !important;
padding:0 !important;
}

/* Slight rounded corners to match site style */
#sb_instagram .sbi_photo {
border-radius:14px;
overflow:hidden;
}

/* ===== Follow the Gravy: center the heading with the feed ===== */

/* Constrain + center the whole Smash Balloon block */
#sb_instagram{
  max-width: 1100px;
  margin: 0 auto !important;
}

/* Center your custom title + handle (the ones above the feed) */
#sb_instagram ~ .npg-foot,
#sb_instagram{
  text-align: center;
}

/* If your title/handle are inside your NPG module container, center those too */
#sb_instagram .npg-head,
#sb_instagram .npg-title,
#sb_instagram .npg-handle{
  text-align: center !important;
}

/* ===== Kill the huge IG logo / footer branding area ===== */

/* Hide plugin footer / branding / misc bottom elements */
#sb_instagram .sbi_footer,
#sb_instagram .sbi_footer_wrap,
#sb_instagram .sbi_load_btn,
#sb_instagram .sbi_follow_btn,
#sb_instagram .sbi_header,
#sb_instagram .sbi_branding,
#sb_instagram .sbi_credit{
  display: none !important;
}

/* Keep the grid locked to 3 columns */
#sb_instagram .sbi_items{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

/* Clean tiles */
#sb_instagram .sbi_item{
  width: 100% !important;
  padding: 0 !important;
}

/* Rounded corners like your site */
#sb_instagram .sbi_photo{
  border-radius: 14px !important;
  overflow: hidden !important;
}
/* Center the NPG Follow The Gravy header area (module wrapper) */
[id^="npg-gravy-"] .npg-head{
  justify-content: center !important;
  text-align: center !important;
}
[id^="npg-gravy-"] .npg-head *{
  text-align: center !important;
}




html, body {
    overflow-x: hidden;
}
html, body {
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
}