| Server IP : 69.164.203.165 / Your IP : 216.73.216.219 Web Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.1.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /opt/matlock/wp-content/themes/lmg_custom/ |
Upload File : |
/*
Theme Name: LawtonMG Custom Theme
Theme URI: http://lawtonmg.com
Description: This is a custom theme for Lawton Marketing Group. This was developed based on the Epik theme found at appfinite.com and studiopress.com
Author: Lawton Marketing Group
Author URI: http://lawtonmg.com
Version: 1.0.2
Template: genesis
Template Version: 2.0
*/
.popup-container .headshot a{
font-size: 16px;
}
@font-face {
font-family: 'Product Sans';
src: url('/wp-content/files/2021/fonts/productsans-regular-webfont.woff2') format('woff2'),
url('/wp-content/files/2021/fonts/productsans-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
height: 100%;
}
body {
margin: 0;
height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0; }
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}
html {
font-size: 100%;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
padding: 0;
margin: 0;
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #222222;
background: #fefefe;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
border-radius: 3px;
}
select {
width: 100%;
border-radius: 3px;
}
.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
padding: 0;
border: 0;
border-radius: 3px;
line-height: 1;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.wrap, .row {
max-width: 62.5rem;
margin-left: auto;
margin-right: auto;
}
.wrap::before, .row::before, .wrap::after, .row::after {
content: ' ';
display: table;
}
.wrap::after, .row::after {
clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row .row.collapse {
margin-left: 0;
margin-right: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-left: auto;
margin-right: auto;
}
.column, .columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
width: 100%;
float: left;
}
@media screen and (min-width: 40em) {
.column, .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left;
}
.column.row.row, .row.row.columns {
float: none;
}
.row .column.row.row, .row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.small-1 {
width: 8.33333%;
}
.small-push-1 {
position: relative;
left: 8.33333%;
}
.small-pull-1 {
position: relative;
left: -8.33333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
width: 16.66667%;
}
.small-push-2 {
position: relative;
left: 16.66667%;
}
.small-pull-2 {
position: relative;
left: -16.66667%;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-offset-2 {
margin-left: 16.66667%;
}
.small-4 {
width: 33.33333%;
}
.small-push-4 {
position: relative;
left: 33.33333%;
}
.small-pull-4 {
position: relative;
left: -33.33333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
width: 41.66667%;
}
.small-push-5 {
position: relative;
left: 41.66667%;
}
.small-pull-5 {
position: relative;
left: -41.66667%;
}
.small-offset-4 {
margin-left: 33.33333%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-offset-5 {
margin-left: 41.66667%;
}
.small-7 {
width: 58.33333%;
}
.small-push-7 {
position: relative;
left: 58.33333%;
}
.small-pull-7 {
position: relative;
left: -58.33333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
width: 66.66667%;
}
.small-push-8 {
position: relative;
left: 66.66667%;
}
.small-pull-8 {
position: relative;
left: -66.66667%; }
.small-offset-7 {
margin-left: 58.33333%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-offset-8 {
margin-left: 66.66667%;
}
.small-10 {
width: 83.33333%;
}
.small-push-10 {
position: relative;
left: 83.33333%;
}
.small-pull-10 {
position: relative;
left: -83.33333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
width: 91.66667%;
}
.small-push-11 {
position: relative;
left: 91.66667%;
}
.small-pull-11 {
position: relative;
left: -91.66667%;
}
.small-offset-10 {
margin-left: 83.33333%;
}
.small-12 {
width: 100%;
}
.small-offset-11 {
margin-left: 91.66667%;
}
.small-up-1 > .column, .small-up-1 > .columns {
width: 100%;
float: left;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left;
}
.small-up-2 > .column, .small-up-2 > .columns {
width: 50%;
float: left;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left;
}
.small-up-3 > .column, .small-up-3 > .columns {
width: 33.33333%;
float: left;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left;
}
.small-up-4 > .column, .small-up-4 > .columns {
width: 25%;
float: left;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left;
}
.small-up-5 > .column, .small-up-5 > .columns {
width: 20%;
float: left;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left;
}
.small-up-6 > .column, .small-up-6 > .columns {
width: 16.66667%;
float: left;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left;
}
.small-up-7 > .column, .small-up-7 > .columns {
width: 14.28571%;
float: left;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left;
}
.small-up-8 > .column, .small-up-8 > .columns {
width: 12.5%;
float: left;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left;
}
.small-collapse > .column, .small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.small-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
@media screen and (min-width: 40em) {
.medium-1 {
width: 8.33333%;
}
.medium-push-1 {
position: relative;
left: 8.33333%;
}
.medium-pull-1 {
position: relative;
left: -8.33333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.66667%;
}
.medium-push-2 {
position: relative;
left: 16.66667%;
}
.medium-pull-2 {
position: relative;
left: -16.66667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.medium-4 {
width: 33.33333%;
}
.medium-push-4 {
position: relative;
left: 33.33333%;
}
.medium-pull-4 {
position: relative;
left: -33.33333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.66667%;
}
.medium-push-5 {
position: relative;
left: 41.66667%;
}
.medium-pull-5 {
position: relative;
left: -41.66667%;
}
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.medium-7 {
width: 58.33333%;
}
.medium-push-7 {
position: relative;
left: 58.33333%;
}
.medium-pull-7 {
position: relative;
left: -58.33333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.66667%;
}
.medium-push-8 {
position: relative;
left: 66.66667%;
}
.medium-pull-8 {
position: relative;
left: -66.66667%;
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.medium-10 {
width: 83.33333%;
}
.medium-push-10 {
position: relative;
left: 83.33333%;
}
.medium-pull-10 {
position: relative;
left: -83.33333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.66667%;
}
.medium-push-11 {
position: relative;
left: 91.66667%;
}
.medium-pull-11 {
position: relative;
left: -91.66667%;
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.medium-up-1 > .column, .medium-up-1 > .columns {
width: 100%;
float: left;
}
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column, .medium-up-2 > .columns {
width: 50%;
float: left;
}
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column, .medium-up-3 > .columns {
width: 33.33333%;
float: left;
}
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column, .medium-up-4 > .columns {
width: 25%;
float: left;
}
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column, .medium-up-5 > .columns {
width: 20%;
float: left;
}
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column, .medium-up-6 > .columns {
width: 16.66667%;
float: left;
}
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column, .medium-up-7 > .columns {
width: 14.28571%;
float: left;
}
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column, .medium-up-8 > .columns {
width: 12.5%;
float: left;
}
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column, .medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.medium-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.medium-uncentered, .medium-push-0, .medium-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
.genesis-nav-menu{
display: none;
}
.head-wrap{
width: 100%;
max-width: 100%;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
transition: all .5s;
background: #fff;
}
.overimage .head-wrap{
background: none;
}
.overimage .head-wrap img{
filter: brightness(0) invert(1);
}
.site-header > .wrap{
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 64em) and (min-width: 700px){
.site-header > .wrap{
display: flex;
}
.site-header > .wrap .header-widget-area{
margin-right:100px;
margin-top: 10px;
}
}
.site-header > .wrap > .title-area{
font-weight: 600;
float: none;
padding: 0;
color: #fff;
}
.site-header > .wrap > .title-area a{
color: #fff;
}
.site-header p.site-title{
font-size: 2rem;
}
.site-header p.site-description{
font-size: 1rem;
font-weight: 300;
}
.site-header > .wrap > .header-widget-area{
padding: 0 1em;
}
.site-header > .wrap > .header-widget-area img{
width: 30px;
}
.mobile-menu{
position: fixed;
right: -350px;
width: 350px;
top: 0;
height: 100%;
background: #1a1a1a;
z-index: 1002;
transition: all .5s;
padding: 100px 40px 0 40px;
}
.mobile-menu ul{
margin: 0;
list-style: none;
}
.mobile-menu ul.menu li.menu-item{
list-style: none;
border-bottom: 1px dashed #555;
}
.mobile-menu ul.menu li.menu-item-has-children > a:after{
content: "\f123";
font-family: "Ionicons";
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1rem;
right: 1em;
}
.mobile-menu ul.menu li.menu-item-has-children.active > a:after,
.mobile-menu ul.menu li.menu-item > a{
display: block;
padding: 1em 3em 1em .5em;
font-size: 1.15rem;
text-transform: uppercase;
position: relative;
color: #fff;
}
.mobile-menu ul.menu li.menu-item .sub-menu{
background: #9f1c20;
display: none;
}
.mobile-menu-icon{
display: block;
position: fixed;
top: 20px;
right: 20px;
padding: 10px 20px;
z-index: 1003;
font-size: 2rem;
background: #1a1a1a;
line-height: 0;
color: #fff;
}
.mob-menu-active .mobile-menu{
right:0px;
}
.mob-menu-active .mobile-menu-icon{
top: 0;
color: #333;
background: #fff;
}
.admin-bar .mobile-menu-icon{
top: 52px;
}
.admin-bar .mobile-menu{
top: 32px;
}
.nav-primary{
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
background: #9f1c20;
}
.nav-primary .wrap{
text-align: center;
}
@media screen and (min-width: 64em) {
.mobile-menu,
.mobile-menu-icon{
display: none;
}
.nav-header{
display: block;
width: 100%;
}
.genesis-nav-menu{
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
margin: 0;
font-size: 1em;
text-transform: uppercase;
}
.overimage .genesis-nav-menu{
font-size: .85em;
}
.genesis-nav-menu > li{
display: inline-block;
position: relative;
}
.overimage .genesis-nav-menu > li:last-child > a{
border: 2px solid #fff;
}
.genesis-nav-menu > li:last-child > a{
border: 2px solid #9f1c20;
}
.genesis-nav-menu > li > a{
display: inline-block;
padding: .15em .5em;
font-weight: 500;
margin: 0 0 0 10px;
color: #9f1c20;
transition: all .5s;
}
.overimage .genesis-nav-menu > li > a:hover{
color: #9f1c20;
}
.overimage .genesis-nav-menu > li > a {
color: #fff;
}
.genesis-nav-menu li:hover a{
color: #333;
}
.genesis-nav-menu > li > ul.sub-menu{
position: absolute;
list-style: none;
padding: 0;
margin: 0;
display: none;
min-width: 100%;
white-space: nowrap;
text-align: left;
z-index: 1001;
}
.genesis-nav-menu > li > ul.sub-menu > li{
list-style: none;
padding: 0;
margin: 0;
}
.genesis-nav-menu > li > ul.sub-menu > li > a{
display: block;
background: #9f1c20;
padding: .5rem 1rem;
color: #fff;
}
.genesis-nav-menu > li > ul.sub-menu > li > a:hover{
color: #fff;
background: #9f1c20;
}
.site-container{
min-height: 100%;
width: 100%;
}
.site-inner{
width: 100%;
}
.head-wrap{
color: #222;
}
.head-wrap a{
color: #222;
}
.site-header {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0 2em;
transition: all .5s;
}
.overimage .site-header{
padding: 0 1em;
}
.site-header > .wrap {
display: flex;
flex-flow: row wrap;
align-items: center;
width: 100%;
max-width: 100%;
}
.site-header > .wrap > .title-area{
display: flex;
align-items: center
}
.site-header > .wrap > .title-area img{
width: 220px;
transition: all .5s;
}
.overimage .site-header > .wrap > .title-area img{
width: 150px;
}
.site-header > .wrap > .header-widget-area{
float: none;
}
.site-header > .wrap > .title-area,
.site-header > .wrap > .header-widget-area{
padding: 0 0 0 0;
}
.large-1 {
width: 8.33333%;
}
.large-push-1 {
position: relative;
left: 8.33333%;
}
.large-pull-1 {
position: relative;
left: -8.33333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.66667%;
}
.large-push-2 {
position: relative;
left: 16.66667%;
}
.large-pull-2 {
position: relative;
left: -16.66667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.66667%;
}
.large-4 {
width: 33.33333%;
}
.large-push-4 {
position: relative;
left: 33.33333%;
}
.large-pull-4 {
position: relative;
left: -33.33333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.66667%;
}
.large-push-5 {
position: relative;
left: 41.66667%;
}
.large-pull-5 {
position: relative;
left: -41.66667%;
}
.large-offset-4 {
margin-left: 33.33333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.66667%;
}
.large-7 {
width: 58.33333%;
}
.large-push-7 {
position: relative;
left: 58.33333%;
}
.large-pull-7 {
position: relative;
left: -58.33333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.66667%;
}
.large-push-8 {
position: relative;
left: 66.66667%;
}
.large-pull-8 {
position: relative;
left: -66.66667%;
}
.large-offset-7 {
margin-left: 58.33333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.66667%;
}
.large-10 {
width: 83.33333%;
}
.large-push-10 {
position: relative;
left: 83.33333%;
}
.large-pull-10 {
position: relative;
left: -83.33333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.66667%;
}
.large-push-11 {
position: relative;
left: 91.66667%;
}
.large-pull-11 {
position: relative;
left: -91.66667%;
}
.large-offset-10 {
margin-left: 83.33333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.66667%;
}
.large-up-1 > .column, .large-up-1 > .columns {
width: 100%;
float: left;
}
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column, .large-up-2 > .columns {
width: 50%;
float: left;
}
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column, .large-up-3 > .columns {
width: 33.33333%;
float: left;
}
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column, .large-up-4 > .columns {
width: 25%;
float: left;
}
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column, .large-up-5 > .columns {
width: 20%;
float: left;
}
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column, .large-up-6 > .columns {
width: 16.66667%;
float: left;
}
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column, .large-up-7 > .columns {
width: 14.28571%;
float: left;
}
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column, .large-up-8 > .columns {
width: 12.5%;
float: left;
}
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column, .large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.large-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
div, dl, dt, dd, ul, ol, li, h1, h2,h3, h4, h5,h6, pre, form, p, blockquote, th,td {
margin: 0;
padding: 0; }
p {
font-size: inherit;
line-height: 1.6;
margin: 10px 0;
text-rendering: optimizeLegibility; }
em, i {
font-style: italic;
line-height: inherit; }
strong, b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 80%;
line-height: inherit; }
h1, h2, h3, h4, h5, h6 {
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
font-weight: normal;
font-style: normal;
color: #222222;
text-rendering: optimizeLegibility;
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.4;
text-transform: uppercase;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #cacaca;
line-height: 0;
}
h1 {
font-size: 1.5rem; }
h2 {
font-size: 1.25rem; }
h3 {
font-size: 1.1875rem; }
h4 {
font-size: 1.125rem; }
h5 {
font-size: 1.0625rem; }
h6 {
font-size: 1rem; }
@media screen and (min-width: 40em) {
h1 {
font-size: 3rem;
}
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 1.9375rem;
}
h4 {
font-size: 1.5625rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
}
a {
color: #9f1c20;
text-decoration: none;
line-height: inherit;
cursor: pointer;
}
a:hover, a:focus {
color: #9f1c20;
}
a img {
border: 0;
}
hr {
max-width: 62.5rem;
height: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
margin: 1.25rem auto;
clear: both;
}
ul, ol, dl {
line-height: 1.6;
margin-bottom: 1rem;
list-style-position: outside;
}
li {
font-size: inherit;
}
ul {
list-style-type: disc;
margin-left: 1.25rem;
}
ol {
margin-left: 1.25rem;
}
ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a;
}
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a;
}
cite:before {
content: '\2014 \0020';
}
abbr {
color: #222222;
cursor: help;
border-bottom: 1px dotted #0a0a0a;
}
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a;
background-color: #e6e6e6;
border: 1px solid #cacaca;
padding: 0.125rem 0.3125rem 0.0625rem;
}
kbd {
padding: 0.125rem 0.25rem 0;
margin: 0;
background-color: #e6e6e6;
color: #0a0a0a;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
.no-bullet {
margin-left: 0;
list-style: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media screen and (min-width: 40em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
.sign-up-container input[type="submit"],
.request-form input[type="submit"],
.contact-form input[type="submit"],
.mls-search input[type="submit"],
.button {
display: inline-block;
text-align: center;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 3px;
padding: 0.85em 1em;
font-size: 1rem;
background-color: #9f1c20;
color: #fff;
font-weight: bold;
text-transform: uppercase;
border-radius: 0;
}
[data-whatinput='mouse'] .button {
outline: 0;
}
.sign-up-container input[type="submit"]:hover,
.contact-form input[type="submit"]:hover,
.mls-search input[type="submit"]:hover,
.button:hover, .button:focus {
background-color: #9f1c20;
color: #fff;
}
.contact-form-container h2{
color: #9f1c20;
}
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
display: block;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.button.primary {
background-color: #9f1c20;
color: #fff;
}
.button.primary:hover, .button.primary:focus {
background-color: #2285a2;
color: #fff;
}
.button.secondary {
background-color: #e9e9e9;
color: #fff;
}
.button.secondary:hover, .button.secondary:focus {
background-color: #bababa;
color: #fff;
}
.button.success {
background-color: #5da423;
color: #fff;
}
.button.success:hover, .button.success:focus {
background-color: #4a831c;
color: #fff;
}
.button.alert {
background-color: #9e0c0f;
color: #fff;
}
.button.alert:hover, .button.alert:focus {
background-color: #9e0c0f;
color: #fff;
}
.button.warning {
background-color: #ffae00;
color: #fff;
}
.button.warning:hover, .button.warning:focus {
background-color: #cc8b00;
color: #fff;
}
.button.hollow {
border: 1px solid #9f1c20;
color: #9f1c20;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus {
background-color: transparent;
}
.button.hollow:hover, .button.hollow:focus {
border-color: #165366;
color: #165366;
}
.button.hollow.primary {
border: 1px solid #9f1c20;
color: #9f1c20;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #165366;
color: #165366;
}
.button.hollow.secondary {
border: 1px solid #e9e9e9;
color: #e9e9e9;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #757575;
color: #757575;
}
.button.hollow.success {
border: 1px solid #5da423;
color: #5da423;
}
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #2f5212;
color: #2f5212;
}
.button.hollow.alert {
border: 1px solid #9e0c0f;
color: #9e0c0f;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #63080a;
color: #63080a; }
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #805700;
color: #805700;
}
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed;
pointer-events: none;
}
.button.dropdown::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 0.4em;
border-color: #fefefe transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
position: relative;
top: 0.4em;
float: right;
margin-left: 1em;
display: inline-block;
}
.button.arrow-only::after {
margin-left: 0;
float: none;
top: 0.2em;
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #cacaca;
margin: 0 0 1rem;
font-family: inherit;
font-size: 1rem;
color: #0a0a0a;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
border-radius: 3px;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
border: 1px solid #8a8a8a;
background-color: #fefefe;
outline: none;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea {
max-width: 100%;
}
textarea[rows] {
height: auto;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: default;
}
[type='submit'],
[type='button'] {
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type='search'] {
box-sizing: border-box;
}
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem;
}
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline;
}
label > [type='checkbox'],
label > [type='label'] {
margin-right: 0.5rem;
}
[type='file'] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a;
}
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #333;
}
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem;
}
.input-group > :first-child {
border-radius: 3px 0 0 3px;
}
.input-group > :last-child > * {
border-radius: 0 3px 3px 0;
}
.input-group-label, .input-group-field, .input-group-button {
display: table-cell;
margin: 0;
vertical-align: middle;
}
.input-group-label {
text-align: center;
width: 1%;
height: 100%;
padding: 0 1rem;
background: #e6e6e6;
color: #0a0a0a;
border: 1px solid #cacaca;
white-space: nowrap;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
height: 2.5rem;
}
.input-group-button {
height: 100%;
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 1%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button {
margin: 0;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
legend {
margin-bottom: 0.5rem;
max-width: 100%;
width: 100%;
}
.fieldset {
border: 1px solid #cacaca;
padding: 1.25rem;
margin: 1.125rem 0;
}
.fieldset legend {
background: #fefefe;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem;
}
select {
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #cacaca;
margin: 0 0 1rem;
font-size: 1rem;
font-family: inherit;
line-height: normal;
color: #0a0a0a;
background-color: #fefefe;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2851, 51, 51%29"></polygon></svg>');
background-size: 9px 6px;
background-position: right center;
background-origin: content-box;
background-repeat: no-repeat;
}
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
select:disabled {
background-color: #e6e6e6;
cursor: default;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
}
.is-invalid-input:not(:focus) {
background-color: rgba(198, 15, 19, 0.1);
border-color: #9e0c0f;
}
.is-invalid-label {
color: #9e0c0f;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #9e0c0f;
}
.form-error.is-visible {
display: block;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
.site-footer {
background: #1a1a1a;
color: #aaa;
font-size: 14px;
text-align: center;
}
.site-footer .wrap {
padding: 1em;
}
.site-footer a {
color: #fff;
font-weight: 400;
}
.site-footer p {
margin: 0;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important;
}
}
@media screen and (min-width: 40em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important;
}
}
@media screen and (min-width: 64em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important;
}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix::before, .clearfix::after {
content: ' ';
display: table;
}
.clearfix::after {
clear: both;
}
.button-group {
margin-bottom: 1rem;
font-size: 0.9rem;
}
.button-group::before, .button-group::after {
content: ' ';
display: table;
}
.button-group::after {
clear: both;
}
.button-group .button {
float: left;
margin: 0;
font-size: inherit;
}
.button-group .button:not(:last-child) {
border-right: 1px solid #fefefe;
}
.button-group.tiny {
font-size: 0.6rem;
}
.button-group.small {
font-size: 0.75rem;
}
.button-group.large {
font-size: 1.25rem;
}
.button-group.expanded {
display: table;
table-layout: fixed;
width: 100%;
}
.button-group.expanded::before, .button-group.expanded::after {
display: none;
}
.button-group.expanded .button {
display: table-cell;
float: none;
}
.button-group.primary .button {
background-color: #9f1c20;
color: #fefefe;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: #2285a2;
color: #fefefe;
}
.button-group.secondary .button {
background-color: #e9e9e9;
color: #0a0a0a;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
background-color: #bababa;
color: #0a0a0a;
}
.button-group.success .button {
background-color: #5da423;
color: #fefefe;
}
.button-group.success .button:hover, .button-group.success .button:focus {
background-color: #4a831c;
color: #fefefe;
}
.button-group.alert .button {
background-color: #9e0c0f;
color: #fefefe;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
background-color: #9e0c0f;
color: #fefefe;
}
.button-group.warning .button {
background-color: #ffae00;
color: #fefefe;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
background-color: #cc8b00;
color: #fefefe;
}
.button-group.stacked .button, .button-group.stacked-for-small .button {
width: 100%;
}
.button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child) {
border-right: 1px solid;
}
@media screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
width: auto;
}
.button-group.stacked-for-small .button:not(:last-child) {
border-right: 1px solid #fefefe;
}
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
display: block;
border-right: 0;
}
}
.close-button {
position: absolute;
color: #8a8a8a;
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1;
cursor: pointer;
}
[data-whatinput='mouse'] .close-button {
outline: 0;
}
.close-button:hover, .close-button:focus {
color: #0a0a0a;
}
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #e6e6e6;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #cacaca;
transition: all 0.2s ease-in-out; }
.slider-fill.is-dragging {
transition: all 0s linear; }
.slider-handle {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
background-color: #9f1c20;
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation;
border-radius: 3px; }
[data-whatinput='mouse'] .slider-handle {
outline: 0; }
.slider-handle:hover {
background-color: #9f1c20; }
.slider-handle.is-dragging {
transition: all 0s linear; }
.slider.disabled,
.slider[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.slider.vertical {
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
.slider.vertical .slider-fill {
top: 0;
width: 0.5rem;
max-height: 100%;
}
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.switch {
margin-bottom: 1rem;
outline: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fefefe;
font-weight: bold;
font-size: 0.875rem;
}
.switch-input {
opacity: 0;
position: absolute;
}
.switch-paddle {
background: #cacaca;
cursor: pointer;
display: block;
position: relative;
width: 4rem;
height: 2rem;
transition: all 0.25s ease-out;
border-radius: 3px;
color: inherit;
font-weight: inherit;
}
input + .switch-paddle {
margin: 0;
}
.switch-paddle::after {
background: #fefefe;
content: '';
display: block;
position: absolute;
height: 1.5rem;
left: 0.25rem;
top: 0.25rem;
width: 1.5rem;
transition: all 0.25s ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-radius: 3px;
}
input:checked ~ .switch-paddle {
background: #9f1c20;
}
input:checked ~ .switch-paddle::after {
left: 2.25rem;
}
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
outline: 0;
}
.switch-active, .switch-inactive {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.switch-active {
left: 8%;
display: none; }
input:checked + label > .switch-active {
display: block; }
.switch-inactive {
right: 15%; }
input:checked + label > .switch-inactive {
display: none; }
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
width: 1rem;
height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle:after {
left: 1.75rem; }
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem; }
.switch.small .switch-paddle::after {
width: 1.25rem;
height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle:after {
left: 2rem; }
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem;
}
.switch.large .switch-paddle::after {
width: 2rem;
height: 2rem;
}
.switch.large input:checked ~ .switch-paddle:after {
left: 2.75rem;
}
/**** Static Home Page****/
.hero-image .wrap{
max-width: 100%;
position: relative;
}
.cycle-slideshow{
width: 100%;
position: relative;
padding-bottom: 55%;
}
.cycle-slideshow .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 25%;
}
.page-featured-listings-title .overlay-text,
.featured-listings-title .overlay-text,
.cycle-slideshow .slide .overlay-text{
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 90%;
text-align: center;
color: #fff;
text-transform: uppercase;
padding: 2em 1em;
border: 2px solid #fff;
max-width: 1000px;
}
.page-featured-listings-title .overlay-text h1,
.page-featured-listings-title .overlay-text h2,
.featured-listings-title .overlay-text h1,
.featured-listings-title .overlay-text h2{
color: #fff;
margin: 0;
bottom: 0;
left: 0;
}
.cycle-slideshow .slide .overlay-text p{
font-size: 1.3rem;
margin: 0;
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
line-height: 1.3;
}
.cycle-slideshow .slide .overlay-text a.button{
background: none;
border: 2px solid #fff;
}
.cycle-slideshow .slide .overlay-text a.button:hover{
background: #fff;
color: #9f1c20;
}
.slide .gradient-overlay{
position: absolute;
bottom: 0;
width: 100%;
height: 250px;
left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
opacity: 0.5;
}
@media screen and (min-width: 40em) {
.cycle-slideshow {
padding: 0;
padding-bottom: 56.25%;
}
.page-featured-listings-title .overlay-text,
.featured-listings-title .overlay-text,
.cycle-slideshow .slide .overlay-text {
bottom: 100px;
}
.cycle-slideshow .slide .overlay-text p {
font-size: 3rem;
}
.slide .gradient-overlay {
opacity: 1;
}
}
.home .site-inner > .wrap > .content-sidebar-wrap{
padding: 2em .5em
}
.home .site-inner > .wrap > .content-sidebar-wrap > .content > article{
padding: 1em 1em 2em;
border-bottom: 1px solid #ddd;
margin-bottom: 1em;
}
.home .site-inner > .wrap > .content-sidebar-wrap > .content > article .entry-content{
padding: 2em 0;
}
.home .site-inner > .wrap > .content-sidebar-wrap > .content > article .entry-header p,
.home .site-inner > .wrap > .content-sidebar-wrap > .content > article .entry-footer p{
margin: 0 0 0 0;
}
.home .site-inner > .wrap > .content-sidebar-wrap > .content > article .entry-header .entry-meta,
.home .site-inner > .wrap > .content-sidebar-wrap > .content > article .entry-footer .entry-meta{
background: #fff;
color: #000;
font-size: .75rem;
}
/**** Widget Based Homepage ****/
.tier-1,
.tier-4 {
padding: 3em .5em 4em;
}
.tier-1 > .wrap{
width: 100%;
margin: 0 auto;
max-width: 1200px;
}
.tier-2{
background: #f2f2f2 no-repeat center center / cover;
border-top: 1px solid #ddd;
text-align: center;
overflow: hidden;
padding: 2em;
}
.tier-2 h2{
color: #fff;
font-weight: 300;
font-size: 2rem;
}
@media screen and (min-width: 800px){
.tier-2{
padding: 10em .5em;
}
.tier-2 h2{
font-size: 3rem;
}
}
.tier-2 {
background-image: url('/wp-content/files/tier-background-image.jpg');
}
.tier-2 .button{
text-transform: uppercase;
font-weight: bold;
padding: 1em 2em;
letter-spacing: 2px;
border-radius: 0;
}
.tier-2 .wwu-container{
background: rgba(0,0,0,.7);
padding: 4em 2em;
color: #fff;
}
.tier-2 .wwu-container a.button{
background: none;
border: 2px solid #fff;
}
.tier-2 .wwu-container a.button:hover{
background: #fff;
color: #9f1c20;
}
.tier-2 .magazine-container{
background: rgba(255,255,255,.9);
padding: 2em;
}
.tier-2 .magazine-container img{
width: 150px;
mix-blend-mode: multiply;
margin-top: 10px;
}
.tier-2 .magazine-container h2{
color: #9f1c20;
margin: 0;
}
.tier-2 .magazine-container p{
margin: 0;
}
.tier-2 .magazine-container a.button{
background: none;
border: 2px solid #9f1c20;
color: #9f1c20;
}
.tier-2 .magazine-container a.button:hover{
background: #9f1c20;
color: #fff;
}
@media screen and (min-width: 40em) {
.tier-2 {
background-attachment: fixed;
}
}
/*** Site Wide ***/
.top-bar{
background: #9f1c20;
color: #fff;
font-size: 1.25rem;
text-align: right;
width: 100%;
max-width: 100%;
text-align: center;
}
.top-bar ul{
margin: 0 0 0 0;
}
.top-bar ul > li{
display: inline-block;
}
.top-bar ul > li > a{
display: inline-block;
padding: .25em .5em;
}
@media only screen and (min-width: 42em){
.top-bar{
text-align: right;
}
}
.top-bar p{
margin: 0 0 0 0;
}
.top-bar a.fa{
display: inline-block;
padding: 1em;
}
.top-bar a.fa:hover{
color: #ddd;
}
.single-post .site-inner > .wrap,
.page .site-inner > .wrap{
max-width: 100%;
}
.single-post .site-inner > .wrap .entry-header,
.page .site-inner > .wrap .entry-header{
text-align: center;
padding: 2em;
}
.notfound-container{
padding: 1em;
margin: 1em;
background: #f2f2f2;
border: 1px solid #ddd;
width: 100%;
max-width: 800px;
margin: 1em auto;
text-align: center;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tier-1-title-container{
/***border: 4px solid #9f1c20;
padding: 1em;***/
}
.tier-4 {
background: #fff;
padding: 8em 1em;
}
.tier-4 h2,
.tier-bg h2,
.tier-1-title-container h1{
margin: 0;
font-weight: 300;
font-size: 2rem;
}
.tier-1-title-container h2,
.tier-1-title-container h1{
font-family: 'Amiri', Times New Roman, Times, serif;
}
.tier-4 h2,
.tier-bg h2{
text-align: center;
}
.tier-4 h2::after,
.tier-bg h2::after{
width: 150px;
height: 3px;
background: #9f1c20;
content: "";
display: block;
margiN: 20px auto 40px;
}
.tier-1-title-container h2{
color: #9f1c20;
font-size: 1.3rem;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
margin: 0.5em 0 0;
}
@media screen and (min-width: 40em) {
.tier-4 h2,
.tier-bg h2,
.tier-1-title-container h1 {
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 1rem;
}
.tier-1-title-container h2 {
font-size: 1.5rem;
margin: 0;
}
}
@media screen and (min-width: 64em) {
.tier-4 h2,
.tier-bg h2,
.tier-1-title-container h1 {
font-size: 3.25rem;
}
}
.awards-list{
display: flex;
align-items: center;
justify-content: center;
flex-flow: row wrap;
}
.awards-list li{
list-style: none;
padding: 0 1em;
width: 25%;
}
@media screen and (min-width: 800px){
.awards-list{
flex-flow: row nowrap;
}
.awards-list li{
width: fit-content;
}
}
.footer-widgets-2{
overflow: hidden;
}
.footer-widgets-2 .awards-list{
margin: 2em auto;
}
.tier-1-content{
padding: 1em;
text-align: center;
font-size: 1.3rem;
}
.tier-1-quote{
text-align: center;
max-width: 800px;
margin: 0 auto;
padding: 2em 1em;
border-top: 2px solid #9f1c20;
border-bottom: 2px solid #9f1c20;
margin-top: 1em;
}
.page .tier-1-quote {
margin-top: -3em;
}
.tier-1-quote p{
color: #777;
font-size: 2.5rem;
line-height: 2.75rem;
margin: 0;
}
.tier-1-quote p span{
color: #9f1c20;
}
.tier-1-form{
border: 1px solid #ddd;
padding: 1em;
text-align: center;
}
.tier-1-form h3{
font-size: 1.25rem;
text-align: center;
text-transform: uppercase;
color: #9f1c20;
font-weight: bold;
letter-spacing: 2px;
}
@media screen and (min-width: 40em) {
.tier-1-quote p span {
display: block;
}
}
.sign-up-container input[type="email"],
.sign-up-container input[type="text"],
.lil-form input[type="text"],
.tier-1-form input[type="text"]{
padding: 1em;
box-shadow: none;
border-radius: 0;
border: 1px solid #ddd;
}
.tier-1-form input[type="submit"]{
background: none;
font-weight: bold;
border: 0;
border-radius: 0;
margin: 0;
}
.tier-1-form .submit-button{
text-transform: uppercase;
font-weight: bold;
color: #fff;
background: #9f1c20;
padding: .25em 1em;
margin: 0 auto;
width: 150px;
text-align: left;
transition: all .5s;
cursor: pointer;
}
.tier-1-form .submit-button:after{
content: "\f3d3";
color: #fff;
font-family: "Ionicons";
font-size: 1.5rem;
vertical-align: middle;
margin-left: 20px;
transition: all .5s;
}
.tier-1-form .submit-button:hover{
background: #9f1c20;
}
.tier-1-form .submit-button:hover:after{
margin-left: 30px;
}
.tier-1-call-outs::after,
.tier-1-call-outs::before{
content: "";
display: block;
width: 0;
height: 2px;
background: #9f1c20;
margin: 2em auto 0;
transition: all 1s;
}
.tier-1-call-outs::before{
margin: 0 auto 2em;
}
.tier-1-call-outs.active::after,
.tier-1-call-outs.active::before{
width: 100%;
}
@media screen and (min-width: 40em) {
.tier-1-call-outs .table-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: stretch;
}
.tier-1-call-outs .table-container .columns {
display: -ms-flexbox;
display: flex;
align-items: stretch;
}
}
.tier-1-call-outs .button {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
-ms-flex-pack: center;
text-align: center;
margin: 0.5em 0;
font-size: 1.15em;
padding: 30px 10px;
}
.tier-1-call-outs .row{
max-width: 100%;
}
.top-right{
width: 100%;
}
.top-right a.button{
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
border-radius: 0;
background: none;
border: 2px solid #9f1c20;
color: #9f1c20;
display: inline-block;
margin-left: 2px;
transition: all .5s;
}
.top-right a.button:hover{
background: #9f1c20;
color: #fff;
}
.top-right a.button.ion-social-facebook{
background: #3b5998;
border: 0;
font-size: 1.35rem;
padding: 10.5px 20px;
color: #fff;
transition: all .5s;
}
.top-right a.button.ion-social-facebook:hover{
background: #3b5998;
opacity: .6;
}
.top-right p{
margin: 0 0 5px;
}
.top-right input[type="text"]{
padding: 1em;
box-shadow: none;
border-radius: 0;
border: 1px solid #ddd;
border-right: 0;
display: inline-block;
width: 225px;
vertical-align: top;
margin: 0;
}
.top-right input[type="submit"]{
background: #9f1c20;
border: 0;
border-radius: 0;
width: 52px;
height: 39px;
display: inline-block;
vertical-align: top;
background: #9f1c20 url('/files/search-icon-white.png') no-repeat center center;
}
.top-right input[type="submit"]:hover{
background: #9f1c20 url('/files/search-icon-white.png') no-repeat center center;
}
.top-right .phone{
font-size: .85rem;
margin: 10px 0;
font-weight: 500;
text-transform: uppercase;
color: #fff;
text-align: center;
transition: all .5s;
}
.top-right .phone a{
color: #777;
transition: all .5s;
}
.overimage .top-right .phone,
.overimage .phone a{
color: #fff;
}
.top-right .phone span.sep{
margin: 0 10px;
}
.top-right .phone span.sep:empty{
margin: 0 5px;
}
@media screen and (min-width: 40em) {
.top-right .phone {
font-size: 0.95rem;
text-align: right;
}
}
.featured-listing-container{
text-align: center;
max-width: 80%;
margin: 0 auto;
}
.owl-theme.featured-listing-container .owl-nav .owl-prev {
left: -17%;
}
.owl-theme.featured-listing-container .owl-nav .owl-next {
right: -17%;
}
@media screen and (min-width: 40em) {
.featured-listing-container {
max-width: none;
}
.owl-theme.featured-listing-container .owl-nav .owl-prev {
left: -100px;
}
.owl-theme.featured-listing-container .owl-nav .owl-next {
right: -100px;
}
}
.featured-listing-carousel{
padding: 1em;
background: #fff;
text-align: center;
position: relative;
}
.home .featured-listing-carousel > img {
height: 199px;
width: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.single-featured-listings .featured-listing-carousel {
height: auto;
}
.slider-wrapper {
/* position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; */
position: relative;
}
.slider-wrapper .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #fff;
z-index: 99;
}
.slider-wrapper .slick-prev {
left: 5em;
}
.slider-wrapper .slick-next {
right: 5em;
}
@media screen and (max-width: 1023px){
.slider-wrapper .slick-arrow {
transform: translateY(-50%);
}
.slider-wrapper .slick-prev {
left:1em;
z-index: 1001;
width: 30px;
}
.slider-wrapper .slick-next {
right:1em;
width: 30px;
z-index: 1001;
}
}
.slider-wrapper .slick-list img {
/* position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
color: #ddd;
object-fit: cover;
object-position: center center;
font-family: 'object-fit: cover; object-position: center center;'; */
}
.slider-wrapper .slick-list img{
width: 100%;
max-width:100%;
}
.slider-wrapper .slick-slider,
.slider-wrapper .slick-list,
.slider-wrapper .slick-track,
.slider-wrapper .slick-slide {
/* height: 100%; */
}
.slider-wrapper .slick-slide {
position: relative;
}
.inner-cast-box {
background: #fff;
max-height: 85%;
}
.inner-cast-box img{
max-height: 80vh;
}
@media screen and (min-width: 40em){
.inner-cast-box img{
max-height: 490px;
height: 100%;
max-width: 700px;
}
.inner-cast-box{
max-height: 515px;
}
}
.overlay-link{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
text-indent: -9999px;
}
.
.fl-gallery{
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
padding: 2em 0;
margin: 2em 0;
}
.featured-listing-carousel .featured-listing-seemore{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
background: rgba(0,0,0,.7) url('/wp-content/uploads/2017/01/zoombg.png') no-repeat center center;
opacity: 0;
transition: all .5s;
}
.featured-listing-carousel:hover .featured-listing-seemore{
opacity: 1;
}
.featured-listing-title{
text-transform: uppercase;
color: #9f1c20;
margin: 5px auto;
font-size: 1.3rem !important;
}
.featured-listing-title .init-container{
height: 65px;
}
.featured-listing-title .address {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 1.15em;
line-height: 1.15;
}
.featured-listing-title .price {
display: block;
font-size: 1.15em;
line-height: 1.15;
}
.featured-listing-title .beds,
.featured-listing-title .baths {
display: inline-block;
text-align: left;
font-size: .85em;
border-left: 2px solid #fff;
line-height: .85;
padding-left: .5em;
margin-left: .25em;
}
.featured-listing-title .beds.nopadding{
padding-left: 0;
border-left: 0;
margin-left: 0;
}
.listings-page-container .featured-listing-title {
margin: 12px auto 0;
}
.footer-widgets .wrap{
max-width: 100%;
}
.footer-widgets-1{
background: #9f1c20;
padding: 4em .5em 3em;
max-width: 100%;
}
.footer-widgets-1 input::placeholder{
color: #000;
}
.property-contact input[type="text"],
.property-contact input[type="email"],
.property-contact input[type="tel"],
.footer-widgets-1 input[type="text"],
.footer-widgets-1 input[type="number"],
.footer-widgets-1 select{
height: 64px;
box-shadow: none;
border-radius: 0;
border: 0;
border-right: 0;
display: inline-block;
width: 100%;
min-width: 0;
vertical-align: top;
margin: 0 0 2px;
}
.footer-widgets-1 input[type="number"] {
width: 100%;
}
.footer-widgets-1 select {
height: auto;
padding: 1.4em .5em;
}
.footer-widgets-1 #sf3_unit_living_area_chosen,
.footer-widgets-1 .search_reset_box {
display: none;
}
.footer-widgets-1 .columns{
padding: 0 1px;}
.property-contact input[type="text"],
.property-contact input[type="email"],
.property-contact input[type="tel"]{
width: 100%;
border-radius: 0;
border: 0;
box-shadow: none;
}
.invalid {
box-shadow: 0 0 5px 1px #9f1c20 !important;
}
.property-contact .table-container {
width: 100%;
}
.property-contact .table-container .columns,
.property-contact .table-container .columns > p,
.property-contact .table-container .columns textarea {
height: 100%;
margin: 0;
}
.featured-news-wrapper > .columns + .columns {
margin-top: 1.5rem;
}
.featured-news {
width: 100%;
background: #eee no-repeat center center / cover;
border: 1px solid #ddd;
}
.featured-news a {
display: flex;
display: -ms-flexbox;
position: relative;
overflow: hidden;
cursor: pointer;
width: 100%;
}
.featured-news h3 {
background-color: rgba(95,13,7,0.5);
color: #fff;
margin: 0;
font-size: 1rem;
padding: 3rem 1.5rem;
}
.featured-news h3 button,
.featured-news h3 .button {
margin: 1rem auto 0;
font-size: 1rem;
padding: 0.5rem 1rem;
}
.featured-news a > * {
display: flex;
display: -ms-flexbox;
/*align-items: center;
-ms-flex-align: center;*/
flex-direction: column;
-ms-flex-direction: column;
justify-content: center;
-ms-flex-pack: center;
text-align: center;
width: 100%;
transition: all .5s ease-in-out .1s;
}
.featured-news a:hover > h3 {
transform: translateY(-100%);
-ms-transform: translateY(-100%);
}
.featured-news a > div {
position: absolute;
display: flex;
display: -ms-flexbox;
align-items: center;
-ms-flex-align: center;
top: 0;
right: 0;
left: 0;
bottom: 0;
transform: translateY(100%);
-ms-transform: translateY(100%);
}
.featured-news a:hover > div {
transform: translateY(0);
-ms-transform: translateY(0);
}
@media screen and (min-width: 40em) {
.featured-news-wrapper {
display: flex;
display: -ms-flexbox;
}
.featured-news-wrapper > .columns {
display: flex;
display: -ms-flexbox;
margin: 0 !important;
}
.featured-news {
display: flex;
display: -ms-flexbox;
}
.featured-news h3 {
padding: 1rem;
}
.featured-news h3 button,
.featured-news h3 .button {
display: none;
}
}
@media screen and (min-width: 64em) {
.featured-news h3 {
font-size: 1.5rem;
padding: 1.5rem;
}
}
.footer-widgets-1 #wpl3_search_field_container_1 {
display: none;
}
.footer-widgets-1 .wpl_search_from_box .wpl_search_from_box_top .search_submit_box {
float: none;
clear: both;
background: none;
}
.footer-widgets-1 .wpl_search_from_box .wpl_search_from_box_top .search_submit_box:hover {
background: none;
}
.footer-widgets-1 .wpl_search_from_box .wpl_search_from_box_top .search_submit_box::after {
display: none;
}
.footer-widgets-1 .wpl_search_from_box .search_submit_box .wpl_search_widget_submit {
background: transparent;
padding: .5em 2em;
border: 2px solid #fff;
letter-spacing: 2px;
margin: 20px auto;
width: auto;
display: block;
font-size: 14px;
}
.footer-widgets-1 .wpl_search_from_box .search_submit_box .wpl_search_widget_submit:hover {
background: #fff;
color: #9f1c20;
}
.property-contact input[type="submit"],
.footer-widgets-1 input[type="submit"]{
background: none;
text-transform: uppercase;
padding: .5em 2em;
border: 2px solid #fff;
border-radius: 0;
color: #fff;
font-weight: bold;
letter-spacing: 2px;
margin: 20px auto;
transition: all .5s;
}
.property-contact input[type="submit"]:hover,
.footer-widgets-1 input[type="submit"]:hover{
background: #fff;
color: #9f1c20;
}
.footer-widgets-1 .wpl_search_from_box .more_search_option {
color: #fff;
}
.footer-widgets-1 h4{
color: #fff;
font-size: 2.5rem;
font-weight: 300;
margin: 0 auto 0;
text-align: center;
}
.footer-widgets-2{
padding: 1em 0;
background: #fff;
color: #2e2e2e;
font-size: .85rem;
text-align: center;
}
.footer-widgets-2 ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.footer-widgets-2 .widget-wrap{
margin: 0 auto;
max-width: 1000px;
}
.footer-widgets-2 .trust-logos{
padding: 2em;
}
.footer-widgets-2 .footer-quote{
font-size: 1.8rem;
padding: 0 0.3em;
color: #9f1c20;
text-align: center;
margin-bottom: 1em;
border-bottom: 1px solid #ddd;
width: auto;
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
}
.footer-widgets .trust-logos img{
width: 650px;
max-width: 100%;
}
.footer-widgets .disclaimer-text{
font-size: 13px;
}
.footer-widgets a{
color: #2e2e2e;
}
.footer-widgets-2 h4{
color: #2e2e2e;
margin: 0 auto 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #2e2e2e;
font-size: 1.35rem;
}
[data-ani],
.animateme{
opacity: 0;
}
@media only screen and (min-width: 40em){
.footer-widgets-2 {
padding: 4em 0 1em;
}
.footer-widgets-2 .footer-quote {
font-size: 2rem;
}
}
@media only screen and (min-width: 64em) {
.footer-widgets-2 {
text-align: left;
}
.footer-widgets-2 .footer-quote {
font-size: 2.25rem;
}
}
.lil-form{
position: fixed;
right: 0;
bottom: 0;
background: #fff;
width: 400px;
box-shadow: 0 0 30px rgba(0,0,0,.5);
z-index: 999999 !important;
}
.lil-form-header{
background: #9f1c20;
color: #fff;
padding: 14px;
cursor: pointer !important;
}
.lil-form-header a{
color: #fff;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
}
.lil-form .lil-form-header a:after{
content: "+";
float: right;
}
.lil-form.active .lil-form-header a:after{
content: "-";
float: right;
}
.lil-form-content{
padding: 1em;
}
.title-container{
text-align: center;
position: relative;
overflow: hidden;
/* padding-bottom: 55%; */
background: #ddd no-repeat center top / cover;
}
@media screen and (min-width: 40em) {
.title-container {
padding-bottom: 20%;
}
.title-container.featured-listings-title{
padding-bottom: 0;
min-height: 100vh;
}
.title-container.page-featured-listings-title{
padding-bottom: 0;
}
}
.title-container.page-featured-listings-title video{
width: 100%;
display: block;
}
.custom-tile-bg-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -ms-flexbox;
display: flex;
}
.custom-tile-bg-wrapper a {
display: none;
height: 100%;
width: 33%;
}
.custom-tile-bg-wrapper a:nth-child(2) {
width: 100%;
display: block;
}
.custom-tile-bg-wrapper img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
-webkit-filter: grayscale(0.5);
filter: grayscale(0.5);
transition: all .2s ease-in-out;
font-family: 'object-fit: cover; object-position: center;';
}
.custom-tile-bg-wrapper a:hover img {
cursor: pointer;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
@media screen and (min-width: 40em) {
.custom-tile-bg-wrapper a {
display: block;
height: auto;
}
.custom-tile-bg-wrapper a:nth-child(2) {
width: 34%;
height: auto;
}
}
.title-container h1{
position: absolute;
color: #fff;
font-weight: 300;
z-index: 10;
bottom: 25px;
left: 0;
width: 100%;
text-align: center;
pointer-events: none;
}
.title-container .title-overlay .fl-page-title-container{
positiion: relative;
color: #fff;
font-weight: 300;
z-index: 10;
width: 100%;
text-align: center;
pointer-events: none;
}
.title-container .title-overlay .fl-page-title-container h1.fl-page-title{
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
margin: 0;
line-height: 1;
}
.title-container .title-overlay .fl-page-title-container p{
font-size: 2em;
color: #fff;
margin: 0;
line-height: 1;
}
@media screen and (min-width: 1024px){
.title-container .title-overlay .fl-page-title-container{
position: absolute;
bottom: 50px;
left: 0;
}
.title-container .title-overlay .fl-page-title-container p{
font-size: 3em;
}
}
.title-container.page-featured-listings-title h1,
.title-container.featured-listings-title h1{
position: relative;
}
.hero-image .ion-ios-arrow-down,
.title-container .ion-ios-arrow-down{
position: absolute;
display: none;
bottom: 10px;
font-size: 4rem;
color: #fff;
width: 100%;
left: 0;
text-align: center;
z-index: 1001;
animation: flash 2s infinite;
pointer-events: all;
}
.title-container .ion-ios-arrow-down {
display: block;
}
.title-overlay{
position: absolute;
bottom: 0;
width: 100%;
height: auto;
left: 0;
padding: 1em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
z-index: 7;
pointer-events: none;
}
@media screen and (min-width: 40em) {
.hero-image .ion-ios-arrow-down,
.title-container .ion-ios-arrow-down {
display: block;
}
.title-overlay{
height: 50%;
padding: 0;
}
}
.title-overlay{
position: absolute;
bottom: 0;
width: 100%;
height: auto;
left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
z-index: 7;
pointer-events: none;
}
.title-random-featured-listing{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.title-random-featured-listing-details{
position: absolute;
bottom: 10px;
left: 10px;
text-align: left;
padding: 10px;
background: rgba(255,255,255,.9);
color: #333;
box-shadow: 0 0 30px rgba(0,0,0,.7);
z-index: 11;
}
.page-content{
width: 100%;
margin: 0 auto;
}
.content-section{
margin-bottom: 2em;
padding-bottom: 2em;
border-bottom: 1px solid #ddd;
}
.content-section h2:after{
content: "";
display: block;
height: 3px;
background: #9f1c20;
width: 200px;
margin: 20px 0 40px;
}
.content-section h2.marketing-headline::after{
display: none;
}
.content-section h2.marketing-headline{
color:#9f1c20;
margin: 0 auto 1em;
}
.content-section.centered h2:after{
margin: 20px auto 40px;
}
.content-section p,
.content-section li {
font-size: 1rem;
}
.page-content .tier-white,
.page-content .tier-gray{
padding: 2em 1em;
}
.page-content .tier-gray{
background: #f6f6f4;
}
@media screen and (min-width: 40em) {
.content-section p,
.content-section li {
font-size: inherit;
}
.page-content .tier-white,
.page-content .tier-gray {
padding: 4em .5em;
}
}
.red{
color: #9f1c20;
}
@media screen and (min-width: 40em) {
.table-container{
display: table;
table-layout: auto;
}
.table-container .columns{
display: table-cell;
float: none;
vertical-align: middle;
}
.table-container .columns:last-child:not(:first-child){
float: none;
}
}
.single-neighborhood .site-inner > .wrap,
.single-featured-listings .site-inner > .wrap{
width: 100%;
max-width: 100%;
}
.single-featured-neighborhood .title-container,
.single-featured-listings .title-container{
background-size: cover;
background-repeat: no-repeat;
}
.single-featured-listings .title-container {
cursor: pointer;
padding: 0;
}
@media screen and (min-width: 1024px){
.single-featured-listings .title-container {
min-height: 400px;
}
}
.single-featured-listings .title-container h1 {
bottom: 100px;
}
.single-neighborhood .page-content,
.single-featured-listings .page-content{
width: 100%;
max-width: 1024px;
margin: 0 auto;
padding: 2em;
}
.single-featured-listings .fl-price{
font-size: 2.5rem;
text-align: center;
font-weight: bold;
color: #aaa;
}
.single-featured-listings .property-specifics:after{
content: "";
display: block;
display: block;
width: 100px;
background: #9f1c20;
height: 3px;
margin: 10px auto;
}
.single-featured-listings .property-details{
text-align: center;
padding: 4em 1em;
}
.single-featured-listings .property-details p span.property-numbers{
font-size:2.25rem;
color: #9f1c20;
font-weight: bold;
line-height: 1;
font-family: "Product Sans", sans-serif;
}
.single-featured-listings .property-details p{
margin: 10px 0;
text-transform: uppercase;
font-weight: bold;
font-family: "Product Sans", sans-serif;
letter-spacing: 2px;
}
.single-featured-listings .description-container h2,
.single-featured-listings .property-details h2{
text-align: center;
text-transform: uppercase;
font-size: 1.5rem;
}
.single-featured-listings .description-container h2:after,
.single-featured-listings .property-details h2:after{
width: 200px;
margin: 20px auto 30px;
background: #9f1c20;
height: 3px;
content: "";
display: block;
}
.single-featured-listings .description-container h2{
text-align: left;
margin: 40px 0 0 0;
font-size: 2rem;
}
.single-featured-listings .description-container h2:after{
margin: 20px 0 30px;
}
.page-template-page_news .page-content h2 {
text-transform: none;
font-size: 2rem;
margin: 0;
}
.page-template-page_news .page-content p:empty {
display: none;
}
.page-template-page_news .page-content .content-section h2::after {
margin: 10px 0 20px;
}
.acf-map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
}
/* fixes potential theme css conflict */
.acf-map img {
max-width: inherit !important;
}
ul.by-numbers li{
margin-bottom: 10px;
}
.staff-container h2{
font-size: 2rem;
text-transform: uppercase;
}
.staff-container h3{
font-size: 1.25rem;
text-transform: uppercase;
}
.staff-container{
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px dotted #ddd;
}
.staff-container .headshot{
text-align: center;
}
.staff-container .headshot img{
border-radius: 4px;
box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.staff-container h2:after{
content: "";
display: block;
height: 3px;
background: #9f1c20;
width: 200px;
}
.page-id-30 .title-container{
padding-bottom: 40%;
background: url('/files/team-header.jpg') no-repeat center top / cover;
}
@media screen and (min-width: 40em) {
.page-id-30 .title-container {
padding-bottom: 33%;
}
}
.bynumbers{
text-align: center;
margin-bottom: 40px;
}
.bynumbers .large-number{
font-size: 3rem;
font-family: 'Amiri', Times New Roman, Times, serif;
color: #9f1c20;
}
.fl-sm-container {
padding: 3em 0;
background: #1a1a1a;
}
.fl-sm-container > .row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.fl-sm-container [class^="ion-"]{
display: block;
padding: .25em;
background: none;
font-size: 1.5rem;
width: 52px;
margin: 0 auto;
text-align: center;
border-radius: 100%;
color: #fff;
border: 2px solid #fff;
}
@media screen and (min-width: 40em) {
.fl-sm-container {
padding: 6em 0;
}
.fl-sm-container [class^="ion-"] {
font-size: 2rem;
width: 68px;
}
.property-contact {
background-attachment: fixed;
padding: 8em 0;
}
}
.property-contact{
padding: 4em 0;
background-size: cover;
background-position: center center;
}
.property-contact h2{
text-align: center;
color: #fff;
margin: 0 0 40px;
}
.cast-overlay-form{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 99999999;
display: none;
}
.overlay-form{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
width: 800px;
max-width: 90%;
padding: 1em;
border-radius: 20px;
z-index: 999999999;
display: none;
}
.overlay-form .inner-overlay-form{
text-align: center;
padding: 1em;
}
.overlay-form-container{
margin-top: 40px;
}
.overlay-form input[type="text"],
.overlay-form input[type="email"],
.overlay-form input[type="submit"]{
display: inline-block;
max-width: 300px;
}
.overlay-form input[type="submit"]{
background: #9f1c20;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
font-size: .95rem;
border: 0;
padding: 1em 2em;
}
.overlay-form input[type="text"],
.overlay-form input[type="email"]{
padding: 1.5em;
}
.overlay-form .close-overlay-form{
position: absolute;
top: 10px;
right: 20px;
color: #333;
font-weight: bold;
cursor: pointer;
}
.top-page-title{
background: #f2f2f2;
padding: 1.5em;
}
.top-page-title h1.page-title{
font-size: 2rem;
margin:0;
}
.tier-bg{
padding: 4em 1.5em;
background: #f6f6f6;
border-top: 1px solid #ddd;
}
.tier-bg a.title{
font-size: 2rem;
display: block;
}
.wpl-page .page-content{
padding: 1em ;
margin: 0 auto;
width: 100%;
max-width: 1140px;
}
.listing-container{
position: relative;
text-align: center;
padding: 1em;
background: #f2f2f2;
border: 1px solid #ddd;
margin: 5px 0;
}
.listings-page-container{
padding: 1em;
position: relative;
z-index: 1;
max-width: 100%;
margiN: 0 auto;
}
.wpl_property_show_layout2 .wpl_prp_show_detail_boxes_cont .wpl-column label{
padding-left: 0;
font-size: 18px;
font-weight: bold;
line-height: 30px;
display: inline;
}
#wpl_prp_show_container .wpl_prp_container .wpl_prp_container_content .wpl_prp_container_content_left .wpl_prp_show_detail_boxes .wpl_prp_show_detail_boxes_cont .rows.feature span{
color: #bf2020 !important;
}
#wpl-dbst-show3125 span{
word-wrap: break-word;
}
@media (min-width: 1200px) {
.wpl_property_show_layout2 .wpl_prp_container_content_right .wpl_prp_right_boxes.details .wpl_prp_right_boxes,
.wpl_property_show_layout2 .wpl_prp_container_content_right .wpl_prp_show_detail_boxes, .wpl_property_show_layout2 .wpl_prp_container_content_left .wpl_prp_show_detail_boxes{
padding:20px;
}
}
@media (min-width: 40em) {
.listings-page-container .listing-container > img {
height: 175px;
width: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
}
.listings-page-container .columns{
padding: 5px;
}
.listings-page-container .new-listing-container{
position: relative;
padding-bottom: 66.25%;
}
.listings-page-container .columns img{
position: absolute;
top: 0;
left: 0;
width: 100%;
heihght: 100%;
object-fit: cover;
}
.listing-container .featured-listing-seemore{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.7) url('/wp-content/uploads/2017/01/zoombg.png') no-repeat center center;
opacity: 0;
transition: all .5s;
}
.listing-container:hover .featured-listing-seemore{
opacity: 1;
}
.listing-container .open-house,
.listing-container .listing-status{
background: url('images/status-banner.png') no-repeat;
position: absolute;
width: 100%;
height: 60px;
left: -15px;
top: 5px;
color: #fff;
text-align: left;
text-indent: 10px;
font-weight: bold;
text-transform: uppercase;
padding-top: 8px;
letter-spacing: 1px;
}
.listing-container .open-house{
left: auto;
right: -13px;
display: none;
}
.listing-container .open-house.saturday,
.listing-container .open-house.sunday {
display: inline-block;
background: rgba(255,255,255,0.6) no-repeat center center / contain;
width: 150px;
height: 150px;
right: 5px;
bottom: auto;
transform: rotateZ(10deg);
-ms-transform: rotateZ(10deg);
border-radius: 50%;
}
.listing-container .open-house.saturday {
background-image: url('images/open-saturday.png');
}
.listing-container .open-house.sunday {
background-image: url('images/open-sunday.png');
}
.pagination {
display: block;
clear: both;
padding: 1em;
text-align: center;
max-width: 1024px;
margin: 0 auto;
}
.pagination ul {
list-style: none;
margin: 0;
}
.pagination ul li {
display: inline-block;
}
.pagination ul li a {
display: block;
padding: 6px 12px;
border: 1px solid;
background: #fff;
transition: all .2s ease-in-out;
}
.pagination ul li.active a, .listings-page-container .pagination ul li
a:hover {
background: #9f1c20;
color: #fff;
}
.search-form {
padding: 10px 0 0;
text-align: center;
z-index: 99;
position: relative;
}
.search-form .row{
max-width: 90%;
margin-bottom: .5em;
margin-top: 40px;
}
.search-form .row .columns.searchslider{
margin-top: 20px;
}
@media screen and (min-width: 1024px){
.search-form .row{
margin-top: 0;
}
.search-form .row .columns.searchslider{
padding-left: 50px;
margin-top: 0;
}
}
.search-form .divider {
display: inline-block;
background: rgba(0,0,0,0.1);
width: 1px;
height: 80px;
vertical-align: middle;
margin: 0 1.5em;
}
.contact-form .columns,
.search-form .columns{
padding: 1px;
position: relative;
}
.sign-up-container{
width: 100%;
max-width: 800px;
margin: 40px auto;
padding: 2em;
background: #f2f2f2;
border: 1px solid #ddd;
}
.sign-up-container textarea,
.sign-up-container input,
.request-form input,
.request-form textarea,
.contact-form input,
.contact-form textarea,
.search-form input,
.search-form select{
box-shadow: none;
border-radius: 0;
height: 64px;
vertical-align: middle;
margin: 0;
border: 1px solid #ddd;
}
.sign-up-container textarea,
.request-form textarea,
.contact-form textarea{
height: 150px;
}
.sticky-contact .g-recaptcha,
.contact-form .g-recaptcha {
justify-content: flex-start;
margin-top: 1rem;
}
.search-form input::placeholder{
color: #000;
}
.search-form input[type="submit"]{
padding: 1em 2em;
height: auto;
border: 0;
}
.search-form .form-group.price-group input {
display: inline-block;
width: auto;
margin-right: 0.5em;
}
.search-form .form-group.price-group input:last-child {
margin-right: 0;
margin-left: 0.5em;
vertical-align: middle;
}
.listings-page-container .large-6:nth-child(2n + 1){
clear: both;
}
.mls-listing{
background: #f2f2f2;
padding: 1em;
margin-bottom: 20px;
border: 1px solid #ddd;
}
.mls-price{
font-size: 1.25rem;
font-weight: bold;
}
.page-id-8536 .page-content{
padding: 3em .5em;
}
.contact-sb{
text-align: center;
}
.contact-sb a i{
margin-right: 10px;
}
.page-id-8541 h2{
font-size: 1.5rem;
color: #9f1c20;
margin: 20px 0;
}
.page-id-8541 h2::after{
content: "";
height: 3px;
background: #333;
display: block;
width: 150px;
margin: 10px 0;
}
.contact-form .attach-resume{
position: relative;
}
.contact-form .attach-resume input{
padding: 1em;
}
.contact-form .attach-resume label{
position: absolute;
bottom: 5px;
left: 1.5em;
font-weight: bold;
color: #777;
}
.request-form {
text-align: center;
}
.request-form .choose-five{
font-weight: bold;
font-size: 1.5rem;
}
.request-form input[type="file"]{
height: auto;
padding: 2em;
text-align: center;
}
@keyframes stickySlide {
0% { left: 0; }
to { left: -50px; }
}
.sticky-contact {
display: none;
position: fixed;
right: -320px;
top: 0;
bottom: 0;
width: 320px;
z-index: 9999;
transition: all .5s ease-in-out;
}
.sticky-contact.open {
right: 0;
}
.sticky-contact .toggle-button {
position: absolute;
left: -50px;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
-webkit-text-orientation: upright;
text-orientation: upright;
animation: stickySlide 1s 2s ease-in-out both;
}
.sticky-contact .form-wrapper {
height: 100%;
background: #f2f2f2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-left: 5px solid #fff;
padding: 1.5em;
overflow: auto;
transition: all .5s ease-in-out;
}
.sticky-contact.open .form-wrapper {
box-shadow: -3px 0 10px 2px rgba(0,0,0,0.5);
}
.sticky-contact .form-wrapper p {
font-size: 1.1rem;
margin-bottom: 1.5em;
text-align: center;
}
.sticky-contact .form-wrapper form {
display: block;
width: 100%;
}
@media screen and (min-width: 40em) {
.sticky-contact {
display: block;
}
}
.btn-primary {
background-color: #bc1a0f !important;
border-color: #9f1c20 !important;
color: #fff;
font-size: 1.5em;
text-transform: uppercase;
font-family: "Product Sans", sans-serif;
font-weight: 700;
}
.awards-row {
display: flex;
display: -ms-flexbox;
align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-pack: justify;
padding: 2em 0;
}
.awards-row img {
max-width: calc(100% / 7);
max-height: 80px;
}
@media screen and (min-width: 40em) {
.medium-clear-left {
clear: left;
}
}
.sign-up-container p{
font-size: 1.5rem;
color: #9e0c0f;
font-weight: 900;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;}
.medium-12.difference-container{
padding: 0 0 2em 0;
overflow-x: hidden;
margin-bottom: 10px;
}
h3.difference-sub{
background: #9e0c0f;
color: #fff;
padding: 10px 20px;
display: inline-block;
position: relative;
color: #fff;
margin: 0 0 2px;
width: 100%;
}
ul.difference-list{
padding: 0;
margin: 0;
}
.difference-list li{
display: block;
padding: 1em;
background: #f2f2f2;
margin-bottom: 2px;
font-size: 1.05rem;
}
.difference-list li:before{
content: '\f375';
margin-right: 10px;
font-family: "Ionicons";
color: #9e0c0f;
font-size: 1.25rem;
vertical-align: middle;
}
.funnel-button{
background: #f2f2f2;
padding: 2em;
border: 1px solid #ddd;
font-size: 1.5rem;
}
.funnel-button p{
max-width: 600px;
margin: 0 auto 20px;
}
.funnel-button a.button{
padding: 2em;
font-size: 1.05rem;
letter-spacing: 2px;
}
.customMarker {
background: #fff;
padding: 0 8px;
border-radius: 4px;
box-sizing: border-box;
position: relative;
transition: background .2s ease-in-out;
transform: scale(1);
transform-origin: bottom;
cursor: pointer;
border: 1px solid #ddd;
font-weight: bold;
font-size: 0.75rem;
}
.customMarker.hover {
background: #9f1c20;
color: #fff;
}
.customMarkerArrow {
position: absolute;
bottom: -10px;
left: 50%;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
transform: translateX(-50%);
transition: border-top-color .2s ease-in-out;
}
.customMarker.hover .customMarkerArrow {
border-top-color: #9f1c20;
}
.customMarkerImg {
width: 100%;
height: auto;
}
.map-container {
display: flex;
}
.map-container > div {
flex: 1 0 50%;
}
.map-container .listings-page-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-around;
overflow-y: auto;
}
.map-container .listing-container {
width: 47%;
transition: all .5s ease-in-out;
}
.map-container .listing-container.hover {
background: #fafafa;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.g-recaptcha {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
ul.video-icons{
text-align: center;
display: flex;
justify-content: center;
}
ul.video-icons li{
list-style: none;
width: 50%;
}
ul.video-icons li img{
max-width: 100px;
}
.featured-video-container{
display: flex;
flex-flow: row wrap;
align-items: center;
position: relative;
margin: 100px auto 4em;
}
.featured-video-container > .video-left{
width: 70%;
margin: 0 auto 1em;
}
.featured-video-container > .video-desc{
width: 90%;
margin: 0 auto;
}
.featured-video-container .draw{
display: block;
position: absolute;
top: 50%;
right: 0;
width:100%;
height:calc(100% + 100px);
border-right: 2px solid #9f1c20;
border-bottom: 2px solid transparent;
transform: translateY(-50%);
}
.featured-video-container .draw::before,
.featured-video-container .draw::after{
content: "";
display: block;
position: absolute;
height: 0%;
width: 0%;
transition: all .5s;
}
.featured-video-container{
left: 0;
}
.featured-video-container .draw::after{
top: 0;
left: 0;
}
.featured-video-container .draw::before{
bottom: 0;
right: 0;
}
.featured-video-container.active .draw::before{
height: 100%;
width: 100%;
border-bottom: 2px solid #9f1c20;
border-right: 2px solid #9f1c20;
transition: height .5s ease-in-out .5s, width .5s ease-in-out 0s;
}
.featured-video-container.active .draw::after{
height: 100%;
width: 100%;
border-top: 2px solid #9f1c20;
border-left: 2px solid #9f1c20;
transition: height .5s ease-in-out 0s, width .5s ease-in-out .5s;
}
@media screen and (min-width: 1000px){
.featured-video-container > .video-left{
width: 60%;
}
.featured-video-container .video-desc{
width: 40%;
}
.featured-video-container .draw{
width: 75%;
height: calc(100% + 100px);
border: 2px solid #9f1c20;
border: 2px solid transparent;
}
}
.featured-video-container .video-desc{
text-align: center;
color: #9f1c20;
}
.featured-video-container .video-wrapper{
border: 2px solid #9f1c20;
}
.featured-video-container .video-desc h2,
.featured-video-container .video-desc h3{
color: #9f1c20;
margin: 0;
}
.featured-video-container ul.video-sm{
margin: 2em auto 0;
padding: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.featured-video-container ul.video-sm li{
display: inline-block;
list-style: none;
margin: 0 .5em;
}
.featured-video-container ul.video-sm li a{
display: inline-flex;
width: 50px;
height: 50px;
justify-content: center;
align-items: center;
font-size: 1.5em;
position: relative;
}
.featured-video-container ul.video-sm li a.lmg-fa-facebook-f{
background: #9f1c20;
border-radius: 100%;
color: #fff;
width: 40px;
height: 40px;
}
.featured-video-container ul.video-sm li a.lmg-fa-instagram{
font-size: 3em;
}
.flex-container{
display: flex;
flex-flow: row wrap;
}
.flex-container.ai{
align-items: center;
}
.flex-container > .columns{
float: none;
clear: none !important;
}
.new-listing-container{
position: relative;
overflow: hidden;
}
.new-listing-container img{
width: 100%;
}
.new-listing-container .listing-status{
position: absolute;
top: 10px;
right: 10px;
background: rgba(159, 28, 32, .9);
border-radius: 3px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
padding: .5em 2em;
z-index: 12;
font-size: .85em;
letter-spacing: 2px;
}
.new-listing-container .featured-listing-title{
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
padding: .5em;
background: rgba(159, 28, 32, .9);
color: #fff;
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
transition: all .5s;
}
@media screen and (min-width: 1024px){
.new-listing-container .featured-listing-title{
position: absolute;
bottom: -40px;
}
}
.new-listing-container:hover .featured-listing-title{
bottom: 0;
}
.cinematic-button i{
display: block;
font-size: 32px;
}
.cinematic-button a{
color: #fff;
}
.cinematic-button{
color: #fff;
text-align: center;
font-size: 10px;
line-height: 1;
position: absolute;
top: 12px;
right: 5px;
z-index: 101;
transform: translateX(120%);
transition: all .5s ease 0s;
}
.new-listing-container:hover .cinematic-button{
transform: translateX(0);
transition: all .5s ease .25s;
}
.title-cinematic-button{
position: absolute;
top: 20px;
right: 20px;
z-index: 98;
color: #fff;
text-transform: uppercase;
line-height: .85;
opacity: 1;
}
@media screen and (min-width: 1024px){
.title-cinematic-button{
bottom: 50px;
right: 50px;
}
}
.title-cinematic-button a{
color: #fff;
line-height: .85;
}
.title-cinematic-button i{
display: block;
font-size: 52px;
line-height: .95;
}
.new-funnel-button{
padding: 5em;
text-transform: uppercase;
background: rgba(159, 28, 32, .9);
color: #fff;
}
.new-funnel-button p{
font-size: 1.5em;
line-height: 1;
margin-bottom: .5em;
}
@media screen and (min-width: 1024px){
.new-funnel-button p{
font-size: 3em;
}
}
.new-funnel-button a.button{
border: 2px solid #fff;
background: none;
font-weight: normal;
font-size: 1.25em;
}
.new-funnel-button a.button:hover{
background: #fff;
color: #9f1c20;
}
.slider-nav .thumbnail-slide{
position: relative;
height: 175px;
overflow: hidden;
background-size: cover;
background-position: center top;
}
.slider-nav .slick-slide{
margin: 0 5px;
border: 2px solid #333;
}
.slider-nav{
position: relative;
left: 50%;
width: calc(100vw - 160px);
transform: translateX(-50%);
}
.slider-nav .slick-arrow{
position: absolute;
top: 90px;
left: 20px;
transform: translate(-180%, -50%);
font-size: 4em;
color: #9f1c20;
}
.slider-nav .slick-next.slick-arrow{
left: auto;
right: 20px;
transform: translate(180%, -50%);
}
.slider-nav .slick-current{
border: 4px solid #9f1c20;
}
.video-overlay-container{
position: fixed;
top: -999999999px;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0,0,0,.9);
z-index: 99999999;
width: 101%;
height: 101%;
opacity: 0;
transition: opacity .5s ease-in-out, top 0s ease-in-out .5s;
}
.voc-active .video-overlay-container{
opacity: 1;
top: 50%;
transition: opacity .5s ease-in-out;
}
.video-overlay-container .close-video-overlay{
position: absolute;
top: 20px;
right: 40px;
z-index: 999;
color: #fff;
font-size: 4em;
}
.video-overlay-container svg path{
fill: #fff;
}
.video-overlay-container .inner-video-overlay{
width: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.showing-form-container{
margin-bottom: 4em;
text-align: center;
}
.showing-form-container form input[type="text"],
.showing-form-container form input[type="tel"],
.showing-form-container form input[type="email"]{
margin: 0 0 2px;
border-radius: 0;
border: none;
}
.showing-form-container form{
position: relative;
}
.showing-form-container form input[type="submit"]:hover{
background: #fff;
color: #9f1c20;
}
.showing-form-container p{
line-height: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-start;
}
.showing-form-container p span{
font-size: 1em;
font-variant: small-caps;
display: none;
}
.showing-form-container .right-side{
background: #9f1c20;
color: #fff;
position: relative;
padding: 2em;
}
.showing-form-container .columns:first-child{
position: relative;
z-index: 10;
}
.showing-form-container .right-side::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
background: #9f1c20;
}
.showing-form-container img{
max-width: 200px;
width: 100%;
}
.showing-form-container .right-side h2{
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
font-variant: small-caps;
color: #fff;
text-transform: none;
font-size: 1.5rem;
}
.showing-form-container form input[type="submit"]{
margin: 10px auto;
border-radius: 0;
border: 2px solid #fff;
background: none;
padding: 10px 20px;
}
@media screen and (min-width: 767px){
.showing-form-container form input:not([type="submit"]){
width: calc(100% - 150px);
}
.showing-form-container form input[type="submit"]{
margin: 10px 0 10px -12px;
}
.showing-form-container p span{
width: 100px;
text-align: right;
margin-right: 10px;
display: inline;
}
.showing-form-container .right-side{
padding: 0;
}
.showing-form-container{
text-align: left;
}
.showing-form-container img{
max-width: 100%;
width: 100%;
}
.showing-form-container .right-side::before{
left: -100px;
width: calc(100% + 100px);
}
.showing-form-container .right-side h2{
font-size: 2.5rem;
}
.showing-form-container p span{
font-size: 1.5em;
}
}
.team-page-title{
color: #9f1c20;
margin: 1em auto 0;
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
}
.title-container.team-page-title-container{
padding-bottom: 36%;
position: relative;
}
.title-container.team-page-title-container::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300px;
background: linear-gradient(rgba(0,0,0,.7), transparent)
}
.title-container .play-button{
font-size: 10vw;
position: absolute;
top: 50%;
left: 50%;
color: #9f1c20;
transform: translate(-50%, -50%);
cursor: pointer !important;
}
.title-container .play-button:hover{
color: #fff;
}
.new-staff-container{
text-align: center;
justify-content: center;
}
.new-staff-container img{
width: 100%;
}
.new-staff-container h2{
font-size: 1.25em;
color: #fff;
margin: 0;
line-height: 1.25;
}
.new-staff-container .columns{
padding: 10px;
}
.new-staff-container .columns .inner-columns{
border: 1px solid #ddd;
padding: 10px;
}
.new-staff-container .headshot-container{
padding-bottom: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
position: relative;
overflow: hidden;
}
.new-staff-container .headshot-container .team-meta{
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 10px;
background: rgba(159, 28, 32, .9);
transform: translateY(-42px);
transition: all .5s;
}
.new-staff-container .columns:hover .headshot-container .team-meta{
transform: translateY(-100%);
}
.new-staff-container h3{
font-size: 1em;
color: #fff;
margin: 4px 0 0;
font-family: 'Product Sans', 'Helvetica Neue', Verdana, sans-serif;
}
.new-staff-container .button{
font-size: 1em;
}
[data-popup-link] {
cursor: pointer !important; }
.sellwithus-cast,
.popup-cast {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 999998;
cursor: pointer !important;
left: -99999999px;
opacity: 0;
transition: opacity .5s ease-in-out 0s, left 0s ease-in-out .5s;
}
.sellwithus-cast{
background: rgba(159,28,32, .9);
}
.sellwithus-cast.active,
.popup-cast.active{
left: 0;
opacity: 1;
transition: opacity .5s ease-in-out 0s, left 0s;
}
.popup-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 6em 2em;
background: #fff;
border-radius: 10px;
z-index: 999999;
width: 1200px;
max-width: 90%;
max-height: 90%;
color: #000;
overflow-y: auto;
left: -99999999px;
opacity: 0;
transition: opacity .5s ease-in-out 0s, left 0s ease-in-out .5s;
}
.popup-container[data-popup="sellWithUsPopUp"]{
background: none;
text-align: center;
color: #fff;
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.popup-container[data-popup="sellWithUsPopUp"] a.close-popup{
font-size: 3em;
background: none;
top: 30px;
right: 30px;
}
.popup-container[data-popup="sellWithUsPopUp"] a.close-popup:hover{
background: none;
}
.popup-container[data-popup="sellWithUsPopUp"] h2{
color: #fff;
font-weight: 900;
font-size: 3em;
}
.popup-container[data-popup="sellWithUsPopUp"] .g-recaptcha > div{
margin: 0 auto;
}
.popup-container[data-popup="sellWithUsPopUp"] .row{
width: 800px;
max-width: 90%;
}
.popup-container[data-popup="sellWithUsPopUp"] .contact-form textarea{
height: 120px;
}
.popup-container[data-popup="sellWithUsPopUp"] input[type="submit"]{
border: 2px solid #fff;
}
.popup-container[data-popup="sellWithUsPopUp"] .columns{
padding: 5px;;
}
.popup-container.active{
left: 50%;
opacity: 1;
transition: opacity .5s ease-in-out 0s, left 0s;
}
.popup-container a {
color: #9f1c20; }
.popup-container p.footnote {
text-transform: none;
font-style: normal;
font-size: 1em;
margin: 1em 0; }
.popup-container a.close-popup {
position: absolute;
top: 10px;
right: 10px;
background: #9f1c20;
color: #fff;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
cursor: pointer !important;
text-decoration: none; }
.popup-container a.close-popup:hover {
background: #0f0e0e; }
.popup-container[data-popup="advertise"]{
max-width: 800px;
}
.difference-awards{
text-align: center;
}
.difference-awards h2{
color: #9f1c20;
margin: 1em auto 1em;
}
.footer-sm li{
margin-right: 10px;
display: inline-block;
}
.footer-sm li img{
width: 25px;
}
.irs--round .irs-bar,
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
background-color: #ccc !important;
color: #222 !important;
}
.irs--round .irs-bar{
height: 4px !important;
}
.irs--round .irs-handle{
border: 2px solid #ccc !important;
}
.irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before{
border-top-color: #ccc !important;
}
.price-range{
margin: 0;
font-size: .75em;
text-transform: uppercase;
letter-spacing: 2px;
}
.search-form .filter-search{
position: absolute;
left: 30px;
top: 25px;
text-transform: uppercase;
display: flex;
flex-flow: row wrap;
align-items: center;
cursor: pointer !important;
}
.filter-search p{
margin: 0;
line-height: 1;
}
.filter-icon{
width: 40px;
height: 30px;
position: relative;
margin-right: 10px;
}
.filter-icon span{
width: 100%;
height: 5px;
background: #222;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
.filter-icon span.second-line{
top: 50%;
width: 70%;
transform: translate(-50%, -50%);
}
.filter-icon span.third-line{
top: 100%;
width: 40%;
transform: translate(-50%, -100%);
}
.search-form .search-row{
display: none;
}
.search-form {
min-height: 50px;
}
.page-id-134 .footer-widgets-1,
.page-template-page_featured_listings .footer-widgets-1,
.page-id-58 .footer-widgets-1,
.home .footer-widgets-1,
.single-featured-listings .footer-widgets-1,
.page-id-57 .footer-widgets-1{
display: none;
}
.popup-container .headshot img{
width: 100%;
max-width: 250px;
}
.advertise-footer{
width: 100%;
text-align: center;
padding: 2em;
border: 1px solid #ddd;
}
.advertise-footer h2{
font-size: 1.5em;
color: #9f1c20;
font-weight: bolder;
letter-spacing: 2px;
}
.advertise-footer .button{
color: #fff;
}
.advertise-footer .button:hover{
background: #222;
}
.contact-list-form{
margin: 0;
padding: 0;
}
.contact-list-form label{
color: #fff;
font-size: 1.15em;
display: inline-flex;
align-items: center;
}
.contact-list-form li{
list-style: none;
}
.contact-list-form li input{
position: relative;
top: -2px;
margin-right: 10px;
}
@media screen and (min-width: 1024px){
.contact-list-form li{
display: inline-flex;
margin: 0 30px;
}
}