:root {
    /** Font default */
    --font-family-default: "Montserrat", sans-serif;
    --font-family-title: "Magnolia", serif;
    --font-family-forum: "Forum", serif;
    --font-size-default: 20px;
    --font-size-title: 18px;
    --font-color-default: #133b5b;
    --font-color-title: #0e3c5f;
    /** Use for input, button, and any other element */

    --primary: #9aa6b2;
    --secondary: #0e3c5f;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8fafc;
    --dark: #343a40;
    --default-transition: .4s cubic-bezier(.4, 0, .2, 1);

    --primaryLight: #bcccdc;
    --primaryDark: #a3a3a3;
    --secondaryLight: #103f60;
}

/* Global */
body {
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    background: #FFFFFF;
    color: var(--font-color-default);
    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;  */
}

html.windows-true {
    margin-top: 0 !important;
}

#wpadminbar {
    display: none !important;
}

a, em.ai-mobile-phone a {
    color: inherit;
}

a:hover, a:focus,
em.ai-mobile-phone a:hover,
em.ai-mobile-phone a:focus {
    text-decoration: none;
}

section {
    position: relative;
}

#main-wrapper {
    overflow: hidden;
}

/* Global */
.site-content {
    font-size: clamp(0.65rem, 0.0086rem + 1.0345vw, 1.25rem);
}

/* custom_paragraph */
.site-content p {
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.727;
    letter-spacing: 0.05em;
}

/* custom_container */
.site-container {
    margin: 0 auto;
    max-width: 1600px;
    width: calc((1600/1920)*100%);
}

/* custom_title */
.site-title {
    font-weight: 400;
    /*color: var(--primary);*/
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: var(--font-family-forum);
}

.site-title small {
    line-height: 1;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.6em;
    /*color: var(--primaryDark);*/
    color: inherit;
    font-family: var(--font-family-default);
    display: inline-block;
    margin-bottom: 1.25em;
    position: relative;
}

.site-title small::before,
.site-title small::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 100%;
    margin: auto 1.5em auto 0;
}

.site-title small::before {
    width: 50vw;
    height: 1px;
    background: #cecece;
}

.site-title small::after {
    width: 1.25em;
    height: 0.15em;
    background: var(--primaryLight);
}

.site-title.line-right small::before,
.site-title.line-right small::after {
    left: 100%;
    right: auto;
    margin-left: 1.5em;
    margin-right: auto;
}

.site-title span {
    display: block;
    font-size: 3.85em;
    font-size: 4.6em;
    line-height: 0.753;
    line-height: 0.9;
}

.site-title.font-magnolia {
    font-weight: 300;
    font-family: var(--font-family-title);
}

/* custom_button */
.site-button {
    font-size: 0.6em;
    font-weight: 400;
    line-height: 1.667;
    text-align: center;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    z-index: 1;
    color: #000;
    padding: 2em;
    min-width: 25em;
    position: relative;
    display: inline-block;
    text-decoration: none;
    transition: var(--default-transition);
    background: url('../images/ac-pattern.png') no-repeat var(--primaryLight);
    background-size: 54.833em 36.583em;
    background-position: 6.84% 38.95%;
    background-blend-mode: screen;
}

/* .site-button::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    border-radius: 4px;
    border: 1px solid #fff;
    border-image: linear-gradient(43deg, rgba(255, 255, 255, 0.75) 38%, #a4c5dc 47% 54%, rgba(255, 255, 255, 0.75) 60%) 1;
    background: linear-gradient(0deg, rgb(197, 224, 239) 0%, rgb(187, 213, 228) 100%);
    box-shadow:
        0px 2px 4px 0px #c8e9fd inset,
        0px -2px 2px 0px #a9c8de inset,
        2px 0px 4px 0px #c3f5ff inset,
        -2px 0px 4px 0px #ecffff inset,
        -2px 0px 20px 30px rgba(164, 197, 220, 1) inset,
        -2px 0px 20px 20px rgba(255, 255, 255, 0.15) inset,
        0px 2px 4px 1px rgb(233, 255, 255),
        0px 0px 4px 2px #b3cee3,
        0px 2px 1px 1px rgba(14, 60, 95, 0.15),
        0px 0px 49px 0px rgba(164, 197, 220, 0.80);
    transition: var(--default-transition);
} */

