/*Flex*/
/* Breakpoints */
/* Page Margin */
:root {
  --content-width: calc(100% - 2 * 1rem);
}
@media (min-width: 576px) {
  :root {
    --content-width: calc(100% - 2 * 2rem);
  }
}
@media (min-width: 768px) {
  :root {
    --content-width: calc(100% - 2 * 2rem);
  }
}
@media (min-width: 992px) {
  :root {
    --content-width: calc(100% - 2 * 5vw);
  }
}
@media (min-width: 1200px) {
  :root {
    --content-width: calc(100% - 2 * 10vw);
  }
}
@media (min-width: 1500px) {
  :root {
    --content-width: calc(100% - 2 * 15vw);
  }
}

/* Theme Colors */
.has-white-background-color.has-white-background-color {
  background-color: #ffffff;
}

.has-white-color.has-white-color {
  color: #ffffff;
}

.has-black-background-color.has-black-background-color {
  background-color: #202020;
}

.has-black-color.has-black-color {
  color: #202020;
}

.has-grey-background-color.has-grey-background-color {
  background-color: #5a5a5a;
}

.has-grey-color.has-grey-color {
  color: #5a5a5a;
}

.has-yellow-background-color.has-yellow-background-color {
  background-color: #feff8d;
}

.has-yellow-color.has-yellow-color {
  color: #feff8d;
}

.has-blue-background-color.has-blue-background-color {
  background-color: #3b4665;
}

.has-blue-color.has-blue-color {
  color: #3b4665;
}

/* Theme Colors END */
/* Common Elements*/
body {
  background-color: #fff;
}

a, a:link {
  text-decoration: none;
  font-weight: 700;
  transition: color 0.2s ease-out;
}

a:visited {
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  font-size: 18px;
} /* For some reason p tag font size was coming in set at 13px. Theme options are set to 18px. Not sure why this is. Nothing below is overriding all p tag font size to be 13px. ???? */
ul {
  padding: 0;
  list-style: none;
  list-style-type: none;
  /*&.grid-of-properties {
  	padding: 0;
  }
  &:not(.is-style-default, #menu-main-menu, .summary-info, .category-details, .grid-of-properties, .dropdown-menu, .slussagents__list, .slussrealtysearch__results-list, .wp-block-post-template, .wpl_videos_list_container){
  	padding: 0;
  	list-style-type: disc;
  }
  &.is-style-house-icons,
  &.drm-contact-info{
  	&, ul {
  		list-style: none !important;
  	}
  }*/
}

p a, p a:link, p a:visited {
  color: #3b4665;
}
p a:hover, p a:active, p a:focus {
  color: #283045;
}

p.has-white-color a, p.has-white-color a:link, p.has-white-color a:visited {
  color: #fff;
}
p.has-white-color a:hover, p.has-white-color a:focus, p.has-white-color a:active {
  color: #e6e6e6;
}
p.has-black-color a, p.has-black-color a:link, p.has-black-color a:visited {
  color: #202020;
}
p.has-black-color a:hover, p.has-black-color a:focus, p.has-black-color a:active {
  color: #3a3a3a;
}
p.has-grey-color a, p.has-grey-color a:link, p.has-grey-color a:visited {
  color: #5a5a5a;
}
p.has-grey-color a:hover, p.has-grey-color a:focus, p.has-grey-color a:active {
  color: #414141;
}
p.has-yellow-color a, p.has-yellow-color a:link, p.has-yellow-color a:visited {
  color: #feff8d;
}
p.has-yellow-color a:hover, p.has-yellow-color a:focus, p.has-yellow-color a:active {
  color: #feff5a;
}
p.has-blue-color a, p.has-blue-color a:link, p.has-blue-color a:visited {
  color: #3b4665;
}
p.has-blue-color a:hover, p.has-blue-color a:focus, p.has-blue-color a:active {
  color: #283045;
}

/* Hide invisible fields on Agent Contact forms (on single property pages) */
.sluss_agentcontact_hidden {
  position: absolute;
  pointer-events: none;
  opacity: 0.5;
  -webkit-clip-path: rect(0 0 1px 1px);
          clip-path: rect(0 0 1px 1px);
  visibility: hidden;
}

.forminator-row:has(.sluss_agentcontact_hidden:only-child) {
  margin: 0 !important;
}

/* Banner on homepage */
.wp-block-image.alignfull.banner{
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	text-align: center;
}

/* Lists not on WPL pages or in openhouse plugin */
/*:is(body:not(.wpl-page) #content ul:not(.grid-of-properties, .drm-contact-info, .wp-block-post-template, .slussrealtysearch__results-list) li:not(.slussagents__agent)){
	position: relative;
	padding-left: 30px;
	&:not(:last-child){
		margin-bottom: 15px;
	}
	&::before {
		content: '\e487';
		position: absolute;
		left: 0;
		top: 0;
		color: currentcolor;
		font-family: $fontawesome;
		font-weight: 100;
	}
}
:is(body:not(.wpl-page) #content div.openhouse_list ul:not(.grid-of-properties) li),
:is(body:not(.wpl-page) #content div.kb-splide ul:not(.grid-of-properties) li){
	position: relative;
	padding-left: 0;
	&:not(:last-child){
		margin-bottom: 0;
	}
	&::before {
		display: none;
	}
}*/
.wp-block-drm-simplegrid .wp-block-drm-simplebox {
  height: 100%;
}

.drmplainbutton__container:not(:last-child) {
  margin-bottom: 1rem;
}
.drmplainbutton__button {
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 1px;
  border: 1px solid transparent;
}
.drmplainbutton__button, .drmplainbutton__button:link, .drmplainbutton__button:visited, .drmplainbutton__button:hover, .drmplainbutton__button:focus, .drmplainbutton__button:active {
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border 0.2s ease-out;
}
.drmplainbutton--size-small {
  font-size: 0.8rem;
  padding: 10px 20px;
}
.drmplainbutton--size-medium {
  font-size: 1rem;
  padding: 15px 25px;
}
.drmplainbutton--size-large {
  font-size: 1.25rem;
  padding: 20px 30px;
}
.drmplainbutton__button, .drmplainbutton__button:link, .drmplainbutton__button:visited {
  color: #202020;
  background-color: #fff;
  border-color: #202020;
}
.drmplainbutton__button:hover, .drmplainbutton__button:focus, .drmplainbutton__button:active {
  color: #fff;
  background-color: #202020;
  border-color: #202020;
}
.drmplainbutton--color-none, .drmplainbutton--color-none:link, .drmplainbutton--color-none:visited {
  color: #202020;
  background-color: #fff;
  border-color: #202020;
}
.drmplainbutton--color-none:hover, .drmplainbutton--color-none:focus, .drmplainbutton--color-none:active {
  color: #fff;
  background-color: #202020;
  border-color: #202020;
}
.drmplainbutton--color-ffffff, .drmplainbutton--color-ffffff:link, .drmplainbutton--color-ffffff:visited {
  color: #202020;
  background-color: #fff;
  border-color: #202020;
}
.drmplainbutton--color-ffffff:hover, .drmplainbutton--color-ffffff:focus, .drmplainbutton--color-ffffff:active {
  color: #fff;
  background-color: #202020;
  border-color: #202020;
}
.drmplainbutton--color-202020, .drmplainbutton--color-202020:link, .drmplainbutton--color-202020:visited {
  color: #fff;
  background-color: #202020;
  border-color: #202020;
}
.drmplainbutton--color-202020:hover, .drmplainbutton--color-202020:focus, .drmplainbutton--color-202020:active {
  color: #202020;
  background-color: #fff;
  border-color: #202020;
}
.drmplainbutton--color-5a5a5a, .drmplainbutton--color-5a5a5a:link, .drmplainbutton--color-5a5a5a:visited {
  color: #fff;
  background-color: #5a5a5a;
  border-color: #5a5a5a;
}
.drmplainbutton--color-5a5a5a:hover, .drmplainbutton--color-5a5a5a:focus, .drmplainbutton--color-5a5a5a:active {
  color: #5a5a5a;
  background-color: #fff;
  border-color: #5a5a5a;
}
.drmplainbutton--color-feff8d, .drmplainbutton--color-feff8d:link, .drmplainbutton--color-feff8d:visited {
  color: #202020;
  background-color: #feff8d;
  border-color: #feff8d;
}
.drmplainbutton--color-feff8d:hover, .drmplainbutton--color-feff8d:focus, .drmplainbutton--color-feff8d:active {
  color: #202020;
  background-color: #fff;
  border-color: #202020;
}
.drmplainbutton--color-3b4665, .drmplainbutton--color-3b4665:link, .drmplainbutton--color-3b4665:visited {
  color: #fff;
  background-color: #3b4665;
  border-color: #3b4665;
}
.drmplainbutton--color-3b4665:hover, .drmplainbutton--color-3b4665:focus, .drmplainbutton--color-3b4665:active {
  color: #3b4665;
  background-color: #fff;
  border-color: #3b4665;
}

