/* Theme Name: Amber Anderson Team V2 Description: AIOS mobile semi-custom theme. Author: AgentImage Author URI: http://www.agentimage.com Version: 1.6.0 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 */ @font-face { font-family: 'BentonSans'; src: url('fonts/BentonSans-Regular.eot'); src: url('fonts/BentonSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/BentonSans-Regular.woff2') format('woff2'), url('fonts/BentonSans-Regular.woff') format('woff'), url('fonts/BentonSans-Regular.ttf') format('truetype'), url('fonts/BentonSans-Regular.svg#BentonSans-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /******************************************************* * * 1. Variables * *******************************************************/ :root { /** Font default */ --font-family-default: 'BentonSans'; --font-family-default-alt: 'League Spartan', sans-serif; --font-family-title: 'Libre Caslon Display'; --font-size-default: 13px; --font-size-title: 18px; --font-color-default: #000000; --font-color-title: #6c757d; /** Use for input, button, and any other element */ --primary: #002349; --secondary: #949494; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --playfairdisplay: 'Playfair Display', serif; } /******************************************************* * * 2. Navigation * *******************************************************/ /* Sub Menu */ #nav li { position:relative; display: inline-block; } #nav .sub-menu { background: transparent; display: block; opacity: 0; visibility: hidden; margin-top: -10px; width: max-content; left: 50%; transform: translateX(-50%); padding-top: 33px; position: absolute; min-width: 280px; list-style: none outside none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #nav .sub-menu a { color: #FFFFFF; display: block; padding: 10px; } #nav .sub-menu li:focus-within > a, #nav .sub-menu a:hover { background: none repeat scroll 0 0 #b2b2b2; color: #000000; text-decoration: none; } #nav .sub-menu .sub-menu { margin-left: 100%; top:0; } #nav li:focus-within > .sub-menu, #nav li:hover > .sub-menu { opacity: 1; visibility: visible; margin-top: 0; } #nav .sub-menu li { position: relative; } #fixednav li { position:relative; display: inline-block; } #fixednav .sub-menu { background: transparent; display: block; opacity: 0; visibility: hidden; margin-top: -10px; width: max-content; left: 50%; transform: translateX(-50%); padding-top: 33px; position: absolute; min-width: 280px; list-style: none outside none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #fixednav .sub-menu a { color: #FFFFFF; display: block; padding: 10px; } #fixednav .sub-menu li:focus-within > a, #fixednav .sub-menu a:hover { background: none repeat scroll 0 0 #b2b2b2; color: #000000; text-decoration: none; } #fixednav .sub-menu .sub-menu { margin-left: 100%; top:0; } #fixednav li:focus-within > .sub-menu, #fixednav li:hover > .sub-menu { opacity: 1; visibility: visible; margin-top: 0; } #fixednav .sub-menu li { position: relative; } /******************************************************* * * 3. Custom CSS * *******************************************************/ /* Global */ body{ font-family: var(--font-family-default-alt); 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; */ } /********CSS Post Launch********/ a, a:hover, a:focus, input, input:hover, input:focus, textarea, textarea:focus, textarea:hover, select:hover, select:focus, select, button, button:focus, button:hover, .btn-group.bootstrap-select.show-tick.qs-select, .bootstrap-select .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus{ outline: 0px !important; } #content .ihf-search .ihf-select-options ul, #content .ihf-search .ihf-select-options, #content .ihf-search .ihf-pagination, #content #ihf-main-container .nav-tabs, #content #ihf-main-container .chosen-results{ margin: 0 0 0; padding: 0 0 0; list-style: none; } #content #ihf-main-container #ihf-search-adv2-submit{ margin: 20px 0 0; } #content #ihf-main-container .ihf-grid-result-address{ overflow: hidden; text-overflow: ellipsis; display: block; } #content #ihf-main-container .ihf-listing-search-results .btn{ padding: 6px 6px; } #content div.wpcf7-response-output, div.wpcf7-response-output{ text-align: center; } #ihf-main-container #ihf-mortgage-calculator-modal .mc-total-payment-subline, #content #ihf-main-container .mc-total-payment-subline{ color:#333; } #ihf-main-container .pagination>li>a, #ihf-main-container .pagination>li>span{ padding: 6px 9px; } #ihf-main-container #ihf-schedule-showing-request-form .form-control{ padding: 6px 7px; } #content #ihf-main-container #ihf-search-location-tab{ margin: 8px 5px 0 0; } #ihf-main-container #ihf-advsearch-features label{ font-size: .8em; } html.name-Microsoft_Edge .ai-default-cf7wrap input[type="submit"], html.name-Microsoft_Edge .ai-default-cf7wrap input.wpcf7-submit{ margin: 6px 0 0; } #ws-walkscore-tile{ background:#fff !important; } #hero .quick-search form select[name="propertyType"]{ margin-left: 2%; } #content ul.ihf-navbar-nav{ list-style: none; margin: 0 0 0; } #content .ihf-eureka .ihf-navbar{ padding: 4px 14px; } #content #ihf-main-container .ihf-listing-open-home-text-grid, #content #ihf-main-container .ihf-map-info-window-content{ color:#777; } #content #ihf-main-container label{ color:inherit; } #content #ihf-main-container .ihf-polygon-reset{ color:#000; } #ihf-main-container .modal-body { color: #000; } body.page-id-0 > img, body.page-id-0 > iframe{ display: none !important; } #content #ihf-main-container #ihf-market-report-nav-container.row, #content #ihf-main-container #ihf-market-report-nav-container.row .row, #content #ihf-main-container .row #areaPickerContainer.row, #content #ihf-main-container .row #ihf-search-location-tab .row, #content #ihf-main-container .row #ihf-refine-map-search-form .row, #content #ihf-main-container .row .ihf-grid-result-container .row, #content #ihf-main-container .row #ihf-search-location-tab.row{ margin-left: -15px; margin-right: -15px; } #content #ihf-main-container .row .row{ margin-left: 0; margin-right: 0; } #ihf-main-container .ihf-social-share .dropdown-menu > li > a{ color:#000 !important; } #ihf-main-container .ihf-social-share .dropdown-menu > li > a:hover{ color:#fff !important; } #ihf-main-container #ihf-refine-map-search-form label{ color:#fff !important; } #ihf-main-container #ihf-refine-map-search-form .checkbox { padding-left: 0px; margin-left: -15px; } #ihf-main-container ul.chosen-results { margin-left: 0 !important; } #content .ihf-eureka ul.ihf-dropdown-menu{ margin: 0 0 0; padding: 0 0 0 0; list-style: none; } #content #ihf-detail-navrow .ihf-detail-navigation .pull-right{ float: none !important; text-align: right; } #content #ihf-main-container .map-infobox-img{ max-width: 100% !important; } #ihf-main-container #ihf-map-canvas .ihf-map-info-box-title{ padding: 0 15px 0 0; } .grecaptcha-badge{ z-index: 91; } #content #IDX-main{} #content #IDX-main #IDX-boxLabel_remarksConcat input{ display: block; width: 100%; } #content #IDX-main ul.select2-choices, #content #IDX-main ul.IDX-navbar-nav{ margin: 0 0 0 0; } .areaPickerExpandAllTopBar:after{ content:''; display: block; clear: both; } #ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox{ padding-left: 0px; } #ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox label{ padding-right: 30px; white-space: break-spaces; } #ihf-main-container #ihf-detail-features-tab > .row.mt-10{ margin-left: 0; margin-right: 0; } #ihf-agent-sellers-rep-own-listing{ max-width: 100%; } #ihf-main-search-form fieldset div[data-ihf-geographic-field="true"] .checkbox{ padding-left: 0; } #content ul#IDX-searchNavList{ margin: 0 0 0; } #content ul#IDX-searchNavList li:first-child{ padding-left: 0px; } #content ul#IDX-searchNavList li:last-child{ padding-right: 0px; } #IDX-formSubmit.IDX-formSubmit { font-size: 16px; margin-right: 20px; line-height: 18px; } #IDX-formSubmit.IDX-formSubmit { font-size: 16px; margin-right: 20px; line-height: 18px; font-weight:400; } #IDX-ccz-group .IDX-controls span{ vertical-align: middle; margin: 0 0 0 10px; } #IDX-ccz-group .IDX-controls span:first-child{ margin: 0 0 0 0; } #ihf-main-container #ihf-map-canvas{ position: relative; z-index: 0; } #ihf-main-container #ihf-refine-map-search-form{ margin: 0 0; } #ihf-main-container .ihf-mapsearch-refine-overlay-inner{ padding: 8px 15px; } #ihf-main-container .ihf-grid-result{ margin-bottom: 15px; } #ihf-main-container .ihf-grid-result:after{ content: ''; display: block; clear: both; } #listings-results .listings-map{ position: relative; z-index: 0; } #content ul#idx-mlm-nav-links{ list-style: none; margin: 0 0 0 0; } #ihf-map-canvas .leaflet-div-icon{ background: none; border: 0px solid #666; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; width: auto; font-size: 11px; white-space: nowrap; display: none; } .use-floating-validation-tip .wpcf7-not-valid-tip:nth-of-type(1){ display: block; } #ihf-main-container #areaPickerClearAll .glyphicon{ color: #fff !important; } #content .leaflet-control-layers form.leaflet-control-layers-list{ margin: 0 0; } #IDX-main.IDX-wrapper-standard .IDX-navbar-collapse{ padding-left: 0; padding-right: 0; } /********CSS Post Launch End********/ :before, :after{ pointer-events: none; } a, button { outline:none; text-decoration: none; } a:hover { text-decoration: none; color: var(--secondary); outline: none; text-decoration: none; } a, a:hover, a:visited, a:focus, select, input, textarea{ text-decoration: none; outline: 0; cursor: pointer; } select, textarea { appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0; } select::-ms-expand { display: none; } .slick-slide{ outline: 0; } section{ position: relative; } .img-cover{ position: relative; display: block; } .img-cover > canvas{ display: block; position: relative; z-index: 0; width: 100%; height: auto; } .img-cover > img{ display: block; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; object-position: center; object-fit: cover; } #main-wrapper { position: relative; overflow: hidden; } /*.header { padding-top: 40px; }*/ .cont-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: center; font-size: 0; letter-spacing: 0; } .area-flex { display: flex; justify-content: center; align-items: center; } .custom-container { padding-left: 70px; padding-right: 70px; } .custom-container > .row { display: flex; } .header{ font-family: var(--font-family-default); } .main-header { width: 100%; z-index: 100; margin: 0 auto; position: fixed; height: auto; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding-top: 30px; } /** Header **/ .hdr-logo-wrapp, .fixedhdr-logo-wrapp, .aios-split-nav{ display: inline-block; vertical-align: middle; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-backface-visibility: hidden; } .hdr-logo-wrapp{ width: 24%; text-align: center; margin: 0 auto; position: relative; top: 0; display: inline-block; vertical-align: top; } .fixedhdr-logo-wrapp { width: 24%; text-align: center; margin: 0 auto; position: relative; top: 0; display: inline-block; vertical-align: middel; } .aios-split-nav { width: 38%; vertical-align: top; text-align: center; } .aios-split-nav:nth-child(2) { text-align: left; } /*** Header Logo ***/ .logo-flex { display: flex; /*justify-content: space-between; */ justify-content: center; align-items: center; } img.hdr-logo { /*width: 230px;*/ /* width: 350px;*/ width: 280px; } img.sb-logo { width: 112px; } .logo-flex a { position: relative; display: block; /*padding: 0 6%;*/ padding: 0 0; } .logo-flex a:first-child { padding-left: 0; } .logo-flex a:last-child { padding-right: 0; display: none; } .logo-flex a:nth-child(2):before { position: absolute; /*left: -20px; */ left: 0; content:''; width: 1px; height: 100%; background: rgba(255,255,255,0.3); } .logo-flex a .blue-logo { display: none; } /***Header Short***/ .fixed-header{ background:var(--primary); position: fixed; z-index: 101; width: 100%; left: 0; top: -1000px; transition: all ease .3s; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; /*padding: 25px 0;*/ padding: 15px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.6); } .fixed-header.active{ top: 0; } /*** Slide Area ***/ section#hp-slide { position: relative; overflow: hidden; } .hpslideshow { } .slideshow-fixed { position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .slideshow-fixed:before{ content:''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; } .slideshow-fixed .cycloneslider{ z-index: 0; } .slideshow-fixed .textwidget, .slideshow-fixed .cycloneslider-template-video, .slideshow-fixed .cycloneslider-template-video .cycloneslider-slides, .slideshow-fixed .cycloneslider-template-video .cycle-slide, .slideshow-fixed .cycloneslider-template-video .cycloneslider-slide canvas { height: 100%; width: 100%; } .slideshow-canvas { font-size: 0; position: relative; pointer-events: none; } .slideshow-canvas canvas { width: 100%; display: block; height: auto; } .home .cycloneslider-template-video .cycloneslider-slide:before, section#hp-slide .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-custom-video:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); left: 0; right: 0; z-index: 2; } /** Navigation**/ .hdr-nav, .fixedhdr-nav{ position: relative; } #navigation { display: flex; align-items: center; justify-content: center; } .navigation .aios-split-nav > li { display: inline-block; border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 1; position: relative; padding: 0 27px; } .navigation .aios-split-nav > li:first-child{ padding-left: 0; } .navigation .aios-split-nav > li:last-child{ padding-right: 0; } .navigation .aios-split-nav > li > a{ font-weight: 400; font-size: 16px; text-transform: uppercase; padding: 20px 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; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-backface-visibility: hidden; background: transparent; letter-spacing: 0.05em; color: #fff; /*text-shadow: 0 0 3px rgba(0,0,0,0.6);*/ } .header .aios-split-nav > li > a:after{ content:''; display: block; position: absolute; height: 1px; background: #fff; bottom: 10px; left: 50%; right: 50%; margin: 0 auto; opacity: 0; transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; } .header .fixednavigation .aios-split-nav > li > a:after{ bottom: -10px; } .aios-split-nav > li:focus-within > a:after, .aios-split-nav > li:hover > a:after{ opacity: 1; left: 0; right: 0; } .navigation .aios-split-nav > li:hover > a { /*color: #666;*/ } body:not(.home):not(.page-template-blog-details) .main-header .aios-split-nav > li > a{ color: #666; } body:not(.home):not(.page-template-blog-details) .main-header .aios-split-nav > li > a:after{ background: #666; } body:not(.home):not(.page-template-blog-details) .main-header .navigation .aios-split-nav > li{ border-bottom: 1px solid rgba(102,102,102,0.2); } .navigation .aios-split-nav .sub-menu { background: transparent; display: block; opacity: 0; visibility: hidden; margin-top: 0; width: max-content; left: 50%; transform: translateX(-50%); padding-top: 10px; position: absolute; min-width: 200px; list-style: none outside none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; max-width: 200px; } .navigation .aios-split-nav .sub-menu:before, .fixednavigation .aios-split-nav .sub-menu:before { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background: url(images/arrow-dd3.png) no-repeat center; width: 17px; height: 13px; content: ''; } .navigation .aios-split-nav > li:focus-within .sub-menu, .navigation .aios-split-nav > li:hover .sub-menu { opacity: 1; visibility: visible; } .navigation .aios-split-nav .sub-menu a { padding: 0; } .navigation .aios-split-nav .sub-menu li { width: 100%; position: relative; margin: 0 0 1px 0; background: rgba(255,255,255,1); } .navigation .aios-split-nav .sub-menu li:focus-within, .navigation .aios-split-nav .sub-menu li:hover { /*background: #1ca0e5;*/ background: var(--secondary); } .navigation .aios-split-nav .sub-menu li a { width: 100%; font-size: 16px; font-weight: 300; padding: 10px; text-transform: none; color: #000; text-transform: uppercase; border-left: none; text-align: center; border: 0; display: block; } .navigation .aios-split-nav .sub-menu li a:after { display: none; } .navigation .aios-split-nav .sub-menu li:focus-within > a, .navigation .aios-split-nav .sub-menu li a:hover { color: #fff; background: transparent; } .navigation .aios-split-nav .sub-menu .sub-menu { margin-left: 13%; top: 0; } #fixednavigation { display: flex; align-items: center; justify-content: center; } .fixednavigation .aios-split-nav > li { display: inline-block; line-height: 1; position: relative; padding: 0 30px; } .fixednavigation .aios-split-nav > li:first-child{ padding-left: 0; } .fixednavigation .aios-split-nav > li:last-child{ padding-right: 0; } .fixednavigation .aios-split-nav > li > a{ font-weight: 400; font-size: 16px; text-transform: uppercase; padding: 0 0 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; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-backface-visibility: hidden; background: transparent; letter-spacing: 0.05em; position: relative; display: block; } .fixednavigation .aios-split-nav .sub-menu { background: transparent; display: block; opacity: 0; visibility: hidden; margin-top: 30px; width: max-content; left: 50%; transform: translateX(-50%); padding-top: 10px; position: absolute; min-width: 200px; list-style: none outside none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; max-width: 200px; } .fixednavigation .aios-split-nav > li:focus-within .sub-menu, .fixednavigation .aios-split-nav > li:hover .sub-menu { opacity: 1; visibility: visible; } .fixednavigation .aios-split-nav .sub-menu a { padding: 0; } .fixednavigation .aios-split-nav .sub-menu li { width: 100%; position: relative; margin: 0 0 1px 0; background: rgba(255,255,255,1); } .fixednavigation .aios-split-nav .sub-menu li:focus-within, .fixednavigation .aios-split-nav .sub-menu li:hover { /*background: #1ca0e5;*/ background: var(--secondary); } .fixednavigation .aios-split-nav .sub-menu li a { width: 100%; font-size: 16px; font-weight: 300; padding: 10px; text-transform: none; color: #000; text-transform: uppercase; border-left: none; text-align: center; border: 0; display: block; } .fixednavigation .aios-split-nav .sub-menu li a:after { display: none; } .fixednavigation .aios-split-nav .sub-menu li:focus-within > a, .fixednavigation .aios-split-nav .sub-menu li a:hover { color: #fff; background: transparent; } .fixednavigation .aios-split-nav .sub-menu .sub-menu { margin-left: 13%; top: 0; } /*.fixednavigation .aios-split-nav.fixednav { margin-top: 40px; }*/ .navigation .aios-split-nav > li:nth-child(3) .sub-menu, .fixednavigation .aios-split-nav > li:nth-child(3) .sub-menu { left: 65%; } .navigation .aios-split-nav > li:nth-child(1) .sub-menu, .fixednavigation .aios-split-nav > li:nth-child(1) .sub-menu { left: 35%; } /** Main Titlte **/ #content .title-widget{ margin: 0 0 ; } #content .title-widget, .title-widget { text-transform:uppercase; color: var(--primary); position: relative; font-weight: 400; display: inline-block; font-size: 75px; line-height: 1; font-family: var(--font-family-title); } #content .title-widget span, .title-widget span { font-size: 20px; color: #666; letter-spacing: 0.200em; display: block; font-family: var(--font-family-default); } #content .title-widget.light, #content .title-widget.light span, .title-widget.light, .title-widget.light span{ color: #fff; } /******/ button.hp-link, a.hp-link { display: inline-flex; flex-flow: row wrap; align-items: center; justify-content: space-between; min-width: 250px; width: auto; text-align: left; height: 45px; text-transform: uppercase; letter-spacing: 0.4em; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; background: var(--primary); padding: 0 20px; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; } .page-template-our-approach-for-sellers a.hp-link { background: #FFD700; } button.hp-link span.link-title, a.hp-link span.link-title { color: #fff; text-align: left; font-size: 13px; letter-spacing: 0.050em; text-transform:capitalize; position: relative; display: block; } button.hp-link span.link-s, a.hp-link span.link-s { font-size: 14px; display: flex; justify-content: flex-end; color: #fff; margin: 0 0 0 60px; } button.hp-link span.link-s em, a.hp-link span.link-s em { font-style: normal !important; } button.hp-link:hover, a.hp-link:hover { background: var(--secondary); color: #fff; } button.hp-link.alt-h:hover, a.hp-link.alt-h:hover { background: #fff; } button.hp-link.alt-h:hover span.link-s, button.hp-link.alt-h:hover span.link-title, a.hp-link.alt-h:hover span.link-s, a.hp-link.alt-h:hover span.link-title{ color: var(--primary); } /*** Tagline ***/ .slide-tag { position: absolute; left:0; right:0; margin: 0 auto; z-index: 5; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; color: #fff; pointer-events: none !important; } .slide-tag > div{ pointer-events: auto; } .slide-tag .slide-tag-button { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .slide-tag h2 { font-size: 60px; display: block; font-family: var(--font-family-title); letter-spacing: 0.025em; } .slide-tag span.tag-small { display: block; font-size: 28px; letter-spacing: 0.1em; color: #fff; padding: 18px 0 50px; font-family: var(--font-family-default); } /** About Section **/ section#about-section { position: relative; overflow: hidden; background: #fff; /*height: 692px;*/ margin: 0 auto; padding: 115px 0 100px; } .about-area { width: 100%; margin: 0 auto; position: relative; text-align: center; padding: 0 80px; font-size: 0; letter-spacing: 0; } .about-wrap { display: flex; align-items: center; flex-flow: row wrap; justify-content: center; position: relative; width: 100%; } .about-img { position: relative; display: block; z-index: 1; width: 48.47222222222222%; } .about-img:before { position: absolute; top: -50px; left: 0; width: 300px; height: 300px; content: ''; background: url(images/accent-bg.jpg) no-repeat top; /*background-attachment: fixed;*/ background-size: 100%; opacity: 0; } .about-img img { position: relative; z-index: 2; object-fit: cover; width: 100%; } .about-text { position: relative; z-index: 0; text-align: left; width: 51.52777777777777%; padding: 0 0 50px 60px; } .about-text:before{ content:''; display: block; position: absolute; top: -50vw; bottom: 0; right: 0; left: -28%; border: 1px solid #e5e5e5; } .title-wrap { display: block; font-size: 20px; color: #aaa; position: relative; } .title-l-o { position: absolute; right: max(1.25vw,20px); font-size: min(32.6875vw,523px); color: #d4d4d4; z-index: 0; font-family: var(--font-family-title); opacity: 0.3; pointer-events: none; bottom: 76px; } .title-wrap h1 span { display: block; text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--font-family-default); font-size: 20px; color: #aaa; letter-spacing: 0.200em; } .title-wrap h1 span.app-tag { margin-top: 5px; /*top: -20px;*/ } .title-wrap h1 { font-size: 60px; color: var(--primary); /*font-family: 'oliver_quinregular';*/ font-family: var(--font-family-title); position: relative; z-index: 2; /*margin-left: -86px;*/ line-height: 1; display: block; text-transform: uppercase; } .about-text strong { font-size: 20px; line-height: 28px; } .about-text .p-desc { letter-spacing: 0.05em; margin: 32px 0 40px; line-height: 25px; font-size: 15px; max-width: 580px; } .about-text .title-l-o{ z-index: -1; line-height: 0.71; } .about-text .p-desc p:not(:nth-of-type(1)){ margin: 20px 0 0; } .about-p { position: relative; display: block; background: url(images/accent-bg.jpg) no-repeat center/cover; padding: 60px 80px; margin-top: 80px; position: absolute; bottom: 8px; } /* .about-p:after { background: url(images/accent-bg.jpg) no-repeat center/cover; position: absolute; bottom: 0; content:''; left: 0; width: 100%; height: 100%; z-index: -1; }*/ .about-p p { color: #fff; margin: 0; } .about-text p.p-big { font-size: 25px; line-height: 30px; color: #000; position: relative; margin: 20px auto; line-height: 35px; } /*** CTA Section ***/ section#cta-section { position: relative; overflow: hidden; background: #fff; } .cta-area { width: 100%; margin: 0 auto; position: relative; text-align: center; padding: 0 80px 0; } .cta-wrap { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; font-size: 0; letter-spacing: 0; position: relative; } .cta-list { display: block; width: calc(25% - 6px); margin: 0 0 0 8px; position: relative; } .cta-list:first-child{ margin: 0 0 0 0; } .cta-list a { display: block; width: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .cta-list a .img-cta{ width: 100%; } .cta-list a .img-cta canvas { position: relative; display: block; width: 100%; height: auto; z-index: 0; } .cta-list a .img-cta img { position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .cta-list a > .cta-name { text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 500; letter-spacing: 0.100em; position: absolute; z-index: 2; left: 0; right: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.6); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .cta-list a > .cta-name span { display: block; } .cta-list a > .cta-name span.cta-btn { display: block; width: 170px; height: 40px; padding: 0 20px; font-size: 0; display: flex; align-items: center; justify-content: space-between; text-align: left; background: rgba(255,255,255,0.6); font-family: var(--font-family-default); margin: 28px auto; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .cta-list a:hover > .cta-name { /*background: rgba(39,164,230,0.8);*/ background: rgba(148,148,148,0.8); } .cta-list a > .cta-name span.cta-btn em { width: 93%; font-size: 14px; color: var(--primary); text-transform: capitalize; font-style: normal; } .cta-list a > .cta-name span.cta-btn em:nth-child(2) { font-size: 16px; width: 7%; } .cta-list a:hover { } /*** Testimonials Section ***/ section#testi-section { position: relative; overflow: hidden; background: #fff; } .testi-area { width: 100%; margin: 0 auto; position: relative; text-align: center; padding: 105px 80px 50px; } .testi-wrap { position: relative; } .testi-title-wrap { position: relative; display:inline-block; text-align: center; overflow: hidden; padding: 81px 0 0; } .testi-stars{ margin: 12px 0 0; } .testi-stars img{ margin: 0 auto; } .testi-title-wrap .title-l-o { left: 0; right: 0; top: 0; line-height: 0.71; } /** Testi Slide **/ .testi-slider { position: relative; font-size: 0; letter-spacing: 0; margin: 60px auto 0; max-width: 690px; } .testi-single{ display: inline-flex !important; flex-flow: row wrap; align-items: center; justify-content: center; } .testi-single .testi-left{ width: 34.928%; position: relative;z-index: 1; } .testi-single .testi-left a{ display: block; position: relative; } .testi-single .testi-left a .testi-client{ overflow: hidden; } .testi-single .testi-left a .testi-client canvas { background: #000; aspect-ratio: 400/224; } .testi-single .testi-left a .testi-client img{ /*transform: scale(1.35);*/ } .testi-single .testi-left a .testi-client:before{ content:''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; } .testi-single .testi-left a:hover .testi-client:before{ opacity: 0.3; } .testi-single .testi-left a .testi-client:after{ content:''; display: block; position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: url(images/testi-play.png) center center no-repeat; background-size: 34.440% auto; } .testi-single .testi-right { width: 65.072%; text-align: left; padding: 23px 35px 23px 26px; position: relative; z-index: 0; min-height: 180px; } .testi-single .testi-right:before{ content:''; display: block; position: absolute; z-index: 0; top:0; right:0; bottom:0; left: -15%; border: 1px solid #c3cbd4; } .testi-single .testi-author{ font-family: var(--font-family-title); color: var(--primary); font-size: 44px; letter-spacing: 0.025em; } .testi-single .testi-intro { font-size: 13px; line-height: 1.385; letter-spacing: 0.020em; text-transform: uppercase; color: #333; max-width: 215px; padding: 28px 0 0; position: relative; } .testi-single .testi-intro:before{ content:''; display: block; position: absolute; left: 0; top: 16px; z-index: 1; height: 1px; background: #92a1b1; width: calc(100% - 15px); max-width: 103px; } .testi-single .testi-quote { font-family: var(--playfairdisplay); font-size: 88px; color: var(--primary); line-height: 1; margin: -7px 0 -12%; pointer-events: none; } .testi-single .testi-message{ font-family: var(--font-family-title); line-height: 1.316; font-size: 19px; letter-spacing: 0.030em; } .testi-list { position: relative; display: inline-block; width: 50%; margin: 0 auto; font-size: 0; letter-spacing: 0; z-index: 5; } .testi-list .img-testi { position: relative; } .testi-list .img-testi canvas { position: relative; background: #000; width: 100%; } .testi-list .img-testi img { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover; opacity: 0.8; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .testi-list:hover .img-testi img { opacity: 0.6; } .testi-list .play-btn { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; z-index: 5; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .testi-list .play-btn > em { width: 100%; max-width: 117px; height: 116px; border: 1px solid #fff; border-radius: 50%; font-size: 30px; display: flex; justify-content: center; align-items: center; } .testi-list .testi-cont { display: block; text-align: left; } .testi-list .testi-cont > p { font-size: 20px; letter-spacing: 0.02em; line-height: 28px; font-family: var(--font-family-title); text-transform: none; display: block; margin: 30px 0; } .testi-list .testi-cont > .test-auto { display: flex; align-items: center; justify-content: space-between; font-size: 15px; } .testi-list .testi-cont > .test-auto > span.testi-name { font-size: 24px; color: var(--primary); } .testi-list .testi-cont > .test-auto > span.testi-name em { font-size: 15px; color: #a6a6a6; display: block; font-style: normal; text-transform: uppercase; padding-top: 5px; } .testi-list .testi-cont > .test-auto > span em.ai-font-star-fill { color: #ffd800; font-size: 20px; margin: 0 2px; } .testi-slider .slick-slide { padding: 20px 0 0; } .slick-list.draggable { position: relative; z-index: 9; } .testi-nav-wrap{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin: 50px 0 0; } .testi-nav-wrap .testi-arrows{} .testi-nav-wrap .testi-arrow{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; text-transform: uppercase; min-width: 84px; cursor: pointer; opacity: 1; transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; } .testi-nav-wrap .testi-arrow.slick-arrow.slick-hidden{ display: none; } .testi-nav-wrap .testi-arrow span{ font-size: 13px; color: var(--primary); letter-spacing: 0.050em; text-transform: uppercase; } .testi-nav-wrap .testi-arrow em{ font-size: 19px; color: var(--secondary); } .testi-nav-wrap .testi-arrow:hover span, .testi-nav-wrap .testi-arrow:hover em{ color: var(--primary); } .testi-nav-wrap .testi-button{ margin: 0 24px; } /*** Video Section ***/ section#video-section { position: relative; overflow: hidden; background: var(--primary); } .video-area { width: 100%; margin: 0 auto; position: relative; text-align: center; padding: 85px 80px 20px; } .video-area:before{ content: 'P'; display: block; position: absolute; font-family: var(--font-family-title); color: #fff; text-transform: uppercase; font-size: min(27.250000000000004vw,436px); top: 16%; left: -1vw; opacity: 0.35; } .video-title { position: relative; z-index: 1; display: inline-block; width: 100%; text-align: center; } .video-title:before { position: absolute; left: 0; background: #fff; height: 1px; width: 100%; opacity: 0.6; top: 20%; transform: translateY(-50%); content: ''; } .video-title h2 { font-size: 30px; letter-spacing: 0.05em; color: #fff; text-transform: uppercase; display: inline-block; background: var(--primary); position: relative; /*padding: 0 60px;*/ padding: 0 19px; font-family: var(--font-family-default); } .video-title span { /* font-size: 30px; letter-spacing: 0.05em; color: #1ca0e5; text-transform: uppercase; */ display: block; margin-top: 15px; } .video-wrap { position: relative; z-index: 1; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding-top: 56px; } .video-list { width: calc(50% - 32px); display: block; margin: 0 0; position: relative; } .video-list .img-video { position: relative; } .video-list .img-video canvas { position: relative; background: var(--secondary); width: 100%; } .video-list .img-video img { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover; opacity: 0.8; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .video-list:hover .img-video img { opacity: 0.6 } .video-list .play-btn { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; z-index: 5; pointer-events: none; } .video-list .play-btn > em { width: 100%; max-width: 117px; height: 116px; border: 1px solid #fff; border-radius: 50%; font-size: 30px; display: flex; justify-content: center; align-items: center; } .video-list .video-stats { position: absolute; right: 20px; font-size: 13px; color: #fff; z-index: 2; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 190px; top: 30px; } .video-list .video-stats em { font-style: normal; margin: 0 5px; } .video-list .video-stats span { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .video-list .video-stats em.ai-font-youtube { font-size: 16px; } .video-list .pb-text { position: absolute; bottom: 0; z-index: 2; left: 20px; font-size: 18px; color: #fff; text-align: left; padding-bottom: 20px; } .video-list .pb-text em { font-style: normal; font-size: 13px; display: block; margin: 5px 0; } /*** SMI Section ***/ section#smi-section { position: relative; overflow: hidden; background: var(--primary); } .smi-area { width: 100%; margin: 0 auto; position: relative; padding: 105px 80px 115px; } .smi-top-flex { display: flex; justify-content: space-between; /*margin-bottom:88px;*/ } .smi-title-wrap { position: relative; display:inline-block; text-align: left; margin-right: 50px; } .smi-title-wrap .title-l-o { left: 50px; right: unset; top: -140px; } .smi-title-wrap .title-widget { text-transform:uppercase; color: #1ca0e5; } .smi-title-wrap .title-widget span { color: #fff; } .smi-text { display: block; font-size: 16px; color: #fff; line-height: 30px; letter-spacing: 0.1em; } .smi-ig{ position: relative; } .smi-ig:before{ content:''; display: block; position: absolute; z-index: 0; top: -27px; bottom: -60px; right: 5.555%; width: 64.583%; border: 1px solid #fff; opacity: 0.10; } .smi-ig .smi-ig-top{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; position: relative; z-index: 1; } .smi-ig .smi-ig-title{} .smi-ig .smi-ig-intro{ color: #fff; text-transform: uppercase; font-size: 24px; width: 50%; text-align: center; } .ig-wrap { position: relative; z-index: 1; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding-top: 56px; } .ig-list { width: calc((100% / 3) - 29px); display: block; margin: 0 0; position: relative; } .ig-list .img-video { position: relative; } .ig-list .img-video canvas { position: relative; background: var(--secondary); width: 100%; } .ig-list .img-video img { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover; opacity: 0.8; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .ig-list:hover .img-video img { opacity: 0.6 } .ig-list .ig-stats { position: absolute; left: 20px; font-size: 13px; color: #fff; z-index: 2; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 190px; top: 30px; } .ig-list .ig-stats em { font-style: normal; margin: 0 5px; } .ig-list .ig-stats span { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .ig-list .ig-stats em.ai-font-instagram{ font-size: 18px; } .ig-list .ig-stats em.ai-font-youtube { font-size: 16px; } .ig-list .pb-text { position: absolute; bottom: 0; z-index: 2; left: 20px; font-size: 12px; line-height: 1.33; letter-spacing: 0.100em; font-family: var(--font-color-default); color: #fff; text-align: left; padding-bottom: 20px; max-width: 400px; } .ig-list .pb-text em { font-style: normal; font-size: 13px; display: block; margin: 5px 0; } /** Face book Feed **/ #jovmc-section{ background: #fff; padding: 54px 0 50px; display: none; } .jovmc-container{ width: 1240px; margin: 0 auto; max-width: calc(100% - 30px); } .jovmc-inner{ display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: center; position: relative; } .jovmc-inner:before{ border: 1px solid #e6e6e6; content:''; z-index: 0; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 20%; } .jovmc-inner .jovmc-photo{ width: 38.065%; padding: 0 0 0 30px; position: relative; z-index: 1; } .jovmc-inner .jovmc-content { width: 61.935%; padding: 0 0 60px 80px; position: relative; z-index: 1; } .jovmc-inner .jovmc-title{} .jovmc-inner .jovmc-desc { font-size: 15px; line-height: 1.846; letter-spacing: 0.020em; color: #000; margin: 23px 0 0; padding: 0 15px 0 0; max-width: 500px; } .jovmc-inner .jovmc-desc span{ display: block; color: var(--primary); margin: 15px 0 0; } .jovmc-inner .jovmc-button{ margin: 70px 0 0; } .fp-list { width: 33.333%; padding: 0 8px; display: block; } .fp-list a { width: 100%; display: block; position: relative; margin: 0 auto; background: #000; } .fp-list a > .img-fp { position: relative; } .fp-list a > .img-fp canvas { position: relative; } .fp-list a > .img-fp img { position: absolute; top: 0; left: 0; right: 0; height:100%; width: 100%; object-fit:contain; opacity: 0.6; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } /* .fp-list a > .img-fp img { position: relative; width: 100%; opacity: 0.6; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }*/ .fp-list a:hover > .img-fp img{ opacity: 0.8; } .fp-list a > .fb-stats { display: flex; font-size: 13px; align-items: center; justify-content: space-between; position: absolute; z-index: 2; left: 0; /* right: 0; */ margin: 0 auto; padding: 20px; color: #fff; width: 100%; max-width: 130px; } .fp-list a > .fb-stats em { font-style: normal; } .fp-list a > .fb-stats em.ai-font-facebook { font-size: 20px; } .fp-list a > .fb-text { display: flex; font-size: 12px; align-items: center; justify-content: space-between; position: absolute; z-index: 2; left: 0; margin: 0 auto; padding: 20px; color: #fff; bottom: 0; line-height: 16px; letter-spacing: 0.1em; } /*** Video Section ***/ section#rs-section { position: relative; background: #fff; padding: 0 0 25px; } .rs-area { width: 100%; margin: 0 auto; position: relative; text-align: center; padding: 80px 0 0; } .rs-wrap { position: relative; display:flex; flex-flow: row wrap; align-items: center; justify-content: center; } .rs-title { width:24.375%; } .rs-title-wrap { position: relative; display:inline-block; text-align: left; } .rs-title-wrap .title-l-o { left: 0; right: 0; top: -50%; bottom: 0; transform: translateY(-50%); font-size: min(32.6875vw,435px); } .rs-title-wrap .title-widget { text-transform:uppercase; color: var(--primary); } .rs-title-wrap .title-widget span { color: #666666; } .rs-details { width:75.625%; padding: 55px 80px 45px; position: relative; z-index: 5; } .rs-details:before{ content:''; display: block; position: absolute; z-index: 1; background: var(--primary); top: 0; left: 0; right: 0; bottom: 0; } .rs-details:after{ content:''; display: block; position: absolute; z-index: 0; top: -25px; left: -25px; width: 98.216%; bottom: -25px; border: 1px solid #e5e5e5; } .rs-flex { /*display: flex;*/ } .rs-list-wrap { display: flex; align-items: center; justify-content: space-around; padding: 30px 0; position: relative; z-index: 2; } .rs-list { position: relative; display: block; text-align: center; color: #fff; } .rs-list span.rs-b-text { display: block; font-size: 36px; text-transform: uppercase; font-family: var(--font-family-title); padding-bottom: 15px; } .rs-list span.rs-s-text { font-size: 15px; text-transform: uppercase; letter-spacing: 0.2em; font-family: var(--font-family-default); } /*** Footer ***/ section#ftr-section { position: relative; z-index: 0 !important; background: url(images/footer-bg.jpg) no-repeat center/cover; } /*section#ftr-section:before{ content: ''; background: url(images/footer-bg.jpg) no-repeat center/cover; position: absolute; top: 0; right: 0; left: 0; width: 100%; height:100%; z-index: -1; filter: grayscale(0) !important; -webkit-filter: grayscale(0) !important; -moz-filter: grayscale(0) !important; -ms-filter: grayscale(0) !important; -o-filter: grayscale(0) !important; opacity: 1; } */ .footer { font-size: 11px; font-weight: 500; width: 100%; padding: 130px 0 100px; text-align: center; } /*** Footer Contact Info ***/ .logos-ftr { position: relative; display: block; padding: 0 0 30px; } .logos-ftr img.hdr-logo { width: 240px; /*width: 350px;*/ } .logos-ftr .logo-flex a:nth-child(2):before { position: absolute; /*left: -30px;*/ left: 0; content: ''; width: 1px; height: 100%; background: #dfdfdf; } .ftr-widget-title { font-size: 20px; color: var(--primary); text-transform: uppercase; text-align: left; display: block; margin-bottom: 10px; padding-bottom: 15px; position: relative; font-weight: 400; } .ftr-widget-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 27px; height: 1px; background: #fff; } .ftr-contact-info { padding-left: 0; } .ftr-info { position: relative; display: block; text-align: left; text-transform: uppercase; font-family: var(--font-family-default); font-size: 12px; } .ftr-info:nth-child(2) { margin-bottom: 10px; } .ftr-info span { display: flex; padding-bottom: 14px; align-items: center; } .ftr-info span:first-child { max-width: 100%; line-height: 2; align-items: flex-start; } .ftr-info span:first-child{} .ftr-info .ai-font-phone-alt { font-size: 14px; color: var(--primary); padding-right: 14px; } .ftr-info .ai-font-location-c { font-size: 20px; padding-right: 8px; color: var(--primary); margin-top: 5px; } .ftr-info .ai-font-dre { font-size: 0; background: url(images/dre-icon.png) no-repeat center; width: 20px; height: 14px; margin-right: 8px; } .f-smi { position: relative; display: block; margin: 0 0 0; text-align: left; /*padding: 0 0 0 28px;*/ font-size: 0; } .f-smi a { color: var(--primary); font-size: 28px; margin: 0 13px; transition: all .3s ease; display: inline-block; line-height: 1; text-align: center; } .f-smi a:last-child { margin-right: 0; } .f-smi a:first-child { margin-left: 0; } .f-smi a:hover { color: #666; } /** Footer Nav **/ /*.footer-navi { display: block; width:100%; margin: 0; text-align: left; padding-left: 0; position: relative; z-index: 5; margin-left: -15px; } .footer-navi ul.aios-split-nav.footer-nav { display: inline-block; vertical-align: top; padding: 0; width: 50%; text-align: left; } .footer-navi ul.aios-split-nav.footer-nav:nth-child(1) { padding-left: 0; } .footer-navi ul.aios-split-nav.footer-nav .sub-menu { display: none; } .footer-nav li a { color: #000; font-size: 12px; line-height: 1; font-weight: 500; letter-spacing:0.02em; font-family: var(--font-family-default); text-transform: uppercase; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer-nav li a:hover{ color: var(--primary); } .footer-navi ul.aios-split-nav.footer-nav li:first-child + li .sub-menu li { margin-bottom: 10px; display: inline-block; width: 50%; } .footer-nav li a:hover { color: #cfcfcf; } .footer-nav li{ margin-bottom: 20px; position: relative; display: block; } .footer-navi ul.aios-split-nav.footer-nav .sub-menu li a { font-size: 15px; text-transform: capitalize; color: #000; font-weight: 400; } .footer-navi ul.aios-split-nav.footer-nav .sub-menu li { margin-bottom: 10px; } #footer-nav{ display: none; }*/ .footernav{ display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; } .footernav li{} .footernav li{} .footernav a{ color: #000; font-size: 12px; line-height: 1; font-weight: 500; letter-spacing:0.02em; font-family: var(--font-family-default); text-transform: uppercase; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footernav > li > a{ font-weight: 700; } .footernav .sub-menu{ line-height: 1.6; margin: 15px 0 0; } .footernav .sub-menu a{ font-size: 11px; } .footernav .sub-menu a:hover, .footernav a:hover{ color: #cfcfcf; } .footer .copyright { color:#333333; padding: 8px 0; letter-spacing: 0.05em; line-height: 20px; font-weight: 400; font-size: 13px; text-transform: capitalize; text-align: center; } .footer .copyright a { color: #333333; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .footer .copyright a:hover { color: #8d8d8d; } .copyright span { text-transform: uppercase; } .ftr-logos { display: block; font-size: 25px; text-align: center; } .ftr-logos .ai-font-realtor-mls { font-size: 30px; } .ftr-logos em { color: #646464; } .copyright-wrapp { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px; /*margin-top: 50px;*/ position: relative; z-index: 2; } .ftr-dis { display: block; text-align: center; color: #5c5c5c; border-top: 1px solid #ccc; padding: 30px 0; max-width: 950px; margin: 0 auto; } .ftr-dis strong{ display: block; line-height: 20px; } .ftr-dis p { font-size: 12px; line-height: 20px; letter-spacing: 0.02em; margin: 10px auto; } /*** Fixed SMI ***/ .fixed-smi { position: fixed; top: 50%; z-index: 1001; right: 20px; text-align: center; transform: translate(0, -50%); } .fixed-smi .fs-text { position: relative; } .fixed-smi .fs-text span { font-size: 13px; -webkit-transform: translate(0, 30px) rotate(-90deg); -moz-transform: translate(0, 30px) rotate(-90deg); -ms-transform: translate(0, 30px) rotate(-90deg); -o-transform: translate(0, 30px) rotate(-90deg); transform: translate(0, 49px) rotate(-90deg); color: #fff; text-transform: uppercase; vertical-align: top; position: absolute; left: -73px; font-weight: 300; width: 180px; letter-spacing: 0.2em; top: 90px; } .fixed-smi ul.smi-links{ text-align: center; } .fixed-smi .smi-links{ display: block; text-align: center; } .fixed-smi ul.smi-links li { display: block; margin-bottom: 15px; } .fixed-smi .smi-links a{ height: 40px; width: 33px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: rgb(255,255,255,0.8); transition: 400ms ease; } .fixed-smi .smi-links a:hover{ color: var(--secondary) !important; } .fixed-smi .ai-font-envelope { font-size: 14px; } .fixed-smi ul.aios-section-nav { display: none; } .fixed-smi[class*="section-about-section"] .smi-links a { color:#707070; } /******************************************************* * * 4. IP Styles * *******************************************************/ .ip-banner{ position: relative; width: 100%; } .ip-banner::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,.6); } .ip-banner canvas{ display: block; position: relative; z-index: 0; width: 100%; min-height: 250px; background-color: var(--dark); background-position: center center; background-repeat: no-repeat; background-size: cover; } .ip-banner .container{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } .ip-banner h1 { font-weight: 700; font-size: 32px; text-align: center; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.7; } .ip-banner h1 span{ display: block; font-size: 24px; font-weight: 400; text-transform: none; letter-spacing: 0.01em; } /* Adjust minimum height of page area */ #content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;} /** Adjust width of content columns **/ #content-sidebar #content{ width: 77.08%; } #content-full #content { width: 100%; } /* Adjust width of sidebar */ .sidebar{ width: 20.83%; } /* fullwidth template */ .page-template-template-fullwidth #content { padding-left: 15px; padding-right: 15px; } .page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka { margin-left: -15px; margin-right: -15px; } /* Adjust line height of page elements */ #content h4, aside h4, #content p, aside p, #content blockquote, aside blockquote, #content ul, aside ul, #content fieldset, aside fieldset, #content form, aside form, #content ol, aside ol, #content dl, aside dl, #content dir, aside dir, #content menu, aside menu { line-height:1.7 } /* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */ #content .entry-title, #content .archive-title { font-size: 75px; color: var(--primary); font-family: var(--font-family-title); font-weight: 400; text-transform: uppercase; line-height: 1; } /* Styles for category/archive/search/etc subheadings (h2) */ #content .archive-subtitle { } body.page-id-126 .container { width: 100%; padding: 0; } /*** Custom IP Section ***/ .ip-banner { opacity: 0; display: none; } #main-wrapper { position: relative; z-index: 1; } body:not(.home) #main-wrapper{ padding-top: 150px; } body:not(.page-template-idx-search):not(.page-id-21):not(.category-3):not(.category-18):not(.page-id-163):not(.page-id-50):not(.page-id-56):not(.page-id-57):not(.page-id-55):not(.page-id-54):not(.page-id-25959):not(.page-id-126):not(.page-id-28257):not(.term-279):not(.term-280):not(.page-id-25949) #main-wrapper:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 571px; background: url(images/bg-top.jpg) center center no-repeat; background-size: cover; z-index: -1; opacity: 0; } #inner-page-wrapper > .container { width: 100%; padding: 0; } #content-full { margin-top: 0; } #content-full #content, .page-id-25949 #content { padding: 0 80px; } /*breadcrumbs*/ #content p#breadcrumbs { margin: 0; position: absolute; top: 0; font-size: 13px; letter-spacing: 0.1em; line-height: 1; color: #797979; text-transform: uppercase; /*width: 904px; width: 56.5%;*/ width: 100% !important; padding: 13.5px 0 13.5px 7.7%; z-index: 3; border-bottom: 2px solid #001941; border-bottom: 0!important; left: 0; } #content p#breadcrumbs span.breadcrumb_last { color: var(--primary); position: relative; } #content p#breadcrumbs span span { margin: 0 4px; } #content p#breadcrumbs span span:first-of-type { margin-left: 0; } #content p#breadcrumbs span span:last-of-type { margin-right: 0; } #content p#breadcrumbs span.breadcrumb_last:before{ content:''; display: block; position: absolute; left: calc(100% + 20px); margin: auto 0; background: #001941; height: 2px; width: 100vw; top: 0; bottom: 0; } .aios-home-valuation-step-wrap .aios-home-valuation-form .aios-home-valuation-form-row .aios-home-valuation-form-col select { line-height: initial; } /*breadcrumbs end*/ /*Event PAge*/ .events-wrap, .hv-section { display: flex; flex-flow: row wrap; align-items: center; } .hv-section { justify-content: space-around; background: #eee; padding: 50px 0; } .event-form, .event-video { width: 50%; padding: 20px } .event-form .ai-default-cf7wrap input[type=email], .event-form .ai-default-cf7wrap input[type=tel], .event-form .ai-default-cf7wrap input[type=text], .event-form .ai-default-cf7wrap select { width: 100%; /*height: 32px;*/ height: 60px; background: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 16px; letter-spacing: 0.025em; line-height: 1; color: #000; padding: 0; } .event-form .ai-default-cf7wrap textarea { height: 130px; background: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 16px; letter-spacing: 0.025em; line-height: 1; color: #000; padding: 0; } .event-form .ai-contact-wrap input.wpcf7-submit, .ai-contact-wrap input[type=submit] { margin-top: 15px; max-width: 192px; background: var(--primary); text-transform: capitalize; height: 40px; line-height: 40px; } .event-form .ai-contact-wrap input.wpcf7-submit:hover, .ai-contact-wrap input[type=submit]:hover { background: var(--secondary) !important; } .event-form a.hp-link { margin: 20px 0; } /*** Video Channel **/ .page-id-321 #inner-page-wrapper { background: url(https://amberanderson.com/wp-content/themes/amberanderson.com/images/yt-channel-bg.jpg) no-repeat center/cover; width: 100%; height: 100%; display: block; background-position: 0 42px; } .page-id-321 #content .entry-title, .page-id-321 #content .archive-title { color: #fff; text-align: center; } .yt-wrap { width: 100%; max-width: 940px; margin: 0 auto; padding-bottom: 100px; } .page-id-163 #content iframe, .page-id-321 #content iframe, .page-id-25959 #content iframe{ width: 100% !important; } .text-intro { font-size: 18px; text-align: center; color: #595959; font-weight: 400; font-family: 'Playfair Display', serif; padding: 50px 0; display: block; text-align: center; } .page-id-54 .row { text-align: center; } /*** Featured Comm ***/ .fc-list-holder { margin: 0 -3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; justify-content: center; } .fc-list { padding: 3px; width: 50%; } .fc-list a { display: block; position: relative; } .fc-photo { background: rgba(39,164,230,1) !important; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .fc-photo canvas { display: block; width: 100%; background: var(--aios-communities-primary-color); opacity: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .fc-photo img { object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .fc-label { 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; padding: 0 20px; text-align: center; } .fc-label span { font-size: 26px; text-transform: uppercase; color: #fff; position: relative; padding-bottom: 17px; margin-bottom: 3px; } .fc-label span::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 57px; height: 1px; background: #fff; opacity: 0; } .fc-list a:hover .fc-label span:before { opacity: 1; } .fc-list a:hover .fc-photo img { opacity: .6 !important; } /*** Sithebys Page ***/ .page-id-25959 #content-full #content { padding: 0; } .page-id-25959 .entry-title { padding: 0 80px; } .sb-v-cont { position: relative; display: block; margin: 80px 0 0; } .sb-v-cont .sb-v-wrap { /*padding: 100px 0;*/ padding: 20px 0; display: block; width: 100%; text-align: center; } .sb-v-title { position: relative; padding: 110px 0 0; margin-left: min(5vw,80px); } .sb-v-title .title-l-o { left: -15px; top: -30px; right: auto; bottom: 0; line-height: 1; } .sb-v-title .title-widget{ max-width: 500px; } body.page-id-25959 #content .entry-title{ display: none; } /* .sb-v-cont .sb-v-wrap:nth-child(1) { background: url(images/Videobg.jpg) no-repeat center/cover; } .sb-v-cont .sb-v-wrap:nth-child(2) { background: url(images/Videobg2.jpg) no-repeat center/cover; }*/ .sbvideo-title { font-size: 40px; /*color: #fff;*/ font-family: var(--font-family-title); font-weight: 400; text-transform: uppercase; line-height: 1; display: block; padding-bottom: 50px; text-align: center; } /*** Communities Details ***/ .comm-d-wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-flow: row wrap; } .comm-d-wrap .comm-d-img { display: block; width: 50%; /*margin-top: 20px;*/ } .comm-d-wrap .comm-d-img img { width: 100%; } .comm-d-wrap .comm-d-text { display: block; width: 50%; padding: 0 30px; } .comm-d-wrap .comm-d-text p:first-child { margin-top: 0!important; } /* POJO */ body #pojo-a11y-toolbar { bottom:0 !important; top: auto !important; background: #fff; } body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle { top:auto !important; bottom:0 !important; } body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { background: #3c69a7; color: #fff; } /********CSS Post Launch********/ img{ max-width: 100%; height: auto; } a, a:hover, a:focus, input, input:hover, input:focus, textarea, textarea:focus, textarea:hover, select:hover, select:focus, select, button, button:focus, button:hover, .btn-group.bootstrap-select.show-tick.qs-select, .bootstrap-select .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus{ outline: 0px !important; } #content .ihf-search .ihf-select-options ul, #content .ihf-search .ihf-select-options, #content .ihf-search .ihf-pagination, #content #ihf-main-container .nav-tabs, #content #ihf-main-container .chosen-results{ margin: 0 0 0; padding: 0 0 0; list-style: none; } #content #ihf-main-container #ihf-search-adv2-submit{ margin: 20px 0 0; } #content #ihf-main-container .ihf-grid-result-address{ overflow: hidden; text-overflow: ellipsis; display: block; } #content #ihf-main-container .ihf-listing-search-results .btn{ padding: 6px 6px; } #content div.wpcf7-response-output, div.wpcf7-response-output{ text-align: center; } #ihf-main-container #ihf-mortgage-calculator-modal .mc-total-payment-subline, #content #ihf-main-container .mc-total-payment-subline{ color:#333; } #ihf-main-container .pagination>li>a, #ihf-main-container .pagination>li>span{ padding: 6px 9px; } #ihf-main-container #ihf-schedule-showing-request-form .form-control{ padding: 6px 7px; } #content #ihf-main-container #ihf-search-location-tab{ margin: 8px 5px 0 0; } #ihf-main-container #ihf-advsearch-features label{ font-size: .8em; } html.name-Microsoft_Edge .ai-default-cf7wrap input[type="submit"], html.name-Microsoft_Edge .ai-default-cf7wrap input.wpcf7-submit{ margin: 6px 0 0; } #ws-walkscore-tile{ background:#fff !important; } #hero .quick-search form select[name="propertyType"]{ margin-left: 2%; } #content ul.ihf-navbar-nav{ list-style: none; margin: 0 0 0; } #content .ihf-eureka .ihf-navbar{ padding: 4px 14px; } #content #ihf-main-container .ihf-listing-open-home-text-grid, #content #ihf-main-container .ihf-map-info-window-content{ color:#777; } #content #ihf-main-container label{ color:inherit; } #content #ihf-main-container .ihf-polygon-reset{ color:#000; } #ihf-main-container .modal-body { color: #000; } body.page-id-0 > img, body.page-id-0 > iframe{ display: none !important; } #content #ihf-main-container #ihf-market-report-nav-container.row, #content #ihf-main-container #ihf-market-report-nav-container.row .row, #content #ihf-main-container .row #areaPickerContainer.row, #content #ihf-main-container .row #ihf-search-location-tab .row, #content #ihf-main-container .row #ihf-refine-map-search-form .row, #content #ihf-main-container .row .ihf-grid-result-container .row, #content #ihf-main-container .row #ihf-search-location-tab.row{ margin-left: -15px; margin-right: -15px; } #content #ihf-main-container .row .row{ margin-left: 0; margin-right: 0; } #ihf-main-container .ihf-social-share .dropdown-menu > li > a{ color:#000 !important; } #ihf-main-container .ihf-social-share .dropdown-menu > li > a:hover{ color:#fff !important; } #ihf-main-container #ihf-refine-map-search-form label{ color:#fff !important; } #ihf-main-container #ihf-refine-map-search-form .checkbox { padding-left: 0px; margin-left: -15px; } #ihf-main-container ul.chosen-results { margin-left: 0 !important; } #content .ihf-eureka ul.ihf-dropdown-menu{ margin: 0 0 0; padding: 0 0 0 0; list-style: none; } #content #ihf-detail-navrow .ihf-detail-navigation .pull-right{ float: none !important; text-align: right; } #content #ihf-main-container .map-infobox-img{ max-width: 100% !important; } #ihf-main-container #ihf-map-canvas .ihf-map-info-box-title{ padding: 0 15px 0 0; } .ihf-captcha .g-recaptcha{ transform-origin: left center; transform: scale(.75); -moz-transform: scale(.75); -webkit-transform: scale(.75); } .grecaptcha-badge{ z-index: 5; } #content #IDX-main{} #content #IDX-main #IDX-boxLabel_remarksConcat input{ display: block; width: 100%; } #content #IDX-main ul.select2-choices, #content #IDX-main ul.IDX-navbar-nav{ margin: 0 0 0 0; } .areaPickerExpandAllTopBar:after{ content:''; display: block; clear: both; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropdown-menu.pull-right { z-index: 1001 !important; } #listings-details .listings-slideshow .listings-slideshow-slide:after { z-index: 5!important; } /********CSS Post Launch End********/ .page-id-17 .page-item-26402, .page-id-17 .page-item-122, .page-id-17 .page-item-86, .page-id-17 .page-item-24390 { display: none; } .post-page-idx-wrapper #main-wrapper{ z-index: unset !important; } .post-page-idx-wrapper .fixed-header{ z-index: 1030; } .post-page-idx-wrapper .select2-drop { z-index: 1029 !important; } .page-id-57 .wpcf7-spinner { position: absolute; } .page-id-25982 .col-md-4 { text-align: center; } .ai-contact-wrap span.wpcf7-not-valid-tip { font-size: 11px!important; position: absolute !important; top: 20px !important; /*width: 100% !important;*/ } .page-id-24132 #main-wrapper { z-index: unset !important; } .page-id-24132 .fixed-header { z-index: 9999999 !important; } .post-page-home-valuation .use-floating-validation-tip .wpcf7-not-valid-tip{ width: 100%; } .page-id-126 .footer { padding: 130px 30px 100px; } .ai-default-cf7wrap input.wpcf7-submit, .ai-default-cf7wrap input[type=submit] { line-height: 28px !important; } #aios-home-valuation-wrap .aios-home-valuation-step-wrap .aios-home-valuation-form span.wpcf7-not-valid-tip{ border: 1px solid #dc3232; } .testi-cont .testi-d-wrap .testi-details > p { font-size: 12px !important; line-height: 16px !important; } /* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */ .yt-videos a { display: block; position: relative; } .yt-videos canvas { display: block; width: 100%; height: auto; background-size: cover; background-position: center center; } .yt-videos canvas + i { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 24px; font-style: normal !important; color: #fff; background: rgba(0, 0, 0, .5); position: absolute; top: 0; left: 0; } html body.pojo-a11y-focusable a:focus { outline: none !important; } .event-video { position: relative; } .event-video:before, .event-video:after { content: ''; display: none; position: absolute; background: var(--primary) url(images/accent-bg.jpg) no-repeat top; z-index: -1; background-size: cover; } .event-video:before { width: 92%; height: 74.3%; right: -11.518%; top: -40px; } .event-video:after { width: 69px; /*height: 227px;*/ height: 43.58%; bottom: 20px; right: 92%; } /** Form dend BTN **/ div.ip-btn-link { display: flex; width: 100%; max-width: 250px; text-align: left; line-height: 45px; height: 45px; text-transform: uppercase; letter-spacing: 0.4em; margin: 0px auto; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; background: var(--primary); padding: 0 20px; font-size: 0; position: relative; } div.ip-btn-link span.link-title { color: #fff; text-align: left; font-size: 14px; letter-spacing: 0.1em; text-transform: capitalize; position: relative; display: block; font-weight: 500; width: 98%; } div.ip-btn-link span.link-s { font-size: 14px; display: flex; justify-content: flex-end; color: #fff; } div.ip-btn-link span.link-s em { font-style: normal !important; } div.ip-btn-link:hover { background: var(--secondary); } div.ip-btn-link input.wpcf7-submit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; font-size: 0; z-index: 1; } div.ip-btn-link span.ajax-loader { position: absolute; bottom: -30px; left: 0; margin: 0!important; } div.ip-btn-link { display: flex; width: 100%; max-width: 190px; text-align: left; line-height: 45px; height: 45px; text-transform: uppercase; letter-spacing: 0.4em; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; background: var(--primary); padding: 0 20px; font-size: 0; position: relative; margin: 0; align-items: center; } div.ip-btn-link:hover { background: var(--secondary); } p.from-text { font-size: 16px; letter-spacing: 0.025em; line-height: 30px; color: var(--primary); opacity: 0.7; padding: 30px 0 !important; } /*** Marketing page ***/ .market-wrap { display: block; position: relative; } .market-list-wrap { display: block; } .market-list { display: flex; justify-content: center; align-items: flex-start; flex-flow: row wrap; padding: 50px 0; border-bottom: 1px solid #f2f2f2; } .market-list-wrap .market-list:nth-child(even) { flex-flow: row-reverse; } .market-img { width: 31.57894736842105%; } .market-img img { max-width: 100%; width: 360px; } .market-text { width: 68.42105263157895%; padding-left: 50px; } .market-text h2.title-widget { font-size: 30px !important; color: var(--primary) !important; display: block !important; margin-top: 0 !important; } .market-text p.text-m { font-size: 16px !important; color: #555555 !important; line-height: 30px !important; letter-spacing: 0.1em !important; font-weight: 400 !important; } .market-text a.hp-link { margin: 0px 0; } .market-list-wrap .market-list:nth-child(even) .market-text { padding-left: 0; padding-right: 50px; } .ip-contact-top { position: relative; display: flex; flex-flow: row wrap; align-items: center; padding: 111px 0 0; justify-content: space-between; } .ip-contact-title-wrap .title-l-o { left: -15px; top: -180px; z-index: -1; } .page-id-26011 #content h1.entry-title { display: none; } .single-post #inner-page-wrapper > .container { max-width: 1170px; padding: 0 15px; } .single-post #content-full #content { padding: 0; } .single-post #content .entry-title { font-size: 40px !important; margin-top: 65px; } .single-post #content h3 { font-size: 24px; } .single-post #content .entry img { display: block; margin: 20px auto; } .single-post #content .alignleft { margin-top: 0; } .moretext { display: none; } span.hidden-content { opacity: 0; font-size: 0 !important; } .market-text.toggle-active span.hidden-content{ opacity: 1; font-size: 16px !important; } #aios-home-valuation-wrap { background-image: url(https://amberanderson.com/wp-content/uploads/2022/04/hv-bg.jpg) !important; } /** CATX **/ .catx-title { font-size: 30px; color: var(--primary); text-transform: capitalize; letter-spacing: 0.025em; margin: 0px auto 30px; font-weight: 600; line-height: normal; text-align: center; display: block; } .catx-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-flow: row wrap; } .agent-catx-list { text-align: center; font-size: 14px; color: #000; letter-spacing: 0.025em; display: block; line-height: 20px; width: 50%; padding: 20px; } .catx-area { font-size: 30px; color: var(--primary); text-transform: capitalize; letter-spacing: 0.025em; margin-top: 30px; font-weight: 600; line-height: normal; text-align: center; } .agent-catx-list span.catx-name, .agent-catx-list span.catx-name-a { display: block; padding: 5px 0; font-size: 20px; font-weight: 700; } .agent-catx-list span.catx-name-a { font-size: 16px; } .agent-catx-list img { width: 420px; margin: 20px auto; } .info { display: block; padding-top: 30px; font-size: 16px; } .info a { display: block; margin: 5px auto; font-weight: 700; font-size: 14px; } .page-id-25991 #content .entry-title { margin-top: 111px; position: relative; } .page-id-25991 #content .entry { padding: 64px 120px; /*background: #011a44 url(images/res-bg.jpg) center/cover no-repeat;*/ position: relative; margin-top: 80px; color: #fff; background: #011a44; } .page-id-25991 #content ul { margin-left: 15px; } .page-id-25991 #content h2.subheading { font-size: 40px; font-family: var(--font-family-title); line-height: 1; text-transform: uppercase; font-weight: 400; margin: 0 0 30px; } .page-id-25991 #content h2 { font-size: 20px; display: block; font-weight: 400!important; letter-spacing: 0.1em; margin-bottom: 10px; } body .aios-home-valuation-form-steps-wrap .aios-home-valuation-title h2 { font-size: 75px; line-height: 1; font-family: var(--font-family-title); text-transform: uppercase; margin-bottom: 10px; } /*title fix*/ .page-id-50 #content .entry-title, .page-id-163 #content .entry-title, .single-aios-communities #content .entry-title { margin: 111px 0 80px; margin-top: 111px; position: relative; } .page-id-50 #content .entry-title:before, .page-id-163 #content .entry-title:before, .page-id-25991 #content .entry-title:before, .single-aios-communities #content .entry-title:before { position: absolute; left: 0; top: -140px; font-size: 435.8px; color: #d4d4d4; z-index: 0; font-family: var(--font-family-title); opacity: 0.3; z-index: -1; } .page-id-50 #content .entry-title:before { content: 'V'; } .page-id-163 #content .entry-title:before { content: 'C'; } .page-id-25991 #content .entry-title:before { content: 'P'; } .single-aios-communities #content .entry-title:before { content: attr(data-first-letter); } .aios-mobile-header-2 .amh-header-buttons{ background: #FFFFFF; color: var(--primary); } .aios-mobile-header-2 .amh-header-buttons .amh-phone .amh-phone-text{ color: var(--primary); } .aios-mobile-header-2 .amh-header-buttons .amh-navigation-trigger span{ color: var(--primary); } .aios-mobile-header-2 .amh-header-phone-list a { color: var(--primary); } .aios-mobile-header-2 .amh-navigation{ background: var(--primary); } .aios-mobile-header-2 .amh-navigation .amh-menu li{ border-color: #ffffff; } .aios-mobile-header-2 .amh-navigation .amh-menu li a{ color: #fff; } .aios-mobile-header-2 .amh-navigation .amh-menu li:hover > a, .aios-mobile-header-2 .amh-navigation .amh-menu li.open > a{ background: #1ca0e5; color: #FFFFFF; } .aios-mobile-header-2 .amh-navigation .amh-menu li ul{ background: var(--primary); } .aios-mobile-header-2 .amh-navigation .amh-menu li ul li{ border-color: #f7f7f7; } .aios-mobile-header-2 .amh-navigation .amh-menu li ul li a{ background: var(--primary); color: #FFFFFF; } .aios-mobile-header-2 .amh-navigation .amh-menu li ul li:hover a, .aios-mobile-header-2 .amh-navigation .amh-menu li ul li.open a{ background: #1ca0e5; color: #FFFFFF; } .aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul{ background: #232323; } .aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li{ border-color: #f7f7f7; } .aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li a{ background: #232323; color: #FFFFFF; } .aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li:hover a, .aios-mobile-header-2 .amh-navigation .amh-menu li li.open ul li.open a{ background: #3c3c3c; color: #FFFFFF; } body.term-279 .ytc-bttn.sellers, body.term-280 .ytc-bttn.buyers{ display: none; } #yottie_1 .yottie-widget-video-info .yottie-widget-video-info-title{ color: #fff; } .elfsight-widget-youtube-gallery .yottie-widget-inner { border-radius: 0px; } #inner-page-wrapper #yottie_1 .yottie-widget-nav-list-item.yottie-active a, #inner-page-wrapper #yottie_1 .yottie-widget-nav-list-item.yottie-active:hover a{ color: #fff; } #inner-page-wrapper #yottie_1 .yottie-widget-nav-list-item.yottie-active:hover::after, #inner-page-wrapper #yottie_1 .yottie-widget-nav-list-item.yottie-active::after { background: #fff; } .custom-page-header{ position: relative; z-index: 0; } .custom-page-banner{ position: relative; z-index: 0; } .custom-page-banner:before{ content:''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; } .custom-page-canvas{ position: relative; z-index: 0; } .custom-page-banner canvas{ display: block; width: 100%; height: auto; min-height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; } .custom-page-title{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; line-height: 1; padding: 0 0 0; } .custom-page-title .custom-title{ color: #fff; text-align: center; } .custom-page-title .custom-title-sm{ font-size: min(7.750vw,28px); letter-spacing: 0.020em; } .custom-page-title .custom-title-lg{ font-family: var(--font-family-title); font-size: min(11.5vw,60px); letter-spacing: 0.020em; text-transform: uppercase; } .custom-page-bc{ position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 0 max(8vw,15px) 1.4375vw; } .custom-bc-inner{ color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 0.100em; } .navigation .aios-split-nav.alt > li > a, .hdr-logo-wrapp.alt{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .header .aios-split-nav.alt > li > a:after{ background: #fff; } body:not(.home) .main-header .navigation .aios-split-nav.alt > li{ border-bottom: 1px solid #fff; } /*modify desktop header end*/ #IDX-main.IDX-wrapper-standard form#IDX-MapSearch-Form { margin: 0; } .error-page-content-wrapper{ margin: 120px auto 50px; } .comm-d-wrap .comm-d-text{ font-size: 1.2em; } .comm-vid { display: none } .post-26140 .comm-vid { display: block; /*display: none;*/ } .comm-vid div { display: inline-block; width: calc(calc(100% / 3) - 10px); height: auto; position: relative; } .comm-vid div canvas { display:block; width: 100%; height: auto; } .comm-vid div iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 5px; } /** delete once social media sectio display **/ .video-area{ /*padding: 85px 80px 50px;*/ } .aiosp-wrap .aiosp-container .aios-popup-body, .aiosp-inline-holder .aiosp-content{ width: auto; min-height: auto; background: #fff; margin: auto; } .popup-container { max-width: 1100px; display: flex; justify-content: center; align-items: center; text-align: center; min-height: 400px; padding: 2%; } .popup-container h2 { font-size: 60px; color: var(--primary); font-family: var(--font-family-title); line-height: 1; display: block; text-transform: uppercase; } .popup-container h2 span{ color: #FFA500; font-weight: 600; } .aios-popup-body .aiosp-close, .aiosp-close-btn-in .aiosp-close { color: var(--primary); right: 10px; top: 10px; opacity: 1; font-size: 45px; } .header .menu-main-menu-container { display: flex; align-items: center; } /*agent css*/ .single-aios-agents #ip-vid { margin: 48px calc(calc(-100vw + 100%) / 2) 0; display: none; } .single-aios-agents.postid-98 #ip-vid { display: block; } .single-aios-agents #ip-vid a{ display: block; position: relative; } .single-aios-agents #ip-vid a:before{ content:''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.39; } .single-aios-agents #ip-vid a:after{ content:''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: url(images/about-amber-anderson/abt-play.png) center center no-repeat; background-size: min(9.8125vw,125px) auto; } .single-aios-agents #ip-vid a img{ display: block; width: 100%; height: auto; position: relative; z-index: 0; filter: grayscale(0); -moz-filter: grayscale(0); transition: all ease .4s; -moz-transition: all ease .4s; -webkit-transition: all ease .4s; } .single-aios-agents #ip-vid a:hover img{ filter: grayscale(1); -moz-filter: grayscale(1); } .single-aios-communities #ip-fp { display: none; } .cycloneslider-template-video .cycloneslider-volume, .home #aios-slider-hp-slide-video .aios-slider-volume { filter: brightness(0) invert(1); bottom: auto !important; top: 12%; right: 10px !important; } #listings-details .listings-slideshow .listings-slideshow-slide::after { display: none; } #listings-details .listings-accordion { display: none; } #listings-details .listings-cta > li > a { background: var(--aios-listing-primary-color); border-color: var(--aios-listing-primary-color); color: #fff; } #listings-details .listings-cta > li > a.active, #listings-details .listings-cta > li > a:hover { background: var(--aios-listing-secondary-color); border-color: var(--aios-listing-secondary-color); color: #fff; } #listings-details .listings-price, #listings-details .listings-extras > li > span, #listings-details .listings-extras > li > strong, #listings-details .listings-smi h2 { color: #fff; } #listings-details .listings-cta.white > li > a#listings-cta-mortgage:hover, #listings-details .listings-cta.white > li > a#listings-cta-website:hover, #listings-details .listings-cta.white > li > a#listings-cta-brochure:hover { background: var(--aios-listing-secondary-color); border-color: var(--aios-listing-secondary-color); color: #fff; }