.site-button::before {
    position: absolute;
    content: '';
    opacity: 0;
    z-index: -1;
    top: -0.25em;
    left: -0.25em;
    right: -0.25em;
    bottom: -0.25em;
    transition: var(--default-transition);
    -webkit-filter: drop-shadow(0px 0px 2.083em rgba(164, 197, 220, 0.8));
    filter: drop-shadow(0px 0px 2.083em rgba(164, 197, 220, 0.8));
    background-image: url('../images/button-hover.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.site-button::after {
    position: absolute;
    content: '';
    left: 0;
    top: 100%;
    z-index: 1;
    height: 1px;
    width: 7.25em;
    margin-top: 0.5em;
    background: var(--primaryLight);
    transition: var(--default-transition);
}

.site-button div::before,
.site-button div::after {
    position: absolute;
    content: '';
    width: 4.25em;
    display: block;
    height: 4.583em;
    transform: scale(0);
    background-image: url('../images/ac-spark.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.site-button div::before {
    top: 0.5em;
    left: -2em;
    animation: glow-up 1.2s 0.4s alternate infinite;
}

.site-button div::after {
    top: 0.333em;
    right: -2.083em;
    animation: glow-up 1s alternate infinite;
}

.site-button span::before,
.site-button span::after {
    position: absolute;
    content: '';
    display: block;
    width: 11.083em;
    height: 1.417em;
    background-image: url('../images/ac-shine.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    opacity: 0;
}

.site-button span::before {
    left: 1.833em;
    top: -0.667em;
}

.site-button span::after {
    right: 1.833em;
    bottom: -0.5em;
}

.site-button span::before,
.site-button span::after,
.site-button div::before,
.site-button div::after {
    transition: var(--default-transition);
}

@keyframes glow-up {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.site-button:hover {
    color: #000;
    font-weight: 600;
    background-color: transparent;
    transition-delay: 0.1s;
}

.site-button:hover::before {
    opacity: 1;
}

.site-button:hover::after {
    background: #9ba7b3;
    width: 100%;
}

.site-button:hover div::before,
.site-button:hover div::after {
    transform: scale(1);
}

.site-button:hover span::before,
.site-button:hover span::after,
.site-button:hover div::before,
.site-button:hover div::after {
    opacity: 1;
}

.site-button.is-white {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}

.site-button.is-white::after {
    content: unset;
    display: none;
}

/* custom_arrow */
.site-arrow {
    font-size: 0.6em;
    font-weight: 400;
    line-height: 1.667;
    letter-spacing: 0.4em;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    background: transparent;
    text-transform: uppercase;
    transition: var(--default-transition);
    color: #292929;
    outline: none;
    border: none;
    padding: 0;
}

.site-arrow i {
    height: 1em;
    width: 0.5em;
    font-size: 2.833em;
    color: var(--primary);
    display: inline-block;
    transition: var(--default-transition);
}

.site-arrow.prev i {
    margin-right: 0.647em;
}

.site-arrow.next i {
    margin-left: 0.647em;
}

.site-arrow:hover {
    font-weight: 600;
}

.site-arrow:hover,
.site-arrow:hover i {
    color: var(--secondary);
}

/* image_wrapper */
.site-image {
    position: relative;
}

.site-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: var(--default-transition);
}

.site-image canvas {
    width: 100%;
    height: 100%;
    display: block;
}

/* custom_background */
.site-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.site-bg canvas {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* custom_icon */
[class^="icon-"] {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    display: inline-block;
    vertical-align: sub;
}

.icon-bed {
    -webkit-mask-image: url('../images/icon-bed.png');
    mask-image: url('../images/icon-bed.png');
    height: 1em;
    width: 1.176em;
}

.icon-shower {
    -webkit-mask-image: url('../images/icon-shower.png');
    mask-image: url('../images/icon-shower.png');
    height: 1em;
    width: 1em;
}

.icon-area {
    -webkit-mask-image: url('../images/icon-area.png');
    mask-image: url('../images/icon-area.png');
    height: 1em;
    width: 1em;
}

.icon-quote {
    -webkit-mask-image: url('../images/icon-quote.svg');
    mask-image: url('../images/icon-quote.svg');
    height: 1em;
    width: 1.152em;
}

.icon-spark {
    width: 51px;
    height: 55px;
    color: #fff;
    -webkit-mask-image: url('../images/ac-spark.png');
    mask-image: url('../images/ac-spark.png');
}

.icon-pin {
    width: 15px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    background-image: url('../images/icon-pin.png');
}

/* custom_font */
.font-magnolia {
    font-family: var(--font-family-title);
}

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

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 102;
    color: #fff;
    animation: 1s cubic-bezier(.4, 0, .2, 1) forwards slide-in;
}

.header::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    background: var(--primary);
    transition: var(--default-transition);
}

.header.is-active {
    animation: 1s cubic-bezier(.4, 0, .2, 1) forwards slide-down;
}

.header.is-active::before {
    opacity: 0.85;
}

.header.is-active .header-wrap {
    display: none;
}

.header.is-active .fixed-wrap {
    display: block;
}

@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateY(2.5%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slide-down {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Header */
.header-wrap {
    margin: 0 auto;
    max-width: 1600px;
    padding: 1.4em 0 0;
    width: calc((1600/1920)*100%);
}

.header-logo {
    margin: 0 auto 1.6em;
    width: calc((315/1600)*100%);
}

.header-logo img {
    width: 100%;
    height: 100%;
    display: block;
}

.header .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 2.8em;
}

.header .menu li {
    position: relative;
}

.header .menu li a {
    color: inherit;
    display: block;
    font-weight: 400;
    font-size: 0.65em;
    line-height: 0.923;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.header .menu li a:hover,
.header .menu li a:focus {
    outline: none;
    text-decoration: none;
}

.header .menu li .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    transition: var(--default-transition);
}

.header .menu li .sub-menu li {
    margin-bottom: 1px;
}

.header .menu li .sub-menu li a {
    display: flex;
    min-height: 2.692em;
    align-items: center;
    justify-content: center;
    padding: 0.462em 0.769em 0.385em;
    background: rgba(0, 0, 0, 0.70);
    transition: var(--default-transition);
}

.header .menu li .sub-menu li a::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    background: var(--primaryLight);
    transition: var(--default-transition);
}

.header .menu li .sub-menu li a:hover {
    font-weight: 600;
    background: transparent;
}

.header .menu li .sub-menu li a:hover::before {
    opacity: 0.70;
}

.header .menu li:hover > .sub-menu,
.header .menu li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
}

.header .menu > li > a {
    line-height: 1;
    font-size: 0.8em;
    font-weight: 500;
    background: none;
    position: relative;
    letter-spacing: 0.12em;
}

.header .menu > li > a::before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    width: 3.375em;
    height: 0.125em;
    background: #fff;
    margin: 1em auto 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: var(--default-transition);
}

.header .menu > li.menu-item-38 > a::before {
    width: 6.125em;
}

.header .menu > li.menu-item-37 > a::before {
    width: 5.875em;
}

.header .menu > li.menu-item-36 > a::before {
    width: 4.063em;
}

.header .menu > li.menu-item-35 > a::before {
    width: 3.938em;
}

.header .menu > li.menu-item-34 > a::before {
    width: 4.875em;
}

.header .menu > li:hover > a::before,
.header .menu > li > a:hover::before {
    transform: scaleX(1);
}

.header .menu > li > .sub-menu {
    top: 100%;
    left: 50%;
    min-width: 9.05em;
    padding-top: 1.95em;
    transform: translateX(-50%);
}

.header .menu > li.menu-item-38 .sub-menu,
.header .menu > li.menu-item-39 .sub-menu {
    min-width: 9.9em;
}

/* Fixed Header */
.fixed-wrap {
    display: none;
    margin: 0 auto;
    padding: 0.35em 0;
    max-width: 1600px;
    width: calc((1600/1920)*100%);
}

.fixed-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-menu > div.menu-main-nav-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((1092 / 1600)* 100%);
    margin: 0 2.1em 0 auto;
    gap: 0 2.5em;
}

.fixed-menu .menu {
    gap: 0 2.5em;
}

.fixed-menu .menu > li {
    display: flex;
    min-height: 1.6em;
    width: min-content;
    align-items: center;
}

.fixed-menu .menu > li > a::before {
    margin-top: 1.313em;
}

.fixed-menu .menu > li > .sub-menu {
    padding-top: 1.25em;
}

.fixed-logo {
    width: calc((213 / 1092)* 100%);
}

.fixed-logo img {
    width: 100%;
    height: 100%;
    display: block;
}

