.WaPlaceHolder>div {
    padding: 0;
}

#id_i9TnymL {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
                      url('/resources/Pictures/Home Page Slideshow/guadalupe01-2000px.jpg') !important;
}

@media screen and (max-width: 991px) {
  .genericListTable td, .membersTable td,
  .genericListTable th, .membersTable th {
    word-break: break-word;
  }
}

@media screen and (max-width: 991px) {
  /* 1. Make the table container scrollable */
  .genericListTable, .membersTable {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Makes scrolling smooth on iPhones */
  }

  /* 2. Prevent the cells from getting too narrow */
  .genericListTable td, .membersTable td {
    min-width: 100px; /* Adjust this number based on your content */
    white-space: nowrap; /* Optional: prevents text from wrapping at all */
  }
}

/* Target the parent container you've named */
.logo-showcase {
  display: flex;
  flex-wrap: wrap; /* Allows logos to move to next line on mobile */
  align-items: center; /* Vertically centers logos of different heights */
  justify-content: center; /* Centers the whole group */
  gap: 30px; /* Space between logos */
  padding: 20px 0;
}

/* Forces the editor's images to behave */
.logo-showcase img {
  display: block;
  height: auto !important; /* Overrides fixed heights */
  max-width: 200px; /* Limits 'Large' images from taking over */
  object-fit: contain;
}

/* Mobile tweak */
@media (max-width: 600px) {
  .logo-showcase {
    gap: 15px;
  }
  .logo-showcase img {
    max-width: 120px; /* Smaller logos on phones */
  }
}

/* END LOGO GRID */

@media screen and (max-width: 890px) {
  .fieldSubContainer .fieldBody > .typeInstruction, 
  .fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction {
    max-width: 350px;
  }
}