:root {
    --arrow-bg: rgba(255, 255, 255, 0.3);
    --arrow-icon: url('https://novascotia.com/wp-content/themes/novascotia/map/Caret_down_font_awesome_whitevariation.svg');
    --option-bg: white;
    --select-bg: rgba(255, 255, 255, 0.2);
}

.mobile-breadcrumb {
    padding: 15px;
}
.mobile-breadcrumb .breadcrumbs-list {
    margin: 0;
}
.mobile-side-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -28px;
    top: 9px;
    width: 28px;
    height: 36px;
    padding: 6px;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    background: #2C3967;
    border-radius: 0 4px 4px 0;
    box-shadow: 4px 0 4px 0 rgba(44, 57, 103, .15);
    z-index: 999;
}
.mobile-side-toggle:hover {
    color: #fff;
    background: #0076d6;
}

.map-wrapper {
    position: relative;
}

.loader {
    position: fixed ;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('https://novascotia.com/wp-content/themes/novascotia/map/load.gif') 50% 50% no-repeat rgb(249,249,249);
    background-size: 100px 100px;
    opacity: .8;
}

[id=header],
.headroom--pinned, .headroom--unpinned {
    position: absolute !important;
    top: 0 !important;
}/*
.logged-in #wrapper {
    top: 32px !important;
}
*/

.map {
    position: relative;
    width: 100% !important;
    height: 100vh;
    min-height: 700px;
    z-index: 1;
}

.map-sidebar {
    position: absolute;
    width: 320px;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px 12px;
    background: rgba(255, 255, 255, .65);
    z-index: 9;
}
.side-container {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: flex-start;
    gap: 35px;
    height: 100%;
    z-index: 2;
}

.breadcrumbs-list {
    margin-bottom: 25px;
}

.map-sideblock {
    display: block;
    width: 100%;
    min-height: 82px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #2C3967;
    overflow: hidden;
}
.map-sideblock.off {
    border-color: #0076d6;
}
.bt-toggle {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px;
    color: #2C3967;
    text-decoration: none;
}
.bt-toggle i {
    font-size: 26px;
}
.bt-toggle i.fa-chevron-up {
    display: none;
}
.off .bt-toggle {
    color: #fff;
    background: #0076d6;
    border-color: #0076d6;
}
.off .bt-toggle i.fa-chevron-down {
    display: none;
}
.off .bt-toggle i.fa-chevron-up {
    display: block;
}
.map-sideblock h3 {
    margin: 0;
    padding: 0;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 600;
}

.content-block {
    display: block;
    padding: 20px;
    border-top: 1px solid #2C3967;
}
.result-block .content-block {
    display: none;
}

.theList {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 0 50px;
}
.content-block {
    height: calc(100% - 82px);
    overflow-y: scroll;
}
.content-block::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 16px;
    background: #2C3967;
}
.content-block::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #0076d6;
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.listings .item {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #2C3967;
    text-decoration: none;
    border-radius: 50px;
    overflow: hidden; 
}

