/* Theme Name: Captivate Homes Theme URI: http://katehiam.com Description: Captivate Homes theme Version: 1.0 Author: Kate Hiam Author URI: http://katehiam.com; Tags: Blank, HTML5, CSS3, Bootstrap, Responsive, Captivate License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /*-- Global --*/ @font-face { font-family: 'sourcesanspro'; src: url('fonts/SourceSansPro-Regular-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/SourceSansPro-Regular-webfont.svg#svgsourcesanspro') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'sourcesanspro'; src: url('fonts/SourceSansPro-Bold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/SourceSansPro-Bold-webfont.svg#svgsourcesanspro') format('svg'); /* Legacy iOS */ font-weight: bold; } @font-face { font-family: 'raleway'; src: url('fonts/raleway-light-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/raleway-light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-light-webfont.svg#raleway-light') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'raleway'; src: url('fonts/raleway-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/raleway-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-bold-webfont.svg#raleway-heading') format('svg'); /* Legacy iOS */ font-weight: bold; } @font-face { font-family: 'raleway-heading'; src: url('fonts/raleway-light-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-light-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-light-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/raleway-light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-light-webfont.svg#raleway-heading') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'raleway-heading'; src: url('fonts/raleway-black-webfont.eot'); /* IE9 Compat Modes */ src: url('fonts/raleway-black-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/raleway-black-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/raleway-black-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/raleway-black-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/raleway-black-webfont.svg#raleway-heading') format('svg'); /* Legacy iOS */ font-weight: bold; } html { } body, .investment-house h2, .investment-house .h2, footer h1 { color: #1d2528; font-family: 'sourcesanspro', 'Helvetica', 'Verdana', 'Arial', sans-serif; } p { } .header-image h1{ font-family: 'raleway-heading', 'Helvetica', 'Verdana', 'Arial', sans-serif; } h1, h2, h3, h4, h5, h6, .eligibility p, nav, .visual-form-builder h3 { font-family: 'raleway', 'Helvetica', 'Verdana', 'Arial', sans-serif; } button, input{ line-height: 20px; } strong { } img{ max-width: 100%; } .header-image{ width: 100%; overflow: hidden; border-top: 9px solid #AFADAE; border-bottom: 9px solid #AFADAE; } .header-image h1{ margin-top: 140px; margin-left: 20px; text-transform: uppercase; font-size: 4em; line-height: 0.9; } .investment-stripe{ border-bottom: 9px solid #67c4ab; } .investment-homes .header-image{ border-top: 9px solid #67c4ab; border-bottom: 9px solid #67c4ab; } .investment-homes h1, .investment-homes a .read-more, .investment-homes a:hover, .investment-homes .visual-form-builder h3, .investment-homes h4, .investment-homes.archive .date, .investment-homes h2, .investment-homes .h2, .investment-homes .newsletter-signup h1 span, .header-image .investment h1, .sidebar h3{ color: #67c4ab; } .investment-homes footer, .investment-homes .wpcf7-submit, .investment-homes .vfb-submit, .investment-homes .news-slider li, .investment-homes .read-more, .investment-homes .news-circle, .investment-homes .investment-house a, .investment-homes .home-link{ background: #67c4ab; } .investment-house > div{ background: #ffffff; } .investment-house > div > div{ padding: 10px; max-height: 344px; min-height: 344px; overflow: hidden; } .house-gallery-all .investment-house > div > div, .house-gallery-all .investment-house h2, .house-gallery-all .investment-house .h2{ max-height: none; min-height: 0; } .investment-house h2, .investment-house .h2{ margin: 0; font-size: 1.5em; text-transform: none; max-height: 22px; overflow: hidden; } .investment-homes nav.navbar.navbar-default, .new-homes nav.navbar.navbar-default, .first-homes nav.navbar.navbar-default{ height: 60px; margin-bottom: 0; background: #ffffff; } .investment-homes a, .investment-homes a .read-more:hover, .investment-homes footer a:hover, .investment-homes a:active, .investment-homes a:focus{ color: #2a9773; text-decoration: none; } .investment-homes .wpcf7-submit:hover, .investment-homes .vfb-submit:hover, .investment-homes .investment-house a:hover, .investment-homes .read-more:hover, .investment-homes .home-link:hover{ background-color: #2a9773; color: #ffffff; } .new-stripe{ border-bottom: 9px solid #6bc6e5; } .new-homes .header-image h1, .header-image .new h1{ color: #ffffff; } .new-homes .header-image{ border-top: 9px solid #6bc6e5; border-bottom: 9px solid #6bc6e5; } .new-homes h1, .new-homes a .read-more, .new-homes a:hover, .new-homes h2, .new-homes .visual-form-builder h3, .new-homes .visual-form-builder h4, .new-homes .h2, .sidebar h3, .new-homes.archive .date{ color: #6bc6e5; } .new-homes footer, .new-homes .wpcf7-submit, .new-homes .vfb-submit, .new-homes .news-slider li, .new-homes .investment-house a, .new-homes .read-more, .new-homes .news-circle, .new-homes .home-link{ background: #6bc6e5; } .new-homes a, .new-homes a .read-more:hover, .new-homes footer a:hover, .new-homes a:active, .new-homes a:focus{ color: #2d9ace; text-decoration: none; } .new-homes .wpcf7-submit:hover, .new-homes .vfb-submit:hover, .new-homes .new-house a:hover, .new-homes .home-link:hover, .new-homes .read-more:hover, .new-homes .investment-house a:hover{ background-color: #2d9ace; color: #ffffff; } .first-stripe{ border-bottom: 9px solid #b2d13e; } .first-homes .header-image{ border-top: 9px solid #b2d13e; border-bottom: 9px solid #b2d13e; } .first-homes h1, .first-homes a .read-more, .first-homes a:hover, .first-homes h2, .first-homes .visual-form-builder h3, .first-homes .visual-form-builder h4, .first-homes .h2, .first-homes .newsletter-signup h1 span, .first-homes .eligibility p span, .header-image .first h1, .first-homes.archive .date, .sidebar h3{ color: #b2d13e; } .first-homes footer, .first-homes .wpcf7-submit, .first-homes .vfb-submit, .first-homes .news-slider li, .first-homes .investment-house a, .first-homes .read-more, .first-homes .news-circle, .first-homes .home-link{ background: #b2d13e; } .first-homes a, .first-homes a .read-more:hover, .first-homes footer a:hover, .first-homes a:active, .first-homes a:focus{ color: #7caf0f; text-decoration: none; } .first-homes .wpcf7-submit:hover, .first-homes .vfb-submit:hover, .first-homes .read-more:hover, .first-homes .investment-house a:hover, .first-homes .home-link:hover{ background-color: #7caf0f; color: #ffffff; } a.normal-style{ background: none !important; padding: 0 !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; width: auto !important; height: auto !important; color: inherit !important; text-align: inherit !important; font-weight: inherit !important; display: inherit !important; } .content.houses-gallery{ padding-top: 0; } .houses-gallery .investment-house{ padding-top: 30px; } .investment-house .figures img{ margin-right: 10px; } .investment-house .figures span{ margin-right: 20px; } .investment-house .figures .price{ margin-right: 0; float: right; } .house-gallery-all .investment-house{ padding-top: 30px; } .house-gallery-all .investment-house .photo{ background: none !important; overflow: hidden; } .house-gallery-all .investment-house .details{ padding: 10px; } .house-gallery-all .investment-house > div > div{ padding: 0; } .content.house-gallery-all{ padding-top: 0; } .house-gallery-all .investment-house .house-sticker img, .house-gallery-all .investment-house a img{ max-height: none; } h1.big, main h1, .visual-form-builder h3{ font-size: 2.5em; margin-bottom: 0; } main h1, .visual-form-builder h3{ margin-top: 40px; margin-bottom: 10px; } .how-we-can-help img{ margin-top: 1.8em; } .eligibility p{ font-size: 2em; font-weight: bold; color: #9a9da3; } .why-buy h1.big{ margin-bottom: 0.67em; } .why-buy h2{ text-transform: uppercase; font-size: 1.5em; } .why-buy div div{ text-align: center; padding: 0 80px; } .why-buy p{ margin-bottom: 30px; } .white-bg{ background: #ffffff; } #menu-item-14 a{ background-image: url('img/captivate-new-homes.jpg'); } #menu-item-15 a{ background-image: url('img/captivate-investment-homes.jpg'); } #menu-item-13 a{ background-image: url('img/captivate-first-homes.jpg'); } nav.navbar.navbar-default{ min-height: 0; background: 0; border: 0; box-shadow: none; -webkit-box-shadow: none; background: #ffffff; margin-bottom: 0; padding-bottom: 20px; border-radius: 0; } .navbar-nav{ margin-bottom: 120px; } #menu-home-menu{ margin-bottom: 0; position: absolute; padding: 0; display: inline-block; left: 50%; margin-left: -469px; } #menu-home-menu li{ position: relative; top: -125px; display: inline-block; width: 250px; height: 250px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 9px solid #AFADAE; overflow: hidden; margin: 0 30px; background: #ffffff; } #menu-home-menu li a{ position: absolute; display: inline-block; width: 100%; height: 250px; font-size: 0; background-repeat: no-repeat; background-position: center center; background-size: 180px auto; top: -10px; } #menu-investment-homes-menu, #menu-new-homes-menu, #menu-first-homes-menu{ margin-bottom: 0; position: absolute; padding: 0; display: inline-block; left: 50%; margin-left: -469px; } #menu-investment-homes-menu li, #menu-new-homes-menu li, #menu-first-homes-menu li{ position: relative; top: -88px; display: inline-block; width: 170px; height: 170px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 30px; background: #ffffff; background-image: url('img/menu-bg.jpg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; } #menu-investment-homes-menu li.hover{ background-image: url('img/investment-menu-hover.jpg'); } #menu-new-homes-menu li.hover{ background-image: url('img/new-menu-hover.jpg'); } #menu-first-homes-menu li.hover{ background-image: url('img/first-menu-hover.jpg'); } #menu-investment-homes-menu li a, #menu-new-homes-menu li a, #menu-first-homes-menu li a{ position: absolute; display: inline-block; width: 100%; padding: 30% 10%; height: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-transform: uppercase; text-align: center; color: #000000; font-size: 1.5em; line-height: 1; margin-top: -30px; } #menu-first-homes-menu li a{ padding: 30% 15%; } #menu-investment-homes-menu li a:hover, #menu-new-homes-menu li a:hover, #menu-first-homes-menu li a:hover{ text-decoration: none; } footer{ background: #afadae; padding: 50px 0; } footer ul{ margin: 0; padding: 0; list-style-type: none; } footer *{ color: #ffffff; } footer li a{ line-height: 2; } footer .container a{ color: #ffffff; text-decoration: none; } footer a:hover, footer a:active, footer a:focus{ color: #eeeeee; text-decoration: none; } footer h1{ color: #ffffff; font-size: 15px; font-weight: bold; margin-top: 0; } footer .contact-icon{ font-weight: bold; } footer .bottom-right img{ max-width: 42px; } .home main{ text-align: center; } .newsletter-signup{ background: #ffffff; } .content .newsletter-signup h1{ text-transform: none; line-height: 40px; } .newsletter-signup h1 span, .eligibility p span{ font-weight: normal; } .newsletter-signup form{ float: right; } .newsletter-signup .wpcf7-text{ width: auto; margin-right: 20px; margin-top: 1.34em; border: 1px solid #bbbbbc; padding: 9px 14px; } .newsletter-signup .ajax-loader{ display: none; } .content{ padding: 30px 0; margin-top: -1px; } .content h1, .visual-form-builder h3{ text-transform: uppercase; font-weight: bold; } .content.dark{ background: #efeff0; } .content.light{ background: #ffffff; } .content.image{ overflow: hidden; position: relative; } .content.image h1, .content.image p{ color: #ffffff; font-weight: bold; } .content.image .wpcf7-submit{ color: #000000; background: #ffffff; } .content.image .wpcf7-text, .content.image .wpcf7-textarea{ border: none; color: #000000; font-weight: normal; } .no-padding-top{ padding-top: 0; } .background-fixed { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; will-change: transform; z-index: -1; background-size: cover; } .dark h1{ color: #9a9da3; } .new-homes .content.dark{ background: #e9ecee; } /** Carousel **/ .jcarousel-wrapper { position: relative; } .jcarousel { position: relative; overflow: hidden; } .jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { float: left; } /** Carousel Controls **/ .jcarousel-control-prev, .jcarousel-control-next { position: absolute; width: 100px; height: 50%; text-align: center; background: #ffffff; color: #afacad; text-decoration: none; font: 24px/27px Arial, sans-serif; font-size: 0; background-repeat: no-repeat; background-position: center center; background-size: auto 35%; } .first-homes .investment-house .jcarousel-control-prev, .first-homes .investment-house .jcarousel-control-next, .investment-homes .jcarousel-control-prev, .investment-homes .jcarousel-control-next, .new-homes .investment-house .jcarousel-control-prev, .new-homes .investment-house .jcarousel-control-next, .first-homes .jcarousel-control-prev, .first-homes .jcarousel-control-next, .investment-homes .jcarousel-control-prev, .investment-homes .jcarousel-control-next, .new-homes .jcarousel-control-prev, .new-homes .jcarousel-control-next{ background-color: #eff0f1; } .jcarousel-control-prev{ bottom: 0; background-image: url('img/left-arrow.png'); border-top: 1px solid #afacad; } .jcarousel-control-next{ top: 0; background-image: url('img/right-arrow.png'); border-bottom: 1px solid #afacad; } .first-homes .jcarousel-control-prev{ bottom: 0; background-image: url('img/first-left-arrow.png'); border-top: 1px solid #afacad; } .first-homes .jcarousel-control-next{ top: 0; background-image: url('img/first-right-arrow.png'); border-bottom: 1px solid #afacad; } .investment-homes .jcarousel-control-prev{ bottom: 0; background-image: url('img/investment-left-arrow.png'); border-top: 1px solid #afacad; } .investment-homes .jcarousel-control-next{ top: 0; background-image: url('img/investment-right-arrow.png'); border-bottom: 1px solid #afacad; } .new-homes .jcarousel-control-prev{ bottom: 0; background-image: url('img/new-left-arrow.png'); border-top: 1px solid #afacad; } .new-homes .jcarousel-control-next{ top: 0; background-image: url('img/new-right-arrow.png'); border-bottom: 1px solid #afacad; } .jcarousel-control-prev:hover, .jcarousel-control-next:hover { text-decoration: none; color: #000000; } .home .jcarousel-control-prev:hover{ background-image: url('img/left-arrow-hover.png'); } .home .jcarousel-control-next:hover{ background-image: url('img/right-arrow-hover.png'); } .first-homes .jcarousel-control-prev:hover, .first-homes .investment-house:hover .jcarousel-control-prev, .first-homes .house-slider .jcarousel:hover .jcarousel-control-prev, .first-homes .house-slider .jcarousel-control-prev{ background-image: url('img/first-left-arrow-hover.png'); } .first-homes .jcarousel-control-next:hover, .first-homes .investment-house:hover .jcarousel-control-next, .first-homes .house-slider .jcarousel:hover .jcarousel-control-next, .first-homes .house-slider .jcarousel-control-next{ background-image: url('img/first-right-arrow-hover.png'); } .investment-homes .jcarousel-control-prev:hover, .investment-homes .investment-house:hover .jcarousel-control-prev, .investment-homes .house-slider .jcarousel:hover .jcarousel-control-prev, .investment-homes .house-slider .jcarousel-control-prev{ background-image: url('img/investment-left-arrow-hover.png'); } .investment-homes .jcarousel-control-next:hover, .investment-homes .investment-house:hover .jcarousel-control-next, .investment-homes .house-slider .jcarousel:hover .jcarousel-control-next, .investment-homes .house-slider .jcarousel-control-next{ background-image: url('img/investment-right-arrow-hove.png'); } .new-homes .jcarousel-control-prev:hover, .new-homes .investment-house:hover .jcarousel-control-prev, .new-homes .house-slider .jcarousel:hover .jcarousel-control-prev, .new-homes .house-slider .jcarousel-control-prev{ background-image: url('img/new-left-arrow-hover.png'); } .new-homes .jcarousel-control-next:hover, .new-homes .investment-house:hover .jcarousel-control-next, .new-homes .house-slider .jcarousel:hover .jcarousel-control-next, .new-homes .house-slider .jcarousel-control-next{ background-image: url('img/new-right-arrow-hover.png'); } .first-homes .jcarousel-control-prev:hover, .first-homes .jcarousel-control-next:hover, .investment-homes .jcarousel-control-prev:hover, .investment-homes .jcarousel-control-next:hover{ background-color: #e0e2e4; } .new-homes .jcarousel-control-prev:hover, .new-homes .jcarousel-control-next:hover{ background-color: #e0e2e4; } .jcarousel-control-prev span, .jcarousel-control-next span { position: absolute; top: 50%; margin-top: -10px; line-height: 20px; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { cursor: default; } /** Carousel Pagination **/ .jcarousel-pagination { text-align: center; } .jcarousel-pagination a { text-decoration: none; display: inline-block; color: #4E443C; text-align: center; font-size: 0; line-height: normal; min-width: 0; background: #dad9d8; height: 10px; width: 10px; border-radius: 50%; opacity: 1; margin: 0 4px; padding: 0; border: 2px solid #dad9d8; } .jcarousel-pagination a.active, .jcarousel-pagination a.focus{ border: 2px solid #989695; height: 11px; width: 11px; position: relative; top: -1px; } .investment-homes .jcarousel-pagination a.active, investment-homes .jcarousel-pagination a.focus{ background: #ffffff; border-color: #67c4ab; } .new-homes .jcarousel-pagination a.active, .new-homes .jcarousel-pagination a.focus{ background: #ffffff; border-color: #6bc6e5; } /* Testimonials Carousel */ .testimonials-slider{ padding: 30px 0; } .testimonials-slider .jcarousel li{ max-width: 1110px; margin-top: 10px; } .investment-homes .testimonials-slider .jcarousel-pagination{ position: absolute; left: 0; right: 0; } /* News Carousel */ .news-slider .jcarousel{ width: 980px; height: 280px; margin-left: 100px; } .news-slider li{ width: 980px; height: 280px; } /* Rest of styles */ .wpcf7-form label{ display: none; } .wpcf7-text, .wpcf7-textarea{ margin-bottom: 5px; border: 2px solid #bbbbbc; padding: 8px 13px; width: 100%; } .wpcf7-submit, .investment-house a, a.read-more, a .read-more, .vfb-submit{ padding: 11px 13px 9px; min-width: 130px; background: #1d2528; color: #ffffff; font-weight: bold; border: none; text-align: center; display: inline-block; } .wpcf7-submit:hover, .investment-house a:hover, .read-more:hover, .vfb-submit:hover{ color: #ffffff; background: #000000; } .read-more{ background: #555555; } a .read-more{ background: #ffffff !important; color: #555555; } a .read-more:hover{ color: #555555; } .home main img{ margin-top: 50px; margin-bottom: 20px; } .single article{ margin-bottom: 100px; } .single article img{ margin: 5px 0; } .investment-house a:hover, .read-more:hover{ text-decoration: none; } .testimonials{ margin-top: 17px; } .testimonials-icon img{ position: absolute; top: -7px; margin-left: -15px; width: 38px; height: 38px; left: 50%; margin-left: -19px; } .testimonials-text{ overflow: auto; font-style: italic; font-weight: bold; text-align: center; } p.testimonials-name{ color: #787879; text-align: center; text-transform: uppercase; margin-bottom: 0; } .dotted-line{ display: inline-block; height: 6px; width: 100%; background: url('img/dotted-line-single.png'); background-repeat: repeat-x; } .footer-logo{ padding: 0 0 0 0; } address{ margin-bottom: 10px; } .news-slider li{ background: #000000; position: relative; } .news-slider img{ opacity: 0.5; width: auto; position: absolute; min-width: 100%; } .news-content{ position: absolute; top: 0; width: 100%; width: 980px; padding: 40px; z-index: 98; } .news-slider h2, .news-slider p{ color: #ffffff; } .news-slider h2{ font-weight: bold; margin-top: 0; font-size: 1.5em; } .investment-house .house-image-slider img{ width: auto; max-width: none; min-width: 100%; } .house-image-slider .jcarousel li{ height: 100%; overflow: hidden; max-width: none; width: auto; } .house-image-slider > p{ display: none; } .investment-house .house-image-slider .jcarousel-control-prev, .investment-house .house-image-slider .jcarousel-control-next, .single-house .house-slider .jcarousel-control-prev, .single-house .house-slider .jcarousel-control-next{ height: 100%; top: 0; border: none; opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; min-width: 100px; background-repeat: no-repeat; background-color: #dee0e2; background-size: 50% auto; } .investment-house .house-image-slider:hover .jcarousel-control-prev, .investment-house .house-image-slider:hover .jcarousel-control-next, .investment-house .house-image-slider .jcarousel-control-prev:hover, .investment-house .house-image-slider .jcarousel-control-next:hover, .single-house .house-slider:hover .jcarousel-control-prev, .single-house .house-slider:hover .jcarousel-control-next, .single-house .house-slider .jcarousel-control-prev:hover, .single-house .house-slider .jcarousel-control-next:hover{ opacity: 0.5; background-repeat: no-repeat; background-color: #dee0e2; } .investment-house .house-image-slider .jcarousel-control-prev, .single-house .house-slider .jcarousel-contyrol-prev, .single-house .house-slider .jcarousel-control-prev, .single-house .house-slider .jcarousel-contyrol-prev{ background-position: center center; } .investment-house .house-image-slider .jcarousel-control-next, .single-house .house-slider .jcarousel-control-next{ right: 0; background-position: center center; } .investment-house .house-image-slider .jcarousel-control-prev:hover, .investment-house .house-image-slider .jcarousel-control-next:hover, .single-house .house-slider .jcarousel-control-prev:hover, .single-house .house-slider .jcarousel-control-next:hover{ opacity: 0.9; background-repeat: no-repeat; } footer .menu{ margin-top: -5px; } .header-slider{ background: #ffffff; height: 739px; max-height: 600px; background-repeat: no-repeat; background-size: 100% auto; } .header-slider img{ width: 100%; } .header-slider .slide-container{ position: absolute; top: 0; width: 100%; } .header-slider li{ position: relative; display: inline-block; height: 1000px; background-repeat: no-repeat; background-size: 100% auto; } h1{ margin-top: 10px; } main h1:first-of-type{ margin-top: 0; } .new-homes footer h1, .first-homes footer h1, .investment-homes footer h1{ color: #ffffff; } .newsletter-signup-wrapper.content{ padding: 30px 0 0; } .newsletter-signup{ background: #58585a; color: #ffffff; padding-top: 1.5em; padding-bottom: 1.5em; } .newsletter-signup h1{ color: #ffffff; margin-top: 0; text-align: center; font-weight: normal; font-family: 'sourcesanspro', 'Helvetica', 'Verdana', 'Arial', sans-serif; margin-bottom: 0.1em; } .newsletter-signup .wpcf7-list-item{ display: inline-block; width: 100%; margin-left: 0; } .newsletter-signup .wpcf7-submit{ background: #bdbec0; font-weight: normal; } .newsletter-signup .newsletter-submit-wrapper{ text-align: right; } .newsletter-signup .wpcf7-submit:hover, .newsletter-signup .wpcf7-submit:active, .newsletter-signup .wpcf7-submit:focus{ background: #9d9e9e; } .newsletter-signup .wpcf7-form .wpcf7-checkbox{ display: inline-block; margin-top: 0.5em; } .newsletter-signup input.wpcf7-form-control.wpcf7-text{ color: #1d2528; margin-top: 0.5em; width: 100%; } .newsletter-signup-fields{ margin-top: -0.5em; } .newsletter-signup .newsletter-signup-column{ display: table-cell; vertical-align: middle; float: none; } .newsletter-signup-checkboxes p{ margin-bottom: 0; } .newsletter-signup div.wpcf7-mail-sent-ok{ border-color: #ffffff; text-align: center; } .newsletter-signup .wpcf7-form .wpcf7-checkbox label{ display: inline-block; position: relative; margin-bottom: 0.5em; } .newsletter-signup .wpcf7-form .wpcf7-checkbox label input{ display: none; } .newsletter-signup .wpcf7-checkbox label span{ vertical-align: middle; font-weight: normal; } .newsletter-signup .wpcf7-form .wpcf7-checkbox label:before{ content: ''; display: inline-block; height: 20px; width: 20px; background: #ffffff; border: 1px solid #ffffff; vertical-align: middle; margin-right: 0.5em; } .newsletter-signup .wpcf7-form .wpcf7-checkbox .wpcf7-list-item:nth-of-type(1) label:before{ border-color: #b2d13e; } .newsletter-signup .wpcf7-form .wpcf7-checkbox .wpcf7-list-item:nth-of-type(2) label:before{ border-color: #67c4ab; } .newsletter-signup .wpcf7-form .wpcf7-checkbox .wpcf7-list-item:nth-of-type(3) label:before{ border-color: #6bc6e5; } .newsletter-signup .wpcf7-form .wpcf7-checkbox label input:checked + span:before{ content: ''; display: inline-block; position: absolute; color: #1d2528; left: 0; width: 1.3em; height: 1.3em; background: url('img/tick.png'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; text-align: center; border: 1px solid rgba(255,255,255,0); top: 1px; } .under-footer{ background: #58585a; color: #ffffff; font-weight: bold; text-align: center; } .under-footer ul{ list-style-type: none; padding-left: 0; margin: 1.1em 0 0.9em; } .under-footer li{ display: inline-block; padding: 0 20px; font-size: 1.3em; } .under-footer a{ color: #ffffff; } .news-date{ font-size: 1.5em; text-align: right; margin: 0; } .link-to-all-content-wrapper.content{ padding-top: 20px; } .link-to-all-content-wrapper .link-to-all a{ margin-top: 0; } .link-to-all{ text-align: center; } .link-to-all a{ color: #ffffff; width: auto; display: inline-block; padding: 0.95em 1.5em 0.75em; text-align: center; margin-top: 0.75em; line-height: 1; font-size: 1.5em; background: #cccccc; -webkit-transition: all 0.1s; transition: all 0.1s; } .link-to-all a:hover, .link-to-all a:focus, .link-to-all a:active{ color: #ffffff; } .first-homes .link-to-all a{ background: #b2d13e; } .investment-homes .link-to-all a{ background: #67c4ab; } .first-homes .link-to-all a:hover, .first-homes .link-to-all a:focus, .first-homes .link-to-all a:active{ background: #7caf0f; } .investment-homes .link-to-all a:hover, .investment-homes .link-to-all a:focus, .investment-homes .link-to-all a:active{ background: #2a9773; } .news-content .dotted-line{ background: url('img/dotted-line-single-light.png'); } h2, .h2, .sidebar h3{ font-size: 1.5em; text-transform: uppercase; } h2{ margin-top: 40px; } .h2{ margin-top: 0; } .sidebar h3{ font-weight: bold; } a.home-link{ background: #AFADAE; color: #ffffff; border-radius: 50%; height: 50px; width: 50px; text-align: center; line-height: 54px; display: inline-block; font-size: 2em; margin-top: -25px; } .home-link:hover{ color: #ffffff; } .home-link-wrapper{ position: absolute; z-index: 99; left: 0; right: 0; } .no-results{ margin: 0; padding-top: 30px; } #menu-item-80, #menu-item-162, #menu-item-158, #menu-item-168{ font-weight: bold; font-size: 15px; } .vertical-middle-wrapper{ position: relative; } .vertical-middle{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } footer .vertical-middle.bottom-right{ right: 0; } .testimonials-section{ margin-top: -10px; padding: 0 15px; } .investment-house .excerpt{ max-height: 120px; min-height: 120px; overflow: hidden; } .house-gallery-all .investment-house .excerpt{ max-height: none; min-height: 270px; height: 270px; } .house-gallery-all .house-image-slider{ height: 495.33px; } .house-gallery-all .investment-house .house-sticker img, .house-gallery-all .investment-house a img{ position: relative; } .eligibility img{ position: absolute; max-width: 300px; top: -100px; right: 0; } .news-slider > p{ display: none; } .how-we-can-help > div{ position: relative; } #how-we-can-help-link{ position: absolute; display: inline-block; height: 30%; width: 21%; top: 70px; right: 21%; } #investment-process-link{ position: absolute; display: inline-block; height: 31%; width: 21%; margin-top: 65px; top: 29%; right: 15.5%; } #form_success{ text-transform: none; } .light{ font-weight: normal; } .single-house .content h1, .single-house .content h2{ text-transform: none; } .house-slider ul{ list-style-type: none; margin: 0; padding: 0; } .house-slider li{ display: inline; overflow: hidden; } .house-slider{ width: 100%; } .house-main{ height: 550px; display: inline-block; width: 100%; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; } .house-thumbs img{ cursor: pointer; cursor: hand; } .house-thumbs li{ max-width: 10.8%; margin: 0.2%; display: inline-block; max-height: 67px; min-height: 67px; overflow: hidden; opacity: 0.5; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .house-thumbs li img{ height: 67px; width: 100%; } .house-thumbs li:hover, .house-thumbs li.active{ opacity: 1; } .single-house .price{ font-size: 2.1em; font-weight: bold; } .single-house h2{ margin: 20px 0 25px; } .single-house .house-image-slider{ height: auto; } .house-icons{ display: inline-block; width: 18%; text-align: center; vertical-align: text-top; float: right; } .house-icons img{ max-width: 60px; margin-bottom: 5px; } .house-icons span{ display: block; } .top-gallery h1{ margin-bottom: 15px; } .investment-house.sold .more-info, .investment-house.coming.soon .more-info{ display: none; } .house-sticker{ display: inline-block; } .house-gallery .investment-house.sold > div > div{ max-height: 271px; min-height: 271px; } .investment-house.coming.soon .excerpt{ max-height: none; } .investment-house.sold .house-sticker, .investment-house.coming.soon .house-sticker{ background: #000000 !important; position: relative; width: 100%; max-width: 100%; } .investment-house.available .house-sticker, .single-house .house-sticker{ position: relative; width: 100%; max-width: 100%; } .investment-house.sold .house-sticker img, .investment-house.coming.soon .house-sticker img{ opacity: 0.8; } .investment-house.sold .house-sticker:after{ content: ""; display: inline-block; background: url('img/sold-sticker.png'); width: 150px; height: 150px; position: absolute; top: 0; left: 0; background-size: 100% auto; background-repeat: no-repeat; } .investment-house.coming.soon .house-sticker:after{ content: ""; display: inline-block; background: url('img/coming-soon-sticker.png'); width: 150px; height: 150px; position: absolute; top: 0; left: 0; background-size: 100% auto; background-repeat: no-repeat; } .investment-house.available .house-sticker:after, .single-house .house-sticker:after{ content: ""; display: inline-block; background: url('img/blank-sticker.png'); width: 150px; height: 150px; position: absolute; top: 0; left: 0; background-size: 100% auto; background-repeat: no-repeat; display: none !important; } .news-link{ display: inline-block; height: 100%; } .content.dark.aboutus-main-image{ padding: 0; background-color: #f2f3f5; } .aboutus-content{ border-left: none; margin-left: 0; padding-left: 0; padding-bottom: 62px; } .first-homes .aboutus-content{ border-color: #b2d13e; } .about-us h2{ font-weight: normal; } .aboutus-content h2{ position: relative; font-weight: normal; text-transform: none; background: none; display: inline-block; padding-bottom: 0; font-size: 2em; } .aboutus-content h2:after{ display: none; } .before-eligibility{ padding-bottom: 50px; } .after-eligibility{ padding-top: 100px; } .first-homes .aboutus-content h2:after{ background: url('img/first_faq_bullet.jpg'); background-size: 100% auto; background-position: left top; background-repeat: no-repeat; } .investment-house .house-sticker img, .investment-house a img{ max-height: 197px; width: 100%; } .investment-house .from-deposit, .single-house .from-deposit{ display: inline-block; position: absolute; top: 20px; left: -5px; z-index: 99; color: #ffffff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 1em; max-width: 110px; text-align: center; line-height: 1; text-transform: uppercase; margin-bottom: 0; } .investment-house .from-deposit span, .single-house .from-deposit span{ font-size: 2em; width: 100%; display: inline-block; } .halo-logo{ display: none; } .page-id-402 .content.eligibility, .page-id-402 .content.news{ display: none; } /* elgibility form */ .visual-form-builder fieldset{ clear: none; background: none; border: none; } .vfb-section-div{ background: none; padding: 0; width: 100%; } .visual-form-builder fieldset.other, .visual-form-builder fieldset.verification{ clear: both; padding-top: 50px; } .visual-form-builder .vfb-legend{ padding: 0; } .visual-form-builder .vfb-legend, .visual-form-builder ul{ margin: 0 28px 0 0 !important; } .visual-form-builder .vfb-section-div h4{ border: none; text-transform: uppercase; font-weight: bold; margin-top: 50px !important; } .visual-form-builder ul li{ padding-left: 0 !important; } .visual-form-builder li.vfb-left-half{ float: left; clear: none; width: 20% !important; } .visual-form-builder .applicant li.vfb-left-half, .visual-form-builder .co-applicant li.vfb-left-half{ width: 30% !important; } .visual-form-builder .vfb-section-div.sub h4{ font-size: 14px; margin-top: 0 !important; text-transform: none; color: #000000; } #eligibility-form-1 .vfb-text, #eligibility-form-1 .vfb-select, #eligibility-form-1 .vfb-textarea{ background-color: #ffffff; border-radius: 0; box-shadow: none; border-color: #cccccc; } #eligibility-form-1 .vfb-text, #eligibility-form-1 .vfb-select{ padding: 2px 6px; line-height: 24px; height: 30px; } #eligibility-form-1 .vfb-textarea{ padding: 6px; line-height: 17px; } .visual-form-builder li.vfb-left-two-thirds, .visual-form-builder li.vfb-right-two-thirds{ width: 50% !important; } .visual-form-builder li.vfb-right-half, .visual-form-builder li.vfb-right-third, .visual-form-builder li.vfb-right-two-thirds{ float: left; } .visual-form-builder .savings-section{ margin-bottom: 0; } #savings-calc{ font-weight: bold; color: #b2d13e; font-size: 20px; } .confirmation-wrapper{ position: fixed; z-index: 99; height: 100%; width: 100%; background: rgba(0,0,0,0.5); display: inline-block; top: 0; left: 0; display: none; } .confirmation{ background: #ffffff; padding: 50px 0; top: 50%; position: absolute; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .confirmation .read-more{ margin-top: 20px; } .confirmation .loader{ text-align: center; } /* article archive */ .archive .date{ width: 90px; text-align: center; display: inline-block; border-right: 2px solid #e0e2e4; position: absolute; top: 22px; left: 22px; padding-right: 10px; } .archive .date .day{ display: block; font-size: 38px; } .archive article{ width: 50%; } .archive article .article-inner{ background: #f2f4f5; padding: 22px; margin-bottom: 60px; position: relative; min-height: 134px; } .archive article h1{ margin-left: 110px; } .archive .article-content{ margin-left: 110px; } .archive .article-content h2, .archive .article-content h3{ color: #000000; } .archive article.even{ float: left; clear: both; } .archive article.odd{ float: right; } .archive article.even .article-inner{ margin-right: 30px; } .archive article.odd .article-inner{ margin-left: 30px; } .news-line{ position: absolute; width: 4px; height: 100%; background: #e0e2e4; top: 0px; left: 50%; overflow: hidden; margin-left: -2px; display: inline-block; } .news-circle{ position: absolute; top: 10%; left: 100%; width: 12px; height: 12px; margin: -3px 0 0 20px; border: 5px solid #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; background-color: #000000; z-index: 99; } .odd .news-circle{ left: auto; right: 100%; top: 60%; margin: -3px 20px 0 0; } .news-triangle{ position: absolute; top: 10%; left: 100%; width: 11px; height: 16px; background: url('img/triangle.png') 0 0 no-repeat; } .odd .news-triangle{ left: auto; right: 100%; top: 60%; margin: 0; background-position: right 0; } .related .read-more{ margin: 2px 1px; text-align: left; min-width: 0; } .related .read-more.all{ text-align: center; min-width: 130px; } .no-listing-text{ margin: 30px 15px 0; display: inline-block; } .footer-col-one, .footer-col-two, .footer-col-three{ float: none; display: table-cell; vertical-align: middle; } .footer-col-two{ text-align: center; } .footer-col-three{ text-align: right; } .find-us-on-fb{ position: static; top: 50%; left: 100%; width: 100px; margin-top: -14px; max-width: 100px; display: inline-block; margin-left: 1em; } .bottom-right .find-us-on-fb img{ max-width: 100%; } .bottom-right .textwidget{ position: relative; } .popup{ position: fixed; top: 50%; text-align: center; width: 100%; left: 0; right: 0; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .popup .newsletter-signup{ position: relative; text-align: left; padding-top: 4.5em; padding-bottom: 4.5em; } .popup .newsletter-popup .container{ max-width: 800px; } .popup-close{ position: absolute; top: 1em; right: 1em; height: 2em; width: 2em; line-height: 2em; text-align: center; } .popup-close a{ width: 100%; height: 2em; color: #1d2528; display: inline-block; background: #ffffff; -webkit-transition: all 0.2s; transition: all 0.2s; } .popup-close a:hover, .popup-close a:focus, .popup-close a:active{ color: #1d2528; background: #cccccc; } .popup-close a i{ position: relative; top: 0.1em; } body .house-image-slider.jcarousel-wrapper, body .house-image-slider.jcarousel-wrapper img{ height: 495.33px; max-height: none; } .house-slider.jcarousel-wrapper{ overflow: hidden; height: 600px; } .house-slider.jcarousel-wrapper img{ max-width: none; position: relative; } #text-2, #text-2 a{ color: #ffffff; font-weight: bold; font-size: 1.2em; text-align: right; } #text-2 a{ font-size: 1; } footer .menu li{ display: inline-block; padding: 0 4%; } .single-article .date{ margin-bottom: 20px; display: inline-block; } /*-- Responsive --*/ @media only screen and (max-width:1400px) { .bottom-right{ text-align: center; padding: 0; } .find-us-on-fb{ position: static; } .find-us-on-fb img{ margin-top: 0.4em; } } @media only screen and (max-width:1200px) { .news-slider .jcarousel, .news-slider li, .news-content{ width: 780px; } .news-content{ max-height: 100%; overflow: hidden; } .news-text{ max-height: 80%; overflow: hidden; } .wpcf7-submit, .investment-house a, .vfb-submit{ min-width: 100px; } .home-link{ left: 36px; } .investment-house .excerpt{ max-height: 160px; min-height: 160px; } .investment-house > div > div{ max-height: 384px; min-height: 384px; } .investment-house.sold .house-sticker, .investment-house.coming.soon .house-sticker, .investment-house.available .house-sticker, .single-house .house-sticker{ overflow: hidden; } .house-gallery-all .investment-house a img{ width: auto; max-width: none; } .house-gallery-all .investment-house .house-sticker img{ max-width: 100%; width: 100%; } .header-slider li{ width: 1200px; } .home-link-wrapper{ margin: 0 0 0 8px; width: 100%; padding: 0; } .home-link-wrapper div{ padding: 0; } #eligibility-form-1 .vfb-text, #eligibility-form-1 .vfb-select{ width: 100%; } footer .menu li{ padding: 0 3%; } } @media only screen and (max-width:992px) { .find-us-on-fb{ margin-left: 0; margin-top: 1em; width: 100%; } #menu-home-menu{ margin-left: -349px; } #menu-home-menu li{ height: 200px; width: 200px; margin: 0 15px; } #menu-home-menu li a{ height: 200px; background-size: 150px auto; } #menu-investment-homes-menu, #menu-new-homes-menu, #menu-first-homes-menu{ margin-left: -330px; } #menu-investment-homes-menu li, #menu-new-homes-menu li, #menu-first-homes-menu li{ margin: 0 15px; width: 130px; height: 130px; top: -68px; } .news-slider .jcarousel, .news-slider li, .news-content{ width: 590px; } .jcarousel-control-prev, .jcarousel-control-next{ width: 70px; } .news-slider .jcarousel{ margin-left: 70px; height: 250px; } .news-slider li{ height: 250px; } .news-date{ font-size: 1em; } .news-content{ padding: 20px; } h1{ font-size: 1.5em; } .header-image h1{ font-size: 3em; margin-top: 70px; } .why-buy div div{ padding: 0 20px; } .house-gallery-all .investment-house .photo{ padding: 0; } .investment-house .excerpt{ min-height: 0; max-height: none; } .investment-house > div > div{ min-height: 364px; max-height: 364px; } .investment-house:first-of-type > div > div{ min-height: 0; } .newsletter-signup .wpcf7-text{ max-width: 200px; } .footer-logo{ padding: 15px; } #menu-investment-homes-menu li a, #menu-new-homes-menu li a, #menu-first-homes-menu li a{ font-size: 1.2em; margin-top: -20px; } .single article{ margin-bottom: 50px; } .archive article .article-inner{ padding: 10px; } .archive article h1, .archive .article-content{ margin-left: 85px; } .archive .date{ width: 75px; top: 10px; left: 10px; } .article-inner h1{ font-size: 2.2em; } .investment-house .house-image-slider .jcarousel-control-prev, .investment-house .house-image-slider .jcarousel-control-next, .single-house .house-slider .jcarousel-control-prev, .single-house .house-slider .jcarousel-control-next{ opacity: 0.5; background-repeat: no-repeat; background-color: #dee0e2; min-width: 50px; } .investment-homes .house-image-slider.jcarousel-wrapper .jcarousel-control-prev, .investment-homes .house-slider.jcarousel-wrapper .jcarousel-control-prev{ background-image: url('img/investment-left-arrow-hover.png'); } .investment-homes .house-image-slider.jcarousel-wrapper .jcarousel-control-next, .investment-homes .house-slider.jcarousel-wrapper .jcarousel-control-next{ background-image: url('img/investment-right-arrow-hove.png'); } .new-homes .house-image-slider.jcarousel-wrapper .jcarousel-control-prev, .new-homes .house-slider.jcarousel-wrapper .jcarousel-control-prev{ background-image: url('img/new-left-arrow-hover.png'); } .new-homes .house-image-slider.jcarousel-wrapper .jcarousel-control-next, .new-homes .house-slider.jcarousel-wrapper .jcarousel-control-next{ background-image: url('img/new-right-arrow-hover.png'); } .first-homes .house-image-slider.jcarousel-wrapper .jcarousel-control-prev, .first-homes .house-slider.jcarousel-wrapper .jcarousel-control-prev{ background-image: url('img/first-left-arrow-hover.png'); } .first-homes .house-image-slider.jcarousel-wrapper .jcarousel-control-next, .first-homes .house-slider.jcarousel-wrapper .jcarousel-control-next{ background-image: url('img/first-right-arrow-hover.png'); } .house-icons{ width: 25%; margin: 20px 0; } .house-main{ height: 450px; } .header-slider li{ width: 992px; } .content .newsletter-signup h1 { margin: 10px 0 0; } .content .container .newsletter-signup{ padding-top: 20px; padding-bottom: 20px; } .content .container .eligibility .newsletter-signup{ text-align: left; } .newsletter-signup form{ float: none; } .newsletter-signup > div{ padding-top: 0; padding-bottom: 0; } .newsletter-signup .wpcf7-text{ margin-right: 0; width: 100%; max-width: none; margin-top: 10px; } .investment-house .house-sticker img, .investment-house a img{ max-height: none; } body .house-gallery-all .investment-house .photo, body .house-image-slider.jcarousel-wrapper, body .house-image-slider.jcarousel-wrapper img{ height: auto; max-height: none; } .house-slider.jcarousel-wrapper{ height: 400px; } footer .menu li{ padding: 0 1%; } .eligibility img{ max-width: 200px; top: -80px; } } @media only screen and (max-width:767px) { .find-us-on-fb{ position: static; display: inline-block; width: 100%; margin-top: 1em; max-width: 100%; } .footer-col-one, .footer-col-two, .footer-col-three{ display: inline-block; width: 100%; } .bottom-right .find-us-on-fb img{ max-width: 100px; } .content .newsletter-signup h1{ line-height: 1.1; text-align: left; padding: 0 30px; } .newsletter-signup .newsletter-signup-column{ display: inline-block; } .newsletter-signup .newsletter-signup-column{ padding-bottom: 0; width: 100%; } .content .container .newsletter-signup{ padding-top: 1.5em; padding-bottom: 2em; } .newsletter-signup .newsletter-submit-wrapper{ text-align: left; } .vertical-middle{ position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .testimonials-slider{ padding: 20px 0 10px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-top: 20px; padding-bottom: 20px; } .jcarousel-control-prev, .jcarousel-control-next{ width: 50px; } .news-slider .jcarousel{ margin-left: 50px; height: 200px; } .news-slider li{ height: 200px; } .news-slider .jcarousel, .news-slider li, .news-content{ width: 610px; } .jcarousel-wrapper{ overflow: hidden; } .news-slider .jcarousel{ width: 100%; } .news-content{ line-height: 1; padding: 10px; } .why-buy div div{ padding: 20px; } #available div, .col-xs-12 .col-xs-12{ padding-top: 0; padding-bottom: 0; } .content{ padding: 15px 0; } footer{ padding: 20px 15px; text-align: center; } .footer-logo{ padding: 0 30px; max-width: 200px; } .testimonials-section{ text-align: center; } .testimonials-section img{ max-width: 200px; } .news-slider .dotted-line{ display: none; } #menu-investment-homes-menu, #menu-new-homes-menu, #menu-first-homes-menu{ margin-left: -165px; } #menu-investment-homes-menu li, #menu-new-homes-menu li, #menu-first-homes-menu li{ width: 70px; height: 70px; top: -36px; margin: 0 5px; } .home-link{ left: 50%; margin-left: -25px; position: absolute; margin-top: -110px; } .single-house .home-link{ margin-top: -105px; } .investment-homes .home-link, .first-homes .home-link, .new-homes .home-link{ margin-top: -80px; } .home-link-wrapper{ margin: 0; } #menu-home-menu{ margin-left: -165px; } #menu-home-menu li{ width: 100px; height: 100px; top: -55px; margin: 0 3px; border-width: 5px; } #menu-home-menu li a{ height: 110px; background-size: 80px auto; } .header-image{ border-width: 5px; } .nav{ display: none; } .header-slider .jcarousel li{ overflow: hidden; } .header-image h1{ font-size: 2.2em; } #menu-investment-homes-menu li a, #menu-new-homes-menu li a, #menu-first-homes-menu li a{ font-size: 0.7em; margin-top: -10px; } .investment-house > div > div{ max-height: none; min-height: 0; } .single article{ margin-bottom: 0; } .article-inner h1{ font-size: 2em; } .house-main{ height: 400px; } .house-icons{ margin: 0 0 20px; } .house-icons img{ max-width: 40px; } #how-we-can-help-link{ height: 10%; width: 100%; top: 21%; right: 0; margin-top: 8em; } #investment-process-link{ height: 10%; width: 100%; top: 30.6%; right: 0; margin-top: 8em; } .background-fixed{ background: none; display: none; } .content.image{ background-color: #111111; } .visual-form-builder fieldset.co-applicant{ padding-top: 50px; } input.vfb-medium, input[type="text"].vfb-medium, input[type="tel"].vfb-medium, input[type="email"].vfb-medium, input[type="url"].vfb-medium, select.vfb-medium{ width: 100%; } .visual-form-builder li.vfb-left-two-thirds, .visual-form-builder li.vfb-right-two-thirds, .visual-form-builder li.vfb-left-third, .visual-form-builder li.vfb-middle-third, .visual-form-builder li.vfb-right-third{ width: 100% !important; } .visual-form-builder li.vfb-left-half{ width: 100% !important; clear: both; } .header-slider li{ width: 768px; } .thumbnail-gallery{ display: none; } .top-gallery, .top-gallery div{ padding-bottom: 0; } .testimonials-section{ padding: 0; } .home main{ text-align: center; } .investment-house .house-image-slider .jcarousel-control-prev, .investment-house .house-image-slider .jcarousel-control-next, .single-house .house-slider .jcarousel-control-prev, .single-house .house-slider .jcarousel-control-next{ opacity: 0; } .house-slider.jcarousel-wrapper{ height: 200px; } .news-slider img{ min-width: 100%; min-height: 100%; width: 100%; height: auto; } .archive article{ float: none; width: 100%; } .news-line, .news-circle, .news-triangle{ display: none; } .archive .content article .article-inner{ margin: 0 0 30px; padding: 15px; } .archive .date{ top: 15px; left: 15px; } footer .menu li{ width: 100%; } .content .container .eligibility .newsletter-signup{ text-align: center; } #text-2{ text-align: center; } .content.image{ background-size: 100% auto; } .house-gallery-all .investment-house .excerpt{ min-height: 0; height: auto; } } @media only screen and (min-width:768px) { .content.image{ background: none !important; } } @media only screen and (max-width:500px) { .header-image h1{ margin-left: 0; text-align: center; margin-top: 80px; } .header-slider img{ max-width: none; width: 200%; } .header-image .halo-logo{ display: inline; position: absolute; top: -150px; width: 319px; left: 50%; margin-left: -160px; } .aboutus-content h2:after{ width: 40px; left: -50px; top: 0; } .aboutus-content{ padding-left: 50px; border-width: 3px; padding-bottom: 51px; margin-left: 0; } .house-main{ height: 250px; } .house-icons{ width: 50%; margin-bottom: 10px; } .third-icon{ clear: both; } .single-house h2{ margin-bottom: 0; } .investment-house.sold .house-sticker:after, .investment-house.coming.soon .house-sticker:after, .investment-house.available .house-sticker:after, .single-house .house-sticker:after{ background-size: auto 100%; max-height: 100%; } .investment-house .from-deposit span, .single-house .from-deposit span{ font-size: 1.5em; } .header-slider li{ width: 500px; } .news-slider img{ min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none; max-height: 100%; } } @media only screen and (max-width:370px) { .investment-house .from-deposit{ top: 15px; left: -15px; } #menu-home-menu{ margin-left: -119px; } #menu-home-menu li{ width: 70px; height: 70px; top: -37px; margin: 0 3px; border-width: 5px; } #menu-home-menu li a{ height: 80px; background-size: 50px auto; } .investment-homes nav.navbar.navbar-default, .new-homes nav.navbar.navbar-default, .first-homes nav.navbar.navbar-default{ height: auto; } #menu-investment-homes-menu li a, #menu-new-homes-menu li a, #menu-first-homes-menu li a{ line-height: 1; width: 100%; position: static; height: auto; padding: 10px 0; font-size: 1.5em; margin-top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #menu-investment-homes-menu li, #menu-new-homes-menu li, #menu-first-homes-menu li{ width: 100%; height: auto; position: static; border-radius: 0; background: none; margin: 0; } #menu-investment-homes-menu li.hover, #menu-new-homes-menu li.hover, #menu-first-homes-menu li.hover{ background: none; } #menu-investment-homes-menu, #menu-new-homes-menu, #menu-first-homes-menu, #menu-home-menu{ width: 100%; margin-left: 0; position: static; margin-top: 20px; } .home-link{ margin-top: -70px; } #menu-home-menu li{ width: 100%; height: auto; position: static; margin: 0; border-radius: 0; border: none; } #menu-home-menu li a{ width: 100%; position: static; height: 90px; padding: 0; background-size: 60% auto; } .related .read-more{ width: 100%; } .house-main{ height: 180px; } .header-slider li{ width: 370px; } .archive .date{ font-size: 10px; width: 55px; padding-right: 5px; } .archive article h1, .archive .article-content{ margin-left: 63px; } .archive article h1{ font-size: 1.6em; } .archive .col-xs-12{ padding-right: 0; padding-left: 0; } .investment-homes .home-link, .first-homes .home-link, .new-homes .home-link{ margin-top: -25px; } } @media only screen and (max-width:320px) { } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { }