/* Theme Name: Legacy - Responsive Real Estate Wordpress Theme from Agent Image Description: Legacy 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.1.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 */ /*css variables*/ :root { --primary-font: 'Barlow', sans-serif; --secondary-font: 'Cinzel', serif; --background-color: #ffffff; --background-color-darker: #ffffff; --primary-color: #c1b283; --primary-color-accent: #736a4e; --secondary-color: #ffffff; --primary-text-color: #383838; } /******************************************************* * * 1. Navigation * *******************************************************/ /* Sub Menu */ #nav li, #nav-fixed li { position:relative; display: inline-block; } #nav .sub-menu, #nav-fixed .sub-menu { list-style: none outside none; margin: 0; background: transparent; /*display: none;*/ padding: 0; position: absolute; width:100%; min-width:180px; left: 50%; margin-left: -90px; padding-top: 20px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } #nav-fixed .sub-menu{ padding-top: 24px; } #nav .sub-menu a, #nav-fixed .sub-menu a { color: var(--secondary-color); display: block; padding: 10px; background: var(--primary-color); } #nav .sub-menu li:hover a, #nav-fixed .sub-menu li:hover a { background: var(--primary-color-accent); text-decoration: none; } #nav .sub-menu .sub-menu, #nav-fixed .sub-menu .sub-menu { margin-left: 100%; top:0; } #nav li:hover > .sub-menu, #nav-fixed li:hover > .sub-menu { /*display: block;*/ opacity: 1; visibility: visible; pointer-events: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #nav .sub-menu li, #nav-fixed .sub-menu li { position: relative; display: block; } /******************************************************* * * 2. Custom CSS * *******************************************************/ /* Global */ body{ font-family: var(--primary-font); font-size: 12px; background: var(--background-color); color: var(--primary-text-color); margin: 0; /* Remove the comment from line 85 to 86 if the font issue in safari occurs */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a,a:hover,a:visited,a:focus,input,input:focus,textarea,textarea:focus,select:focus,select{ outline: none !important; text-decoration: none !important; } .slick-slide{ outline: none !important; } .label-hide{ display: none !important; } .no-padding { padding: 0; } .no-padding-left { padding-left: 0; } .no-padding-right { padding-right: 0; } .no-margin { margin: 0; } .no-margin-left { margin-left: 0 !important; } .no-margin-right { margin-right: 0 !important; } div#main-wrapper{ overflow: hidden; position: relative; } .bootstrap-extend-left { margin-left: calc((100vw - 1140px) / -2); } .bootstrap-extend-right { margin-right: calc((100vw - 1140px) / -2); } a.global-link-hover { position: relative; } a.global-link-hover:after { content: ''; position: absolute; left: calc(100% + 23px); top: calc(50% - 1px); background: var(--primary-color); 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; } a.global-link-hover.white-line:after { background: var(--secondary-color); } a.global-link-hover.black-line:after { background: #000; } a.global-link-hover:hover:after { width: 63px; opacity: 1; } div.wpcf7-response-output { margin-left: 0; margin-right: 0; text-align: center; } /*header*/ header.main-header { position: absolute; left: 0; width: 100vw; max-width: 100%; z-index: 1001; padding: 58px 0; } .header-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -106px; } .logo-holder { position: relative; } .logo-holder span { font-family: var(--secondary-font); font-size: 25px; font-weight: 400; line-height: 1; text-transform: uppercase; color: #fff; } /*fixed header*/ .fixed-header { position: fixed; transform: translate3d(0,-100%,0); -webkit-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); left: 0; width: 100%; z-index: 1001; z-index: 10001; padding: 24.5px 0; background: var(--primary-color); opacity: 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.41); -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; } .fixed-header.show-fixed { transform: none; -webkit-transform: none; -ms-transform: none; opacity: 1; } .fixed-header-inner{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -106px; } .fixed-header-inner .header-logo a { font-size: 30px; color: var(--secondary-color); text-transform: uppercase; font-family: var(--secondary-font); } .fixed-header-inner .header-logo { margin: auto 0; } .fixed-header-inner .header-logo img { max-height: 50px; } .fixed-header-inner span.f-hdr-border { width: 1px; height: 23px; background: #fff; opacity: .2; margin: 0 16px; } /*nav*/ nav.header-nav { position: relative; margin-left: auto; padding: 0 0; } nav.header-nav ul#nav, nav.header-nav ul#nav-fixed{ font-size: 0; position: relative; } nav.header-nav ul#nav > li, nav.header-nav ul#nav-fixed > li{ margin: 0 15px; position: relative; display: inline-block; vertical-align: top; } nav.header-nav ul#nav-fixed > li{ margin: 0 15px; } nav.header-nav ul#nav > li > a, nav.header-nav ul#nav-fixed > li > a{ font-size: 15px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 400; font-family: var(--primary-font); padding: 8px 0; display: block; 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; } nav.header-nav ul#nav-fixed > li > a{ color: var(--secondary-color); } nav.header-nav ul#nav > li:first-child, nav.header-nav ul#nav-fixed > li:first-child{ margin-left: 0 !important; } nav.header-nav ul#nav > li:last-child, nav.header-nav ul#nav-fixed > li:last-child{ margin-right: 0; } nav.header-nav ul#nav .sub-menu a, nav.header-nav ul#nav-fixed .sub-menu a{ color: var(--secondary-color); padding: 16px 5px; font-size: 14px; font-weight: 300; text-transform: uppercase; font-family: 'Roboto', sans-serif; text-align: center; letter-spacing: .5px; } nav.header-nav ul#nav > li:hover > a{ color: var(--primary-color) !important; } nav.header-nav ul#nav-fixed > li:hover > a{ color: var(--primary-color-accent) !important; } nav.header-nav ul#nav > li > a::after, nav.header-nav ul#nav-fixed > li > a::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--primary-color); 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; } nav.header-nav ul#nav-fixed > li > a::after{ background: var(--primary-color-accent); } nav.header-nav ul#nav > li:hover > a::after, nav.header-nav ul#nav-fixed > li:hover > a::after{ width: 100%; opacity: 1; } /*burger menu icon*/ .burger-holder { margin-left: 30px; } .burger-menu { width: 38px; cursor: pointer; -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; } .burger-menu span{ display: block; width: 100%; height: 3px; background: #fff; margin: 0 0 0 auto; -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; } .show-fixed .burger-menu span{ background: var( --secondary-color); } .burger-menu span:first-child{ width: calc(100% - 20px); } .burger-menu span:last-child{ width: calc(100% - 10px); } .burger-menu span:nth-child(2){ margin: 5px auto; } .burger-menu:hover span{ background: var(--primary-color); } .show-fixed .burger-menu:hover span{ background: var(--primary-color-accent); } /*Offcanvas*/ .admin-bar .site-offcanvas { top: 32px; } .site-offcanvas { position: fixed; z-index: 1003; z-index: 10003; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .site-offcanvas.offcanvas-open { visibility: visible; pointer-events: auto; } .site-offcanvas.offcanvas-open:before { opacity: 1; visibility: visible; pointer-events: auto; } .site-offcanvas.offcanvas-open .site-offcanvas-inner { visibility: visible; pointer-events: auto; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); color: var(--primary-color-accent); } .site-offcanvas:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .site-offcanvas .site-offcanvas-inner, .site-offcanvas .site-offcanvas-header, .site-offcanvas .site-offcanvas-main, .site-offcanvas .site-offcanvas-footer { position: relative; width: 100%; } .site-offcanvas .site-offcanvas-inner { background: var(--primary-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: hidden; overflow-y: auto; padding: 70px 30px 50px; width: 440px; max-width: calc(100% - 30px); height: 100%; box-shadow: -5px 0 5px -5px #999999; margin-left: auto; visibility: hidden; pointer-events: none; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .site-offcanvas .site-offcanvas-close { position: absolute; top: 15px; right: 15px; font-size: 20px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--secondary-color); } .site-offcanvas .site-offcanvas-close:hover { color: var(--primary-color-accent); } .site-offcanvas .site-offcanvas-close i { display: block; font-style: normal; } .site-offcanvas .site-offcanvas-main { padding: 30px 0; } .site-offcanvas .site-offcanvas-header:not(.hidden) + .site-offcanvas-main { margin: auto 0; } .site-offcanvas .site-offcanvas-footer { margin-top: auto; } .site-offcanvas .site-offcanvas-logo { font-family: var(--secondary-font); font-size: 25px; font-weight: 400; line-height: 1; text-align: center; text-transform: uppercase; color: var(--secondary-color); } .site-offcanvas .site-offcanvas-logo a { color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .site-offcanvas .site-offcanvas-logo a:hover { color: var(--primary-color-accent); } .site-offcanvas .site-offcanvas-navigation { position: relative; } .site-offcanvas .site-offcanvas-navigation ul { display: block; margin: 0; padding: 0; } .site-offcanvas .site-offcanvas-navigation ul li { display: block; } .site-offcanvas .site-offcanvas-navigation ul li ul, .site-offcanvas .site-offcanvas-navigation ul li + li { border-top: 1px solid var(--secondary-color); } .site-offcanvas .site-offcanvas-navigation ul li > a { display: block; position: relative; z-index: 2; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; padding: 15px 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--secondary-color) } .site-offcanvas .site-offcanvas-navigation ul li:hover > a { color: var(--primary-color-accent); } .site-offcanvas .site-offcanvas-navigation ul ul.sub-menu { display: none; } .site-offcanvas .site-offcanvas-navigation ul ul li { padding-left: 15px; } .site-offcanvas .site-offcanvas-navigation ul ul li a { font-size: 14px; } .site-offcanvas .site-offcanvas-navigation ul ul ul { margin-left: -15px; } .site-offcanvas .site-offcanvas-navigation ul ul ul li { padding-left: 30px; } .site-offcanvas .site-offcanvas-info { display: block; margin: 0; padding: 0; } .site-offcanvas .site-offcanvas-info li { color: var(--secondary-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing: 0.05em; } .site-offcanvas .site-offcanvas-info li + li { margin-top: 15px; } .site-offcanvas .site-offcanvas-info li i { display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: block; font-style: normal; font-size: 14px; margin-right: 10px; } .site-offcanvas .site-offcanvas-info li a { color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .site-offcanvas .site-offcanvas-info li a:hover { color: var(--primary-color-accent); } .site-offcanvas .site-offcanvas-smi { 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-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 15px; } .site-offcanvas .site-offcanvas-smi li { padding: 15px; } .site-offcanvas .site-offcanvas-smi li a { display: block; color: var(--secondary-color); font-size: 20px; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .site-offcanvas .site-offcanvas-smi li a:hover { color: var(--primary-color-accent); } /*slideshow*/ .slideshow-area, .slider-holder { position: relative; } .slider-holder:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .25; pointer-events: none; z-index: 1; } .slider-holder .swiper-slide canvas { display: block; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .site-name span { bottom: 37px; display: block; position: relative; font-size: 50px; color: #fff; font-family: var(--secondary-font); text-transform: uppercase; } .site-name span a{ color: #fff; display: block; text-align: center; } .site-name { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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; z-index: 5; } /*quick search*/ .quick-search-area { position: absolute; bottom: 98px; left: 0; width: 100%; z-index: 1002; } .qs-holder { border: solid 2px #ded1c1; font-size: 0; padding: 26px 0 30px; } .qs-title { font-size: 25px; font-weight: 600; color: #fff; text-transform: uppercase; display: inline-block; vertical-align: top; width: 16.2%; text-align: right; font-family: var(--primary-font); padding: 0 16px; } .qs-title span { display: block; position: relative; margin-top: -2px; right: -16px; } .qs-form{ display: inline-block; vertical-align: top; width: 83.8%; padding-left: 35px; padding-top: 9px; } .qs-form p { font-size: 13px; color: #fff; text-align: right; padding-right: 58px; padding-top: 14px; } .qs-form select, .qs-form input, .qs-form button[type="button"] { border-radius: 0; color: #fff; font-size: 15px; font-weight: 400; font-family: var(--primary-font); -webkit-appearance: none; -moz-appearance: none; background: transparent; width: 100%; height: 33px; padding: 0 0; border: none; letter-spacing: 1.5px; border-bottom: solid 1px rgba(255,255,255,1); } .qs-form button[type="button"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none !important; box-shadow: none !important; border-radius: 0 !important; color: #fff !important; background: transparent !important; } .qs-form button[type="button"]:focus, .qs-form button[type="button"]:active { outline: none !important; color: #fff !important; border-color: #fff !important; } .qs-form button span { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } .qs-form button span { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } .qs-form .bs-searchbox input.form-control { color: #000; } .qs-form .qs-field { display: inline-block; vertical-align: top; margin-bottom: 5px; } .qs-form .qs-field .dropdown-menu.inner { max-height: 200px !important; } .long-form.qs-field { width: 76.886%; } .btn-form.qs-field.qsbtn1 { width: 26px; height: 26px; position: relative; font-family: agentimage!important; margin: 5px 30px 0; } .btn-form.qs-field.qsbtn1:after { color: #fff; display: block; font-size: 24px; content: "\b0039"; position: absolute; top: 0; left: 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; } .btn-form.qs-field.qsbtn1 input{ font-size: 0; background: transparent; border: none; height: 100%; -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; position: relative; z-index: 5; } .btn-form.qs-field.qsbtn2 a { font-size: 11px; color: #fff; text-transform: uppercase; color: #fff; font-weight: 600; display: block; height: 33px; line-height: 33px; letter-spacing: .8px; font-family: var(--primary-font); -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; } .btn-form.qs-field.qsbtn2 a:hover{ color: var(--primary-color); } .btn-form.qs-field.qsbtn1:hover:after{ color: var(--primary-color); } /*cta*/ section.cta-area { padding: 106px 0; } .cta-list { max-width: 360px; margin: 0 auto; 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; } .cta-list a { display: block; position: relative; color: var(--primary-text-color); -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; } .cta-label { font-size: 30px; text-transform: uppercase; font-weight: 300; font-family: var(--primary-font); line-height: 1; } .cta-label span{ font-size: 45px; color: var(--primary-color); font-weight: 600; display: block; margin-top: 2px; } .cta-list a::after { content: ''; position: absolute; top: -21px; left: 0; right: 0; margin: auto; width: calc(100% - 40px); height: 18px; border: solid 2px var(--primary-color); border-bottom: none; opacity: 0; pointer-events: none; -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; } .cta-list a::before { content: ''; position: absolute; bottom: -21px; left: 0; right: 0; margin: auto; width: calc(100% - 40px); height: 18px; border: solid 2px var(--primary-color); border-top: none; opacity: 0; pointer-events: none; -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; } .cta-list a:hover{ -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .cta-list a:hover .cta-label span{ } .cta-list a:hover::after{ top: -31px; opacity: 1; } .cta-list a:hover::before{ bottom: -31px; opacity: 1; } .aiosp-wrap .aiosp-container .aios-popup-body.cta-aios-popup { max-width: 550px; min-height: 0; padding: 40px 20px; } .cta-popup-wrap, .cta-aios-popup { position: relative; } .cta-aios-popup h2 { display: block; font-size: 30px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; text-align: center; color: var(--primary-color); margin: 15px 0; } .cta-aios-popup h3, .cta-aios-popup p { display: block; font-size: 18px; font-weight: 400; letter-spacing: 0.025em; } .cta-aios-popup .cta-form { margin-top: 30px; } .cta-aios-popup input[type=email] { font-family: var(--primary-font); font-size: 15px; border: none; border-bottom: 1px solid var(--primary-text-color); padding: 0 !important; color: var(--primary-text-color); height: 40px; } .cta-aios-popup input[type="submit"] { display: block; margin: 15px auto 0; max-width: 300px; background: var(--primary-color) !important; } .cta-aios-popup .ajax-loader { margin: 15px auto 0 !important; position: absolute; left: 0; right: 0; bottom: -18px; } /*welcome*/ section.welcome-area{ background: var(--primary-color); position: relative; padding: 109px 0 0; } section.welcome-area::after{ content: ''; position: absolute; top: 0 ; left: 0; width: 100%; height: 100%; background: url(images/wc-bg.png) no-repeat; background-size: cover; background-position: center; z-index: 1; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.1; } section.welcome-area .container{ position: relative; z-index: 5; } .wc-content { margin-top: 44px; } .wc-content h1 { font-size: 75px; color: var(--secondary-color); text-transform: uppercase; font-weight: 600; font-family: var(--primary-font); margin-bottom: 50px; } .wc-content p { font-size: 17px; color: var(--secondary-color); font-weight: 300; font-family: var(--primary-font); line-height: 1.6; padding-bottom: 27px; letter-spacing: .4px; } a.wc-read { font-size: 18px; color: var(--secondary-color); text-transform: uppercase; font-weight: 600; display: inline-block; padding: 5px 0; position: relative; font-family: var(--primary-font); margin-top: 28px; margin-bottom: 28px; } .wc-agent-photo { position: relative; margin-bottom: 76px; margin-top:50px; margin-right: -15px; } /*featured property*/ section.featured-properties-area{ position: relative; } .row.fp-row::before{ display: none; } .row.fp-row{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row.fp-row a{ transition: all 0.3s ease-in-out; } .fp-holder { width: calc((100vw - 1140px) / 2 + 100%); float: right; padding-right: 20px; } .fp-list a { display: block; position: relative; color: var(--primary-text-color); } .fp-address { color: var(--primary-text-color); font-family: var(--primary-font); font-size: 23px; line-height: 1.3; font-weight: 500; margin-bottom: 30px; display: inline-block; -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; } .fp-address:hover { color: var(--primary-color); } .fp-photo { background-size: cover; background-position: center; background-repeat: no-repeat; } .fp-photo canvas{ display: block; width: 100%; background: var(--primary-color); 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; } .fp-list a:hover .fp-photo canvas{ opacity: .6; } .fp-content { padding-left: 66px; position: relative; margin-right: -106px; } .fp-title { font-size: 50px; text-transform: uppercase; font-weight: 300; font-family: var(--primary-font); line-height: 1.1; letter-spacing: -2.7px; position: relative; left: -4px; margin-bottom: 56px; color: var(--primary-text-color); } .fp-title span{ display: block; font-weight: 600; font-size: 75px; letter-spacing: .2px; } .fp-content-list ul, .fp-content-list p { font-size: 17px; font-weight: 300; font-family: var(--primary-font); line-height: 1.8; letter-spacing: .5px; } .fp-content-list ul li { display: inline-block; vertical-align: middle; } .fp-content-list ul li + li { margin-left: 15px; } .fp-content-list ul li i { display: inline-block; margin-right: 5px; font-weight: 700; } a.fp-view { font-size: 18px; color: var(--primary-text-color); text-transform: uppercase; font-weight: 600; display: inline-block; padding: 5px 0; position: relative; font-family: var(--primary-font); 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; } a.fp-view:hover, .row.fp-row a:hover{ color: var(--primary-color); } /*featured communities*/ section.featured-communities-area{ position: relative; padding: 125px 0; } section.ip-featured-communities-area{ position: relative; padding: 50px 0; } .fc-list { padding: 4px; position: relative; } .fc-list a{ display: block; 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; } .fc-list a:hover{ color: #fff; } .fc-photo { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .fc-photo canvas { display: block; width: 100%; background: var(--primary-color); 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; } .fc-list a:hover .fc-photo canvas{ opacity: .9; } .fc-label { font-family: var(--primary-font); font-weight: 600; color: var(--secondary-color); font-size: 27px; text-transform: uppercase; } .fc-label span { font-weight: 600; } .fc-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; 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; } .fc-holder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -110px; font-size: 0; } .ip-featured-communities-area .fc-holder { margin: 0 auto !important; } .fc-col1{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 49%; } .fc-col1 .fc-list { width: 50%; } .fc-col1 .fc-list:first-child { width: 100%; } .fc-col2{ width: 26.5%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fc-col2 .fc-list a, .fc-col2 .fc-photo, .fc-col2 .fc-photo canvas{ height: 100% } .fc-col3{ width: 24.5%; } .fc-list.fc-title{ position: relative; } .fc-title { font-size: 27px; text-transform: uppercase; font-weight: 300; font-family: var(--primary-font); line-height: 1.15; position: relative; text-align: center; } .fc-title span{ display: block; font-weight: 600; } .fc-title-inner { position: absolute; top: 0; left: 0; padding: 4px; width: 100%; height: 100%; } .fc-title-content{ 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; border: solid 1px var(--primary-color); height: 100%; } .fc-col3 .fc-list { height: calc(100% / 3); } .fc-col3 .fc-list.fc-title-holder a:hover{ color: var(--secondary-color); } /*facebook feed*/ section.facebook-feed-area{ position: relative; padding: 91px 0 116px; } .fb-feed-bg{ position: absolute; top: 0; right: 0; width: 30%; height: 100%; z-index: 1; background: url(images/fb-feed-bg.jpg) no-repeat; background-size: cover; background-position: right center; background-attachment: fixed; } html.ios-true .fb-feed-bg, html.mac-true .fb-feed-bg, html.safari .fb-feed-bg { background-attachment: scroll; } .fb-feed-bg::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; } .fb-feed-holder { position: relative; margin: 0 -106px; z-index: 5; } .fb-feed-list { max-width: 459px; margin: 0 auto; padding: 11px; } .fb-feed-photo { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .fb-feed-photo canvas{ display: block; width: 100%; background: #3b5997; 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; } .fb-feed-photo a{ display: block; position: relative; } .fb-feed-photo a span { position: absolute; top: 0; right: 0; width: 43px; height: 43px; 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; background: #3b5997; color: #fff; font-size: 16px; } .fb-feed-content { border: solid 1px var(--primary-color); border-top: none; padding: 30px 30px 28px; background: #fff; } .fb-time span { font-size: 18px; text-transform: uppercase; font-weight: 600; color: #1f2122; font-family: var(--primary-font); padding-left: 19px; } .fb-time canvas { background-size: cover; background-position: center; } .fb-time span em{ font-style: normal; font-size: 12.5px; text-transform: none; font-weight: 400; font-family: var(--primary-font); display: block; margin-top: 7px; letter-spacing: .1px; } .fb-time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 26px; } .fb-text { font-size: 13px; color: #7d7d7d; font-family: var(--primary-font); line-height: 1.6; letter-spacing: .36px; margin-bottom: 26px; } .fb-links a{ color: #171b4c; font-size: 12px; font-weight: 500; font-family: var(--primary-font); letter-spacing: .3px; display: inline-block; vertical-align: middle; -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; } .fb-links span { display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: #171b4c; border-radius: 100%; margin: 0 4px; } .fb-links a:hover{ color: var(--primary-color); } .fb-feed-photo:hover canvas{ opacity: .2; } .fb-feed-slick-slider { position: relative; margin: 0 -11px; } .fb-feed-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 69px; } .fb-like { max-width: 170px; width: 100%; } .fb-like a { display: block; background: #fff; color: #3b5997; font-size: 13px; font-weight: 500; text-align: center; height: 37px; line-height: 37px; border-radius: 3px; font-family: var(--primary-font); text-transform: uppercase; letter-spacing: .5px; -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; } .fb-like a em { font-size: 17px; display: inline-block; vertical-align: text-bottom; margin-right: 5px; } .fb-like a:hover{ background: #3b5997; color: #fff; } /*instagram feed*/ section.instagram-feed-area { position: relative; padding: 74px 0 0; } .ins-feed-holder { position: relative; margin: 0 -5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0; } .ins-feed-list { padding: 5px; width: 100%; } .ins-feed-col1 { width: 35%; } .ins-feed-col2 { width: 28%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ins-feed-col3 { width: 37%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ins-feed-col3 .ins-feed-list { width: 50%; } .ins-feed-col3 .ins-feed-list:first-child { width: 100%; } .ins-feed-col1 .ins-feed-list:first-child { height: 48.6%; } .ins-feed-col1 .ins-feed-list:nth-child(2) { height: 51.4%; padding-left: 122px; } .ins-feed-photo canvas { display: block; width: 100%; height: 100%; background: var(--primary-color); 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; } .ins-feed-photo { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; height: 100%; } .ins-feed-list a:hover .ins-feed-photo canvas{ opacity: .8; } .ins-feed-head { position: relative; width: 100%; height: 100%; background: var(--primary-color); padding-left: 117px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .ins-feed-title em { font-size: 36px; color: #fff; } .ins-feed-title span { font-size: 19px; font-weight: 700; color: #fff; font-family: var(--primary-font); display: block; margin-top: 37px; } .ins-feed-title p { font-size: 12px; font-weight: 400; color: #fff; font-family: var(--primary-font); margin-top: 6px; } .ins-feed-title a:hover { background: #fff; color: #3b5997; } .ins-feed-title a { display: block; background: transparent; color: #fff; font-size: 11px; font-weight: 400; text-align: center; height: 37px; line-height: 35px; border-radius: 3px; font-family: var(--primary-font); border: solid 1px #ded1c1; max-width: 170px; width: 100%; letter-spacing: .5px; -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; margin: 31px auto 0; } .ins-feed-list a { display: block; position: relative; } #instagram-feed { margin: 0 -106px; } .sf-holder { position: relative; } .sf-row { position: relative; } .sf-heading { } .sf-body { } .sf-btns { display: flex; align-items: center; justify-content: center; } .sf-btns a { display: flex; align-items: center; justify-content: center; width: 150px; height: 38px; background: #8b898b; border-radius: 5px; margin: 5px; color: #ffffff; } .sf-btns a:hover { opacity: 0.7; } .sf-btns span { font-size: 11px; line-height: 1; letter-spacing: 0.02em; } #instagram-feed .sf-heading { display: flex; flex-direction: row; align-items: center; padding: 58px 0; } #instagram-feed .sf-heading-left { display: flex; flex-direction: row; align-items: center; width: calc( 100% - 330px ); } #instagram-feed .sf-heading-left i { width: 68px; height: 68px; border-radius: 50%; background: #6564e0; background: -moz-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%); background: -webkit-linear-gradient(45deg, #6564e0 0%,#7e56cc 25%,#a54caa 50%,#dc4581 75%,#ea4067 100%); background: linear-gradient(45deg, #6564e0 0%,#7e56cc 25%,#a54caa 50%,#dc4581 75%,#ea4067 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6564e0', endColorstr='#ea4067',GradientType=1 ); color: #ffffff; text-align: center; padding-top: 14px; margin-right: 15px; } #instagram-feed .sf-heading-left i::before { font-size: 42px; } #instagram-feed .sf-heading-left div { } #instagram-feed .sf-heading-left div strong { display: block; font-size: 19px; font-weight: 700; color: #171717; line-height: 1; letter-spacing: 0.02em; margin-bottom: 6px; } #instagram-feed .sf-heading-left div span { display: block; font-size: 12px; color: #171717; line-height: 1; letter-spacing: 0.02em; } #instagram-feed .sf-heading-right { width: 330px; } .ig-btns { text-align: right; } a.ig-follow { width: 170px; margin-right: 0; background: #6564e0; background: -moz-linear-gradient(45deg, #6564e0 0%, #7e56cc 25%, #a54caa 50%, #dc4581 75%, #ea4067 100%); background: -webkit-linear-gradient(45deg, #6564e0 0%,#7e56cc 25%,#a54caa 50%,#dc4581 75%,#ea4067 100%); background: linear-gradient(45deg, #6564e0 0%,#7e56cc 25%,#a54caa 50%,#dc4581 75%,#ea4067 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6564e0', endColorstr='#ea4067',GradientType=1 ); } .ig-follow i { font-size: 18px; margin-right: 8px; } .ig-follow span { } #instagram-feed .sf-body { } #instagram-feed .sf-main-feed { display: flex; flex-direction: row; flex-wrap: wrap; } #instagram-feed .sf-main-feed a { display: flex; width: 25%; overflow: hidden; } #instagram-feed .sf-main-feed canvas { display: block; width: 100%; background-color: var(--primary-color); background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #instagram-feed .sf-main-feed a:hover canvas { transform: scale(1.2) } /*testimonials*/ section.testimonials-area { padding: 121px 0 163px; } .testi-title { font-size: 75px; text-transform: uppercase; font-weight: 300; font-family: var(--primary-font); line-height: 1.07; letter-spacing: -4px; position: relative; text-align: center; margin-bottom: 56px; } .testi-title span{ display: block; font-weight: 600; letter-spacing: -.3px; } .testi-list { text-align: center; padding: 0 26px; } .testi-rate { font-size: 33px; color: var(--primary-color); margin-bottom: 36px; } .testi-list p { font-size: 17px; font-weight: 300; line-height: 1.6; padding-bottom: 32px; letter-spacing: .35px; } .testi-list span { display: block; font-size: 17px; font-weight: 700; text-transform: uppercase; } .testi-list span a { color: inherit; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .testi-list span a:hover { color: var(--primary-color); } .testi-dots { padding: 55px 0 0; text-align: center; } .testi-dots ul.slick-dots li span { width: 12px; height: 12px; background: #adadad; display: block; border-radius: 100%; position: relative; cursor: pointer; opacity: 1; border: 1px solid #adadad; } .testi-dots ul.slick-dots li { display: inline-block; vertical-align: middle; margin: 0 4px; } .testi-dots ul.slick-dots li.slick-active span { background: var(--primary-color); opacity: 1 ; } /*blog*/ section.blog-area{ position: relative; padding: 95px 0 97px; } .blog-bg{ position: absolute; top: 0; left: 0; width: 58.5%; height: 100%; z-index: 1; } html.ios-true .blog-bg, html.mac-true .blog-bg, html.safari-true .blog-bg, html.firefox-true .blog-bg { background-attachment: scroll; } .blog-bg::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #383838; opacity: .6; } .blog-bg::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/blog-bg.jpg) no-repeat; background-size: cover; background-position: left center; background-attachment: fixed; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .blog-row-wrap { margin: 0 -106px; } .row.blog-row::before{ display: none; } .row.blog-row{ position: relative; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .blog-title { font-size: 50px; text-transform: uppercase; font-weight: 300; font-family: var(--primary-font); color: var(--secondary-color); line-height: 1.1; letter-spacing: -3px; position: relative; margin-bottom: 56px; left: -3px; margin-top: 12px; } .blog-title span{ display: block; font-weight: 600; font-size: 75px; letter-spacing: -1px; } .blog-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 8px 0; background: var(--background-color); } .blog-photo { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; max-width: 390px; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .blog-photo canvas{ display: block; width: 100%; opacity: 0; background: var(--primary-color); -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; } .blog-list:hover canvas{ opacity: .5; } .blog-content h2 a { font-size: 20px; color: var(--primary-text-color); font-weight: 700; text-transform: uppercase; font-family: var(--primary-font); line-height: 1.25; margin-bottom: 21px; display: block; -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; } .blog-content p { font-size: 13px; color: var(--primary-text-color); font-family: var(--primary-font); line-height: 1.6; letter-spacing: .4px; padding-bottom: 21px; } a.blog-read{ font-size: 14px; text-transform: uppercase; color: var(--primary-text-color); letter-spacing: 1.2px; -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; } .blog-list:hover a{ color: var(--primary-color); } .blog-content { padding: 0 20px 0 25px; } a.blog-read:hover{ } a.blog-read.global-link-hover:after{ background: var(--primary-color); } .blog-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .blog-view-more a { font-size: 18px; color: var(--primary-text-color); text-transform: uppercase; font-weight: 600; display: inline-block; padding: 5px 0; position: relative; font-family: var(--primary-font); margin-top: 28px; margin-left: 415px; } .blog-view-more a:hover{ color: var(--primary-color); } /*footer*/ footer.main-footer { background: var(--primary-color); position: relative; padding: 100px 0; } footer.main-footer::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: url(images/footer-bg.png) no-repeat; background-size: cover; background-position: top center; background-attachment: fixed; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.1; } html.ios-true footer.main-footer::after, html.mac-true footer.main-footer::after, html.safari-true footer.main-footer::after { background-attachment: scroll; } footer.main-footer .container{ position: relative; z-index: 5; } /*get in touch*/ .footer-gt-holder { max-width: 977px; margin: 0 auto; position: relative; z-index: 1; } .gt-title { font-size: 75px; text-transform: uppercase; font-weight: 600; color: var(--secondary-color); font-family: var(--primary-font); position: relative; text-align: center; letter-spacing: -3.3px; margin-bottom: 29px; } .gt-title span { font-size: 15px; font-weight: 300; letter-spacing: .3px; display: block; text-transform: none; margin-top: 21px; } .footer-gt-form { font-size: 0; position: relative; z-index: 5; } .footer-gt-form input, .footer-gt-form textarea { font-size: 15px; width: 100%; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; background: transparent; height: 50px; color: var(--secondary-color); font-family: var(--primary-color); padding: 0 10px; border-radius: 0; resize: none; border: solid 1px transparent; border-bottom: solid 1px var(--secondary-color); transition: all .25s ease-in-out; } .gt-fields.gt-textarea textarea { padding-top: 16px; height: 119px; padding-right: 50px; } .gt-fields.gt-textarea{ height: 119px; position: relative; margin-bottom: 10px; width: 100%; } .footer-gt-form input[type="text"]:focus, .footer-gt-form input[type="email"]:focus, .footer-gt-form input[type="tel"]:focus, .gt-fields.gt-textarea textarea:focus { border-color: var(--secondary-color); outline: 0; -webkit-box-shadow: inset 0 1px 1px var(--primary-text-color), 0 0 8px var(--secondary-color); box-shadow: inset 0 0 1px var(--secondary-color), 0 0 8px var(--secondary-color); } .gt-fields.gt-textarea .gt-contact-button { font-size: 0; border: 0; width: 38px; height: 38px; position: absolute; bottom: 22px; right: 15px; } .gt-fields.gt-textarea .gt-contact-button input { font-size: 0; border: none; width: 100%; height: 100%; position: absolute; outline: none !important; z-index: 5; } .gt-fields.gt-textarea .gt-contact-button:hover{ opacity: .8; } .gt-fields.gt-textarea .gt-contact-button i { font-size: 27px; margin-top: -12px; display: block; color: var(--secondary-color); } .gt-fields { display: inline-block; vertical-align: top; margin-bottom: 12px; width: calc(100% / 4); position: relative; padding: 0 5px; } .footer-gt-form div.wpcf7 .ajax-loader { margin: 0 auto !important; display: block; } .footer-gt-form span.wpcf7-not-valid-tip { font-size: 12px; } .footer-gt-form span.wpcf7-form-control-wrap { display: block; } .footer-gt-form div.wpcf7-response-output { margin: -6px auto 0; position: absolute; width: calc(100% - 10px); font-size: 11px; color: var(--secondary-color); text-align: center; left: 0; right: 0; } .footer-gt-form form { position: relative; } /*footer contact*/ .footer-contact-info { text-align: center; margin-top: 50px; } .footer-smi { position: relative; } .footer-smi a { display: inline-block; vertical-align: middle; font-size: 28px; color: var(--secondary-color); padding: 5px; margin: 0 8px; -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; } .footer-smi a:hover{ color: var(--primary-color-accent); } .footer-site-name { font-size: 35px; text-transform: uppercase; color: var(--secondary-color); font-family: var(--secondary-font); margin-bottom: 24px; } .footer-site-name img{ display: block; margin: 0 auto 20px; } .ft-contact span, .ft-contact span a { font-size: 15px; color: var(--secondary-color); font-family: var(--primary-font); } .ft-contact span a:hover{ color: var(--primary-color-accent); -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; } .ft-contact em.ai-font-phone-alt { font-size: 18px; margin-right: 8px; } .ft-contact em.ai-font-location-c { font-size: 22px; margin-right: 4px; top: 4px; } .ft-contact em.ai-font-envelope-f { font-size: 12px; margin-right: 9px; } .ft-contact span { margin: 0 25px; } .footer-logo img { margin: 0 auto; } .ft-contact { margin-bottom: 38px; } .ft-logo-smi { display: flex; align-items: center; justify-content: center; flex-flow: row wrap; } .ft-logo-smi > div { padding: 0 30px; } /*footer nav*/ ul.footernav { font-size: 0; margin-top: 36px; text-align: center; } ul.footernav li a { display: inline-block; color: var(--secondary-color); font-size: 15px; font-family: var(--primary-font); font-weight: 700; text-transform: uppercase; -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; } ul.footernav li a:hover{ color: var(--primary-color-accent); } ul.footernav li { margin: 0 24px; display: inline-block; vertical-align: top; } /*copyright*/ .footer-copyright { margin-bottom: 11px; padding-top: 20px; } .footer-copyright, .footer-copyright a { font-size: 13px; color: var(--secondary-color); font-family: var(--body-font); letter-spacing: .2px; text-align: center; font-weight: 300; } .footer-copyright a:hover, .footer-copyright a[href="https://www.agentimage.com"]:hover{ color: var(--primary-color-accent) !important; } .ft-mls { text-align: center; font-size: 30px; color: #f7f0d8; margin-top: 17px; } .ft-mls em { margin: 0 5px; color: var(--secondary-color); } .footer-copyright a[href="https://www.agentimage.com"]{ text-decoration: underline !important; color: var(--secondary-color); } .ft-disclaimer{ font-size: 13px; color: var(--secondary-color); font-family: var(--body-font); text-align: justify; text-align-last: center; font-weight: 300; line-height: 1.55; border-top: 1px solid var(--secondary-color); margin-top: 44px; padding-top: 41px; } .ft-disclaimer p { padding: 8px 0; } /*above footer cta*/ .above-footer-cta { padding: 50px 0; } .above-footer-cta .cta-label { font-size: 20px; } .above-footer-cta .cta-label span { font-size: 35px; color: var( --primary-color); } .above-footer-cta .cta-list a:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* wpaccessibility.io */ /* #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { transform:translateY(-100%) translateY(50px); } */ body #pojo-a11y-toolbar { bottom:0 !important; top: auto !important; } body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle { top:auto !important; bottom:0 !important; } button:focus-visible, a:focus-visible { outline-style: solid !important; outline-width: 5px !important; outline-color: red !important; transition: none !important; } /* High contrast and Negative contrast break canvas elements with backgrounds */ #pojo-a11y-toolbar .pojo-a11y-btn-high-contrast, #pojo-a11y-toolbar .pojo-a11y-btn-grayscale, #pojo-a11y-toolbar .pojo-a11y-btn-light-background, #pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast { display:none !important; } /* High contrast and Negative contrast break canvas elements with backgrounds */ #pojo-a11y-toolbar .pojo-a11y-btn-high-contrast, #pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast { display:none !important; } /* wpaccessibility.io : END */ /******************************************************* * * 3. IP Styles * *******************************************************/ .ip-banner-wrap { position: relative; } .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: 350px; background-color: #f9f7f7; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(images/slide1.jpg); } .ip-banner .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .ip-banner .banner-title { display: block; font-family: var(--secondary-font); font-size: 50px; font-weight: 400; line-height: 1.2; text-transform: uppercase; color: #fff; text-align: center; } .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; } .ip-banner-breadcrumbs a:hover{ color: var(--primary-color); } /** 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-size: 60px; text-transform: uppercase; font-weight: 600; font-family: var(--primary-font); line-height: 1.1; color: var(--primary-text-color); } /* Styles for category/archive/search/etc subheadings (h2) */ #content .archive-subtitle { text-transform: uppercase; color: var(--primary-text-color); } #content .entry { font-size: 17px; color: var(--primary-text-color); font-weight: 400; font-family: var(--primary-font); line-height: 1.1; letter-spacing: .4px; } /** Footer - Inner Page */ /* .page-template-template-contact-us footer.main-footer, .ihf-details-template footer.main-footer { padding: 120px 0; } .page-template-template-contact-us .footer-smi, .ihf-details-template .footer-smi { margin: 0 0 41px; } */ /** End of Footer - Inner Page */ /** Single (Single Page) */ .back-to-link { position: relative; } .back-to-link a { font-size: 18px; color: var(--primary-text-color); text-transform: uppercase; font-weight: 600; display: inline-block; padding: 5px 0; position: relative; font-family: var(--primary-font); 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 { color: var(--primary-color); } /** End of Single (Single Page) */ /** Archive Default Layout (Archive Page) */ #content .archive-list { position: relative; display: flex; flex-flow: row wrap; } #content .archive-list:before, #content .archive-list:after { display: none; } #content .archive-list > article { float: none; } #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; position: relative; } #content .archive-list .archive-thumbnail a:after{ display: block; content: ""; width: 100%; height: 100%; background: var(--primary-color); position: absolute; left: 0; top: 0; 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-list article:hover .archive-thumbnail a:after{ opacity: 0.4; } #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; color: var(--primary-text-color); font-size: 32px; } #content .archive-list .article-long p { font-size: 22px; } #content .archive-list article:hover .archive-content a{ color: var(--primary-color); } #content .archive-more { display: inline-block; vertical-align: middle; font-family: var(--primary-font); 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-subtitle a{ -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: var(--primary-color); 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-list article:hover .archive-more { color: var(--primary-color); } #content .archive-list article:hover .archive-more:after { width: 63px; opacity: 1; } /** 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; } #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 */ /** Disable all element peek on mobile */ .mobile [data-aios-animation] { animation: none !important; opacity: 1 !important; visibility: visible !important; } /** End of Disable all element peek on mobile */ /** Slick Lazy Loader Class */ .slick-lazy-loader { position: relative; z-index: 1; } .slick-lazy-loader:before { content: "\b0170"; position: absolute; z-index: -1; top: calc(50% - 16px); left: calc(50% - 16px); font-family: agentimage !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; color: #000; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** End of Slick Lazy Loader Class */ /** Listings Module Over-ride **/ #listings-results .listings-sort .dropdown-menu input[type=submit]{ border: 1px solid transparent !important; background: var(--primary-color) !important; color:var(--secondary-color) !important; } #listings-results .listings-sort .dropdown-menu input[type=submit]:hover{ background: transparent !important; color: var(--primary-color) !important; border-color: var(--primary-color) !important; } #listings-results .listings-sort ul li.active a, #listings-results .listings-sort ul li a:hover{ background: var(--primary-color); color:var(--secondary-color); } #aios-listings-loader{ background: var(--background-color); } .loader-spinner .dot1, .loader-spinner .dot2{ background-color: var(--primary-text-color); } #listings-results .listings-list .listings-price{ color: var(--primary-text-color) } #listings-results .listings-sort .sort-dropdown button{ color: var(--primary-text-color); } #listings-results .listings-list .listings-col, #listings-results .listings-list .listings-item{ z-index: 7; } #listings-results .listings-list .listings-col:nth-child(odd), #listings-results .listings-list .listings-col{ background: transparent !important; } #listings-results .listings-list .listings-col:nth-child(odd):after{ display: block; width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: #676767; opacity: 0.3; } #listings-results .listings-sort .dropdown-menu span{ color: #000; } #listings-results .listings-table{ border-color: var(--primary-text-color) !important; } #listings-results .listings-table .listings-table-body .listings-col{ background: transparent !important; } #listings-results .listings-table .listings-table-header{ border-color: var(--primary-text-color) !important; position: relative; } #listings-results .listings-table .listings-table-header{ background: transparent !important; } #listings-results .listings-table .listings-table-header:after { display: block; background: #676767; position: absolute; content: ""; width: 100%; height: 100%; opacity: 0.2; z-index: -1; } #listings-results .listings-table .listings-table-body .listings-price{ color: var(--primary-text-color); } #listings-details .listings-address, #listings-details .listings-address span, #listings-details .listings-plan > ul > li, #listings-details .listings-plan span, #listings-details .listings-description p, #listings-details .listings-link-navigation-arrow{ color: var(--primary-text-color); } #listings-details .listings-cta > li > a, #listings-details .listings-accordion-title, #listings-details .listings-accordion-content ul li{ color: var(--primary-text-color) !important; border-color: var(--primary-text-color) !important; } #listings-details .listings-cta > li > a:hover{ color: var(--secondary-color) !important; } #listings-results .listings-list .listings-link{ background: transparent !important; color: var(--primary-text-color) !important; border: 1px solid var(--primary-text-color) !important; } #listings-details .listings-accordion-content{ border-color: var(--primary-text-color); } #listings-results .listings-list .listings-link:hover { background: var(--primary-color) !important; color: var(--secondary-color) !important; } #listings-details .listings-link-navigation-main{ color: var(--primary-text-color); border: 2px solid var(--primary-text-color); } #listings-details .listings-link-navigation-main:hover{ border: 2px solid var(--aios-listing-primary-color); } #listings-details .listings-accordion-content ul:before{ background: var(--primary-text-color); } .listings-address a:hover { color: var(--primary-color); } /** Listings Module Over-ride **/ .aios-social-media-error { font-size: 30px; } .aiosp-wrap div[class*="aios-testimonials-popup-"] .aiosp-content{ background: var(--background-color) !important; } .post-page-about #content .about-right{ margin-top: 75px; } .post-page-about .addtoany_content { margin: 55px auto -25px !important; } .listings-hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, rgba(14, 14, 14, 0)), to(rgba(14, 14, 14, 0.7))); background: linear-gradient(to top, rgba(14, 14, 14, 0) 35%, rgba(14, 14, 14, 0.7) 100%); } #listings-results .listings-list .listings-link { position: relative; z-index: 1; } .post-page-sold #content-full #breadcrumbs { display: none; } .post-page-sold h1.entry-title { width: 1170px; margin: .67em auto !important; padding: 0 10px; } .page-template-template-contact-us .cu-img img { bottom: -127px; position: relative; left: 30px; } /* 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%; } /** End of Single Default Layout (Post Content) */ /** Archive Default Layout (Archive Page) */ #content .archive-list { position: relative; display: flex; flex-flow: row wrap; } #content .archive-list:before, #content .archive-list:after { display: none; } #content .archive-list > article { float: none; } #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; } /** End of Archive Default Layout (Archive Page) */ /** Button */ a.btn-a, .btn-a { display: inline-block; vertical-align: top; max-width: 100%; width: 338px; padding: 26px 0 23px; font-size: 13px; letter-spacing: .46em; color: #212121; font-family: 'Source Serif Pro', serif; text-transform: uppercase; border: 1px solid rgba(42, 42, 42, 0.3); background: transparent; text-align: center; -webkit-transition: background .3s, color .3s, border .3s; -o-transition: background .3s, color .3s, border .3s; transition: background .3s, color .3s, border .3s; } a.btn-a:hover, .btn-a:hover { background: #2a2a2a; border-color: #2a2a2a; color: #fef2c2; } #content .entry{ padding-bottom: 30px !important; } /** End of Button */ .error404 .use-floating-validation-tip .wpcf7-not-valid-tip { top: 2px; max-height: 26px; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .use-floating-validation-tip .wpcf7-not-valid-tip { width: max-content !important; } #cta-popup-join-our-mailing-list .use-floating-validation-tip .wpcf7-not-valid-tip { width: max-content; font-size: 14px !important; } #content .cu-form span.wpcf7-not-valid-tip { width: max-content !important; } #listings-results .listings-grid .listings-address, #listings-results .listings-grid .listings-plan span, #listings-results .listings-grid .listings-media, #listings-results .listings-grid .listings-price { text-shadow: 1px 1px #000 !important; } #listings-results .listings-grid .listings-media li img { filter: drop-shadow(1px 1px #000) !important; } #listings-details .listings-form span.wpcf7-not-valid-tip { width: max-content !important; left: 0; font-size: 14px !important; } #listings-details .listings-form .listings-field.submit { right: 20px !important; } #listings-details .listings-form textarea { padding-right: 50px !important; } #ihf-main-container .modal-body { overflow-x: hidden !important ; } #ihf-main-container .glyphicon { color: #fff !important; } #ihf-main-container .hidden-xs { display: block !important; } #ihf-main-container .checkbox { min-height: 25px !important; } #ihf-main-container .checkbox label { padding-left: 0 !important; } #ihf-main-search-form > fieldset > div:nth-child(5) > div.col-xs-8 .checkbox{ line-height: 1; } #ihf-map-canvas > div.leaflet-control-container > div.leaflet-top.leaflet-right > div > form.leaflet-control-layers-list { margin: 0 !important; } .safari-true #listings-details .listings-form button[type=submit] i{ color: var(--primary-color) !important; -webkit-font-smoothing: initial !important; } .safari-true #listings-details .listings-form button[type=submit]:hover i{ color: #000 !important; -webkit-font-smoothing: initial !important; margin-left: 20px !important; } .safari-true #listings-details .listings-form button[type=submit]:hover{ color: #000 !important; } .page-template-template-contact-us .cu-img img { left: unset !important; } #listings-results .listings-table .listings-table-body .listings-price span { font-weight: 600 !important; color: #000 !important; } nav.header-nav ul#nav-fixed > li > a, nav.header-nav ul#nav .sub-menu a, nav.header-nav ul#nav-fixed .sub-menu a, .site-offcanvas .site-offcanvas-close, .site-offcanvas .site-offcanvas-navigation ul li > a, .site-offcanvas .site-offcanvas-info li a, .site-offcanvas .site-offcanvas-info li i, .site-offcanvas .site-offcanvas-smi li a, .wc-content h1, .wc-content p, a.wc-read { color: #383838 } .show-fixed .burger-menu span { background: #383838; } a.wc-read:after { background: #383838 !important; } .fixed-header-inner .header-logo img, .site-offcanvas .site-offcanvas-logo a img { filter: brightness(0.3); } nav.header-nav ul#nav .sub-menu a:hover, nav.header-nav ul#nav-fixed .sub-menu a:hover { color: var(--secondary-color); } .site-offcanvas .site-offcanvas-navigation ul li ul, .site-offcanvas .site-offcanvas-navigation ul li + li { border-top: 1px solid #383838; }