/*
Theme Name: Hubbard Park
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.8
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. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/

.nav {
    justify-content: flex-end;
}
.nav li a {
    color: #fff;
    font-size: 1vw;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    position: relative;
    padding: 0;
}
.nav li {
    position:relative;
    display: block;
}
.nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    display: none;
    padding: 20px 0 0;
    position: absolute;
    width:100%;
    min-width:200px;
    left: 50%;
    transform: translateX(-50%);
}
.nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
    background: rgba(154, 9, 4,.7);
    text-align: center;
}
.nav .sub-menu a:hover {
    background: rgba(154, 9, 4,1);
    color: #fff;
    text-decoration: none;
}
.nav .sub-menu .sub-menu {
    margin-left: 100%;
    top:0;
}
.nav li:hover > .sub-menu {
    display: block;
}
.nav .sub-menu li {
    position: relative;
}
.nav .sub-menu > li:not(:first-child) {
    margin: 1px 0 0;
}

.nav > li:not(:last-child) {
    margin: 0 3.98% 0 0;
}
.nav > li > a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    background: #fff;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.nav>li>a:focus, .nav>li>a:hover {
    background: transparent !important;
}
.nav li:hover a:after {
    width: 100%;
}

/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */

html {
    overflow-x: hidden;
}

body{
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    background: #FFF;
    color: #666;
    line-height: 1.875;
    margin: 0;
    overflow-x: hidden;
    

    /* 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 {
    outline: none;
    text-decoration: none;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

a:hover {
    color: #850804;
}

canvas {
    display: block;
    width: 100%;
    background-color: #9e2433;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

img {
    max-width: 100%;
}

.relative {
    position: relative;
}

.block{
    display: block;
}

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

.flexbox {
    display: flex;
}

.custom-container {
    width: 91.25%;
    margin: auto;
}
.custom-container--hasPadding {
    padding: 0 5.82%;
}

/*******************************************************
 *
 * Has Overlay
 *
 *******************************************************/
.has-overlay {
    position: relative;
}
.has-overlay:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.27);
    z-index: 1;
}

/*******************************************************
 *
 * Global Info
 *
 *******************************************************/
.info__item a, .info__item em {
    font-size: 1vw;
    font-weight: 500;
    color: #fff;
}
.info__item .ai-phone {
    font-size: 0.875vw;
    margin: 0 10px 0 0;
}
.info__item .ai-envelope-f {
    font-size: 0.688vw;
    margin: 0 13px 0 0;
}
.info__item:first-child {
    margin: 0 2.01% 0 0;
}
.info__item a:hover, .info__item em:hover {
    color: #850804;
    text-shadow: 0 0 3px #fff;
}

/*******************************************************
 *
 * Global Title 
 *
 *******************************************************/
.ttl {
    color: #333;
    font-size: 3.6vw;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 60px;
}
.ttl__small {
    color: #850804;
    font-size: 1.500vw;
    font-weight: bold;
    letter-spacing: .6em;
    line-height: 1;
    display: block;
    margin: 0 0 10px;
}
.ttl__small:last-child:not(:only-child) {
    color: #333;
    text-align: right;
    letter-spacing: 0;
    margin: 5px 0 0;
}
.ttl__small--gray {
    color: #878686;
    letter-spacing: .160em;
    font-weight: 400;
}

/*******************************************************
 *
 * Global Button
 *
 *******************************************************/
