#ihf-main-search-form #areaPickerContainer div#areaPickerInputWrapper { height:auto; float: none; } #ihf-main-search-form #areaPickerContainer div#areaPickerInputWrapper .input-text, #ihf-main-search-form #areaPickerContainer div#areaPickerInputWrapper input[type=text], #ihf-main-search-form #areaPickerContainer div#areaPickerInputWrapper input[type=input] { padding-top:7px !important; } /* IHF */ #ihf-map-canvas .leaflet-top.leaflet-right { z-index: 999; } #ihf-main-container .glyphicon.glyphicon-remove-circle { color: #fff!important; } /* recaptcha */ .grecaptcha-badge { z-index: 999!important; } /* WPCF7 */ .wpcf7 .use-floating-validation-tip .wpcf7-not-valid-tip { position: absolute; width: auto; top: 20%; } :root{--roadmaps-border-color: #000;--roadmaps-border-hover: #888888;--roadmaps-text-color: #000;--roadmaps-text-hover: #888888}.aios-roadmaps{display:flex;flex-wrap:wrap;justify-content:center;padding:20px 0}.aios-roadmaps.no-border{justify-content:space-between}.aios-roadmaps .aios-roadmap-link{text-align:center;border:1px solid var(--roadmaps-border-color);border-radius:50%;width:120px;height:120px;margin:0 0.5% 10px;display:flex;justify-content:center;align-items:center;transition:all .25s ease-in-out}.aios-roadmaps.no-border .aios-roadmap-link{border:none}.aios-roadmaps.light .aios-roadmap-link{border-color:#fff}.aios-roadmaps .aios-roadmap-link:hover,.aios-roadmaps .aios-roadmap-link.active{border-color:var(--roadmaps-border-hover)}.aios-roadmaps .aios-roadmap-link .aios-roadmap-icon{display:block;line-height:1;transition:all .25s ease-in-out}.aios-roadmaps .aios-roadmap-link .aios-roadmap-icon:after{display:block;font-family:agentimage !important;font-size:41px;color:var(--roadmaps-text-color);transition:all .25s ease-in-out}.aios-roadmaps.light .aios-roadmap-link .aios-roadmap-icon:after{color:#ffff}.aios-roadmaps .aios-roadmap-link:hover .aios-roadmap-icon:after,.aios-roadmaps .aios-roadmap-link.active .aios-roadmap-icon:after{color:var(--roadmaps-text-hover)}.aios-roadmaps.buyers-roadmap a:first-child .aios-roadmap-icon:after{content:"\b0072"}.aios-roadmaps.buyers-roadmap a:nth-child(2) .aios-roadmap-icon:after{content:"\b0046"}.aios-roadmaps.buyers-roadmap a:nth-child(3) .aios-roadmap-icon:after{content:"\b0078"}.aios-roadmaps.buyers-roadmap a:nth-child(4) .aios-roadmap-icon:after{content:"\b0057"}.aios-roadmaps.buyers-roadmap a:nth-child(5) .aios-roadmap-icon:after{content:"\b0055"}.aios-roadmaps.buyers-roadmap a:nth-child(6) .aios-roadmap-icon:after{content:"\b0048"}.aios-roadmaps.sellers-roadmap a:first-child .aios-roadmap-icon:after{content:"\b0072"}.aios-roadmaps.sellers-roadmap a:nth-child(2) .aios-roadmap-icon:after{content:"\b0078"}.aios-roadmaps.sellers-roadmap a:nth-child(3) .aios-roadmap-icon:after{content:"\b0051"}.aios-roadmaps.sellers-roadmap a:nth-child(4) .aios-roadmap-icon:after{content:"\b0046"}.aios-roadmaps.sellers-roadmap a:nth-child(5) .aios-roadmap-icon:after{content:"\b0055"}.aios-roadmaps.sellers-roadmap a:nth-child(6) .aios-roadmap-icon:after{content:"\b0048"}.aios-roadmaps.financing-roadmap a:first-child .aios-roadmap-icon:after{content:"\b0015"}.aios-roadmaps.financing-roadmap a:nth-child(2) .aios-roadmap-icon:after{content:"\b0050"}.aios-roadmaps.financing-roadmap a:nth-child(3) .aios-roadmap-icon:after{content:"\b0020"}.aios-roadmaps.financing-roadmap a:nth-child(4) .aios-roadmap-icon:after{content:"\b0049"}.aios-roadmaps.financing-roadmap a:nth-child(5) .aios-roadmap-icon:after{content:"\b0016"}.aios-roadmaps.financing-roadmap a:nth-child(6) .aios-roadmap-icon:after{content:"\b0052"}.aios-roadmaps .aios-roadmap-link .aios-roadmap-name{font-size:10px;line-height:1;padding:0 10px;margin-top:10px;display:block;transition:all .25s ease-in-out;color:var(--roadmaps-text-color)}.aios-roadmaps.no-border .aios-roadmap-link .aios-roadmap-name{font-size:14px;line-height:1.2}.aios-roadmaps.light .aios-roadmap-link .aios-roadmap-name{color:#fff}.aios-roadmaps .aios-roadmap-link:hover .aios-roadmap-name,.aios-roadmaps .aios-roadmap-link.active .aios-roadmap-name{color:var(--roadmaps-text-hover)}.roadmap-table-responsive{width:100%}.roadmap-table-responsive td{padding:2px 7px;text-align:left}@media only screen and (max-width: 1024px){.aios-roadmaps .aios-roadmap-link{width:100px;height:100px}.aios-roadmaps .aios-roadmap-link .aios-roadmap-icon:after{font-size:31px}.aios-roadmaps .aios-roadmap-link .aios-roadmap-name{font-size:9px}}@media only screen and (max-width: 992px){.aios-roadmaps{flex-flow:row wrap;justify-content:center}.aios-roadmaps .aios-roadmap-link{margin-bottom:20px}}@media only screen and (max-width: 600px){.aios-roadmaps{flex-flow:column nowrap;justify-content:center;align-items:center}.aios-roadmaps .aios-roadmap-link{margin:10px}.roadmap-table-responsive,.roadmap-table-responsive tr,.roadmap-table-responsive td,.roadmap-table-responsive tbody{display:block;text-align:left;width:100%}} .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } /* Theme Name: AIOS Starter Theme Theme URI: http://www.agentimage.com Description: AIOS mobile semi-custom theme. Author: AgentImage Author URI: http://www.agentimage.com Version: 2.0.1 Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post License: Proprietary License URI: http://www.agentimage.com */ /* TABLE OF CONTENTS 1. Reset 2. Unreset inner pages and widget areas 3. Submenus 4. Single column and two-column layouts 5. Archive 6. Sidebar 7. Misc Wordpress classes 8. AIOS Listings 9. Custom CSS 10. IDX styles 11. Mlcalc.com calculators 12. 404 Page Styles 13. Mobile styles */ /******************************************************* * * 1. Reset * *******************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } area, img, map { outline:none; } /* Helpers */ .clearfix, .clear { clear:both; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html, body { -webkit-text-size-adjust:none; } ::-webkit-input-placeholder { /* WebKit browsers */ opacity: 1; color: inherit; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity: 1; color: inherit; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity: 1; color: inherit; } :-ms-input-placeholder { /* Internet Explorer 10+ */ opacity: 1; color: inherit; } input, textarea, button, select { border-radius: 0; font-family:inherit; } textarea { resize: vertical; } a{ outline: none; } .ai-hide { display: none!important; } .slick-slider, .slick-slider *, .slick-slider a, input:focus, select:focus, textarea:focus{ color: inherit; text-decoration:none; } a:focus{ color: inherit; } /******************************************************* * * 2. Unreset inner pages and widget areas * *******************************************************/ #content, aside { line-height:1.7} #content th, aside th { font-weight: bolder; } #content h1, aside h1 { font-size: 2em; margin: .67em 0 } #content h2, aside h2 { font-size: 1.5em; margin: .75em 0 } #content h3, aside h3 { font-size: 1.17em; margin: .83em 0 } #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 { margin: 1.12em 0; line-height:1.7 } #content h5, aside h5 { font-size: .83em; margin: 1.5em 0 } #content h6, aside h6 { font-size: .75em; margin: 1.67em 0 } #content h1, aside h1, #content h2, aside h2, #content h3, aside h3, #content h4, aside h4, #content h5, aside h5, #content h6, aside h6, #content b, aside h6, #content strong, aside strong { font-weight: bolder } #content blockquote, aside blockquote { margin-left: 40px; margin-right: 40px } #content i, aside i, #content cite, aside cite, #content em, aside em, #content var, aside var, #content address, aside address { font-style: italic } #content pre, aside pre, #content tt, aside tt, #content code, aside code, #content kbd, aside kbd, samp { font-family: monospace } #content big, aside big { font-size: 1.17em } #content small, aside small, #content sub, aside sub, #content sup, aside sup { font-size: .83em } #content sub, aside sub { vertical-align: sub } #content sup, aside sup { vertical-align: super } #content table, aside table { border-spacing: 2px; } #content thead, aside thead, #content tbody, aside tbody, #content tfoot, aside tfoot { vertical-align: middle } #content td, aside td, #content th, aside th, #content tr, aside tr { vertical-align: inherit } #content hr, aside hr { border: 1px inset } #content ol, aside ol, #content ul, aside ul, #content dir, aside dir, #content menu, aside menu, #content dd, aside dd { margin-left: 40px } #content ol, sidebar ol { list-style-type: decimal } #content ol ul, aside ol ul, #content ul ol, aside ul ol, #content ul ul, aside ul ul, #content ol ol, aside ol ol { margin-top: 0; margin-bottom: 0 } #content ol, aside ol { list-style-type:decimal } #content ul, aside ul { list-style-type:disc } /******************************************************* * * 3. Single column and two-column layouts * *******************************************************/ #content-sidebar, #content-full{ width:100%; margin:0 auto; } #content-sidebar:after, #content-full:after{ content: ""; display: table; clear: both; } /* Content area with sidebar */ #content-sidebar #content{ float: left; width: 77.08%; } /* Content area for full width template (no sidebar) */ #content-full #content{ width:100%; } /* Content area with left sidebar */ .page-template-template-left-sidebar #content-sidebar #content { float: right; } .page-template-template-left-sidebar #content-sidebar aside { float: left; } /* Styles for entry */ #content .entry{ } #content .aios-starter-theme-entry-meta { display:none; } #content .entry:after { content: ""; display: table; clear: both; } /* Styles for post/page main headings (h1) */ #content .entry-title { font-size: 24px; } /* Styles for category/archive/etc main headings (h1) */ #content .archive-title { font-size: 24px; } /* Styles for category/archive/search/etc subheadings (h2) */ #content .archive-subtitle { font-size: 24px; } #inner-page-wrapper { margin-bottom:30px; position:relative; z-index:1; } /******************************************************* * * 4. Archive * *******************************************************/ #content .archive-thumbnail { width:27%; float:left; } #content .archive-content.archive-has-thumbnail { width:70%; float:right; } #content .archive-more { text-decoration:underline; font-style:italic; } #content .post { margin-bottom:20px; padding-bottom:20px; } #content .page-links { text-align:center; } #content .page-links * { display:inline-block; vertical-align:middle; margin:0 5px; } #content .page-links .current { font-weight:bold; text-decoration:underline; } /******************************************************* * * 5. Sidebar * *******************************************************/ aside{ float: right; width: 20.83%; } aside h2.widget-title{ display:block; background:#d7d7d7; padding:7px; font-size:14px; } /******************************************************* * * 6. Misc Wordpress classes * *******************************************************/ .gravatar{ float: right; } .comments-template ol.comment-list{ margin:20px 0 0 0; padding:0; list-style:none; } .comments-template ol.children{ margin:20px 0 0 40px; padding:0; list-style:none; } #content .comments-template ol.comment-list, #content .comments-template ol.children, .comments-template ol.children, .comments-template ol.comment-list { list-style:none; } #content .comments-template ol.comment-list, .comments-template ol.comment-list { margin-left:0; } .comments-template ol.comment-list li.comment{ padding:35px 0; border-bottom:1px dotted; } .comments-template ol.comment-list li:last-child, .comments-template ol.children li:last-child { border-bottom:0; } .comments-template .comment-author.vcard img { display:block; } .comments-template .reply { font-weight:700; text-decoration:underline; } .comments-template .comment-meta{ font-size:10px; } .comments-template .screen-reader-text{ display:none; } .comments-template .comment-navigation{ margin:10px 0; background:none; } .comment-form-comment textarea{ display:block; width:100%; } .comment-form-comment label { display:block; font-weight:700; } .wp-caption { background-color: #f3f3f3; margin: 10px; padding-top: 4px; text-align: center; max-width:100%; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } #content .wp-caption p.wp-caption-text, .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0.5em 0 1.1em 0; font-style:italic; } .gallery-caption { text-align:center; font-style:italic; } .category .post, .archive .post{ border-bottom:1px dotted; } .attachment-post-thumbnail { float:left; margin:0 10px 10px 0; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .sticky { } .bypostauthor { font-style:italic; } #content .alignnone { clear:both; margin:15px 0; } #content .aligncenter { clear:both; margin:15px auto; display:block; } #content .alignleft{ float:left; margin:15px 1% 15px 0; } #content .alignright{ float:right; margin:15px 0 15px 1%; } #content img[class*="align"], #content img[class*="wp-image-"], #content img[class*="attachment-"], #content img.size-full, #content img.size-large, #content img.header-image, #content img.wp-post-image { max-width: 98%; margin-top:0; margin-bottom:0; height:auto; } #content embed, #content iframe, #content object, #content video { max-width: 100%; } .yoast-breadcrumbs { margin: 20px 0 0; } /******************************************************* * * 7. AIOS Listings * *******************************************************/ .aios-listings-page .attachment-post-thumbnail { display:none; } /******************************************************* * * 8. Custom CSS * *******************************************************/ /* Global */ body{ font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; background: #FFF; color: #000000; margin: 0; } .outer { width:100%; min-width:960px; position: relative; } .inner{ width:960px; margin:0 auto; position: relative; } .outer:after, .inner:after { content: ''; display: block; clear: both; } /* Text formatting */ a{ outline: none; color:inherit; } a:link, a:visited{ text-decoration: none; } a:hover{ } /* Header */ .aios-starter-theme-demo-header{ position:relative; z-index:3; } .aios-starter-theme-demo-header-title { padding:50px 0; } .aios-starter-theme-demo-header-title a.site-name { font-size:30px; color:#333; } /* Navigation */ .aios-starter-theme-demo-header-navigation #nav { padding: 0; margin: 0; list-style: none; line-height: 1; background:#d7d7d7; } .aios-starter-theme-demo-header-navigation #nav > li { display:inline-block; } .aios-starter-theme-demo-header-navigation #nav > li > a { display: block; text-decoration: none; padding:10px 20px; color:#000; text-decoration:none; } .aios-starter-theme-demo-header-navigation #nav > li:hover > a { background:#000; color:#FFF; } .aios-starter-theme-demo-header-navigation #nav li { position:relative; } .aios-starter-theme-demo-header-navigation #nav .sub-menu { list-style: none outside none; margin: 0; background: rgba(0,0,0,0.9) url(/wp-content/themes/aios-starter-theme/images/submenu-fixer.png); display: none; padding: 0; position: absolute; width:100%; min-width:180px; } .aios-starter-theme-demo-header-navigation #nav .sub-menu a { color: #FFFFFF; display: block; padding: 10px; } .aios-starter-theme-demo-header-navigation #nav .sub-menu a:hover { background: none repeat scroll 0 0 #b2b2b2; color: #000000; text-decoration: none; } .aios-starter-theme-demo-header-navigation #nav .sub-menu .sub-menu { margin-left: 100%; top:0; } .aios-starter-theme-demo-header-navigation #nav li:hover > .sub-menu { display: block; } .aios-starter-theme-demo-header-navigation #nav .sub-menu li { position: relative; } /** Starter Theme Landing Page **/ .aios-starter-theme-landing-page { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(/wp-content/themes/aios-starter-theme/images/landingpage-bg.jpg) no-repeat center center transparent; z-index: 99; color: #ffff; text-align: center; background-size: cover; font-family: 'Open Sans', sans-serif; } .landing-page-wrapper { width: 100%; height: 84%; } .aios-landing-holder{ display: inline-block; vertical-align: middle; } .landing-page-wrapper:after{ content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .landing-page-logo{ padding: 20px 0; } .landing-page-logo a{ color: #fff; text-decoration: none; font-size: 117px; } .landing-page-logo a:hover{ color: #fff; text-decoration: none; } .landing-page-slogan{ width: 100%; background: url(/wp-content/themes/aios-starter-theme/images/landingpage-border-shadow.png) no-repeat center bottom transparent; padding-bottom: 40px; background-size: 100%; } .landing-page-slogan h2{ font-size: 45px; font-weight: 600; } .landing-page-slogan p{ font-size: 26px; font-weight: 300; padding: 10px 0; } .landing-page-phone{ width: 100%; text-align: center; } .landing-phone{ display: inline-block; vertical-align: top; margin: 0 2%; padding: 32px 0; } .landing-phone span{ font-weight: 300; font-size: 22px; display: inline-block; vertical-align: top; } .landing-phone a{ display: inline-block; vertical-align: top; color: #fff; width: 207px; height: 33px; -webkit-border-radius: 16px 17px 17px 16px/16px 16px 17px 17px; -moz-border-radius: 16px 17px 17px 16px/16px 16px 17px 17px; border-radius: 16px 17px 17px 16px/16px 16px 17px 17px; background-color: rgba(0,0,0,0); border: solid 1px #fff; font-size: 20px; line-height: 29px; } .landing-phone a:hover{ text-decoration: none; color: #fff; } .landing-phone a i{ font-size: 16px; display: inline-block; vertical-align: middle; margin-right: 3px; } .landing-page-footer{ background: #076e83; width: 100%; height: 140px; position: fixed; left: 0; bottom: 0; } .landing-page-footer .cws-media { margin: 12px 0 22px; } .landing-page-footer .cws-media a { display: inline-block; border-radius: 50%; width: 40px; height: 40px; margin: 0 4px; text-align: center; vertical-align: middle; position: relative; } .landing-page-footer .cws-media a:hover{ text-decoration: none; } .landing-page-footer .cws-media a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid white; border-radius: 50%; transition: all 0.3s ease-in; opacity: 0; } .landing-page-footer .cws-title { display: block; overflow: hidden; text-align: center; font-weight: 400; width: 100%; max-width: 559px; margin: 10px auto; } .landing-page-footer .cws-title span { display: inline-block; position: relative; font-size: 0.625em; color: #FFF; text-transform: uppercase; padding: 0 11px; } .landing-page-footer .cws-title span:before, .landing-page-footer .cws-title span:after { content: ''; display: inline-block; background: #329db3; width: 1140px; height: 1px; position: absolute; top: 50%; } .landing-page-footer .cws-title span:before { right: 100%; } .landing-page-footer .cws-title span:after { left: 100%; } .landing-page-footer .cws-media a:hover::after { transform: scale(1.2); opacity: 1; } .landing-page-footer .cws-media a.cws-facebook { background: #4d6baa; } .landing-page-footer .cws-media a.cws-facebook:after { border-color: #4d6baa; } .landing-page-footer .cws-media a.cws-twitter { background: #4fc6f8; } .landing-page-footer .cws-media a.cws-twitter:after { border-color: #4fc6f8; } .landing-page-footer .cws-media a.cws-google-plus { background: #dc4e41; } .landing-page-footer .cws-media a.cws-google-plus:after { border-color: #dc4e41; } .landing-page-footer .cws-media a.cws-youtube { background: #f00; } .landing-page-footer .cws-media a.cws-youtube:after { border-color: #f00; } .landing-page-footer .cws-media a.cws-linkedin { background: #007bb6; } .landing-page-footer .cws-media a.cws-linkedin:after { border-color: #007bb6; } .landing-page-footer .cws-media a.cws-pinterest { background: #cb2027; } .landing-page-footer .cws-media a.cws-pinterest:after { border-color: #cb2027; } .landing-page-footer .cws-media a.cws-instagram { background: #3f729b; } .landing-page-footer .cws-media a.cws-instagram:after { border-color: #3f729b; } .landing-page-footer .cws-media a.cws-yelp { background: #be2f25; } .landing-page-footer .cws-media a.cws-yelp:after { border-color: #be2f25; } .landing-page-footer .cws-media a i { font-size: 23px; color: #FFF; line-height: 40px; } /** Starter Theme Landing Page **/ /* Hide Headings for HTML5 */ .aios-starter-theme-hide-title{ display: none !important; font-size: 18px !important; } /* Footer */ .aios-starter-theme-demo-footer{ clear: both; margin-top:20px; padding:20px 0; background:#333; color:#FFF; } .aios-starter-theme-demo-footer a { color:#fff; } /* Footer navigation */ .aios-starter-theme-demo-footer .footernav li { padding: 2px 10px; display:inline-block; vertical-align: top; border-left:1px solid #FFF; } .aios-starter-theme-demo-footer .footernav li:first-child{ border-left:none; } /* Footer copyright */ .aios-starter-theme-demo-footer-copyright { padding:2px 0; text-align:right; } /******************************************************* * * 9. IDX styles * *******************************************************/ /* iHomefinder */ #ihf-main-container div#areaPickerInputWrapper { height: 50px !important; } #ihf-main-container .modal-dialog { left: inherit !important; } /******************************************************* * * 11. Mobile styles * *******************************************************/ @media only screen and (max-width: 991px) { .outer { min-width:320px; } .inner { width:100%; } #content-sidebar aside, #content-full aside{ display: block; width: 100%; float: none; max-width: 360px; margin: 0 auto; } #content-sidebar, #content-full, #content-sidebar #content, #content-full #content{ width:100%; float: none; } #content .alignleft, #content .alignright{ float:none; display:block; margin-left:auto; margin-right:auto; } /* ARCHIVE */ #content .archive-thumbnail, #content .archive-content.archive-has-thumbnail { width:100%; float:none; } #content .archive-thumbnail, #content .archive-content h2 { text-align:center; margin-left:auto; margin-right:auto; } #content .archive-more { text-decoration:underline; font-style:italic; } .yoast-breadcrumbs { margin: 20px 0; width: 100%; } } /******************************************************* * * 10. Mlcalc.com calculators * *******************************************************/ /* Make rates popup scrollable on devices with screens less than 761px wide */ @media only screen and (max-width:760px) { #MLCalcRatesHolder { overflow: auto !important; width: 100% !important; min-width: 100% !Important; -webkit-overflow-scrolling: touch !important; } #MLCalcRatesShader { width: 100% !important; min-width: 100% !important; overflow: scroll !important; -webkit-overflow-scrolling:touch; } } /* Make mortgage calculator popup scrollable on devices with screens less than 741px wide */ @media only screen and (max-width:740px) { #MLCalcHolder { overflow: auto !important; width: 100% !important; min-width: 100% !Important; -webkit-overflow-scrolling: touch !important; } #MLCalcShader { width: 100% !important; min-width: 100% !important; overflow: scroll !important; -webkit-overflow-scrolling:touch; } .landing-page-logo a{ font-size: 50px; } .landing-page-slogan{ padding-bottom: 19px; } .landing-page-slogan h2{ font-size: 25px; } .landing-page-slogan p{ font-size: 14px; } .landing-phone{ padding: 8px 0; } .landing-phone span{ display: block; } .landing-page-footer .cws-title, .landing-page-footer .cws-media{ display: none; } .landing-page-footer{ font-size: 12px; padding: 40px 0; } } /* Theme Name: Cathy Meyer Description: AIOS mobile semi-custom theme. Author: AgentImage Author URI: http://www.agentimage.com Version: 1.5.8 Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post License: Proprietary License URI: http://www.agentimage.com Template: aios-starter-theme */ /* TABLE OF CONTENTS 1. Custom CSS 2. IP styles 3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */ /******************************************************* * * 1. Navigation * *******************************************************/ /* Sub Menu */ #nav li, #nav2 li { position:relative; display: inline-block; } #nav .sub-menu, #nav2 .sub-menu { list-style: none outside none; margin: 0; background: transparent; padding: 0; position: absolute; width:100%; min-width:220px; text-align: center; left: -150%; right: -150%; margin: auto; padding-top: 23px; opacity: 0; pointer-events: none; transform: translateY(30px); transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } #nav2 .sub-menu { padding-top: 44px; } #nav .sub-menu a, #nav2 .sub-menu a { color: #5f5f5f !important; display: block; padding: 10px; } #nav .sub-menu a:hover, #nav2 .sub-menu a:hover { background: transparent; color: #000000; text-decoration: none; } #nav .sub-menu .sub-menu, #nav2 .sub-menu .sub-menu { margin-left: 100%; top:0; left: 0; padding-top: 0; } #nav li:hover > .sub-menu, #nav2 li:hover > .sub-menu { opacity: 1; pointer-events: auto; transform: none; } #nav .sub-menu li, #nav2 .sub-menu li { position: relative; background: #e0d3c7; width: 100%; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } #nav .sub-menu li:hover, #nav2 .sub-menu li:hover { background: #5b6073; } #nav .sub-menu li:hover > a, #nav2 .sub-menu li:hover > a { color: #ffffff !important; } /******************************************************* * * 2. Custom CSS * *******************************************************/ /* Global */ :root { --primary-font: 'Poppins', sans-serif; --secondary-font: 'Dancing Script', cursive; } body{ font-family: var(--primary-font); font-size: 15px; line-height: 1.7; letter-spacing: 0.02em; background: #FFF; color: #252525; 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; */ } #main-wrapper { overflow: hidden; } .aios-mobile-header-wrapper { z-index: 1002 !important; } /***SECTION TITLE***/ .sec-title { text-align: left; } .sec-title h1, .sec-title h2 { display: inline-block; font-size: 23px; letter-spacing: 0; line-height: 1; color: #bec2d2; text-transform: uppercase; } .sec-title h1 span, .sec-title h2 span { font-family: var(--secondary-font); letter-spacing: 0; line-height: 1; text-transform: none; color: #5b6074; font-size: 100px; font-weight: 500; display: block; } /***END OF SECTION TITLE***/ /***GLOBAL BUTTON***/ .global-btn { display: inline-block; vertical-align: middle; font-size: 15px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.25em; line-height: 1; color: #af9553; position: relative; padding-right: 35px; margin: 34px 0 0; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .global-btn:hover { color: #906b0e !important; } .global-btn:before { content: "\b0257"; font-family: agentimage; font-size: 12px; color: #af9553; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .global-btn:hover:before { color: #906b0e; animation-name: bounceRight; animation-duration: 0.3s; } @keyframes bounceRight { 0% { transform: translate(0, -50%); } 50% { transform: translate(5px, -50%); } 100% { transform: translate(0, -50%); } } /***END OF GLOBAL BUTTON***/ /***MAIN HEADER***/ .main-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; font-size: 0; letter-spacing: 0; padding: 30px 0; } .mh-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mh-left { width: 161px; } .mh-logo { position: relative; } .mh-logo a { display: inline-block; } .mh-logo img { width: 100%; display: block; max-width: 161px; } .mh-right { text-align: right; width: calc(100% - 161px); padding-left: 136px; } .mh-rt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mh-text { text-align: left; width: calc(100% - 177px); margin-right: 26px; overflow: hidden; } .mh-text span { font-size: 14px; text-transform: uppercase; color: #ffffff; position: relative; letter-spacing: 0.1em; line-height: 1; font-weight: 500; } .mh-text span:before { content: ''; position: absolute; top: 50%; width: 100vw; height: 1px; left: calc(100% + 14px); transform: translateY(-50%); background: #ffffff; } .mh-brokerage-logo { width: 151px; } .mh-brokerage-logo img { display: block; width: 100%; max-width: 151px; } .mh-right .navigation { position: relative; margin: 20px 0 0; } .mh-right .navigation #nav { } .mh-right .navigation #nav > li { display: inline-block; vertical-align: middle; position: relative; margin-right: 25px; } .mh-right .navigation #nav > li:last-child { margin-right: 0; } .mh-right .navigation #nav > li.menu-item-has-children { padding-right: 15px; } .mh-right .navigation #nav > li.menu-item-has-children:before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-top: 4px dashed #ffffff; border-left: 4px solid transparent; border-right: 4px solid transparent; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .mh-right .navigation #nav > li.menu-item-has-children:hover:before { border-top: 4px dashed #5b6073; } .mh-right .navigation #nav li a { display: block; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #ffffff; line-height: 1; letter-spacing: 0.1em; color: #ffffff; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .mh-right .navigation #nav > li:hover > a { color: #5b6073; } /***END OF MAIN HEADER***/ /***FIXED HEADER***/ .fixed-header { position: fixed; top: 0; transform: translateY(-100%); opacity: 0; pointer-events: none; left: 0; width: 100%; background: #ffffff; font-size: 0; letter-spacing: 0; z-index: 1001; padding: 16.5px 0; box-shadow: 0 0 2px rgba(0,0,0,0.4); transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .fixed-header.active { transform: none; opacity: 1; pointer-events: auto; } .fh-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .fh-left { width: 161px; } .fh-logo { position: relative; } .fh-logo a { display: inline-block; } .fh-logo img { width: 100%; display: block; max-width: 109px; } .fh-right { text-align: right; width: calc(100% - 161px); padding-left: 136px; } .fh-right .navigation { position: relative; } .fh-right .navigation #nav2 { } .fh-right .navigation #nav2 > li { display: inline-block; vertical-align: middle; position: relative; margin-right: 30px; } .fh-right .navigation #nav2 > li:last-child { margin-right: 0; } .fh-right .navigation #nav2 > li.menu-item-has-children { padding-right: 15px; } .fh-right .navigation #nav2 > li.menu-item-has-children:before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); border-top: 4px dashed #4f4f4f; border-left: 4px solid transparent; border-right: 4px solid transparent; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .fh-right .navigation #nav2 > li.menu-item-has-children:hover:before { border-top: 4px dashed #ecdccd; } .fh-right .navigation #nav2 li a { display: block; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #4f4f4f; line-height: 1; letter-spacing: 0.1em; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .fh-right .navigation #nav2 > li:hover > a { color: #ecdccd; } /***END OF FIXED HEADER***/ /***UPPERFOLD***/ .upperfold-sec { position: relative; font-size: 0; letter-spacing: 0; } /*SLIDESHOW*/ .hp-slideshow { position: relative; } .hp-slideshow:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.3); } .hp-slideshow .cycloneslider-canvas, .hp-slideshow .cycloneslider-template-responsive img.cycloneslider-slide-js[width="1"] + canvas { min-height: 700px; } /*TAGLINE*/ .upperfold-tagline { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; padding: 0 15px; text-align: center; z-index: 1; } .tagline-wrap { position: relative; } .tagline-wrap:before { content: 'CM'; position: absolute; left: 0; right: 0; margin: auto; font-family: var(--secondary-font); font-size: 363px; letter-spacing: 0; line-height: 1; color: #ffffff; opacity: 0.11; top: 50%; transform: translateY(-50%); font-weight: 500; } .tagline { font-family: var(--secondary-font); font-size: 143px; color: #ffffff; line-height: 1; letter-spacing: 0; font-weight: 500; } .tagline span { display: block; font-family: var(--primary-font); text-transform: uppercase; font-size: 20px; color: #ffffff; font-weight: 400; letter-spacing: 0.08em; line-height: 1; margin: 17px 0 0; } /***END OF UPPERFOLD***/ /***CALL TO ACTION***/ .cta-sec { position: relative; font-size: 0; letter-spacing: 0; z-index: 2; margin: -139px 0 0; } .cta-wrap { position: relative; } .cta-inner-wrap { text-align: center; width: 100%; max-width: 930px; margin: auto; } .cta-list { display: inline-block; vertical-align: middle; position: relative; margin: 0 22px; } .cta-list:first-child { margin-left: 0; } .cta-list:last-child { margin-right: 0; } .cta-list a { display: block; width: 278px; height: 278px; border-radius: 50%; padding: 12px; background: #5b6073; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .cta-list a:hover { background: #ecdccd; } .cta-item { width: 100%; height: 100%; border-radius: 50%; border: 3px solid rgba(255,255,255,0.43); 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; } .cta-item div { font-size: 27px; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1; color: #ffffff; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .cta-list a:hover .cta-item div { color: #515151; } .cta-item.double-line div { font-size: 17px; } .cta-item.double-line div span { display: block; font-family: var(--secondary-font); font-size: 38px; letter-spacing: 0; line-height: 1; color: #ffffff; text-transform: none; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .cta-list a:hover .cta-item.double-line div span { color: #515151; } /***END OF CALL TO ACTION***/ /***WELCOME***/ .welcome-sec { position: relative; font-size: 0; letter-spacing: 0; padding: 116px 0 160px; } .welcome-sec:before { content: 'CM'; position: absolute; font-size: 36.875vw; font-family: var(--secondary-font); color: #252525; font-weight: 600; bottom: 7px; right: -8.6%; z-index: -1; line-height: 1; opacity: 0.05; } .welcome-left { position: relative; margin: 0 -30px; padding: 81px 50px 76px 51px; } .welcome-left-inner { position: relative; } .welcome-left-accent { position: absolute; top: 0; left: 0; width: 131px; height: 303px; border-left: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1; } .welcome-left-accent:before { content: ''; position: absolute; top: 0; transform: translateY(-50%); right: 0; width: 23px; height: 3px; background: #ecdccd; } .welcome-right-accent { position: absolute; bottom: 0; right: 0; width: 166px; height: 237px; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; } .welcome-right-accent:before { content: ''; position: absolute; bottom: 0; transform: translateY(50%); left: 0; width: 23px; height: 3px; background: #ecdccd; } .welcome-title { } .welcome-text { margin: 35px 0 0; } .welcome-text p { font-size: 15px; line-height: 1.7; letter-spacing: 0.02em; color: #252525; margin-top: 20px; } .welcome-text p:first-child { margin-top: 0; } .welcome-left .global-btn { } .welcome-right { text-align: right; } .welcome-img { position: relative; display: inline-block; } .welcome-img canvas { width: 100%; max-width: 372px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .welcome-img:before, .welcome-img:after { content: ''; position: absolute; width: 116px; height: calc(100% - 12px); z-index: -1; } .welcome-img:before { top: -22px; left: -22px; background: #ecdccd; } .welcome-img:after { bottom: -22px; right: -22px; background: #babfd3; } /***END OF WELCOME***/ /***MAP***/ .map-sec { position: relative; font-size: 0; letter-spacing: 0; padding: 0 0 170px; } .map-wrap { position: relative; width: 100%; margin: 30px 0 0; padding: 0 15px; } .map-title { text-align: center; padding: 0 15px; } .map-title h2 span { font-size: 100px; } .map-frame-wrap { width: 100%; position: relative; } .map-frame-wrap iframe { width: 100%; } .map-communities { position: relative; margin: 30px 0 0; } .map-communities-inner { 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; } .map-list { position: relative; padding: 0 20px; } .map-list > span { font-weight: 500; text-transform: uppercase; color: #5b6074; font-size: 20px; display: block; } .map-list ul { list-style-type: disc; margin-left: 15px; display: inline-block; } .map-list ul li { display: list-item; font-size: 10px; text-align: left; } .map-list ul li a { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 1.7; letter-spacing: 0.02em; color: #252525; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .map-list ul li a:hover { color: #af9553; } .map-info-inner { position: absolute; top: 24%; right: 17.6%; background: #ffffff; width: 100%; max-width: 383px; padding: 41px 30px 34px; border-bottom: 5px solid #4e5263; box-shadow: 9px 0 8px rgba(0,0,0,0.2); } .map-pin { position: absolute; top: 41.5%; right: 43.2%; color: #5c5c5c; font-size: 37px; display: none; } .map-info { display: block; margin-top: 16px; } .map-info:first-child { margin-top: 0; } .map-info i { display: inline-block; vertical-align: middle; font-size: 13px; color: #babfd3; width: 18px; text-align: center; line-height: 1; } .map-info i[class="ai-font-envelope-f"] { font-size: 10px; } .map-info i[class="ai-font-location-c"] { font-size: 21px; } .map-info a { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 1.7; font-weight: 300; letter-spacing: 0.02em; color: #252525 !important; margin-left: 17px; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .map-info a:hover { color: #af9553 !important; } .map-info:first-child i, .map-info:first-child a { vertical-align: top; line-height: 1.7; } div#ihf-main-container .ihf-mapsearch-refine-overlay .checkbox.ihf-mapsearch-proptype-checkbox { padding-left: 0; margin-right: -15px; } /***END OF MAP***/ /***FEATURED LISTINGS***/ .fl-sec { position: relative; font-size: 0; letter-spacing: 0; padding: 100px 0 135px; } .fl-slide-holder { position: relative; } .fl-title { margin: 0 0 70px; text-align: center; } .fl-top { background: #ffffff; width: 100%; padding-top: 40px; display: none; } .fl-wrap { padding: 0 15px; } .fl-title { text-align: center; } .fl-wrap:before, .fl-wrap:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fl-wrap:before { background-image: url(/wp-content/themes/cmeyer_pending.com/images/fl-bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; filter: grayscale(1); z-index: -2; } .fl-wrap:after { background: rgba(38,41,49,0.8); z-index: -1; } .fl-slide-wrap { position: relative; width: 100%; max-width: 1400px; padding: 0 50px; margin: auto; } .fl-slide-inner { position: relative; width: 100%; background: #ffffff; padding: 71px 74px 57px; margin: -180px auto 0; border: 1px solid #c1c1c1; } .fl-slide { position: relative; margin: 0 -5px; } .fl-slide.slick-slider * { outline: 0; } .fl-list { position: relative; padding: 0 5px; } .fl-list a { display: block; } .fl-item { position: relative; } .fl-img { position: relative; } .fl-img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: linear-gradient(to top, rgba(0,0,0,0.35) 10%, rgba(0,0,0,0.1) 30%, rgba(0,0,0,0)); transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .fl-list a:hover .fl-img:before { background: rgba(255,255,255,.57); } .fl-img:after { content: ''; /*font-size: 113px; font-weight: 600; font-family: var(--secondary-font); color: rgba(37,37,37,0.2); letter-spacing: 0.02em;*/ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 60%; height: 60%; z-index: 1; background-image: url(/wp-content/themes/cmeyer_pending.com/images/site-logo-dark.png); background-repeat: no-repeat; background-position: center center; background-size: contain; opacity: 0; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .fl-list a:hover .fl-img:after { opacity: 0.3; } .fl-img canvas { width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .fl-price { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 22px 10px; font-size: 20px; letter-spacing: 0; line-height: 1; color: #ffffff; z-index: 2; font-weight: 400; } .fl-details { position: relative; text-align: center; padding: 19px 15px; } .fl-address { position: relative; text-align: center; font-size: 15px; line-height: 1.7; color: #6c6c6c; font-weight: 500; letter-spacing: 0.02em; } .fl-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 26px 0 0; } .fl-info > div { text-align: center; width: 50%; padding: 0 5px; font-size: 13px; letter-spacing: 0.02em; line-height: 1; font-weight: 300; color: #6c6c6c; } .fl-info > div i { text-align: center; display: block; color: #babfd3; font-size: 20px; margin: 32px 0 0; } .fl-list .global-btn { color: #686869; pointer-events: none; font-size: 11px; margin: 20px 0 0 } .fl-list .global-btn:before { color: #686869; font-size: 10px; } .fl-slide-btn { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); pointer-events: none; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .fl-slide-btn > span { color: #ffffff; font-size: 24px; pointer-events: auto; cursor: pointer; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .fl-slide-btn > span:hover { color: #af9553; } /***END OF FEATURED LISTINGS***/ /***TESTIMONIALS***/ .testi-sec { position: relative; font-size: 0; letter-spacing: 0; padding: 10px 0 150px; } .testi-img { width: calc((100vw - 1140px) / 2 + 100% + 30px); float: left; left: 0; margin-left: -30px; position: relative; padding-right: 10px; } .testi-img canvas { width: 100%; min-height: 662px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .testi-left { position: relative; } .testi-top { padding: 0 42px 0 61px; margin-top: 160px; } .testi-top-inner { position: relative; text-align: right; border-top: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; padding: 52px 0 74px 10px; } .testi-top-inner:before { content: ''; position: absolute; top: 0; transform: translateY(-50%); right: 0; width: 23px; height: 3px; background: #ecdccd; } .testi-title { text-align: right; } .testi-top-inner .global-btn { margin-top: 30px; } .testi-bot { margin-left: -15px; margin-right: -352px; background: #5b6073; padding: 89px 15px 75px; position: relative; } .testi-bot:before { content: ''; position: absolute; bottom: 46px; width: 50vw; left: 100%; height: 1px; background: #c1c1c1; } .testi-slide { position: relative; width: 100%; max-width: 820px; margin: auto; } .testi-slide.slick-slider * { outline: 0; } .testi-item { position: relative; } .testi-item p { font-size: 18px; font-style: italic; color: #ffffff; letter-spacing: 0.02em; font-weight: 300; line-height: 1.4; } .testi-item a { display: inline-block; margin: 36px 0 0; font-size: 18px; font-weight: 500; color: #ffffff; letter-spacing: 0.02em; line-height: 1; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .testi-item a:hover { color: #af9553; } /***END OF TESTIMONIALS***/ /***CONTACT***/ .contact-sec { position: relative; font-size: 0; letter-spacing: 0; padding: 116px 0 62px; } .contact-sec:before, .contact-sec:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .contact-sec:before { background-image: url(/wp-content/themes/cmeyer_pending.com/images/cf-bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -2; filter: grayscale(1); } .contact-sec:after { background: rgba(38,41,49,0.83); z-index: -1; } .contact-title { text-align: center; } .contact-title h2, .contact-title h2 span { color: #ffffff; } .git-form-wrap { width: 100%; max-width: 760px; margin: 52px auto 0; } .git-form { position: relative; margin: 0 -7px; } .git-form form { width: 100%; position: relative; } .git-field { display: inline-block; vertical-align: middle; position: relative; margin: 8px 7px; } .git-field.short { width: calc(50% - 14px); } .git-field.long { width: calc(100% - 14px); } .git-field input[type="text"], .git-field input[type="email"], .git-field textarea { width: 100%; height: 55px; border: 0; outline: 0; background: #babfd3; padding: 0 18px; font-size: 16px; letter-spacing: 0; font-weight: 500; color: #646464; line-height: 1.2; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; } .git-field textarea { height: 106px; resize: none; padding-top: 15px; padding-right: 70px; } .git-field.submit { position: absolute; bottom: 15px; right: 18px; width: 24px; height: 24px; } .git-field.submit input[type="submit"] { width: 100%; height: 100%; border: 0; outline: 0; background: 0; font-size: 0; } .git-field.submit input[type="submit"] ~ i { position: absolute; pointer-events: none; top: 0; right: 0; color: #ffffff; font-size: 24px; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .git-field.submit input[type="submit"]:hover ~ i { color: #af9553; } .git-contact-wrap { text-align: center; margin: 40px 0 0; } .git-contact { position: relative; margin-top: 20px; } .git-contact:first-child{ margin-top: 0; } .git-contact i { display: inline-block; vertical-align: middle; font-size: 13px; color: #babfd3; } .git-contact i[class="ai-font-envelope-f"] { font-size: 10px; } .git-contact a { display: inline-block; vertical-align: middle; margin-left: 14px; font-size: 13px; color: #ffffff !important; letter-spacing: 0.1em; line-height: 1; font-weight: 500; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .git-contact a:hover { color: #af9553 !important; } .git-smi { position: relative; margin: 20px 0 0; } .git-smi a { display: inline-block; vertical-align: middle; margin: 0 8px; } .git-smi a i { font-size: 23px; color: #babfd3; transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .git-smi a:hover i { color: #af9553; } .git-logo-wrap { text-align: center; margin: 34px 0 0; } .git-logo-wrap > div { display: inline-block; vertical-align: middle; margin: 0 8px; } .git-logo-wrap > div:first-child { margin-left: 0; } .git-logo-wrap > div:last-child { margin-right: 0; } .git-site-logo img { width: 100%; display: block; max-width: 107px; } .git-brokerage-logo img { width: 100%; display: block; max-width: 118px; } .git-disclaimer { text-align: center; margin-top: 30px; font-size: 14px; color: #fff; } .git-disclaimer p { display: block; } .git-form .wpcf7-form-control-wrap { display: block; } .git-form span.wpcf7-not-valid-tip { font-size: 11px; } .git-form div.wpcf7 .ajax-loader { position: absolute; top: 50%; transform: translateY(-50%); } .git-form div.wpcf7-response-output { position: absolute; bottom: -30px; width: calc(100% - 14px); margin: 0 7px; font-size: 11px; text-align: center; color: #fff; } /***END OF CONTACT***/ /***FOOTER***/ .footer { position: relative; font-size: 0; letter-spacing: 0; background: #23272f; padding: 24.5px 0; } .footer-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .copyright { padding-right: 30px; font-size: 11px; font-weight: 400; letter-spacing: 0.035em; line-height: 1.2; color: #979797; } .copyright .site-name { text-transform: uppercase; } .copyright a { transition: 0.35s ease-in-out; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; } .copyright a:hover { color: #af9553; } .footer-icons { position: relative; } .footer-icons i { display: inline-block; vertical-align: middle; font-size: 21px; color: #5d5d5d; margin: 0 2px; } .footer-icons i:first-child { margin-left: 0; } .footer-icons i:last-child { margin-right: 0; } /***END OF FOOTER***/ /******************************************************* * * 3. IP Styles * *******************************************************/ .ip-banner{ position: relative; width: 100%; } .ip-banner::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,.6); } .ip-banner canvas{ display: block; position: relative; z-index: 0; width: 100%; min-height: 250px; background-color: #f9f7f7; background-position: center center; background-repeat: no-repeat; background-size: cover; } .ip-banner .container{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; } .ip-banner h1 { font-weight: 700; font-size: 32px; text-align: center; color: #FFF; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1.7; } .ip-banner h1 span{ display: block; font-size: 24px; font-weight: 400; text-transform: none; letter-spacing: 0.01em; } /* Adjust minimum height of page area */ #content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;} /** Adjust width of content columns **/ #content-sidebar #content{ width: 77.08%; } #content-full #content { width: 100%; } /* Adjust width of sidebar */ .sidebar{ width: 20.83%; } /* fullwidth template */ .page-template-template-fullwidth #content { padding-left: 15px; padding-right: 15px; } .page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka { margin-left: -15px; margin-right: -15px; } /* Adjust line height of page elements */ #content h4, aside h4, #content p, aside p, #content blockquote, aside blockquote, #content ul, aside ul, #content fieldset, aside fieldset, #content form, aside form, #content ol, aside ol, #content dl, aside dl, #content dir, aside dir, #content menu, aside menu { line-height:1.7 } /* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */ #content .entry-title, #content .archive-title { font-family: var(--secondary-font); letter-spacing: 0; line-height: 1.2; color: #5b6074; font-size: 45px; font-weight: 500; } /* Styles for category/archive/search/etc subheadings (h2) */ #content .archive-subtitle { font-family: var(--secondary-font); letter-spacing: 0; line-height: 1.2; color: #5b6074; font-size: 35px; font-weight: 500; } #content a{ color: #5b6073; } #content a:hover{ color: #b59d60; } #content div.wpcf7-response-output { text-align: center; } .grecaptcha-badge { z-index: 1030; } /* IHF fixes */ #ihf-main-container .nav-tabs { margin-left: 0; } div#ihf-main-container ul.chosen-results { margin: 0; padding: 0; } div#ihf-main-container #ihf-map-canvas .ihf-map-info-box-title { padding-right: 10px; } #ihf-main-container .mc-total-payment-subline { color: #666; } #ihf-main-container .ihf-grid-result .ihf-grid-result-virtual-tour { letter-spacing: 0; font-size: 11px; } #ihf-main-container .ihf-listing-detail div#ihf-detail-features-tab > .row { margin: 0; } /* 404 pages */ .error404 .error-page-cf-wrap div.wpcf7-response-output { text-align: center; } #ihf-main-container .mb-10 #ihf-agent-sellers-rep + .col-xs-5 .pull-right { float: left !important; } #ihf-main-container .col-xs-7 + div#ihf-agent-sellers-rep { padding: 0 15px; } /* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */ /******************************************************* * * Mobile styles and other media queries * *******************************************************/ /* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ @media only screen and (max-width: 1199px) { /*HEADER*/ .mh-right, .fh-right { padding-left: 30px; } .mh-right .navigation #nav > li, .fh-right .navigation #nav2 > li { margin-right: 15px; } /*FL*/ .fl-slide-inner { padding: 71px 15px 57px; } .testi-img { width: calc((100vw - 940px) / 2 + 100% + 30px); } } /* iPad(portrait) | Galaxy Tab 4(portrait) */ @media only screen and (max-width: 991px) { .sec-title { text-align: center; } .testi-top-inner { border-right: 1px solid #c1c1c1; } .testi-bot:before { display: none; } .main-header { position: relative; margin: 52px 0 0; padding: 10px 0; background: #5d5d5d; } .mh-left { width: 100%; text-align: center; } /*SLIDEHSOW*/ .hp-slideshow .cycloneslider-canvas { min-height: 450px; } .hp-slideshow .cycloneslider, .hp-slideshow .cycloneslider-slides, .hp-slideshow .cycloneslider .cycloneslider-slide, .hp-slideshow .cycloneslider .cycloneslider-slide canvas { height: 100%; width: 100%; } /*CTA*/ .cta-sec { margin: 0; padding: 30px 0; } .cta-list { display: block; margin: 10px 0; } .cta-list a { margin: auto; } /*WELCOME*/ .welcome-right { text-align: center; } .welcome-left { position: relative; margin: 50px 0 0; padding: 30px 15px; } .welcome-left-inner { text-align: center; } /*MAP*/ .map-pin { top: 30px; } /*FL*/ .fl-slide-btn { position: relative; margin: 20px 0 0; top: 0; transform: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .fl-slide-btn > span { margin: 0 10px; } .fl-slide-wrap { padding: 0; } /*TESTIMONIALS*/ .testi-img { width: 100%; float: none; margin: 0; padding: 0; } .testi-img canvas { min-height: inherit; } .testi-top { padding: 0; margin-top: 25px; } .testi-top-inner { text-align: center; padding: 30px 10px; } .testi-bot { margin-left: 0; margin-right: 0; padding: 20px 10px; } .testi-item { text-align: center; } /*FOOTER*/ .footer-inner { display: block; text-align: center; } .footer-icons { margin: 20px 0 0; } /* The following are used on inner pages. Please edit carefully. */ .inner { width: 100%; } #content-sidebar, #content-full { width: 100%; } .outer{ width: 100%; min-width: 100%; } #content-sidebar #content{ width: 100%; } #ihf-main-container .ihf-grid-result .ihf-grid-result-address { display: block; } #ihf-main-container .ihf-grid-result .ihf-grid-result-virtual-tour { padding-left: 0; font-size: 11px; line-height: 1; } .aios-roadmaps a.aios-roadmap-link { margin-bottom: 20px; } #content img.mb-addbuttom-margin { margin-bottom: 20px; } } /* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ @media only screen and (max-width: 767px) { .ip-banner .container{ width: 100%; } .tagline { font-size: 80px; } .tagline span { font-size: 16px; } .tagline-wrap:before { font-size: 230px; } .sec-title h1, .sec-title h2 { font-size: 20px; } .sec-title h1 span, .sec-title h2 span { font-size: 60px; } .map-info-inner { top: 50%; right: 0; left: 0; margin: auto; transform: translateY(-50%); display: none; } .map-pin { position: absolute; right: 50%; transform: translateX(50%); } #ihf-main-container .ihf-grid-result .ihf-grid-result-basic-info-container { letter-spacing: 0; font-size: 13px; margin-right: -15px; } .map-sec div#ihf-main-container .ihf-map-search-refine-link { margin-left: -15px; padding: 5px; font-size: 13px; } .map-sec div#ihf-main-container .ihf-map-results-count { letter-spacing: 0; font-size: 13px; line-height: 1.3; } } @media only screen and (max-width: 567px) { .map-communities-inner { display: block; } .map-list { text-align: center; margin: 20px 0 0; } .map-title h2 span { font-size: 30px; } #ihf-main-container .ihf-grid-result .ihf-grid-result-virtual-tour { padding-left: 0; font-size: 10px; line-height: 1; letter-spacing: 0; } } /* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ @media only screen and (max-width: 480px) { .git-field.short { width: calc(100% - 14px); } .git-contact-wrap { margin: 65px 0 0; } .git-form div.wpcf7-response-output { bottom: -50px; } .map-info-inner { max-width: 290px; padding: 41px 5px 34px; } .map-info { text-align: center; } .map-info i { display: block; margin: 0 auto 10px; } #content .entry-title, #content .archive-title { font-size: 35px; } /* Styles for category/archive/search/etc subheadings (h2) */ #content .archive-subtitle { font-size: 25px; } #ihf-main-container .ihf-captcha .g-recaptcha { transform: scale(.78) translateZ(0); transform-origin: left; } .map-sec .map-frame-wrap #ihf-main-container p.ihf-map-results-count.field-label.text-right { margin-bottom: 27px !important; } } @media print { header, .ip-banner, .contact-sec, .footer, .grecaptcha-badge, .entry-title, p#breadcrumbs { display: none !important; } [href*="http"], [href*="https"] { display: none; } }