.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .date,
.WaGadgetUpcomingEvents.upcomingEventsStyle004 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle005 ul li .location,
.WaGadgetUpcomingEvents.upcomingEventsStyle006 ul li .location {
  color: rgba(255,255,255);
  font-size: large;
}
.WaGadgetMobilePanel .mobilePanel {
  position: relative;
  height: 50px;
  background: #4A419C;
  color: white;
}
.eventDivItem {
  background-color: #930239 !important;
  color: #ffffff !important;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div a {
  color: #ffffff;
}
.eventHover {
  color: #FFE52C !important;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventContainerHover {
  background: #930239 !important;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: #F7941D;
  color: white;
  line-height: 400px;
  vertical-align: top;
  text-decoration: none;
  cursor: pointer;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink,
.WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: transparent;
  color: #f7941d;
  line-height: 400px;
  vertical-align: top;
  text-decoration: none;
  cursor: pointer;
}



/* ========= Skeleton page: global resets & spacing control ========= */
#skeleton-page {

  /* Content gadget container + inner wrapper */
  .WaGadgetContent { margin: 0 !important; padding: 0 !important; }
  .WaGadgetContent .gadgetContent { margin: 0 !important; padding: 0 !important; }

  /* Kill extra bottom gap from last child */
  .WaGadgetContent .gadgetContent > *:last-child { margin-bottom: 0 !important; }

  /* Normalize common text elements so YOU control rhythm */
  .WaGadgetContent .gadgetContent h1,
  .WaGadgetContent .gadgetContent h2,
  .WaGadgetContent .gadgetContent h3,
  .WaGadgetContent .gadgetContent h4,
  .WaGadgetContent .gadgetContent h5,
  .WaGadgetContent .gadgetContent h6,
  .WaGadgetContent .gadgetContent p,
  .WaGadgetContent .gadgetContent ul,
  .WaGadgetContent .gadgetContent ol { margin: 0; }

  /* Images shouldn’t create stray gaps */
  .WaGadgetContent .gadgetContent img { display: block; max-width: 100%; height: auto; margin: 0; }

  /* Some themes wrap gadgets in .WaPlaceHolder > .Gadget – zero it out here too */
  .WaPlaceHolder .Gadget { margin: 0 !important; padding: 0 !important; }
}

/* ========= Skeleton page: utilities you can sprinkle where needed ========= */
#skeleton-page {
  /* Corner radius utilities */
  .radius-0  { border-radius: 0 !important; }
  .radius-4  { border-radius: 4px !important; }
  .radius-8  { border-radius: 8px !important; }
  .radius-12 { border-radius: 12px !important; }
  .radius-16 { border-radius: 16px !important; }
  .radius-24 { border-radius: 24px !important; }

  /* Make gadget boxes inherit rounding if you apply it to a wrapper */
  .WaGadgetContent,
  .WaGadgetContent .gadgetContent {
    border-radius: inherit;
    overflow: hidden; /* keeps backgrounds/images clipped to the radius */
  }

  /* Vertical alignment / layout helpers */
  .flex      { display: flex !important; }
  .v-center  { align-items: center !important; }
  .h-center  { justify-content: center !important; }
  .h-between { justify-content: space-between !important; }
  .gap-8     { gap: 8px !important; }
  .gap-16    { gap: 16px !important; }

  /* Inline baseline alignment (for icons next to text) */
  .v-middle  { vertical-align: middle !important; }

  /* Intentional spacing utilities */
  .mt-0  { margin-top: 0 !important; }     .mb-0  { margin-bottom: 0 !important; }
  .mt-8  { margin-top: 8px !important; }   .mb-8  { margin-bottom: 8px !important; }
  .mt-16 { margin-top: 16px !important; }  .mb-16 { margin-bottom: 16px !important; }
  .mt-24 { margin-top: 24px !important; }  .mb-24 { margin-bottom: 24px !important; }
  .p-0   { padding: 0 !important; }
  .p-16  { padding: 16px !important; }
  .p-24  { padding: 24px !important; }
}

/* ========= Skeleton page: optional – target ONE specific content gadget ========= */
/* Replace #id_wg_content_12345 with the real gadget ID if you want a single box styled */
#skeleton-page #id_wg_content_12345 .gadgetContent {
  background: #F5FAF8;
  border-radius: 16px;
  padding: 24px;
  margin: 0;
}