.elementor-26 .elementor-element.elementor-element-9ede4c5{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-9ede4c5:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-9ede4c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-9ede4c5.e-con{--align-self:stretch;}.elementor-26 .elementor-element.elementor-element-59e412c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 18px 18px 18px;}.elementor-26 .elementor-element.elementor-element-8c41111 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-844b789{--display:flex;}body.elementor-page-26:not(.elementor-motion-effects-element-type-background), body.elementor-page-26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-8c41111{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-9ede4c5{--content-width:1440px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-9ede4c5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-59e412c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-59e412c.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-8c41111{width:100%;max-width:100%;}.elementor-26 .elementor-element.elementor-element-8c41111 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-8c41111.elementor-element{--align-self:center;}body.elementor-page-26{margin:8px 0px 0px 0px;padding:8px 0px 0px 0px;}}/* Start custom CSS for event-listing, class: .elementor-element-59e412c */h2.wpem-heading-text {
    display: none !important;
}
/* Hide Within dropdown + label */
#search_within_radius, label[for="search_within_radius"] {
  display: none !important;
}

/* Hide Miles/Kilometers dropdown + label */
#search_distance_units, label[for="search_distance_units"] {
  display: none !important;
}

/* Hide Order By dropdown + label */
#search_orderby, label[for="search_orderby"] {
  display: none !important;
}
/* ==== Material‐style for Search Filters (Keywords & Location unified, gold accent) ==== */

/* 1. Base font and spacing */
.search_events .wpem-form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.search_events .wpem-form-group label {
  font-size: 14px;
  font-weight: 500;
  color: #616161;
  margin-bottom: 4px;
  transition: color .2s ease;
}

/* 2. Inputs and selects (including Keywords & Location): flat, bottom‐border only */
.search_events .wpem-form-group select,
.search_events .wpem-form-group input,
.search_events #search_keywords,
.search_events #search_location {
  font-size: 16px;
  padding: 10px 0;
  border: none;
  border-bottom: 2px solid #BDBDBD;
  background: transparent;
  border-radius: 0;
  transition: border-color .2s ease, box-shadow .2s ease;
}

/* 3. Focus state: gold accent line */
.search_events .wpem-form-group select:focus,
.search_events .wpem-form-group input:focus,
.search_events #search_keywords:focus,
.search_events #search_location:focus {
  border-bottom-color: #CA9E67 !important;
  box-shadow: 0 2px 4px rgba(202, 158, 103, 0.2) !important;
  outline: none;
}

/* 4. Placeholder and hover color */
.search_events .wpem-form-group input::placeholder,
.search_events .wpem-form-group select option:first-of-type,
.search_events #search_keywords::placeholder,
.search_events #search_location::placeholder {
  color: #9E9E9E;
}
.search_events .wpem-form-group select:hover,
.search_events .wpem-form-group input:hover,
.search_events #search_keywords:hover,
.search_events #search_location:hover {
  border-bottom-color: #9E9E9E;
}

/* 5. Search button styling with gold background */
.search_events .wpem-row .wpem-col:nth-child(7) .wpem-form-group button,
.search_events .wpem-form-group input[type="submit"] {
  font-size: 16px;
  padding: 12px 24px;
  background-color: #CA9E67;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color .2s ease, box-shadow .2s ease;
}
.search_events .wpem-form-group button:hover,
.search_events .wpem-form-group input[type="submit"]:hover {
  background-color: #AA7B50; /* slightly darker gold on hover */
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/* 6. Pointer on selects */
.search_events .wpem-form-group select {
  cursor: pointer;
}

/* 7. Mobile: larger tap targets */
@media (max-width: 767px) {
  .search_events .wpem-form-group label {
    font-size: 15px;
  }
  .search_events .wpem-form-group select,
  .search_events .wpem-form-group input,
  .search_events #search_keywords,
  .search_events #search_location {
    font-size: 17px;
    padding: 12px 0;
  }
  .search_events .wpem-form-group input[type="submit"] {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ede4c5 *//* 1) Center the Load More button */
#load_more_events_loader {
  text-align: center;
}

/* 2) Base state: #D09A40 bg, black border, no radius */
#load_more_events {
  display: inline-block;
  padding: 12px 24px;
  background-color: #D09A40;
  color: #000;
  border: 1px solid #000;
  border-radius: 0;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color .3s ease, color .3s ease;
}

/* 3) Hover: invert bg/text */
#load_more_events:hover {
  background-color: #000;
  color: #D09A40;
}/* End custom CSS */