/*
Theme Name: AgentPro Metropolitan
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.2.9
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*******************************************************
 *
 * Variables
 *
 *******************************************************/

:root {
  /** Font default */
  --font-family-default: "Mulish", sans-serif;
  --font-family-title: "Playfair Display", serif;
  --font-size-default: 16px;
  --font-size-title: 18px;
  --primary-text-color: #191919;

  /** Use for input, button, and any other element */
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #e2e3e4;
  --dark: #191919;

  --transition-linear: 0.3s linear;
  --transition-image-filter: filter var(--transition-linear);
  --transition-opacity: opacity var(--transition-linear);
  --transition-color: color var(--transition-linear);
  --transition-background-color: background-color var(--transition-linear);
  --transition-all: all var(--transition-linear);
  --transition-border: border var(--transition-linear);
}

/*******************************************************
 *
 * Global variables
 *
 *******************************************************/
body {
  font-family: var(--font-family-default);
  font-size: var(--font-size-default);
  background: var(--background-color);
  color: var(--primary-text-color);
  margin: 0;

  /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
  /* -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; */
}

a {
  color: var(--primary);
  transition: var(--transition-color);
}

a:hover {
  color: var(--primary-text-color);
}

a:focus {
  outline: 0 !important;
}

.font-default {
  font-family: var(--font-family-default);
}

.font-default-style {
  font-size: max(1vw, 14px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.font-title {
  font-weight: 400;
  font-family: var(--font-family-title);
}

.hide-section-title {
  display: none !important;
}

.section-title {
  font-family: var(--font-family-title);
  font-size: max(4.8vw, 25px);
  color: var(--primary-text-color);
  line-height: 1;
}

.section-title small {
  font-family: var(--font-family-default);
  font-size: max(2.75vw, 24px) !important;
}

.section-title strong {
  display: block;
  font-weight: 400;
}

.position-absolute-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.primary-text-button {
  font-weight: 500;
  font-family: var(--font-family-default);
  font-size: max(0.875vw, 14px);
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.4em;
  transition: var(--transition-color);
}

.primary-text-button:hover {
  color: var(--primary-text-color);
}

.primary-text-button-reverse {
  color: var(--secondary-text-color);
}

.primary-text-button-reverse:hover {
  color: var(--primary);
}

.primary-text-button-dark {
  color: var(--primary-text-color);
}

.primary-text-button-dark:hover {
  color: var(--primary);
}

.image-responsive-cover {
  display: block;
  width: 100%;
  /*height: auto;*/
  object-fit: cover;
  object-position: center;
}

.image-responsive-cover-reverse {
  width: 100%;
  height: 100%;
}

.image-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.quote-bg {
  position: relative;
}

.quote-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: var(--primary-text-color-lighter-v2);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  mask-position: center top;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='472.000000pt' height='362.000000pt' viewBox='0 0 472.000000 362.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,362.000000) scale(0.100000,-0.100000)'%0Afill='%23d1d1d1' stroke='none'%3E%3Cpath d='M860 3473 c-464 -472 -767 -1113 -845 -1788 -17 -151 -20 -500 -5%0A-625 77 -623 545 -1060 1136 -1060 315 0 599 122 820 352 211 220 314 479 314%0A788 0 237 -59 436 -187 628 -175 264 -467 452 -762 493 -139 19 -125 6 -117%0A114 14 210 95 425 250 669 78 123 81 115 -119 319 -235 238 -257 257 -303 257%0A-35 0 -47 -10 -182 -147z'/%3E%3Cpath d='M3305 3478 c-438 -442 -736 -1046 -837 -1691 -30 -195 -33 -671 -5%0A-812 119 -590 562 -975 1122 -975 443 0 840 252 1030 653 73 154 96 254 102%0A447 4 142 2 179 -16 268 -58 278 -208 515 -436 685 -139 103 -320 181 -482%0A207 -37 6 -83 13 -102 16 l-34 5 7 87 c16 210 96 428 250 677 31 50 56 100 56%0A113 0 16 -52 77 -172 203 -209 218 -257 259 -306 259 -33 0 -48 -12 -177 -142z'/%3E%3C/g%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='472.000000pt' height='362.000000pt' viewBox='0 0 472.000000 362.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,362.000000) scale(0.100000,-0.100000)'%0Afill='%23d1d1d1' stroke='none'%3E%3Cpath d='M860 3473 c-464 -472 -767 -1113 -845 -1788 -17 -151 -20 -500 -5%0A-625 77 -623 545 -1060 1136 -1060 315 0 599 122 820 352 211 220 314 479 314%0A788 0 237 -59 436 -187 628 -175 264 -467 452 -762 493 -139 19 -125 6 -117%0A114 14 210 95 425 250 669 78 123 81 115 -119 319 -235 238 -257 257 -303 257%0A-35 0 -47 -10 -182 -147z'/%3E%3Cpath d='M3305 3478 c-438 -442 -736 -1046 -837 -1691 -30 -195 -33 -671 -5%0A-812 119 -590 562 -975 1122 -975 443 0 840 252 1030 653 73 154 96 254 102%0A447 4 142 2 179 -16 268 -58 278 -208 515 -436 685 -139 103 -320 181 -482%0A207 -37 6 -83 13 -102 16 l-34 5 7 87 c16 210 96 428 250 677 31 50 56 100 56%0A113 0 16 -52 77 -172 203 -209 218 -257 259 -306 259 -33 0 -48 -12 -177 -142z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.container-vw {
  width: 76.875vw;
}

.mobile-screen {
  display: none;
}

.desktop-screen {
  display: block;
}

/*******************************************************
 *
 * Global sections
 *
 *******************************************************/

#site-header {
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  z-index: 1000;
  border-top: solid 1px rgba(255, 255, 255, 0.6);
  border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}