.item.blog-article .blog-article-visual,
.item .img-holder {
    position: relative;
    height: 175px;
    margin: 0;
    overflow: hidden;
    background: #eee;
}
.item .img-holder {
    height: 185px;
}
.item .img-holder img {
    width: 100%;
    height: 100%;
}
.item .blog-article-tags {
    margin: 0;
}
.item.blog-article .blog-article-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 15px 25px;
}
.item-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.item h3 {
    color: #2C3967;
    font-size: 26px;
    line-height: 1.05;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.blog-article-tags {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px 15px;
    border-radius: 0;
    background: #2C3967;
}
.blog-article-tags > li {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
}
.blog-article-tags > li:not(:last-child):after {
    content: ",";
    margin-right: 5px;
}

.item.active {
  border: 4px solid #2C3967 !important;
  background-color: #dcecf7;
}

.item.blog-article .listing-google-rating,
.item.blog-article .blog-article-content p {
    margin: 0;
}
.item.blog-article .blog-article-footer {
    width: 100%;
}
.item .listing-region {
    min-height: 24px;
    padding-left: 22px;
    background-image: url('data:image/svg+xml, <svg width="23" height="32" viewBox="0 0 23 32" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg"><g fill="%230097FF"><path d="M17.84 2.967c-1.94-1.37-4.23-2.1-6.51-2.1-.72 0-1.44.07-2.15.22-3.78.79-6.79 3.2-8.26 6.62-1.48 3.42-1.16 7.27.86 10.55 1.85 3.01 3.77 6.07 5.47 8.78l1.73 2.76c.58.93 1.43 1.46 2.33 1.46.9 0 1.75-.53 2.33-1.45 2.4-3.82 4.79-7.65 7.18-11.48 1.2-1.92 1.81-3.99 1.8-6.13 0-.62-.06-1.23-.13-1.69-.4-2.98-2.09-5.73-4.65-7.54Zm1.59 14.5c-2.39 3.83-4.78 7.65-7.18 11.47-.34.54-.7.65-.94.65s-.61-.11-.95-.66l-1.73-2.77c-1.95-3.11-3.71-5.91-5.46-8.76-1.74-2.83-2.01-6.13-.75-9.05 1.26-2.92 3.85-4.99 7.09-5.67 2.5-.52 5.19.07 7.38 1.61 2.19 1.55 3.64 3.89 3.98 6.42.06.46.12.95.11 1.47 0 1.86-.5 3.59-1.55 5.28v.01Z"/><path d="M15.62 7.867c-1.15-1.15-2.58-1.78-4.06-1.79h-.5c-3.24.16-5.85 2.84-5.87 6.11a6.04 6.04 0 0 0 1.77 4.32 6.079 6.079 0 0 0 4.31 1.81l.02.25v-.25c3.36 0 6.11-2.71 6.14-6.05 0-1.66-.63-3.22-1.81-4.39v-.01Zm-4.33 8.81c-1.21 0-2.33-.47-3.17-1.32-.84-.85-1.3-1.97-1.3-3.16.01-2.46 2.03-4.46 4.49-4.48 1.15-.03 2.29.45 3.15 1.31.87.87 1.34 2.01 1.33 3.23-.02 2.44-2.04 4.43-4.5 4.43v-.01Z"/></g></svg>');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px 24px;
}

.item.package-card .card-body {
    padding: 20px;
}
.item.package-card .card-body .detail {
    padding: 0;
}
.item.package-card .card-body .detail .info {
    padding-top: 20px;
}
.item.package-card .location {
    min-height: 32px;
    padding-left: 34px;
    background-image: url('data:image/svg+xml,<svg width="23" height="32" viewBox="0 0 23 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g fill="%230097FF"><path d="M17.84 2.967c-1.94-1.37-4.23-2.1-6.51-2.1-.72 0-1.44.07-2.15.22-3.78.79-6.79 3.2-8.26 6.62-1.48 3.42-1.16 7.27.86 10.55 1.85 3.01 3.77 6.07 5.47 8.78l1.73 2.76c.58.93 1.43 1.46 2.33 1.46.9 0 1.75-.53 2.33-1.45 2.4-3.82 4.79-7.65 7.18-11.48 1.2-1.92 1.81-3.99 1.8-6.13 0-.62-.06-1.23-.13-1.69-.4-2.98-2.09-5.73-4.65-7.54Zm1.59 14.5c-2.39 3.83-4.78 7.65-7.18 11.47-.34.54-.7.65-.94.65s-.61-.11-.95-.66l-1.73-2.77c-1.95-3.11-3.71-5.91-5.46-8.76-1.74-2.83-2.01-6.13-.75-9.05 1.26-2.92 3.85-4.99 7.09-5.67 2.5-.52 5.19.07 7.38 1.61 2.19 1.55 3.64 3.89 3.98 6.42.06.46.12.95.11 1.47 0 1.86-.5 3.59-1.55 5.28v.01Z"/><path d="M15.62 7.867c-1.15-1.15-2.58-1.78-4.06-1.79h-.5c-3.24.16-5.85 2.84-5.87 6.11a6.04 6.04 0 0 0 1.77 4.32 6.079 6.079 0 0 0 4.31 1.81l.02.25v-.25c3.36 0 6.11-2.71 6.14-6.05 0-1.66-.63-3.22-1.81-4.39v-.01Zm-4.33 8.81c-1.21 0-2.33-.47-3.17-1.32-.84-.85-1.3-1.97-1.3-3.16.01-2.46 2.03-4.46 4.49-4.48 1.15-.03 2.29.45 3.15 1.31.87.87 1.34 2.01 1.33 3.23-.02 2.44-2.04 4.43-4.5 4.43v-.01Z"/></g></svg>');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 21px 29px;
}
.item.package-card .period {
    min-height: 32px;
    padding-left: 34px;
    background-image: url('data:image/svg+xml,<svg width="27" height="25" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M24.45 24.8272H2.55C1.15 24.8272 0 23.6872 0 22.2772V5.22719C0 3.82719 1.14 2.67719 2.55 2.67719H22.39C22.67 2.67719 22.89 2.90719 22.89 3.17719C22.89 3.44719 22.66 3.67719 22.39 3.67719H2.55C1.7 3.67719 1.01 4.36718 1.01 5.21719V22.2672C1.01 23.1172 1.7 23.8072 2.55 23.8072H24.45C25.3 23.8072 25.99 23.1172 25.99 22.2672V5.22719C25.99 4.37719 25.3 3.68719 24.45 3.68719H21.48C21.2 3.68719 20.98 3.45719 20.98 3.18719C20.98 2.91719 21.21 2.68719 21.48 2.68719H24.45C25.85 2.68719 27 3.82719 27 5.23719V22.2872C27 23.6872 25.86 24.8372 24.45 24.8372V24.8272Z" fill="%230097FF"/><path d="M7.35012 5.82717C6.53012 5.82717 5.87012 5.16717 5.87012 4.34717V1.57717C5.87012 0.757168 6.53012 0.097168 7.35012 0.097168C8.17012 0.097168 8.83012 0.757168 8.83012 1.57717V4.33717C8.83012 5.15717 8.17012 5.81717 7.35012 5.81717V5.82717Z" fill="%230097FF"/><path d="M13.3798 5.82717C12.6298 5.82717 12.0298 5.21717 12.0298 4.47717V1.44717C12.0298 0.697168 12.6398 0.097168 13.3798 0.097168C14.1198 0.097168 14.7298 0.707168 14.7298 1.44717V4.46717C14.7298 5.21717 14.1198 5.81717 13.3798 5.81717V5.82717Z" fill="%230097FF"/><path d="M19.3699 5.82717C18.5699 5.82717 17.9199 5.17717 17.9199 4.37717V1.54717C17.9199 0.747168 18.5699 0.097168 19.3699 0.097168C20.1699 0.097168 20.8199 0.747168 20.8199 1.54717V4.37717C20.8199 5.17717 20.1699 5.82717 19.3699 5.82717Z" fill="%230097FF"/><path d="M26.49 8.08716H0.5C0.22 8.08716 0 7.85716 0 7.58716C0 7.31716 0.23 7.08716 0.5 7.08716H26.49C26.77 7.08716 26.99 7.31716 26.99 7.58716C26.99 7.85716 26.76 8.08716 26.49 8.08716Z" fill="%230097FF"/><path d="M9.76984 14.7672H7.93984C7.05984 14.7672 6.33984 14.0472 6.33984 13.1672V11.3372C6.33984 10.4572 7.05984 9.73718 7.93984 9.73718H9.76984C10.6498 9.73718 11.3698 10.4572 11.3698 11.3372V13.1672C11.3698 14.0472 10.6498 14.7672 9.76984 14.7672ZM7.93984 10.7372C7.60984 10.7372 7.33984 11.0072 7.33984 11.3372V13.1672C7.33984 13.4972 7.60984 13.7672 7.93984 13.7672H9.76984C10.0998 13.7672 10.3698 13.4972 10.3698 13.1672V11.3372C10.3698 11.0072 10.0998 10.7372 9.76984 10.7372H7.93984Z" fill="%230097FF"/><path d="M19.0501 14.7672H17.2201C16.3401 14.7672 15.6201 14.0472 15.6201 13.1672V11.3372C15.6201 10.4572 16.3401 9.73718 17.2201 9.73718H19.0501C19.9301 9.73718 20.6501 10.4572 20.6501 11.3372V13.1672C20.6501 14.0472 19.9301 14.7672 19.0501 14.7672ZM17.2301 10.7372C16.9001 10.7372 16.6301 11.0072 16.6301 11.3372V13.1672C16.6301 13.4972 16.9001 13.7672 17.2301 13.7672H19.0601C19.3901 13.7672 19.6601 13.4972 19.6601 13.1672V11.3372C19.6601 11.0072 19.3901 10.7372 19.0601 10.7372H17.2301Z" fill="%230097FF"/><path d="M9.76984 22.4472H7.93984C7.05984 22.4472 6.33984 21.7272 6.33984 20.8472V19.0172C6.33984 18.1372 7.05984 17.4172 7.93984 17.4172H9.76984C10.6498 17.4172 11.3698 18.1372 11.3698 19.0172V20.8472C11.3698 21.7272 10.6498 22.4472 9.76984 22.4472ZM7.93984 18.4272C7.60984 18.4272 7.33984 18.6972 7.33984 19.0272V20.8572C7.33984 21.1872 7.60984 21.4572 7.93984 21.4572H9.76984C10.0998 21.4572 10.3698 21.1872 10.3698 20.8572V19.0272C10.3698 18.6972 10.0998 18.4272 9.76984 18.4272H7.93984Z" fill="%230097FF"/><path d="M19.0501 22.4472H17.2201C16.3401 22.4472 15.6201 21.7272 15.6201 20.8472V19.0172C15.6201 18.1372 16.3401 17.4172 17.2201 17.4172H19.0501C19.9301 17.4172 20.6501 18.1372 20.6501 19.0172V20.8472C20.6501 21.7272 19.9301 22.4472 19.0501 22.4472ZM17.2301 18.4272C16.9001 18.4272 16.6301 18.6972 16.6301 19.0272V20.8572C16.6301 21.1872 16.9001 21.4572 17.2301 21.4572H19.0601C19.3901 21.4572 19.6601 21.1872 19.6601 20.8572V19.0272C19.6601 18.6972 19.3901 18.4272 19.0601 18.4272H17.2301Z" fill="%230097FF"/></g></svg>');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 27px 25px;
}

.item.package-card .btn {
    position: relative;
    display: inline-block;
    bottom: auto;
}

/* Marker tweaks */
.mapboxgl-popup-close-button {
  display: none;
}
.mapboxgl-popup-content {
  font:
    400 15px/22px 'Source Sans Pro',
    'Helvetica Neue',
    sans-serif;
  padding: 0px  0px 0px 0px;
  width: 320px;
  border-radius: 15px !important; 
}
.mapboxgl-popup-content h3 {
  background: #4ea0da;
  color: #fff;
  margin: 0;
  padding: 10px;
  border-radius: 15px 15px 0 0;
  font-weight: 700;
  margin-top: -15px;
}
.mapboxgl-popup-content h4 {
  margin: 0;
  padding: 10px;
  font-weight: 400;
}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
  border-bottom-color: #91c949;
}
.mapboxgl-popup {
  padding-bottom: 0px !important;
  border-radius: 15px !important;
  box-shadow: -2px -5px 5px  rgba(99, 99, 99, 0.6);
}

