/*
Theme Name: Living
Theme URI: http://underscores.me/
Author: Living Realty
Author URI: http://www.livingrealty.com
Description: A theme for the Living Realty corporate website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: living
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Living is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Accessibility
# Alignments
# Custom CSS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. red the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/
@font-face {
font-family: freighttextprobold;
src: url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextprobold.woff2) format("woff2"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextprobold.woff) format("woff"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextprobold.ttf) format("truetype"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextprobold.svg#freighttextprobold) format("svg")
}
@font-face {
font-family: freighttextpromedium;
src: url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextpromedium.woff2) format("woff2"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextpromedium.woff) format("woff"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextpromedium.ttf) format("truetype"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextpromedium.svg#freighttextpromedium) format("svg")
}
@font-face {
font-family: freighttextpromediumitalic;
src: url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextpromediumitalic.woff2) format("woff2"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextpromediumitalic.woff) format("woff"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextpromediumitalic.ttf) format("truetype"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/freighttextpro/freighttextpromediumitalic.svg#freighttextpromediumitalic) format("svg")
}
@font-face {
font-family: ProximaNovaRegular;
src: url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaRegular.woff2) format("woff2"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaRegular.woff) format("woff"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaRegular.ttf) format("truetype"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaRegular.svg#ProximaNovaRegular) format("svg")
}
@font-face {
font-family: ProximaNovaRegularItalic;
src: url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaRegularItalic.woff2) format("woff2"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaRegularItalic.woff) format("woff"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaRegularItalic.ttf) format("truetype"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaRegularItalic.svg#ProximaNovaRegularItalic) format("svg")
}
@font-face {
font-family: ProximaNovaBold;
src: url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaBold.woff2) format("woff2"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaBold.woff) format("woff"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaBold.ttf) format("truetype"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaBold.svg#ProximaNovaBold) format("svg")
}
@font-face {
font-family: ProximaNovaBoldItalic;
src: url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaBoldItalic.woff2) format("woff2"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaBoldItalic.woff) format("woff"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaBoldItalic.ttf) format("truetype"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaBoldItalic.svg#ProximaNovaBoldItalic) format("svg")
}
@font-face {
font-family: ProximaNovaSemibold;
src: url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaSemibold.woff2) format("woff2"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaSemibold.woff) format("woff"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaSemibold.ttf) format("truetype"), url(https://www.livingrealty.com/wp-content/themes/living/assets/fonts/ProximaNova/ProximaNovaSemibold.svg#ProximaNovaSemibold) format("svg")
}
html {
scroll-behavior: smooth;
}
body {
overflow-x: hidden;
font-size: 17px;
font-family: ProximaNovaRegular;
font-weight: 400;
line-height: 1.67;
background: #f6f5f5;
color: #4a4a4a;
-webkit-tap-highlight-color: #d53636;
}
p {
line-height: 1.75; }
a {
color: #d53636;
}
a:hover {
color: #d53636;
}
.buying-title a, .buying-title a:hover {color: #FFF; text-decoration: underline;}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
hr {
height: 1px;
border: none;
background: #e6e6e6;
margin: 20px 0;
}
img {
max-width: 100%;
width: auto;
height: auto;
}
img::selection {
background: transparent; }
img::-moz-selection {
background: transparent; }
/* Buttons
========================================= */
.btn,
.caldera-grid .btn {
font-weight: 700;
border-radius: 100px;
}
.btn-xl,
.caldera-grid .btn.btn-xl {
font-size: 18px;
padding: 20px 40px;
}
.btn-hero {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.btn-hero:active, .btn-hero:focus, .btn-hero:hover {
background-color: #fff;
border-color: #fff;
color: #4a4a4a;
outline: none !important;
box-shadow: none;
}
.btn-danger,
.caldera-grid .btn.btn-danger {
background-color: transparent;
border-color: #d53636;
color: #d53636;
}
.btn-danger:active, .btn-danger:focus, .btn-danger:hover,
.caldera-grid .btn.btn-danger:active, .caldera-grid .btn.btn-danger:focus, .caldera-grid .btn.btn-danger:hover {
background-color: #d53636;
border-color: #fff;
color: white;
outline: none !important;
box-shadow: none;
}
.caldera-grid .btn.btn-danger,
.caldera-grid .btn.btn-red {
border-radius: 100px;
}
.btn-red,
.caldera-grid .btn.btn-red {
background-color: #d53636;
border-color: #d53636;
color: #fff;
}
.btn-red:active, .btn-red:focus, .btn-red:hover,
.caldera-grid .btn.btn-red:active, .caldera-grid .btn.btn-red:focus, .caldera-grid .btn.btn-red:hover {
background-color: #bf3030;
color: #fff;
outline: none !important;
box-shadow: none;
}
.btn-agcont {
background-color: #8DAA91;
border-color: #8DAA91;
color: #fff;
}
.btn-agcont:active, .btn-agcont:focus, .btn-agcont:hover {
background-color: #6c9071;
color: #fff;
outline: none !important;
box-shadow: none;
}
.btn-red-sec,
.caldera-grid .btn.btn-red-sec {
background-color: transparent;
border-color: #fff;
color: white;
border-radius: 100px;
}
.listing-btn {
margin-bottom: 5px;
}
.listing-social .fa {
font-size: 20px;
padding: 15px 0;
height: 50px;
width: 50px;
color: #fff;
border-radius: 50%;
text-align: center;
text-decoration: none;
}
.listing-social .fa-facebook {
background-color: #3b5998;
border-color: #3b5998;
}
.listing-social .fa-twitter {
background-color: #00aced;
border-color: #00aced;
}
.listing-social .fa-linkedin {
background-color: #0077b5;
border-color: #0077b5;
}
.listing-social .fa-google {
background-color: #d34836;
border-color: #d34836;
}
.listing-social .fa:active, .listing-social .fa:focus, .listing-social .fa:hover {
opacity: 0.9;
color: #fff;
outline: none !important;
box-shadow: none;
}
.btn-footer {
color: #fafafa;
font-size: 13px;
line-height: 14px;
border: 1px solid #797979;
border-radius: 50px;
height: 28px;
margin: 13px 0 21px;
font-weight: 400;
}
.btn-footer:active, .btn-footer:focus, .btn-footer:hover {
border-color: #ffffff;
color: #ffffff;
outline: none !important;
box-shadow: none;
}
.btn-red-sec:active, .btn-red-sec:focus, .btn-red-sec:hover {
background-color: #fff !important;
border-color: #fff;
color: #d53636;
outline: none !important;
box-shadow: none;
}
.btn-sectop {
background-color: transparent;
border-color: #fff;
color: white;
font-family: ProximaNovaRegular;
}
.btn-sectop:active, .btn-sectop:focus, .btn-sectop:hover {
background-color: #fff;
border-color: #fff;
color: #d43939;
outline: none !important;
box-shadow: none;
}
.btn-view-all,
.caldera-grid .btn.btn-view-all,
.btn-view-all-right {
padding: 17px 31px 15px;
outline: none;
background: transparent;
color: #797979;
border: 1px solid #797979;
border-radius: 7px;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
margin-top: 5px;
}
.btn-view-all-right {
float: right;
}
.btn-view-all:active, .btn-view-all:focus, .btn-view-all:hover,
.btn-view-all-right:active, .btn-view-all-right:focus, .btn-view-all-right:hover,
.caldera-grid .btn.btn-view-all:active, .caldera-grid .btn.btn-view-all:focus, .caldera-grid .btn.btn-view-all:hover {
background: #797979 !important;
color: #ffffff;
outline: none !important;
box-shadow: none;
}
/* Site Navigation
========================================= */
#mainNav .navbar-toggler {
font-size: 10px;
right: 0;
padding: 4px 0;
text-transform: uppercase;
color: #ffffff;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
border-left: none;
border-right: none;
background-color: transparent;
border-radius: 0;
font-family: ProximaNovaRegular;
cursor: pointer;
}
#mainNav.innerNav .navbar-toggler,
#mainNav.listingNav .navbar-toggler {
color: #797979;
border-bottom: 2px solid #797979;
border-top: 2px solid #797979;
}
#mainNav .navbar-brand.active,
#mainNav .navbar-brand:active,
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
text-decoration: none;
}
#mainNav .navbar-nav .menu-item a {
font-size: 18px;
font-family: ProximaNovaSemibold;
padding: 0.75em 0;
color: white;
display: inline-block;
position: relative;
text-decoration: none;
}
#mainNav.innerNav .navbar-nav .menu-item a {
color: #797979
}
#mainNav.listingNav .navbar-nav .menu-item a {
text-shadow: 2px 2px #000;
}
#mainNav.listingNav.navbar-shrink .navbar-nav .menu-item a {
text-shadow: 0px 0px;
}
#mainNav.navbar-shrink .navbar-nav .menu-item a {
color: #797979;
}
#mainNav .navbar-nav .menu-item a::before {
background-color: #d53636;
content: '';
height: 3px;
position: absolute;
bottom: 10px;
width: 0;
left: 30%;
transition: width 0.3s ease-in-out;
}
#mainNav .navbar-nav .menu-item a:hover::before {
width: 40%;
}
#mainNav.innerNav {
border-bottom: 1px solid #d8d8d8;
}
.navbar-brand {
width: 130px;
}
.brand-logo {
max-width: 100%;
}
/* Homepage Sections
========================================= */
/* -----Hero Section-----*/
header.hero {
text-align: center;
color: white;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
/* position: fixed; */
overflow: hidden;
z-index: 1;
top:0;left: 0;right: 0;
width: 100%; height: 100%;
}
header.home-header .intro-text {height: 900px;}
header.hero video {
position: fixed;
bottom: 0;
right: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
/*-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);*/
background-repeat: no-repeat;
background-size: cover;
background-position: center;
left: 50%;
transform: translateX(-50%);
}
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
header .intro-text {
display: table;
}
header .intro-text .intro-content {
vertical-align: middle;
display: table-cell;
}
header.hero.promo-header .intro-text .intro-title,
header.hero.promotion-header .intro-text .promo-content {
border-radius: 15px;
background-color: rgba(0, 0, 0, 0.5);
padding: 15px;
line-height: 1;
}
header.careers-header .intro-text {
height: 800px;
}
header.promotion-header .intro-text {
height: 900px;
}
header.inner-header .intro-text,
header.buying-header .intro-text {
height: 606px;
}
header.hero .intro-text {
font-family: ProximaNovaBold;
margin: auto;
}
header.hero .intro-text .intro-title {
font-size: 42px;
line-height: 54px;
}
header.hero .intro-text h1.promo-title {
text-decoration: underline;
font-size: 24px;
}
header.hero .intro-text .promo-content {
font-size: 18px;
font-family: ProximaNovaRegular;
}
header.hero .intro-text .intro-lead-in {
font-size: 40px;
font-style: italic;
line-height: 40px;
margin-bottom: 25px;
}
header.hero .intro-text .intro-heading {
font-size: 70px;
font-weight: 700;
line-height: 70px;
margin-bottom: 50px;
}
.intro-map {
font-size: 26px;
}
.intro-map a {
text-decoration: underline;
color: #fff;
}
header.inner-header {
background-color: rgba(0,0,0,.7);
}
header.careers-header,
header.buying-header,
header.promotion-header {
background-attachment: inherit;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
header.buying-header {
overflow: visible;
}
.fixed-text {
position:fixed;
top:0;
left: 20%;
right: 20%;
z-index: 1;
}
.backup-img {
vertical-align: top;
min-width: 100%; /* max width */
opacity: 0;
min-height: 860px;
}
/* -----Default homepage sections----- */
section {
padding: 100px 0;
background: #f6f5f5;
z-index: 1000;
position: relative;
}
.page-wrap section {
z-index: -1;
}
section h2.section-heading {
margin-top: 0;
margin-bottom: 15px;
font-size: 29px;
line-height: 38px;
text-align: center;
font-family: freighttextprobold;
}
section h2.sec-header,
section h2.t-header {
font-size: 45px;
line-height: 57px;
margin-bottom: 50px;
display: inline-block;
}
section h2.sec-header::after {
background-color: #4a4a4a;
content: '';
height: 1px;
position: absolute;
bottom: 30px;
width: 10%;
left: 45%;
}
section.divider {
padding: 0;
}
hr.sec-divide {
max-width: 489px;
margin: 0 auto;
z-index: 1000;
position: relative;
}
.text-brown {
color: #966534;
font-size: 22px;
line-height: 26px;
max-width: 290px;
font-family: ProximaNovaSemibold;
}
/* -----Promo section----- */
.home-promo {
margin-top: 1rem;
}
/* -----Alert section----- */
.alert-section {
margin-top: 1rem;
background: #d53636;
color: #FFFFFF;
font-family: ProximaNovaBold;
}
section.alert-section h2.sec-header::after {
background-color: #fff;
content: '';
height: 1px;
position: absolute;
bottom: 30px;
width: 10%;
left: 45%;
}
/* Infographics section----- */
.container-fluid.infog {max-width: 1500px;}
.infog-wrap {
background-color: white;
padding: 40px;
margin-bottom: 15px;
border-radius: 0;
box-sizing: border-box;
font-size: 16px;
}
.infog-wrap h2 {
font-family: freighttextprobold;
font-size: 30px;
line-height: 1;
}
.infog-wrap a {
color: #D71921;
text-transform: uppercase;
text-decoration: none;
margin-top: 2rem;
font-family: ProximaNovaSemibold;
}
.infog-wrap a::after {
content: "\27F6";
padding-left: 5px;
transition: all ease .2s;
}
.infog-wrap a:hover::after {
padding-left: 8px;
}
.infog-wrap img {
max-width: 300px;
height: auto;
}
/* -----Video section----- */
section#sec-video {
background-image: url('assets/img/office-sm.jpg');
background-size: cover;
color: white;
padding: 200px 0;
font-size: 42px;
line-height: 54px;
font-family: freighttextpromedium;
letter-spacing: 1px;
margin-top: -9px;
}
#video-gallery span {
font-size: 100px;
line-height: 100px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
outline: none;
color: white;
}
#video-gallery span:hover {
color: rgba(255,255,255, 0.8);
cursor: pointer;
}
/* -----Red section----- */
section#sec-red {
background-image: url('assets/img/sec-red-bg.jpg');
background-size: cover;
color: white;
padding-bottom: 250px;
}
/* Steps section----- */
section#sec-steps {
background: #D53636;
color: white;
padding: 100px 0 200px 0;
}
.stepNumber {
font-size: 72px;
font-family: ProximaNovaSemibold;
line-height: 1;
}
.stepText{
font-size: 20px;
text-align: center;
font-weight: 600;
font-family: ProximaNovaSemibold;
text-transform: uppercase;
}
.stepArrow {
font-size: 50px;
}
@media (min-width: 768px) {
.animated-left.delay1 {animation-delay: 0.3s;}
.animated-left.delay2 {animation-delay: 0.5s;}
.animated-left.delay3 {animation-delay: 0.7s;}
.animated-left.delay4 {animation-delay: 0.9s;}
.animated-left.delay5 {animation-delay: 1.1s;}
.animated-left.delay6 {animation-delay: 1.3s;}
}
@media (max-width: 1000px) {
.stepArrow {font-size: 30px;}
.stepNumber {font-size: 50px;}
}
@media (max-width: 767px) {
.stepArrow {transform: rotate(90deg); padding-top: 15px; padding-bottom: 15px;}
}
/* Page Wraps
========================================= */
.lrg-wrap {/*margin-top: 900px;*/z-index: 1000;}
/*.inner-content-wrap {margin-top: 606px;}*/
.inner-page-wrap, .inner-wrap {margin-top: 60px;}
.page-wrap {margin-top: 0px;}
/* Featured Listings
========================================= */
section#featured {
margin-top: -50px;
}
.featured-listing{
background-color: white;
padding: 19px;
margin-bottom: 20px;
border-radius: 4px;
box-sizing: border-box;
}
.listing-price, .listing-dev {
font-size: 22px;
font-weight: 700;
padding: 3px 0;
box-sizing: border-box;
}
.listing-dev {
padding-top: 10px;
}
.listing-price a,
.listing-dev a {
text-decoration: none;
color: #4a4a4a;
}
.listing-price a:active, .listing-price a:focus, .listing-price a:hover,
.listing-dev a:active, .listing-dev a:focus, .listing-dev a:hover {
text-decoration: none;
color: #4a4a4a;
}
.listing-address a {
font-family: ProximaNovaRegular;
display: block;
margin: 0px 0 11px 0;
font-size: 16px;
line-height: 22px;
color: #797979;
}
.listing-image {
position: relative;
overflow: hidden;
height: 200px;
width: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.listing-msg {
position: absolute;
bottom: 0px;
left: 0px;
padding: 10px;
background-color: rgba(213,54,54,0.8);
width: 100%;
text-align: center;
color: #fff;
font-size: 22px;
font-family: ProximaNovaBold;
}
.listing-beds:before,
.listing-baths:before {
content: '';
background: url('assets/img/bed.svg') no-repeat;
height: 27px;
width: 27px;
background-size: contain;
display: inline-block;
position: relative;
left: 0;
}
.listing-details {
margin-top: 20px;
min-height: 36px;
}
.listing-beds:before {
background: url('assets/img/bed.svg') no-repeat;
top: 12px;
}
.listing-baths:before {
background: url('assets/img/bath.svg') no-repeat;
top: 10px;
}
.listing-beds, .listing-baths {
border-right: 0;
color: #966534;
font-weight: 100;
vertical-align: middle;
position: relative;
display: inline-block;
}
.listing-beds {
padding-right: 6px;
width: 90px;
}
.listing-baths {
padding: 0 6px;
}
/* Testimonials
========================================= */
.owl-nav {
margin-top: 0;
top: -43px!important;
right: 15px;
width: auto;
position: absolute;
}
.owl-nav .owl-prev {
background: transparent url('assets/img/content-slider-left.svg') no-repeat 50%!important;
background-size: 100%;
margin-right: 90px;
}
.owl-nav .owl-next {
background: transparent url('assets/img/content-slider-right.svg') no-repeat 50%!important;
background-size: 100%;
}
.owl-nav .owl-next, .owl-nav .owl-prev {
width: 50px;
height: 20px;
}
.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus {
outline: none !important;
}
.t-body {
padding: 0 15px;
}
.t-img {
max-height: 235px;
overflow: hidden;
width: 100%;
}
.t-img img {
max-width: 100%;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.t-img img:hover {
max-width: 100%;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.t-text {
font-size: 15px;
line-height: 25px;
margin: 43px 0 16px;
}
.t-agent {
font-size: 15px;
line-height: 18px;
font-family: ProximaNovaBoldItalic;
margin-bottom: 10px;
}
/* Footer
========================================= */
footer {
padding: 25px 0;
text-align: center;
background-color: #4a4a4a;
color: #fafafa;
z-index: 1000;
position: relative;
font-size: 15px;
line-height: 27px;
}
footer span.copyright {
font-size: 90%;
line-height: 40px;
}
footer ul.quicklinks {
font-size: 90%;
line-height: 40px;
margin-bottom: 0;
}
ul.social-buttons {
margin-bottom: 0;
}
ul.social-buttons li a {
font-size: 30px;
line-height: 50px;
display: block;
width: 50px;
height: 50px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
outline: none;
color: white;
}
footer ul.social-buttons .list-inline-item:not(:last-child) {
margin-right: 1rem;
}
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
color: #ccc;
}
.backtotop {
margin-top: 12px;
display: inline-block;
color: #FAFAFA;
font-size: 12px;
line-height: 14px;
text-decoration: none;
background: url('assets/img/arrow-up.png') no-repeat center 5px;
background-size: 16px;
padding-top: 52px;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.backtotop:hover {
cursor: pointer;
text-decoration: none;
background-position: top
}
/* Mobile Menu Overlay
========================================= */
/* The Overlay (background) */
.menu-overlay {
height: 0;
width: 100%;
position: fixed; /* Stay in place */
z-index: 1050; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
overflow-y: hidden;
transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
box-sizing: border-box;
}
/* Position the content inside the overlay */
.menu-overlay-content {
position: relative;
top: 15%;
left:20%;
width: 60%;
text-align: center; /* Centered text/links */
margin: 30px 0 0 0;
}
.menu-overlay-content ul {
list-style-type: none;
padding: 0;
}
/* The navigation links inside the overlay */
.menu-overlay a,
.vid-overlay a {
padding: 8px 0;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
/* When you mouse over the navigation links, change their color */
.menu-overlay a:hover, .menu-overlay a:focus,
.vid-overlay a:hover, .vid-overlay a:focus{
color: #f1f1f1;
}
/* Position the close button (top right corner) */
.menu-overlay .closebtn,
.vid-overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 80px;
z-index: 1;
}
.vid-overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 100%;
display: none;
position: fixed; /* Stay in place */
z-index: 1050; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
}
.vid-container {
position: fixed;
width: 100%;
height: 100%;
text-align: center;
}
.vid-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.centred-vid {
display: inline-block;
vertical-align: middle;
width: 80%;
}
.vid-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0;
}
.vid-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#vidClose {
z-index: 1100;
}
/* Selling Page
========================================= */
.story .story-title {
color: #966534;
font-size: 24px;
line-height: 31px;
text-align: center;
margin: 50px 0 33px;
font-family: ProximaNovaSemibold;
padding: 0 25px;
}
a.story {
text-decoration: none;
}
.service-item {
margin: 120px 0;
}
.service-left {
order:-1;
}
.story-intro {
color: #4a4a4a;
}
.story-img {
overflow: hidden;
}
.story-img img {
max-width: 100%;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.story-img img:hover {
max-width: 100%;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.home-val {
background-color: #f5f0ea;
}
.any-questions {
margin-bottom: 60px;
}
a.story p {
color: #4a4a4a;
}
/* Buying page
===========================================*/
.buying-lists .lists-sec ul li a {
display: inline-block;
padding: 10px 30px 20px;
font-size: 18px;
line-height: 22px;
color: #9b9b9b;
width: 215px;
cursor: pointer;
border-bottom: 1px solid transparent;
}
@media (max-width: 991px) {
.buying-lists .lists-sec ul li a {width: 170px; padding: 10px 10px 20px;}
}
.buying-lists .lists-sec ul li a.active,
.buying-lists .lists-sec ul li a:hover {
color: #797979;
font-family: ProximaNovaBold;
border-bottom: 1px solid #797979;
text-decoration: none;
}
.lists-container {
padding: 50px 0;
}
.buying-intro {
padding-top: 200px;
font-family: freighttextpromedium;
font-size: 40px;
line-height: 44px;
margin: 0 auto;
}
.inner-head-text {
padding-bottom: 20px;
}
.lists-newhomes p {
font-size: 36px;
}
.tool-desc a,
.tool-desc a:hover,
.tool-desc a:focus {
color: #4a4a4a;
text-decoration: none;
}
/* Careers Page
========================================= */
.careers-wrap {
margin: 180px 0 80px 0;
text-align: left;
/* background: rgba(0, 0, 0, 0.5);
border-radius: 7px;
padding: 50px; */
}
.nh-wrap{
margin: 25px 0 50px 0;
background: rgba(0, 0, 0, 0.8);
border-radius: 7px;
padding: 50px;
text-align: left;
}
.careers-txt {
font-family: ProximaNovaBold;
font-size: 20px;
}
.nhcareers-txt {
font-family: ProximaNovaBold;
font-size: 22px;
}
.careers-txt ul,
.nhcareers-txt ul {
list-style: none;
padding-inline-start: 0;
}
.nhcareers-txt ul {
padding: 0 20px;
}
.nhcareers-txt ul li {
margin-bottom: 20px;
line-height: 1.2;
}
.nhcareers-txt ul li .fa {
color: #d53636;
}
.careers-txt p,
.nhcareers-txt p {
font-family: ProximaNovaRegular;
}
.careers-txt p {
font-size: 18px;
}
.nhcareers-txt p {
font-size: 16px;
}
.careers-txt p.careers-terms {
font-size: 14px;
}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.careers-contact {
background: #ffffff;
padding: 20px;
border-radius: 0;
color: #4a4a4a;
box-shadow: 0 0 1px 3px #d9534f;
}
.careers-contact .caldera-grid .checkbox label {
font-size: 14px;
}
.careers-contact .caldera-grid .form-control,
.careers-contact .cf-toggle-switch .btn-default {
border: 1px solid #4a4a4a!important;
}
.careers-contact .caldera-grid .btn-default,
.careers-contact .caldera-grid .btn-default:hover {
color: #4a4a4a;
}
.careers-contact .caldera-grid .btn-form-select,
.careers-contact .caldera-grid .btn-form-select:hover {
color: #ffffff;
background-color: #d53636;
border: 1px solid #d53636;
}
.careers-contact .caldera-grid .form-control {
height: 40px !important;
}
.careers-contact .caldera-grid .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #4a4a4a;
opacity: 1; /* Firefox */
}
.careers-contact .caldera-grid .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #4a4a4a;
}
.careers-contact .caldera-grid .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: #4a4a4a;
}
.jobs-title {
margin-bottom: 30px;
font-family: ProximaNovaBold;
color: #d53636;
font-size: 28px;
}
/* Map Locations
===========================================*/
.bl-location {
padding: 10px;
}
.bl-location .bl-title {
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
font-family: ProximaNovaSemibold;
padding-left: 7px;
}
.bl-location .bl-addr {
font-size: 15px;
line-height: 27px;
padding: 0;
margin: 16px 0 15px;
border-left: 1px solid #e2dbd4;
padding-left: 7px;
min-height: 162px;
}
.bl-location .bl-link {
padding-left: 7px;
}
.bl-location .bl-link .btn-map {
background-size: 13px;
line-height: 18px;
font-size: 15px;
color: #d43939;
text-transform: uppercase;
border-bottom: 1px solid transparent;
padding: 0 0 5px;
margin: 0;
border-radius: 0;
font-weight: 400;
cursor: pointer;
}
.bl-location .bl-link .btn-map:hover {
border-bottom: 1px solid #d43939;
}
.bl-location.active {
box-shadow: 0 0 8px 0 rgba(62,54,65,.31);
}
.bl-location.active .bl-title {
color: #966534;
}
.bl-location.active .bl-addr {
border-left: 1px solid #f6f5f5;
}
#branchMap {
height: 0;
width: 100%;
z-index: 1000;
position: relative;
background: #f6f5f5;
/*transition: 0.5s;*/
}
.branch-map {
height: 0;
}
/* Contact Page
========================================= */
.contact-left p {
font-size: 29px;
line-height: 40px;
color: #9b9b9b;
font-family: freighttextpromedium;
}
.contact-right {
padding-top: 5px;
padding-left: 100px;
}
.contact-right .contact-form .form-title {
font-size: 22px;
line-height: 26px;
font-family: ProximaNovaSemibold;
margin-bottom: 40px;
}
.contact-locations {
background: #fff;
}
.cfn-item {
background-color: transparent;
color: #4a4a4a;
width: 100%;
padding: 6px 12px;
border: 1px solid #9e9e9e!important;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
font-size: 14px;
line-height: 1.42857143;
display: block;
}
.cfn-item.cfn-input {
height: 56px!important;
}
.njf-item .nf-field-label {
display:none;
}
.njf-font .nf-field-label label {
font-weight:400;
}
/* About Page
========================================= */
.inner-content-wrap .col-left {
padding-right: 0;
height: 780px;
position: relative;
}
.inner-content-wrap .col-right {
padding-left: 5px;
height: 780px;
}
.inner-content-wrap .tbl {
height: 55%;
padding: 20px 70px;
background: #f6f5f5;
width: 100%;
}
.inner-content-wrap .living-culture-imgbl {
margin: 50px 0 20px;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 100%!important;
}
.inner-content-wrap .living-culture-imgbl .col-left:after {
content: "";
display: block;
position: absolute;
top: 0;
right: -5px;
width: 10px;
height: 100%;
background: #f6f5f5;
}
.culture-img {
display: none;
}
.living-group {
background: #f5f0eb;
}
.group-entry {
padding: 25px 0;
}
.group-info {
padding: 20px 40px;
}
.group-info .group-title {
font-size: 24px;
line-height: 32px;
text-transform: uppercase;
font-family: ProximaNovaSemibold;
margin-bottom: 30px;
}
.group-info .group-more {
background: url('assets/img//arrow-lm-grey.svg') no-repeat 0;
background-size: 13px;
padding-left: 25px;
line-height: 18px;
font-size: 15px;
color: #d43939;
text-transform: uppercase;
transition: background 0.2s;
}
.group-info .group-more:hover{background-position:5px; transition: background 0.2s; }
/* Contact Forms
========================================= */
.caldera-grid .form-control {
border: 1px solid #9e9e9e!important;
color: #9b9b9b;
height: 56px!important;
line-height: 1.42857143;
font-size: 16px;
}
.caldera-grid textarea.form-control {
padding-right: 4px;
height: auto;
height: auto!important;
}
.contact-form .caldera-grid .form-control {
background-color: transparent;
color: #9b9b9b;
}
.home-val .caldera-grid .form-control {
color: #9b9b9b;
}
.contact-form .caldera-grid textarea {
padding: 13px 15px!important;
height: auto!important;
}
#contact .caldera-grid .control-label,
#contact .caldera-grid .checkbox label {
color: #ffffff;
}
#book .caldera-grid .control-label,
#book .caldera-grid .checkbox label {
color: #4a4a4a;
}
.agt-form-input {
border: 1px solid #9e9e9e;
color: #4a4a4a;
height: 46px!important;
line-height: 1.42857143;
font-size: 16px;
padding-left: 10px;
}
.agt-form-textarea {
padding: 15px 10px;
height: 100px!important;
border: 1px solid #9e9e9e;
color: #4a4a4a;
}
.agent-form-title,
#nf-field-18-wrap .nf-field-label,
.nf-before-form-content,
#nf-field-19-container,
#nf-field-88-wrap .nf-field-label {
display: none;
}
#nf-field-14-wrap .nf-field-label {
width: 100%;
}
#nf-form-3-cont .nf-form-layout .nf-form-content .nf-field-container {
margin-bottom: 15px;
}
.nf-form-wrap .nf-form-content .nf-field-container {
margin-bottom: 15px;
}
.careers-wrap .nf-form-wrap .nf-form-content .nf-field-container {
margin-bottom: 10px;
}
#nf-field-45-container.label-above .nf-field-label,
#nf-field-46-container.label-above .nf-field-label,
#nf-field-84-container {
margin-bottom: 5px;
}
.nf-field-element p {
margin: 0;
font-size: 15px;
}
#nf-form-3-cont .nf-form-layout .nf-form-content .nf-field-container#nf-field-14-container,
#nf-field-85-container, #nf-field-87-container {
margin-bottom: 0px;
}
#nf-field-85-wrap .nf-field-label label#nf-label-field-85 {
font-weight: 400;
}
.agent-bio .fa {
color: #d53636;
}
/* Worksheets
========================================= */
#nf-form-13-cont .nf-breadcrumbs li a,
#nf-form-13-cont .nf-next-item input,
#nf-form-13-cont .nf-previous-item input {
border: 1px solid #d53636;
padding: 0.375rem 0.375rem;
border-radius: 0.375rem;
background: transparent;
}
#nf-form-13-cont .nf-breadcrumbs li a {
border: 1px solid #d53636;
}
#nf-form-13-cont .nf-breadcrumbs li.active a {
background-color: #d53636;
color: #fff;
}
#nf-form-13-cont .nf-mp-body {
background: #F9F3DC;
padding: 1rem;
border-radius: 0.375rem;
}
#nf-form-13-cont .nf-next-item input,
#nf-form-13-cont .nf-previous-item input {
border: 1px solid #ccc;
}
#nf-form-13-cont .nf-next-item input:hover,
#nf-form-13-cont .nf-previous-item input:hover {
cursor: pointer;
}
#nf-form-13-cont h3 {text-decoration: underline;}
#nf-form-13-cont .btn-success:focus,
#nf-form-13-cont .btn-success:active {
outline: none !important;
box-shadow: none;
}
/* Posts
========================================= */
h1.post-title {
font-size: 1em;
}
/* Listing Pages
========================================= */
.ps-title {
font-family: ProximaNovaBoldItalic;
}
.listing-smgl .ps-title {
font-size: 12px;
}
.property-feature {
margin-bottom: 20px;
}
.icon-wrap {
height: 20px;
}
.property-icon {
height: 20px;
width: 20px;
}
header.listing-hero {
height: 800px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
/* background-attachment: fixed; */
position: relative;
}
header.listing-smgl {
padding-top: 150px;
padding-bottom: 15px;
}
.listing-smgl .carousel-item {
height: auto;
min-height: inherit;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d53636' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d53636' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
section.property-details {
padding: 50px 0;
}
section.property-info {
padding: 0 0 50px 0;
}
section.property-info2 {
padding: 50px 0;
}
.property-title {
padding: 0;
margin: 0;
background: #d53636;
}
.property-address {
font-size: 40px;
font-family: ProximaNovaBold;
color: #fff;
padding: 25px 0;
margin: 0 auto;
}
.property-address .property-price {
font-size: 35px;
}
.listing-social {
padding-top: 10px;
}
.listing-highlight {
background: #fff;
box-shadow: 0 0 8px 0 rgba(62,54,65,.31);
padding: 25px;
}
.card {
box-shadow: 0 0 8px 0 rgba(62,54,65,.31);
}
.property-summary .col-sm-3 {
padding-top: .5rem;
padding-bottom: .5rem;
}
.listed-by {
margin-bottom: 20px;
}
.listed-by .card-img-top {
width: 80%;
height: auto;
margin: 10px auto 0;
}
.card-agent {
font-family: ProximaNovaBold;
}
.carousel-item {
height: 65vh;
min-height: 300px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
section#location {
padding: 0;
}
section#book {
padding-top: 0;
}
.text-highlight {
color: #d53636;
}
h2.listing-title {
text-align: left;
font-family: ProximaNovaRegular;
}
h2.contact-title {
font-family: ProximaNovaBold;
color: #ffffff;
}
.acf-map {
width: 100%;
height: 600px;
border: 0;
margin: 0;
}
.property-info .acf-map,
.property-info2 .acf-map {
height: 400px;
}
/* fixes potential theme css conflict */
.acf-map img {
max-width: inherit !important;
}
.moreInfo {
display: none;
}
.contactHead {
font-weight: 700;
font-size: 22px;
margin-bottom: .5rem;
font-family: inherit;
line-height: 2.4rem;
color: #9b9b9b;
}
.contactHead .contactActive {
color: #4a4a4a;
}
span.contact1 {
margin-right: 10px;
}
span.contact2 {
border-left: 1px solid #e6e6e6;
padding-left: 15px;
}
span.contact1:hover, span.contact2:hover {
cursor:pointer;
}
section#contact {
background-color: #212529;
background-image: url("../living/assets/img/contact-bg.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/* Listing Widgets
========================================= */
#IDX-mapHeader-Widget-53762 {
width: 100%;
}
input[type=text].idx-omnibar-input,
.idx-omnibar-form button {
height: 60px !important;
}
.idx-omnibar-form button {
background-color: #d53636;
color: #ffffff;
border: 0;
padding: 10px;
}
.idx-omnibar-form button:active, .idx-omnibar-form button:focus, .idx-omnibar-form button:hover {
background-color: #bf3030;
color: #fff;
outline: none !important;
}
input[type=text].idx-omnibar-input {
padding: 8px 10px;
font-size: 14px;
}
.idx-omnibar-form button:hover {
cursor: pointer;
}
/* Individual Listings */
.btn-tour,
#IDX-detailsHotActions #IDX-detailsHotAction-vt.IDX-detailsHotAction a {
color: #81A684;
border-color: #81A684;
}
.btn-tour:active, .btn-tour:focus, .btn-tour:hover,
#IDX-detailsHotActions #IDX-detailsHotAction-vt.IDX-detailsHotAction a:active, #IDX-detailsHotActions #IDX-detailsHotAction-vt.IDX-detailsHotAction a:focus, #IDX-detailsHotActions #IDX-detailsHotAction-vt.IDX-detailsHotAction a:hover {
background-color: #81A684;
color: #ffffff;
outline: none !important;
box-shadow: none;
text-decoration: none;
}
.IDX-page-listing .IDX-fieldContainer,
.IDX-page-listing #IDX-walkscoreContainer,
.IDX-page-listing #IDX-detailsContactForm,
#IDX-mortgageCalculatorContainer,
.IDX-contactStandalone,
.IDX-page-listing #IDX-detailsMap,
.IDX-page-listing #IDX-description,
#IDX-photoGalleryContainer .IDX-propertyInfoList {
background: #fff;
box-shadow: 0 0 8px 0 rgba(62,54,65,.31);
padding: 25px;
margin-bottom: 25px;
}
#IDX-moreinfoContactForm #IDX-submitBtn, #IDX-scheduleshowingContactForm #IDX-submitBtn {
background-color: #d53636;
color: #ffffff;
}
#IDX-moreinfoContactForm #IDX-submitBtn:active, #IDX-moreinfoContactForm #IDX-submitBtn:focus, #IDX-moreinfoContactForm #IDX-submitBtn:hover,
#IDX-scheduleshowingContactForm #IDX-submitBtn:active, #IDX-scheduleshowingContactForm #IDX-submitBtn:focus, #IDX-scheduleshowingContactForm #IDX-submitBtn:hover {
background-color: #bf3030;
color: #fff;
outline: none !important;
}
#IDX-detailsTopNav,
#IDX-detailsShowcaseSlides,
#IDX-detailsMainInfo .IDX-field-propStatus,
#IDX-detailsMainInfo .IDX-field-bedrooms,
#IDX-detailsMainInfo .IDX-field-totalBaths,
#IDX-detailsMainInfo #IDX-contentFields-core,
.IDX-page-listing #IDX-detailsHead>hr {
display: none;
}
#IDX-detailsHotActions #IDX-detailsHotAction-mortgage.IDX-detailsHotAction a,
#IDX-detailsHotActions #IDX-detailsHotAction-print.IDX-detailsHotAction a {
color: #916953;
border-color: #916953;
}
#IDX-detailsHotActions #IDX-detailsHotAction-mortgage.IDX-detailsHotAction a:active, #IDX-detailsHotActions #IDX-detailsHotAction-mortgage.IDX-detailsHotAction a:focus, #IDX-detailsHotActions #IDX-detailsHotAction-mortgage.IDX-detailsHotAction a:hover,
#IDX-detailsHotActions #IDX-detailsHotAction-print.IDX-detailsHotAction a:active, #IDX-detailsHotActions #IDX-detailsHotAction-print.IDX-detailsHotAction a:focus, #IDX-detailsHotActions #IDX-detailsHotAction-print.IDX-detailsHotAction a:hover {
background-color: #916953;
color: #ffffff;
outline: none !important;
box-shadow: none;
text-decoration: none;
}
.IDX-wrapper-standard #IDX-detailsHotActions {
text-align: center;
margin-bottom: 25px;
display: none;
}
.IDX-wrapper-standard .IDX-detailsHotAction {
float: inherit;
}
#IDX-detailsHotActions .IDX-detailsHotAction {
margin: 0 5px 5px 5px;
}
#IDX-detailsHotActions .IDX-detailsHotAction a {
color: #d53636;
background-color: transparent;
padding: 10px 20px;
border: 1px solid #d53636;
border-radius: 100px;
display: inline-block;
text-decoration: none;
}
#IDX-detailsHotActions .IDX-detailsHotAction a:active, #IDX-detailsHotActions .IDX-detailsHotAction a:focus, #IDX-detailsHotActions .IDX-detailsHotAction a:hover {
background-color: #d53636;
border-color: #fff;
color: white;
outline: none !important;
box-shadow: none;
text-decoration: none;
}
.IDX-page-listing #IDX-detailsMedia {
width: 70%;
margin-left: 15%;
}
.IDX-wrapper-standard .IDX-thumbnail {
background-color: #f6f5f5;
background: none;
border: none;
}
.IDX-wrapper-standard .IDX-showcaseSlide-active {
border: none;
background-color: #d53636;
color: #ffffff !important;
}
.IDX-wrapper-standard .IDX-arrow {
background-color: #d53636;
color: #ffffff !important;
}
.IDX-page-listing #IDX-detailsAddress {
margin-bottom: 25px;
background: #d53636;
text-align: center;
width: 200%;
margin-left: -50%;
padding: 15px 0;
font-family: ProximaNovaBold;
font-size: 40px;
}
.IDX-page-listing #IDX-detailsAddress a,
.IDX-page-listing #IDX-detailsAddress a:active,
.IDX-page-listing #IDX-detailsAddress a:focus,
.IDX-page-listing #IDX-detailsAddress a:hover {
color: #fff;
text-decoration: none;
}
.IDX-wrapper-standard .IDX-panel-default>.IDX-panel-heading {
background-color: #ffffff;
border: none;
}
.IDX-page-listing #IDX-detailsMainInfo {
text-align: center;
background: none;
box-shadow: none;
border: none;
font-size: 24px;
font-weight: 700;
color: #4a4a4a;
}
.IDX-wrapper-standard #IDX-detailsMainInfo.IDX-panel-default>.IDX-panel-heading {
background-color: #f6f5f5;
background: none;
color: #4a4a4a;
}
h4.IDX-panel-title a {
font-family: ProximaNovaRegular;
font-weight: 700;
font-size: 2rem;
margin-bottom: .5rem;
margin-bottom: 0;
}
.IDX-page-listing #IDX-detailsMainInfo .IDX-field-listingPrice {
margin-bottom: 0;
border: none;
}
.IDX-page-listing #IDX-detailsMainInfo .IDX-field-listingPrice .IDX-text {
font-size: inherit;
}
.IDX-wrapper-standard #IDX-detailsMainInfo .IDX-panel-body .IDX-field.IDX-field-sqFt {
border-bottom: 0px;
}
.IDX-page-listing #IDX-detailsMainInfo .IDX-panel-body {
padding: 0;
}
.IDX-showcaseCaption.IDX-caption h4 {
display: none;
}
#IDX-showcaseSlides .IDX-caption {
padding: 0;
width: 0;
background-color: transparent;
}
#IDX-main {
width: 100%;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
font-family: ProximaNovaRegular;
font-size: 17px;
padding: 0;
}
#IDX-mapContainer{width:100%;}
#IDX-main.IDX-category-results, #IDX-resultsContainer {
max-width: 1140px;
}
.IDX-resultsField-propStatus,
#IDX-saveSearch,
#IDX-resultsLinkModify,
#IDX-resultsLinkSave,
.IDX-propertySaved,
.IDX-saveProperty,
.IDX-grid .IDX-saveProperty,
.IDX-grid .IDX-imgShadow,
.IDX-imgHighligh,
.IDX-grid .IDX-cellDetails .IDX-detailsField .IDX-resultsLabel,
.IDX-searchForm #IDX-advancedSearchFields,
.IDX-refineDaysOnMarketWrap,
#IDX-detailsGalleryAction,
.IDX-page-listing #IDX-detailsActionSave,
.IDX-page-listing #IDX-detailsActionModify,
.IDX-page-listing #IDX-nextLastButtons,
#IDX-leadSignupContainer,
#IDX-leadLoginContainer,
#IDX-main.IDX-page-linkshowcase,
#IDX-message-group,
#IDX-resultsRefineSearchWrap .IDX-refinementSearchForm .IDX-refinementSearchLeft .IDX-refineCityCountyZipListWrap#IDX-resultsRefineCityCountyZipListWrap {
display: none;
}
.IDX-cellInnerWrapper {
margin: 0 10px;
}
.IDX-contentHeader {
padding: 20px 10px;
}
/* Listings */
.IDX-perPageForm select {
padding: 3px;
}
.IDX-results-static .IDX-resultsCell .IDX-cellMain {
padding-bottom: 80px;
display: flex;
flex-direction: column;
}
.IDX-results-static .IDX-resultsCell {
padding: 15px 0;
}
.IDX-cellMain {
-webkit-box-shadow: none;
box-shadow: none;
}
.IDX-results-static .IDX-resultsCell:hover .IDX-cellMain {
-webkit-box-shadow: none;
box-shadow: none;
}
#IDX-resultsActiveListings .IDX-cellInnerWrapper .IDX-row-content {
padding: 19px 19px 132px 19px;
}
.IDX-resultsField-listingPrice,
.IDX-grid .IDX-resultsField-price {
color: #4a4a4a;
font-size: 22px;
font-weight: 700;
padding: 3px 0;
box-sizing: border-box;
order: 1;
}
.IDX-resultsSeparatorText{
position: relative;
}
.IDX-resultsCell {
width: 33.33333333%
}
.IDX-resultsPhoto {
order: 4;
}
.IDX-grid .IDX-resultsPhoto {
height: 180px;
}
.IDX-grid .IDX-resultsPhotoImg {
position: relative;
left: 0;
height: 180px;
top: 0;
width: 100%;
}
.IDX-grid .IDX-streetInfo,
.IDX-grid .IDX-locationInfo {
background: none;
left: 0;
text-overflow: inherit;
position: relative;
text-align: left;
text-shadow: none;
top: 0;
opacity: 1;
transition: none;
font-size: 17px;
font-family: ProximaNovaRegular;
font-weight: 400;
line-height: 22px;
color: #797979;
-webkit-tap-highlight-color: #d53636;
padding: 0;
}
.IDX-grid .IDX-streetInfo {
order: 2;
}
.IDX-grid .IDX-locationInfo {
order: 3;
margin-bottom: 11px;
}
.IDX-grid .IDX-resultsCell:hover .IDX-locationInfo,
.IDX-grid .IDX-resultsCell:hover .IDX-streetInfo {
top: 0;
}
.IDX-mlsContainer {
position: relative;
display: none;
}
.IDX-results-static .IDX-resultsCell .IDX-cellDetails {
top: 80px;
position: relative;
}
.IDX-grid .IDX-cellDetails .IDX-detailsField {
border-right: 0;
vertical-align: middle;
position: relative;
display: inline-block;
width: 85px;
}
.IDX-grid .IDX-cellDetails .IDX-detailsField .IDX-resultsText {
color: #966534;
font-size: 17px;
line-height: 24px;
font-weight: 100;
margin-left: 30px;
}
/* Results Pages */
.IDX-resultsField-bedrooms.IDX-detailsField {
background: url('https://www.livingrealty.com/wp-content/themes/living/assets/img/bed.svg') no-repeat;
background-position: left center;
}
.IDX-grid .IDX-cellDetails .IDX-resultsField-totalBaths {
background: url('https://www.livingrealty.com/wp-content/themes/living/assets/img/bath.svg') no-repeat;
background-position: left center;
}
.IDX-grid .IDX-cellDetails .IDX-resultsField-sqFt {
background: url('https://www.livingrealty.com/wp-content/themes/living/assets/img/sqft.svg') no-repeat;
background-position: left center;
}
.IDX-grid .IDX-cellDetails .IDX-resultsField-bedrooms,
.IDX-grid .IDX-cellDetails .IDX-resultsField-totalBaths,
.IDX-grid .IDX-cellDetails .IDX-resultsField-sqFt {
text-align: left;
}
.IDX-refinementSearchRight div input,
.IDX-refinementSearchRight #IDX-refineSorting {
border-radius: 4px;
}
.IDX-refinementSearchLeft .IDX-refineCityCountyZipListWrap {
width: 100px;
}
.IDX-refinementSearchLeft .IDX-refineCityCountyZipListWrap .IDX-refineCityCountyZip {
height: 50px;
}
#IDX-resultsRefineSearchWrap {
background: white;
padding: 15px;
border-radius: 4px;
}
#IDX-resultsTopLinks {margin: 15px 0}
#IDX-resultsHeader .IDX-topLinks #IDX-resultsLinkNew a {
background-color: transparent;
border: 1px solid #d53636;
color: #d53636;
padding: 5px;
border-radius: 4px;
}
#IDX-resultsHeader .IDX-topLinks #IDX-resultsLinkNew a:active, #IDX-resultsHeader .IDX-topLinks #IDX-resultsLinkNew a:focus, #IDX-resultsHeader .IDX-topLinks #IDX-resultsLinkNew a:hover {
background-color: #d53636;
border-color: #fff;
text-decoration: none;
color: white;
outline: none !important;
box-shadow: none;
}
#IDX-resultsCountMessage {
font-size: 14px;
font-style: italic;
margin-top: 5px;
}
.IDX-category-results div.IDX-streetInfo,
.IDX-category-results div.IDX-locationInfo {
height: 22px;
}
.IDX-refinementSearchForm {
font-size: 17px;
}
.IDX-refineSubmitWrap input {
font-size: 19px;
}
.IDX-refinementSearchLeft .IDX-refineCityCountyZipListWrap,
.IDX-refinementSearchRight div input {
width: 140px;
}
#IDX-resultsRefineSortingWrap {
margin: 0 10px 10px 0;
}
/* Contact Forms */
#IDX-Your-Message-group {
padding-left: 15px;
padding-right: 15px;
}
.IDX-wrapper-standard #IDX-CASL-group.col-sm-6 {
width: 100%;
min-width: 100%;
}
/* Mortgage Calculator */
#IDX-mortgageCalculatorContainer {
width: 100%;
text-align: center;
}
#IDX-mortgageCalculatorContent {
padding: 10px;
border: 1px solid rgba(0,0,0,.25);
width: 75%;
margin: 0 auto;
}
#IDX-mortgageCalculatorContainer .IDX-pageHeaderContainer,
#IDX-mortgageCalculatorContainer .IDX-propertyInfoList,
#IDX-mortgageCalculatorContainer #IDX-previousPage {
width: 75%;
margin: 0 auto;
}
.IDX-mortgageRow .IDX-mortgageMiddleCell input, .IDX-mortgageRow .IDX-mortgageRightCell select {
line-height: 1.15;
height: 25px;
}
/* Map Search */
#IDX-mapAlert {
font-size: 20px;
top: auto;
bottom: 0;
}
#IDX-map #IDX-propStatus-group {
display: none;
}
/* Universal Elements */
#IDX-moreinfoContactForm input,
#IDX-moreinfoContactForm textarea,
#IDX-moreinfoContactForm .IDX-select,
#IDX-scheduleshowingContactForm input,
#IDX-scheduleshowingContactForm textarea,
#IDX-scheduleshowingContactForm .IDX-select {
padding: 5px;
}
/* Agents Page
----------------------------------------------------------------*/
#branchSort .btn {
margin-bottom: 20px;
}
.branch-active {
background-color: #d53636;
color: #ffffff;
}
input#mySearch {
width: 100%;
padding: 10px;
}
.agent-wrap {
background-color: white;
padding: 15px;
margin-bottom: 15px;
border-radius: 4px;
box-sizing: border-box;
box-shadow: 0 0 8px 0 rgba(62,54,65,.31);
}
.agentName {
font-size: 18px;
font-weight: 700;
padding: 0;
}
.agentName.agentNameQual {
line-height: 1;
font-size: 16px;
}
.agentQualifications {
line-height: 1;
font-size: 14px;
font-weight: 700;
}
.agentInfo {
min-height: 54px;
}
.agentRole, .agentBranch {
padding: 0;
line-height: 1.3;
font-size: 14px;
}
.agentBranch {
font-style: italic;
}
.agent-image-wrap {
height: 150px;
padding-top: 5px;
padding-bottom: 5px;
}
.agent-profile-wrap {
height: 300px;
padding-top: 5px;
padding-bottom: 5px;
}
.agent-img {
max-height: 100%;
width: auto;
}
.agentLnk {
color: #d53636;
}
.agentLnk:hover {
cursor: pointer;
}
.agentList {
display: none;
}
.branch-show {
display: block;
}
.agent-container {
overflow: hidden;
margin-top: 25px;
}
.profile-breadcrumbs {
font-family: ProximaNovaBold;
margin-bottom: 1rem;
}
/* Add padding to container elements */
.agentModal-container {
padding: 25px;
}
/* The Modal (background) */
.agentModal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1080; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: #474e5d;
padding-top: 50px;
}
/* Modal Content/Box */
.agentModal-content {
background-color: #fefefe;
margin: 20px auto auto; /* 5% from the top, 15% from the bottom and centered */
border: 1px solid #888;
width: 60%; /* Could be more or less, depending on screen size */
}
/* Style the horizontal ruler */
.agentModal-container hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}
/* The Close Button (x) */
.close {
position: absolute;
right: 35px;
top: 15px;
font-size: 40px;
font-weight: bold;
color: #f1f1f1;
}
.close:hover,
.close:focus {
color: #f44336;
cursor: pointer;
}
.agentFormTitle {
display: none;
}
/* Tax Calculator
========================================= */
.tax-wrap {
background: #ffffff;
box-shadow: 0 0 8px 0 rgba(62,54,65,.31);
padding: 25px;
}
.tax-form-container {
width: 50%;
margin: 20px auto;
}
.tax-wrap .input-group {
width: 100%;
}
.tax-table,
.tax-checkbox {
margin-top: 20px;
width: 100%;
}
.tax-results {
border: 1px solid #ccc;
border-radius: .25rem;
margin-top: 20px;
font-weight: 700;
}
.tax-table-result {
padding: 10px 20px;
width: 100%;
margin-top: 0;
}
.tax-table-result:hover {
background-color: #ccc;
}
.tax-table-label,
.tax-table-value {
width: auto;
display: inline-block;
}
.tax-table-value {
float: right;
}
.tax-municipal, .tax-rebate {
border-top: 1px solid #ccc;
}
.tax-total {
border-top: 4px solid #ccc;
}
.form-control:focus {
box-shadow: none;
}
/* New Careers Page
========================================= */
.learn-more {
margin: 20px 0;
}
.careers-bg {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
section.careers-bg h2.sec-header::after {
background-color: #fff;
content: '';
height: 1px;
position: absolute;
bottom: 30px;
width: 10%;
left: 45%;
}
@media only screen and (max-width:749px) {
.careers-bg {
background-attachment: inherit;
}
}
.connect-item {
background-color: white;
padding: 19px;
margin-bottom: 20px;
border-radius: 4px;
box-sizing: border-box;
}
.connect-item h4 {
color: #d53636;
}
.connect-item p a {
color: #4a4a4a;
}
.connect-item p a:visited,
.connect-item p a:hover,
.connect-item p a:focus,
.connect-item p a:active {
color: #4a4a4a;
text-decoration: none;
}
.connect-sm {
margin-top: 25px;
}
.connect-icons .fa {
font-size: 80px;
color: #d53636;
padding: 10px 0;
}
.connect-icons a:hover {
text-decoration: none;
color: rgba(213, 54, 54, 0.5);
}
/* Special Forms
========================================= */
.form-group.fg-inline div {
display: inline-block;
margin-left: 1rem;
}
.form-group.fg-inline.fg-lower {
border-bottom: 1px dotted rgba(0,0,0,.1);
}
.form-group.fg-inline label.control-label {
margin-right: 10px;
}
.alert.alert-success.speech-bubble,
.alert.alert-danger.speech-bubble {
position: relative;
border: none;
padding: 2rem;
}
.alert.alert-success.speech-bubble.speech-bubble:after,
.alert.alert-danger.speech-bubble.speech-bubble:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
border: 37px solid transparent;
border-bottom: 0;
border-left: 0;
margin-left: -18.5px;
margin-bottom: -37px;
}
.alert.alert-success.speech-bubble.speech-bubble:after {
border-top-color: #d4edda;
}
.alert.alert-danger.speech-bubble.speech-bubble:after {
border-top-color: #f8d7da;
}
.alert-wrap .alert.alert-success {
color: #212529;
background-color: #fff;
border-color: #212529;
}
/* Assignemtn Listings
========================================= */
.al-header {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.al-section, .al-section2 {
padding: 50px;
}
.al-section, .al-section2, .al-map {
background: #fff;
}
.al-map {
padding: 0;
}
.al-title {
text-align: center;
position: relative;
height: 600px;
color: white;
display: table;
width: 100%;
}
.al-title-container {
display: table-cell;
vertical-align: middle;
}
.al-title h2 {
margin-bottom: 0;
font-size: 2.5rem;
font-family: ProximaNovaBoldItalic;
text-shadow: 0 0 5px #000;
}
@media (max-width: 767px) {
.al-title {height: 400px;}
.al-title h2 {font-size: 2rem;}
}
.al-price {
background: #d53636;
margin: 0;
padding: 0;
}
.al-price h2 {
color: #ffffff;
padding: 1rem 0;
margin-bottom: 0;
font-size: 2.5rem;
font-family: ProximaNovaBold;
}
.al-icon-wrap {height: 40px;}
.al-icon {
height: 40px;
width: 40px;
}
.al-quals {font-family: ProximaNovaSemibold;}
.al-profile-wrap {
height: 150px;
padding-top: 5px;
padding-bottom: 5px;
}
/* The Modal (background) */
.fplans-modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1060; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (image) */
.fplans-modal-img {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
/* Add Animation */
.fplans-modal-img {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: fpzoom;
animation-duration: 0.6s;
}
@-webkit-keyframes fpzoom {
from {-webkit-transform:scale(0)}
to {-webkit-transform:scale(1)}
}
@keyframes fpzoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
/* The Close Button */
.fpclose {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
#plansClose.fpclose {
font-size: 80px;
}
.fpclose:hover,
.fpclose:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width: 700px){
.fplans-modal-img {
width: 100%;
}
}
/* Media Queries
========================================= */
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
.menu-overlay a,
.vid-overlay a {
font-size: 20px
}
.menu-overlay .closebtn,
.vid-menu-overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
}
@media (min-width: 992px) {
.col-lg-5.group-right {
order: 3;
}
.menu-overlay {
display: none;
}
#mainNav {
padding-top: 25px;
padding-bottom: 25px;
-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
-moz-transition: padding-top 0.3s, padding-bottom 0.3s;
transition: padding-top 0.3s, padding-bottom 0.3s;
border: none;
background-color: transparent;
}
#mainNav .navbar-brand {
font-size: 1.75em;
width: 192px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
transition-timing-function: ease-in-out;
}
#mainNav .navbar-nav .menu-item a {
padding: 1.1em 1em !important;
}
#mainNav.navbar-shrink .navbar-brand {
width: 130px;
}
#mainNav.navbar-shrink {
padding-top: 0;
padding-bottom: 0;
background-color: rgba(255, 255, 255, 0.8);
}
#mainNav.navbar-shrink .navbar-brand {
font-size: 1.25em;
padding: 12px 0;
}
.inner-page {padding-top: 200px;}
}
@media (min-width: 768px) {
.listing-fullgal .carousel-item {
min-height: 900px;
}
}
@media (min-width: 1200px) {
.hero.careers-header .container{
max-width: 1400px;
}
}
@media (max-width: 1600px) {
/*.lrg-wrap {margin-top:760px;}*/
header.home-header .intro-text {height: 760px;}
}
@media (max-width: 1199px) {
.IDX-page-listing #IDX-detailsMedia {
width: 80%;
margin-left: 10%;
}
.IDX-page-listing #IDX-detailsAddress {
width: 150%;
margin-left: -25%;
}
}
@media (max-width: 1023px) {
header.hero {
background-attachment: scroll;
}
.fixed-text {
position:relative;
left: auto;
right: auto;
}
.text-brown {
max-width: 100%;
text-align: center;
}
header.hero .intro-text .intro-heading {
font-size: 40px;
line-height: 49px;
margin-bottom: 25px;
}
header.hero .intro-text .intro-lead-in {
font-size: 32px;
line-height: 32px;
}
}
@media (max-width: 991px) {
.fixed-top {
position: absolute;
}
header.hero {
position: relative;
background-attachment: scroll;
}
header.home-header .intro-text {
height: 593px;
}
.inner-content-wrap, .inner-page-wrap,
.lrg-wrap {margin-top: 0px;}
section {
padding: 60px 0;
}
header.inner-header .intro-text {
height: 486px;
}
section#sec-video {
padding: 100px 0;
font-size: 29px;
}
#video-gallery span {
font-size: 70px;
}
.btn-view-all-right {
float: none;
margin-bottom: 10px;
margin-top: 0;
}
.buying-intro {
padding-top: 150px;
}
.inner-content-wrap .living-culture-imgbl .col-left {
padding-right: 15px;
width: 100%;
height: auto;
padding-bottom: 0;
}
.inner-content-wrap .living-culture-imgbl {
background-attachment: scroll;
margin: 20px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom!important;
}
.inner-content-wrap .tbl {
height: 100%;
padding: 0;
}
.inner-content-wrap .col-right {
display: none;
}
.culture-img {
display: block;
}
.contact-right {
padding-left: 15px;
}
header.listing-smgl {
padding-top: 100px;
}
header.listing-smgl .property-summary {
margin-top: 20px;
}
.property-address {
font-size: 35px;
}
.property-address .property-price {
font-size: 30px;
}
.IDX-resultsCell {
width: 50%
}
.inner-page-wrap #IDX-main {
margin-top: 20px;
}
.IDX-page-listing #IDX-detailsMedia {
width: 100%;
margin-left: 0;
}
.IDX-page-listing #IDX-detailsAddress {
font-size: 30px;
}
.IDX-page-listing #IDX-detailsMainInfo {
font-size: 20px;
}
.careers-wrap {
margin: 120px 0 80px;
}
.careers-txt .video-container {
display: none;
}
.tax-form-container {
width: 80%;
}
.careers-txt .learn-more {
display: none;
}
}
@media (max-width: 767px) {
header.home-header .intro-text {
height: 520px;
}
header.hero .intro-text .intro-title {
font-size: 36px;
line-height: 48px;
}
header.hero .intro-text .promo-content {
font-size: 17px;
}
.btn-hero.btn-xl,
.caldera-grid .btn.btn-xl {
padding: 10px 20px;
}
.service-left {
order:1;
}
.buying-lists .lists-sec ul li {
width: 100%;
}
.buying-lists .lists-sec ul li a {
display: block;
float: none;
width: auto;
}
.buying-lists .lists-sec ul li a.active,
.buying-lists .lists-sec ul li a:hover {
border-bottom: 1px solid transparent;
}
.property-address {
font-size: 30px;
}
.property-address .property-price {
font-size: 25px;
}
.listed-by {
float: left;
}
header.listing-hero {
height: 450px;
}
.owl-nav {
right: 50%;
margin-right: -102px;
}
/*.IDX-wrapper-standard .IDX-detailsHotAction .IDX-btn {
font-size: 10px;
padding: 8px 2px;
}
.IDX-page-listing #IDX-detailsAddress a {
font-size: 30px;
}*/
#IDX-mortgageCalculatorContent {
width: 100%;
}
.IDX-wrapper-standard #IDX-arrow-next {
margin-right: 3px;
}
.IDX-wrapper-standard #IDX-arrow-previous {
margin-left: 3px;
}
.IDX-page-listing #IDX-detailsAddress {
font-size: 24px;
}
.agentModal-content {
width: 95%;
}
.listing-fullgal .carousel-item {
height: 500px;
}
.careers-txt {font-size: 17px;}
}
@media (max-width: 640px) {
/*.IDX-page-listing .IDX-detailsHotAction {
width: 100%;
}
.IDX-page-listing .IDX-detailsHotAction {
border: none;
}
.IDX-wrapper-standard .IDX-detailsHotAction .IDX-btn {
font-size: 14px;
}*/
.IDX-wrapper-standard #IDX-arrow-next,
.IDX-wrapper-standard #IDX-arrow-previous {
display: inline-block;
}
}
@media (max-width: 575px) {
.buying-intro {
padding-top: 80px;
}
header.hero .intro-text .intro-title {
font-size: 30px;
line-height: 42px;
}
.intro-map {
font-size: 20px;
}
.inner-head-text {
padding-bottom: 10px;
}
.form-control {
width: 100%;
font-size: 14px;
line-height: 1.5;
}
.btn-lists {
margin-top: 5px;
font-size: 14px;
}
.btn-xl {
font-size: 14px;
}
.IDX-resultsCell {
width: 100%
}
.IDX-refinementSearchLeft .IDX-refineCityCountyZipListWrap,
.IDX-refinementSearchRight div input {
width: 90px;
}
.IDX-page-listing #IDX-detailsAddress {
width: 100%;
margin-left: 0;
}
#IDX-resultsLinkNew, .intro-map {
display: none;
}
.listing-fullgal .carousel-item {
height: 400px;
}
.tax-table {
font-size: 14px;
}
.nhcareers-txt ul {
padding: 0;
}
header.promotion-header .intro-text {
height: 1000px;
}
}
@media (max-width: 480px) {
body, .carousel-control-next, .carousel-control-prev {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.listing-fullgal .carousel-item {
height: 300px;
}
}
/* Home valuation
=========================================*/
.hv-page #formComplete {
display: none;
}
.hv-page h1 {
font-family: freighttextprobold;
font-size: 35px;
margin: 0 0 0.67em 0;
}
.hv-page {
margin: 0;
background-color: #fff;
}
.hv-page .alert-danger {
color: #fff;
background-color: #b8000c;
border-color: #fff;
height: 130px;
}
.hv-page .hv-left, .hv-page .hv-right {
padding-top: 80px;
padding-bottom: 80px;
}
.hv-page .hv-right {
color: #fff;
}
.hv-page .hv-uline {
height: 2px;
width: 200px;
background-color: #d71921;
border: 0;
}
.hv-page .hv-price {
font-size: 30px;
}
.hv-page .btn-hv {
padding: 10px 40px;
}
.hv-page .nf-error-msg, .hv-page .ninja-forms-req-symbol {
color: #ffc107;
}
.hv-page .nf-field-label label {
font-weight: 400;
}
.hv-page .nf-error-msg {
font-style: italic;
}
.hv-page .nf-response-msg {
margin-top: 20px;
}
#nf-field-58-container, #nf-field-59-container {
opacity: 0;
height: 0;
z-index: -1;
margin-bottom: 0;
}
@media (min-width: 992px) {
.hv-page {
background-image: url("../living/assets/img/hvbg-full.jpg");
background-repeat: no-repeat;
background-position: 55% 0;
background-size: cover;
min-height: 961px;
}
.hv-page .hv-uline {
margin-left: -80px;
}
}
@media (min-width: 2200px) {
.hv-page {
background-image: url("../living/assets/img/hvbg-sm.jpg");
background-repeat: no-repeat;
background-position: 100% 0;
background-size: 50% 100%;
min-height: 750px;
}
}
@media (max-width: 991px) {
.hv-page .hv-right {
background-image: url("../living/assets/img/hvbg-sm.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.hv-page .container {
max-width: 100%;
}
.hv-page .hv-left, .hv-page .hv-right {
padding-top: 50px;
padding-bottom: 50px;
}
.hv-page .hv-uline {
margin-left: 0;
}
}
/* Animations
=========================================*/
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@media (min-width: 575px) {
.animated-up {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible;
animation-duration: 1.3s;
-webkit-animation-duration: 1.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.animated-left {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
visibility: visible;
animation-duration: 1.3s;
-webkit-animation-duration: 1.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.animated-right {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
visibility: visible;
animation-duration: 1.3s;
-webkit-animation-duration: 1.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
}