#site-header.position-fixed {
  position: fixed;
  top: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  opacity: 0;
  border-top: 0;
  border-bottom: 0;
  background-color: var(--secondary-background-color);
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

#site-header.fade-in-down {
  animation-name: fadeInDown;
}

#site-header.fade-out-up {
  animation-name: fadeOutUp;
}

#site-header .container {
  display: flex;
  align-items: center;
  max-width: 87.5vw;
  width: 100% !important;
}

.site-header-logo {
  display: none;
  padding: 0.612vw;
  margin-right: 2vw;
}

#site-header.position-fixed .site-header-logo {
  display: block;
}

.site-header-logo a {
  font-size: 3.487vw;
  text-align: center;
  color: var(--secondary-text-color);
  line-height: 0.8;
}

.site-header-logo span {
  display: block;
  font-weight: 500;
  font-size: 0.612vw;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  margin-top: 1vw;
}

.site-header-nav {
  flex-grow: 1;
}

#nav {
  display: flex;
}

#nav li {
  position: relative;
  flex-grow: 1;
  flex-basis: 0;
  padding: 1.813vw 0;
}

#site-header.position-fixed #nav li {
  padding: 2.625vw 0;
}

#nav li a {
  display: block;
  font-weight: 500;
  font-size: max(0.875vw, 13px);
  color: var(--secondary-text-color);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 0.375vw;
  border-right: solid 1px var(--background-color);
  transition: var(--transition-opacity);
}

#site-header.position-fixed #nav li a {
  border-right: 0;
}

#nav li a:hover {
  opacity: 0.7;
}

#nav li:last-child a {
  border-right: 0;
}

#nav ul {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: max(12.875vw, 206px);
  flex-direction: column;
  transition: var(--transition-opacity);
}

#nav > li:hover > ul,
#nav > li:focus-within > ul {
  display: block;
  visibility: visible;
  opacity: 1;
}

#nav ul li {
  padding: 0 !important;
  border-right: 0;
}

#nav ul li a {
  background-color: var(--background-color);
  color: var(--primary-text-color);
  padding: 0.875vw;
  transition: var(--transition-background-color), var(--transition-color);
  letter-spacing: 0;
  border-right: none;
}

#nav ul li a:hover {
  background-color: var(--secondary-background-color);
  background-color: var(--primary-color);
  color: var(--secondary-text-color);
  opacity: 1;
}

#nav ul ul {
  display: none;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 100%;
  transform: none;
}

#nav > li:nth-last-child(1) ul ul,
#nav > li:nth-last-child(2) ul ul {
  left: auto;
  right: 100%;
}

#nav ul > li:hover ul,
#nav ul > li:focus-within ul {
  display: block;
  visibility: visible;
  opacity: 1;
}

.qsearch-form {}

.qsearch-form .font-title {
  position: relative;
  font-size: max(2.5vw, 28px);
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 1.25vw;
}

.qsearch-close {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: max(1vw, 18px);
  transform: translateY(-50%);
  cursor: pointer;
}

.qsearch-row {
  display: flex;
  align-items: center;
  margin-left: -0.094vw;
  margin-right: -0.094vw;
  margin-bottom: 0.188vw;
}

.qsearch-col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 0 0.094vw;
}

.qsearch-form .bootstrap-select > .dropdown-toggle,
.qsearch-form .bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.qsearch-form .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  outline: 0 !important;
  border-radius: 0;
  border-color: var(--background-color);
  width: 100%;
  height: max(2.813vw, 34px);
  font-weight: 500;
  font-size: max(0.75vw, 12px);
  color: var(--background-color) !important;
  box-shadow: none !important;
}

.qsearch-form .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: max(0.75vw, 12px);
}

.qsearch-form .bootstrap-select > .dropdown-toggle {
  background-color: transparent !important;
}

.qsearch-form .bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
}

.qsearch-form .bs-searchbox .form-control {
  color: var(--primary-text-color);
}

.qsearch-form .bootstrap-select.btn-group .dropdown-menu:not(ul) {
  border-radius: 0 !important;
  min-width: 100%;
  border: solid 1px var(--primary-text-color);
  box-shadow: none !important;
  margin-top: -2px;
}

.qsearch-form .bootstrap-select .dropdown-menu.inner {
  max-height: 200px !important;
}

.qsearch-row:not(.qsearch-submit) select,
.qsearch-row:not(.qsearch-submit) input:not(.form-control) {
  appearance: none;
  background-color: transparent;
  border: solid 1px var(--background-color);
  width: 100%;
  height: 2.813vw;
  font-weight: 500;
  font-size: max(0.75vw, 12px);
  color: var(--background-color);
  overflow-y: visible;
}

.qsearch-submit {
  display: flex;
  align-items: center;
  margin-top: 1.75vw;
}

.qsearch-submit::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--background-color);
  opacity: 0.5;
}

.qsearch-submit input {
  appearance: none;
  background-color: transparent;
  outline: 0;
  border: 0;
  font-weight: 500;
  font-size: max(0.875vw, 12px);
  color: var(--background-color);
  text-transform: uppercase;
  letter-spacing: 0.4em;
  padding: 0;
  margin-right: 2.313vw;
}

#send-message {
  display: block;
  position: relative;
  padding: max(9.375vw, 70px) 0;
  background: url('images/bg-send-message.jpg') no-repeat center;
  background-size: cover;
}

#send-message::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  background-color: var(--secondary-background-color);
  opacity: 0.6;
}

#send-message .container {
  position: relative;
  z-index: 1;
  width: max(64.625vw, 1034px);
}

#send-message .container .row {
  display: flex;
}

.send-message-title {
  width: 50%;
  padding: 0 max(0.938vw, 15px);
}

.send-message-title .section-title {
  color: var(--secondary-text-color);
}

.send-message-title .section-title span {
  display: block;
}

