.new-block {
	padding-left:0px !important !important;
	padding-right: 0px !important !important;
}


#image-map-pro-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background: #F5F2EB;
  position: relative;
  overflow: hidden;
}

.map-sidebar {
  width: 25%;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  background: #F5F2EB;
  max-height: calc(46vw * 1);
  overflow: hidden;
}

.sidebar-options {
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
  padding: 2rem 0;
}

.sidebar-options li {
  display: flex; 
  gap: 1rem; 
  align-items: center;
  padding: 0.3rem 2rem;
  cursor: pointer;
}

.sidebar-options li.sb_viewall {padding: 1rem 2rem 0 2rem;}

.sidebar-options li p.label {
  font-family: sweet-sans-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  color: var(--dk-green);
  font-size: clamp(0.9rem, 0.9vw, 1.8rem);
  margin-block-start: 0em;
  margin-block-end: 0em;
  transition: 0.3s ease all;
  opacity: 0.6;
}
p.main-label {
  margin-block-start: 0em;
  margin-block-end: 0em;
  transition: 0.3s ease all;
}
.sidebar-options li:hover p.label,
li.selected p.label {
  opacity: 1;
}

.sb_pecangrove .color,
.sb_silkhope .color,
.sb_silkhopeharbor .color,
.sb_cherryhill .color,
.sb_estates .color,
.sb_mcallister .color {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}
@media only screen and (max-width: 1440px) {
  .sb_pecangrove .color,
  .sb_silkhope .color,
  .sb_silkhopeharbor .color,
  .sb_cherryhill .color,
  .sb_estates .color,
  .sb_mcallister .color {
    width: 15px;
    height: 15px;
    border-radius: 15px;
  }
}