.fixed-button a {
    min-width: 22.273em;
    font-size: 0.55em;
    padding: 0.909em;
    letter-spacing: 0.15em;
}

.fixed-button a:hover {
    font-weight: 400;
}

/* Section: Contact */
.contact-wrap {
    padding: 5.1em 0 6.5em;
}

.contact-text {
    margin-right: auto;
    width: calc((904/1600)*100%);
}

.contact-text img {
    height: 100%;
    display: block;
    width: calc((545/904)*100%);
}

.contact-text p {
    color: #fff;
    /*font-size: 0.7em;*/
    /*line-height: 2.143;*/
    margin: 2.286em 0 4.143em;
}

.contact-text .site-button {
    background-position: 33.47% 54.5%;
}

.contact-bg::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.48);
}

.contact-bg canvas {
    background-position-y: 40%;
    background-attachment: fixed;
}

.safari-true .contact-bg canvas {
    background-attachment: scroll;
}

/* Footer */
.footer {
    color: #454545;
    position: relative;
}

.footer-wrap {
    margin: 0 auto;
    max-width: 1336px;
    width: calc((1336/1920)*100%);
    padding: 3.85em 0 5.9em;
}

.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-bot {
    display: flex;
    justify-content: space-between;
}

.footer-header {
    line-height: 1;
    font-weight: 400;
    font-size: 1.35em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: var(--font-family-forum);
}

.footer-info {
    display: grid;
    width: calc((866/1336)*100%);
    grid-template-columns: auto auto;
}

.footer-logo {
    grid-column: 1/3;
    margin-bottom: 0.45em;
    width: calc((503/1036)*100%);
}

.footer-logo img {
    width: 100%;
    height: 100%;
    display: block;
}

.footer-contact {
    grid-column: 1/2;
    width: max-content;
    margin-top: 0.25em;
}

.footer-contact .textwidget {
    display: flex;
    gap: 1.3em;
}

.footer-contact ul li {
    font-weight: 400;
    font-size: 0.65em;
    line-height: 1.846;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    margin: 1.077em 0;
}

.footer-contact ul li i {
    color: var(--secondary);
    display: inline-block;
    width: 1.154em;
    height: 1.154em;
}

.footer-contact ul li i.ai-font-phone::before {
    font-size: 0.923em;
    position: relative;
    left: 0.167em;
    top: 1px;
}

.footer-contact ul li i.ai-font-envelope-f::before {
    font-size: 0.769em;
    position: relative;
    left: 1px;
}

.footer-contact ul:last-child li {
    display: flex;
    line-height: 1.385;
    align-items: center;
    flex-flow: row wrap;
    margin: 0.769em 0;
}

.footer-contact ul:last-child li strong {
    width: 100%;
    display: block;
    margin-left: 2.769em;
}

.footer-contact ul li i.ai-font-business-card {
    width: 1.692em;
    height: 1.231em;
    margin-right: 1em;
}

.footer-contact ul li i.ai-font-business-card::before {
    font-size: 1.615em;
    position: relative;
    top: -0.095em;
}

.footer-contact ul li a {
    color: inherit;
    margin-left: 1.231em;
    transition: var(--default-transition);
}

.footer-contact ul li a:hover {
    color: var(--primary);
}

.footer-smi {
    display: flex;
    align-items: center;
    align-self: flex-start;
    width: min-content;
    margin-left: auto;
    grid-column: 2/3;
}

.footer-smi .textwidget {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 1em;
}

.footer-smi a {
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(53, 48, 48, 0.6);
    transition: var(--default-transition);
    color: var(--secondary);
    width: 2.125em;
    height: 2.125em;
    font-size: 0.8e;
}

.footer-smi a:hover,
.footer-smi a:focus {
    color: #fff;
    text-decoration: none;
    border-color: transparent;
    background: var(--primary);
}

.footer-smi .footer-header {
    font-size: 1.25em;
    margin-right: 0.8em;
}

.footer-menu {
    width: calc((344/1336)*100%);
    margin-top: 1.4em;
}

.footer-menu .site-button {
    min-width: 28.583em;
    padding: 1.25em 2em;
    background-position: 46% 48%;
}

#footer-nav {
    column-count: 2;
    column-gap: 2.5em;
    margin: 0.7em 0 2em;
}

#footer-nav li a {
    color: inherit;
    font-weight: 400;
    font-size: 0.65em;
    line-height: 1.308;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: var(--default-transition);
    display: inline-block;
    margin: 0.462em 0;
}

#footer-nav li a:hover {
    color: var(--primary);
}

.footer-disclaimer {
    margin: 2.7em 0 1.7em;
}

.footer-disclaimer p {
    font-size: 0.7em;
    font-weight: 400;
    line-height: 2.143;
    letter-spacing: 0.05em;
}

.footer-links .divider {
    width: 1px;
    height: 0.85em;
    margin: 0 0.5em -0.2em;
    display: inline-block;
    background: currentColor;
}

.footer-links a {
    color: inherit;
    font-weight: 500;
    font-size: 0.65em;
    line-height: 1.692;
    display: inline-block;
    letter-spacing: 0.1em;
    text-decoration: underline;
    transition: var(--default-transition);
}

.footer-links a:hover {
    color: var(--primary);
}

.footer-copyright p {
    font-weight: 500;
    font-size: 0.65em;
    line-height: 1.692;
    letter-spacing: 0.1em;
}

.footer-copyright strong,
.footer-copyright a[href="https://www.agentimage.com"] {
    color: var(--secondary);
}

.footer-copyright a {
    color: inherit;
    transition: var(--default-transition);
}

.footer-copyright a:hover {
    color: var(--primary);
}

.footer-mls {
    display: flex;
    font-size: 1.5em;
    align-items: center;
    color: var(--secondary);
    align-self: flex-end;
    position: relative;
    bottom: -0.167em;
}

.footer-mls .ai-font-eho {
    font-size: 0.733em;
    margin-right: 0.5em;
}

.back-to-top {
    position: absolute;
    right: 6.222em;
    bottom: 2.5em;
    width: 4.056em;
    height: 4.056em;
    font-size: clamp(0.585rem, 0.0078rem + 0.931vw, 1.125rem);
    border-radius: 50%;
    background: #d9eafd;
    color: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--default-transition);
    box-shadow: 0px 9px 30px 0px rgba(0, 0, 0, 0.11);
}

.back-to-top::before {
    position: absolute;
    content: '';
    margin: auto;
    width: 5.556em;
    height: 5.556em;
    border-radius: 50%;
    border: 1px solid #eaeae8;
}

.back-to-top:hover {
    color: #FFF;
    background: var(--primary);
}

/* Global */
/*******************************************************
 *
 * 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, 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;
}

#content .archive-subtitle:not(.site-title),
#content .archive-title:not(.site-title),
#content .entry-title:not(.site-title) {
    font-size: clamp(65px, 3.65vw, 70px);
    font-weight: 300;
    line-height: 0.8em;
    color: var(--primary);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: var(--font-family-title);
}

#content .archive-subtitle.site-title,
#content .archive-title.site-title,
#content .entry-title.site-title {
    font-size: clamp(1rem, 0.7328rem + 0.431vw, 1.25rem);
    font-weight: 400;
    font-family: var(--font-family-title);
    margin: 1em 0 1.4em;
}

#content .archive-subtitle.site-title small,
#content .archive-title.site-title small,
#content .entry-title.site-title small {
    font-size: 1em;
    font-weight: 400;
    font-family: var(--font-family-title);
}

#content p {
    font-weight: 300;
    line-height: 1.727;
    letter-spacing: 0.05em;
}

#content p strong {
    font-weight: 700;
}

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;
}

body.pojo-a11y-readable-font [class*="ai-font"] {
    font-family: agentimage !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-grayscale,
#pojo-a11y-toolbar .pojo-a11y-btn-light-background {
    display: none !important;
}
#ai-modern-about #content #breadcrumbs,
.page-id-13 #content #breadcrumbs{
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}
#ip-iconic-about .site-title small::before{
    display: none;
}

.page-id-18 #ai-modern-about {
    margin-top: 0;
}

.page-id-18 #ai-modern-about .ai-modern-about-title h2 span {
    color: var(--font-color-title);
}

.page-id-18 #ai-modern-about .ai-modern-about-title h2 strong {
    font-size: 90px;
}

.page-id-18 #ai-modern-about .ai-modern-about-contact li span,
.page-id-18 #ai-modern-about .ai-modern-about-contact li a {
    font-size: inherit;
}

.page-id-18 #ai-modern-about .ai-modern-about-contact li > span.envelope {
    font-size: 14px;
}

.page-id-18 #ai-modern-about .ai-modern-about-photo:before {
    background-color: var(--secondary);
}

.aios-custom-ihomefinder-results-template #inner-page-wrapper > .container{
    width: 100%;
}
@media only screen and (min-width: 768px){
    #ai-modern-about #content #breadcrumbs,
    .page-id-13 #content #breadcrumbs{
        width: 750px;
    }
}
@media only screen and (min-width: 992px){
    #ai-modern-about #content #breadcrumbs,
    .page-id-13 #content #breadcrumbs{
        width: 970px;
    }
}
@media only screen and (min-width: 1200px){
    #ai-modern-about #content #breadcrumbs,
    .page-id-13 #content #breadcrumbs{
        width: 1170px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-bg canvas {
        background-attachment: scroll;
    }
}

@media only screen and (max-width: 991px) {
    #pojo-a11y-toolbar {
        display: none;
    }

    body {
        font-size: 16px;
    }

    .aios-mobile-header-wrapper .amh-header-buttons {
        background: var(--primary);
        color: #fff;
    }

    .site-content {
        font-size: clamp(14px, 1.61vw, 20px);
    }

    .site-container {
        width: 80%;
        margin: 0 auto;
        min-width: 280px;
    }

    .site-title span {
        line-height: 1;
    }

    .header {
        animation: none;
        margin-top: 52px;
        position: static;
        background: var(--primary);
    }

    .header-wrap,
    .header.is-active .header-wrap {
        display: block;
        padding: 20px 0;
    }

    .fixed-wrap,
    .header.is-active .fixed-wrap {
        display: none;
    }

    .header-logo {
        width: 100%;
        margin: 0 auto;
        max-width: 250px;
    }

    .header-menu {
        display: none;
    }

    .contact-text p {
        font-size: 0.75em;
    }

    .footer-wrap {
        width: 80%;
        min-width: 280px;
    }

    .footer-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .footer-info {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 1.2em;
    }

    .footer-logo {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        max-width: 400px;
        padding-right: 3em;
    }

    .footer-contact {
        width: 100%;
        text-align: center;
    }

    .footer-contact .textwidget {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
    }

    .footer-contact ul li {
        justify-content: center;
    }

    .footer-contact ul:last-child li strong {
        margin-left: 0;
    }

    .footer-smi {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 1.5em 0;
        gap: 1em;
    }

    .footer-smi .footer-header {
        margin-right: 0;
    }

    .footer-menu {
        width: 100%;
        margin-top: 1.4em;
        text-align: center;
        font-size: 1.2em;
    }

    #footer-nav {
        column-count: 1;
        text-align: center;
    }

    .footer-bot {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-disclaimer {
        text-align: center;
    }

    .footer-links {
        margin-bottom: 1em;
        text-align: center;
    }

    .footer-links .divider {
        display: none;
    }

    .footer-mls {
        bottom: 0;
        margin: 1em 0;
        align-self: center;
    }

    .back-to-top {
        right: 3em;
        bottom: 5em;
    }

    /* The following are used on inner pages. Please edit carefully. */
    .inner {
        width: 100%;
    }

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

    .outer {
        width: 100%;
        min-width: 100%;
    }

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

    #content .archive-subtitle:not(.site-title),
    #content .archive-title:not(.site-title),
    #content .entry-title:not(.site-title) {
        font-size: clamp(2.625rem, 0.9812rem + 5.4795vw, 4.375rem);
    }

    #content .archive-subtitle.site-title,
    #content .archive-title.site-title,
    #content .entry-title.site-title {
        font-size: clamp(0.875rem, 0.7576rem + 0.3914vw, 1rem);
    }
}

@media only screen and (max-width: 767px) {

    .contact-text {
        margin-right: auto;
        width: 100%;
        text-align: center;
    }

    .contact-text img {
        width: 100%;
        margin: 0 auto;
        max-width: 400px;
    }

    .contact-bg canvas {
        background-position: 75%;
    }

    .ip-banner .container {
        width: 100%;
    }

    #content .archive-subtitle.site-title small,
    #content .archive-title.site-title small,
    #content .entry-title.site-title small {
        margin-bottom: 1em;
    }

    #content .archive-subtitle.site-title span,
    #content .archive-title.site-title span,
    #content .entry-title.site-title span {
        font-size: 3em;
    }
}