/* Theme Name: Azimuth Luxury Real Estate Description: AIOS mobile semi-custom theme. Author: AgentImage Author URI: http://www.agentimage.com Version: 1.6.1 Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post License: Proprietary License URI: http://www.agentimage.com Template: aios-starter-theme */ /* TABLE OF CONTENTS 1. Variables 2. Custom CSS 3. IP styles 4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */ /******************************************************* * * 1. Variables * *******************************************************/ /*fonts*/ @font-face { font-family: 'Alta'; src: url('./fonts/alta/Alta_light.eot'); src: url('./fonts/alta/Alta_light.eot?#iefix') format('embedded-opentype'), url('./fonts/alta/Alta_light.woff2') format('woff2'), url('./fonts/alta/Alta_light.woff') format('woff'), url('./fonts/alta/Alta_light.ttf') format('truetype'), url('./fonts/alta/Alta_light.svg#Alta_light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Alta'; src: url('./fonts/alta/Alta_regular.eot'); src: url('./fonts/alta/Alta_regular.eot?#iefix') format('embedded-opentype'), url('./fonts/alta/Alta_regular.woff2') format('woff2'), url('./fonts/alta/Alta_regular.woff') format('woff'), url('./fonts/alta/Alta_regular.ttf') format('truetype'), url('./fonts/alta/Alta_regular.svg#Alta_regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Alta Caption'; src: url('./fonts/alta/Alta_caption.eot'); src: url('./fonts/alta/Alta_caption.eot?#iefix') format('embedded-opentype'), url('./fonts/alta/Alta_caption.woff2') format('woff2'), url('./fonts/alta/Alta_caption.woff') format('woff'), url('./fonts/alta/Alta_caption.ttf') format('truetype'), url('./fonts/alta/Alta_caption.svg#Alta_caption') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } :root { /** Font default */ --font-family-default: 'Manrope', sans-serif; /*--font-family-title: 'Italiana', serif;*/ --font-family-title: 'Alta'; --font-size-default: 14px; --font-size-title: 18px; --font-color-default: #000000; --font-color-title: #6c757d; /* --aios-ihf-template-global-page-primary-color: #47adaf; */ --aios-ihf-template-global-page-primary-color: #26578c; --aios-ihf-template-global-page-secondary-color: #262626; /** Use for input, button, and any other element */ --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --default-transition: .3s cubic-bezier(.4,0,.2,1); } /******************************************************* * * 2. Navigation * *******************************************************/ /* Sub Menu */ #nav li{ position:relative; display: inline-block; } #nav .sub-menu { list-style: none outside none; /*margin: 0;*/ background: transparent; padding: 7px 0 0; position: absolute; width: 100%; /*min-width: 186px;*/ min-width: 256px; /*left: 50%; margin-left: -93px;*/ opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); -webkit-transition: all 0.6s ease; transition: all 0.6s ease; left: -320%; right: -320%; margin: 0 auto; } #nav .sub-menu a{ color: #fff; display: block; padding: 10px; background: #cf9d3c; } #nav .sub-menu a:hover{ background: #000; color: #fff; text-decoration: none; } #nav .sub-menu .sub-menu{ margin-left: calc(100% + 2px); top: 0; left: 0; padding-top: 0 !important; } #nav 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{ position: relative; display: block; margin-bottom: 1px; } /******************************************************* * * 3. Custom CSS * *******************************************************/ /* Global */ body{ font-family: var(--font-family-default); font-size: var(--font-size-default); background: #FFFFFF; color: var(--font-color-default); margin: 0; /* Remove the comment from line 85 to 86 if the font issue in safari occurs */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 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; } .hp-initial-gap canvas { display: block; width: 100%; height: 100vh; } .hp-content, .hp-initial-gap{ position: relative; z-index: 5; } .hp-content { background: #fff; } div#main-wrapper{ overflow: hidden; position: relative; } body.body-overflow { overflow: hidden; } /*header*/ header.main-header { position: fixed; left: 0; width: 100%; z-index: 1001; padding: 51px 15px 10px; -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; } .header-inner { /* max-width: 1480px; */ margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; padding: 0 35px; } .hdr-burger{ width: 17%; } header.main-header.show-fixed{ background: #fff; box-shadow: 0 0 10px #000; padding: 12px 15px; min-height: 74px; } /*logo*/ .header-logo { width: 17%; 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; } .header-logo a { display: block; position: relative; max-width: 225px; } header.main-header.show-fixed .header-logo{ opacity: 1; } /*nav*/ .hdr-nav { width: 66%; text-align: center; } #nav{ font-size: 0; position: relative; } #nav > li{ margin: 0 20px; position: relative; display: inline-block; vertical-align: top; } #nav > li:first-child { margin-left: 0; } #nav > li:last-child { margin-right: 0; } #nav > li > a { font-size: 13px; text-align: center; color: #fff; font-weight: 400; font-family: var(--font-family-default); display: block; position: relative; z-index: 5; letter-spacing: 2px; text-transform: uppercase; padding: 10px 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; } header.main-header.show-fixed #nav > li > a{ color: #000; } #nav > li:hover > a::after{ opacity: 1; width: 100%; } #nav .sub-menu a { color: #000; padding: 11px 5px; font-size: 11px; font-weight: 400; font-family: var(--font-family-default); text-transform: uppercase; letter-spacing: 2px; text-align: center; position: relative; 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; background: #fff; } #nav .sub-menu li:hover > a { background: #26578c; color: #fff; } #nav > li > a::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; height: 100%; width: 0; border-top: solid 1px #fff; /* border-bottom: solid 1px #fff; */ 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; } header.main-header.show-fixed #nav > li > a::after{ border-top: solid 1px #000; border-bottom: solid 1px #000; } header.main-header.show-fixed #nav .sub-menu { padding: 21px 0 0; } /*b menu*/ .header-burger-menu { width: 24px; height: 24px; margin: 0 0 0 auto; color: #fff; font-size: 18px; cursor: pointer; transform: rotate(45deg); -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; } header.main-header.show-fixed .header-burger-menu{ color: #000; } .header-burger-menu span { position: relative; top: 3px; left: 4px; } .header-burger-menu:hover{ color: #26578c !important; } /*site off*/ .site-offcanvas { overflow: hidden; position: relative; } .site-offcanvas .offcanvas-backdrop.active { visibility: visible; } .site-offcanvas .offcanvas-backdrop { position: fixed; z-index: 1002; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; } .slide-menu-content { position: fixed; bottom: 0; right: -10%; width: 100%; max-width: 100%; height: 100%; opacity: 0; z-index: 1002; visibility: hidden; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .slide-menu-content.active { right: 0; opacity: 1; visibility: visible; } .slide-menu-inner-content { position: relative; height: 100%; overflow-y: auto; z-index: 2; padding: 0; } .slide-menu-content::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/bmenu-bg.jpg) no-repeat; background-size: cover; background-position: center; } .slide-menu-content::before{ content: ''; position: absolute; top: 0; left: 0; width: 90.312%; height: 100%; background: #fff; opacity: .9; z-index: 2; } .slide-menu-bottom-inner { padding: 0 15px; margin: 0 auto; display: block; } .slide-menu-content-holder { position: relative; padding: 40px 15px 30px; height: 100%; } .slide-menu-content-inner { position: relative; z-index: 5; max-width: 80%; margin: 0 auto; } .b-menu { margin-top: 152px; padding: 0; } .b-menu .menu-main-nav-container { display: block; } ul#slidenav { font-size: 0; text-align: center; display: flex; flex-wrap: wrap; } ul#slidenav > li > a { display: inline-block; padding: 5px 0; color: #000; font-size: 30px; font-weight: 400; text-transform: uppercase; font-family: var(--font-family-title); 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; position: relative; letter-spacing: 4px; line-height: 1.2; } ul#slidenav > li ul.sub-menu a { font-size: 13px; color: #383838; font-weight: 400; font-family: var(--font-family-default); padding: 4px 0; display: inline-block; text-transform: uppercase; letter-spacing: 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; } ul#slidenav li a:hover{ color: #26578c !important; } ul#slidenav li ul.sub-menu { margin-top: 9px; margin-left: 0; } ul#slidenav li ul.sub-menu li { margin-bottom: 15px; } ul#slidenav > li { margin-bottom: 15px; position: relative; margin-right: 136px; } ul#slidenav > li > .sub-menu { margin-bottom: 10px; margin-top: 26px !important; } ul#slidenav > li:last-child { width: 230px; } .close-burger-menu { position: absolute; top: 61px; right: 57px; flex-direction: column; justify-content: center; align-items: center; padding: 5px; cursor: pointer; color: #000; font-size: 17px; z-index: 2; -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; } .close-burger-menu:hover{ color: #26578c; } .slide-menu-content-holder::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); } .bmenu-details span { display: inline-block; margin-right: 50px; } .bmenu-details span a { display: block; padding: 5px 0; color: #000; font-size: 13px; font-family: var(--font-family-default); letter-spacing: 2.6px; } .bmenu-details span a :hover{ color: #26578c; } span.bmenu-loc a em { font-size: 20px; } span.bmenu-loc a br { display: none; } span.bmenu-agent-name { font-size: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; } .bmenu-details span a em { margin-right: 7px; } .bmenu-details { margin: 161px 0 0; } .bmenu-details em.ai-font-location-c { top: 4px; } .bmenu-logo { position: absolute; top: 96px; right: -125px; z-index: 5; } /*slideshow*/ .slideshow-area { position: fixed; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; } .slider-holder div#aios-slider-slideshow, .slider-holder .aios-slider-splide, .slider-holder .splide__track, .slider-holder .splide__list, .slider-holder .splide__slide, .slider-holder .aios-slider-img { height: 100vh !important; } .slider-holder .cycloneslider-template-responsive.cycloneslider-width-full .cycloneslider-slide canvas, .slider-holder .cycloneslider-template-video.cycloneslider-width-full .cycloneslider-slide canvas, .slider-holder .cycloneslider-template-responsive.cycloneslider-width-full .cycle-sentinel canvas, .slider-holder .cycloneslider-template-video.cycloneslider-width-full .cycle-sentinel canvas { height: 100%; } .slider-holder { position: relative; } .slider-holder::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; z-index: 2; pointer-events: none; opacity: .1; } .slider-holder::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 50%; opacity: .5; background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); z-index: 1; pointer-events: none; } .slider-logo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: flex; align-items: center; justify-content: center; pointer-events: none; } .slider-logo a{ display: block; position: relative; pointer-events: auto; margin-top: -30px; /*filter: invert(1);*/ } .slider-tagline{ position: absolute; bottom: 70px; left: 0; width: 100%; z-index: 5; padding: 0 15px; text-align: center; } .tagline-text{ font-size: 18px; text-transform: uppercase; font-weight: 300; font-family: var(--font-family-default); color: #fff; letter-spacing: 5.5px; } .tagline-text span { display: block; font-size: 12px; letter-spacing: 3.5px; margin: 17px 0 0; } /*side fixed smi*/ .side-fixed-contact { position: fixed; top: 0; right: 27px; pointer-events: none !important; height: 100%; display: flex; align-items: center; justify-content: flex-start; z-index: 101; } .fixed-smi{ position: relative; } .fixed-smi a > em { /*text-shadow: 0 0 5px #000;*/ font-size: 29px; } .fixed-smi a > em.ai-font-phone { font-size: 19px; } .fixed-smi span { display: block; text-align: center; margin: 9px 0; } .fixed-smi a { /*font-size: 15px;*/ font-size: 19px; display: inline-flex; align-items: center; justify-content: center; padding: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; pointer-events: auto; position: relative; z-index: 4; color: #fff; background: transparent; } .fixed-smi a:hover { color: #26578c !important; } .side-fixed-contact.black .fixed-smi a, .ip-container .side-fixed-contact .fixed-smi a{ color: #000; text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px; } .side-fixed-contact.black .fixed-smi .border, .ip-container .side-fixed-contact .fixed-smi .border { background: #000; box-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px; } .fixed-smi em.ai-font-envelope-f { /*font-size: 13px;*/ font-size: 16px; } .fixed-smi .border { width: 1px; height: 45px; background: #fff; opacity: .5; margin: 20px auto; } /*gtranslate*/ .top-gtranslate { position: absolute; left: 0; width: 100%; z-index: 1003; background: #000; display: flex; align-items: center; justify-content: center; padding: 2px 15px; } .top-gtranslate a span { display: none; } .top-gtranslate a { margin: 0 6px; } /*title*/ .global-site-title-head { display: flex; /* flex-flow: column; */ } .global-site-title-counter { font-size: 12px; font-weight: 500; color: #26578c; letter-spacing: 1px; } .g-title-border { width: 1px; height: 79px; background: rgb(0,0,0); background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(210,210,210,1) 100%); margin-left: 15px; margin-right: 20px; margin-top: -13px; } .global-site-title { font-size: 48px; font-size: 3vw; text-transform: uppercase; color: #000; font-family: var(--font-family-title); letter-spacing: 3.1px; line-height: 1.07; } .statistics-area .global-site-title { font-size: 49px; line-height: 1.2; white-space: nowrap; } .global-site-title span{ display: block; font-weight: 500; color: #26578c; letter-spacing: 5px; font-size: 13px; margin: 0 0 13px; font-family: var(--font-family-default); } /*link*/ .global-site-link a { display: inline-block; position: relative; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; font-family: var(--font-family-default); padding: 12px 0; } .global-site-link a::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 44px; height: 2px; background: #26578c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .global-site-link a:hover::after{ width: 100%; } /*welcome*/ section.welcome-area { position: relative; padding: 120px 15px; } .wc-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wc-bg canvas{ display: block; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeats; height: 100%; background-attachment: fixed; opacity: .3; height: 100%; } .wc-holder { max-width: 1280px; max-width: 80vw; margin: 0 auto; position: relative; z-index: 5; } .wc-inner { display: flex; flex-wrap: wrap; } .wc-agent { width: 270px; /*width: 16.875vw;*/ width: 25.38vw; } .wc-content { width: calc(100% - 540px); width: calc(100% - 33.75vw); padding: 49px 15px 0; } .wc-agent-photo { border: solid 10px #fff; position: relative; } .wc-agent-photo canvas { display: block; width: 100%; } .wc-agent-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .wc-agent-photo::after{ content: ''; position: absolute; bottom: -27px; width: 100%; height: 17px; background: url(images/wc-agent-shadow.png) no-repeat; background-size: 100% 100%; background-position: center; } .wc-agent-name { text-align: center; font-size: 13px; text-transform: uppercase; font-weight: 500; font-family: var(--font-family-default); letter-spacing: 3.7px; margin: 36px 0 0; } .wc-agent-name span{ display: block; font-size: 11px; color: #26578c; letter-spacing: 3px; margin: 11px 0 0; } .wc-text p { font-size: 15px; color: #383838; line-height: 1.8; letter-spacing: 1.35px; padding: 0 0 24px; font-family: var(--font-family-default); text-align: justify; } .wc-text { margin: 43px 0 0; } .wc-content-inner { max-width: 620px; max-width: 38.75vw; margin: 0 auto; } .wc-content-inner .global-site-link { text-align: right; } /* .wc-agent:last-child { flex-direction: column-reverse; display: flex; justify-content: flex-end; } .wc-agent:last-child .wc-agent-name { margin: 102px 0 32px; } */ /*media*/ section.media-area { position: relative; /* padding: 83px 15px;*/ padding: 103px 15px; } .media-holder { /*max-width: 1280px;*/ margin: 0 auto; position: relative; z-index: 5; } .media-list { display: flex; padding: 0 5vw; align-items: center; align-content: center; min-height: 115px; max-width: 350px; } .media-list a{ display: block; position: relative; filter: grayscale(1); pointer-events: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .media-list a:hover, .media-list:hover a{ filter: grayscale(0); } /*communities*/ section.featured-communities-area { position: relative; } .fc-holder { position: relative; } .fc-head { position: absolute; top: 87px; left: 0; padding: 0 15px; right: 0; /* max-width: 1170px; */ margin: auto; width: 100%; z-index: 5; padding-right: 155px; } .fc-head .global-site-title-head { max-width: 1190px; margin: auto; padding: 0 15px; } .fc-head .global-site-title-counter, .fc-head .global-site-title span, .fc-head .global-site-title{ color: #fff; } .fc-head .g-title-border { background: linear-gradient(to top, rgba(198,198,198,1) 0%, rgba(210,210,210,1) 100%); } .fc-list a { display: block; position: relative; } .fc-photo { position: relative; } .fc-photo canvas { display: block; width: 100%; } .fc-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .fc-content { position: absolute; bottom: 10px; left: 0; width: 100%; z-index: 5; padding: 0 15px; right: 0; margin: auto; max-width: 1070px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; } .slick-current.slick-active .fc-content{ opacity: 1; } .fc-list a:hover .fc-content{ bottom: 79px; } .fc-list a:hover .fc-view { opacity: 1; } .fc-list a::after { content: ''; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); } .fc-slick-slider .slick-slide > div > div { display: block !important; } .fc-slick-slider:not(.slick-initialized) > div:not(:first-child){ display:none; } .fc-label { font-size: 47px; color: #fff; text-transform: uppercase; font-family: var(--font-family-title); letter-spacing: 5px; } .fc-text { font-size: 15px; color: #fff; /*max-width: 330px;*/ max-width: 700px; line-height: 1.8; letter-spacing: 1.25px; margin: 19px 0 26px; font-family: var(--font-family-default); } .fc-slick-slider .slick-list { padding-right: 155px; } .global-arrow-holder.fc-arrow { position: absolute; bottom: 76px; right: 110px; } button.fc-prev { display: none !important; } .fc-view { display: inline-block; position: relative; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; font-family: var(--font-family-default); padding: 12px 0; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; } .fc-view::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 44px; height: 2px; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*arrow*/ .global-arrow-holder button { border: 0; background: transparent; outline: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; filter: brightness(0) invert(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .global-arrow-holder button:hover{ filter: brightness(1) invert(0); } /*stats*/ section.statistics-area { position: relative; padding: 200px 0; } section.statistics-area .container{ position: relative; z-index: 5; } .stats-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .stats-bg canvas{ display: block; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeats; height: 100%; background-attachment: fixed; opacity: .17; filter: grayscale(1); height: 100%; } .stats-broker-logo img { margin: 13px 0 0 auto; width: 100%; } .stats-list-holder { display: flex; flex-wrap: wrap; margin: 123px 0 0; } .stats-list { width: calc(100% / 3); padding: 0 15px; text-align: center; } .stats-number { font-size: 40px; text-transform: uppercase; color: #26578c; font-family: var(--font-family-title); letter-spacing: 2px; } .stats-text { font-size: 13px; text-transform: uppercase; color: #000; letter-spacing: 4px; margin: 26px 0 0; font-family: var(--font-family-default); } /*activities*/ section.activities-area { position: relative; } .act-holder { position: relative; } .act-head { position: absolute; top: 87px; left: 0; padding: 0 15px; right: 0; max-width: 1170px; margin: auto; width: 100%; z-index: 5; } .act-head .global-site-title-head { justify-content: flex-end; } .act-head .global-site-title-counter, .act-head .global-site-title span, .act-head .global-site-title{ color: #fff; } .act-head .g-title-border { background: linear-gradient(to top, rgba(198,198,198,1) 0%, rgba(210,210,210,1) 100%); } .act-list a { display: block; position: relative; } .act-photo { position: relative; } .act-photo canvas { display: block; width: 100%; } .act-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .act-content { position: absolute; bottom: 10px; left: 0; width: 100%; z-index: 5; padding: 0 15px; right: 0; margin: auto; max-width: 1022px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: right; opacity: 0; } .slick-current.slick-active .act-content{ opacity: 1; } .act-list a:hover .act-content{ bottom: 79px; } .act-list a:hover .act-view { opacity: 1; } .act-list a::after { content: ''; position: absolute; top: 0; right: 0; width: 40%; height: 100%; background: linear-gradient(to left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); } .act-slick-slider .slick-slide > div > div { display: block !important; } .act-slick-slider:not(.slick-initialized) > div:not(:first-child){ display:none; } .act-label { font-size: 47px; color: #fff; text-transform: uppercase; font-family: var(--font-family-title); letter-spacing: 5px; } .act-text { font-size: 15px; color: #fff; /*max-width: 330px;*/ max-width: 700px; line-height: 1.8; letter-spacing: 1.25px; margin: 19px 0 26px auto; font-family: var(--font-family-default); } .act-slick-slider .slick-list { padding-left: 155px; } .global-arrow-holder.act-arrow { position: absolute; bottom: 76px; left: 110px; } button.act-next { display: none !important; } .act-view { display: inline-block; position: relative; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; font-family: var(--font-family-default); padding: 12px 0; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; } .act-view::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 44px; height: 2px; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*properties*/ section.featured-properties-area { position: relative; padding: 108px 15px 88px; } .single-aios-communities section.featured-properties-area { padding-top: 25px; } .fp-holder { max-width: 1280px; max-width: 80vw; margin: 0 auto; } .fp-head { display: flex; justify-content: space-between; align-items: center; margin: 0 0 37px; } .fp-head .global-arrow-holder.fp-arrow button.fp-prev { display: none!important; } .global-arrow-holder.fp-arrow button { filter: none; margin-left: 68px; } .global-arrow-holder.fp-arrow button:hover{ filter: brightness(0) invert(0); } .fp-slick-slider .slick-slide > div > div { /*display: block !important;*/ } .fp-slick-slider:not(.slick-initialized) > div:not(:first-child){ display:none; } .fp-slick-slider:not(.slick-initialized) .fp-list{ width: calc(100% / 3); } .fp-slick-slider { position: relative; margin: 0 -23px 25px; } .fp-list { padding: 24px 23px; } .fp-list a { display: block; position: relative; overflow: hidden; } .fp-photo { position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fp-list a:hover .fp-photo{ transform: scale(1.05); } .fp-photo canvas{ display: block; width: 100%; } .fp-photo img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .fp-list a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); } .fp-content { position: absolute; bottom: -31px; left: 0; width: 100%; padding: 0 20px; z-index: 5; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fp-list a:hover .fp-content{ bottom: 24px; } .fp-list a:hover .fp-view{ opacity: 1; } .fp-price { font-size: 30px; color: #fff; font-family: var(--font-family-title); letter-spacing: 1px; } .fp-address { font-size: 13px; color: #fff; letter-spacing: 2.4px; margin: 6px 0 8px; font-family: var(--font-family-default); border-bottom: solid 1px rgb(172 172 172 / 75%); padding: 0 0 9px; } .fp-specs { display: flex; font-size: 13px; color: #fff; letter-spacing: 1px; margin: 0 0 14px; } .fp-specs span { margin-right: 20px; } .fp-specs span:last-child{ margin-right: 0; } .fp-specs span em { margin-right: 10px; } .fp-view { display: inline-block; position: relative; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; font-family: var(--font-family-default); padding: 12px 0; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; } .fp-view::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 44px; height: 2px; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fp-holder .global-site-link{ text-align: center; } /*videos*/ section.featured-videos-area { position: relative; } .fv-holder { position: relative; } .fv-head { position: absolute; top: 87px; left: 0; padding: 0 15px; right: 0; max-width: 1170px; margin: auto; width: 100%; z-index: 5; } .fv-head .global-site-title-counter, .fv-head .global-site-title span, .fv-head .global-site-title{ color: #fff; } .fv-head .g-title-border { background: linear-gradient(to top, rgba(198,198,198,1) 0%, rgba(210,210,210,1) 100%); } .fv-list a { display: block; position: relative; } .fv-photo { position: relative; } .fv-photo canvas { display: block; width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #000; position: relative; z-index: 2; opacity: 0; } .fv-list a:hover .fv-photo canvas{ opacity: .3; } .fv-photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .fv-list a:hover .fv-content{ bottom: 79px; } .fv-list a:hover .fv-view { opacity: 1; } .fv-list a::after { content: ''; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); } .fv-list a::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 119px; height: 119px; background: url(images/play-icon.png) no-repeat; background-size: contain; background-position: center; z-index: 5; } .fv-slick-slider .slick-slide > div > div { display: block !important; } .fv-slick-slider:not(.slick-initialized) > div:not(:first-child){ display:none; } .fv-slick-slider .slick-list { padding-right: 155px; } .global-arrow-holder.fv-arrow { position: absolute; bottom: 76px; right: 110px; } button.fv-prev { display: none !important; } .fv-view { display: inline-block; position: relative; font-size: 13px; text-transform: uppercase; font-weight: 500; letter-spacing: 4px; font-family: var(--font-family-default); padding: 12px 0; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; } .fv-view::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 44px; height: 2px; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*instagram*/ section.instagram-area { position: relative; /* padding: 107px 15px 108px;*/ padding: 138px 15px; } .ins-holder { max-width: 1280px; max-width: 80vw; margin: 0 auto; } .ins-head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 46px; } .ins-slick-slider .slick-slide > div > div { display: block !important; } .ins-slick-slider:not(.slick-initialized) > div:not(:first-child){ display:none; } .ins-slick-slider:not(.slick-initialized) .ins-list{ width: 20%; } .ins-slick-slider { margin: 0 -55px; } .ins-list { padding: 0 55px; } .ins-list a{ display: block; position: relative; } .ins-list a canvas{ display: block; width: 100%; background: #000; z-index: 2; position: relative; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ins-list a:hover canvas{ opacity: .3; } .ins-list a img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } /*affiliate*/ section.affiliate-area { position: relative; padding: 138px 15px; background: url('/wp-content/uploads/2024/01/ap-bg.png') no-repeat center center/cover fixed; } html.safari-true section.affiliate-area { background-attachment: scroll!important; background-size: 170vw!important; } section.affiliate-area:before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 1; } .ap-holder { max-width: 80vw; margin: 0 auto; position: relative; z-index: 2; } .ap-head { display: flex; align-items: center; justify-content: space-between; margin: 0 0 46px; } .ap-logo-list:not(.slick-initialized) { display: flex; justify-content: center; flex-flow: row wrap; align-items: center; } .ap-logo-list .slick-slide > div > div img { margin: auto; } .ap-logo-list.slick-initialized .slick-track { display: flex; align-items: center; justify-content: flex-start; max-height: 110px; } /*get in touch section*/ section.get-in-touch-area { position: relative; /*padding: 144px 0 174px;*/ padding: 74px 0; } .gt-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .gt-bg canvas { background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .7; display: block; width: 100%; background-attachment: fixed; height: 100%; } .gt-form { margin: 14px auto 0; max-width: 466px; } .get-in-touch-area .global-site-title-counter, .get-in-touch-area .global-site-title span, .get-in-touch-area .global-site-title{ color: #fff; } .get-in-touch-area .global-site-title { margin-bottom: 20px; } .get-in-touch-area .g-title-border { background: linear-gradient(to top, rgba(198,198,198,1) 0%, rgba(210,210,210,1) 100%); } .gt-form form { position: relative; margin: 0 0; font-size: 0; } .gt-fields input, .gt-fields textarea { font-size: 13px; font-weight: 400; letter-spacing: 1px; background: transparent; width: 100%; height: 57px; color: #fff; padding: 0 0; border-radius: 0; resize: none; border: none; border-bottom: solid 1px rgba(255,255,255,.7); -webkit-appearance: none; -moz-appearance: none; font-family: var(--font-family-default); /*text-transform: uppercase;*/ } .gt-fields input::-ms-input-placeholder , .gt-fields textarea::-ms-input-placeholder { /* Edge 12-18 */ text-transform: uppercase; } .gt-fields input::placeholder , .gt-fields textarea::placeholder { /* Edge 12-18 */ text-transform: uppercase; } .gt-form textarea { padding-top: 21px; height: 125px; } .gt-fields.gt-textarea { width: 100%; margin-bottom: 0; position: relative; } .gt-fields { position: relative; width: 100%; padding: 0 0; display: inline-block; vertical-align: top; margin-bottom: 16px; } .gt-fields.gt-full{ width: 100%; } .gt-form div.wpcf7 .ajax-loader { display: block; position: absolute; right: 0; left: 0; margin: auto; bottom: -18px; } .gt-form span.wpcf7-form-control-wrap { display: block; } .gt-form div.wpcf7-response-output { margin: auto; position: absolute; width: 100%; font-size: 14px; color: #fff; text-align: center; left: 0; right: 0; margin-top: 5px; } .gt-fields.gt-btn { position: absolute; bottom: 18px; right: 25px; width: 27px; height: 25px; padding: 0; margin: 0; } .gt-fields.gt-btn input { height: 25px; border: none; position: absolute; top: 0; font-size: 0; background: transparent; text-transform: uppercase; } .gt-fields.gt-btn .ai-font-paper-airplane { font-size: 25px; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .gt-fields.gt-btn:hover .ai-font-paper-airplane { color: #26578c; } .gt-form .wpcf7-spinner { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } /*footer*/ footer.main-footer { position: relative; padding: 88px 0 106px; background: #fff; } footer.main-footer .container { position: relative; z-index: 5; } .footer-details { padding: 0 0; } .ftr-bg{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .ftr-bg canvas{ display: block; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; opacity: .12; filter: grayscale(1); /*background-attachment: fixed;*/ } .ftr-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 70%; background: linear-gradient(to bottom, rgba(255,255,255,1) 45%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); z-index: 2; } /*footer nav*/ .ftr-nav { margin: 7px 0 0 auto; max-width: 180px; } ul.footernav { font-size: 0; margin: 0 0; } ul.footernav > li > a { display: inline-block; padding: 5px; color: #000; font-size: 15px; font-weight: 500; font-family: var(--font-family-default); 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; position: relative; text-transform: uppercase; letter-spacing: 2.4px; } ul.footernav li a:hover{ color: #26578c !important; } ul.footernav > li { margin: 0 0 21px; display: block; position: relative; } ul.footernav > li:last-child{ margin-right: 0; } ul.footernav > li:first-child{ margin-left: 0; } /*footer logo*/ .ftr-logo a { display: block; max-width: 350px; margin: 0 auto; } /*footer details*/ .ftr-contact { padding: 0 15px; max-width: 300px; margin: 12px 0 0 auto; } .ftr-contact span { display: block; margin: 0 0 14px; } .ftr-contact a { display: inline-block; padding: 5px 0; color: #333333; font-size: 13px; font-weight: 400; -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; font-family: var(--font-family-default); line-height: 1.4; letter-spacing: 2.2px; } .ftr-contact a:hover{ color: #26578c !important; } .ftr-contact em.ai-font-phone { font-size: 12px; margin-right: 10px; } .ftr-contact em.ai-font-envelope-f { font-size: 13px; margin-right: 4px; } .ftr-contact em.ai-font-business-card { font-size: 20px; top: 2px; margin-right: 2px ; } .ftr-contact em.ai-font-location-c { font-size: 22px; top: 3px; margin-right: 5px; } span.ftr-loc { position: relative; } span.ftr-loc a { display: inline-flex; top: 1px; position: relative; } span.ftr-agent-name { font-size: 15px; text-transform: uppercase; font-weight: 500; color: #000; font-family: var(--font-family-default); margin-bottom: 28px; letter-spacing: 3px; } /*footer smi*/ .ftr-smi { display: flex; align-items: center; justify-content: center; margin: 63px 0 0; } .ftr-smi a { display: block; justify-content: center; color: #000; /*font-size: 23px;*/ font-size: 29px; margin: 0 10px; -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; padding: 5px; } .ftr-smi a:hover{ color: #26578c; } /*disclaimer*/ .ftr-disclaimer { text-align: center; font-size: 12px; color: #000; line-height: 1.7; letter-spacing: 1.2px; font-family: var(--font-family-default); margin: 84px 0 18px; } .ftr-disclaimer 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; } .ftr-disclaimer a:hover{ color: #26578c; } /*copyright*/ .footer-copyright { margin-bottom: 13px; text-align: center; } .footer-copyright, .footer-copyright a { font-size: 12px; color: #000; line-height: 2; letter-spacing: 1.2px; font-family: var(--font-family-default); font-weight: 400; -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-copyright a:hover{ color: #26578c; } .footer-copyright a[href="https://www.agentimage.com"]{ text-decoration: underline !important; color: #000; } .footer-copyright a[href="https://www.agentimage.com"]:hover{ color: #26578c; } .footer-copyright span{ text-transform: uppercase; } .mls { font-size: 25px; color: #000; /*opacity: .5;*/ text-align: center; } .mls em { margin: 0 7px; } .ft-bottom { margin-top: 64px; display: flex; justify-content: space-between; align-items: center; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: absolute; top: auto !important; bottom: 0; width: auto; font-size: 11px; } /*sidenavigation*/ #scroll-down { position: fixed; left: -39px; z-index: 1000; text-align: center; text-transform: uppercase; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } #scroll-down ul { display: inline-block; } #scroll-down ul li { display: none; position: relative; margin-bottom: 0; min-width: 200px; } #scroll-down ul li.nav-active-section{ display: block; } #scroll-down ul li .scroll-section-title { font-size: 12px; /*color: #fff;*/ text-transform: uppercase; } #scroll-down ul li:hover .scroll-section-title, #scroll-down ul li.nav-active-section .scroll-section-title { visibility: visible; opacity: 1; } #scroll-down ul li a { position: relative; display: flex; align-items: center; transition: all 0.3s ease-in-out, top 0.3s; cursor: pointer; letter-spacing: 3px; font-size: 12px; color: #fff; text-transform: uppercase; transform: rotate(-90deg); } /* #scroll-down ul li.nav-active-section a { color: #fff; }*/ #scroll-down .scroll-down-text { display: none; } div#scroll-inner { /*min-height: 86%;*/ display: flex; flex-direction: column; justify-content: space-between; } span.scroll-down-text em { position: absolute; font-size: 12px; font-style: normal; color: #fff; font-weight: 500; letter-spacing: 1px; transform-origin: bottom left; left: -6px; bottom: -40px; transform: rotate(-90deg) translateY(50%); white-space: nowrap; } #scroll-down ul li a i { width: 3px; height: 3px; background: #fff; border-radius: 100%; margin: 0 23px; } #scroll-down ul li a::after { content: ''; position: absolute; top: 5px; left: -69px; width: 44px; height: 1px; background: #fff; opacity: .7; } #scroll-down ul li.aios-scroll-id-content-gt { display: none !important; } #scroll-down li.aios-scroll-id-content-welcome a i, #scroll-down li.aios-scroll-id-content-welcome a::after, #scroll-down li.aios-scroll-id-content-stats a i, #scroll-down li.aios-scroll-id-content-stats a::after, #scroll-down li.aios-scroll-id-content-fp a i, #scroll-down li.aios-scroll-id-content-fp a::after, #scroll-down li.aios-scroll-id-content-ins a i, #scroll-down li.aios-scroll-id-content-ins a::after, #scroll-down li.aios-scroll-id-content-ftr a i, #scroll-down li.aios-scroll-id-content-ap a i, #scroll-down li.aios-scroll-id-content-ftr a::after, #scroll-down li.aios-scroll-id-content-ap a::after{ background: #000; } #scroll-down li.aios-scroll-id-content-welcome a, #scroll-down li.aios-scroll-id-content-stats a, #scroll-down li.aios-scroll-id-content-fp a, #scroll-down li.aios-scroll-id-content-ins a, #scroll-down li.aios-scroll-id-content-ftr a, #scroll-down li.aios-scroll-id-content-ap a{ color: #000; } #scroll-down li.aios-scroll-id-content-ftr i { display: none; } #scroll-down li.aios-scroll-id-content-ftr a { font-size: 0 !important; } #scroll-down li.aios-scroll-id-content-ftr a::before { content: "\b0321"; font-family: 'agentimage'; font-size: 8px; margin-right: 12px; opacity: .7; } #scroll-down li.aios-scroll-id-content-ftr a::after{ display: none; } /******************************************************* * * 4. IP Styles * *******************************************************/ .ip-banner{ position: relative; width: 100%; } .ip-banner::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,.1); } .ip-about-banner::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 50%; opacity: .5; background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); z-index: 1; pointer-events: none; } .ip-banner canvas{ display: block; position: relative; z-index: 0; width: 100%; min-height: 250px; background-color: var(--dark); background-position: center center; background-repeat: no-repeat; background-size: cover; } .ip-banner .container{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } .ip-banner h1 { font-weight: 700; font-size: 32px; text-align: center; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.7; } .ip-banner h1 span{ display: block; font-size: 24px; font-weight: 400; text-transform: none; letter-spacing: 0.01em; } /* Adjust minimum height of page area */ #content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;} /** Adjust width of content columns **/ #content-sidebar #content{ width: 74%; } #content-full #content { width: 100%; } /* Adjust width of sidebar */ .sidebar{ width: 24%; } /* 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: 3vw; color: #000; font-family: var(--font-family-title); font-weight: 400; letter-spacing: 3.1px; line-height: 1.07; display: flex; } #content .entry-title::before, #content .archive-title::before { content: ''; width: 1px; background: rgb(0,0,0); background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(210,210,210,1) 100%); margin-right: 20px; transform: scale(0.85); transform-origin: left center; } /* Styles for category/archive/search/etc subheadings (h2) */ #content .archive-subtitle { } html.safari-true .attachment-fixed canvas { background-attachment: scroll!important; background-size: 170vw!important; } /*team*/ section.meet-the-team-area { position: relative; padding: 48px 15px 90px; } .mt-holder { max-width: 1280px; max-width: 80vw; margin: 0 auto; position: relative; z-index: 5; } .mt-slick-slider{ position: relative; margin: 0 -43px 25px; margin: 0 -2.688vw 25px; } .mt-slick-slider .slick-slide > div > div { display: block !important; } .mt-slick-slider:not(.slick-initialized) > div:not(:first-child){ display:none; } .mt-slick-slider:not(.slick-initialized) .mt-list{ width: 25%; } .mt-list{ padding: 2.688vw; } .mt-list a{ display: block; position: relative; } .mt-photo{ position: relative; } .mt-photo canvas{ display: block; width: 100%; background: #26578c; opacity: 0; position: relative; z-index: 2; -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; } .mt-list a:hover .mt-photo canvas{ opacity: .3; } .mt-photo img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .mt-content{ position: relative; padding: 21px 15px 0; text-align: center; } .mt-name{ font-size: 13px; /*font-size: 0.813vw;*/ text-transform: uppercase; font-weight: 500; color: #000; letter-spacing: 2.3px; } .mt-position { font-size: 10px; /*font-size: 0.625vw;*/ text-transform: uppercase; color: #26578c; line-height: 1.9; letter-spacing: 1.9px; margin: 8px 0 0; } .mt-position .mt-holder .global-site-link { text-align: center; } p#breadcrumbs { width: 100%; font-family: var(--font-family-default); text-transform: uppercase; font-size: 13px; letter-spacing: 5px; margin-bottom: 96px; font-weight: 500; color: #26578c; } #breadcrumbs span span { margin: 0 3px; } #breadcrumbs span span:first-child { margin-left: 0; } .ip-container .global-site-title-counter { display: none; } .ip-container .g-title-border { height: auto; margin-top: 0; margin-left: 0; } .ip-container:not(.page-template-community):not(.single-aios-communities) .g-title-border { transform: scale(0.85); transform-origin: left center; } .ip-container.page-id-0 .global-site-title { display: flex; flex-wrap: wrap; } .ip-container .global-site-title span { /*font-size: 3vw; color: #000; font-family: var(--font-family-title); letter-spacing: 3.1px; line-height: 1.07; margin-bottom: 0;*/ } .ip-container.page-id-0 .global-site-title span { margin-right: 10px; } #content-ftr, #content-gt, #content-ins, #content-fv, #content-fp, #content-act, #content-stats, #content-fc, .media-area, .meet-the-team-area, #content-welcome{ display: none; } .post-aios-agents-john-pentz section#content-ins { display: none !important; } .ihf-details-template .breadcrumb_last{ text-transform: capitalize; } .aios-custom-ihomefinder-printable-template #breadcrumbs { display: none !important; } .ip-community-text a { white-space: normal; word-break: break-all; } .ip-about-agent-photo::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity: 0.7; } .postid-155 section#content-ins, .postid-162 section#content-ins { display: none !important; } /* Listing Details */ body #listings-details .listings-address strong, body #listings-details .listings-description h2, body #listings-details .listings-accordion h2, body #listings-details .listings-form h2 span { font-size: 3vw; text-transform: uppercase; color: #000; font-family: var(--font-family-title); letter-spacing: 3.1px; line-height: 1.07; font-weight: 400; } /* Concierge Page */ .page-id-256 #content .entry h3 { font-size: 3vw; text-transform: uppercase; color: #000; font-family: var(--font-family-title); letter-spacing: 3.1px; line-height: 1.07; font-weight: 400; } .page-id-256 #content .entry p { font-size: 15px; color: #383838; line-height: 1.8; letter-spacing: 1.35px; padding: 0 0 24px; font-family: var(--font-family-default); text-align: justify; } .ip-about-bio-content-inner .global-site-title span br { display: none; } .mt-holder .global-site-link { text-align: center; } .gt-bg::before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; z-index: 1; } .global-site-title-head { width: 100%; height: 100%; } .map-git { width: 100%; height: 100%; } .map-git iframe { /*width: 100%; height: 100%; min-height: 600px;*/ } #content-gt .container { width: 100%; max-width: 1569px; z-index: 2; position: relative; } #content-gt .row { display: flex; align-items: center; flex-flow: row wrap; } /* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */