.SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine h1 {
  font-size: 28px !important;
  font-weight: 600 !important;
  margin: 0; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine h1 + * {
    margin-top: 20px !important; }

.SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters {
  background: #eaefed;
  padding: 30px 40px;
  box-shadow: 0px 6px 5px -3px rgba(0, 0, 0, 0.11);
  z-index: 2000;
  position: relative; }
  @media only screen and (max-width: 600px) {
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters {
      padding: 10px; } }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls {
    display: flex;
    gap: 15px;
    margin-top: 10px; }
    @media only screen and (max-width: 600px) {
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls {
        flex-direction: column;
        gap: 10px; } }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .free_search {
      flex: 1;
      padding: 8px;
      font-size: 16px;
      border: 1px solid #ddd;
      border-radius: 4px; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .free_search:focus {
        outline: none;
        border-color: #666; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_wrapper {
      position: relative;
      flex: 1; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_wrapper .discipline_search {
        width: 100%;
        padding: 8px;
        font-size: 16px;
        border: 1px solid #ddd;
        border-radius: 4px; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_wrapper .discipline_search:focus {
          outline: none;
          border-color: #666; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: white;
      border: 1px solid #ccc;
      border-top: none;
      border-radius: 0 0 4px 4px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      z-index: 1000;
      max-height: 200px;
      overflow-y: auto;
      list-style: none;
      padding: 0;
      margin-top: 2px; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list.hidden {
        display: none; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list li {
        padding: 8px 12px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list li:hover, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list li.active {
          background-color: #f0f0f0; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list li .discipline-icon {
          width: 20px;
          height: 20px;
          object-fit: contain;
          flex-shrink: 0; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list li .discipline-icon-space {
          width: 20px;
          height: 20px;
          flex-shrink: 0; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list li .discipline-text {
          flex: 1; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .search_controls .discipline_list li strong {
          color: #000;
          font-weight: 400; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter {
    margin: 30px 0 0; }
    @media only screen and (max-width: 600px) {
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter {
        margin-top: 20px 0; } }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter h3 {
      font-size: 18px !important;
      font-weight: 600 !important;
      margin: 0 !important; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container {
      padding: 0px 10px;
      /* noUiSlider custom styling */ }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container .age-range-slider {
        height: 6px;
        margin: 20px 0 0; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container .noUi-target {
        border-radius: 3px;
        border: none;
        box-shadow: none;
        background: #e0e0e0; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container .noUi-connect {
        background: #2196F3; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container .noUi-handle {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #fff;
        border: 2px solid #2196F3;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        cursor: pointer; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container .noUi-handle::before, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container .noUi-handle::after {
          display: none;
          /* Remove default lines */ }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container .noUi-handle:hover {
          background: #f5f5f5; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .age_filter .range_container .age_display {
        text-align: center;
        font-size: 14px;
        color: #666;
        margin-top: 5px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .weekday_filters {
    margin: 30px 0 0; }
    @media only screen and (max-width: 600px) {
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .weekday_filters {
        margin-top: 40px; } }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .weekday_filters h3 {
      font-size: 18px !important;
      font-weight: 600 !important;
      margin-top: 0;
      margin-bottom: 10px; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .weekday_filters .entries {
      display: grid;
      gap: 16px;
      grid-template-columns: repeat(5, 1fr);
      width: 82%; }
      @media only screen and (max-width: 600px) {
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .weekday_filters .entries {
          display: block;
          column-count: 2;
          width: auto; } }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .weekday_filters .entries label {
        cursor: pointer;
        font-size: 16px; }
        @media only screen and (max-width: 600px) {
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .weekday_filters .entries label {
            display: block;
            white-space: nowrap; } }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .weekday_filters .entries label input[type="checkbox"] {
          margin-right: 5px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .district_filters {
    margin: 21px 0 0; }
    @media only screen and (max-width: 600px) {
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .district_filters {
        margin: 20px 0; } }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .district_filters h3 {
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 18px !important;
      font-weight: 600 !important; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .district_filters .entries {
      display: grid;
      gap: 16px;
      grid-template-columns: repeat(5, 1fr);
      width: 82%; }
      @media only screen and (max-width: 600px) {
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .district_filters .entries {
          display: block;
          column-count: 2;
          width: auto; } }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .district_filters .entries label {
        cursor: pointer;
        font-size: 16px; }
        @media only screen and (max-width: 600px) {
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .district_filters .entries label {
            display: block;
            white-space: nowrap; } }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .search_filters .district_filters .entries label input[type="checkbox"] {
          margin-right: 5px; }

.SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section {
  margin-top: 0px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_wrapper {
    display: flex;
    gap: 30px;
    position: relative; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .heading-container {
    background: #f4f4f4;
    padding: 5px 23px;
    margin-bottom: 10px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper {
    position: relative;
    overflow: hidden; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper + * {
      margin-top: 20px; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map {
      transition: margin-left 0.3s ease;
      border: 1px solid #ddd;
      border-radius: 4px;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      position: relative;
      background: #f0f0f0; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map.with-sidebar {
        /*margin-left: 300px;  */
        /* Width of sidebar */ }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map a {
        text-decoration: none; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .map-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.12);
        z-index: 1000;
        /* Above the map but below popups */
        display: flex;
        justify-content: center;
        align-items: center;
        transition: opacity 0.2s ease-in-out; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .map-overlay.hidden {
          opacity: 0;
          pointer-events: none; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .map-overlay .map-overlay-content {
          background-color: #e3f2fd;
          color: #1976d2;
          padding: 8px 16px;
          border-radius: 4px;
          font-size: 14px;
          font-weight: 500;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .leaflet-marker-icon {
        overflow: visible;
        border-radius: 40px;
        line-height: 27px;
        background: none;
        transition: all 0.2s ease; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .leaflet-marker-icon span {
          margin: 0; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .leaflet-control-layers {
        padding: 0; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .leaflet-control-layers label {
          cursor: pointer;
          padding: 2px 6px;
          background-color: #fcfcfc; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .leaflet-control-layers label:hover {
            color: #293f92;
            background-color: #f8f8f8;
            box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.05); }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster {
        transition: all 0.3s ease; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster:not(.selected):hover {
          z-index: 1000;
          background: #fff; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster.selected {
          border: none !important;
          background: #cbe7ff; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster.selected div {
            color: #fff;
            background-color: #0faf6c !important;
            font-weight: bold;
            box-sizing: content-box; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster div {
          margin-left: 5px;
          margin-top: 5px;
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.4);
          border-radius: 20px; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster.marker-cluster-small div {
          background-color: #9ccbff; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster.marker-cluster-medium div {
          background-color: #8cc3ff; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster.marker-cluster-large div {
          background-color: #7ab9ff; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .activities_map .marker-cluster.selected {
          background: #fff !important; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar {
      position: absolute;
      left: 10px;
      top: 10px;
      /*bottom: 10px;*/
      max-height: 575px;
      overflow-y: auto;
      width: 490px;
      max-width: calc(100% - 20px);
      background: white;
      border-right: 1px solid #ddd;
      box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
      z-index: 2000;
      transition: transform 0.3s ease;
      margin: 0 !important;
      padding: 0 !important;
      box-shadow: 10px 18px 15px -15px rgba(0, 0, 0, 0.4) !important;
      pointer-events: auto; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar.hidden {
        transform: translateX(-110%); }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content {
        height: 100%;
        overflow-y: hidden;
        padding: 20px 20px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        position: relative;
        overscroll-behavior: contain;
        /* Close button styles */ }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .sidebar-close {
          position: absolute;
          top: 15px;
          right: 15px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background: #0f64af;
          color: white;
          border: none;
          font-size: 24px;
          line-height: 1;
          cursor: pointer;
          padding: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: background-color 0.2s ease;
          z-index: 1; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .sidebar-close:hover {
            background: #0d5492; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .sidebar-close:focus {
            outline: none;
            box-shadow: 0 0 0 2px rgba(15, 100, 175, 0.3); }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .marker-popup h4, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .facility-popup h4 {
          margin: 0 0 15px 0;
          color: #0f64af;
          font-size: 18px; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .marker-popup dl, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .facility-popup dl {
          margin: 0; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .marker-popup dt, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .facility-popup dt {
          font-weight: bold;
          color: #293f92;
          margin-top: 15px; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .marker-popup dt:first-child, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .facility-popup dt:first-child {
            margin-top: 0; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .marker-popup dd, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .activities_map_wrapper .marker-details-sidebar .marker-popup-content .facility-popup dd {
          margin: 5px 0 0 0; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container {
    flex: 2; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container.loading {
      pointer-events: none;
      /* Prevent interaction while loading */
      /*&::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: rgba(255, 255, 255, 0.7);
                    z-index: 1;
                }*/ }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container.loading .activity-item .activity-main h3, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container.loading .activity-item .activity-details h3 {
        color: #ccc; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container.loading .activity-item .activity-main p, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container.loading .activity-item .activity-details p {
        color: #ccc; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .pagination-controls {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      margin: 30px 0;
      padding: 20px 0;
      border-top: 1px solid #eee; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .pagination-controls .pagination-btn {
        padding: 8px 12px;
        border: 1px solid #ddd;
        background: white;
        color: #333;
        cursor: pointer;
        border-radius: 4px;
        font-size: 14px;
        transition: all 0.2s ease; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .pagination-controls .pagination-btn:hover:not(.active) {
          background: #f5f5f5;
          border-color: #bbb; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .pagination-controls .pagination-btn.active {
          background: #0f64af;
          color: white;
          border-color: #0f64af;
          cursor: default; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .pagination-controls .pagination-btn:disabled {
          opacity: 0.5;
          cursor: not-allowed; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .pagination-controls .pagination-ellipsis {
        padding: 8px 4px;
        color: #666;
        font-size: 14px; }
      @media only screen and (max-width: 600px) {
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .pagination-controls {
          flex-wrap: wrap;
          gap: 4px; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .pagination-controls .pagination-btn {
            padding: 6px 10px;
            font-size: 13px; } }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item {
      border: 1px solid #ddd;
      padding: 15px 26px;
      margin-bottom: 10px;
      border-radius: 4px;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
      position: relative; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item:hover {
        background-color: #f5f5f5; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-main {
        display: flex;
        align-items: flex-start;
        gap: 15px; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-main h3 {
          margin: 3px 0 18px 0px;
          font-size: 16px;
          font-weight: bold; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-main p {
          margin: 5px 0;
          color: #666; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-main .modality-icon {
          display: none;
          width: 28px;
          height: 28px;
          object-fit: contain;
          flex-shrink: 0;
          position: absolute;
          left: 23px;
          top: 10px;
          opacity: 0.7;
          /*background: #f4f4f4;*/
          padding: 4px;
          border-radius: 20px;
          box-sizing: content-box;
          border: 1px solid #ddd;
          /*box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .1); */ }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-main .activity-sport-icon-placeholder {
          width: 48px;
          /* Match icon width */
          height: 48px;
          /* Match icon height */
          flex-shrink: 0;
          /* Optionally, add a light background or border for visibility */
          /* background-color: #f0f0f0; */ }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-main > div:not(.activity-sport-icon):not(.activity-sport-icon-placeholder) {
          flex-grow: 1; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #eee; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details p {
          margin: 5px 0;
          font-size: 14px; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details p strong {
            font-weight: 600;
            color: #333; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .view-on-map-link {
          display: block;
          margin: 20px 0 10px;
          font-size: 14px; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact {
          margin-top: 10px;
          padding-top: 8px;
          border-top: 1px solid #f0f0f0; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact .contact-phone, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact .contact-email {
            padding-left: 22px;
            position: relative; }
            .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact .contact-phone::before, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact .contact-email::before {
              content: '';
              position: absolute;
              left: 0;
              top: 2px;
              width: 16px;
              height: 16px;
              background-size: contain;
              background-repeat: no-repeat; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact .contact-phone::before {
            background-image: url("/bcnsports_resources/images/contact_phone.png"); }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact .contact-email::before {
            background-image: url("/bcnsports_resources/images/contact_email.png");
            top: 5px; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact a {
            color: #0f64af;
            text-decoration: none; }
            .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .activity-item .activity-details .activity-contact a:hover {
              text-decoration: underline; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container .no_results {
      text-align: left;
      padding: 0;
      color: #666;
      font-size: 16px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container {
    flex: 1; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container .stats_block {
      background: #f3f5f7;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 20px;
      margin-bottom: 20px;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05); }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container .stats_block h3 {
        margin: 0 0 15px 0;
        font-size: 16px;
        font-weight: bold;
        color: #333; }
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container .stats_block .stat_item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        font-size: 14px;
        position: relative; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container .stats_block .stat_item > div {
          display: flex;
          justify-content: space-between;
          width: calc(100% - 80px); }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container .stats_block .stat_item .stat_name {
          color: #666;
          padding-right: 15px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          flex: 1;
          max-width: 300px; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container .stats_block .stat_item .stat_value {
          font-weight: 500;
          width: 80px;
          text-align: right;
          flex-shrink: 0;
          position: relative;
          top: 12px; }
        .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container .stats_block .stat_item .stat_bar {
          position: absolute;
          left: 0;
          right: 90px;
          bottom: -6px;
          background: #e0e0e0;
          height: 4px;
          border-radius: 2px; }
          .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container .stats_block .stat_item .stat_bar .stat_bar_fill {
            background: #2196F3;
            height: 100%;
            border-radius: 2px;
            transition: width 0.3s ease; }

.SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .heading-container {
  display: flex;
  align-items: center;
  gap: 15px;
  /* Space between heading and notification */
  /* Ensure loading notification doesn't push count too far */ }
  @media only screen and (max-width: 600px) {
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .heading-container {
      display: none; } }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .heading-container h1 {
    margin: 0 !important;
    /* Remove default margins */ }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .heading-container h1 + * {
      margin-top: 3px !important; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .heading-container .results-count {
    color: #666;
    font-size: 16px;
    margin-left: auto;
    /* Push to the right */ }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .heading-container .loading-notification {
    margin-right: auto; }

.SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .loading-notification {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #e3f2fd;
  color: #1976d2;
  font-size: 14px;
  font-weight: 500; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .loading-notification.hidden {
    display: none; }

.SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .leaflet-popup-content-wrapper {
  box-shadow: 0 18px 15px -15px rgba(0, 0, 0, 0.4) !important; }

.SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup {
  padding: 0;
  cursor: default; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup h1 {
    color: #0f64af;
    padding: 0 !important;
    line-height: 24px; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup h1 > div {
      display: block;
      max-width: calc(100% - 50px); }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup h1 .facility-name {
      font-size: 20px !important;
      font-weight: bold !important;
      line-height: 20px; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup h1 .organizer-name {
      color: #5b5b5b;
      font-weight: 400;
      font-size: 14px;
      line-height: 1.25em;
      margin-top: 8px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup + .facility-popup {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #cfcfcf; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup dd, .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup dt {
    margin: 0;
    font-size: 13px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup dd {
    margin-top: 5px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup dt {
    font-weight: bold;
    color: #293f92; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup dd + dt {
    margin-top: 14px;
    margin-right: 15px; }
  @media only screen and (max-width: 600px) {
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup dd.activities {
      overflow: hidden;
      overflow-x: auto; } }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup dd.activities + * {
    margin-top: 20px; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup .activities-list {
    margin: 0;
    list-style: none;
    padding: 0;
    width: 100%; }
    @media only screen and (max-width: 600px) {
      .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup .activities-list {
        white-space: nowrap; } }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .facility-popup .activities-list tr td {
      font-size: 13px;
      padding: 4px 8px; }

.SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .tab-controls-mobile {
  display: none;
  gap: 8px;
  padding: 0 3%;
  margin: 30px -3% 15px -3%;
  border-bottom: 1px solid #ddd; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .tab-controls-mobile .tab-button {
    flex: 1;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    margin: 0 0 -1px 0;
    padding: 10px 15px;
    cursor: pointer;
    color: #333;
    font-size: 16px;
    border-radius: 4px 4px 0 0;
    outline: none; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .tab-controls-mobile .tab-button.active {
      background-color: #fff;
      border-bottom-color: #fff;
      font-weight: bold; }
    .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .tab-controls-mobile .tab-button:not(.active):hover {
      background-color: #e9e9e9; }

@media only screen and (max-width: 600px) {
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .tab-controls-mobile {
    display: flex; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_wrapper > .stats_container {
    width: 100%; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .results_container.hidden-mobile {
    display: none !important; }
  .SiteLayout > .main_wrapper > .main > .main_article > .main_content .ActivitySearchEngine .results_section .stats_container.hidden-mobile {
    display: none !important; } }

/*# sourceMappingURL=ActivitySearchEngine.scss.map */