/** Form **/

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   appearance: none;
   outline: 0;
   width: 100%;
   border: 0!important;  
   color: #2C3967;
   cursor: pointer;
   font-size: 18px;
}
select::-ms-expand {
   display: none;
}
.form-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 15px;
}
.row-form {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.grid-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 15px;
}
/*
.map-select {
    display: flex;
    position: relative;
    color:#2C3967;
    height: 48px;
    border-radius: 50vh;
    border: 1px solid #2C3967;
    padding: 5px 14px;
}
.map-select::after {
   content:'\f107';
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
   font: 18px/1 FontAwesome;
   color:#2C3967;
   padding: 0 1em;  
   cursor:pointer;
   pointer-events:none;
   transition:.25s all ease;
}
.map-select:hover:focus,
.map-select:hover:active {
   content: '\f106';
}*/

.map-select .jcf-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 154px;
    height: 50px;
    margin: 0;
    padding: 5px 14px;
    border: 1px solid #2C3967;
    border-radius: 50vh;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.map-select .jcf-select-text {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
.map-select .jcf-select-opener {
  transition: transform 0.5s ease-in-out;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  margin-left: 10px;
  flex-shrink: 0;
}
.map-select .jcf-select-opener:before {
  content: "\e904";
  font-size: 10px;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 991.98px) {
  .map-select .jcf-select:not(.jcf-drop-active) {
    background-color: transparent;
  }
}
.map-select .jcf-select.jcf-drop-active {
    border-radius: 25px 25px 0 0;
    background: #0076d6;
    color: #fff;
}
.map-select .jcf-select.jcf-focus {
  outline: 2px solid #0076d6;
}
.map-select .jcf-select .jcf-drop-flipped {
  top: 100%;
  bottom: auto;
  padding: 0 0 10px;
}

.map-input {
    display: flex;
    height: 48px;
    overflow: hidden;
}
.map-input input{
    height: 48px;
    padding: 5px 14px;
    width: 100%;
    font-weight: 300;
    border-radius: 50vh;
    border: 1px solid #2C3967;
}
.map-input input::placeholder {
    font-size: 18px;
    color: #2C3967;
}

.map-container {
    height: 6em;
    line-height: 1.25;
    border-radius: 20px;
    border: 1px solid #2C3967;
    overflow: hidden;
}
.map-container.PackageSub {
    height: 50px;
    padding: 12px 14px;
    border-radius: 50vh;
}
.map-container .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    height: 100%;
    padding: 8px 14px 12px;
    overflow-y: scroll;
}
.map-container label {
    font-size: 16px;
}
.map-container input {
    margin-right: 6px;
}

.map-container .default-switcher {
    display: flex;
    align-items: center;
    gap: 10px;
}
.map-container .default-switcher label {
    margin: 0;
}

.map-btn {
  padding: 20px 40px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  transition: all 0.5s;
  border-radius: 50vh;
}
.map-btn-primary {
  color: #fff;
  background: #0076d6;
  border-color: #0076d6;
}
.map-btn-primary:hover {
  color: #fff;
  background: #0079cc;
  border-color: #0079cc;
}

.map-dateField {
    flex: 1;
}
.invalid{
    border: 3px red solid;
}

.TypeLabel {
    flex: 1;
    text-align: center;
}
.TypeLabel span {
    display: block;
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.3333;
}

label.TypeLabel > input{ /* HIDE RADIO */
    display:none;
}
label > input + img { /* IMAGE STYLES */
    cursor: pointer;
    width: 100%;
}
label > input:checked + img { /* (CHECKED) IMAGE STYLES */
    width: 100%;
}

#ui-datepicker-div {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    width: auto !important;
    left: 15px !important;
    z-index: 99999 !important;
}
.ui-datepicker {
    padding: 20px;
}
#ui-datepicker-div:before,
#ui-datepicker-div:after,
.ui-datepicker .ui-datepicker-row-break {
    display: none;
}
.ui-datepicker .ui-datepicker-header {
  height: 32px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
  width: 32px !important;
  height: 32px !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.ui-datepicker .ui-datepicker-prev {
  right: 38px;
}
.ui-datepicker table tr {
  grid-template-columns: repeat(7, 48px);
}
.ui-datepicker th {
    height: 48px;
}

.ui-widget-header {
  font-size: 18px;
  line-height: 32px;
}

.ui-widget-header a {
  height: 48px;
}
.ui-datepicker .ui-datepicker-title {
    height: 32px !important;
    line-height: 32px !important;
    text-align: center;
}
#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default {
  height: 48px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1 !important;
}