.send-message-form {
  width: 50%;
  padding: 0 max(0.938vw, 15px);
}

.send-message-form .wpcf7-form {
  position: relative;
}

.smf-row {
  display: flex;
  margin-bottom: max(2.5vw, 20px);
}

.smf-row:last-of-type {
  margin-bottom: 0;
}

.smf-col {
  flex-grow: 1;
  flex-basis: 0;
}

.smf-form-control {}

.smf-form-control .wpcf7-form-control-wrap {
  display: flex;
  position: relative;
}

.smf-form-control input,
.smf-form-control textarea {
  background-color: transparent;
  appearance: none;
  border: 0;
  outline: 0;
  border-bottom: solid 1px var(--background-color-darker);
  display: block;
  width: 100%;
  height: max(2.25vw, 36px);
  font-family: var(--font-family-default);
  font-size: max(0.875vw, 14px);
  letter-spacing: 0.075em;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  padding: 0 max(0.625vw, 10px);
  resize: none;
}

.wpcf7 .use-floating-validation-tip .wpcf7-not-valid-tip {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  z-index: 2;
  transform: translateY(-50%);
  background-color: var(--background-color);
  border: solid 1px var(--background-color-darker);
  font-size: max(0.75vw, 12px);
  padding: max(0.625vw, 10px);
  width: auto;
}

.send-message-form .wpcf7-response-output {
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  right: 0;
  margin: 0 !important;
}

.wpcf7-response-output {
  background-color: var(--background-color);
  font-size: max(0.75vw, 12px) !important;
  padding: max(0.625vw, 10px) !important;
  text-align: center;
}

.smf-submit {
  display: flex;
  justify-content: flex-end;
}

.smf-submit-control::before,
.smf-submit-control .wpcf7-spinner {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: max(1.938vw, 31px);
  color: var(--primary);
}

.smf-submit-control .wpcf7-spinner {
  z-index: 2;
}

.wpcf7-form.submitting .smf-submit-control::before {
  display: none;
}

.smf-submit-control input {
  border-bottom: 0;
  letter-spacing: 0.4em;
  padding: max(0.75vw, 12px) 0 max(0.75vw, 12px) max(3.688vw, 50px);
  transition: var(--transition-all);
}

.smf-submit-control input:hover {
  opacity: 0.7;
}

.footer {
  display: flex;
  flex-direction: column;
  background-color: var(--secondary-background-color);
  color: var(--secondary-text-color);
}

.footer a {
  color: var(--secondary-text-color);
}

.footer-brand {
  padding: 5vw 0 max(3.438vw, 30px);
}

.footer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-site-logo {
  text-align: center;
  margin-right: max(3.75vw, 30px);
}

.footer-logo span {
  display: block;
  font-weight: 500;
  font-size: max(0.875vw, 14px);
  text-transform: uppercase;
  letter-spacing: 0.3em;
  margin-top: 0.938vw;
}

.footer-realtor {
  font-size: max(5vw, 25px);
}

.footer-smi {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  margin-top: max(3.125vw, 30px);
}

.footer-smi a {
  color: var(--secondary-text-color);
  margin: 0 max(1vw, 12px);
}

.footer-smi a:hover {
  opacity: 0.7;
}

.footer-smi span {
  font-size: max(1vw, 15px);
}

.footer-smi span.ai-font-envelope {
  font-size: max(0.65vw, 11px);
}

.footer-smi span.ai-font-phone {
  font-size: max(0.65vw, 11px);
}

.footer-cta {
  border-top: solid 1px #3e3e3e;
  padding: 3.125vw 0;
  font-weight: 500;
  font-size: max(0.75vw, 12px);
}

.footer-cta a:hover {
  opacity: 0.7;
}

.footernav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.footernav ul {
  display: none !important;
}

.footernav li {
  padding: 0 max(1.25vw, 20px);
}

.footernav li a {
  font-size: max(0.875vw, 14px);
  font-size: max(0.875vw, 13px);
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.copyright {
  display: block;
  margin-top: max(0.938vw, 15px);
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

.footer-cta .ai-font-footer-logo {
  margin-top: max(0.938vw, 15px);
  font-size: max(1.313vw, 21px);
  text-align: center;
}

.footer .disclaimer {
  text-align: center;
  line-height: 1.3;
  font-size: 13px;
}

.footer .copyright-sec {
  text-align: center;
  font-style: italic;
  line-height: 1.3;
  margin-top: 10px;
}

/*******************************************************
	 *
	 * IP Styles
	 *
	 *******************************************************/
.ip-banner {
  position: relative;
  width: 100%;
}

.ip-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}

.ip-banner canvas {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: max(15.625vw, 250px);
  background-color: var(--primary-text-color);
  background-image: url(images/slider-1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ip-banner .container {
  width: 76.875vw;
  position: absolute;
  bottom: max(3.125vw, 50px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.ip-banner h1 {
  font-weight: 700;
  font-size: max(2vw, 32px);
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.7;
}

.ip-banner h1 span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.01em;
}

/* Adjust minimum height of page area */
#content-sidebar,
#content-full {
  min-height: 500px;
  margin-top: 20px;
}

/** Adjust width of content columns **/
#content-sidebar #content {
  width: 77.08%;
}

#content-full #content {
  width: 100%;
}

/* Adjust width of sidebar */
.sidebar {
  width: 20.83%;
}

/* fullwidth template */
.page-template-template-fullwidth #content {
  padding-left: 15px;
  padding-right: 15px;
}

.page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
  margin-left: -15px;
  margin-right: -15px;
}

/* Adjust line height of page elements */
#content h4,
aside h4,
#content p,
aside p,
#content blockquote,
aside blockquote,
#content ul,
aside ul,
#content fieldset,
aside fieldset,
#content form,
aside form,
#content ol,
aside ol,
#content dl,
aside dl,
#content dir,
aside dir,
#content menu,
aside menu {
  line-height: 1.7;
}

#content .archive-list {
  display: flex;
  flex-wrap: wrap;
}

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {}

#content .archive-thumbnail {}

#content .archive-thumbnail canvas {
  display: block;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#content big,
aside big {
  font-size: 1.17em;
}

#content small,
aside small,
#content sub,
aside sub,
#content sup,
aside sup {
  font-size: 0.83em;
}

#breadcrumbs {
  display: block;
  width: 76.875vw;
  margin: max(0.938vw, 15px) auto !important;
}

#content p {
  font-size: max(1vw, 16px);
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: var(--primary-text-color);
}

#content .contact-form form {
  margin: -35px -7px 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}

#content .contact-form .contact-field {
  width: calc(100% / 3);
  padding: 0 7px;
}

#content .contact-form .contact-field.lg {
  width: 100%;
}

#content .contact-form .contact-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 1px solid transparent;
  background: transparent;
  display: block;
  width: 100%;
  height: 29px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.26px;
  color: var(--primary-text-color);
  margin-top: 35px;
  padding: 0 9px;
  border-bottom: 1px solid var(--primary-text-color);
  transition: all 0.25s ease-in-out;
}

#content .contact-form .contact-control:focus {
  border-color: var(--primary-text-color);
  outline: 0;
  box-shadow: inset 0 0 1px var(--primary), 0 0 8px var(--primary);
}

#content .contact-form .contact-textarea {
  resize: none;
  height: 81px;
  padding-right: 60px;
  margin-top: 18px;
  padding-top: 10px;
}

#content .contact-form .contact-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 28px;
  position: absolute;
  bottom: 7px;
  right: 30px;
  color: var(--primary);
  transition: var(--transition-all);
}

#content .contact-form .contact-submit:hover {
  color: var(--primary);
}

#content .contact-form .wpcf7-form-control-wrap {
  display: block;
}

#content .contact-form .ajax-loader {
  position: absolute;
  margin: 0;
  bottom: 15px;
  right: 10px;
}

#content .contact-form div.wpcf7-response-output {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%) translateY(15px);
  -ms-transform: translateY(100%) translateY(15px);
  transform: translateY(100%) translateY(15px);
  margin: 0;
  background: var(--background-color);
  color: var(--primary);
}

#content .aios-communities-metropolitan .aios-communities-metropolitan-item-title .section-title {
  font-size: 55px !important;
}

/*5-3-2023*/
.slider-realtor img {
  filter: brightness(0) invert(1);
}

.footer .agents-details {
  margin-top: 20px;
}

.footer .agents-details .footer-agents {
  text-align: center;
  line-height: 1.3;
  font-size: 13px;
}

.footer .agents-details .footer-agents .name {
  font-size: 14px;
  text-transform: uppercase;
}

.footer .agents-details .footer-agents span {
  font-size: 10px;
}

.home-expertise-image {
  position: relative;
}

/*
.home-expertise-image::after {
    content: '';
    background: linear-gradient(0deg, white 15%, transparent 24%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}
*/
.home-expertise-image::after {
  content: "";
  background: linear-gradient(0deg, white 15%, transparent 24%);
  background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
  width: 100%;
  height: 13%;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

/*5-25-2023*/
.site-header-logo a img {
  width: 100%;
  max-width: 145px;
  height: auto;
}

.slider-logo a img {
  width: 100%;
  max-width: 400px;
}

.footer-logo a img {
  width: 100%;
  max-width: 200px;
}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

#home-properties,
#home-expertise,
#home-communities,
#home-testimonials,
#home-cta,
#home-news,
#home-facebook,
#home-instagram,
#send-message {
  display: none;
}

.aios-custom-ihomefinder-results-template #inner-page-wrapper > .container {
  width: 100%;
}

.aios-custom-ihomefinder-printable-template #breadcrumbs {
  display: none;
}

.comm-video {
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all ease 0.4s;
}

.comm-video i {
  font-style: normal !important;
  font-size: 28px;
  color: #ffffff;
  transition: all ease 0.4s;
}

.comm-video:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.comm-video:hover i {
  transform: scale(1.1);
}

/* START 6-20-2023*/
body #pojo-a11y-toolbar {
  bottom: 0 !important;
  top: auto !important;
}

body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
  top: auto !important;
  bottom: 0 !important;
}

button:focus-visible,
a:focus-visible {
  outline-style: solid !important;
  outline-width: 5px !important;
  outline-color: red !important;
  transition: none !important;
}

/* High contrast and Negative contrast break canvas elements with backgrounds */
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-light-background,
#pojo-a11y-toolbar .pojo-a11y-btn-grayscale {
  display: none !important;
}

body.pojo-a11y-readable-font em[class^="ai-font"],
body.pojo-a11y-readable-font a[class^="ai-font"] {
  font-family: "agentimage" !important;
}

#home-slider {
  overflow: visible !important;
}

#home-news .home-news-button .primary-text-button-dark {
  color: #ffffff;
}

#home-news .home-news-button .primary-text-button-dark:hover {
  opacity: 0.5;
}

body.aios-custom-ihomefinder-results-template #listings-results .listings-table .listings-table-body .listings-table-label {
  color: #ffffff;
}

/* body.ihf-details-template #listings-details .listings-slideshow-splide .splide__main .listings-slideshow-splide-img::after , */
body.ihf-details-template #listings-details .listings-hero::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 40%;
  top: 0;
  left: 0;
  background: linear-gradient(to top, transparent 0%, black 100%);
  opacity: 0.7;
  z-index: 3;
  display: block !important;
}

#listings-details .listings-hero.disable-overlay .listings-slideshow-splide:after {
  display: none !important;
}

body.aios-custom-ihomefinder-details-template #listings-details .listings-form textarea {
  padding-right: 30px;
}

