/*
Theme Name: AgentPro Metropolitan
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.0.7
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
*
*******************************************************/
@font-face {
font-family: 'Questrial';
src: url('fonts/Questrial-Regular.woff2') format('woff2'),
url('fonts/Questrial-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
: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: .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: #947100;
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: .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: .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, .6);
border-bottom: solid 1px rgba(255, 255, 255, .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);
height: 100px;
}
@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-logo a {
font-size: 3.487vw;
text-align: center;
color: var(--secondary-text-color);
line-height: .8;
padding-bottom: 20px;
display: block;
}
.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;
/* padding: 1.813vw 0;*/
padding: 30px 0;
}
#site-header.position-fixed #nav li {
/* padding: 2.625vw 0;*/
padding: 35px 0;
}
#nav li a {
display: block;
font-weight: 500;
/* font-size: max(0.875vw, 13px);*/
font-size: 13px;
color: var(--secondary-text-color);
text-align: center;
text-transform: uppercase;
letter-spacing: 0.12em;
/* padding: 0.375vw;*/
padding: 6px;
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: .7;
}
#nav li:last-child a {
border-right: 0;
}
.site-header-logo img{
height: 70px !important;
}
#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);
}
.position-fixed #nav ul{
/* top: 99.5px;*/
padding-top: 44.5px;
top: 55px;
}
#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);
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, .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: 250px !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: .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: .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: .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: .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: .4em;
padding: max(0.75vw, 12px) 0 max(0.75vw, 12px) max(3.688vw, 50px);
transition: var(--transition-all);
}
.smf-submit-control input:hover {
color: var(--primary-text-color)
}
.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: .7;
}
.footer-smi span::before {
font-size: max(1vw, 15px);
}
.footer-smi span.ai-font-envelope::before {
font-size: max(0.65vw, 11px);
}
.footer-smi span.ai-font-phone::before {
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: .7;
}
.footernav {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.footernav ul {
display: none !important;
}
.footernav li {
/* padding: 0 max(1.25vw, 20px);*/
padding: 0 max(1.25vw, 10px);
}
.footernav li a {
/* font-size: max(0.875vw, 14px);*/
font-size: max(0.875vw, 11px);
text-transform: uppercase;
letter-spacing: .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;
}
/*******************************************************
*
* IP Styles
*
*******************************************************/
.post-page-sales *[class*=aidefcf-wrapper-contact-us] .wpcf7{
margin: 0 auto;
}
.page-template-template-about #content .about-inner .about-img:after{
display: none;
}
.page-template-template-about #content .about-inner .about-img{
margin: 0 0 3% 1%;
}
.post-page-tenant-corner .post-254 img,
.post-page-apply .post-310 img {
box-shadow: 7px 7px 10px #000;
}
.post-page-services .services-list{
display: flex;
justify-content: center;
}
.post-page-property-management #content .alignleft{
margin: 15px 20px 15px 0;
}
.post-page-property-management #content h2{
line-height: 1.1;
}
.post-page-property-management .pro-mgt{
border: 1px solid black;
padding: 10px;
}
.post-page-property-management .mgt-btns{
display: flex;
margin-top: 40px;
}
.post-page-tenant-corner .pro-mgt,
.post-page-apply .pro-mgt{
border: 1px solid black;
padding: 10px;
margin-top: 40px;
}
.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,.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: .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 .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)
}
.disclaimer-box {
text-align: center;
margin-top: 40px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.12em;
}
.slider-realtor img {
display: block;
max-width: 200px;
}
.footer-realtor img {
display: block;
max-width: 300px;
}
#site-header.position-fixed .site-header-logo {
display: block;
}
.qsearch-button-title strong{
font-family: 'Questrial';
}
#home-properties .section-title span {
font-family: 'Questrial';
}
.grecaptcha-badge {
z-index: 1000!important;
}
.qsearch-form select option{
color: #333333;
}
/*POJO*/
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 {
display:none !important;
}
@media only screen and (max-width: 991px) {
#pojo-a11y-toolbar {
display:none;
}
}
/*ADDED CSS UPD 1-9-2023*/
.home-comm-item:hover .home-comm-item-button span em {
color: #454545 !important;
}
#home-facebook .home-facebook-header{
text-align: center;
display: block;
}
#send-message .smf-submit-control {
display: flex;
}
#send-message .smf-submit-control label{
cursor: pointer;
color: #d4af37;
font-size: 36px;
}
#send-message .smf-submit-control input{
padding-left: 10px;
}
.smf-submit-control input:hover{
color: #d4af37 !important;
}
.aios-agents-template-default h2.agent-entry-title{
display: none;
}
.aios-agents-template-default #agents-single .agents-contact li{
margin: 0 0 5px;
}
.aios-agents-template-default #agents-single .agents-contact li.agent-email-address{
margin: 12px auto;
}
.post-page-meet-the-team #inner-page-wrapper h2.entry-title{
display: none;
}
.post-page-meet-the-team #agents-results .agent-top{
display: none;
}
.post-page-meet-the-team #agents-results .agents-col .agents-name{
align-items: flex-start;
}
.post-page-meet-the-team #agents-results .agents-contact{
justify-content: center;
}
.post-page-testimonials #aios-testimonials .aios-testimonials-lists .star_rating_display i{
color: #947100;
}
.post-page-testimonials #aios-testimonials .aios-testimonials-lists a{
border: 1px solid #d4af37;
}
.post-page-testimonials .ai-testimonials-pagination ul li.aios-testimonialsNext span,
.post-page-testimonials .ai-testimonials-pagination ul li.aios-testimonialsPrev span{
background: #947100;
}
.post-page-testimonials .ai-testimonials-pagination ul li .current,
.post-page-testimonials .ai-testimonials-pagination ul li a:hover {
}
.post-page-testimonials .ai-testimonials-pagination ul li span,
.post-page-testimonials .ai-testimonials-pagination ul li span{
color: #947100;
}
.post-page-contact #content #breadcrumbs{
margin-left: 122px !important;
}
.post-page-contact .ip-banner .container{
transform: unset !important;
left: 122px !important;
padding-left: 0;
}
@media only screen and (max-width: 1440px){
.post-page-contact #content #breadcrumbs{
margin-left: 100px !important;
}
.post-page-contact .ip-banner .container{
left: 100px !important;
}
}
@media only screen and (max-width: 1366px){
.post-page-contact #content #breadcrumbs{
margin-left: 75px !important;
}
.post-page-contact .ip-banner .container{
left: 75px !important;
}
}
@media only screen and (max-width: 1280px){
.post-page-contact #content #breadcrumbs {
margin-left: 50px !important;
}
.post-page-contact .ip-banner .container{
left: 50px !important;
}
}
.post-page-contact #content .contact-info ul li:last-child:hover i{
color: #fff ;
}
.post-page-contact #content .contact-smi ul li a:hover{
color: #e5cf87;
}
.post-page-sales .ai-contact-wrap span.wpcf7-form-control-wrap{
position: relative
}
.post-page-sales .aidefcf-wrapper .use-floating-validation-tip span.wpcf7-not-valid-tip{
top: 2px;
transform: unset;
margin: 5px 0px;
line-height: 1;
padding: 5px 10px;
}
.ihf-results-template #listings-results .listings-table .listings-table-body .listings-table-label{
color: #fff;
}
.post-page-properties .ip-banner .container,
.post-page-sold .ip-banner .container{
left: 0;
transform: unset;
}
.post-page-properties #content #breadcrumbs,
.post-page-sold #content #breadcrumbs{
margin-left: 0 !important;
}
.post-page-properties .aios-custom-ihomefinder-template-poweredby,
.post-page-sold .aios-custom-ihomefinder-template-poweredby{
margin-bottom: 20px;
}
.ihf-results-template .ip-banner .container{
left: 0;
transform: unset;
}
.ihf-results-template:has(span#searchForm\.errors) .ip-banner .container{
left: 50%;
transform: translateX(-50%);
}
.ihf-results-template #content #breadcrumbs{
margin-left: 0 !important;
}
.post-page-search #ihf-main-container #areaPickerClearAll .glyphicon{
color: #fff !important;
}
.aios-custom-ihomefinder-details-template #listings-details .listings-form textarea{
padding-right: 30px;
}
.aios-listings-template-default #listings-details .listings-form textarea{
padding-right: 30px;
}
.post-post-signs-that-now-is-the-time-to-sell-your-home #content .archive-subtitle{
/*
margin-top: 0;
line-height: 1;
*/
display: block;
margin-top: -10px;
}
.post-page-testimonials .ai-testimonials-pagination ul li a {
color: #767676;
}
.post-page-testimonials .ai-testimonials-pagination ul li a span {
font-size: 0;
}
.post-page-testimonials .ai-testimonials-pagination ul li a i {
font-size: 14px;
}
.contact-main strong {
color: #949494;
}
#content .contact-info ul li i, #content .contact-info ul li, #content .contact-info ul li a {
color: #767676 !important;
}
.qsearch-col label {
width: 100%;
}
.ai-default-cf7wrap.ai-contact-wrap .aidefcf-cl2 label {
display: inline-block;
width: calc(100% / 2 - 5px);
}
.ai-default-cf7wrap.ai-contact-wrap .aidefcf-cl3 label {
display: inline-block;
width: calc(100% / 3 - 5px);
}
.ai-default-cf7wrap.ai-contact-wrap label {
width: 100%;
}
.ai-default-cf7wrap.ai-contact-wrap .aidefcf-cl2 label span {
width: 100%;
}
.aidefcf-wrapper .aidefcf-cl2 label {
display: inline-block;
width: calc(100% / 2 - 3px);
}
.aidefcf-wrapper .aidefcf-cl3 label {
display: inline-block;
width: calc(100% / 3 - 3px);
}
.aidefcf-wrapper .aidefcf-cl3 label span {
width: 100%;
}
.aidefcf-wrapper label {
width: 100%;
}
.aidefcf-wrapper .aidefcf-cl2 label span {
width: 100%;
}
.ada-comp {
max-width: 1170px;
margin: 30px auto 0;
font-size: 14px;
text-align: center;
line-height: 20px;
}
@media only screen and (max-width: 991px){
.post-post-signs-that-now-is-the-time-to-sell-your-home #content .archive-subtitle{
margin-top: unset;
}
.home-facebook-header a {
text-align: center;
width: 100%;
display: block !important;
}
}
.qsearch-form .bootstrap-select.btn-group .dropdown-toggle .filter-option{
text-overflow: ellipsis;
}
#home-properties{
z-index: 6 !important;
}
@media only screen and (max-width: 991px){
.home-expertise-image img {
height: 400px;
}
.footer-smi a{
margin: 0 5px !important;
height: 30px !important;
width: 30px !important;
}
}
/*
.post-post-remodeling-projects-that-will-boost-your-homes-value #content .entry-title{
display: none;
}
*/
.aios-listings-template-default #listings-details .listings-slideshow::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(14, 14, 14, 0) 35%, rgba(14, 14, 14, 0.5) 100%);
pointer-events: none;
}
.ihf-details-template #listings-details .listings-slideshow-splide > .splide::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(14, 14, 14, 0) 35%, rgba(14, 14, 14, 0.5) 100%);
pointer-events: none;
}
.qsearch-container .qsearch-row .qsearch-col #maxprice,
.qsearch-container .qsearch-row .qsearch-col #minprice{
padding: 6px 12px;
}
.slider-qsearch.open{
z-index: 7;
}
@media only screen and (max-width: 991px){
.qsearch-container .qsearch-row .qsearch-col #maxprice,
.qsearch-container .qsearch-row .qsearch-col #minprice{
height: max(2.813vw, 34px);
}
}
/*POJO*/
body.pojo-a11y-grayscale {
overflow-x: hidden;
overflow-y: auto;
}
body.pojo-a11y-grayscale {
filter: none !important;
-webkit-filter: none !important;
-webkit-filter: none !important;
-moz-filter: none !important;
-ms-filter: none !important;
-o-filter: none !important;
}
body.pojo-a11y-grayscale #main-wrapper {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}
.home-properties-slides .slick-track .slick-slide div:last-child{
margin-top: -2px;
}
#send-message div.wpcf7 .ajax-loader{
width: 30px;
background-repeat: no-repeat;
height: 30px;
}
.ihf-details-template #listings-details .listings-link-navigation-main:hover{
color: rgb(255, 255, 255, 0.5) !important;
}
.post-page-listings .ip-banner .container{
left: 0;
transform: unset;
}
.post-page-listings .container-theme-filter{
width: 100% !important;
padding-left: 0 !important;
}
.post-page-listings .container-theme-filter #breadcrumbs{
margin-left: 0 !important;
}
.post-page-listings #listings-results .listings-list .listings-link{
color: #000;
border: 1px solid #000;
}
.post-page-listings #listings-results .listings-list .listings-link:hover {
color: #fff;
}
.ihf-details-template .wpcf7 .use-floating-validation-tip .wpcf7-not-valid-tip{
font-size: 12PX;
}
#home-properties .home-properties-item-details-content .home-property-baths{
margin-top: 15px;
}
.aios-custom-ihomefinder-printable-template #inner-page-wrapper #breadcrumbs{
display: none;
}
.ihf-details-template .footer-brand .footer-smi{
margin-top: max(3.125vw, 30px);
}
body .aios-smf-theme-three .aios-smf-header #theme-title .filter-feed a {
color: #767676;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */