/*
Theme Name: Tonya Peralta
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.1
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
*/

/*

TABLE OF CONTENTS

1. Variables
2. Custom CSS
3. IP styles
4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/

/*******************************************************
 *
 * 1. Variables
 *
 *******************************************************/

:root {
    /** Font default */
    --font-family-default: 'Open Sans', sans-serif;
    --font-family-title: 'Noto Serif', serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;

    /** Use for input, button, and any other element */
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --default-transition: .3s cubic-bezier(.4,0,.2,1);


    --ff-barlow: 'Barlow Semi Condensed', sans-serif;
    --ff-marcellus: 'Marcellus', serif;
    --ff-noto: 'Noto Serif Display', serif;
    --ff-roboto: 'Roboto', sans-serif;

    --fc-primary: #bdc5ba;
    --fc-primary-dark: #2e3a57;
    --fc-secondary: #ffffff;
    --fc-primary-accent: #efe1d0;
    --fc-secondary-accent: #c99541;
    --fc-gray: #424242;
    --fc-gray-light: #d6d6d6;

    --custom-transition: .3s ease;
    --primary-width: 71.25%;
    --secondary-width: 92.5%;
    --tertiary-width: 75.875%;

    --fs-st: clamp(10.54rem, calc(0.00rem + 17.00vw), 17.00rem);
    --fs-50: clamp(1.94rem, calc(0.00rem + 3.13vw), 3.13rem);
    --fs-30: clamp(1.16rem, calc(0.00rem + 1.88vw), 1.88rem);
    --fs-24: clamp(0.93rem, calc(0.00rem + 1.50vw), 1.50rem);
    --fs-18: clamp(0.70rem, calc(0.00rem + 1.13vw), 1.13rem);
    --fs-16: clamp(0.62rem, calc(0.00rem + 1.00vw), 1.00rem);
    --fs-14: clamp(0.54rem, calc(0.00rem + 0.88vw), 0.88rem);
}

/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/

/* Sub Menu */
#nav li {
    position:relative;
    display: inline-block;
}

#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: var(--fc-primary);
    display: none;
    padding: 0;
    position: absolute;
 	width:100%;
 	min-width: 211px;
    top: 100%; left: 50%;
    transform: translateX(-50%);
    font-family: var(--ff-roboto);
    font-weight: 300;
}
#nav .sub-menu a {
    display: block;
    padding: 0.625em;
    width: 100%;
    font-size: 0.889em;
}
#nav .sub-menu a:hover,
#nav .sub-menu a:focus,
#nav .sub-menu a:active {
    background: none repeat scroll 0 0 var(--fc-secondary);
    color: var(--fc-secondary-accent);
    text-decoration: none;
    transition: var(--default-transition);
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
 	top:0;
}
#nav li:hover > .sub-menu {
    display: block;
}
#nav .sub-menu li {
    position: relative;
    text-align: center;
    width: 100%;
}

#nav > li > a:focus-visible + .sub-menu,
#nav > li > a:focus-within + .sub-menu,
#nav > li > a:focus + .sub-menu,
#nav > li:focus-visible .sub-menu,
#nav > li:focus-within .sub-menu,
#nav > li:focus .sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
}

.aios-mobile-header-wrapper {
	z-index: 110 !important;
}