.btn {
    width: 100%;
    max-width: 10.938vw;
    text-align: center;
    font-size: 0.875vw;
    font-weight: bold;
    color: #333;
    border: 1px solid #333;
    text-transform: uppercase;
    border-radius: 0;
    padding: 16px 10px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.btn:hover {
    color: #fff;
    background: #850804;
}

/*******************************************************
 *
 * Global SMIs
 *
 *******************************************************/
.smis__itemLink {
    width: 2.500vw;
    height: 2.500vw;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.313vw;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.smis__itemLink:hover {
    background: #690b07;
    border-color: #690b07 !important;
    color: #fff !important;
}

/*******************************************************
 *
 * Scale on Hover
 *
 *******************************************************/
.scale {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.scale:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.33);
    z-index: 1;
}
.scale canvas {
    filter: grayscale(1);
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.scale:hover {
    transform: scale(1.2);
    z-index: 5;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.8);
}
.scale:hover canvas {
    filter: grayscale(0);
}

/*******************************************************
 *
 * Fixed Header
 *
 *******************************************************/
.fh {
    position: fixed;
    width: 100%;
    left: 0;
    background: #9a0904;
    padding: 16px 0;
    z-index: 1033;
    transform: translateY(-100%);
     transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.fh__inner {
    align-items: center;
    justify-content: space-between;
}
.fh__logo {
    width: 17.10%;
}
.fh__nav {
    width: 77.01%;
}
.fh .nav > li:not(:last-child) {
    margin: 0 2.98% 0 0;
}
.fh .nav li a {
    font-size: 16px;
}
.fh.is-visible {
    transform: translateY(0);
}

/*******************************************************
 *
 * Fixed SMIs
 *
 *******************************************************/
.fixedSmis {
    position: fixed;
    width: 2.500vw;
    right: 0.938vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}
.fixedSmis .smis__item:not(:first-child) {
    margin: 8px 0 0;
}
.fixedSmis .smis__itemLink {
    border-color: #333;
    color: #333;
}
.fixedSmis__txt {
    color: #333;
    font-size: 0.750vw;
    font-weight: 500;
    text-transform: uppercase;
    transform: rotate(-90deg);
    position: absolute;
    left: -20%;
    bottom: -8.750vw;
}
.fixedSmis__txt:after {
    position: absolute;
    content: '';
    width: 3.313vw;
    height: 1px;
    background: #333;
    right: -4.375vw;
    top: 50%;
    transform: translateY(-50%;);
}
.fixedSmis.lighten .smis__itemLink {
    border-color: #fff;
    color: #fff;
}
.fixedSmis.lighten .fixedSmis__txt {
    color: #fff;
}
.fixedSmis.lighten .fixedSmis__txt:after  {
    background: #fff;
}
.page .fixedSmis {
    display: none;
}

/*******************************************************
 *
 * Header
 *
 *******************************************************/
.header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30px;
    z-index: 1032;
}
.header .custom-container {
    align-items: center;
}
.header__logo {
    width: 15.11%;
    margin: 0 0 0 5px;
}
.header__right {
    width: 81.78%;
}
.header__info {
    justify-content: flex-end;
}
.header__nav {
    margin: 17px 0 0;
}
.header__nav .nav > li:not(:last-child) {
    margin: 0 4% 0 0;
}

/*******************************************************
 *
 * HP About
 *
 *******************************************************/
.hpAbout {
    padding: 100px 0 0;
}
.hpAbout:before, .hpAbout:after {
    position: absolute;
    content: '';
    width: 92.5%;
    height: 92.35%;
    left: 0;
    top: 0;
}
.hpAbout:before {
    background: url('images/home/about_bg_full.jpg')no-repeat center center/cover;
    filter: grayscale(1);
    z-index: 1;
}
.hpAbout:after {
    background: rgba(255,255,255,.91);
    z-index: 2;
}
.hpAbout .custom-container {
    align-items: flex-end;
    position: relative;
    z-index: 3;
}
.hpAbout__left {
    width: 46.91%;
    padding: 5.625vw 6.16% 5.625vw 6.05%;
    background: rgba(255,255,255,.91);
}
.hpAbout__btn {
    margin: 70px 0 0;
}
.hpAbout__right {
    flex: 1;
    padding: 0 0 20px;
}

/*******************************************************
 *
 * HP Team
 *
 *******************************************************/
.hpTeam {
    padding: 0 0 75px;
}
.hpTeam:before, .hpTeam:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.hpTeam:before {
    filter: grayscale(1);
    background: url('images/home/meet_bg_full.jpg') no-repeat center center/cover;
    z-index: 1;
}
.hpTeam:after {
    background: rgba(255,255,255,.74);
    z-index: 2;
}
.hpTeam .custom-container {
    position: relative;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 4;
}
.hpTeam__left {
    width: 51.02%;
    margin: 20vw 0 0 5.89%;
}
.hpTeam__sliderWrap:last-child {
    justify-content: flex-end;
    margin: -5vw 0 0;
}
.hpTeam__sliderWrap .hpTeam__slider:last-of-type {
    margin: -7.813vw 0 0 -0.938vw;
    z-index: 2;
}
.hpTeam__slider {
    width: 32.61%;
    padding: 0 15px;
}
.hpTeam__sliderLink, .hpTeam__sliderLink:focus {
    outline: none;
}
.hpTeam__sliderImg:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(133,8,4,.42);
    opacity: 0;
    z-index: 1;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.hpTeam__sliderName {
    color: #333;
    font-size: 1.500vw;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    margin: 5px 0 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.hpTeam__sliderPos {
    color: #8d1815;
    font-size: 0.875vw;
    text-transform: uppercase;
    margin: 12px 0 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.hpTeam__right {
    width: 53.21%;
    margin: 0 0 0 -10.13%;
    padding: 11.875vw 9.585% 6.250vw 4.38%;
    background: #fff;
}
.hpTeam__right .ttl {
    margin: 0 0 50px;
}
.hpTeam__sliderNav {
    margin: 140px 0 0;
    justify-content: flex-end;
}
.hpTeam__sliderArrow {
    width: 3.188vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.313vw;
    color: #fff;
    background: #454545;
    cursor: pointer;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.hpTeam__sliderNav .btn {
    margin: 0 1.250vw;
    max-width: 13.438vw;
}
.hpTeam__bgWhite {
    position: absolute;
    background: #fff;
    z-index: 3;
}
.hpTeam__bgWhiteLeft {
    width: 47.1%;
    height: 66.80%;
    left: 0;
    bottom: 26.30%;
}
.hpTeam__bgWhiteBottom {
    width: 49.81%;
    height: 92.94%;
    left: 15.37%;
    bottom: 0;
}
.hpTeam__sliderLink:hover .hpTeam__sliderImg:before {
    opacity: 1;
}
.hpTeam__sliderLink:hover .hpTeam__sliderName {
    color: #8d1815;
}
.hpTeam__sliderLink:hover .hpTeam__sliderPos {
    color: #333;
}
.hpTeam__sliderArrow:hover {
    background: #850804;
}
.hpTeam__sliderNav--Sp {
    display: none;
}

/*******************************************************
 *
 * HP Featured Properties
 *
 *******************************************************/
.fp {
    padding: 120px 0;
}
.fp__inner {
    align-items: flex-end;
    margin: -10px
}
.fp__col:first-child {
    width: 38.21%;
}
.fp__col:nth-child(2) {
    width: 40.89%;
}
.fp__col:last-child {
    width: 20.9%;
}
.fp__row .fp__item {
    width: 49.74%;
}
.fp__ttlWrap {
    padding: 0 8.69%;
}
.fp__ttlWrap .btn {
    max-width: 15.938vw;
    margin: 0 0 11.36%;
}
.fp__item {
    padding: 10px;
    box-sizing: border-box;
}
.fp__itemDetails {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2.188vw;
    padding: 0 2.188vw;
    z-index: 2;
}
.fp__itemPrice {
    color: #fff;
    font-size: 1.500vw;
    font-weight: bold;
}
.fp__itemAddress {
    color: #fff;
    font-size: 0.938vw;
}
.fp__btn {
    margin: 10px 0 0;
    padding: 10px;
    background: #850804;
    color: #fff;
    display: none;
}
.fp__itemDetails--flex {
    padding: 0 3.125vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fp__itemDetails--flex .fp__itemDetailsTxt {
    width: 50%;
}
.fp__itemDetails--flex {
    margin: 0;
}
.fp__itemLink:hover .fp__btn {
    display: block;
}
.fp__row .fp__itemImg:hover {
    transform: scale(1.3);
}

/*******************************************************
 *
 * HP Featured Towns
 *
 *******************************************************/
.ftWrap {
    padding: 50px 0 25px;
}
.ft {
    flex-wrap: wrap;
    justify-content: center;
}
.ft__item {
    width: 33.33%;
}
.ft__itemLink:before {
    background: rgba(0,0,0,.47);
}
.ft__itemLink canvas {
    filter: grayscale(1);
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.ft__itemName {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-size: 1.125vw;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 2;
}
.ft__itemLink:hover canvas {
    filter: grayscale(0);
}

/*******************************************************
 *
 * HP Blogs
 *
 *******************************************************/
.hpBlog {
    padding: 140px 0 120px;
}
.hpBlog__inner {
    flex-wrap: wrap;
    margin: 0 -1.5px;
}
.hpBlog__box {
    width: 33.33%;
    padding: 0 1.5px;
}
.hpBlog__box:not(:nth-child(-n + 3)) {
    margin: 30px 0 0;
}
.hpBlog__box canvas {
    background-size: contain;
    background-position: center center;
}
.hpBlog__ttlWrap {
    padding: 0 0 0 1.36%;
    display: flex;
    align-items: center;
}
.hpBlog__ttlWrap:before, .hpBlog__ttlWrap:after {
    position: absolute;
    content: '';
    width: 106.19%;
    height: 129.41%;
    left: -14.25%;
    bottom: 0;
}
.hpBlog__ttlWrap:after {
    background: rgba(255,255,255,.47);
    z-index: 2;
}
.hpBlog__ttlWrap:before {
    opacity: .31;
    filter: grayscale(1);
    background: url('images/home/blog_bg.jpg')no-repeat center center/cover;
}
.hpBlog__ttlWrap .ttl {
    position: relative;
    margin: 0;
    z-index: 3;
}
.hpBlog__itemDetails {
    padding: 23px 6.19%;
}
.hpBlog__itemTtl {
    color: #333;
    font-size: 1.1vw;
    font-weight: bold;
}
.hpBlog__itemExcerpt {
    font-size: 0.938vw;
    line-height: 1.6;
    margin: 10px 0 0;
    word-break: break-word;
}
.hpBlog__itemMore {
    color: #333;
    font-size: 0.938vw;
    font-weight: bold;
    line-height: 1.6;
    text-transform: uppercase;
    margin: 20px 0 0;
}
.blog__itemLink:hover .hpBlog__itemTtl, .blog__itemLink:hover .hpBlog__itemMore {
    color: #9a0904;
}

/*******************************************************
 *
 * HP Testimonials
 *
 *******************************************************/
.testimonialsWrap {
    padding: 140px 0 150px;
    background: url('images/home/testi_bg_full.jpg')no-repeat center center/cover;
}
.testimonialsWrap:before {
    background: rgba(0,0,0,.75);
}
.testimonialsWrap .container {
    position: relative;
    z-index: 3;
}
.testimonialsWrap .ttl {
    color: #fff;
    margin: 0 0 50px;
}
.testimonialsWrap .ttl__small--gray {
    font-weight: bold;
}
.testimonialsWrap__inner {
    width: 74.56%;
    margin: auto;
}
.testimonials__item {
    color: #fff;
    font-size: 0.875vw;
}
.testimonials__itemName {
    font-size: 1.125vw;
    font-weight: bold;
    text-transform: uppercase;
    margin: 35px 0 0;
}
.testimonials__arrow {
    position: absolute;
    width: 6.375vw;
    height: 6.750vw;
    font-size: 2.813vw;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    background: #660a08;
    cursor: pointer;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.testimonial__prev {
    left: 0;
}
.testimonial__next {
    right: 0;
}
.testimonials__arrow:hover {
    background: #454545;
}
 
/*******************************************************
 *
 * HP Instagram
 *
 *******************************************************/
.instaWrap {
    padding: 120px 0 213px;
    overflow-x: hidden;
    display: none;
}
.instaWrap__row {
    align-items: center;
}
.instaWrap__row:last-child:before, .instaWrap__row:last-child:after  {
    position: absolute;
    content: '';
    right: -4.75%;
}
.instaWrap__row:last-child:before {
    background: url('images/home/insta_bg.jpg')no-repeat center center/cover;
    width: 65%;
    height: 127.21%;
    top: 15px;
    z-index: 1;
}
.instaWrap__row:last-child:after {
    width: 68.98%;
    height: 153.30%;
    background: rgba(26,26,26,.96);
    top: -16px;
    z-index: 2;
}
.instaWrap__ttl, .insta__nav {
    flex: 1;
    position: relative;
    z-index: 3;
}
.instaWrap__ttl .ttl {
    margin: 0;
}
.instaWrap_slick {
    width: 58%;
    position: relative;
    z-index: 3;
}
.instaWrap_slick .slick-list {
    padding: 15px 0;
}
.instaWrap_slick .slick-list div {
    font-size: 0;
}
.insta__item {
    padding: 0 15px;
    outline: none;
}
.insta__itemImg:before {
    background: rgba(0,0,0,.18);
}
.insta__itemImg canvas {
    filter: grayscale(0);
}
.insta__itemImg i {
    position: absolute;
    color: #fff;
    font-size: 1.500vw;
    color: #fff;
    right: 7.57%;
    bottom: 5.68%;
    z-index: 3;
}
.insta__nav {
    justify-content: center;
}
.insta__arrow {
    align-items: center;
    cursor: pointer;
}
.insta__arrow i {
    width: 3.188vw;
    height: 3.188vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.438vw;
    background: #850804;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.insta__arrow span {
    color: #fff;
    font-size: 0.875vw;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.insta__prev i {
    margin: 0 35px 0 0;
}
.insta__next i {
    margin: 0 0 0 35px;
}
.insta__prev {
    position: relative;
    margin: 0 90px 0 0;
}
.insta__prev:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    background: #5a5a5a;
    top: 0;
    right: -45px;
}
.insta__arrow:hover i {
    background: #333;
}
.insta__arrow:hover span {
    color: #850804;
}
.insta__itemImg:hover {
    transform: scale(1.05);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);
}

/*******************************************************
 *
 * GIT
 *
 *******************************************************/
.git {
    padding: 150px 0 165px;
    background: url('images/home/git_bg_full.jpg')no-repeat center center/cover;
}
.git:before {
    background: rgba(0,0,0,.82);
}
.git .container {
    position: relative;
    z-index: 3;
}
.git .ttl {
    color: #fff;
}
.git  .ttl__small--gray {
    font-weight: bold;
    letter-spacing: .6em;
}
.git form {
    position: relative;
    padding: 0 2.36%;
}
.git__row.flexbox {
    justify-content: space-between;
}
.git__row.flexbox .git__field {
    width: 24.07%;
}
.git__message {
    margin: 50px 0 0;
}
.git__field input, .git__field textarea {
    background: transparent;
    outline: none;
    border: none;
    width: 100%;
    height: 34px;
    padding: 0 3px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 0.750vw;
    text-transform: uppercase;
}
.git__field textarea {
    resize: none;
    height: 95px;
    padding: 12px 3px;
}
.git .wpcf7-submit {
    outline: none;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    margin: 60px auto 0;
    display: block;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.git .wpcf7-submit:hover {
    background: #850804;
    border-color: #850804;
}
.git .ajax-loader {
    position: absolute !important;
    bottom: 0;
    right: 0;
}
.git .wpcf7-response-output {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    color: #fff;
    margin: 20px 0 0 !important;
}
.git .wpcf7-not-valid-tip {
    font-size: 12px;
    left: 0 !important;
    width: 100% !important;
    max-width: 170px !important;
    position: absolute !important;
}

/*******************************************************
 *
 * Footer
 *
 *******************************************************/
.footer {
    padding: 150px 0 135px;
}
.footer:before {
    z-index: 2;
    background: rgba(0,0,0,.7);
}
.footer:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: grayscale(1);
    opacity: .7;
    background: url('images/common/footer_bg_full.jpg')no-repeat center center/cover;
    z-index: 1;
}
.footer .container {
    position: relative;
    z-index: 3;
}
.footer__logo {
    width: 100%;
    max-width: 240px;
    display: block;
    margin: auto;
}
.footer__logo img {
    width: 100%;
}
.footer__info, .footer__smis, .footernav {
    justify-content: center;
    margin: 30px 0 0;
}
.footer__smis .smis__itemLink {
    margin: 0 8px;
}
.footer__dre {
    font-size: 1.125vw;
    font-weight: 500;
    color: #fff;
    margin: 20px 0 0;
}
.footernav li {
    margin: 0 1.58%;
}
.footernav li a {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}
.footer__copyright {
    color: #999;
    font-size: 14px;
    margin: 30px 0 0;
}
.footer__copyright a:last-of-type {
    color: #fff;
}
.ai-footer-logo {
    color: #999;
    font-size: 1.688vw;
    margin: 25px 0 0;
}
.footernav li:hover a, .footer__copyright a:hover {
    color: #690b07;
    text-shadow: 0 0 3px #ffff;
}

/*=====================================================
 AIOS FORMS FIX CSS
 ====================================================*/
.aidefcf-cl2 span:first-of-type, .aidefcf-cl3 span:first-of-type {
    float: left !important;
}
.aidefcf-cl3 span:last-of-type {
    float: right;
}

/*******************************************************
 *
 * 3. 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: #f9f7f7;
        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: #FFF;
            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 { 
    color: #333;
    font-size: 3.6vw;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
    color: #333;
    font-size: 2.6vw;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}

.category-whats-happening #content .archive-subtitle {
    font-size: 24px !important;
}

.ip-ad-item {
    text-align: center;
    font-size: 0;
    position: relative;
    padding: 10px 0;
}
.ip-ad-item p {
    font-size: 14px;
    min-height: 70px;
}
.ip-events-wrap {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
}
    .ip-events-inner {
        padding: 15px 0;
    }
        .ip-events-wrap strong,
        .ip-events-wrap p {
            font-size: 16px;
        }
    .ip-events-list {
        position: relative;
        margin: 20px -5px 0;
        display: flex;
        flex-wrap: wrap;
    }
        .ip-events {
            width: calc(100% / 3);
            padding: 5px;
        }
            .ip-events a {
                display: block;
                position: relative;
            }
                .ip-events canvas {
                    width: 100%;
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                }
     
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

/** Single Default Layout (Post Content) */
#content .entry-thumbnail {
    position: relative;
    margin-bottom: 50px;
}

#content .entry-thumbnail img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.back-to-link {
    position: relative;
}

.back-to-link a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    margin-top: 75px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.back-to-link a:hover {
}
/** End of Single Default Layout (Post Content) */

/** Archive Default Layout (Archive Page) */
#content .archive-list {
    position: relative;
}

#content .archive-list .post {
    border-bottom: none;
}

#content .archive-list .archive-thumbnail,
#content .archive-list .archive-content {
    width: 100%;
}

#content .archive-list .archive-thumbnail a {
    display: block;
    outline: none;
}

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