/* Gutenburg Details Block */
.wp-block-details summary {
  border: 1px solid #3b4665;
  background-color: #fff;
  color: #3b4665;
  padding: 15px;
  transition: all 0.2s ease-out;
}
.wp-block-details summary:hover, .wp-block-details summary:focus, .wp-block-details summary:active {
  color: #fff;
  background-color: #3b4665;
  border-color: #fff;
}

/* Header */
.drm-header {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 576px) {
  .drm-header {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.drm-header #menu-main-menu .menu-item:not(:last-child) {
  margin-right: 5px;
}
@media (max-width: 1199px) {
  .drm-header #menu-main-menu .menu-item:not(:last-child) {
    margin-right: 0;
  }
}
.drm-header #menu-main-menu .menu-item a {
  letter-spacing: 1px;
}

.navbar-toggler {
  border: 1px solid white;
  border-radius: 2px;
  font-size: 20px;
  background-color: #3b4665;
  padding: 5px 20px;
  transition: background 0.2s ease-out;
}
.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {
  background-color: #283045;
}
.navbar-toggler-icon::before {
  content: "\e0ae" !important;
  font-weight: 300;
  transform: rotatey(180deg);
}

.navbar-collapse {
  z-index: 2000 !important;
}

@media (min-width: 1200px) {
  .navbar-nav .menu-item .nav-link:not(.dropdown-toggle)::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #fff;
    margin-top: 5px;
    transition: width 0.2s ease-out;
  }
  .navbar-nav .menu-item .nav-link:not(.dropdown-toggle):hover::after, .navbar-nav .menu-item .nav-link:not(.dropdown-toggle):focus::after, .navbar-nav .menu-item .nav-link:not(.dropdown-toggle):active::after {
    width: 65%;
  }
}
@media ((min-width: 1200px) and (max-width: 1300px)) {
  .nav-link {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
  }
}
@media (max-width: 1199px) {
  .navbar-collapse {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .navbar-collapse .navbar-nav {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
  }
  .navbar-collapse .navbar-nav .menu-item {
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .navbar-collapse .navbar-nav .menu-item .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 1.5rem;
    border: 1px solid transparent;
  }
  .navbar-collapse .navbar-nav .menu-item .nav-link:hover, .navbar-collapse .navbar-nav .menu-item .nav-link:focus, .navbar-collapse .navbar-nav .menu-item .nav-link:active {
    background-color: rgba(59, 70, 101, 0.9);
    border-color: white;
  }
}
/* Footer */
.drm-footer .main-footer {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.drm-footer .wp-block-drm-simplebox {
  height: 100%;
  padding: 25px !important;
  display: flex;
  flex-direction: column;
  justify-content: center !important;
}
@media (max-width: 992px) {
  .drm-footer .wp-block-drm-simplebox {
    align-items: center !important;
  }
}
.drm-footer .wp-block-drm-simplebox:not(:last-child) {
  border-right: 1px solid white !important;
}
@media (max-width: 992px) {
  .drm-footer .wp-block-drm-simplebox:not(:last-child) {
    border-right: 0 !important;
    border-bottom: 1px solid #fff !important;
  }
}
.drm-footer .wp-block-drm-simplebox .wp-block-columns {
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  margin-bottom: 0 !important;
}
.drm-footer .wp-block-drm-simplebox .wp-block-columns .wp-block-column {
  flex: unset;
}
.drm-footer .wp-block-drm-simplebox .wp-block-columns .wp-block-column:not(:last-child) {
  margin-right: 10px !important;
}
.drm-footer .wp-block-drm-simplebox hr {
  width: 50% !important;
}
.drm-footer .wp-block-drm-simplebox hr.middle {
  margin-left: 0;
}
@media (max-width: 992px) {
  .drm-footer .wp-block-drm-simplebox hr.middle {
    margin-left: auto;
  }
}

/* WPL Page Menu Fix */
.wpl-page #menu-main-menu {
  margin-left: auto !important;
}

/* No Title Page Template */
body.page-template-notitle .site-content {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* No Space Page Template */
body.page-template-nospace .site-content {
  padding-top: 0;
  padding-bottom: 0;
}

/* Page has featured image */
body.has_featured_image .graphic-header {
  min-height: calc(35vh + 133.5px);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 133.5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  body.has_featured_image .graphic-header {
    min-height: calc(15vh + 133.5px);
  }
}
body.has_featured_image .graphic-header__gradient {
  background-image: linear-gradient(145deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.2) 100%);
}
body.has_featured_image .graphic-header .entry-header-content {
  padding: 0;
  margin: 0;
  text-shadow: none;
}
body.has_featured_image .graphic-header .entry-title {
  margin: 0;
  text-align: center;
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 3px;
}
@media (max-width: 768px) {
  body.has_featured_image .graphic-header .entry-title {
    font-size: 6vmin;
  }
}
body.has_featured_image .entry-content {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* Page has no featured image */
body.has_no_featured_image:not(.home) .drm-header,
body.post-type-archive-locations .drm-header,
body.blog .drm-header {
  background-color: #3b4665;
  position: relative !important;
  max-height: 115.5px;
}
body.has_no_featured_image:not(.home) .drm-header .site-title,
body.post-type-archive-locations .drm-header .site-title,
body.blog .drm-header .site-title {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* DRM Picture Content */
:root {
  --stroke-width: 2px;
  --corner-inset: 10vmin;
  --stroke-color: #3b4665;
  --inset: 0.4142;
  --offsetX: 0;
  --offsetY: 0;
}

/* DRM Picture Content */
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-sm-column, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-md-column, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-lg-column, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-xl-column {
  --offsetX: -15px;
  --offsetY: -15px;
}
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-sm-column-reverse, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-md-column-reverse, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-lg-column-reverse, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-xl-column-reverse {
  --offsetX: 15px;
  --offsetY: 15px;
}
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-sm-row, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-md-row, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-lg-row, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-xl-row {
  --offsetX: -15px;
  --offsetY: -15px;
}
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-sm-row-reverse, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-md-row-reverse, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-lg-row-reverse, .wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent--direction-xl-row-reverse {
  --offsetX: 15px;
  --offsetY: 15px;
}
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent__picture {
  position: relative;
}
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent__picture:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--stroke-color);
  transform: translate(var(--offsetX), var(--offsetY));
  -webkit-clip-path: polygon(0 0, calc(100% - var(--corner-inset)) 0, 100% var(--corner-inset), 100% 100%, var(--corner-inset) 100%, 0 calc(100% - var(--corner-inset)), 0 0, var(--stroke-width) 0, var(--stroke-width) calc(100% - var(--corner-inset) - var(--stroke-width) * var(--inset)), calc(var(--corner-inset) + var(--stroke-width) * var(--inset)) calc(100% - var(--stroke-width)), calc(100% - var(--stroke-width)) calc(100% - var(--stroke-width)), calc(100% - var(--stroke-width)) calc(var(--corner-inset) + var(--stroke-width) * var(--inset)), calc(100% - var(--corner-inset) - var(--stroke-width) * var(--inset)) var(--stroke-width), 0 var(--stroke-width));
          clip-path: polygon(0 0, calc(100% - var(--corner-inset)) 0, 100% var(--corner-inset), 100% 100%, var(--corner-inset) 100%, 0 calc(100% - var(--corner-inset)), 0 0, var(--stroke-width) 0, var(--stroke-width) calc(100% - var(--corner-inset) - var(--stroke-width) * var(--inset)), calc(var(--corner-inset) + var(--stroke-width) * var(--inset)) calc(100% - var(--stroke-width)), calc(100% - var(--stroke-width)) calc(100% - var(--stroke-width)), calc(100% - var(--stroke-width)) calc(var(--corner-inset) + var(--stroke-width) * var(--inset)), calc(100% - var(--corner-inset) - var(--stroke-width) * var(--inset)) var(--stroke-width), 0 var(--stroke-width));
}
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent__content {
  position: relative;
  padding-left: 40px !important;
}
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent__content-inner {
  padding-left: 25px;
}
.wp-block-drm-picturecontent:not(.wp-block-drm-picturecontent.is-style-no-borders) .drm-picturecontent__content-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 35px;
  width: 2px;
  height: 100%;
  background-color: var(--stroke-color);
}

.drmcontainer__inner {
  overflow: visible;
}

.wp-block-image {
  --offsetX: -15px;
  --offsetY: -15px;
  margin: 15px;
  position: relative;
}
.wp-block-image img {
  width: 100%;
}
.wp-block-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--stroke-color);
  transform: translate(var(--offsetX), var(--offsetY));
  -webkit-clip-path: polygon(0 0, calc(100% - var(--corner-inset)) 0, 100% var(--corner-inset), 100% 100%, var(--corner-inset) 100%, 0 calc(100% - var(--corner-inset)), 0 0, var(--stroke-width) 0, var(--stroke-width) calc(100% - var(--corner-inset) - var(--stroke-width) * var(--inset)), calc(var(--corner-inset) + var(--stroke-width) * var(--inset)) calc(100% - var(--stroke-width)), calc(100% - var(--stroke-width)) calc(100% - var(--stroke-width)), calc(100% - var(--stroke-width)) calc(var(--corner-inset) + var(--stroke-width) * var(--inset)), calc(100% - var(--corner-inset) - var(--stroke-width) * var(--inset)) var(--stroke-width), 0 var(--stroke-width));
          clip-path: polygon(0 0, calc(100% - var(--corner-inset)) 0, 100% var(--corner-inset), 100% 100%, var(--corner-inset) 100%, 0 calc(100% - var(--corner-inset)), 0 0, var(--stroke-width) 0, var(--stroke-width) calc(100% - var(--corner-inset) - var(--stroke-width) * var(--inset)), calc(var(--corner-inset) + var(--stroke-width) * var(--inset)) calc(100% - var(--stroke-width)), calc(100% - var(--stroke-width)) calc(100% - var(--stroke-width)), calc(100% - var(--stroke-width)) calc(var(--corner-inset) + var(--stroke-width) * var(--inset)), calc(100% - var(--corner-inset) - var(--stroke-width) * var(--inset)) var(--stroke-width), 0 var(--stroke-width));
}

.wp-block-drm-simplebox {
  position: relative;
  padding-left: inherit;
}
.wp-block-drm-simplebox::after {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--stroke-color);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

/* Blog posts on home page */
.wp-block-query .wp-block-post-featured-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.wp-block-query .wp-block-post-featured-image a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.wp-block-query .wp-block-post-featured-image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.wp-block-query .wp-block-post-excerpt__more-link {
  border: 1px solid #3b4665;
  margin-top: 25px;
  border-radius: 0;
  background-color: transparent;
  color: #3b4665;
  padding: 0.7rem 1.2rem;
  font-family: "urbane-rounded", sans-serif;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
.wp-block-query .wp-block-post-excerpt__more-link:hover, .wp-block-query .wp-block-post-excerpt__more-link:focus {
  background-color: #3b4665;
  color: #fff;
  text-decoration: none;
}

/* 404 Page */
body.error404 .page-title {
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 3px;
  font-weight: 100;
}
body.error404 .content-container {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  grid-gap: 50px;
  margin-top: 100px;
  margin-bottom: 100px;
  align-items: center;
}
@media (max-width: 1100px) {
  body.error404 .content-container {
    grid-template-columns: 1fr;
  }
}
body.error404 .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  max-width: 400px;
  max-height: 400px;
  margin: auto;
}

.call-to-action-container {
  display: flex;
  flex: 50px 1 0;
}
@media (max-width: 576px) {
  .call-to-action-container {
    flex-direction: column;
  }
}

.to-properties,
.to-agents,
.to-contact {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid #3b4665;
  border-radius: 0;
  background-color: transparent;
  color: #3b4665;
  padding: 0.7rem 1.2rem;
  font-family: "urbane-rounded", sans-serif;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
.to-properties:hover, .to-properties:focus,
.to-agents:hover,
.to-agents:focus,
.to-contact:hover,
.to-contact:focus {
  background-color: #3b4665;
  color: #fff;
  text-decoration: none;
}

.to-properties,
.to-agents {
  margin-right: 10px;
}
@media (max-width: 576px) {
  .to-properties,
  .to-agents {
    margin-right: 0px;
  }
}

/* SEARCH ON HOMEPAGE */
.homepage-search-container {
  margin-top: 2em;
}

@media ((min-width: 700px) and (min-aspect-ratio: 4/3)) {
  .homepage-search-container {
    margin-top: -4em;
  }
  .homepage-search-container .slussrealtysearch__main {
    position: relative;
    margin: auto 15%;
  }
}
/* DRM Custom Search Block */
form#autocomplete-search {
  border: 1px solid #202020;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.85);
  transition: all 0.2s ease-out;
  padding: 5px 0;
}
form#autocomplete-search label {
  color: #202020;
}
form#autocomplete-search label i {
  font-size: 0.9rem;
}
form#autocomplete-search input {
  background-color: unset;
  box-shadow: unset;
  border: none;
  border-radius: unset;
  color: #202020;
  font-size: 0.9rem;
}
form#autocomplete-search input::-moz-placeholder {
  color: #202020;
}
form#autocomplete-search input::placeholder {
  color: #202020;
}
form#autocomplete-search:hover, form#autocomplete-search:focus, form#autocomplete-search:active {
  background-color: #fff;
  border-radius: 3px;
}

#drm_search_wrapper {
  background-color: rgba(0, 0, 0, 0.55);
  z-index: 100;
}
@media (max-width: 1200px) {
  #drm_search_wrapper {
    top: calc(100% + 20px);
    bottom: auto;
  }
}
#drm_search_wrapper span.highlight {
  background-color: rgba(0, 0, 0, 0);
  font-weight: 700;
  color: #feff8d;
}
#drm_search_wrapper .splide__arrows .splide__arrow {
  opacity: 1;
  height: 100%;
  width: 70px;
  border-radius: unset;
}
#drm_search_wrapper .splide__arrows .splide__arrow svg {
  fill: #fff;
}
#drm_search_wrapper .splide__arrows .splide__arrow--prev {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  justify-content: flex-start;
  padding-left: 1em;
}
#drm_search_wrapper .splide__arrows .splide__arrow--next {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  justify-content: flex-end;
  padding-right: 1em;
}
@media (max-width: 455px) {
  #drm_search_wrapper .splide__arrows .splide__arrow {
    width: 60px;
  }
  #drm_search_wrapper .splide__arrows .splide__arrow--prev {
    padding-left: 0;
    justify-content: center;
  }
  #drm_search_wrapper .splide__arrows .splide__arrow--next {
    padding-right: 0;
    justify-content: center;
  }
}
#drm_search_wrapper .slussrealtysearch__result-info {
  background-color: rgba(32, 32, 32, 0.8);
  font-weight: 400;
  font-family: "greycliff-cf", sans-serif;
  padding: 10px;
}
#drm_search_wrapper .slussrealtysearch__result-price {
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 1px;
  font-size: 1.1rem;
}