/* ===> START OF HEADER <=== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 105;
    transition: var(--default-transition);
}
.header .main-nav_wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    transition: var(--default-transition);
    padding-top: 6.125%;
    transition: var(--custom-transition);
}
.main-nav_wrapper .textwidget {
    width: 16.875%;
    display: flex;
    align-items: center;
    position: absolute;
    right: 50%; left: 50%; top: 50%; bottom: 50%;
    transform: translateX(-50%);
    transition: var(--custom-transition);
    bottom: 0;
}
.main-nav_wrapper .navigation {
    width: 71.4375%;
    margin: 0 auto;
}
.main-nav_wrapper .textwidget .site-logo {
    display: block;
    position: relative;
}
.main-nav_wrapper .textwidget .site-logo::before {
    position: absolute; content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(0, 0, 0, 0.3), transparent 75%);
    transition: var(--default-transition);
}
.main-nav_wrapper .textwidget .site-logo img {
    width: 100%; height: 100%; display: block;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.56));
    transition: var(--default-transition);
}
.main-nav_wrapper .navigation > div,
.main-nav_wrapper .navigation .menu {
    height: 100%;
}
.main-nav_wrapper .navigation .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--fs-18);
    font-family: var(--ff-barlow);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--fc-secondary);
}
.main-nav_wrapper .navigation #nav > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1.667em;
    transition: var(--default-transition);
}
.main-nav_wrapper .navigation #nav > li:nth-child(2) {
    margin-left: 14.44%;
    margin-right: 21.87%;
}
.main-nav_wrapper .navigation #nav > li:nth-child(3) {
    margin-left: 21.87%;
    margin-right: 12.69%;
}
.main-nav_wrapper .navigation #nav > li:hover > a,
.main-nav_wrapper .navigation #nav > li:active  > a,
.main-nav_wrapper .navigation #nav > li:focus > a {
    color: var(--fc-secondary);
}
.main-nav_wrapper .navigation #nav > li > a {
    position: relative;
}
.main-nav_wrapper .navigation #nav > li > a::after {
    content: ''; position: absolute;
    top: 100%; left: -30%; right: -30%;
    height: 0.222em;
    margin-top: 1.444em;
    background: var(--fc-secondary);
    transform: scaleX(0);
    transform-origin: center;
    transition: var(--default-transition);
}
.main-nav_wrapper .navigation #nav > li:hover > a::after,
.main-nav_wrapper .navigation #nav > li:active > a::after,
.main-nav_wrapper .navigation #nav > li:focus > a::after,
.main-nav_wrapper .navigation #nav > li:focus-visible > a::after,
.main-nav_wrapper .navigation #nav > li:focus-within > a::after {
    transform: scaleX(1);
}
.header.fixed {
    background: var(--fc-primary);
}
.header.fixed .main-nav_wrapper {
    padding-top: 0;
}
.header.fixed .main-nav_wrapper .navigation #nav > li {
    margin-top: 2.556em;
    padding-bottom: 2.278em;
}
.header.fixed .main-nav_wrapper .navigation #nav > li > a::after {
    margin-top: calc(2.278em - 4px);
    background: white;
}
.header.fixed .main-nav_wrapper .textwidget {
    width: 14.5625%;
    bottom: 50%;
}
.header.fixed .main-nav_wrapper .textwidget .site-logo::before {
    position: relative;
    display: none;
}
.header.fixed .main-nav_wrapper .textwidget .site-logo img {
    filter: none;
}
.header.fixed .side-nav_toggler {
    margin-top: 2.556em;
}

.side-nav_toggler {
    display: block;
    position: absolute;
    right: 3.75%;
    z-index: 1;
    transition: var(--default-transition);
    font-size: var(--fs-18);
    padding-top: 0.125em;
    cursor: pointer;
}
.side-nav_toggler:hover span {
    background: var(--fc-secondary-accent);
}
.side-nav_toggler span {
    display: block;
    width: 1.5em;
    height: 0.111em;
    background: var(--fc-secondary);
    transition: var(--default-transition);
}
.side-nav_toggler span:nth-child(2) {
    margin: 0.278em 0;
}

.header.opened .side-nav_wrapper  {
    transform: translateX(0%);
}
.header.opened .main-nav_wrapper .side-nav_toggler span:first-child {
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
}
.header.opened .main-nav_wrapper .side-nav_toggler span:nth-child(2) {
    opacity: 0;
}
.header.opened .main-nav_wrapper .side-nav_toggler span:last-child {
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
}

.side-nav_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--fc-primary);
    padding-top: 10.1875%;
    padding-left: 9.0625%;
    transform: translateX(100%);
    transition: var(--default-transition);
}

.side-nav .side-nav_bg {
    top: 59.625%;
    height: 41%;
    left: 16.75%;
    filter: grayscale(1) brightness(4);
    opacity: 1;
}
.side-nav_blur {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    display: none;
}

.header.opened .side-nav_blur {
    display: block;
}

.side-nav_wrapper .navigation {
    height: 100%;
}

.side-nav_wrapper #burger-menu {
    column-count: 2;
}


.side-nav_wrapper #burger-menu > li {
    position:relative;
    display: inline-block;
    font-family: var(--ff-barlow);
    font-weight: 700;
    font-size: calc(var(--fs-24) + 3px);
    letter-spacing: 0.1em;
    color: var(--fc-secondary);
    text-transform: uppercase;
    padding-bottom: calc((60/320.5)*100%);;
    width: 100%;
}

.side-nav_wrapper #burger-menu > li > .sub-menu {
    list-style: none outside none;
    margin: 0; padding: 0;
 	width:100%;
 	min-width: 210px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--ff-roboto);
    font-weight: 300;
    display: block;
    position: relative;
    top: initial;
    background: none;
}
.side-nav_wrapper #burger-menu > li > a {
    display: block;
    padding-bottom: 0.296em;
}

.side-nav_wrapper #burger-menu .sub-menu li {
    display: block;
    position: relative;
    top: initial;
    background: none;
    font-family: var(--ff-roboto);
    font-weight: 300;
    font-size: var(--fs-16);
    letter-spacing: 0.024em;
    text-transform: uppercase;
    text-align: left;
    color: var(--fc-primary-accent);
    color: #9ba3b7;
}

.side-nav_wrapper #burger-menu .sub-menu li a:hover,
.side-nav_wrapper #burger-menu .sub-menu li a:focus,
.side-nav_wrapper #burger-menu .sub-menu li a:active {
    text-decoration: none;
    transition: var(--default-transition);
    color: var(--fc-secondary-accent);
    background: none;
}

.side-nav_wrapper #burger-menu .sub-menu li a {
    display: block;
    width: 100%;
    color: inherit;
    padding: 0.906em 0.688em;
    font-size: var(--fs-16);
}

/* #nav > li > a:focus-visible + .sub-menu,
#nav > li > a:focus-within + .sub-menu,
#nav > li > a:focus + .sub-menu,
#nav > li:focus-visible .sub-menu,
#nav > li:focus-within .sub-menu,
#nav > li:focus .sub-menu {
  display: block;
  opacity: 1;
  visibility: visible;
} */
/* ===> END OF HEADER <=== */

/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: var(--ff-roboto);
	font-size: var(--font-size-default);
    font-weight: 300;
	background: #FFFFFF;
	color: var(--font-color-default);

    /* 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 {
    transition: var(--default-transition);
}
a:hover, a:active, a:focus {
    color: var(--fc-secondary-accent);
}

.site-title h2 {
    font-family: var(--ff-barlow);
    font-weight: 700;
    font-size: calc(var(--fs-24) * 3.05);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--fc-primary);
}
.site-title em {
    font-family: var(--ff-noto);
    font-weight: 300;
    font-style: italic;
    font-size: calc(var(--fs-24) + 2px);
    text-transform: none;
    letter-spacing: 0;
    color: var(--fc-secondary-accent);
    display: block;
}

.site-title.invert-color h2 {
    color: var(--fc-secondary);
}
.site-btn {
    font-size: calc(var(--fs-14) - 1px);
    font-family: var(--ff-roboto);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.150em;
    padding: 1.769em 3.692em;
    display: inline-block;
    background: var(--fc-secondary-accent);
    color: var(--fc-secondary);
    border: 1px solid var(--fc-secondary-accent);
    transition: var(--custom-transition);
}

.site-btn:hover {
    background: none;
    color: var(--fc-secondary-accent);
    border-color: #7c7c7c;
}

.image-wrapper {
	width: 100%;
	position: relative;
}

.image-container {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	transition: all 250ms ease;
}

.image-container img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	object-fit: cover;
	transition: all 250ms ease;
/*    background-color: #f4824f;*/
}

