/* Events Page CSS */
.section-director-events {
    width: 100% !important;
    min-width: 0 !important;
}

.section-director-events .main-wrapper.container {
    width: 100%;
    margin: 0 auto;
    min-width: 0;
}

.section-director-events .formid-director-events {
    max-width: 940px;
    margin: 0 auto;
    width: 100%;
    min-width: 0;
    padding: 0 10px;
}

/* Banner fixes */
.section-director-events .events-banner img {
    width: 100%;
}

.section-director-events .events-banner p {
    margin: 0;
}

.section-director-events .desktop-banner {
  display: none !important;
}

@media (min-width: 940px) {
  .section-director-events .desktop-banner {
    display: block !important; /* or flex, grid, etc., depending on your layout */
  }
}

.section-director-events .mobile-banner {
  display: none;
}

@media (max-width: 939px) {
  .section-director-events .mobile-banner {
    display: block; /* or flex, grid, etc., depending on your layout */
  }
}

/* Navbar Button */
.back-button {
  display: block;
  float: left;
  color: white;
  padding: 7px;
  margin: 5px 10px 0 5px;
  border-radius: 5px;
  line-height: 0.3em;
  border: 1px solid #787878;
  background: transparent;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  gap: 6px;

  transition: border 250ms;
  -webkit-transition: border 250ms;
  -moz-transition: border 250ms;
  -ms-transition: border 250ms;
  -o-transition: border 250ms;
}

.back-button:hover {
  border-color: white;
}

.arrow-icon {
  fill: white;
  flex-shrink: 0;
}

/* Hides old button */
.navbar-toggle {
  display: none !important;
}