#content .archive-list .article-long .archive-thumbnail {
    width: 60%;
}

#content .archive-list .article-long .archive-has-thumbnail {
    width: 37%;
    margin-left: 3%;
}

#content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {
    margin-top: 0;
    font-size: 32px;
}

#content .archive-list .article-long p {
    font-size: 22px;
}

#content .archive-more {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-style: normal;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#content .archive-more:after {
    content: '';
    position: absolute;
    left: calc(100% + 23px);
    top: calc(50% - 1px);
    background: #ded1c1;
    width: 0;
    height: 2px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#content .archive-more:hover {
}

#content .archive-more:hover:after {
    width: 63px;
    opacity: 1;
}

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

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

#listings-results .listings-grid .listings-plan span {
    font-size: 10px !important;
    padding: 5px 10px !important;
}

#listings-details .listings-form textarea {
    padding-right: 40px !important;
}

#listings-details .listings-form span.wpcf7-not-valid-tip,
#agents-popup-form .wpcf7-not-valid-tip,
.cu-form .wpcf7-not-valid-tip,
.aidefcf-wrapper .use-floating-validation-tip span.wpcf7-not-valid-tip,
.error404 .wpcf7-not-valid-tip {
    font-size: 10px !important;
    width: auto !important;
    position: absolute !important;
    top: 20%;
}
.error404 .wpcf7-not-valid-tip {
    font-size: 12px !important;
}