.image-container canvas {
	width: 100%;
	height: auto;
    display: none;
}

._bg {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1;
}
._bg::before, ._bg::after {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}
._bg canvas {
    background-size: cover;
    width: 100%; height: 100%;
}

.icon {
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}

.icon.bed {
	mask-image: url("images/icon-bed.png");
    -webkit-mask-image: url("images/icon-bed.png");
}
.icon.bathtub {
    mask-image: url("images/icon-bathtub.png");
    -webkit-mask-image: url("images/icon-bathtub.png");
}
.icon.volume {
    mask-image: url("images/icon-volume.png");
    -webkit-mask-image: url("images/icon-volume.png");
}
.icon.quotation {
    mask-image: url("images/icon-quotation.png");
    -webkit-mask-image: url("images/icon-quotation.png");
}
.icon.keller-williams {
    mask-image: url("images/kw-ftr.png");
    -webkit-mask-image: url("images/kw-ftr.png");
}

.slick-arrow {
    position: absolute;
    font-size: calc((var(--fs-14) + 1px) * 2);
    padding: 0.567em 0.767em 0.567em 0.833em;
    background: none;
    border: 1px solid var(--fc-secondary);
    color: var(--fc-secondary);
    transition: var(--default-transition);
}
.slick-arrow:hover {
    background: var(--fc-secondary);
    color: var(--fc-secondary-accent);
}

.wpcf7 form {
    position: relative;
}
.wpcf7 form.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: auto;
    left: 8em;
    font-size: 12px;
    line-height: 1;
    padding: 0.5em 1em;
    color: #dc3232;
    font-weight: 300;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 1;
    background: #fff;
    padding: 0.25em 0;
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
}
.wpcf7 form .wpcf7-spinner {
    position: absolute;
    left: 100%;
    bottom: 1.5%;
}

/*******************************************************
 *
 * 4. 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,.6);
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: var(--dark);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFFFFF;
            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 }

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {
    font-family: var(--ff-barlow);
    font-weight: 700;
    font-size: calc(var(--fs-24) * 3.05);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--fc-primary);
    line-height: 1;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
    font-size: calc(var(--fs-18) * 2);
    font-family: var(--ff-roboto);
    font-weight: 500;
    letter-spacing: 0;
    display: block;
}

/* <===== START OF 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;
}

#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display:none !important;
}

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;
}
body.pojo-a11y-resize-font-130 * {
    font-size: 16px !important;
}
/* <===== END OF POJO =====> */

/* <===== START OF SLIDER =====> */
#hp-slider {
    position: relative;
}
.hp-slider_container {
    position: relative;
}

.hp-slider_container::before {
    position: absolute;
    content: '';
    top: 0; right: 0; left: 0; bottom: 0;
    background: #000;
    opacity: 0.05;
    z-index: 101;
}
.hp-slider_container::after {
    position: absolute;
    content: '';
    top: 0; right: 0; left: 0; bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent 50%);
    z-index: 101;
}

.hp-slider_tagline {
    position: absolute;
    z-index: 102;
    color: var(--fc-secondary);
    top: 50%; left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
}

.hp-slider_tagline h2 {
    font-family: var(--ff-barlow);
    font-weight: 700;
    font-size: calc(var(--fs-16) * 5.25);
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
}

.hp-slider_tagline span {
    font-family: var(--ff-noto);
    font-weight: 300;
    font-style: italic;
    font-size: var(--fs-24);
    letter-spacing: 0em;
    text-transform: initial;
    display: block;
}
/* <===== END OF SLIDER =====> */

/* <===== START OF SMI =====> */
.smi a {
    padding: 1em;
    height: 1em;
    width: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--fs-18) + 2px);
    transition: var(--default-transition);
    color: var(--fc-secondary);
}

.smi a:hover,
.smi a:active,
.smi a:focus {
    color: var(--fc-secondary-accent);
}

.smi a .ai-font-phone { font-size: 0.8em; }
.smi a .ai-font-envelope-f { font-size: 0.7em; }

.smi .divider {
    height: 2.389em;
    width: 1px;
    background: white;
    display: block;
    margin: 0.25em 0;
    font-size: var(--fs-18);
}

.fixed-smi.smi {
    position: fixed;
    z-index: 102;
    right: 3.35%;
    align-items: center;
    display: flex;
    flex-direction: column;
    top: 55%;
    transform: translateY(-50%);
    transition: var(--default-transition);
}
.fixed-smi > .aios-section-nav {
    display: none;
}

.nav-active-section-hp-welcome.fixed-smi.smi a,
.nav-active-section-hp-fl.fixed-smi.smi a,
.nav-active-section-hp-fn.fixed-smi.smi a,
.nav-active-section-hp-testimonials.fixed-smi.smi a,
.nav-active-section-hp-social.fixed-smi.smi a {
    color: var(--fc-primary);
}

.nav-active-section-hp-sl.fixed-smi.smi {
    filter: drop-shadow(1px 1px 5px var(--fc-primary-dark));
}
/* <===== END OF SMI =====> */



/* <===== START OF WELCOME SECTION =====> */
.hp-welcome {
    position: relative;
    overflow: hidden;
}

.hp-welcome_bg {
    background: var(--fc-primary);
}
.hp-welcome_bg::before {
    content:'';
    background: linear-gradient(to top, var(--fc-secondary), rgba(255, 255, 255, 0));
    z-index: 1;
}
.hp-welcome_bg::after {
    content: 'About';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-secondary);
    left: -0.75%;
}

.hp-welcome_bg canvas {
    opacity: 0.47;
}

.hp-welcome .textwidget {
    display: flex;
    width: var(--secondary-width);
    margin: 0 auto;
    padding-top: 14.125%;
    padding-bottom: 2.125%;
    position: relative;
}

.hp-welcome .textwidget::before,
.hp-welcome .textwidget::after {
    position: absolute;
    top: 0; left: 24.32%; right: 0; bottom: 0;
    z-index: -1;
}
.hp-welcome .textwidget::before {
    content: '';
    background: var(--fc-secondary);
}
.hp-welcome .textwidget::after {
    content: 'About';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-gray-light);
    right: 1.3%; left: unset; top: 1.15%;
}

.welcome-image {
    width: 45.54%;
    padding-top: 4.32%;
}

.welcome-image .image-container {
    padding-bottom: 75.35%;
}

.welcome-logo {
    position: absolute;
    bottom: 71.06%;
    left: 68.69%;
    z-index: 1;
    margin: 0;
    font-size: var(--fs-14);
    border: 0.929em solid var(--fc-secondary);
    border: 0.529em solid var(--fc-secondary);
    border-radius: 50%;
    max-width: 47.33%;
    background: #fff;
}

.welcome-logo .image-container {
    padding-bottom: 100%;
}

.welcome-text {
    width: 54.459%;
    padding-left: 6.62%;
    padding-right: 7.43%;
}

.welcome-text .welcome-title h2 {
    font-size: calc(var(--fs-50) * 2);
    text-align: right;
}
.welcome-text .welcome-title span {
    font-size: calc(var(--fs-18) * 2);
    font-family: var(--ff-roboto);
    font-weight: 500;
    letter-spacing: 0;
    display: block;
}

.welcome-text .welcome-paragraph{
    margin-top: 8.68%;
    margin-bottom: 12.43%;
}

.welcome-text .welcome-paragraph p {
    font-size: var(--fs-14);
    font-weight: 300;
    font-family: var(--ff-roboto);
    letter-spacing: 0.024em;
    line-height: 1.9;
    color: var(--fc-gray);
}

/* <===== END OF WELCOME SECTION =====> */


/* <===== START OF AWARDS SECTION =====> */
.hp-awards {
    position: relative;
    margin-top: 6.0625%;
    overflow: hidden;
}

.hp-awards_bg::after {
    content: '';
    background: #000;
    opacity: 0.20;
}

.hp-awards .textwidget {
    width: var(--primary-width);
    margin: 0 auto;
    padding-top: 10%;
    padding-bottom: 3%;
}

.award-info_list {
    display: flex;
}

.awards-title {
    text-align: center;
    padding-bottom: 9.82%;
    color: var(--fc-secondary);
}

.award-info_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 28.16%;
    color: var(--fc-secondary);
}

.award-info_item:nth-child(1) {
    padding-right: 2.63%;
    padding-left: 3.25%;
}
.award-info_item:nth-child(2) {
    padding: 0 3.75%;
    width: 43.68%;
    position: relative;
}
.award-info_item:nth-child(2)::before,
.award-info_item:nth-child(2)::after {
    content: ''; position: absolute;
    top: -2%; bottom: 40%;
    width: 1px;
    background: var(--fc-secondary);
    opacity: 0.42;
}
.award-info_item:nth-child(2)::before {
    left: 100%;
}
.award-info_item:nth-child(2)::after {
    right: 100%;
}
.award-info_item:nth-child(3) {
    padding-left: 3.60%;
}

.award-info_item h3 {
    font-family: var(--ff-barlow);
    font-weight: 700;
    font-size: calc(var(--fs-50) + 5px);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1;
}
.award-info_item h3 span,
.award-info_item h3 span i {
    font-style: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
}
.award-info_item span {
    font-family: var(--ff-roboto);
    font-weight: 300;
    font-size: var(--fs-18);
    letter-spacing: 0.024em;
    text-transform: uppercase;
    line-height: 1.4;
}

.award-info_item span i {
    font-style: inherit;
}
.award-info_item:nth-child(2) span {
    padding: 1.333em 1em 0;
}
.award-info_item .award-badge {
    padding: 0 20%;
}
.award-info_item .award-badge .image-container{
    padding-bottom: 100%;
}
.award-info_item:not(:nth-child(1)) span {
    padding-top: 1.333em;
}
/* <===== END OF AWARDS SECTION =====> */

/* <===== START OF FL SECTION =====> */
.hp-fl {
    position: relative;
    overflow: hidden;
}

.hp-fl_bg {
    top: 36.41%;
    height: unset;
    background: var(--fc-primary);
}
.hp-fl_bg::before {
    content: '';
    background: linear-gradient(to top, var(--fc-secondary) 5%, rgba(255, 255, 255, 0));
    z-index: 1;
}
.hp-fl_bg::after {
    content: 'Featured';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-secondary);
    top: unset;
    left: -0.75%;
    z-index: 1;
}

.hp-fl_bg canvas {
    opacity: 0.47;
}

.hp-fl .textwidget {
    padding-top: 7.375%;
    padding-bottom: 8.375%;
}
.hp-fl .textwidget::after {
    position: absolute;
    top: 1.25%; left: 47.5%;
    content: 'Listings';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-gray-light);
    z-index: -1;
}

.fl-title {
    width: var(--primary-width);
    margin: 0 auto;
    padding-bottom: 1.625%;
}

.fl-slider_container {
    width: calc(var(--primary-width) + 1.5%);
    margin: 0 auto;
    position: relative;
    padding-top: 2.375%;
    padding-bottom: 2.375%;
    background: var(--fc-secondary);
}

.fl-slider_container::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: -1.27%;
    left: -1.27%;
    background: var(--fc-secondary);
}

.fl-slider_prev {
    top: 50%;
    /* Container + Item Padding + Space b/w btn and Container */
    right: calc(100% + 1.27% + 3.07%);
}
.fl-slider_next {
    top: 50%;
    /* Container + Item Padding + Space b/w btn and Container */
    left: calc(100% + 1.27% + 3.07%);
}

.fl-slider_item {
    padding: 0 4.02%;
}

.fl-slider_item-image {
    overflow: hidden;
}

.fl-slider_item-image::before {
    content: ''; position: absolute;
    top: 0; bottom: 0; right: 0; left: 0;
    background: linear-gradient(to top, var(--fc-primary), rgba(0, 0, 0, 0) 50%);
    z-index: 1;
}

.fl-slider_item-image .image-container {
    padding-bottom: 100%;
}

.fl-slider_item:hover .fl-slider_item-image img {
    transform: scale(1.05);
}

.fl-slider_item-image .item-price {
    position: absolute;
    bottom: 0;
    text-align: center;
    display: block;
    right: 0;
    left: 0;
    padding: 22px;
    font-family: var(--ff-barlow);
    font-size: calc(var(--fs-14) * 2);
    color: var(--fc-secondary);
    letter-spacing: 0.090em;
    z-index: 1;
}

.fl-slider_item-info {
    padding-bottom: 11.11%;
}

.fl-slider_item-info .item-address {
    font-size: var(--fs-18);
    text-align: center;
    font-family: var(--ff-roboto);
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    color: var(--fc-primary);
    line-height: 1.1;
    padding: 1.556em 0 1.111em;
}

.fl-slider_item-info .item-address span {
    font-size: 0.778em;
    font-weight: 400;
    display: block;
    color: var(--fc-gray);
}

.fl-slider_item-info .info-icons_wrapper {
    font-size: var(--fs-14);
    font-weight: 400;
    font-family: var(--ff-roboto);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    color: var(--fc-gray);
}
.info-icons_wrapper .info-icon {
    display: flex;
    align-items: flex-end;
}

.info-icons_wrapper .info-icon > span{
    padding-right: 5px;
}

.info-icons_wrapper .icon {
    background-color: var(--fc-primary-accent);
    margin-right: 0.857em;
    height: 1.429em;
    width: 1.429em;
    display: inline-block;
}

.fl-slider_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    /* bottom: -9.5%; */
    left: 0;
    right: 0;
    top: 92%;
}
.fl-slider_buttons .fl-slider_button {
    display: block;
    text-align: center;
    font-size: calc(var(--fs-18) * 1.95);
    font-family: var(--ff-barlow);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.657em 0;
    color: var(--fc-primary);
    background: var(--fc-secondary);
    border-top: 1px solid var(--fc-primary-accent);
    width: 31.57%;
    margin: 0 0.429em;
    transition: var(--default-transition);
}
.fl-slider_buttons .fl-slider_button em {
    display: block;
    font-family: var(--ff-noto);
    font-size: var(--fs-18);
    text-transform: none;
    letter-spacing: 0;
    font-weight: 300;
    font-style: italic;
    color: var(--fc-secondary-accent);
    transition: var(--default-transition);
}
.fl-slider_button:hover {
    background: var(--fc-secondary-accent);
    color: var(--fc-secondary);
    border-color: var(--fc-secondary-accent);
}
.fl-slider_button:hover em {
    color: var(--fc-secondary);
}
/* <===== END OF FL SECTION =====> */


/* <===== START OF SL SECTION =====> */
.hp-sl {
    padding-top: 13.5%;
    padding-bottom: 1.6875%;
    overflow: hidden;
}
.hp-sl .textwidget {
    width: var(--secondary-width);
    margin: 0 auto;
    position: relative;
}

.hp-sl .textwidget::before {
    position: absolute;
    bottom: 95%; right: 67.5%;
    content: 'Sold';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-gray-light);
}

.sl-title, .sl-slider_button {
    /* width: 77.03%; */
    margin: 0 auto;
    position: absolute;
    right: 11.485%;
    z-index: 1;
    text-align: right;
}

.sl-title {
    top: 18.58%;
}
.sl-title em {
    color: var(--fc-secondary);
}

.sl-slider_button {
    bottom: 5.4%;
    display: flex;
}
.sl-slider_button .slick-arrow {
    position: relative;
    margin-left: 0.65em;
}
.sl-slider_item {
    display: block;
    overflow: hidden;
}
.sl-slider_item:hover::after {
    opacity: 0;
}
.sl-slider_item:hover img {
    transform: scale(1.05);
}
.sl-slider_item::after {
/*    position: absolute; content: '';
    top: 0; bottom: 0; right: 0; left: 0;
    background: #000;
    opacity: 0.20;
    transition: var(--custom-transition);*/
}
.sl-slider_image.image-container {
    padding-bottom: 49.80%
}
.sl-slider_info {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    display: flex;
    flex-direction: column;
    color: var(--fc-secondary);
    width: 77.03%;
    margin: 0 auto;
    padding-bottom: 4.86%;
    z-index: 1;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.sl-slider_info .item-price {
    display: block;
    font-family: var(--ff-barlow);
    font-size: calc(var(--fs-30) + 7px);
    letter-spacing: 0.090em;
    z-index: 1;
}
.sl-slider_info .item-address {
    font-size: calc(var(--fs-18) + 4px);
    font-family: var(--ff-roboto);
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    line-height: 1.1;
    padding-top: 0.909em;
}

.sl-slider_info .item-address span {
    font-size: 0.778em;
    font-weight: 400;
    display: block;
}
/* <===== END OF SL SECTION =====> */

/* <===== START OF FN SECTION =====> */
.hp-fn {
    position: relative;
    overflow: hidden;
}

.hp-fn_bg::before {
    content: '';
    background: linear-gradient(var(--fc-secondary) 5%, rgba(255, 255, 255, 0), var(--fc-secondary));
    z-index: 1;
}
.hp-fn_bg::after {
    content: ''; position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    background: var(--fc-secondary);
    opacity: 0.90;
    z-index: 1;
}
.hp-fn_bg canvas {
    filter: grayscale(1);
}

.hp-fn .textwidget {
    width: var(--tertiary-width);
    margin: 0 auto;
    padding: 4.5% 0 5.8125%;
}
.hp-fn .textwidget::before {
    position: absolute;
    top: -4.25%; left: -3.25%;
    content: 'Neighborhoods';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-gray-light);
    z-index: -1;
}

.fn-title {
    text-align: center;
}
.fn-list {
    display: flex;
    align-items: center;
    padding: 8.24% 0 5.93%;
}
.fn-item {
    overflow: hidden;
}
.fn-item::after {
    position: absolute; content: '';
    top: 60%; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to top, rgb(57, 69, 98, 0.85) 15%,rgba(57, 69, 98, 0));
    transition: var(--default-transition);
}
.fn-item:hover::after {
    top: 0;
}

.fn-item_image.image-container {
    padding-bottom: 94.33%;
}
.fn-item_info {
    position: absolute;
    text-align: center;
    bottom: 0;
    top: 90%;
    right: 0;
    left: 0;
    padding: 0 13%;
    transform: translateY(-50%);
    transition: var(--default-transition);
    z-index: 1;
}
.fn-item:hover .fn-item_info {
    top: 50%;
}
.fn-item_info strong {
    font-family: var(--ff-barlow);
    font-weight: 600;
    font-size: calc(var(--fs-24) + 4px);
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--fc-secondary);
}
.fn-item_info p {
    font-family: var(--ff-noto);
    font-weight: 300;
    font-style: italic;
    font-size: var(--fs-14);
    letter-spacing: 0.024em;
    line-height: 1.9;
    color: var(--fc-secondary);
    padding: 2.286em 0;
    display: none;
}
.fn-item_info strong {
    font-family: var(--ff-barlow);
    font-weight: 600;
    font-size: calc(var(--fs-24) + 4px);
    letter-spacing: 0.09em;
    text-transform: uppercase;
}
.fn-item_button {
    display: flex;
    justify-content: center;
    display: none;
}
.fn-item_button .item-button {
    padding: 1.692em 3.231em;
    font-family: var(--ff-roboto);
    font-weight: 700;
    font-size: calc(var(--fs-14) - 1px);
    letter-spacing: 0.150em;
    text-transform: uppercase;
    border: 1px solid var(--fc-secondary);
    color: var(--fc-secondary-accent);
    margin-right: 0.769em;
    transition: var(--default-transition);
}
.fn-item_button .item-button-volume {
    padding: 0.625em 0.75em;
    font-size: var(--fs-24);
    border: 1px solid var(--fc-secondary);
    transition: var(--default-transition);
    display: flex;
    align-items: center;
}
.item-button-volume .icon {
    background-color: var(--fc-secondary-accent);
    display: inline-block;
    height: 1em; width: 1em;
}
.fn-item_button .item-button:hover,
.fn-item_button .item-button-volume:hover {
    background: var(--fc-secondary);
}
.fn-button {
    text-align: center;
}
/* <===== END OF FN SECTION =====> */

/* <===== START OF TESTIMONIALS SECTION =====> */
.hp-testimonials {
    padding-bottom: 4.9375%;
    position: relative;
    overflow: hidden;
}
.hp-testimonials_bg::after {
    content: '';
    background: linear-gradient(to bottom, var(--fc-secondary), rgba(255, 255, 255, 0));
    z-index: 1;
}
.hp-testimonials .textwidget {
    width: var(--tertiary-width);
    margin: 0 auto;
    padding: 4.4375% 0 4.125%;
    position: relative;
}
.hp-testimonials .textwidget::before {
    position: absolute; content: '';
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--fc-secondary);
    z-index: -1;
}
.hp-testimonials .textwidget::after {
    position: absolute;
    top: -1%; left: 61.4%;
    content: 'Testimonials';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-gray-light);
    z-index: -1;
}
.testimonials-title {
    text-align: center;
    padding-bottom: 4.77%;
}

.testimonials-quotation {
    font-size: calc(var(--fs-50) * 2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonials-quotation .icon {
    background-color: var(--font-color-default);
    height: 1em;
    width: 1.24em;
    display: inline-block;
    opacity: 0.1;
}

.testimonials-slider_container {
    width: 70.84%;
    margin: 0 auto;
}

.testimonials-slider_prev {
    right: calc(100% + 2.1875%);
}
.testimonials-slider_next {
    left: calc(100% + 2.1875%);
}
.testimonials-slider_prev,
.testimonials-slider_next {
    border-color: var(--fc-primary);
    color: var(--fc-primary);
    top: 51.25%;
}
.testimonials-slider_prev:hover,
.testimonials-slider_next:hover {
    color: var(--fc-secondary);
    background: var(--fc-primary);
}

.testimonials-slider_item {
    text-align: center;
    font-family: var(--ff-roboto);
    font-weight: 300;
    font-size: var(--fs-14);
    letter-spacing: 0.024em;
    line-height: 1.9;
    padding: 2.857em 0;
}

.testimonials-button {
    text-align: center;
    padding-top: 1.65%;
}
/* <===== END OF TESTIMONIALS SECTION =====> */

/* <===== START OF SOCIAL SECTION =====> */
.hp-social {
    position: relative;
    overflow: hidden;
}

.hp-social_bg::before {
    content: '';
    background: linear-gradient(var(--fc-secondary) 5%, rgba(255, 255, 255, 0), var(--fc-secondary));
    z-index: 1;
}
.hp-social_bg::after {
    content: ''; position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    background: var(--fc-secondary);
    opacity: 0.90;
    z-index: 1;
}
.hp-social_bg canvas {
    filter: grayscale(1);
}

.hp-social .textwidget {
    width: var(--tertiary-width);
    margin: 0 auto;
    padding: 10% 0 2.75%;
}

.hp-social .textwidget::before {
    position: absolute;
    top: 7.5%; left: 3%;
    content: 'Social';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-gray-light);
    z-index: -1;
}
.social_wrapper {
	display: flex;
	flex-direction: column;
	padding-right: 0;
	/* max-width: 900px; */
	width: 100%;
	margin: 0 auto;
}
.social-title {
    text-align: center;
    padding-bottom: 7%;
}
.social_container {
    display: flex;
    align-items: center;
}
.social-facebook {
    margin-bottom: 0.6em;
}
.social-instagram {
    margin-top: 0.6em;
}
.social-facebook .social-item:nth-child(3) {
    margin: 0 0.6em;
}
.social-instagram .social-item:nth-child(2) {
    margin: 0 0.6em;
}
.social-item {
    font-size: var(--fs-30);
    width: 19.43%;
    overflow: hidden;
}
.social-item:hover .social-item_image img {
    transform: scale(1.05);
}
.social-text {
    font-size: calc(var(--fs-24) - 2px);
    font-family: var(--ff-roboto);
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100 %;
}
.social-text strong {
    text-transform: uppercase;
    color: var(--fc-primary);
    margin-bottom: 0.818em;
}
.social-text .site-btn {
    padding-right: 2.385em;
	padding-left: 2.385em;
	display: block;
	text-transform: inherit;
	width: 100%;
	max-width: 100%;
	margin-bottom: 35px;
	text-transform: uppercase;
	font-size: 15px;
}

.social-smi a {
	color: var(--fc-secondary-accent);
	font-size: 40px;
	margin: 0 20px;
}

.social-smi a:hover {
	color: #000;	
}

.social-smi {
	margin-bottom: 80px;
}

.social-item_image {
    padding-bottom: 104.24%;
}
.social-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.667em 0.867em;
    color: var(--fc-secondary);
}