.sb_pecangrove .color {background: #4E5659;}
.sb_silkhope .color {background:#A2886A;}
.sb_silkhopeharbor .color {background:#A7B5B6;}
.sb_cherryhill .color {background:#B6A162;}
.sb_estates .color {background:#E1DAD4;}
.sb_mcallister .color {background:#7C7C7C;}

.sidebar-data {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  padding: 1rem 2rem 2rem 2rem;
}

.sidebar-data::-webkit-scrollbar {
  width: 12px;
  height: 100%;
}
.sidebar-data::-moz-scrollbar {
  width: 12px;
  height: 100%;
}
.sidebar-data::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #E1DCCE;
  background: #E1DCCE;
  border-radius: 10px;
}
.sidebar-data::-moz-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #E1DCCE;
  background: #E1DCCE;
  border-radius: 10px;
}

.sidebar-data::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #B1AA98);
  background: #B1AA98;
}
.sidebar-data::-moz-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #B1AA98;
  background: #B1AA98;
}

.map-listing-data-all,
.map-listing-data-cherryhill,
.map-listing-data-silkhopeharbor,
.map-listing-data-pecangrove,
.map-listing-data-silkhope,
.map-listing-data-estates,
.map-listing-data-mcallister {display: none;}

.map-listing-data-all.selected,
.map-listing-data-cherryhill.selected,
.map-listing-data-silkhopeharbor.selected,
.map-listing-data-pecangrove.selected,
.map-listing-data-silkhope.selected,
.map-listing-data-estates.selected,
.map-listing-data-mcallister.selected {
  display: block !important;
}

.sidebar-options,
.sidebar-data ul {
  list-style: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}

.sidebar-data ul li {
  border-bottom: 1px solid #D9D9D9;
  padding: 0.5rem 0;
  cursor: pointer;
  transition: 0.3s ease all;
}

.sidebar-data ul li:hover {
  background: #E1DCCE;
}

.sidebar-data ul li p {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.sidebar-data h4 {
  padding: 2rem 0 0 0;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.re-map-container {
  width: 75%;
  position: relative;
  overflow: hidden;
}

.page-template-template-real-estate .white {
  color: #fff;
}

.page-template-template-real-estate ul.contacts.beige {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.page-template-template-real-estate ul.contacts li {
  width: 33%;
  padding-bottom: 5vh;
}

@media only screen and (max-width: 1024px) {
  #image-map-pro-container {
    flex-direction: column;
  }
  .map-sidebar,
  .re-map-container {width: 100%;}
  
  .map-sidebar {
    height: 100%;
    max-height: 600px;
  }
}

@media only screen and (max-width: 800px) {
	.page-template-template-real-estate ul.contacts li {
		width: 46%;
		float: left;
		margin: 0px 2% 30px 2%;
	}
}
@media only screen and (max-width: 600px) {
	.page-template-template-real-estate ul.contacts li {
		width: 96%;
		float: unset;
		clear: both;
		display: block;
		margin: 0px 2% 30px 2%;
	}
}

.page-template-template-real-estate section#home-features {
  padding: 5vh 0 7vh;
}

.page-template-template-real-estate #home-features .max-80 {
  display: flex;
  min-height: 70vh;
  padding: 7vh 0;
}

.page-template-template-real-estate #home-features .hf-feature {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0px 8% 2.5%;
  margin: 0 1%;
}

.page-template-template-real-estate p.sans-serif.white {
  line-height: 30px;
  font-size: 18px;
}

.page-template-template-real-estate p.sans-serif.white.arrow-after::after {
  content: "";
  display: inline-block;
  background: url(https://thefordstaging.wpengine.com/wp-content/uploads/2021/06/white-arrow.svg);
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  top: 3px;
}

.page-template-template-real-estate #home-features .hf-feature a {
  text-decoration: none;
  color: white;
  text-transform: uppercase;
}

.page-template-template-real-estate section#featured-homes-slider .max-80 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2vh;
}
.page-template-template-real-estate a.arrow-after,
.page-template-template-real-estate a.after-arrow {
  text-decoration: none;
  font-size: 18px;
  color: #a57e48;
  text-transform: uppercase;
}
.page-template-template-real-estate .arrow-after::after,
.page-template-template-real-estate .after-arrow::after {
  content: "";
  display: inline-block;
  background: url(https://thefordstaging.wpengine.com/wp-content/themes/the-ford/assets/gold-arrow.svg);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  top: 1px;
  left: 5px;
}

.page-template-template-real-estate .inquire-container {
	margin: -25px auto auto auto;
}

.page-template-template-real-estate .res-featured-home {
  height: 650px;
  width: 100%;
  margin-right: -5%;
  display: block;
}

.page-template-template-real-estate .res-featured-home-image {
  position: absolute;
  left: 0;
  width: 60%;
  height: 100%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
}

.page-template-template-real-estate .res-featured-home-content {
  width: 35%;
  height: 100%;
  position: absolute;
  left: 60%;
  padding: 5vh 5vw;
  background-color: white;
  font-family: sweet-sans-pro, sans-serif;
}

.page-template-template-real-estate .real-estate-slider .flickity-button {
  background: var(--white) !important;
  border: 1px solid var(--gold) !important;
}

.page-template-template-real-estate .collections-container .flickity-button {
  background: transparent !important;
}

.page-template-template-real-estate button.flickity-button.flickity-prev-next-button.previous {
  position: absolute;
  left: 1rem;
  right:unset;
  top: 50%;
}

.page-template-template-real-estate button.flickity-button.flickity-prev-next-button.next {
  right: 1rem;
  left:unset;
  top: 50%;
}

.page-template-template-real-estate .meta {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  margin: 1vh auto 3vh;
}

.page-template-template-real-estate
  .contacts-container
  p.serif.med-heading.dark-text.center {
  margin-top: 0;
  padding-top: 5vh;
}
.page-template-template-real-estate ul.new-blocks {
  margin-bottom: -15px;
}

.page-template-template-real-estate
  .res-featured-home-content
  p:nth-of-type(2) {
  line-height: 32px;
}
.page-template-template-real-estate ul.new-blocks li:last-of-type {
  height: 0;
}
.page-template-template-real-estate ul.new-blocks li:last-of-type .new-block {
  padding-bottom: 0;
}

.page-template-template-real-estate ul.new-blocks ~ div#inquire {
  margin-top: -24px;
}
section#our-neighborhoods {
    padding: 10vh 0 7vh;
}

section#our-neighborhoods .neighborhoods-main-container {
	text-align: initial;
    display: flex;
		flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
}

section#our-neighborhoods .single-neighborhood {
	width: 32%;
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 2vw 2vh;
    position: relative;
    z-index: 2;
}

section#our-neighborhoods .single-neighborhood { font-weight: bold; }

.single-neighborhood .image-overlay {
  position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #00000085;
    z-index: 0;
    display: none;
}

.single-neighborhood .content-hover { 
    display: none;
    z-index: 2;
}
.single-neighborhood .content-hover p {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}