/* Archive Pages */
.drm-post-archive {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  margin-bottom: 50px;
  margin-top: 25px;
}
@media (max-width: 768px) {
  .drm-post-archive {
    grid-template-columns: 1fr;
  }
}
.drm-post-archive .post a:not(.read-more-button) {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.drm-post-archive .post a:not(.read-more-button):hover .aspect-ratio .post-image, .drm-post-archive .post a:not(.read-more-button):focus .aspect-ratio .post-image {
  transform: scale(1.05);
  background-color: #1f2535;
}
.drm-post-archive .post .aspect-ratio {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.drm-post-archive .post .aspect-ratio .post-image {
  background-color: #3b4665;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background 0.2s ease-out, transform 0.2s ease-out;
}
.drm-post-archive .post .aspect-ratio .post-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.drm-post-archive .post .post-title {
  color: #fff;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 3vmin;
}
@media (max-width: 576px) {
  .drm-post-archive .post .post-title {
    font-size: 1.1rem;
  }
}

body.single.single-locations .entry-content,
body.single.single-post .entry-content {
  padding-top: 50px;
  padding-bottom: 50px;
}
body.single.single-locations.has_no_featured_image .entry-header,
body.single.single-post.has_no_featured_image .entry-header {
  padding-top: 25px;
}
body.single.single-locations.has_no_featured_image .entry-content,
body.single.single-post.has_no_featured_image .entry-content {
  padding-top: 25px;
  padding-bottom: 50px;
}

body.blog .drm-post-archive {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-gap: 25px;
}
@media (max-width: 1200px) {
  body.blog .drm-post-archive {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  body.blog .drm-post-archive {
    grid-template-columns: 1fr;
  }
}
body.blog .drm-post-archive .post {
  background-color: #3b4665;
}
body.blog .drm-post-archive .post .post-title {
  color: #fff;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.5vmin;
}
@media (max-width: 576px) {
  body.blog .drm-post-archive .post .post-title {
    font-size: 1.1rem;
  }
}
body.blog .drm-post-archive .post .post-excerpt {
  padding: 25px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
}
body.blog .drm-post-archive .post .read-more-button {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin-top: 15px;
  border: 1px solid #fff;
  border-radius: 0;
  background-color: transparent;
  color: #fff;
  padding: 0.7rem 1.2rem;
  font-family: "urbane-rounded", sans-serif;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
body.blog .drm-post-archive .post .read-more-button:hover, body.blog .drm-post-archive .post .read-more-button:focus {
  background-color: #fff;
  color: #3b4665;
  text-decoration: none;
}

.navigation {
  margin-bottom: 25px;
}
.navigation.pagination {
  justify-content: center;
  align-items: center;
}
.navigation.pagination .prev {
  margin-right: 10px;
}
.navigation.pagination .next {
  margin-left: 10px;
}
.navigation.pagination .page-numbers {
  margin-left: 3px;
  margin-right: 3px;
  padding: 5px;
}
.navigation.pagination .page-numbers.current {
  background-color: #3b4665;
  color: #fff;
}
.navigation.post-navigation .nav-previous a, .navigation.post-navigation .nav-next a {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin-top: 15px;
  border: 1px solid #3b4665;
  border-radius: 0;
  background-color: transparent;
  color: #3b4665;
  padding: 0.7rem 1.2rem;
  font-family: "urbane-rounded", sans-serif;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
.navigation.post-navigation .nav-previous a:hover, .navigation.post-navigation .nav-previous a:focus, .navigation.post-navigation .nav-next a:hover, .navigation.post-navigation .nav-next a:focus {
  background-color: #3b4665;
  color: #fff;
  text-decoration: none;
}

/* Single Blog Pages */
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing * {
  box-sizing: border-box !important;
}
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
  border: 1px solid #fff !important;
  border-radius: 3px;
  overflow: hidden;
}
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a .heateor_sss_svg {
  background-color: #3b4665 !important;
  background: unset;
  border-radius: unset !important;
}
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a .heateor_sss_svg svg path,
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a .heateor_sss_svg svg circle,
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a .heateor_sss_svg svg square {
  fill: #fff !important;
}
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:hover, div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:focus {
  border: 1px solid #3b4665 !important;
}
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:hover .heateor_sss_svg, div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:focus .heateor_sss_svg {
  background-color: #fff !important;
}
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:hover .heateor_sss_svg svg path,
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:hover .heateor_sss_svg svg circle,
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:hover .heateor_sss_svg svg square, div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:focus .heateor_sss_svg svg path,
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:focus .heateor_sss_svg svg circle,
div.heateor_sss_horizontal_sharing.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:focus .heateor_sss_svg svg square {
  fill: #3b4665 !important;
}

.heateor_sss_sharing_container {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #3b4665;
}

/* REALTY NA CUSTOMS STYLING */
/* Youtube Embed -- Full Width */
body:not(.block-editor-page) .wp-block-embed.is-type-video {
  margin-top: 25px;
  margin-bottom: 25px;
}
body:not(.block-editor-page) .wp-block-embed .wp-block-embed__wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
body:not(.block-editor-page) .wp-block-embed .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* Featured Listings on Homepage */
/* Popup forms */
#realtyna-js-lightbox-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))) {
  #realtyna-js-lightbox-overlay {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.3);
  }
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper {
  border: 1px solid #fff;
  background-color: #fff;
  box-shadow: 0 0 5px #202020;
  color: #3b4665;
  border-radius: 0 0 10px 10px;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-close-btn {
  color: #fff;
  padding: 8px 10px;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-close-btn::before {
  transition: all 0.2s ease-out;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-close-btn:hover, #realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-close-btn:focus, #realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-close-btn:active {
  transform: unset;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-close-btn:hover::before, #realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-close-btn:focus::before, #realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-close-btn:active::before {
  transform: rotate(90deg);
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .realtyna-lightbox-title {
  background-color: #3b4665;
  color: #fff;
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 2px;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp {
  padding: 5%;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div:not(.wpl_show_message.wpl_red_msg) {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div:not(.wpl_show_message.wpl_red_msg):not(:first-child) {
  margin-top: 10px;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div label {
  display: none;
  width: 100%;
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 1px;
  text-align: left;
  font-size: 18px;
  padding: 0;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div input, #realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div textarea {
  border: 1px solid #3b4665;
  border-radius: 0;
  font-family: "greycliff-cf", sans-serif;
  font-size: 0.8rem;
  color: #3b4665;
  padding: 15px;
  width: 100%;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div input::-moz-placeholder, #realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div textarea::-moz-placeholder {
  color: #3b4665;
  opacity: 0.8;
  font-family: "greycliff-cf", sans-serif;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div input::placeholder, #realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp div textarea::placeholder {
  color: #3b4665;
  opacity: 0.8;
  font-family: "greycliff-cf", sans-serif;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp .wpl-gen-btn-1[type=submit] {
  width: auto;
  border: 1px solid #202020;
  border-radius: 0;
  background-color: transparent;
  color: #202020;
  padding: 0.7rem 1.2rem;
  font-family: "urbane-rounded", sans-serif;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp .wpl-gen-btn-1[type=submit]:hover, #realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp .wpl-gen-btn-1[type=submit]:focus {
  background-color: #202020;
  color: #fff;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp .wpl_show_message.wpl_red_msg {
  text-align: left;
  background-color: rgb(192, 114, 114);
  color: #fff;
  font-family: "greycliff-cf", sans-serif;
  font-size: 0.8rem;
  margin-top: 10px;
  margin-bottom: 5%;
}
#realtyna-js-lightbox-overlay #realtyna-js-lightbox-wrapper .wpl-gen-form-wp .wpl_show_message.wpl_red_msg::before {
  background: #fff;
  color: rgb(192, 114, 114);
}

/* Agents "Archive" */
.slussagents__list {
  list-style: none;
  display: grid;
  gap: 5px;
  padding: 5px;
  margin: 0;
}
@media (min-width: 576px) {
  .slussagents__list {
    grid-template-columns: repeat(2, minmax(1px, 1fr));
  }
}
@media (min-width: 768px) {
  .slussagents__list {
    grid-template-columns: repeat(3, minmax(1px, 1fr));
  }
}
@media (min-width: 992px) {
  .slussagents__list {
    grid-template-columns: repeat(4, minmax(1px, 1fr));
  }
}
@media (min-width: 1200px) {
  .slussagents__list {
    grid-template-columns: repeat(6, minmax(1px, 1fr));
  }
}
.slussagents__agent {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 125%;
  margin-bottom: 0;
  background-color: silver;
  overflow: hidden;
}
.slussagents__link {
  display: block;
}
.slussagents__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 40%;
     object-position: 50% 40%;
}
.slussagents__overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 10px 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.slussagents__link:hover .slussagents__overlay, .slussagents__link:focus .slussagents__overlay, .slussagents__link:active .slussagents__overlay {
  background-color: rgb(59, 70, 101);
  color: #fff;
}
.slussagents__name, .slussagents__view {
  line-height: 1;
  font-weight: 400;
}
.slussagents__view {
  font-size: 0.8em;
  height: auto;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}
.slussagents__view span {
  display: block;
  padding: 10px 0;
  border-top: 2px solid currentColor;
}
.slussagents__link:hover .slussagents__view, .slussagents__link:focus .slussagents__view, .slussagents__link:active .slussagents__view {
  max-height: calc(2em + 22px);
}

/* Agents Single Pages */
.back-to-agents {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 50px;
  border: 1px solid #3b4665;
  border-radius: 0;
  background-color: transparent;
  color: #3b4665;
  padding: 0.7rem 1.2rem;
  font-family: "urbane-rounded", sans-serif;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
.back-to-agents:hover, .back-to-agents:focus {
  background-color: #3b4665;
  color: #fff;
  text-decoration: none;
}

body.single-agents .site-content {
  padding-top: 50px;
  padding-bottom: 50px;
}
body.single-agents .agent-content {
  margin-top: 50px;
}
body.single-agents .drm-agent-card {
  display: grid;
  grid-template-areas: "image info";
  grid-template-columns: 0.35fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 50px;
  grid-row-gap: 25px;
}
@media (max-width: 1170px) {
  body.single-agents .drm-agent-card {
    grid-template-areas: "image info";
  }
}
@media (max-width: 725px) {
  body.single-agents .drm-agent-card {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "info";
  }
}
body.single-agents .drm-agent-card .aspect-ratio {
  grid-area: image;
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 125%;
}
@media (max-width: 725px) {
  body.single-agents .drm-agent-card .aspect-ratio {
    max-height: 350px;
    height: 100%;
    width: unset;
    margin-left: 0;
    margin-right: auto;
    padding: 0;
  }
}
body.single-agents .drm-agent-card .drm-profile-picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 725px) {
  body.single-agents .drm-agent-card .drm-profile-picture {
    position: static;
  }
}
body.single-agents .drm-agent-card .drm-profile-picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media (max-width: 725px) {
  body.single-agents .drm-agent-card .drm-profile-picture img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}
body.single-agents .drm-agent-card .drm-agent-info {
  background-color: #3b4665;
  color: #fff;
  padding: 25px;
}
body.single-agents .drm-agent-card .drm-agent-info .drm-agent-name {
  color: #feff8d;
}
body.single-agents .drm-agent-card .drm-contact-info {
  margin-top: 25px !important;
  padding-top: 25px !important;
  border-top: 1px solid #fff;
}
body.single-agents .drm-agent-card .drm-contact-info a {
  color: #fff;
}
body.single-agents .drm-agent-card .drm-contact-info li {
  width: 100%;
  line-height: unset;
  float: unset;
}
body.single-agents .drm-agent-card .drm-contact-info li:not(:last-child) {
  margin-bottom: 10px;
}
body.single-agents .drm-agent-card .drm-contact-info li::before {
  display: inline-block;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 700;
  border: none;
  width: calc(1rem + 5px);
  height: auto;
  line-height: unset;
  text-align: unset;
  background: unset;
  color: inherit;
  border-radius: unset;
  top: 0;
  left: 0;
  bottom: 0;
  margin-right: 10px;
}
body.single-agents .drm-agent-card .drm-contact-info li.drm-cell-num::before {
  content: "\f3ce";
}
body.single-agents .drm-agent-card .drm-contact-info li.drm-office-num::before {
  content: "\f095";
}
body.single-agents .drm-agent-card .drm-contact-info li.drm-fax-num::before {
  content: "\f1ac";
}
body.single-agents .drm-agent-card .drm-contact-info li.drm-email::before {
  content: "\f0e0";
}
body.single-agents .drm-agent-card .drm-contact-info li.drm-website::before {
  content: "\f390";
}
body.single-agents .drm-agent-card .drm-contact-info li.drm-work-info::before {
  content: "\f3c5";
}

.sluss_featuredlistings .grid-of-properties {
  grid-gap: 10px !important;
}
.sluss_featuredlistings .grid-of-properties .property-listing .link-content .info .title {
  font-size: 1rem !important;
}
.sluss_featuredlistings .grid-of-properties .property-listing .link-content .info .location {
  font-size: 1rem !important;
}
.sluss_featuredlistings .grid-of-properties .property-listing .link-content .info .price {
  font-size: 1.3rem !important;
}
.sluss_featuredlistings .grid-of-properties .property-listing .tag {
  font-size: 0.8rem !important;
}

/* SINGLE PROPERTY PAGE */
/* Magazine Iframe link */
.sluss_magazine {
  position: relative;
  margin-top: 25px;
  margin-bottom: 50px;
  width: 29.75vmin;
  height: 38.5vmin;
}
@media (max-width: 768px) {
  .sluss_magazine {
    width: 42.5vmin;
    height: 55vmin;
  }
}
@media (max-width: 576px) {
  .sluss_magazine {
    width: 100%;
    min-height: 350px;
  }
}
.sluss_magazine__iframe {
  background-color: transparent;
  border: none;
  width: 100%;
  height: 100%;
  /*box-shadow: 0 3px 5px #000c, 0 0 30px #0003;
  transition: box-shadow 0.2s ease-out;*/
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 20px rgba(0, 0, 0, 0.2));
  transition: filter 0.2s ease-out;
}
.sluss_magazine:hover .sluss_magazine__iframe {
  /*box-shadow: 0 10px 10px #0009, 0 10px 35px #0003;*/
  filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.6)) drop-shadow(0 10px 25px rgba(0, 0, 0, 0.2));
}
.sluss_magazine__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.sluss_magazine__link:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.openhouse-list {
  background-color: #fff;
  margin-top: 25px;
  padding: 15px;
  color: #3b4665;
}
.openhouse-list h2 {
  color: #3b4665;
  font-size: 1.3rem;
  letter-spacing: 1px;
  border-bottom: 1px solid #3b4665;
  padding-bottom: 5px;
}
.openhouse-list .single-prop-openhouse-dates li{
  color: #3b4665;
}
.openhouse-list .openhouse-description {
	margin-top: 15px;
}
.openhouse-list .openhouse-description * {
	color: #3b4665;
}
.openhouse-list .openhouse-description h3 {
	font-size: 1.2rem;
	letter-spacing: 1px;
	padding-top: 10px;
}
.openhouse-list .openhouse-description p {
	margin-bottom: 0;
}


.wpl-page.wpl_property_show_layout2 .entry-title {
  display: none;
}
.wpl-page.wpl_property_show_layout2 .site-content {
  padding-top: 50px;
  padding-bottom: 50px;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 10px;
  border: 1px solid #3b4665;
  padding: 15px;
  margin-bottom: 25px;
}
@media (max-width: 1090px) {
  .wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator {
    grid-template-columns: 1fr;
  }
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container {
  display: flex;
  flex-direction: column;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container.payment-calculator__term .prefix::before {
  content: "\f073";
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container .prefix {
  position: relative;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container .prefix::before {
  content: "$";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: calc(50% - 0.5rem);
  left: 10px;
  color: #3b4665;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container .suffix {
  position: relative;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container .suffix::before {
  content: "%";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: calc(50% - 0.5rem);
  right: 10px;
  color: #3b4665;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container label {
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 1px;
  text-align: left;
  font-size: 1rem;
  padding: 0;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container input {
  border: 1px solid #3b4665;
  border-radius: 0;
  font-family: "greycliff-cf", sans-serif;
  font-size: 0.8rem;
  color: #3b4665;
  padding: 10px 10px 10px calc(15px + 1rem);
  width: 100%;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container.payment-calculator__rate input {
  padding-right: calc(15px + 1rem);
  padding-left: 10px;
}
.wpl-page.wpl_property_show_layout2 #payment-calculator-form.payment-calculator .field-container.payment-calculator__total #drm-calc-total {
  background-color: #3b4665;
  padding: 10px;
  font-size: 1rem;
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 1px;
  font-weight: 100;
  color: #fff;
  word-break: break-word;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-main .splide__slide {
  width: 100% !important;
  height: 0;
  padding-bottom: 66.6%;
  position: relative;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-main .splide__slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs {
  margin-top: 3px;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__slide {
  border: none;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__slide:not(:last-child) {
  margin-right: 3px !important;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__slide.is-active {
  padding: 3px;
  border: 2px solid #3b4665;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__arrows .splide__arrow {
  opacity: 1;
  height: 100%;
  width: 70px;
  border-radius: unset;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__arrows .splide__arrow svg {
  fill: #fff;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__arrows .splide__arrow--prev {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  justify-content: flex-start;
  padding-left: 1em;
}
.wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__arrows .splide__arrow--next {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  justify-content: flex-end;
  padding-right: 1em;
}
@media (max-width: 455px) {
  .wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__arrows .splide__arrow {
    width: 60px;
  }
  .wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__arrows .splide__arrow--prev {
    padding-left: 0;
    justify-content: center;
  }
  .wpl-page.wpl_property_show_layout2 #gallery #property-gallery-thumbs .splide__arrows .splide__arrow--next {
    padding-right: 0;
    justify-content: center;
  }
}
.wpl-page.wpl_property_show_layout2 #summary {
  padding: 25px;
  margin-bottom: 50px;
  color: #fff;
  background-color: #3b4665;
}
.wpl-page.wpl_property_show_layout2 #summary .property-title {
  color: #feff8d;
  font-size: 1.8rem;
}
.wpl-page.wpl_property_show_layout2 #summary .property-price {
  color: #fff;
  letter-spacing: 1px;
  font-size: 1.6rem;
}
.wpl-page.wpl_property_show_layout2 #summary .summary-info {
  margin: 15px 0;
}
.wpl-page.wpl_property_show_layout2 #summary .summary-info li .small-tax-text {
  font-size: 0.7rem;
  font-style: oblique;
}
.wpl-page.wpl_property_show_layout2 #summary .summary-info li i {
  width: 25px;
  margin-right: 5px;
}
.wpl-page.wpl_property_show_layout2 #summary .share-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: -10px;
}
.wpl-page.wpl_property_show_layout2 #summary .share-links a {
  border: 1px solid #fff;
  border-radius: 2px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-top: 10px;
  transition: all 0.2s ease-out;
}
.wpl-page.wpl_property_show_layout2 #summary .share-links a:not(:last-child) {
  margin-right: 10px;
}
.wpl-page.wpl_property_show_layout2 #summary .share-links a i {
  color: #fff;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 400;
}
.wpl-page.wpl_property_show_layout2 #summary .share-links a:hover, .wpl-page.wpl_property_show_layout2 #summary .share-links a:focus {
  background-color: #fff;
}
.wpl-page.wpl_property_show_layout2 #summary .share-links a:hover i, .wpl-page.wpl_property_show_layout2 #summary .share-links a:focus i {
  color: #3b4665;
}
.wpl-page.wpl_property_show_layout2 #property-listing-description {
  margin-bottom: 50px;
}
.wpl-page.wpl_property_show_layout2 #additional-property-info {
  margin: 50px 0;
}
.wpl-page.wpl_property_show_layout2 #additional-property-info h2 {
  margin-bottom: 25px;
}
.wpl-page.wpl_property_show_layout2 #additional-property-info .property-info-container:not(:last-child) {
  margin-bottom: 25px;
}
.wpl-page.wpl_property_show_layout2 #additional-property-info .property-info-container h3 {
  margin-bottom: 0.5rem;
}
.wpl-page.wpl_property_show_layout2 #additional-property-info .property-info-container .category-details {
  -moz-column-count: 2;
       column-count: 2;
}
.wpl-page.wpl_property_show_layout2 #additional-property-info .property-info-container .category-details li {
  padding-left: 25px;
  position: relative;
}
.wpl-page.wpl_property_show_layout2 #additional-property-info .property-info-container .category-details li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #3b4665;
  border-right: 2px solid #3b4665;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page {
  margin-bottom: 50px;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card {
  min-height: 250px;
  height: 100%;
  display: grid;
  grid-template-columns: 0.6fr 1fr;
  grid-template-rows: auto;
  align-items: center;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card:not(:first-child) {
  margin-top: 25px;
}
@media (max-width: 580px) {
  .wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card {
    grid-template-columns: 1fr;
  }
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .aspect-ratio {
  position: relative;
  height: 100%;
  width: 100%;
}
@media (max-width: 992px) {
  .wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .aspect-ratio {
    height: 0;
    padding-bottom: 125%;
  }
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-profile-picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-profile-picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info {
  background-color: #3b4665;
  padding: 20px;
  height: 100%;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .agent-name {
  color: #feff8d;
  font-size: 1.3rem;
  letter-spacing: 0;
  font-family: "baskerville-display-pt", serif;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li,
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info a {
  color: #fff;
  font-size: 0.8rem;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li {
  width: 100%;
  position: relative;
  line-height: unset;
  float: unset;
  padding-left: 30px;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li:not(:last-child) {
  margin-bottom: 10px;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li a {
  word-break: break-all;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li::before {
  display: inline-block;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 700;
  border: none;
  width: auto;
  height: auto;
  line-height: unset;
  text-align: unset;
  background: unset;
  color: inherit;
  border-radius: unset;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li.drm-cell-num::before {
  content: "\f3ce";
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li.drm-office-num::before {
  content: "\f095";
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li.drm-fax-num::before {
  content: "\f1ac";
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li.drm-email::before {
  content: "\f0e0";
}
.wpl-page.wpl_property_show_layout2 .agent-cards.agents-on-property-page .drm-agent-card .drm-agent-info .drm-contact-info li.drm-work-info::before {
  content: "\f3c5";
}
.wpl-page.wpl_property_show_layout2 #realtyna-js-lightbox-wrapper .realtyna-lightbox-text-wrap {
  box-shadow: unset !important;
}
.wpl-page.wpl_property_show_layout2 #realtyna-js-lightbox-wrapper .wpl_show_message.wpl_green_msg {
  margin-top: 0 !important;
}
.wpl-page.wpl_property_show_layout2 #realtyna-js-lightbox-wrapper .wpl_show_message.wpl_green_msg::before, .wpl-page.wpl_property_show_layout2 #realtyna-js-lightbox-wrapper .wpl_show_message.wpl_green_msg::after {
  content: "";
  display: none;
}
.wpl-page.wpl_property_show_layout2 .wpl_contact_container {
  margin: 50px 0;
}
.wpl-page.wpl_property_show_layout2 .wpl_contact_container h2 {
  font-family: "baskerville-display-pt", serif;
  letter-spacing: 0;
  margin-bottom: 25px;
}
.wpl-page.wpl_property_show_layout2 .wpl_contact_container form .form-field:not(:last-child) {
  margin-bottom: 10px;
}
.wpl-page.wpl_property_show_layout2 .wpl_contact_container form .form-field input,
.wpl-page.wpl_property_show_layout2 .wpl_contact_container form .form-field textarea {
  border: 1px solid #3b4665;
  border-radius: 0;
  font-family: "greycliff-cf", sans-serif;
  font-size: 0.8rem;
  color: #3b4665;
  padding: 15px;
  width: 100%;
}
.wpl-page.wpl_property_show_layout2 .wpl_contact_container form .form-field.wpl-contact-listing-btn {
  display: flex;
  justify-content: flex-end;
}
.wpl-page.wpl_property_show_layout2 .wpl_contact_container form .form-field .btn.btn-primary {
  width: auto;
  border: 1px solid #202020;
  border-radius: 0;
  background-color: transparent;
  color: #202020;
  padding: 0.7rem 1.2rem;
  font-family: "urbane-rounded", sans-serif;
  transition: background 0.2s ease-out, color 0.2s ease-out;
}
.wpl-page.wpl_property_show_layout2 .wpl_contact_container form .form-field .btn.btn-primary:hover, .wpl-page.wpl_property_show_layout2 .wpl_contact_container form .form-field .btn.btn-primary:focus {
  background-color: #202020;
  color: #fff;
}
.wpl-page.wpl_property_show_layout2 #property-showcase {
  margin: 50px 0;
}
.wpl-page.wpl_property_show_layout2 #property-showcase h2 {
  font-family: "baskerville-display-pt", serif;
  letter-spacing: 0;
}
.wpl-page.wpl_property_show_layout2 #property-showcase ul.wpl_videos_list_container .wpl_videos_video {
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom: 25px;
}
.wpl-page.wpl_property_show_layout2 #property-showcase ul.wpl_videos_list_container .wpl_videos_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.wpl-page.wpl_property_show_layout2 #property-map .wpl_googlemap_container.wpl_googlemap_pshow {
  border: 2px solid #3b4665;
}
@media (min-width: 992px) {
  .wpl-page.wpl_property_show_layout2 .drm-property-listing-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 50px;
    grid-template-rows: auto 1fr;
    grid-template-areas: "group-2 group-1" "group-2 group-3";
  }
  .wpl-page.wpl_property_show_layout2 .group-1 {
    grid-area: group-1;
  }
  .wpl-page.wpl_property_show_layout2 .group-2 {
    grid-area: group-2;
    grid-row-end: span 2;
    width: 100%;
    overflow: hidden;
  }
  .wpl-page.wpl_property_show_layout2 .group-3 {
    grid-column-start: 2;
    grid-area: group-3;
  }
  .wpl-page.wpl_property_show_layout2 #gallery {
    width: 100%;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .wpl-page.wpl_property_show_layout2 .drm-property-listing-layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-gap: 0 50px;
    grid-template-rows: auto 1fr;
    grid-template-areas: "group-2 group-1" "group-2 group-3";
  }
  .wpl-page.wpl_property_show_layout2 .group-1 {
    grid-area: group-1;
  }
  .wpl-page.wpl_property_show_layout2 .group-2 {
    grid-area: group-2;
    grid-row-end: span 2;
    width: 100%;
    overflow: hidden;
  }
  .wpl-page.wpl_property_show_layout2 .group-3 {
    grid-column-start: 2;
    grid-area: group-3;
  }
  .wpl-page.wpl_property_show_layout2 #gallery {
    width: 100%;
    overflow: hidden;
  }
}

/* PROPERTIES ARCHIVE PAGE / ACTIVITY */
/* Map & Search Widget */
/*.map-and-search {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-template-rows: 1fr;
	grid-gap: 25px;
	align-items: center;
	margin-bottom: 50px;
	margin-top: 25px;
	@media(max-width: $lg){
		grid-template-columns: 1fr;
	}
	.property-listings-map,
	.wpl_googlemap_container,
	.wpl_map_canvas{
		height: 100% !important;
	}
	.wpl_map_canvas {
		@media(max-width: $lg){
			min-height: 450px;
		}
		@media(max-width: 580px){
			min-height: 350px;
		}
	}
}
#wpl_search_widget-2 {
	#wpl_search_form_2 {
		margin: 0;
		padding: 0;
		border: 1px solid $blue;
	}
	.wpl_search_from {
		display: grid;
		grid-template-areas:
			'item1 item2'
			'price price'
			'item3 item4'
			'submit submit'
		;
		grid-gap: 10px;
		padding: 15px;
		@media(max-width: 600px){
			grid-template-areas:
				'item1'
				'item2'
				'price'
				'item3'
				'item4'
				'submit'
			;
		}
		@media(min-width: $lg){
			grid-template-areas:
				'item1'
				'item2'
				'price'
				'item3'
				'item4'
				'submit'
			;
		}
	}
	.wpl_search_fields {
		&.locations {
			grid-area: item1;
			.wpl_search_field_container {
				&::before {
					content: "Location";
					display: block;
					font-family: $urbane-rounded;
					letter-spacing: 1px;
					font-size: 1rem;
					color: $blue;
				}
			}
		}
		&.text {
			grid-area: item2;
		}
		&.price {
			grid-area: price;
		}
		&.number {
			&:nth-child(1){
				grid-area: item3;
			}
			&:nth-child(2){
				grid-area: item4;
			}
		}
	}
	.wpl_search_field_container {
		float: unset;
		margin: 0;
		label {
			display: block;
			font-family: $urbane-rounded;
			letter-spacing: 1px;
			color: $blue;
			font-size: 1rem;
			margin: 0;
			padding: 0;
		}
		input {
			height: unset;
			width: 100%;
			height: 50px;
			margin: 0;
			padding: 5px calc(30px + 1rem) 5px 5px;
			color: $blue;
			background-color: $white;
			border: 1px solid $blue;
			color: $blue;
			font-family: $greycliff;
			font-size: 0.8rem;
			&:focus{
				box-shadow: 0 0 0 1px $blue;
				outline: none;
			}
		}
		// Selects 
		.chosen-container {
			display: block;
			width: 100% !important;
			.chosen-single {
				width: 100%;
				height: 50px;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: space-between;
				align-items: center;
				color: $blue;
				outline: none;
				border: 1px solid $blue;
				font-size: 0.8rem;
				div { display: none; }
				&:focus,
				&:hover{
					box-shadow: 0 0 0 1px $blue;
					outline: none;
				}
				&::after {
					content: '\f0d7';
					font-family: $fontawesome;
					font-size: 1rem;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 1rem;
					height: 1rem;
					position: absolute;
					bottom: calc(50% - (1rem / 2));
					right: 15px;
					color: $blue;
				}
			}
			&.chosen-with-drop {
				.chosen-single::after {
					content: '\f0d8';
				}
			}
			.chosen-drop {
				margin-top: -1px;
				border: 1px solid $blue;
				.chosen-search {
					padding: 0;
					&::after {
						content: '\f002';
						font-family: $fontawesome;
						font-size: 1rem;
						display: flex;
						justify-content: center;
						align-items: center;
						width: 1rem;
						height: 1rem;
						position: absolute;
						bottom: calc(50% - (1rem / 2));
						right: 15px;
						color: $blue;
					}
					input {
						position: relative;
						margin: 0;
						padding: 5px calc(30px + 1rem) 5px 5px;
						color: $blue;
						background: unset;
						background-color: $white;
						border: 1px solid $blue;
						font-family: $greycliff;
						font-size: 0.8rem;
						&:focus,
						&:hover{
							box-shadow: 0 0 0 1px $blue;
							outline: none;
						}
					}
				}
				.chosen-results {
					padding: 0;
					margin: 0;
					.active-result {
						padding: 10px;
						font-family: $greycliff;
						font-size: 0.8rem;
						&.highlighted {
							background-color: $blue;
						}
					}
				}
			}
		}
		// Selects END 
	}
	.search_submit_box {
		grid-area: submit;
		margin: 0;
		margin-top: 15px;
		background-color: unset;
		width: unset;
		height: unset;
		&::after {
			display: none;
		}
		input {
			width: auto;
			height: auto;
			border: 1px solid $black;
			border-radius: 0;
			background-color: transparent;
			color: $black;
			padding: 10px 50px;
			font-family: $urbane-rounded;
			transition: background 0.2s ease-out, color 0.2s ease-out;
			outline: 0;
			&:hover,
			&:focus {
				background-color: $black;
				color: $white;
			}
		}
	}
}*/
#wpl_search_widget-2 #wpl_search_form_2 {
  margin: 25px 5vmin 50px;
  padding: 0;
  border: 1px solid #3b4665;
}
@media (max-width: 768px) {
  #wpl_search_widget-2 #wpl_search_form_2 {
    margin: 0 5vmin 25px;
  }
}
#wpl_search_widget-2 .wpl_search_from {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 5px;
  padding: 10px;
  align-items: end;
}
@media (max-width: 576px) {
  #wpl_search_widget-2 .wpl_search_from {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 490px) {
  #wpl_search_widget-2 .wpl_search_from {
    grid-template-columns: repeat(1, 1fr);
    padding: 5px;
    grid-gap: 5px;
  }
}
#wpl_search_widget-2 .wpl_search_fields.locations .wpl_search_field_container::before {
  content: "Location";
  display: block;
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 1px;
  font-size: 1rem;
  color: #3b4665;
}
#wpl_search_widget-2 .wpl_search_field_container {
  float: unset;
  margin: 0;
}
#wpl_search_widget-2 .wpl_search_field_container label {
  display: block;
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 1px;
  color: #3b4665;
  font-size: 1rem;
  margin: 0;
  padding: 0;
}
#wpl_search_widget-2 .wpl_search_field_container input {
  height: unset;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 5px calc(30px + 1rem) 5px 5px;
  color: #3b4665;
  background-color: #fff;
  border: 1px solid #3b4665;
  color: #3b4665;
  font-family: "greycliff-cf", sans-serif;
  font-size: 0.8rem;
}
#wpl_search_widget-2 .wpl_search_field_container input:focus {
  box-shadow: 0 0 0 1px #3b4665;
  outline: none;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container {
  display: block;
  width: 100% !important;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-single {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  color: #3b4665;
  outline: none;
  border: 1px solid #3b4665;
  font-size: 0.8rem;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-single div {
  display: none;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-single:focus, #wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-single:hover {
  box-shadow: 0 0 0 1px #3b4665;
  outline: none;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-single::after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: calc(50% - 0.5rem);
  right: 15px;
  color: #3b4665;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container.chosen-with-drop .chosen-single::after {
  content: "\f0d8";
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop {
  margin-top: -1px;
  border: 1px solid #3b4665;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop .chosen-search {
  padding: 0;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop .chosen-search::after {
  content: "\f002";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: calc(50% - 0.5rem);
  right: 15px;
  color: #3b4665;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop .chosen-search input {
  position: relative;
  margin: 0;
  padding: 5px calc(30px + 1rem) 5px 5px;
  color: #3b4665;
  background: unset;
  background-color: #fff;
  border: 1px solid #3b4665;
  font-family: "greycliff-cf", sans-serif;
  font-size: 0.8rem;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop .chosen-search input:focus, #wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop .chosen-search input:hover {
  box-shadow: 0 0 0 1px #3b4665;
  outline: none;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop .chosen-results {
  padding: 0;
  margin: 0;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop .chosen-results .active-result {
  padding: 10px;
  font-family: "greycliff-cf", sans-serif;
  font-size: 0.8rem;
}
#wpl_search_widget-2 .wpl_search_field_container .chosen-container .chosen-drop .chosen-results .active-result.highlighted {
  background-color: #3b4665;
}
#wpl_search_widget-2 .search_submit_box {
  margin: 0;
  background-color: unset;
  width: 100%;
  height: unset;
}
#wpl_search_widget-2 .search_submit_box::after {
  display: none;
}
#wpl_search_widget-2 .search_submit_box input {
  width: 100%;
  height: 50px;
  border: 1px solid #202020;
  border-radius: 0;
  background-color: transparent;
  color: #202020;
  padding: 10px 50px;
  font-family: "urbane-rounded", sans-serif;
  transition: background 0.2s ease-out, color 0.2s ease-out;
  outline: 0;
}
#wpl_search_widget-2 .search_submit_box input:hover, #wpl_search_widget-2 .search_submit_box input:focus {
  background-color: #202020;
  color: #fff;
}

/* Advanced location search opup results */
.ui-menu {
  box-shadow: unset;
  border: 1px solid #3b4665;
}
.ui-menu li.ui-autocomplete-category {
  background-color: #5a5a5a;
}
.ui-menu li.ui-menu-item:hover, .ui-menu li.ui-menu-item:focus, .ui-menu li.ui-menu-item:focus-within {
  background-color: #3b4665;
  color: #fff;
}

/* Open Houses */
.sluss_weeklyopenhouses .grid-of-properties .property-listing-link {
  height: 100%;
}
.sluss_weeklyopenhouses .grid-of-properties .property-listing-link .link-content {
  height: 100%;
}
.sluss_weeklyopenhouses .grid-of-properties .property-listing-link .aspect-ratio {
  padding-bottom: 0 !important;
  height: 250px !important;
}
.sluss_weeklyopenhouses .grid-of-properties .property-listing-link .info {
  height: calc(100% - 250px);
  position: unset !important;
}
.sluss_weeklyopenhouses .grid-of-properties .property-listing-link .info .openhouse_list {
  grid-area: tags;
  border-top: 1px solid #fff;
  padding-top: 10px;
}
.sluss_weeklyopenhouses .grid-of-properties .property-listing-link .info .openhouse_list li {
  margin-bottom: 0;
}

body.wpl_property_listing .grid-of-properties-container {
  margin-bottom: 50px;
}

/* Properties */
.grid-of-properties {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-gap: 5px;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  .grid-of-properties {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .grid-of-properties {
    grid-template-columns: 1fr;
  }
}
.grid-of-properties .property-listing {
  display: block;
  margin-bottom: 0;
}
.grid-of-properties .property-listing-link {
  display: block;
}
.grid-of-properties .property-listing-link:hover .link-content, .grid-of-properties .property-listing-link:focus .link-content {
  color: #fff;
}
@media (max-width: 1000px) {
  .grid-of-properties .property-listing-link:hover .link-content, .grid-of-properties .property-listing-link:focus .link-content {
    color: #fff;
  }
}
.grid-of-properties .property-listing-link:hover .link-content .info, .grid-of-properties .property-listing-link:focus .link-content .info {
  background-color: #3b4665;
}
.grid-of-properties .property-listing-link:hover .link-content .info *, .grid-of-properties .property-listing-link:focus .link-content .info * {
  border-color: #fff !important;
}
@media (max-width: 1000px) {
  .grid-of-properties .property-listing-link:hover .link-content .info, .grid-of-properties .property-listing-link:focus .link-content .info {
    background: unset;
    background-color: #3b4665;
  }
  .grid-of-properties .property-listing-link:hover .link-content .info *, .grid-of-properties .property-listing-link:focus .link-content .info * {
    border-color: #fff !important;
  }
}
.grid-of-properties .property-listing-link .link-content {
  position: relative;
  color: #fff;
  font-weight: 400;
}
.grid-of-properties .property-listing-link .link-content .info {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  grid-gap: 10px;
  grid-template-areas: "left right" "tags tags";
  align-items: end;
}
@media (max-width: 1000px) {
  .grid-of-properties .property-listing-link .link-content .info {
    position: unset;
  }
}
@media (max-width: 450px) {
  .grid-of-properties .property-listing-link .link-content .info {
    grid-template-areas: "right" "left" "tags";
    justify-items: start;
  }
}
.grid-of-properties .property-listing-link .link-content .info .left {
  grid-area: left;
}
.grid-of-properties .property-listing-link .link-content .info .left .title {
  font-size: 1rem;
  margin-bottom: 5px;
}
.grid-of-properties .property-listing-link .link-content .info .left .location,
.grid-of-properties .property-listing-link .link-content .info .left .additional {
  font-size: 0.8rem;
}
.grid-of-properties .property-listing-link .link-content .info .left .additional {
  display: flex;
  flex-direction: row;
  flex-wrap: no-wrap;
}
.grid-of-properties .property-listing-link .link-content .info .left .additional div:not(:last-child) {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #fff;
}
.grid-of-properties .property-listing-link .link-content .info .right {
  grid-area: right;
}
.grid-of-properties .property-listing-link .link-content .info .right .price {
  font-size: 1.1rem;
  font-family: "urbane-rounded", sans-serif;
  letter-spacing: 1px;
  text-align: right;
}
.grid-of-properties .property-listing-link .link-content .info .tags {
  grid-area: tags;
  display: flex;
  flex-direction: row;
  width: 100%;
  border-top: 1px solid #fff;
  padding-top: 10px;
}
@media (max-width: 450px) {
  .grid-of-properties .property-listing-link .link-content .info .tags {
    flex-direction: column;
    align-items: flex-start;
  }
}
.grid-of-properties .property-listing-link .link-content .info .tags .tag {
  padding: 2px;
  text-align: center;
  font-size: 0.6rem;
  white-space: nowrap;
  width: 100%;
  max-width: 25%;
}
.grid-of-properties .property-listing-link .link-content .info .tags .tag:not(:last-child) {
  margin-right: 5px;
}
@media (max-width: 450px) {
  .grid-of-properties .property-listing-link .link-content .info .tags .tag {
    max-width: 100%;
    width: unset;
  }
  .grid-of-properties .property-listing-link .link-content .info .tags .tag:not(:last-child) {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.grid-of-properties .property-listing-link .link-content .aspect-ratio {
  position: relative;
  height: 0;
  padding-bottom: 75%;
}
@media (max-width: 1000px) {
  .grid-of-properties .property-listing-link .link-content .aspect-ratio {
    padding-bottom: 56.25%;
  }
}
.grid-of-properties .property-listing-link .link-content .aspect-ratio .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.grid-of-properties .property-listing-link .link-content .aspect-ratio .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.grid-of-properties .wp-block-drm-plainbutton {
  margin-left: 5vmin;
  margin-right: 5vmin;
}

/* SINGLE AGENT PAGE */
.agents-related-properties {
  margin-top: 50px;
  margin-bottom: -49px;
  background-color: #202020;
  padding-bottom: 10px;
  padding-top: 50px;
}
.agents-related-properties h2 {
  margin: 0 10% 50px 10%;
  color: #feff8d;
}
@media (max-width: 576px) {
  .agents-related-properties h2 {
    font-size: 5vmin;
  }
}

.wp-block-drm-simplebox.is-style-review::after {
    pointer-events: none !important;
}