/* <===== END OF SOCIAL SECTION =====> */

/* ===> START OF FOOTER CONTACT FORM <=== */
.hp-contact {
    position: relative;
    overflow: hidden;
}

.hp-contact_bg::before {
    content: '';
    background: rgba(0, 0, 0, 0.36);
    z-index: 1;
}

.hp-contact_bg::after {
    position: absolute;
    top: 5%; left: 0; right: 0;
    text-align: center;
    content: 'Contact';
    font-family: var(--ff-barlow);
    font-size: var(--fs-st);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px var(--fc-gray-light);
    opacity: 0.5;
}

.hp-contact .textwidget {
    width: var(--tertiary-width);
    margin: 0 auto;
    padding: 8.5% 0 7.4375%;
}

.contact-title {
    text-align: center;
    padding-bottom: 4.70%;
}

.contact-form_container .row {
    margin: 0;
}
.contact-form_container [class*='col-'] {
    padding: 0;
}
.contact-form_container input:hover,
.contact-form_container input:focus,
.contact-form_container input:active,
.contact-form_container textarea:hover,
.contact-form_container textarea:focus,
.contact-form_container textarea:active {
    outline: none;
}
.contact-form_container .contact-field {
    font-family: var(--ff-roboto);
    font-weight: 300;
    font-size: var(--fs-14);
    letter-spacing: 0.024em;
    color: white;
}
.contact-form_container .contact-field:nth-child(2) {
    padding: 0 0.643em;
}
.contact-form_container .contact-field:nth-child(4) {
    padding-top: 0.786em;
}
.contact-form_container input,
.contact-form_container textarea {
    width: 100%;
    background: none;
    padding: 1.357em 1.643em;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.contact-form_container textarea  {
    resize: none;
    padding-right: 7.5em;
}
.contact-form_container .contact-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 4.214em;
    padding-bottom: 1.286em;
}
.contact-form_container .contact-submit .icon {
    position: absolute;
    font-size: calc(var(--fs-16) * 2);
    color: var(--fc-secondary-accent);
}
.contact-form_container .contact-submit input[type="submit"] {
    width: 1em;
    height: 3.5em;
    color: transparent;
    border: none;
    z-index: 1;
}
.contact-submit:hover .icon,
.contact-submit:active .icon,
.contact-submit:focus .icon {
    color: var(--fc-primary-accent);
}
/* ===> END OF FOOTER CONTACT FORM <=== */

/* ===> START OF FOOTER <=== */
.footer {
    background: #32351d;
}

.ftr-navigation, .ftr-smi, .ftr-contact-info,
.ftr-disclaimer, .ftr-copyright, .ftr-logo {
    width: var(--tertiary-width);
    margin: 0 auto;
    position: relative;
}

.ftr-navigation {
    padding-top: 4.625%;
}
.ftr-navigation .footernav {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--fs-16) + 1px);
    font-family: var(--ff-barlow);
    font-weight: 700;
    letter-spacing: 0.100em;
    color: var(--fc-secondary);
    text-transform: uppercase;
}

.ftr-navigation .footernav > li {
    margin: 0 0.706em;
    padding: 0.706em 0;
}

