/* =========================
   OPAL / WINE TOUR BANNER
   ========================= */

img.wine-wineLogoImg {
  width: 160px !important;
}

#main-container > main#primary .single-opalactivity-container h2.activity-title.wine-tour-banner {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 15px 20px !important;
}

/* Default positioning */
.activity-infomations.actextcls {
  top: 190px !important;
}

/* Mobile adjustments */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  #main-container > main#primary .single-opalactivity-container h2.activity-title.wine-tour-banner {
    padding: 40px 20px !important;
  }

  img.wine-wineLogoImg {
    width: 128px !important;
  }

  .activity-infomations.actextcls {
    top: 160px !important;
  }
}

/* =========================
   WPBAKERY / TILE SPACING
   ========================= */

@media (max-width: 768px) {
  .vc_row {
    margin-bottom: 16px !important;
  }
}

/* Keep only if you're actually using this class somewhere */
.your-class-name {
  border-color: #1976D2 !important;
}

/* Mobile spacing ONLY for promo tiles */
@media (max-width: 768px) {
  .promo-tile {
    margin-bottom: 18px !important;
  }

  .promo-tile img {
    display: block;
  }
}

/* =========================
   FIX: GIANT / BROKEN HEADINGS (PAGES)
   Works for Gutenberg + WPBakery + theme wrappers
   ========================= */

/* 1) Stop weird single-letter wrapping */
body.page h1,
body.page h2,
body.page h3,
body.page h4,
body.page h5,
body.page h6 {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* 2) Force sane H1 sizing on PAGES (content + builders) */
body.page .entry-content h1,
body.page .wpb_wrapper h1,
body.page .vc_column-inner h1,
body.page main#primary h1 {
  font-size: 52px !important;
  line-height: 1.1 !important;
  margin: 0.6em 0 !important;
}

/* 3) Force sane H2 sizing on PAGES (content + builders) */
body.page .entry-content h2,
body.page .wpb_wrapper h2,
body.page .vc_column-inner h2,
body.page main#primary h2 {
  font-size: 34px !important;
  line-height: 1.2 !important;
  margin: 1.1em 0 0.5em !important;
}

/* 4) Mobile sizes */
@media (max-width: 768px) {
  body.page .entry-content h1,
  body.page .wpb_wrapper h1,
  body.page .vc_column-inner h1,
  body.page main#primary h1 {
    font-size: 34px !important;
    line-height: 1.15 !important;
  }

  body.page .entry-content h2,
  body.page .wpb_wrapper h2,
  body.page .vc_column-inner h2,
  body.page main#primary h2 {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
}