body.aios-custom-ihomefinder-details-template .footer-smi {
  margin-top: max(3.125vw, 30px) !important;
}

.slider-smi .textwidget {
  top: 52.5% !important;
}

.slider-smi a {
  margin: max(0.425vw, 7px) !important;
}

/* #ihf-save-listing-form .form-group > .ihf-modal-form-response-output.output-error{
	display: none !important;
} */
/* END 6-20-2023*/

.page-template-template-blog #inner-page-wrapper .col-md-6 {
  margin: 15px 0;
}

.ihf-results-template .ip-banner .container,
.ihf-results-template #inner-page-wrapper p#breadcrumbs {
  width: 100% !important;
}

.listings-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear,
      left bottom,
      left top,
      color-stop(35%, rgba(14, 14, 14, 0)),
      to(rgba(14, 14, 14, var(--aios-listing-background-overlay-opacity))));
  /* background: linear-gradient(to top, rgba(14, 14, 14, 0) 35%, rgba(14, 14, 14, var(--aios-listing-background-overlay-opacity)) 100%); */
  background: -webkit-gradient(linear,
      left bottom,
      left top,
      color-stop(35%, rgba(14, 14, 14, 0)),
      to(rgba(14, 14, 14, 0.7)));
  background: linear-gradient(to top,
      rgba(14, 14, 14, 0) 35%,
      rgba(14, 14, 14, 0.7) 100%);
}

#ihf-main-container #areaPickerExpandAll .glyphicon.glyphicon-remove-circle {
  color: #fff !important;
}

.aidefcf-wrapper .use-floating-validation-tip span.wpcf7-not-valid-tip {
  font-size: 10px;
  width: auto;
  line-height: 1;
  position: absolute;
  top: 8px !important;
  right: 5px;
  left: auto;
  padding: 5px 10px !important;
  transform: unset !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-overflow: ellipsis;
}

.page-template-template-blog-v2 article {
  border-bottom: 1px dotted;
}

.footer-brand a:hover {
  opacity: 0.7;
}

header#site-header #nav {
  justify-content: center;
}

header#site-header #nav li {
  flex-grow: unset;
  flex-basis: unset;
}

header#site-header #nav li a {
  padding: 0.375vw clamp(1.063rem, 3.783vw - 1.283rem, 2.5rem);
}

#site-header.position-fixed #nav li a {
  padding: 0.375vw clamp(0.313rem, 2.467vw - 1.217rem, 1.25rem);
}

.post-aios-communities-port-charlotte .sec-photo .img-wrapper canvas {
  height: 700px !important;
}

body:not(.postid-9188).single-aios-communities #content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  column-count: auto;
  column-gap: normal;
  max-width: 100%;
}

body:not(.postid-9188).single-aios-communities #content ul ul {
  padding-top: 28px !important;
}

body:not(.postid-9188).single-aios-communities #content ul li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 10px;
}

.grecaptcha-badge {
  z-index: 1000;
}

body #agents-results .agent-top {
  margin: 0;
}

body #agents-results .agents-contact {
  justify-content: center;
}

.qsearch-container option {
  color: black !important;
}

#min-price,
#max-price {
  padding-left: 12px;
}

.single-post #inner-page-wrapper {
  z-index: 2;
}


.aios-roadmaps-default-wrapper .aios-roadmaps-default-content img {
  height: auto;
}

.post-page-who-we-are #inner-page-wrapper {
  margin-bottom: 0;
}

#listings-details .listings-form .ajax-loader {
  right: -25px !important;
}

.aios-custom-ihomefinder-printable-template.modal-open {
  overflow: unset !important;
}

.aios-custom-ihomefinder-shortcode {
  --aios-ihf-template-global-page-primary-color: var(--secondary-background-color) !important;
  --aios-ihf-template-global-page-secondary-color: var(--primary-color) !important;
}