/* Gentle Carousel — post-rebuild fixes (loaded last so it overrides Divi). */

/* Desktop dropdown menu items that wrap to two lines were overlapping:
   Divi compiled the submenu link line-height to ~6.5px, so a second line
   sat on top of the first. Restore a normal line-height + a little padding. */
.et_pb_menu ul.sub-menu li a,
.et_pb_menu .et-menu li li a {
  line-height: 1.4em !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* Make the header logo a link to the home page without shifting its layout. */
a.gc-logo-home {
  display: inline-block;
  line-height: 0;
}
a.gc-logo-home img {
  display: block;
}

/* "Gala Tickets" call-to-action button in the header menu. */
.et_pb_menu a.gc-gala-btn,
.et_pb_menu a.gc-gala-btn:hover {
  color: #14235f !important;            /* dark navy text for contrast on gold */
}
.et_pb_menu a.gc-gala-btn {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -9px;                            /* align the button TEXT to the DONATE text (Divi's 6.5px menu line-height throws off box math) */
  background-color: #e7b84b;            /* warm gold */
  padding: 2px 14px !important;         /* compact so it doesn't tower over the row */
  border-radius: 4px;
  font-weight: 700 !important;
  line-height: 1.6 !important;          /* match the menu item text height */
  margin-left: 6px;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  transition: background-color .2s ease;
}
.et_pb_menu a.gc-gala-btn:hover {
  background-color: #d9a72f;
}
/* keep the menu item inline like its siblings (no flex box that breaks alignment) */
.et_pb_menu ul.et-menu li.gc-gala-menu-item { display: inline-block; vertical-align: middle; }

/* Sponsors: final block — two stacked pairs (Great Expectations/Horse Country,
   Engel & Völkers/Ocala Metro) with single logos (Omega, Dillon) vertically
   centered beside them. Replaces the leftover empty grid cells (white space). */
.gc-stack-row {
  display: flex;
  justify-content: center;
  align-items: center;      /* singles center to the middle of the stacks */
  flex-wrap: wrap;
  gap: 3%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 20px 3% 0;
  box-sizing: border-box;
}
.gc-stack-row .gc-stack-col {
  flex: 0 1 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
}
.gc-stack-row .gc-stack-col a { display: block; width: 100%; text-align: center; line-height: 0; }
.gc-stack-row .gc-stack-col img { max-width: 100%; height: auto; display: inline-block; }
@media (max-width: 767px) {
  .gc-stack-row .gc-stack-col { flex: 0 1 45%; }
}