@media screen and (max-width: 768px) {
  .page-template-template-real-estate .res-featured-home {
    margin-right: 0%;
  }
  .page-template-template-real-estate .res-featured-home-content {
    width: 40%;
    padding: 2rem 4rem;
  }
  
  #featured-homes-slider .mobile-style {
    text-align: center;
    width: 100%;
    margin: auto;
  }
  
  .page-template-template-real-estate section#featured-homes-slider .max-80 {
    justify-content: space-around;
  }

  .page-template-template-real-estate .res-featured-home-content :first-child {
    margin-top: 0;
  }
  
  .page-template-template-real-estate button.flickity-button.flickity-prev-next-button.previous {
    position: absolute;
    left: 0;
    top: 10%;
  }

  .page-template-template-real-estate button.flickity-button.flickity-prev-next-button.next {
    left: unset;
    right: 0;
    top: 10%;
  }
  .page-template-template-real-estate .flickity-button {
    background: #fffffff0;
  }

  /**/
  .page-template-template-real-estate .res-featured-home-image {
    position: relative;
    width: 100%;
  }

  .page-template-template-real-estate .res-featured-home-content {
    position: relative;
    width: 100%;
    left: 0;
  }

  .page-template-template-real-estate .res-featured-home-image {
    height: 300px;
  }

  .page-template-template-real-estate .res-featured-home {
    height: 100vh;
  }

  .page-template-template-real-estate button.flickity-button.flickity-prev-next-button.previous {
    position: absolute;
    left: 0;
    top: 50%;
  }

  .page-template-template-real-estate button.flickity-button.flickity-prev-next-button.next {
    left: unset;
    top: 50%;
    right: 0;
  }
  .page-template-template-real-estate .flickity-button {
    background: transparent;
  }
  section#our-neighborhoods .single-neighborhood {
	width: 80%;
    margin: auto; 
  }

}

@media only screen and (max-width: 466px) {
  .page-template-template-real-estate #home-features .max-80 {
    flex-direction: column;
  }

  .page-template-template-real-estate #home-features .hf-feature {
    margin: 0 1% 5%;
    min-height: 500px;
  }

  .page-template-template-real-estate section#featured-homes-slider .max-80 {
    flex-direction: column;
  }

  

  a.inquire {
    top: unset;
  }
}

#collections {
	width: 100%;
	margin: auto;
	display: inline-block;
	position: relative;
	padding: 6rem 4rem 2rem 4rem;
}

.collections-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1rem 0 0rem 0;
}

.collection h3 {
	background: var(--gold);
	padding: 0.5rem 1rem;
	width: fit-content;
	width: -webkit-fit-content;
	position: absolute;
	top: 2rem;
	left: 0rem;
	z-index: 2;
}

.collection {
	width: 33.33%;
	position: relative;
	z-index: 1;
}

.collection-slider .carousel-cell {
	width: 100%;
	margin: auto;
	display: block;
	height: 60vh;
	background-size: cover !important;
	-moz-background-size: cover !important;
	-webkit-background-size: cover !important;
	-o-background-size: cover !important;
	position: relative;
}

.collection-slider .text-container {
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	z-index: 3;
}
.collection-slider .text-container  h4 {
	margin-block-start: 0em;
    margin-block-end: 0em;
}

.collection-slider .text-container  h4 a,
.collection-slider .text-container  h4 a:visited,
.collection-slider .text-container  h4 a:focus {
  text-decoration: none; 
  color: var(--white);
}
.collection-slider .carousel-cell .ctaRepeater {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}
.text-container .btn-arrow-white {
  float: left;
  padding: 1rem 0 0 0;
}

.text-container .text-container-flex {
	display: flex;
	gap: 1.5rem;
}

.collection-slider button.flickity-button.flickity-prev-next-button.previous {
    position: absolute;
    right: 5rem;
	left: unset;
    top: 3.8rem;
}

.collection-slider button.flickity-button.flickity-prev-next-button.next {
    position: absolute;
    right:1rem;
	left: unset;
    top: 3.8rem;
}

.collection-slider button.flickity-button.flickity-prev-next-button.previous svg,
.collection-slider button.flickity-button.flickity-prev-next-button.next svg {fill: var(--white);}

@media only screen and (max-width: 800px){
	#collections {
		padding: 2rem 0rem 5rem 0rem;
	}
	#collections h2 {padding: 0rem 1rem;}
	#collections h2.left {text-align: center;}
	.collections-container {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column;
		gap: 0rem;
		padding: 1rem 0 0rem 0;
	}
	.collection {
		width: 100%;
		position: relative;
		z-index: 1;
	}
	.collection.one {padding: 0 0 4rem 0;}
  .collection.two {padding: 0 0 4rem 0;}
	.collection-slider button.flickity-button.flickity-prev-next-button.previous {
    	position: absolute;
    	right: unset;
		left: 1rem;
    	top: 50%;
		bottom: unset;
		filter: drop-shadow(0px 5px 10px #000);
	}

	.collection-slider button.flickity-button.flickity-prev-next-button.next {
    	position: absolute;
    	right:1rem;
		left: unset;
    	top: 50%;
		bottom: unset;
		filter: drop-shadow(0px 5px 10px #000);
	}
}