/*
Theme Name: Iconic - Responsive Real Estate Wordpress Theme from Agent Image
Description: Iconic is a modern and responsive real estate Wordpress theme. Customize your branding, add widgets and integrate IDX search.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.6
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. Custom CSS
*
*******************************************************/
/* Global */
:root {
--primary-color: #0f0f0f;
}
body{
font-family: 'Roboto', sans-serif;
font-size: 16px;
background: #FFF;
color: #333333;
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; */
}
p {
font-size: 16px;
}
a, .slick-slide {
outline: none !important;
}
.site-easing {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.section-title {
}
.section-title i.icon-logo {
display: inline-block;
vertical-align: middle;
width: 26px;
height: 26px;
border: 1px solid #bababa;
/*background: url(images/icon-logo.png) no-repeat center center / 15px auto;*/
}
.is-title-white i.icon-logo {
/*background-image: url(images/icon-logo-02.png);*/
border-color: #ffffff;
}
.section-title span {
display: inline-block;
vertical-align: middle;
font: 600 14px/1 'Raleway', sans-serif;
color: #333333;
letter-spacing: 0.5em;
text-transform: uppercase;
margin-left: 10px;
}
.is-title-white span {
color: #ffffff;
}
.section-title span::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 75px;
height: 1px;
background: #333333;
margin-right: 18px;
margin-bottom: 5px;
}
.is-title-white span::before {
background: #ffffff;
}
.section-title h2 {
display: block;
font: 400 34px/1 'Raleway', sans-serif;
color: #000000;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-top: 18px;
}
.is-title-white h2 {
color: #ffffff;
}
.site-button {
display: flex;
align-items: center;
justify-content: center;
width: 248px;
height: 54px;
max-width: 100%;
border: 2px solid #ffffff;
background-color: #009CDD !important;
}
.site-button::before {
content: '';
width: 13px;
height: 1px;
background: #fff;
}
.site-button,
.site-button::before {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.site-button:hover {
background: #000000;
}
.site-button:hover::before {
background: #ffffff;
}
.site-button span {
font: 700 12px/1 'Raleway', sans-serif;
color: #fff !important;
letter-spacing: 0.2em;
text-transform: uppercase;
text-align: center;
margin: 0 12px 0 16px;
}
.site-button i {
font-size: 10px;
font-style: normal !important;
color: #fff;
}
.site-button:hover span,
.site-button:hover i {
color: #ffffff;
}
.is-button-white {
border-color: #ffffff;
}
.is-button-white:hover {
background: #ffffff;
}
.is-button-white::before {
background: #fff;
}
.is-button-white:hover::before {
background: #fff;
}
.is-button-white span {
color: #ffffff;
}
.is-button-white:hover span {
color: #000000;
}
.is-button-white i {
color: #fff;
}
.is-button-white:hover i {
color: #fff;
}
.bootstrap-extend-left {
margin-left: calc((100vw - 1140px) / -2);
}
.bootstrap-extend-right {
margin-right: calc((100vw - 1140px) / -2);
}
#main-wrapper {
overflow: hidden;
position: relative;
}
/* MAIN HEADER */
#main-header {
position: fixed;
width: 100%;
z-index: 1028;
border-bottom: 1px solid rgba(255,255,255,0.3);
font-size: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#main-header.show-fh {
background: rgba(0,0,0,0.7);
border-color: transparent;
}
.header-inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px 60px;
height: 90px;
}
.header-left {
padding-left: 68px;
}
.header-left a {
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.header-left a span {
font-weight: 500;
}
.header-left img {
}
.header-right {
}
nav {
}
#nav {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
#nav li {
display: block;
position: relative;
}
#nav li a {
display: block;
position: relative;
font-size: 15px;
font-weight: 300;
color: #ffffff;
line-height: 1;
letter-spacing: 0.05em;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#nav > li {
display: flex;
margin: 0 7px;
}
#nav > li:first-child {
margin-left: 0;
}
#nav > li:last-child {
margin-right: 0;
}
#nav > li > a {
z-index: 2;
}
#nav > li:hover > a {
color: #D60078;
}
#nav > li > a::after {
content: '';
display: block;
position: absolute;
bottom: -33px;
left: -6px;
width: calc( 100% + 12px );
height: 1px;
background: #ffffff;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
#nav > li:hover > a::after {
opacity: 1;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
}
#nav .sub-menu {
display: block;
position: absolute;
width: 170px;
text-align: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(20px);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#nav .sub-menu .sub-menu {
margin-left: 100%;
top: 0;
}
#nav > li > .sub-menu {
padding-top: 53px;
left: -150%;
right: -150%;
margin: auto;
}
#nav li:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
#nav .sub-menu li {
display: block;
}
#nav .sub-menu li a {
background: rgba(0,0,0,0.7);
color: #ffffff;
padding: 10px;
}
#nav .sub-menu li:hover > a {
background: #D60078;
}
/* SLIDE MENU */
#slide-menu-wrap {
position: fixed;
width: 100%;
height: 100vh;
z-index: 1029;
font-size: 0;
pointer-events: none;
}
.slide-menu-active {
overflow: hidden;
}
.slide-menu-active #slide-menu-wrap {
pointer-events: auto;
}
.slide-menu-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.slide-menu-side {
width: 90px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
.slide-menu-side::after {
content: '';
display: block;
position: absolute;
width: 1px;
height: 90.92px;
top: 0;
right: -1px;
background: #ffffff;
opacity: 0;
-webkit-transition: all 0.35 ease-in-out;
-moz-transition: all 0.35 ease-in-out;
-o-transition: all 0.35 ease-in-out;
transition: all 0.35 ease-in-out;
}
.fixed-header-active .slide-menu-side::after {
opacity: 0.2;
}
.home .cycloneslider-template-video .cycloneslider-volume {
top: unset !important;
bottom: 45px;
}
#hero #aios-slider-homepage-slidershow-auto-generated .aios-slider-volume,
#hero #aios-slider-homepage-slidershow-auto-generated .splide__arrow {
color: #5e5e5e;
}
#hero #aios-slider-homepage-slidershow-auto-generated .aios-slider-volume {
bottom: 45px;
right: 50px;
font-size: 30px;
}
.slide-menu-active .slide-menu-side::after {
opacity: 0;
}
.burger-menu {
position: relative;
width: 30px;
height: 20px;
margin: 34px auto 0;
cursor: pointer;
pointer-events: auto;
}
.burger-menu::before,
.burger-menu::after {
display: block;
position: absolute;
font-size: 15px;
color: #fffefe;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
transform: rotate(-90deg) translate(-104px,-8px);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.fixed-header-active:not(.slide-menu-active) .burger-menu::before,
.fixed-header-active:not(.slide-menu-active) .burger-menu::after {
opacity: 0;
pointer-events: none;
}
.burger-menu::before {
content: 'Menu';
}
.burger-menu.is-active::before {
opacity: 0;
}
.burger-menu::after {
content: 'Close';
opacity: 0;
}
.burger-menu.is-active::after {
opacity: 1;
}
.burger-menu span {
display: block;
position: absolute;
width: 100%;
height: 2px;
top: calc( 50% - 1px );
left: 0;
background: #009cdd;
transition-timing-function: cubic-bezier(.55,.055,.675,.19);
transition-duration: .22s;
}
.burger-menu:hover span {
opacity: 0.5;
}
.burger-menu.is-active span {
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
transform: rotate(225deg);
}
.burger-menu span::before,
.burger-menu span::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background: #009cdd;
}
.burger-menu span::before {
top: -9px;
transition: top .1s ease-in .25s,opacity .1s ease-in;
}
.burger-menu.is-active span::before {
top: 0;
transition: top .1s ease-out,opacity .1s ease-out .12s;
opacity: 0;
}
.burger-menu span::after {
bottom: -9px;
transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
}
.burger-menu.is-active span::after {
bottom: 0;
transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
transform: rotate(-90deg);
}
.slide-menu-main {
position: relative;
z-index: 1;
width: 63.12%;
height: 100vh;
padding: 0 0 0 90px;
opacity: 0;
transform: translateX(-100%);
background: url(images/bg-noise-02.jpg) #151515 repeat center center / cover;
overflow: hidden;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.slide-menu-active .slide-menu-main {
opacity: 1;
transform: translateX(0);
}
.slide-menu-main-inner {
border-left: 1px solid rgba(255,255,255,0.1);
height: 100%;
}
.slide-menu-logo {
padding: 20px 37px;
position: relative;
height: 90px;
display: flex;
align-items: center;
}
.slide-menu-logo::after {
content: '';
display: block;
position: absolute;
width: calc( 100% + 90px );
height: 1px;
bottom: -1px;
left: -90px;
background: rgba(255,255,255,0.1);
}
.slide-menu-logo a {
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.slide-menu-logo a span {
font-weight: 500;
}
.slide-menu-navi-contact {
height: calc( 100% - 90px );
}
.slide-menu-navi {
padding: 50px 55px;
}
#slide-nav {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: space-between;
height: 425px;
}
#slide-nav li {
display: block;
position: relative;
/*margin-bottom: 20px;*/
}
#slide-nav li a {
display: inline-block;
font-size: 13px;
color: #9e9e9e;
line-height: 1;
text-transform: uppercase;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#slide-nav li:hover > a {
color: #ffffff;
}
#slide-nav > li {
flex-grow: 1;
flex-shrink: 0;
}
#slide-nav > li > a {
font-size: 14px;
font-weight: 500;
color: #ffffff;
line-height: 1;
letter-spacing: 0.2em;
margin-bottom: 26px;
}
#slide-nav > li:hover > a {
color: #b2b2b2;
}
#slide-nav .sub-menu li {
margin-bottom: 20px;
}
.slide-menu-contact .textwidget {
margin: 0 55px;
padding-bottom: 55px;
border-top: 1px solid rgba(255,255,255,0.1);
display: flex;
flex-flow: row wrap;
}
.slide-menu-contact-col {
padding-top: 45px;
padding-right: 55px;
}
.slide-menu-contact-col:nth-child(1) {
width: 500px;
}
.slide-menu-contact-col:nth-child(2) {
width: 270px;
}
.slide-menu-contact-col ul {
}
.slide-menu-contact-col li {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.slide-menu-contact-col:nth-child(2) .slide-menu-contact-col li {
align-items: center;
}
.slide-menu-contact-col li i {
font-size: 20px;
color: #ffffff;
width: 20px;
margin-top: 6px;
margin-right: 8px;
}
.slide-menu-contact-col:nth-child(2) .slide-menu-contact-col li i {
margin-top: 0;
}
.slide-menu-contact-col li i.ai-font-phone {
font-size: 20px;
}
.slide-menu-contact-col li i.ai-font-envelope {
font-size: 15px;
}
.slide-menu-contact-col li a {
font-size: 16px;
font-weight: 300;
color: #9e9e9e;
line-height: 1.8;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.slide-menu-contact-col li a:hover {
color: #ffffff;
}
.slide-menu-smis {
display: flex;
flex-direction: row;
}
.slide-menu-smis a {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
background: #292929;
font-size: 20px;
color: #ffffff;
margin: 0 4px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.slide-menu-smis a:first-child {
margin-left: 0;
}
.slide-menu-smis a:last-child {
margin-right: 0;
}
.slide-menu-smis a:hover {
background: #ffffff;
color: #292929;
}
/* FLOATING SMIS */
#floating-smis {
display: flex;
flex-direction: column;
position: fixed;
left: 30px;
bottom: 120px;
font-size: 0;
z-index: 10;
}
#floating-smis::before,
#floating-smis::after {
content: '';
display: block;
width: 1px;
height: 18px;
margin: 13px auto;
background: #009cdd;
}
#floating-smis a {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border: 1px solid #009CDD;
border-radius: 50%;
font-size: 14px;
color: #009CDD;
margin: 4px 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#floating-smis a:hover {
background: #D60078;
color: #fff;
border-color: #c0c0c0;
}
/* HERO */
#hero {
position: relative;
z-index: 3;
font-size: 0;
}
#hero::after {
content: '';
display: block;
position: absolute;
width: 1px;
height: 100%;
bottom: 0;
left: 90px;
background: rgba(255,255,255,0.3);
}
.slide-holder {
position: relative;
}
.slide-holder::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.3);
pointer-events: none;
}
.tagline-holder {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
z-index: 2;
margin-top: -50px;
display: none;
}
.tagline-holder h1 {
font: 500 40px/1 'Raleway', sans-serif;
color: #ffffff;
letter-spacing: 0.2em;
text-align: center;
text-transform: uppercase;
}
.quick-search-holder {
position: absolute;
z-index: 2;
width: 100%;
top: calc( 50% + 15px );
display: none;
}
.qs-toggle-button {
max-width: 210px;
margin: 0 auto 10px;
}
.qs-toggle-button .site-button {
}
.qs-toggle-button .site-button::before {
display: none;
}
.qs-toggle-button .site-button i {
font-size: 14px;
color: #ffffff;
margin-right: 12px;
}
.qs-toggle-button .site-button:hover i {
color: #000000;
}
.qs-toggle-button .site-button span {
margin: 0;
}
.qs-form {
text-align: center;
opacity: 0;
transform: translateY(-50px);
pointer-events: none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.qs-form.elem-active {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.qs-form form {
}
.qs-form .field-input {
display: inline-block;
vertical-align: middle;
margin-right: 0.49%;
margin-bottom: 24px;
}
.qs-form .field-lg {
width: 23.15%;
}
.qs-form .field-sm {
width: 12.80%;
}
.qs-form .field-last {
margin-right: 0;
}
.qs-form .field-input input,
.qs-form .field-input select,
.qs-form .field-input button[type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 52px;
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
padding: 0 20px;
outline: none;
}
.qs-form .field-input select,
.qs-form .field-input button[type="button"] {
background-image: url(images/caret.png);
background-position: right center;
background-repeat: no-repeat;
}
.qs-form .field-input button[type="button"].dropdown-toggle {
box-shadow: none !important;
text-shadow: none !important;
outline: none !important;
color: #fff !important;
background: rgba(0,0,0,0.5) url(images/caret.png) no-repeat !important;
background-position: right center !important;
}
.qs-form .field-input button[type="button"] span {
font-size: 12px;
color: #fff;
}
.qs-form .field-input .bootstrap-select.btn-group .dropdown-menu.inner {
max-height: 250px !important;
}
.qs-form .field-input .qs-select input {
height: 34px;
border: 1px solid #ccc;
color: #555;
background: #fff;
}
.qs-form .form-button {
display: inline-block;
vertical-align: middle;
width: 190px;
margin-right: 32px;
position: relative;
}
.qs-form .form-button input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 2px solid #ffffff;
width: 100%;
height: 54px;
outline: none;
}
.qs-form .form-button:hover input {
border-color: #000000;
background: #000000;
}
.qs-form .form-button div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
pointer-events: none;
}
.qs-form .form-button div::before {
content: '';
width: 13px;
height: 1px;
background: #ffffff;
}
.qs-form .form-button div span {
font: 700 12px/1 'Raleway', sans-serif;
color: #ffffff;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 26px 0 30px;
}
.qs-form .form-button div i {
font-size: 10px;
color: #ffffff;
}
.qs-form a.adv-button {
display: inline-block;
vertical-align: middle;
font: 700 12px/1 'Raleway', sans-serif;
color: #ffffff;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.qs-form a.adv-button:hover {
color: #000000;
}
.qs-form a.adv-button::before {
content: '+';
display: inline-block;
vertical-align: middle;
font-size: 25px;
font-weight: 300;
margin-right: 10px;
}
.qs-form a.adv-button span {
}
/* WELCOME */
#hp-welcome {
position: relative;
padding: 125px 0 120px;
z-index: 2;
font-size: 0;
}
.welcome-inner {
display: flex;
align-items: flex-start;
}
.welcome-img {
width: 50%;
}
.welcome-img img {
width: 100%;
}
.welcome-img-txt-holder {
width: 50%;
padding: 80px 80px 0;
}
.welcome-inner .section-title {
width: 100%;
padding-bottom: 40px;
}
.welcome-txt {
width: 100%;
}
.welcome-txt p {
font-size: 16px;
font-weight: 300;
color: #333333;
line-height: 1.9;
margin-bottom: 34px;
}
.welcome-txt .site-button {
width: 190px;
}
/* LISTING */
#hp-listing {
position: relative;
font-size: 0;
}
.listing-title {
position: absolute;
width: 100%;
top: 90px;
z-index: 2;
}
.listing-img-holder {
position: relative;
}
.listing-img-holder::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 65%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 65%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 65%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.listing-img-slick {
}
.listing-img-slide {
}
.listing-img-slide canvas {
display: block;
width: 100%;
background-color: #cccccc;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.listing-arrow {
position: absolute;
width: 36px;
height: 36px;
top: calc( 50% - 18px );
border: 2px solid #ffffff;
text-align: center;
color: #ffffff;
z-index: 2;
cursor: pointer;
}
.listing-arrow:hover {
background: #ffffff;
color: #000000;
}
.listing-arrow::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.listing-prev {
left: 80px;
}
.listing-next {
right: 80px;
}
.listing-arrow i {
display: inline-block;
vertical-align: middle;
font-size: 12px;
}
.listing-txt-holder {
position: absolute;
width: 100%;
bottom: 0;
pointer-events: none;
z-index: 2;
}
.listing-txt-holder *,
.listing-txt-holder ::before,
.listing-txt-holder ::after {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.listing-txt-slick {
max-width: 500px;
float: left;
}
.listing-txt-slide {
padding: 44px 50px 62px 100px;
pointer-events: auto;
transform: translateY(75px);
}
.listing-txt-slide:hover {
background: #ffffff;
transform: translateY(0);
}
.listing-txt-slide::before {
content: '';
display: block;
position: absolute;
width: 1px;
height: 100%;
top: 44px;
left: 70px;
background: #ffffff;
opacity: 0.4;
}
.listing-txt-slide:hover::before {
top: 0;
background: #888888;
opacity: 1;
}
.listing-price {
font-size: 20px;
font-weight: 700;
color: #ffffff;
line-height: 1;
margin-bottom: 26px;
}
.listing-txt-slide:hover .listing-price {
color: #000000;
}
.listing-address-01 {
font-size: 30px;
font-weight: 300;
color: #ffffff;
line-height: 1;
text-transform: uppercase;
margin-bottom: 18px;
}
.listing-txt-slide:hover .listing-address-01 {
color: #000000;
}
.listing-address-02 {
font-size: 14px;
font-weight: 300;
color: #000000;
line-height: 1;
text-transform: uppercase;
margin-bottom: 5px;
opacity: 0;
}
.listing-txt-slide:hover .listing-address-02 {
opacity: 1;
}
.listing-features {
font-size: 14px;
font-weight: 300;
color: #000000;
line-height: 1;
text-transform: uppercase;
margin-bottom: 40px;
opacity: 0;
}
.listing-txt-slide:hover .listing-features {
opacity: 1;
}
.listing-txt-slide a {
display: flex;
flex-direction: row;
align-items: center;
opacity: 0;
}
.listing-txt-slide:hover a {
opacity: 1;
}
.listing-txt-slide a::before {
content: '';
width: 13px;
height: 1px;
background: #868686;
}
.listing-txt-slide a span {
font: 700 12px/1 'Raleway', sans-serif;
color: #000000;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 10px 0 14px;
}
.listing-txt-slide a:hover span {
color: #D60078;
}
.listing-txt-slide a i {
font-size: 10px;
color: #868686;
}
.listing-txt-holder .site-button {
pointer-events: auto;
float: right;
margin-top: 140px;
width: 270px;
}
/* VIDEO */
#hp-video {
padding: 105px 0 20px;
font-size: 0;
margin-bottom: -70px;
}
#hp-video .section-title {
text-align: center;
margin-bottom: 78px;
}
.video-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -0.5px;
}
.video-item {
width: 33.33%;
padding: 0 0.5px;
}
.video-item a {
display: block;
position: relative;
overflow: hidden;
}
.video-item a *,
.video-item a ::before,
.video-item a ::after {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.video-img {
position: relative;
z-index: 1;
overflow: hidden;
}
.video-img::before,
.video-img::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.video-img::before {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#80000000',GradientType=0 );
}
.video-img::after {
background: rgba(0,0,0,0.7);
opacity: 0;
}
.video-item a:hover .video-img::after {
opacity: 1;
}
.video-img canvas {
display: block;
width: 100%;
background-color: #cccccc;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.video-txt {
position: absolute;
width: calc( 100% - 100px );
bottom: -37px;
left: 0;
right: 0;
margin: auto;
z-index: 2;
border-left: 1px solid rgba(255,255,255,0.4);
padding: 62px 0 32px 28px;
}
.video-item a:hover .video-txt {
bottom: 0;
padding-top: 24px;
}
.video-title {
font: 400 20px/1.2 'Raleway', sans-serif;
color: #ffffff;
letter-spacing: 0.24em;
text-transform: uppercase;
}
.video-explore {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 44px;
opacity: 0;
}
.video-item a:hover .video-explore {
opacity: 1;
}
.video-explore::before {
content: '';
width: 13px;
height: 1px;
background: #868686;
}
.video-explore span {
font: 700 12px/1 'Raleway', sans-serif;
color: #ffffff;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 22px 0 27px;
}
.video-explore i {
font-size: 10px;
color: #868686;
}
.video-items .site-button {
margin: 80px auto 0;
}
/* FEATURED COMMUNITIES */
#hp-communities {
padding: 85px 0 105px;
font-size: 0;
}
#hp-communities .section-title {
text-align: center;
margin-bottom: 78px;
}
.fc-list {
font-size: 0;
}
.fc-list .fc-inner {
display: inline-block;
vertical-align: top;
position: relative;
width: 33.333333%;
overflow: hidden;
line-height: 1;
}
.fc-list .fc-inner > a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #111111;
opacity: .35;
z-index: 1;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.fc-list .fc-inner:hover > a:before {
background: #111111;
opacity: .6;
}
a.fc {
display: block;
}
.fc canvas {
display: block;
width: 100%;
background-size: cover;
background-position: center;
}
.fc-details {
position: absolute;
left: 0;
right: 0;
top: 50%;
padding: 0 25px;
transform: translateY(-50%);
font-size: 29px;
font-weight: 600;
letter-spacing: .02em;
color: #fff;
text-transform: uppercase;
text-align: center;
z-index: 2;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.fc-details em {
display: block;
font-size: 18px;
font-style: normal;
}
.fc-list .fc-inner:hover .fc-details {
opacity: 0;
pointer-events: none;
}
.fc-hover {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 10px;
pointer-events: none;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
opacity: 0;
pointer-events: none;
text-align: center;
z-index: 10;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.fc-list .fc-inner:hover .fc-hover {
opacity: 1;
}
.fc-hover span {
font-size: 24px;
color: #fff;
text-transform: uppercase;
}
.fc-hover span em {
display: block;
font-size: 16px;
font-style: normal;
}
.fc-links {
margin: 4% 0 0 !important
}
.fc-links li a {
font-weight: 300;
font-size: 15px;
line-height: 20px;
color: #fff;
text-transform: uppercase;
pointer-events: auto;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.fc-links li a:hover {
color: #D60078;
}
#hp-communities .site-button {
margin: 80px auto 0;
}
/** HP SOCIAL MEDIA */
#hp-social-media {
position: relative;
background: #fff;
padding: 0 0 100px;
overflow: hidden;
display: none;
}
#hp-social-media .social-media-wrap,
#hp-social-media .social-media-list-wrap,
#hp-social-media .social-media-list,
#hp-social-media .social-media-title,
#hp-social-media .social-media-blogs-wrap,
#hp-social-media .social-media-blogs,
#hp-social-media .social-media-col,
#hp-social-media .social-media-item {
position: relative;
}
#hp-social-media .social-media-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
#hp-social-media .social-media-list li {
padding: 0 20px;
}
#hp-social-media .social-media-list li a {
display: inline-block;
vertical-align: middle;
font-size: 20px;
text-decoration: none;
color: var(--primary-color);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#hp-social-media .social-media-list li a:hover {
opacity: 0.5;
}
#hp-social-media .social-media-title {
text-align: center;
}
#hp-social-media .social-media-title a {
color: inherit;
text-decoration: none;
-webkit-transition: var(--transition);
transition: var(--transition);
}
#hp-social-media .social-media-blogs-wrap {
overflow: hidden;
margin-top: 72px;
}
#hp-social-media .social-media-blogs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 1600px;
max-width: 100%;
margin: 0 auto;
}
#hp-social-media .social-media-col {
width: 20%;
}
#hp-social-media .social-media-item {
display: block;
}
#hp-social-media .social-media-img {
position: relative;
z-index: 1;
}
#hp-social-media .social-media-img:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(66, 103, 178, 0.85);
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#hp-social-media .social-media-item:hover .social-media-img:after {
opacity: 1;
}
#hp-social-media .social-media-img canvas {
display: block;
width: 100%;
background-color: var(--primary-color);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#hp-social-media .social-media-item:hover .social-media-img canvas {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
#hp-social-media .social-media-icon {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 45px;
color: #fff;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#hp-social-media .social-media-item:hover .social-media-icon {
opacity: 1;
}
#hp-social-media .social-media-link {
margin: 50px auto 0;
}
/* GET IN TOUCH */
#hp-contact {
background: url(images/contact-bg.jpg) no-repeat center center / cover;
position: relative;
padding: 70px 0 125px;
font-size: 0;
}
#hp-contact::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(1,10,29,0.4);
}
#hp-contact .container {
position: relative;
z-index: 2;
}
#hp-contact .section-title {
text-align: center;
margin-bottom: 55px;
}
.git-holder {
max-width: 875px;
margin: auto;
position: relative;
}
.git-holder .field-input {
display: inline-block;
vertical-align: middle;
margin-bottom: 35px;
}
.git-holder .field-lg {
width: 100%;
}
.git-holder .field-sm {
width: calc( 33.33% - 8.66px );
margin-right: 13px;
}
.git-holder .field-nomar {
margin-right: 0;
}
.git-holder .field-input label {
display: block;
font-size: 12px;
color: #ffffff;
line-height: 1;
text-transform: uppercase;
margin-bottom: 3px;
}
.git-holder .field-input input,
.git-holder .field-input textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
border-bottom: 1px solid #ffffff;
width: 100%;
height: 32px;
outline: none;
font-size: 12px;
color: #ffffff;
}
.git-holder .field-input textarea {
resize: none;
height: 55px;
padding-top: 10px;
}
.git-holder .form-button {
width: 230px;
margin: 30px auto 0;
position: relative;
}
.git-holder .form-button input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #009CDD;
border: 2px solid #ffffff;
width: 100%;
height: 54px;
outline: none;
}
.git-holder .form-button:hover input {
border-color: #D60078 ;
background: #D60078 ;
}
.git-holder .form-button div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
pointer-events: none;
}
.git-holder .form-button div::before {
content: '';
width: 13px;
height: 1px;
background: #ffffff;
}
.git-holder .form-button div span {
font: 700 12px/1 'Raleway', sans-serif;
color: #ffffff;
letter-spacing: 0.2em;
text-transform: uppercase;
margin: 0 46px 0 50px;
}
.git-holder .form-button div i {
font-size: 10px;
color: #ffffff;
}
.git-holder .wpcf7-form-control-wrap {
display: block;
}
.git-holder .use-floating-validation-tip span.wpcf7-not-valid-tip {
font-size: 12px;
}
.git-holder div.wpcf7 .ajax-loader {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: auto;
}
.git-holder div.wpcf7-response-output {
position: absolute;
width: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
padding: 5px;
margin-left: auto;
margin-right: auto;
}
#scroll-to-top {
position: absolute;
bottom: 18px;
left: 23px;
z-index: 10;
}
#scroll-to-top a {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
border: 1px solid #333333;
color: #ffffff;
}
#scroll-to-top a:hover {
background: #333333;
}
#scroll-to-top a i {
font-size: 10px;
}
/* MAIN FOOTER */
#main-footer {
position: relative;
background: url(images/bg-noise.jpg) #0f0f0f repeat center center / cover;
padding: 90px 0 0;
font-size: 0;
}
#main-footer::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#main-footer::after {
content: '';
display: block;
position: absolute;
width: 1px;
height: calc( 100% - 90px );
height: 100%;
bottom: 0;
left: 90px;
background: rgba(255,255,255,0.1);
}
.footer-top {
position: relative;
}
.footer-logo {
margin-bottom: 40px;
}
.footer-logo a {
font-family: 'Raleway', sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
.footer-logo a span {
font-weight: 500;
}
.footer-logo img {
max-width: 472px !important;
margin: 0 auto;
}
.footer-logo-list > div:last-child {
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 0;
}
.footer-logo-list > div:last-child img {
width: 135px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.footer-logo-list > div:last-child a:hover img {
opacity: 0.5;
}
.footer-logo-list {
display: flex;
align-items: center;
justify-content: center;
flex-flow: row wrap;
flex-direction: column;
}
.footer-logo-list > div {
display: block;
}
.footer-logo-list > div {
padding: 15px;
}
.footer-contact .textwidget {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 55px;
}
.footer-contact-col {
}
.footer-contact-col:nth-child(1) {
width: 43.85%;
}
.footer-contact-col:nth-child(2) {
width: 25.89%;
}
.footer-contact-col:nth-child(3) {
width: 30.26%;
}
.footer-contact-col .head-title {
font: 600 15px/1 'Raleway', sans-serif;
color: #ffffff;
letter-spacing: 0.5em;
text-transform: uppercase;
border-bottom: 1px solid rgba(61,61,61,0.15);
padding-bottom: 32px;
}
.footer-contact-col:nth-child(1) .head-title {
margin-bottom: 40px;
}
.footer-contact-col:nth-child(2) .head-title {
margin-bottom: 42px;
}
.footer-contact-col:nth-child(3) .head-title {
margin-bottom: 32px;
}
.footer-contact-info {
padding-right: 100px;
}
.footer-contact-info ul {
}
.footer-contact-info li {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.footer-contact-info .col-md-6 + .col-md-6 {
padding-left: 30px;
padding-right: 0;
}
.footer-contact-info .col-md-6 + .col-md-6 li{
align-items: center;
}
.footer-contact-info li i {
font-size: 20px;
color: #ffffff;
width: 22px;
margin-top: 6px;
margin-right: 8px;
}
.footer-contact-info .col-md-6 + .col-md-6 li i {
margin-top: 0;
}
.footer-contact-info li i.ai-font-phone {
font-size: 19px;
}
.footer-contact-info li i.ai-font-envelope {
font-size: 15px;
}
.footer-contact-info li a {
font-size: 16px;
font-weight: 300;
color: #9e9e9e;
line-height: 1.8;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.footer-contact-info li a:hover {
color: #ffffff;
}
.footer-smis {
display: flex;
flex-direction: row;
}
.footer-smis a {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
background: #009cdd;
font-size: 20px;
color: #ffffff;
margin: 0 4px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.footer-smis a:first-child {
margin-left: 0;
}
.footer-smis a:last-child {
margin-right: 0;
}
.footer-smis a:hover {
background: #D60078;
color: #ffffff;
}
.footer-newsletter {
position: relative;
}
.footer-newsletter .field-input {
}
.footer-newsletter .field-input input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
width: 100%;
height: 54px;
background: #262626;
font: 400 12px 'Raleway', sans-serif;
color: #b9b9b9;
letter-spacing: 0.05em;
padding: 0 40px 0 20px;
outline: none;
}
.footer-newsletter .form-button {
position: absolute;
color: #ffffff;
top: 18px;
right: 15px;
}
.footer-newsletter .form-button:hover {
color: #999999;
}
.footer-newsletter .form-button input {
width: 18px;
height: 18px;
opacity: 0;
}
.footer-newsletter .form-button i {
font-size: 18px;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
}
.footer-newsletter .wpcf7-form-control-wrap {
display: block;
}
.footer-newsletter .use-floating-validation-tip span.wpcf7-not-valid-tip {
font-size: 12px;
}
.footer-newsletter div.wpcf7 .ajax-loader {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: auto;
}
.footer-newsletter div.wpcf7-response-output {
position: absolute;
width: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
padding: 5px;
margin: 5px 0 0;
}
.footer-middle {
position: relative;
}
.footernav {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: space-between;
height: 450px;
border-top: 1px solid rgba(61,61,61,0.15);
padding: 70px 0 52px;
}
.footernav li {
margin-bottom: 24px;
}
.footernav li a {
display: inline-block;
font: 400 13px/1 'Raleway', sans-serif;
color: #9e9e9e;
text-transform: uppercase;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.footernav > li {
flex: 1 1 20%;
}
.footernav > li > a {
font-size: 14px;
font-weight: 500;
color: #ffffff;
letter-spacing: 0.2em;
margin-bottom: 26px;
}
.footernav > li:hover > a {
color: #9e9e9e;
}
.footernav .sub-menu li:hover > a {
color: #ffffff;
}
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.1);
position: relative;
}
.footer-bottom-left {
font-size: 14px;
font-weight: 300;
color: #808080;
line-height: 1.2;
letter-spacing: 0.02em;
padding-top: 32px;
padding-bottom: 32px;
}
.footer-site-title {
text-transform: uppercase;
color: #ffffff;
}
.footer-bottom-left a {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.footer-bottom-left a:hover {
color: #ffffff;
}
.footer-bottom-right {
text-align: right;
padding-top: 26px;
padding-bottom: 26px;
}
.footer-bottom-right i {
display: inline-block;
vertical-align: middle;
font-size: 28px;
color: #686868;
margin: 0 2px;
}
.footer-bottom-right i:first-child {
margin-left: 0;
}
.footer-bottom-right i:last-child {
margin-right: 0;
}
.footer-bottom-top {
font-size: 14px;
font-weight: 300;
color: #fff;
line-height: 1.2;
letter-spacing: 0.02em;
padding-top: 32px;
}
.footer-ccp-links {
margin-top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.footer-ccp-links a {
display: block;
margin-bottom: 5px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.footer-ccp-links a:hover {
color: #9e9e9e;
}
.footer-ccp-links a:first-child{
margin-right: 20px;
}
/* WP Contact Form 7 Message Outputs */
.use-floating-validation-tip span.wpcf7-not-valid-tip,
div.wpcf7-response-output {
font-size: 14px;
text-transform: none;
}
/*******************************************************
*
* 3. IP Styles
*
*******************************************************/
.ip-banner-wrap {
position: relative;
}
.ip-banner {
position: relative;
width: 100%;
}
.ip-banner::after {
content: '';
display: block;
position: absolute;
width: 1px;
height: 100%;
bottom: 0;
left: 90px;
background: rgba(255, 255, 255, 0.3);
}
.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;
background-image: url(images/ip-banner.jpg);
}
.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;
}
.ip-banner-breadcrumbs {
position: absolute;
z-index: 1;
bottom: 15px;
left: 0;
right: 0;
font-size: 13px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.023em;
text-transform: uppercase;
color: #fff;
}
/** Inner Page Call To Action */
.ip-cta {
position: relative;
margin: 50px 0;
}
.ip-cta .ip-cta-list {
display: flex;
justify-content: center;
flex-flow: row wrap;
}
.ip-cta .ip-cta-list div {
padding: 7px;
width: calc(100% / 3);
}
.ip-cta .ip-cta-list a {
width: 100%;
padding: 0 20px;
}
/** End of Inner Page Call To Action */
/** Inner Page Default Breadcrumbs */
#inner-page-wrapper p#breadcrumbs {
display: none;
}
/** End of Inner Page Default Breadcrumbs */
/* 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: 400 34px/1.1 'Raleway', sans-serif;
color: #000000;
letter-spacing: 0.05em;
text-transform: uppercase;
}
/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
font: 400 25px/1 'Raleway', sans-serif;
color: #000000;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.aios-mobile-header-wrapper {
z-index: 1030 !important;
}
#content .entry {
font-size: 18px;
font-weight: 300;
color: #333333;
}
/*Bullets Listings*/
#content .property-description .property-det ul li {
font-size: 13px;
}
#content .entry .site-button {
width: 100%;
}
/** 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 {
font-style: normal;
text-decoration: none;
width: 190px !important;
}
/** End of Archive Default Layout (Archive Page) */
/** Single Default Layout (Post Content) */
#content .entry-thumbnail {
position: relative;
margin-bottom: 50px;
}
#content .entry-thumbnail img {
display: block;
margin: 0 auto;
width: 100%;
}
/** End of Single Default Layout (Post Content) */
/** IHF Common Issues Fixes */
body > img,
body > iframe[name*="__bkframe"] {
display: none;
}
#ihf-main-container .mc-total-payment-subline {
color: #666;
}
.tax-property-neighborhoods #inner-page-wrapper .container{
width: 100%;
}
.tax-property-neighborhoods #content .entry-title, #content .archive-title {
font: 400 34px/1.1 'Raleway', sans-serif;
color: #000000;
letter-spacing: 0.05em;
text-transform: uppercase;
width: 1170px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
}
#ihf-main-container .nav-tabs {
margin-left: 0;
}
#ihf-main-container .chosen-drop ul.chosen-results {
padding-left: 0;
margin: 0;
}
.ihf-grid-result-address {
display: block;
}
#ihf-main-container #ihf-refine-map-search-form .checkbox,
#ihf-main-container #ihf-refine-map-search-form .col-xs-8 {
padding: 0;
}
#ihf-agent-sellers-rep > div[style] {
max-width: 100%;
}
/** End of IHF Common Issues Fixes */
/* Sold Page Style */
.fc-s-list {
font-size: 0;
}
.fc-s-list .fc-s-inner {
display: inline-block;
vertical-align: top;
position: relative;
width: 33.333333%;
overflow: hidden;
line-height: 1;
}
.fc-s-list .fc-s-inner:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #111111;
opacity: .35;
z-index: 1;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-backface-visibility: hidden;
pointer-events: none;
}
.fc-s-list .fc-s-inner:hover:before {
background: #111111;
opacity: .6;
}
a.fc-s {
display: block;
}
.fc-s canvas {
display: block;
width: 100%;
background-size: cover;
background-position: center;
}
.fc-s-details {
position: absolute;
left: 0;
right: 0;
top: 50%;
padding: 0 25px;
transform: translateY(-50%);
font-size: 29px;
font-weight: 600;
letter-spacing: .02em;
color: #fff;
text-transform: uppercase;
text-align: center;
z-index: 2;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.fc-s-details em {
display: block;
font-size: 18px;
font-style: normal;
}
/* .fc-s-list .fc-s-inner:hover .fc-s-details {
opacity: 0;
pointer-events: none;
} */
/* End Sold page Style */
/*Agent Style*/
.agent-holder .attachment-agent-image {
width: 20%;
}
.agent-holder .agent-contacts {
width: 80%;
}
.site-button:hover {
background: #D60078 !important;
}
#hp-communities:before {
content: '';
display: block;
height: 143px;
margin-top: -75px;
visibility: hidden;
}
#inner-page-wrapper em{
font-style: italic !important;
}
.single-aios_agent .entry-thumbnail {
display: none;
}
.c-img-holder {
float: left;
width: 100%;
max-width: 206px;
padding-bottom: 10px;
padding-right: 10px;
}
.c-item {
padding-bottom: 60px;
border-bottom: 1px solid #d7d7d7;
margin-bottom: 60px;
}
.c-img-holder img{
max-width: 100%;
}
.header-left {
padding-left: 43px;
max-width: 220px;
}
.slide-menu-logo img {
max-width: 180px;
}
.agent-contact-lang {
display: none !important;
}
/*End of Agent Style*/
.ip-responsive-video {
display: block;
position: relative;
overflow: hidden;
font-size: 0;
}
.ip-responsive-video canvas {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background: #000;
}
#content .ip-responsive-video video {
min-height: 100%;
max-width: 100%;
max-height: 150%;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
outline: none;
}
.ip-responsive-video br {
display: none;
}
.ip-responsive-video:not(:last-child) {
margin-bottom: 30px;
}
.ip-test-img-item img {
max-width: 100%;
display: block;
position: relative;
margin: 0 auto;
}
.ip-testi-img {
display: block;
position: relative;
}
.ip-test-img-item:not(:last-child) {
margin-bottom: 20px;
}
.ip-container span.lc,
#hp-communities span.lc {
text-transform: none;
}
.ip-videos-img canvas {
display: block;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ip-videos-img:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ip-videos-item a {
display: block;
position: relative;
}
.ip-videos-item a.aios-image-popup {
background: #000;
}
.ip-videos-item a.aios-image-popup canvas{
transition: 400ms ease;
-webkit-transition: 400ms ease;
}
.ip-videos-item a.aios-image-popup:hover canvas{
opacity: .6;
}
.ip-videos-item {
display: block;
position: relative;
margin-bottom: 30px;
}
.ip-videos-thumb {
display: block;
position: relative;
padding: 50px 0 0;
}
.ip-video-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 16px;
color: #fff;
background: rgba(0, 156, 221,.70);
padding: 2px 5px;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
width: 100%;
max-width: 150px;
cursor: pointer;
}
.ip-video-icon span.ai-font-video {
line-height: 1;
display: block;
}
#content .ip-video-icon span em {
font-style: normal!important;
display: inline-block;
vertical-align: baseline;
margin-right: 10px;
}
.ip-videos-item a:hover .ip-video-icon {
background: rgba(0,0,0,.70);
}
.tax-property-neighborhoods.term-109 .listings-price,
.tax-property-neighborhoods.term-109 .listings-plan,
.tax-property-neighborhoods.term-110 .listings-price,
.tax-property-neighborhoods.term-110 .listings-plan,
.tax-property-neighborhoods.term-111 .listings-price,
.tax-property-neighborhoods.term-111 .listings-plan,
.tax-property-neighborhoods.term-112 .listings-price,
.tax-property-neighborhoods.term-112 .listings-plan,
.tax-property-neighborhoods.term-113 .listings-price,
.tax-property-neighborhoods.term-113 .listings-plan,
.tax-property-neighborhoods.term-114 .listings-price,
.tax-property-neighborhoods.term-114 .listings-plan,
.tax-property-neighborhoods.term-115 .listings-price,
.tax-property-neighborhoods.term-115 .listings-plan,
.tax-property-neighborhoods.term-116 .listings-price,
.tax-property-neighborhoods.term-116 .listings-plan,
.tax-property-neighborhoods.term-117 .listings-price,
.tax-property-neighborhoods.term-117 .listings-plan{
display: none !important;
}
#content.aios-testimonials-page h1 {
text-align: center;
}
.ip-testi-img canvas {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.floating-logos-inner {
position: fixed;
z-index: 5;
top: 29%;
left: 11px;
}
.logo-item a {
display: block;
pointer-events: auto;
}
.floating-logos .logo-item {
margin-bottom: 10px;
}
.floating-logos img {
max-width: 68px;
-webkit-transition: all .325s ease-in-out;
-moz-transition: all .325s ease-in-out;
-ms-transition: all .325s ease-in-out;
transition: all .325s ease-in-out;
}
.floating-logos a:hover img {
opacity: 0.5;
}
.footer-logo-list > div:nth-child(2) {
justify-content: space-between;
display: flex;
align-items: center;
max-width: 493px;
width: 100%;
}
#inner-page-wrapper .back-to-link a.site-button {
display: none;
}
.fc-list .fc-inner:nth-child(5):before {
pointer-events: none;
}
.fc-inner:nth-child(5) .fc-hover {
pointer-events: none !important;
}
.fc-inner:last-child:before {
pointer-events: none;
}
.ip-container ul.fc-links.ip-single-communities {
margin: 0 !important;
padding: 0 !important;
margin-left: 30px !important;
}
.ip-container ul.fc-links.ip-single-communities a {
color: #000;
}
.ip-container ul.fc-links.ip-single-communities a:hover {
color: #D60078;
}
.ip-single-com-photo canvas {
display: block;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.ip-sing-com-item {
width: 100%;
max-width: 620px;
margin: auto;
}
.ip-sing-com-item-md {
width: calc(50% - 10px);
}
.ip-single-com-photo {
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
}
#content .ip-single-com-photo > p{
display: none;
}
section#hp-video {
display: none;
}
.ip-last-agent {
display: flex;
max-width: 420px;
margin: 0 auto;
justify-content: space-between;
}
.ip-last-agent p {
max-width: 200px;
}
.ip-last-agent p + p {
display: none;
}
.ip-last-agent p:last-child {
display: none;
}
.ip-last-agent-img img {
max-width: 506px !important;
}
.leaflet-pane {
z-index: 0 !important;
}
.ip-matterport-wrap{
font-size: 0;
}
.ip-matterport-wrap .ip-matterport-item {
max-width: 850px;
margin: 0 auto 30px;
display: block;
position: relative;
overflow: hidden;
}
.ip-matterport-wrap .ip-matterport-item canvas{
width: 100%;
display: block;
opacity: 0;
}
.ios-true .ip-matterport-wrap .ip-matterport-item > div {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.ip-matterport-wrap .ip-matterport-item iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.es-button a {
width: 230px;
height: 54px;
max-width: 100%;
border: 2px solid #ffffff;
background-color: #009CDD !important;
display: block;
text-align: center;
line-height: 52px;
color: #fff;
text-transform: uppercase;
margin-left: auto;
margin-top: -67px;
-webkit-transition: all .325s ease-in-out;
-moz-transition: all .325s ease-in-out;
-ms-transition: all .325s ease-in-out;
transition: all .325s ease-in-out;
}
.espanol-button li {
width: 230px;
height: 54px;
max-width: 100%;
border: 2px solid #ffffff;
background-color: #009CDD !important;
display: block;
text-align: center;
line-height: 52px;
color: #fff;
text-transform: capitalize;
margin-left: auto;
margin-top: -67px;
-webkit-transition: all .325s ease-in-out;
-moz-transition: all .325s ease-in-out;
-ms-transition: all .325s ease-in-out;
transition: all .325s ease-in-out;
cursor: pointer;
}
.espanol-button li:hover {
background: #D60078 !important;
}
.es-button a:hover {
background: #D60078 !important;
}
.g-tranlate-img {
display: none;
}
.ai-translator-dropdown-wrap a + .ai-translator-dropdown {
display: none;
}
.category-26 h2.archive-subtitle + p {
display: none;
}
.rel-logo {
display: flex;
align-items: center;
flex-wrap: wrap;
max-width: 800px;
margin: 0 auto;
}
.rel-logo-item {
width: 33.33%;
text-align: center;
margin-bottom: 20px;
}
.rel-logo-item a {
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */
.tax-property-neighborhoods .listings-sort,
.tax-property-neighborhoods span.aios-ps-sold{
display: none !important;
}
.agent-description img {
max-width: 300px !important;
}
.ip-video-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 16px;
color: #fff;
z-index: 5;
background: rgba(0, 156, 221,.70);
padding: 2px 5px;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
width: 100%;
max-width: 150px;
}
.page-id-497 .ip-responsive-video {
max-width: 400px;
margin: 0 auto;
}
.ip-container .floating-logos-inner {
display: none;
}
.custom-btn {
text-align: right;
position: relative;
margin-top: -50px;
margin-bottom: 10px;
}
.custom-btn a {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: normal;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
border: 0;
background: #424242;
box-shadow: inset 0 3px 5px rgba(0,0,0,0);
color: #fff;
border-radius: 0;
padding: 10px 20px;
}
.custom-btn a:hover {
background: #000;
}
#ihf-board-detail-disclaimer, #ihf-board-disclaimers{
line-height: 1.6;
}
.error404 .wpcf7 form .wpcf7-response-output {
text-align: center;
}
.grecaptcha-badge {
z-index: 99;
}
.single-post #content .entry-title {
padding-right: 235px;
}
/* Category Blogs */
#content .espanol-button .ai-translator-dropdown ul {
margin: 0;
}
.ip-responsive-titles {
text-align: center;
padding-bottom: 30px;
}
.ip-responsive-titles h2 {
margin-bottom: 0 !important;
}
.footer-newsletter {
padding-top: 36px;
border-top: 1px solid rgba(61,61,61,0.15);
margin-top: 47px;
}
.footer-newsletter a {
font-size: 20px;
display: block;
color: #9e9e9e;
font-weight: 100;
line-height: 28px;
}
.fc-s-list .fc-s-inner {
border: 2px solid #fff;
}
.footer-contact-info .col-md-6:nth-child(2) ul li a {
font-size: 24px;
font-weight: 600;
line-height: 1.3em;
}
.slide-menu-contact-col:nth-child(2) ul li a {
font-size: 24px;
font-weight: 600;
line-height: 1.3;
}
.slide-menu-contact-col:nth-child(2) li{
align-items: center;
}
.contact-phone-email span{
font-size: 24px !important;
font-weight: 600 !important;
line-height: 1 !important;;
}
.contact-phone-email span i{
font-size: 20px !important;
}
.agent-contact-detail a {
font-size: 24px !important;
font-weight: 600 !important;
font-style: initial !important;
}
.agent-contacts .ai-cellphone {
font-size: 24px !important;
}
.agent-contacts .ai-envelope {
font-size: 16px !important;
}