.info { font-size: 11px;  -webkit-mask-image: linear-gradient(to bottom, white 50%, transparent 100%); display:none; }
.active .info { font-size: 11px;  -webkit-mask-image: linear-gradient(to bottom, white 50%, transparent 100%); display:block; }

.amen { font-size: 11px; display: none; }
.active .amen { font-size: 11px;  display: block; }
.ldetail { font-size: 11px; display: none; }

@media (min-width: 768px) {

    .map-sidebar { width: 380px; padding: 20px; }
    .side-container { height: calc(100% - 40px); }

}

@media (min-width: 1025px) {

    .map-sidebar { left: 5%; width: 430px; background: #fff; }
    .blog-article-tags,
    .item.blog-article .blog-article-content { padding-inline: 20px; }
    .item .listing-region {
        font-size: 14px;
        min-height: 28px;
        padding-left: 26px;
        background-size: 20px 28px;
    }

}

@media (min-width: 1440px) {

    .map-sidebar { left: 12.5%; width: 500px; }
}

@media (max-width: 1024px) {

    .item.blog-article .btn {
        font-size: 16px;
        padding: 6px 14px;
    }
}
@media (max-width: 992px) {
    #ui-datepicker-div {
        transform: translateX(0);
    }
}
@media (max-width: 767px) {

    .side-container { gap: 20px; }
    .map-sidebar {
        left: -310px;
        padding-block: 0 10px;
        background: #fff;
        transition: all .5s;
    }
    .map-sidebar.on { left: 0; }
    .map-sidebar .fa-xmark,
    .map-sidebar.on .fa-angles-right {
        display: none;
    }
    .map-sidebar.on .fa-xmark {
        display: flex;
    }
    .map-sideblock { min-height: 55px; }
    .bt-toggle { padding: 10px 15px; }
    .map-sideblock h3 { font-size: 28px; }
    .bt-toggle i { font-size: 22px; }
    .content-block {
        height: calc(100% - 53px);
        padding: 15px;
        overflow-y: scroll;
    }
    #forms { gap: 14px; }
    .form-container { gap: 10px; }
    .grid-form { gap: 10px; }
    .TypeLabel span { font-size: 12px; }
    .map-select .jcf-select { height: 42px; }
    .map-select .jcf-select-text { font-size: 15px; }
    .map-input { height: 42px; }
    .map-input input { height: 42px; font-size: 15px; }
    .map-input input.datepicker::-webkit-input-placeholder {
        font-size: 15px;
    }
    .map-input input.datepicker:-moz-placeholder {
        font-size: 15px;
    }
    .map-input input.datepicker::-moz-placeholder {
        font-size: 15px;
    }
    .map-input input.datepicker:-ms-input-placeholder {
        font-size: 15px;
    }
    .map-btn { width: 100%; padding-block: 15px; font-size: 22px; }

    #listings { padding: 15px 8px; }
    .content-block::-webkit-scrollbar { width: 10px; }
    .content-block::-webkit-scrollbar-thumb { border-radius: 5px; }
    .listings .item { border-radius: 30px; }
    .blog-article.listing-mod .blog-article-tags { padding: 8px 10px; margin: 0; }
    .blog-article-tags > li { font-size: 14px; }
    .item.blog-article .blog-article-content { gap: 10px; padding: 15px 10px; }
    .blog-article.listing-mod h3 { margin: 0; }
    .item .listing-region { font-size: 14px; }
    .blog-article.listing-mod .blog-article-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    #ui-datepicker-div {
        flex-direction: column;
        width: 280px !important;
        border-radius: 12px;
        top: 50% !important;
        transform: translateY(-50%);
        z-index: 99999 !important;
    }
    #ui-datepicker-div.ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }
    #ui-datepicker-div .ui-widget-header {
        height: 28px !important;
        font-size: 21px !important;
        line-height: 28px !important;
    }
    #ui-datepicker-div.ui-datepicker-multi .ui-datepicker-group table {
        width: 260px !important;
        margin-top: 0 !important;
        font-size: 16px;
    }
    #ui-datepicker-div table tr {
        grid-template-columns: repeat(7, 37px);
    }
    #ui-datepicker-div th {
        width: 36px;
        height: 36px;
        padding: .2em !important;
    }
    #ui-datepicker-div .ui-state-default, 
    #ui-datepicker-div .ui-widget-content .ui-state-default, 
    #ui-datepicker-div .ui-widget-header .ui-state-default {
        width: 36px;
        height: 32px;
    }
    
}

@media (max-width: 356px) {
    .map-sidebar.on .mobile-side-toggle {
        top: 14px;
        right: 4px;
        height: 28px;
        border-radius: 4px;
    }
}