.ftr-smi .textwidget,
.ftr-logo .textwidget {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ftr-smi.smi a {
    padding: 0;
    margin: 1em 2.25em;
}
.ftr-logo .textwidget {
    padding: 3.37% 0;
}

.ftr-logo .textwidget::before,
.ftr-logo .textwidget::after {
    content: ''; position: absolute;
    height: 1px;
    width: 37.07%;
    background-color: var(--fc-secondary);
    opacity: 0.30;
}

.ftr-logo .textwidget::before {
    left: 0;
}

.ftr-logo .textwidget::after {
    right: 0;
}

.ftr-logo .site-logo {
    width: 18.53%;
}
.ftr-logo .site-logo img {
    display: block;
    width: 100%;
    height: auto;
}
.ftr-contact-info {
    padding-bottom: 3.75%;
}
.ftr-contact-info .textwidget {
    text-align: center;
    font-size: calc(var(--fs-14) + 1px);
    font-weight: 300;
    letter-spacing: 0.024em;
    color: var(--fc-secondary);
    line-height: 1.9;
}
.ftr-contact-info .textwidget em {
    font-style: normal;
    color: var(--fc-secondary-accent);
}

.ftr-disclaimer p, .ftr-copyright {
    text-align: center;
    font-family: var(--ff-roboto);
    font-weight: 300;
    font-size: calc(var(--fs-14) - 1px);
    letter-spacing: 0.024em;
    line-height: 1.5;
    color: var(--fc-secondary);
}

.ftr-disclaimer {
    padding: 0 7.077em;
}

.ftr-copyright {
    padding: 1.769em 0 2.385em;
}

.ftr-bottom {
    /* background: #282828; */
}

.ftr-bottom .textwidget {
    width: 79.625%;
    margin: 0 auto;
    padding: 2.5625% 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ftr-bottom .sign-up_container {
    display: flex;
    align-items: center;
    width: 45.53%;
}
.ftr-bottom .sign-up_container > span {
    font-size: var(--fs-18);
    font-weight: 300;
    font-family: var(--ff-roboto);
    letter-spacing: 0.024em;
    line-height: 1.2;
    white-space: nowrap;
    color: var(--fc-secondary);
}
.ftr-bottom .sign-up_container > span em {
    display: block;
    font-style: normal;
    color: var(--fc-secondary-accent);
}
.ftr-bottom .sign-up_container .wpcf7 {
    margin-left: 1.786em;
    font-size: var(--fs-14);
}
.ftr-bottom input[type="email"] {
    font-family: var(--ff-roboto);
    font-size: var(--fs-14);
    font-weight: 300;
    padding: 1.643em 1.357em;
    letter-spacing: 0.024em;
    background: none;
    border: 1px solid var(--fc-secondary);
    color: var(--fc-secondary);
    width: 100%;
    outline: none;
    padding-right: 4em;
}
.ftr-bottom input[type="email"]:hover,
.ftr-bottom input[type="email"]:active,
.ftr-bottom input[type="email"]:focus {
    outline: none;
}

.ftr-bottom .sign-up_container .sign-up-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
}
.ftr-bottom .sign-up_container .sign-up-submit .icon {
    position: absolute;
    font-size: calc(var(--fs-16) * 2);
    color: var(--fc-secondary-accent);
    transition: var(--default-transition);
}
.ftr-bottom .sign-up_container .sign-up-submit input[type="submit"] {
    width: 100%;
    height: 100%;
    color: transparent;
    border: none;
    z-index: 1;
    background-color: transparent;
    padding: 0 0.75em;
}
.sign-up-submit:hover.submit-icon .icon,
.sign-up-submit:active.submit-icon .icon,
.sign-up-submit:focus.submit-icon .icon {
    color: var(--fc-primary-accent);
}

.ftr-realtors {
    font-size: calc((var(--fs-30) * 1.4) + 3px);
    color: var(--fc-secondary);
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}

.ftr-realtors span:nth-child(2) {
    font-size: 0.778em;
    margin-right: 0.49em;
}
.ftr-realtors .keller-williams.icon {
    font-size: 0.705em;
    background-color: var(--fc-secondary);
    height: 1.14em;
    width: 3.72em;
    display: inline-block;
    margin-right: 0.491em;
}

.ftr-realtors span {
    padding: 0 10px;
}
/* ===> END OF FOOTER <=== */

p#breadcrumbs {
    margin-top: -40px;
}

p#breadcrumbs span {
    color: #fff;
}

p#breadcrumbs a:hover {
    opacity: .7;
}

.ip-container #content-sidebar,
.ip-container #content-full {
    margin-top: 0;
}

.page-id-21 #post-21 {
    display: none;
}
.page-id-21 #content-full {
    min-height: 0;
}
.page-id-21 #inner-page-wrapper,
.page-id-21 .hp-contact {
    margin-bottom: 10px;
}
.fn-item_info {
    bottom: unset;
    /* top: 100%; */
}
.main-nav_wrapper .navigation #nav > li > a {
    white-space: nowrap;
}
.single-aios-communities .aios-communities {
    margin-top: 20px;
}
#main-wrapper {
    overflow: hidden;
}

.listings-main-right .listings-box .listings-cta {
    display: none !important;
}

.aios-custom-ihomefinder-shortcode #content-full #content {
    position: relative;
    z-index: 1;
}
body.ihf-results-template.aios-custom-ihomefinder-results-template #content-full .entry-title {
    width: 100%;
    padding: 0;
}
body.ihf-results-template p#breadcrumbs {
    max-width: 100%;
}
body.ihf-results-template #listings-results {
    margin-bottom: 25px;
}
body.ihf-details-template #listings-details .listings-slideshow-splide #splide01::after,
body.ihf-details-template #listings-details .listings-slideshow.slick-slider::after {
  position: absolute;
  content: '';
  top: 0; bottom: 0; left: 0; right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), transparent 35%);
  display: block !important;
}
body.ihf-details-template #listings-details .listings-slideshow-splide.splide-default .listings-slideshow-splide-text span,
body.ihf-details-template #listings-details .listings-slideshow-text span  {
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 0px 4px rgb(0, 0, 0);
}
body.ihf-details-template #listings-details .listings-form textarea {
  padding-right: 28px;
}

#inner-page-wrapper #breadcrumbs:first-of-type{
/*    display: none !important;*/
}
#inner-page-wrapper #breadcrumbs {
/*    display: block !important;*/
}
body.page-id-199 #inner-page-wrapper .ip-banner-agents .breadcrumbs-wrap #breadcrumbs {
    display: block;
    padding: 0;
}

.agents-seven-bg {
	display: none;
}

.dre-wrap {
	color: #fff;
	font-style: normal !important;
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translate(-50%);
	font-weight: 500;
}

.dre-wrap em {
	font-style: normal;
	color: var(--fc-secondary-accent);
}


.award-info_item:nth-child(2) img {
	width: 100%;
	max-width: 200px;
}

.header.fixed .main-nav_wrapper .textwidget .site-logo img {
	max-width: 154px;
}


.welcome-text .welcome-title h2 {
    color: #31351d;
    font-size: clamp(30px, 3.875vw , 62px) !important;
}




.fn-item {
    width: calc((100% - 20px) / 3);
}

.fn-list {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

p.dre {
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    margin-top: 49px;
}

p.dre em {
    font-style: normal;
    color: #c99541;
}

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