.search .views-infinite-scroll-content-wrapper + .embla__controls > div .map{
  color: var(--text-primary-default, #16959F);
}
 
 .map-show {
	color: var(--text-text-primary, #202020);
	font-family: var(--font-style-body, Merriweather)!important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	text-decoration: none;
	cursor: pointer;
}

.map-show:hover {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	cursor: pointer;
}

.map-filter-popup{
    display:none!important;
}

.map-popup-clear{
    display: none;
}

.map-ctn .js-map{
    height: 700px;
    width:100%;
}

.search .mobile-map-filter-btn{
    display: none;
    cursor: pointer;
    border-left: 1px solid var(--border-border-inputs, #a6a6a6);
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    height: 100%;
    display: none;
    width:fit-content;
    color: #646464;
}

.map-ctn {
	display: none;
	flex-direction: column;
}

.map-filters {
	display: flex;
	flex-direction: column;
}


.clear-filters.show{
    margin-left:0px;
    display: flex;
    padding: 4px 4px 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: var(--border-radius-global-round, 256px);
    border: 1px solid var(--border-default, #CFD5DC)!important;
    background: var(--surface-default, #FFF)!important;
    color: var(--text-default-body, #363C43);
    transition:.4s;
    user-select: auto;
	cursor: pointer !important;
    pointer-events: auto;
}


.clear-filters.show:hover{
    border-radius: var(--border-radius-global-round, 256px);
    border: 1px solid var(--border-primary-default-subtle-hover, #85BFC5)!important;
    text-decoration:none;
}

.clear-filters {
    user-select: none;
	display: flex;
	width: fit-content !important;
	margin-left: auto;
	border: none !important;
	background: none !important;
	cursor:default;
    pointer-events: none;
	color: transparent;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 18px !important;
	margin-top: 8px;
}

.clear-filters:hover {
	text-decoration: underline;
}

.map-inner {
	display: flex;
	gap: 24px;
}

.map-inner .map {
	flex: 1;
	flex-basis: 60%;
	max-height: 700px;
	height: 100%;
}

.map-listings {
	flex: 1;
	flex-basis: 40%;
	overflow-y: auto;
	max-height: 700px;
}

.featured-map-chip{
    height: 28px;
    display: flex;
    padding: 4px 6px;
    align-items: center;
    gap: 4px;
}

.featured-active{
    border-radius: var(--border-radius-global-round, 256px);
    border: 1px solid var(--border-primary-default, #59AAB2);
    background: var(--surface-primary-default-subtle, #F5FAFA);
    color: var(--text-primary-on-color-subtle, #16959F);
    text-align: center;
    font-family: var(--font-style-body, Merriweather);
    font-size: var(--body-sm-text-size, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-sm-line-height, 20px); /* 142.857% */
}

.clear-filters.show .material-icons{
    color:var(--icons-primary-on-color-subtle, #16959F);
    font-size: 20px;
    border-radius: var(--border-radius-global-round, 256px);
    background: var(--surface-primary-default-subtle, #F5FDFF);
    transition:.4s;
}

.clear-filters.show:hover .material-icons{
    color: var(--icons-primary-on-color-subtle-hover, #0D6D75);
    background: var(--surface-primary-default-subtle-hover, #D7EAEB);
}


.search-reset{
    color: var(--text-primary-default, #16959F);
    font-family: var(--font-style-body, Merriweather);
    font-size: var(--body-md-text-size, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-md-line-height, 24px); /* 150% */
    cursor: pointer;
    text-decoration: none;
}


.search-reset:hover {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	cursor: pointer;
}

.map-filter-form {
	margin-bottom: 0 !important;
}


.search .map-filter-form {
    padding:0px;
    background: var(--surface-default-secondary, #F7FAFD);
}

.map-form-input-ctn {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
	align-self: stretch;
	margin-left: 16px;
}

.search .map-form-input-ctn input:focus,
.search .map-form-input-ctn select:focus {
	outline: unset;
}

.map-form-input-ctn .material-icons {
	color: #646464;
}

.map-filter-form input {
	padding: 0;
	background: unset;
	border: unset;
	width: 100%;
	color: var(--text-default-placeholder, #8695A7);
    font-family: var(--font-style-body, Merriweather);
    font-size: var(--body-md-text-size, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-md-line-height, 24px); /* 150% */
}

.map-filter-form select[name="filterCategory"]{
    height: 100%;
    padding-left: 24px;
    outline: unset;
    width:123px;
    border-left: 2px solid var(--border-primary-default-subtle, #AFD4D8);
    color: var(--text-primary-default, #16959F);
    font-family: var(--font-style-body, Merriweather);
    font-size: var(--body-md-text-size, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-md-line-height, 24px); /* 150% */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_10283_6556" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_10283_6556)"><path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="%2316959f"/></g></svg>');
  }

.map-filter-form select[name="filterCity"]{
    height: 100%;
    outline: unset;
    width:130px;
    margin-right: 16px;
    color: var(--text-primary-default, #16959F);
    font-family: var(--font-style-body, Merriweather);
    font-size: var(--body-md-text-size, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-md-line-height, 24px); /* 150% */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_10283_6556" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_10283_6556)"><path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="%2316959f"/></g></svg>');
}

.map-listing-item:nth-child(1) {
	border-top: none !important;
}

.map-listing-item {
	display: flex;
	position: relative;
	flex-direction: column;
	border-top: var(--boder-width-xs, 1px) solid var(--border-default, #CFD5DC);
    padding:8px;
	gap:4px;
	border-radius: 0;
	width: 100% !important;
	max-width: 100%;
	align-items: flex-start;
}

.map-listing-item a.event-fav{
    border-radius: var(--border-radius-global-round, 256px);
    border: 1px solid var(--border-primary-default-subtle, #AFD4D8);
    background: var(--surface-default, #FFF);
    height:28px;
    width:28px;
    top:8px;
    right:8px;
}

.map-listing-item a.event-fav:hover {
    cursor: pointer;
    transition: 0.3s ease-in-out;
    border: 1px solid var(--border-primary-default-hover, #16959F);
    background: var(--surface-default, #FFF);
    box-shadow: 0 0 0 4px rgba(106, 125, 140, 0.20), 0 0 1px 1px rgba(106, 125, 140, 0.15), 0 0 0 1px rgba(106, 125, 140, 0.60), 0 0 4px 0 rgba(106, 125, 140, 0.10);
}

.event-fav::before{
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.3836 3.47264C14.1836 1.97264 11.4669 2.67264 10.0002 4.38931C8.53355 2.67264 5.81688 1.96431 3.61689 3.47264C2.45022 4.27264 1.71689 5.62264 1.66689 7.04764C1.55022 10.281 4.41689 12.8726 8.79189 16.8476L8.87522 16.9226C9.50855 17.4976 10.4836 17.4976 11.1169 16.9143L11.2086 16.831C15.5836 12.8643 18.4419 10.2726 18.3336 7.03931C18.2836 5.62264 17.5502 4.27264 16.3836 3.47264ZM10.0836 15.606L10.0002 15.6893L9.91688 15.606C5.95022 12.0143 3.33355 9.63931 3.33355 7.23097C3.33355 5.56431 4.58355 4.31431 6.25022 4.31431C7.53355 4.31431 8.78355 5.13931 9.22522 6.28097H10.7836C11.2169 5.13931 12.4669 4.31431 13.7502 4.31431C15.4169 4.31431 16.6669 5.56431 16.6669 7.23097C16.6669 9.63931 14.0502 12.0143 10.0836 15.606Z" fill="%23187899"/></svg>');
    height: 24px;
}

.featured-active svg path{
    fill:var(--text-primary-on-color-subtle, #16959F)!important;
}

.event-fav.favorited::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M11.1248 16.9225C10.4914 17.4975 9.51643 17.4975 8.88309 16.9142L8.79143 16.8309C4.41643 12.8725 1.55809 10.2809 1.66643 7.04752C1.71643 5.63085 2.44143 4.27252 3.61643 3.47252C5.81643 1.97252 8.53309 2.67252 9.99976 4.38918C11.4664 2.67252 14.1831 1.96418 16.3831 3.47252C17.5581 4.27252 18.2831 5.63085 18.3331 7.04752C18.4498 10.2809 15.5831 12.8725 11.2081 16.8475L11.1248 16.9225Z" fill="%23187899"/></svg>');
    height: 24px;
}

.form-results-text {
	width: 100%;
	margin-left: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 16px;
	row-gap: 8px;
    margin-bottom: 16px;
    margin-top:22px;
}


.form-results-text h5{
    color: var(--text-default-body, #363C43);
    font-family: var(--font-style-sub-heading, "Open Sans");
    font-size: var(--h6-text-size, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--h6-line-height, 24px); /* 120% */
}

.map-title{
    width:100%;
    padding-left:8px;
    padding-right:8px;
    color: var(--text-default-body, #363C43)!important;
    font-family: var(--font-style-body, Merriweather)!important;
    font-size: var(--body-md-text-size, 16px)!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: var(--body-md-line-height, 24px)!important; 
    text-decoration: none !important;
    margin-top:4px!important;
    transition:.3s;
}

.map-title:hover {
    width:100%;
    padding-left:8px;
    padding-right:8px;
    color: var(--text-default-body, #363C43)!important;
    font-family: var(--font-style-body, Merriweather)!important;
    font-size: var(--body-md-text-size, 16px)!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: var(--body-md-line-height, 24px)!important; 
    margin-top:4px!important;
    cursor: pointer;
    text-decoration: underline!important;
}

.map-address{
    width:100%;
    padding-left:8px;
    padding-right:8px;
    color: var(--text-default-capiton, #505964);
    font-family: var(--font-style-body, Merriweather);
    font-size: var(--body-sm-text-size, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-sm-line-height, 20px); 
  }

.map-phone{
    width:100%;
    padding-left:8px;
    padding-right:8px;
}

.map-phone a,
.map-phone a:hover {
    color: var(--text-default-capiton, #505964);
    font-family: var(--font-style-body, Merriweather);
    font-size: var(--body-sm-text-size, 14px)!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: var(--body-sm-line-height, 20px)!important;
    text-decoration: none;
}


.additional-map-links{
    display:flex;
    align-items: center;
    justify-content: flex-end;
    width:100%;
    margin-top:12px;
    padding-left:8px;
    padding-right:8px;
}


  .additional-map-links > :first-child:not(:only-child){
    color: var(--text-primary-default, #16959F);
    font-family: var(--font-style-body, Merriweather)!important;
    font-size: var(--body-sm-text-size, 14px)!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: var(--body-sm-line-height, 20px)!important;
    text-decoration: none!important;
    margin-right: auto;
    transition:.3s;
  }

  .additional-map-links > :first-child:not(:only-child):hover{
    color: var(--text-primary-default-hover, #0D6D75);
    cursor:pointer;
    text-decoration-line: underline!important;
  }

  .additional-map-links > :first-child:not(:only-child):focus{
    color: var(--text-primary-default, #16959F);
    cursor:pointer;
    text-decoration-line: underline!important;
    border-radius: var(--border-radius-global-200, 8px);
    background: var(--surface-primary-default-subtle, #F5FAFA);
  }

  .additional-map-links > a{
    padding:4px;
    color: var(--text-primary-default, #16959F);
    font-family: var(--font-style-body, Merriweather)!important;
    font-size: var(--body-sm-text-size, 14px)!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: var(--body-sm-line-height, 20px)!important;
    text-decoration: none!important;
    transition:.3s;
  }

  .additional-map-links > a:hover{
    color: var(--text-primary-default-hover, #0D6D75);
    cursor:pointer;
    text-decoration-line: underline!important;
  }

  .additional-map-links > a:focus{
    color: var(--text-primary-default, #16959F);
    cursor:pointer;
    text-decoration-line: underline!important;
    border-radius: var(--border-radius-global-200, 8px);
    background: var(--surface-primary-default-subtle, #F5FAFA);
  }

.highlight {
    border-bottom: var(--boder-width-xs, 1px) solid var(--border-default, #CFD5DC)!important;
    background: var(--surface-primary-default-subtle-hover, #D7EAEB)!important;
    transition: background-color 0.3s;
}

.custom-pin{
 transition: .15s ease!important;
}

.custom-pin:hover{
    transform:translateY(-3px);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.60));
}

@media (max-width: 743px) {
        .map-filter-form{
          flex-direction: row!important;
        }

         .map-filter-form select[name="filterCategory"]{
            display: none;
        }

        .map-filter-form select[name="filterCity"]{
            display: none;
        }


        .map-filter-popup:not([hidden]){
          display:flex!important;
          background: #fff;
          width: 100vh;
          height: 100vh;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 998;
        }

        .popup-select-ctn{
          margin-left: 16px;
          margin-right: 16px;
        }

        .map-popup-content{
          display: flex;
          flex-direction: column;
          gap: 8px;
          position: fixed;
          max-height: unset;
          transition: max-height 0.3s ease-in-out;
          z-index: 999;
          margin-top: 0px;
          top: 16px;
          left: 50%;
          padding-bottom: 48px;
          padding-top: 16px;
          transform: translate(-50%, 0%);
          width: calc(100vw - 32px);
          height: calc(100vh - 32px);
          border-radius: 8px;
          background: var(--surface-surface-search, #f4f4f4);
        }

        .map-popup-category, .map-popup-city{
          width: 100%;
          background: unset;
          -webkit-appearance: none;
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_10283_6556" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_10283_6556)"><path d="M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z" fill="%23202020"/></g></svg>');
           background-position: right center;
          background-repeat: no-repeat;
          border: unset;
          color: var(--text-text-primary, #202020);
          width: 100%;
          padding: 8px;
          line-height: 24px;
          font-family: inherit;
          font-size: 100%;
        }

        .map-popup-category:focus, .map-popup-city:focus{
          outline: unset;
        }


        .map-popup-clear.show{
          display:flex;
        }

        .map-popup-content-top{
          display:flex;
          justify-content: space-between;
          align-items: center;
          margin-left:16px;
          margin-right:16px;
          border-bottom: 1px solid var(--border-border-inputs, #A6A6A6);
          height:40px;
        }

        .map-popup-close{
          color: #646464;
          margin-left: auto;
          border: none;
          display: flex;
          height: 24px;
          cursor:pointer;
        }

        .map-popup-btn-ctn{
          padding-top: 12px;
          display: flex;
          gap: 8px;
        }

        .map-popup-clear{
          flex:1;
          color: #000!important;
          border: 1px solid #000!important;
          text-decoration: none;
          font-weight: 600 !important;
          border-radius: 12px;
          height: 48px;
          padding: var(--spacing-spacing-xs, 8px) var(--spacing-spacing-sm, 16px);
          cursor: pointer;
          transition: all 0.3s ease-in-out;
          font-size: 1rem!important;
          line-height: 1.5rem!important;
          flex-shrink: 0;
          justify-content: center;
          align-items: center;
        }

        .map-popup-apply{
          flex:1;
          color: var(--text-text-invert, #fff)!important;
          border: 1px solid #000 !important;
          background: #000!important;
          text-decoration: none;
          font-weight: 600 !important;
          border-radius: 12px;
          height: 48px;
          padding: var(--spacing-spacing-xs, 8px) var(--spacing-spacing-sm, 16px);
          cursor: pointer;
          transition: all 0.3s ease-in-out;
          font-size: 1rem!important;
          line-height: 1.5rem!important;
          flex-shrink: 0;
          justify-content: center;
          align-items: center;
        }

        .map-inner {
          flex-direction: column;
        }

        .map-ctn .js-map{
          height: 442px;
          width:100%;
        }

        .map-listings{
          max-height:500px;
        }

        .map-form-input-ctn{
          flex-direction:row!important;
      }

        .map-filter-form input[name="filterText"]{
            height: 48px;
            width: 100%;
        }

        .search .mobile-map-filter-btn{
          color: var(--text-default-placeholder, #8695a7)!important;
          transition: color 0.2s ease;
          width:fit-content!important;
          display: flex;
        }

    }