#areaPickerClearAll .glyphicon {
    color: #fff !important;
}

#ihf-main-container ul {
    padding-left: 0;
    margin-left: 0;
}

#ihf_mlsarea_chosen .chosen-results,
#ihf_subdivision_chosen .chosen-results,
#ihf_region_chosen .chosen-results {
    max-height: 125px !important;
}

.error404 .wpcf7-response-output {
    text-align: center;
}

#content .archive-list .archive-content p {
    word-break: break-word;
}

#listings-details .listings-slideshow .listings-slideshow-slide:after {
    z-index: 3;
}
.ihf-results-template #content-full .entry-title {
    width: 100% !important;
    padding: 0 !important;
}
#agents-popup-form .wpcf7-response-output {
    text-align: center;
}
#ihf-main-container .nav-tabs>li {
    margin-right: 0;
}
#content .archive-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#content .entry .col-md-6 {
    height: auto !important;
}

.post-page-testimonials p#breadcrumbs {
    line-height: 1.7;
    margin: 1.12em 0;
}

#ihf-main-container .nav-tabs>li>a {
    font-size: 14px;
}

#listings-results .listings-table .listings-table-body .listings-bed, 
#listings-results .listings-table .listings-table-body .listings-bath {
    flex: 1 1 auto !important;
}
#listings-results .listings-table .listings-table-body .listings-item {
    flex-flow: row wrap;
}
/** End of Archive Default Layout (Archive Page) */

#content .archive-list .archive-thumbnail canvas[style*="site-logo.jpg"],
.hpBlog__box canvas[style*="site-logo.jpg"] {
    background-size: 200px;
    background-color: #9c0a03;
}