@charset "UTF-8";

/*   
Theme Name: Jim Chapman Communities Theme
Theme URI: http://www.gilbertsheppard.com
Description: This is a WordPress Theme template 
Author: JS
Author URI: http://www.gilbertsheppard.com
Version: 1
*/
/*
font-family: 'Libre Baskerville', serif;
font-family: 'Raleway', sans-serif;
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
    font-size: 18px;
    color: #4b4b4b;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
html {
  scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
}

h1 {
    font-size: 40px;
    font-weight: bold;
    color: #4b4b4b;
    font-family: 'Montserrat', serif;
}
.h1--home{
    font-size: 68px;
    line-height: 1.1;
    max-width: 1320px;
    margin: 0 auto 16px auto;
    font-family: 'Montserrat', serif!important;
    font-weight: bold;
}
.h1--wide{
    max-width: 100%;
}

h2 {
    font-size: 32px;
    font-weight: normal;
    color: #963821;
    font-family: "Libre Baskerville", serif;
}

h3 {
    font-size: 24px;
    font-weight: normal;
    color: #963821;
    font-family: 'Montserrat', serif;
}

h4 {
    font-size: 20px;
    font-weight: normal;
    color: #4b4b4b;
    font-family: 'Montserrat', serif;
}

h5 {
    font-size: 18px;
    font-weight: normal;
    color: #4b4b4b;
    font-family: 'Montserrat', serif;
}

h6 {
    font-size: 16px;
    font-weight: normal;
    color: #4b4b4b;
    font-family: 'Montserrat', serif;
}

.visually-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}
.mastheadsix .container.hero-container {
    position: relative;
    z-index: 4;
    height: auto;
}
/*.container.inner {
    max-width: 1160px;
    margin: 0 auto;
    width: 100%;
}*/

.clear {
    clear: both;
}

strong {
    font-weight: bold;
    font-size: inherit;
    color: inherit;
}

em {
    font-style: italic;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

sup {
    font-size: 12px;
    vertical-align: middle;
}

a {
    color: #00b3e4;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

a:hover {
    color: #0056b3;
}
.btn-noclick {
    background-color: #963821;
    border: 1px solid #963821;
    padding: 10px 60px;
    display: inline-block;
    color: white;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.button,
button,
.btn,
input#searchsubmit,
#comm-modal input.wpcf7-submit,
.wpcf7-submit{
    background-color: #963821;
    border: 1px solid #963821;
    padding: 10px 60px;
    display: inline-block;
    color: white;
    border-radius: 0;
    cursor: pointer;
    font-family: "Libre Baskerville", serif;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.button--alt{
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid rgb(248 248 248 / 50%);
}
.approvedlenders .button {
    padding: 10px 12px;
    font-size: 12px;
}
button.modalbutton {
    width: 100%;
}
input#searchsubmit{
    padding: 2px 20px;
    margin-left: -6px;
}
.page-id-6154 span.btn {
    padding: 10px 24px;
}
.button:hover,
button:hover,
.btn:hover,
input#searchsubmit:hover,
#comm-modal input.wpcf7-submit:hover,
.wpcf7-submit:hover {
    color: #963821;
    background-color: white;
    text-decoration: none;
}

.button:hover path {
    fill: #963821 !important;
}

.button.transparent {
    border: 1px solid white;
    padding: 10px 30px;
    margin-top: 15px;
    background-color: transparent;
}
.button.transparent:hover {
    background: white;
    color: #963821;
}
.mast-form a.button.transparent{
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.mast-form  div{
    width: 100%;
    max-width: 100%;
}
.button.black.transparent {
    border: 1px solid #4b4b4b;
    color: #4b4b4b;
    padding: 10px 0;
    display: block;
    text-align: center;
}
.button.black.transparent:hover {
    background: #4b4b4b;
    color: white!important;
}
a.dblock{
    display: block;
    text-align: center;
}
.availablehomes-template-default .form-style{
    padding: 5px 0;
    margin-top: 15px;
    border: 1px solid #4b4b4b;
    display: block;
    text-align: center;
}
.option.transparent{
    background-color: transparent;
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
    padding: 10px;
    border: 1px solid white;
    text-transform: uppercase;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(images/angle-down-white.png) 97% center no-repeat;
    background-size: 15px;
}
.option.transparent option{
    color: #4b4b4b;
}
.availablehomes-template-default .form-style-input{
   border: unset;
    background-color: transparent;
    font-size: 20px;
    color: #4b4b4b;
    font-family: 'Raleway', sans-serif; 
}
.availablehomes-template-default .form-style:hover{
    border: 1px solid white;
    background-color: #4b4b4b;
    cursor: pointer;
}

.availablehomes-template-default .form-style:hover .form-style-input{
    color: white;
    cursor: pointer;
}
.inner-sthree .button.transparent:hover, .button.white.transparent:hover {
    color: #963821 ;
}

.inner-sthree .button.white.transparent {
    display: block;
    text-align: center;
    margin-top: 40px;
}

.cascader{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.inner-cascade {
    flex-basis: calc(50% - 10px);
}
ul,
ol,
dl {
    margin-left: 30px;
}

h1 a,
h2 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
}

h1 strong,
h2 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-weight: bold;
}

h1 em,
h2 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    font-style: italic;
}

p.smaller {
    font-size: 14px;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote p {
    display: inline;
}
.contact-form--homefront-crm{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.contact-form--homefront-crm label, .contact-form--homefront-crm label span{
    display: block;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], 
input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], 
input[type="datetime"], input[type="datetime-local"], input[type="color"], select {
    color: #666;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 2.6rem;
    padding: 0 .6em;
}
input[type="text"], input[type="email"], input[type="tel"], select, textarea{
    width: 100%;
    max-width: 100%;
}
@media screen and (max-width: 992px) { input[type="text"], textarea, input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], 
input[type="datetime"], input[type="datetime-local"], input[type="color"], select {
	width: -webkit-fill-available !important;
	font-size: small !important;
}
}
textarea{
    color: #666;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 .6em;
}
.wp-block-embed__wrapper iframe{
    display: block;
    margin: 0 auto;
}
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
.brown-top {
    background: #963821 ;
    margin: 0;
    padding: 0;
}
.brown-top svg{
    max-height: 20px;
}
.brown-top .button {
    float: right;
    padding: 10px 20px;
}
header.fixed {
    -webkit-box-shadow: 0 2px 12px 0px #5f5f5f70;
            box-shadow: 0 2px 12px 0px #5f5f5f70;
}
header.fixed .brown-top .button {
    padding: 5px 20px;
}
header.fixed .top-logo {
    max-width: 125px;
    width: 100%;
}
.top-logo img{
    max-width: 340px;
}
.footerlogo img{
    max-width: 220px;
}
.footerlogo img{
    filter: brightness(0) invert(1);
    height: 85px;
    object-fit: scale-down;
    margin-right: 32px;
}
.footerlogo.ranchcottages img{
    filter: none;
}
header.fixed ul#menu-main-menu {
    margin: 0;
}
header.fixed .mainheader {
    padding: 5px 0;
}

.button svg {
    display: inline-block;
    float: right;
    width: 20px;
    margin-left: 10px;
    margin-top: 3px;
}

.mainheader {
    padding: 15px 0;
}
#header{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 999;
    background-color: white;
}
#maincontent {
    /*padding-top: 210px;*/
    padding-top: 91px;
}
.single-post #maincontent {
    padding-top: 275px!important;
}
.fixednew .top-logo {
    max-width: 125px;
    width: 100%;
}
.fixednew .mainheader {
    padding: 5px 0;
}
.mainheader .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

/*navigation*/
ul#menu-main-menu {
    list-style-type: none;
    margin: 10px 0 0;
}

ul#menu-main-menu li {
    display: inline-block;
    position: relative;
}

ul#menu-main-menu>li>a {
    display: block;
    text-align: left;
    padding: 10px;
    color: #4b4b4b;
    font-size: 22px;
    font-family: 'Montserrat', serif;
}
ul#menu-main-menu li ul.sub-menu {
    display: none;
}

ul#menu-main-menu li:hover ul.sub-menu {
    display: block;
    position: absolute;
    top: 52px;
    left: 0;
    margin: 0;
    list-style-type: none;
    z-index: 999;
    background: #963821 ;
    width: 200px;
}
ul#menu-main-menu>li:last-child:hover ul.sub-menu{
    left: initial;
    right: 0;
}
ul#menu-main-menu li:hover ul.sub-menu li {
    display: block;
}

ul#menu-main-menu li:hover ul.sub-menu li a {
    padding: 10px;
    display: block;
    border-bottom: 1px solid white;
    color: white;
}

/*------------------------------------*\
    $HOMEPAGE
\*------------------------------------*/
.waterfall{
    margin-top: 100px;
    margin-bottom: 100px;
}
.waterfall h2{
    position: relative;
}
.waterfall h2:after{
    content: "";
    display: block;
    width: 100%;
    max-width: 130px;
    height: 5px;
    background-color: #d9b65a;
    margin-top: 15px;
    margin-bottom: 15px;
}
.waterfall__left{
    padding: 0px 45px 0px 0px;
}
.waterfall__right{
    padding: 0px 0px 0px 45px;
}
.waterfall__image{
    flex-basis: 50%;
    width: 50%;
}
.waterfall__image img{
    height: 100%;
    object-fit: cover;
}
.waterfall__image--small img{
    height: 400px;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.waterfall__profile{
    flex: 0 0 30%;
    width: 30%;
}
.waterfall__profile img{
    margin-bottom: 24px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
}

.waterfall__education, .waterfall__experience{
    display: flex;
    flex-wrap: nowrap;
    gap: 4px 10px;
    width: 100%;
    max-width: 380px;
}

.waterfall--offset{
    position: relative;
}
.waterfall--offset .waterfall__image{
    position: absolute;
    left: 50px;
    bottom: -75px;
    max-width: 300px;
}
.waterfall--offset .waterfall__right{
    max-width: 90%;
    margin-left: auto;
    padding-left: 14vw;
    padding-top: 40px;
    padding-bottom: 100px;
}

.chapco-bg{
    background: #650015 ;
}
.chapco-bg *{
    color: #d7b55c;
}

.redbg {
    background: #963821 ;
}
.redbg * {
    color: white;
}
.redbg a {
    text-decoration: underline;
}
.redbg a.button {
    text-decoration: none;
}
.mast-form {
    padding: 36px 30px 20px 30px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    margin: 0 auto;
}
.mast-form input.button.transparent {
    background: transparent;
    border: 1px solid white;
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    padding: 5px 0;
}
.mast-form input,
.mast-form select,
.mast-form label {
    cursor: pointer !important;
}
.mast-form input.button.transparent:hover {
    background: white;
    border: 1px solid white;
    color: #963821 ;
}
.mast-form p {
    font-size: 16px;
    margin-bottom: 14px;
}
.redbg h2 {
    margin-bottom: 14px;
    line-height: 32px;
    font-size: 24px;
    font-weight: normal;
}
.redbg h3 {
    margin-bottom: 8px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}
select.select-field {
    border: 1px solid white;
    background: #963821 ;
    color: white;
    padding: 5px 0;
    text-transform: uppercase;
    margin: 8px 0;
    width: 100%;
    font-size: 16px;
    padding-left: 10px;
}
select.select-field option {
    background: white;
    color: #963821 ;
    border-bottom: 1px solid #963821 ;
    font-size: 15px;
    text-transform: initial;
}

.checkboxes {
    margin-top: 20px;
    margin-left: 2px;
}

.checkboxes label {
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 5px;
}

.checkboxes input:last-child {
    margin-left: 30px;
}

.input-wrap {
    display: inline-block;
}

.input-wrap:last-child {
    margin-left: 30px;
}

.checkboxes input[type="checkbox"] {
    opacity: 0;
}

.checkboxes label::before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    border: 1px solid;
    left: -20px;
    border-radius: 2px;
    background-color: white;
}

.checkboxes label::after {
    content: "";
    display: inline-block;
    height: 6px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    color: #963821 ;
}

.checkboxes label {
    position: relative;
}

.checkboxes label::before,
.checkboxes label::after {
    position: absolute;
}

/*Outer-box*/
.checkboxes label::before {
    top: 4px;
}

/*Checkmark*/
.checkboxes label::after {
    left: -17px;
    top: 7px;
}

/*Hide the checkmark by default*/
.checkboxes input[type="checkbox"]+label::after {
    content: none;
}

/*Unhide the checkmark on the checked state*/
.checkboxes input[type="checkbox"]:checked+label::after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.checkboxes input[type="checkbox"]:focus+label::before {
    outline: rgb(59, 153, 252) auto 5px;
}


.redslider {
    margin: 0;
    height: 100%;
}
.redslider .slick-track,
.redslider .slick-list {
    height: 100%!important;

}
.redslider div{
    height: 100%;
}
.single-project .redslider div{
    height: 100%!important;
    max-height: 400px;
}
.redslider.small .slick-track{
    height: 420px!important;
}
.community-template-default  .redslider {
    margin: 0;
    width: 100%;
    height: 100%;
    max-height: 430px;
}

.community-template-default .redslider .slick-track,
.community-template-default .redslider .slick-list {
    height: 100%;
    min-height: 430px;
    max-height: 440px;
}
.community-titles{
    padding: 10px 0;
    margin-bottom: 30px;
}
.comm-img{
    text-align: center;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.comm-img:hover img{
    transform: scale(1.5);
} 

.comm-img img{
    height: 280px;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    transition: transform .4s;
}
.redslider p.mastcaption {
    position: absolute;
    bottom: 0;
    left: 10px;
    color: white;
    font-size: 20px;
}

.redslider * {
    outline: initial;
}

.redslider .slick-dots {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    bottom: 0;
    list-style-type: none;
}

.gallery-slider{
    margin-top: 64px;
}

.thumbnail-gallery--main, .thumbnail-gallery--bottom{
    margin-left: 0;
}

.thumbnail-gallery--bottom .lazyloading{
    opacity: 1;
}

.redslider .slick-slide {
    /*height: 480px;*/
}

.inner-redslider {
    margin: 0;
}

.indivhplan .inner-redslider {
    background-size: contain !important;
}
.redslider .slick-dots button {
    color: transparent;
    background: transparent;
    border: 1px solid #963821;
    border-radius: 50%;
    padding: 0;
    height: 18px;
    width: 18px;
    outline: transparent;
}
.redslider .slick-dots .slick-active button {
    background: #963821;
}
.redslider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}
.single-community .redslider .slick-slide img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    height: 440px;
    width: 100%;
}
.single-community .redslider .slick-dots button{
    border: 1px solid #fff;
}
.single-community .redslider .slick-dots .slick-active button{
    background: #fff;
}
.single-community .redslider .slick-dots {
    margin: 0 auto;
    left: initial;
    right: 15px;
    text-align: right;
    width: 100%;
    bottom: 5px;
}
.main-content {
    padding: 30px 0;
}

.col-lg-6.mc-right {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    padding: 0 35px;
}

.mc-right .button {
    margin-top: 20px;
}

.custom-red {
    font-size: 26px;
    color: #963821 ;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 10px;
    display: block;
}

.brown-bg {
    background: #963821 ;
    padding: 40px 0;
}

.brown-bg * {
    color: white;
}

.brown-bg h2 {
    text-align: center;
}
.slider-three {
    margin: 0;
    display: block;
    padding: 0;
    list-style-type: none;
}
.slider-three .slick-arrow::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    height: 75%;
    background-color: white;
    display: block;
    z-index: -1;
    border-radius: 50%;
}
.inner-sthree {
    padding: 0 30px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.inner-sthree img {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.inner-sthree h4 {
    margin: 15px 0 5px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
.inner-sthree .slick-slide div {
    height: 100%;
}
.home-bottom-slider{
    padding-top: 40px;
}
.home-bottom-slider .flexbox {
    gap: 1em;
}
.home-bottom-slider .mast-content {
    flex-basis: unset;
    width: 100%;
    height: initial;
}
.home-bottom-slider .mast-form > *{
    flex-basis: 100%;
}

.projects{
    text-align: center;
}
.projects .button{
    margin-top: 42px;
}

@media (max-width: 1199px) {
    .home-bottom-slider .flexbox {
        flex-wrap: wrap;
    }
    .home-bottom-slider .gallery-slider {
        width: 100%;
    }
    .home-bottom-slider .gallery-slider .clearfix {
        margin: 0 auto;
    }
    .home-bottom-slider .mast-form {
        max-width: 100%;
    }
}
button.slick-arrow {
    background: transparent;
    position: absolute;
    border: 0;
    top: 50%;
    padding: 0;
    height: 65px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10;
}
button.slick-prev.slick-arrow {
    left: -60px;
}
button.slick-next.slick-arrow {
    right: -60px;
}
button.slick-arrow svg {
    height: 65px;
}
.red-bg {
    background: #963821 ;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 30px;
}
.red-bg a {
    color: white;
}
.largeranchor {
    font-size: 28px;
    font-family: 'Montserrat', serif;
    font-weight: normal;
}
.featvids {
    margin-top: 40px;
}
.featvids h2 {
    text-align: center;
}
.featvids h3,
.featvids h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
.nombot {
    margin: 0;
}
.mbotthirty{
    margin-bottom: 30px;
}
.featvids .container.inner .row {
    width: 100%;
    margin: 0;
}
.memberships{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.memberships img {
    width: 100%;
    max-width: calc(18% - 18px);
    object-fit: contain;
    margin: 15px 18px;
    height: 150px;
}
@media (max-width: 996px){
    .memberships img {
        max-width: calc(45% - 18px);
    }
}
@media (max-width: 768px){
    .memberships img {
        max-width: 100%;
    }
}
/*------------------------------------*\
    $COMMUNITY ARCHIVE
\*------------------------------------*/
.comm-top {
    background-color: rgba(154,59,38,0.80);
    text-align: center;
    padding: 30px 0 0;
}
.single-community .col-lg-6.homeplans{
    text-align: center;
} 
.single-community .col-lg-6.homeplans h2 {
   margin: 0 auto 30px;
   display: inline-block;
}

/* Style the tab */
.tab {
    overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}



/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontent {
    -webkit-animation: fadeEffect 10s;
            animation: fadeEffect 10s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.comm-top h1{
    text-transform: uppercase;
    color: white;
    font-size: 40px;
    padding: 15px 0;
    margin-bottom: 10px;
}
a#mapviewlink {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    padding: 12px 40px 10px;
    display: inline-block;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: 600;
    margin-left: 34px;
	background: #963821  url(images/bkgrnd.svg) center center no-repeat;
    background-size: cover;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
a#listviewlink {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    padding: 12px 40px 10px;
    display: inline-block;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: 600;
    margin-left: 34px;
    background: #963821  url(images/bkgrnd.svg) center center no-repeat;
    background-size: cover;
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
a#listviewlink.active, a#mapviewlink.active{
    background: #963821 ;
    -webkit-box-shadow: inset 0 0 0 4px white;
    box-shadow: inset 0 0 0 4px white;
}

a#listviewlink, a#mapviewlink {
    cursor: pointer;
}
a#listviewlink i, a#mapviewlink i{
    padding-left: 10px;
}
.fa-map-marker:before {
    content: "\f041";
        color: white;
}
.scrolloff {
    pointer-events: none;
}
.fa-align-justify:before {
    content: "\f039";
        color: white;
}
.column-headers{
    padding-top: 30px;
    font-family: 'Source Serif Pro', sans-serif;
    color: #4a3c31;
    font-size: 20px;
    text-transform: uppercase;    
}
.page-id-8 .column-headers div{
    font-family: 'Source Serif Pro', sans-serif;
    color: #4a3c31;
    font-size: 20px;
    text-transform: uppercase;    
}
.single-comm{
    margin-bottom: 25px;
    text-align: center;
}

.single-comm p{
    margin: 0;
    color: #857363;
    font-family: 'Abel', sans-serif;
    font-size: 18px;
}
.comm-permalink{
    margin-top: 16px;
    align-self: flex-end;
}
.comm-permalink .btn{
    width: 100%;
    max-width: 100%;
}
.red-bold{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #963821 ;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
    display: block;
}
.red-bold--md{
    color: #857363 ;
    font-size: 18px;
    text-transform: capitalize;
}
.centertext,
.centertext p{
    text-align: center !important;
}

/*------------------------------------*\
    $modal
\*------------------------------------*/

.closebtn {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    margin: 0px 10px 10px 10px;
    font-weight: bold;
    color: white;
    padding: 0px 10px;
    z-index: 9999;
    text-shadow: 0 1px 0 #fff;
    font-size: 30px;
}
.closebtn-community {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    margin: 0px 10px 10px 10px;
    font-weight: bold;
    color: white;
    padding: 0px 10px;
    z-index: 9999;
    text-shadow: 0 1px 0 #fff;
    font-size: 30px;
}
.inner-wrap{
    display: block;
    position: fixed;
    top: 50%;
     
    -webkit-transform: translateY(-50%);
     
        -ms-transform: translateY(-50%);
     
            transform: translateY(-50%);

    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 21;
    max-width: 800px;
    width: 100%;
}
.modal-inner{
    margin: 0 auto;
    display: inline-block;
}
.closebtn:hover { cursor: pointer; }
.closebtn:hover::before, .x:hover::after { display: block; }
.modal-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 9999;
    background-color: rgba(0,0,0,0.5);
}
.modal-inner p{
    margin: 0 auto;
    display: inline;
}
.home .featvids .col-xl-4{
    margin: 0 auto;
    padding-bottom: 24px;
}
.sold-uppercase{
    text-transform: uppercase;
}
/*single community contact form modal*/
.comm-modal--wrap {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    left: 0;
    right: 0;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    z-index: 9999;
}
.comm-modal--wrap span.hear-about-us {
    margin-left: 0;
}
.comm-modal--wrap .closebtn {
    color: black;
    text-shadow: none;
    top: 0px;
    right: 5px;
    margin: 0;
    height: auto;
    width: auto;
}
.comm-modal--inner{
    background: white;
    padding: 30px;
}
.comm-modal--inner p {
    margin: 0 auto 5px;
    display: block;
}
.comm-modal--formtitle {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.comm-modal--inner label {
    width: 100%;
}
.comm-modal--inner input, .comm-modal--inner textarea, .comm-modal--inner select{
    border: 1px solid #cecece;
    padding: 5px;
    width: 100%;
}
.comm-modal--inner input.wpcf7-submit{
    border: initial;
    padding: 10px 60px;
}
.comm-modal--inner textarea{
    height: 75px;
}
.comm-modal--inner span.wpcf7-not-valid-tip{
    text-align: left;
}
.slider-content .modal-inner div{
    width: 720px;
}

/*------------------------------------*\
    $SUBPAGE
\*------------------------------------*/
.brownbg {
    background: #963821 ;
    margin: 10px 0 0px 0px;
}
.color-brown {
    background: #963821 ;
}

.container.masthead-container{
    margin-bottom: 25px;
}

.bbg-inner {
    padding: 55px 30px 40px 15px;
}
.bbg-inner.masthead-hero{
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
}
.bbg-inner.masthead-hero h1{
    text-shadow: 2px 2px 8px #000000;
}
.bbg-inner .amenity-list{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 3rem;
}
.bbg-inner .buttons-wrap{
    text-align: center;
}
.bbg-inner .buttons-wrap .button{
    width: 100%;
    max-width: 320px;
}
.brownbg,
.brownbg h1,
.brownbg h2,
.brownbg h3,
.brownbg h4,
.brownbg h5,
.brownbg p,
.brownbg a,
.brownbg li {
    color: white;
}

.brownbg h1,
.masthead h1 {
    font-size: 40px;
    margin: 0;
}

.masthead.brownbg p {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
}
.brownbg .area-map{
    padding: 0;
}
.brownbg .area-map img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.slider button.slick-prev.slick-arrow {
    left: 0;
    padding: 15px;
}

.slider button.slick-next.slick-arrow {
    right: 0;
    padding: 15px;
}

.inner-padding {
    padding: 40px 20px;
}
.maincontent-container{
    margin-bottom: 35px;
}
.maincontent-container .entry h2{
    font-size: 22px;
}
.entry a.button.transparent.black {
    margin-top: 15px;
}
a.button.transparent.black.minwidth {
    max-width: 400px;
    display: block;
    width: 100%;
    margin: 30px auto 10px;
}
.extra-main-content{
    text-align: center;
    font-weight: 700;
    margin-top: 35px;
}
.extra-main-content a span{
    color: #963821;
}
.extra-main-content span:after, .extra-main-content a:after{
    content: "•";
    margin: 0 9px 0 12px;
    color: #4b4b4b;
}
.extra-main-content *:last-child:after{
    content: none;
}
.subpage .mast-form {
    padding: 40px 15px;
}

.bottom-homeinfo {
    padding: 30px 0 0;
}

.bottom-homeinfo h3 img {
    height: 25px;
    width: 25px;
    margin-right: 10px;
}

.bottom-homeinfo a.button.black.transparent {
    margin-top: 0;
}
.bottom-homeinfo .col-lg-6{
    margin-bottom: 15px;
}
.bottom-homeinfo .agent-info p{
    margin-bottom: 0px;
}
.bottom-homeinfo .agent-info p a{
    color: #4b4b4b;
}
.bottom-homeinfo .agent-info .email{
    color: #4b4b4b;
    display: block;
}
.bottom-homeinfo .center-hours a{
    color: #4b4b4b;
}
.bottom-homeinfo .community-address a{
    color: #4b4b4b;
}
.bottom-homeinfo .button-group .inblock-wrap{
    margin-bottom: 15px;
}

.mtop {
    margin-top: 20px;
}

.avhomes .inputs-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.avhomes .inputs-wrap select {
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #4b4b4b;
}

.largeselect {
    max-width: 250px;
    width: 100%;
}

.smallselect {
    max-width: 150px;
    width: 100%;
}
.indiv-avhome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.indiv-avhome h3 {
    margin: 10px 0 5px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}

.indiv-avhome p {
    margin: 0;
}

.entry.indiv-avhome a.button.transparent.black {
    padding: 5px 0;
    margin-top: auto;
}

.wp-pagenavi {
    margin: 60px auto 0;
}

img.homearchive-tn {
    height: 275px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: bottom;
}
.hplan-slide {
    text-align: center;
}
.hplan-slide img{
    margin: 0 auto;
}
.secrow {
    margin-top: 30px;
}

.inner-indavhome {
    margin-bottom: 0;
}
.buttons-wrap{
    margin-top: 30px;
}
.buttons-wrap a:last-child {
    margin-left: 30px;
}
.content_buttons{
    text-align: center;
    margin-top: 20px;
}
.single-comm{
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
}
.single-comm-pagination{
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.single-comm-categories{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}

.single-comm-categories .red-bold{
    padding: 0px 20px;
}
.single-comm-categories .red-bold:not(:last-child) {
    border-right: 1px solid #000; /* Adjust color and thickness */
}

.arrow{
    border: solid #963821;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    float: none!important;
    margin-bottom: 1px;
}
.arrow--right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.arrow--left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.comm-deets, .comm-area, .comm-status, .comm-permalink{
    width: 100%;
    max-width: 100%;
}
.single-comm a, .single-comm-pagination a, .single-comm-categories a{
    display: block;
    color: #963821;
    font-family: 'Abel', sans-serif;
    font-weight: bold;
}
.single-comm p{
    margin: 0;
    color: #857363;
    font-family: 'Abel', sans-serif;
    font-size: 18px;
}
.membership-row {
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.membership-row a {
    width: 20%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin: 10px 0;
}
.membership-row a img{
    margin: 0;
}
.success-comm{
    margin-top: 40px;
}
.vipcontact-form {
    max-width: 415px;
    width: 100%;
    margin: 0 auto!important;
}
.page-id-10  .container.content, .page-id-3108 .container.content, .page-id-12 .container.content, .blog .container.content, footer .container, .page-id-3833 .container.content {
    max-width: 1160px;
    margin: 0 auto;
    width: 100%;
}

.vipcontact-form  .wpcf7-submit, .wpcf7-submit{
    padding: 5px 10px;
    border: 1px solid #cecece;
}
.vip-submit{
    text-align: center;
    margin-top: 10px;
}
.mastheadfive{
    height: 500px;
    position: relative;
    margin-bottom: 40px;
    background-size: cover!important;
}
.mastheadfive .container{
    height: 100%;
    position: relative;
}
.mastheadsix{
    height: 640px;
    position: relative;
    margin-bottom: 40px;
    background-size: cover!important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.submast-inner {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10;
    font-size: 60px;
    text-transform: uppercase;
    padding: 0 40px;
    text-align: center;
}
.singlepost-inner h1{
    font-size: 30px;
    line-height: 50px;
}
.singpost-sb #recent-posts-2{
    border: 5px solid #963821 ;
    padding: 0 10px 25px 10px;
    margin-top: 10px;
}
.singpost-sb #recent-posts-2 ul{
    margin: 0;
    list-style-type: none;
}
.singpost-sb #recent-posts-2 ul li{
    margin: 30px 10px;
}
.singpost-sb #recent-posts-2 ul li:last-child{
    margin-bottom: 0;
}
.singpost-sb #recent-posts-2 ul li a{
    display: block;
}
.singpost-sb #recent-posts-2 h2{
    border-bottom: 3px solid #963821 ;
    padding: 20px 0 10px 0;
    margin: 0;
}
.singpost-sb #search-2 {
    text-align: right;
}
.inblock-wrap {
    display: block;
    margin-bottom: 30px;
}
.ahslidertitle{
    text-align: center;
    margin-bottom: 30px;
    width: auto;
}
.minhr {
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    background: black;
    margin-top: 5px;
}
html .gg-image-caption.fitvidsignore {
    color: white;
    font-weight: bold;
    font-size: 16px !important;
}
html .grid-gallery {
    left: 0 !important;
    max-width: 100% !important;
}
html .grid-gallery-photos {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto;
}
table{
    text-align: left;
    margin: 20px 0;
}
tbody tr:nth-of-type(odd) {
    background: transparent;
}
tr{
    border: 0;
}
td{
    border: 0;
    padding: 10px;
}
.parallax-container{
    height: 600px;
    width: 100%;
    overflow: hidden;
}
.parallax-window {
    height: 100%;
}
.green-bar{
    background-color: #517b2a;
    text-align: center;
    padding: 12px 0px;
}
.green-bar a{
    color: #FFFFFF;
    font-family: 'Montserrat', serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 16px;
}
.red-bar{
    background-color: #963821 ;
    text-align: center;
    padding: 12px 0px;
}
.green-bar h2, .red-bar h2{
    color: #FFFFFF;
    font-family: 'Montserrat', serif;
    font-weight: bold;
    margin: 0px 16px;
}
.floorplan-list-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.floorplan-list-container .inner-three{
    width: calc(33% - 15px);
    margin-bottom: 30px;
}
.floorplan-list-container .inner-three img{
    height: 300px;
    object-fit: cover;
    margin-bottom: 15px;
}

.floorplan-list-container .wp-pagenavi{
    width: 100%;
    max-width: 100%;
    text-align: center;
}
/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
footer {
    background: #963821 ;
    padding: 30px 0 10px;
    margin-top: 60px;
}

footer * {
    color: white;
}

.footer-info{
    display: flex;
    flex-wrap: wrap;
}

.infoleft  .footer-info p{
    font-size: 14px;
}
.footer-info--right{
    margin-left: 12px;
    display: flex;
    flex-wrap: wrap;
    max-width: 320px;
    align-content: flex-start;
}
.footer-info--right p {
    font-size: 10px !important;
    margin-bottom: 4px;
    margin-right: 8px;
    flex-basis: 44%;
}

ul#menu-social-menu {
    list-style-type: none;
    margin: 0;
}

ul#menu-social-menu li {
    margin: 0 5px;
    display: inline-block;
}

.social-icon a {
    height: 60px;
    width: 60px;
    display: block;
}

.facebook a {
    background: url('images/facebook-square.svg') center center no-repeat;
    background-size: contain;
}

.youtube a {
    background: url('images/youtube-square.svg') center center no-repeat;
    background-size: contain;
}

.email a {
    background: url('images/envelope-square.svg') center center no-repeat;
    background-size: contain;
}

.instagram a {
    background: url('images/instagram.png') center center no-repeat;
    background-size: contain;
}
.linkedin a {
    background: url('images/linkedin.svg') center center no-repeat;
    background-size: contain;
}
.left {
    float: left;
}

.right {
    float: right;
    text-align: right;
}

footer .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.footerlogo {
    margin-bottom: 20px;
    display: inline-block;
}
.footerlogo.ranchcottages{
    margin-left: 40px;
}
.infoleft{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 7;
}
.infoleft p,
.infoleft a {
    font-size: 18px;
}
.itemsright{
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    text-align: right;
}
.columned{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.equalhousing {
    margin-top: auto;
    margin-bottom: 20px;
}
.equalhousing p {
    max-width: 450px;
    width: 100%;
    text-align: right;
    margin: 0;
    font-size: 12px;
    display: inline-block;
}
.equalicon {
    max-width: 45px;
    width: 100%;
    margin: 0px 0px 0px 16px;
    display: inline-block;
    vertical-align: baseline;
}


/*------------------------------------*\
    $CONTACT
\*------------------------------------*/
.contact-form {
    margin: 50px 0 0;
}
.contact-form .container .row .col-xl-6.left label {
    margin-bottom: 10px;
    display: block;
}
.contact-form .container .row .col-xl-6.left br{
    display: none;
}


/*------------------------------------*\
    $TYPE
\*------------------------------------*/
.indiv-search, .indiv-post {
    margin: 60px 0;
    border-bottom: 2px solid #555555;
    padding-bottom: 60px;
}

.indiv-search:last-child,
.indiv-post:last-child {
    border: 0;
}

.post-img {
    float: left;
    display: inline-block;
    width: 30%;
    margin-left: 3%;
}

.post-inner {
    float: left;
    display: inline-block;
    width: 65%;
}
.post-inner.full{
    float: none;
    display: block;
    width: 100%;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #963821 ;
    padding: 3px 5px;
    margin: 0 5px;
    color: #963821 ;
}
.wp-pagenavi span.current {
    background: #963821;
    color: white;
    border-color: #963821;
    font-weight: normal;
}
.avhomenav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 350px;
    width: 100%;
    margin: 70px auto 0;
}
.avhomenav p {
    color: black;
    font-size: 20px;
    margin: 0;
    font-weight: 500;
}
.avhomenav img {
    height: 30px;
    width: 30px;
}
select.wpcf7-form-control.wpcf7-select {
    padding: 5px 0;
}
span.wpcf7-form-control.wpcf7-radio {
    display: block;
}
.approvedlenders h2{
    color: #963821 ;
    font-size: 24px;
}
.approvedlenders h3{
    font-size: 15px;
    margin: 8px 0;
}

/*available homes*/
.select-select {
    text-align: center;
}
.findComm-button {
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 22px;
    color: black;
    background: white;
    border: initial;
    display: inline-block;
}
.hideuntilselected{

}
.select-display{
    display: block;
    padding: 30px 0;
    text-align: center;
}
.select-select i.fa {
    margin: 0 0px 0 15px;
}
.select-select i.fa:before {
    color: black;
}
.ah-selectmenu {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: white url(images/angle-down-black.svg) 98% center no-repeat;
	background-size: 15px;
    border: 0;
    border-bottom: 1px solid black;
    padding: 5px 10px;
    cursor: pointer;
}
.ah-selectmenu option{
	cursor: pointer;
}
#filter-select--bedrooms{
	margin: 0 15px;
}
.findComm-button:hover{
    color: black;
}
.findComm-button.selected-select{
    background: black;
    color: white;
}
.findComm-button.selected-select i.fa:before{
    color: white;
}

select#filter-select--community {
    max-width: 365px;
}
.slider-content .button.singcomm--allhomes{
    margin: 21px auto 0;
}
.button.singcomm--allhomes{
    margin: 60px auto 0;
    max-width: 400px;
    width: 100%;
    display: block;   
    text-align: center;
}   
div#HomePlans svg path {
    fill: #343434;
}
.rll-youtube-player {
    cursor: pointer;
    position: relative;
    text-align: center;
}
.rll-youtube-player img, .rll-youtube-player iframe {
    height: 300px;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}
.rll-youtube-player .play {
    background: url(images/youtube-play-button.png) center center no-repeat;
    background-size: contain;
    height: 50px!important;
    position: absolute;
    margin-top: 0px!important;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.subcomm--return{
	display: inline-block;
	float: right;
}
/*------------------------------------*\
    $MISC
\*------------------------------------*/
.overlay {
    opacity: 0;
}

.overlay.open {
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    z-index: 9998;
}
.mastoverlay {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 3;
}

::-moz-selection {
    background-color: #4a8ec2;
    color: #fff;
}

::selection {
    background-color: #4a8ec2;
    color: #fff;
}

::-moz-selection {
    background-color: #4a8ec2;
    color: #fff;
}

hr {
    padding: 0;
    border: none;
    height: 1px;
    background-color: #ccc;
    width: 100%;
    max-width: 100%;
}

hr.short-grey {
    background: #963821;
    width: 150px;
    margin: 5px auto 30px;
}

hr.short-brown {
    background: #963821;
    width: 150px;
    height: 7px;
    margin: 5px auto 30px;
}

hr.short-white {
    background: white;
    width: 150px;
    margin: 5px auto 30px;
}

hr.medium-yellow {
    background: #d9b65a;
    width: 175px;
    margin: 5px auto 30px;
    height: 4px;
}

.brownbg hr.short-white {
    margin: 5px 0 30px;
    width: 200px;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.background-outside {
    background-image: url(images/place.png);
    background-repeat: no-repeat;
    background-size: cover
}

.image-contain {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

html .row {
    margin-right: 0;
    margin-left: 0;
}

.checkboxes .ui-selectmenu-button.ui-button {
    text-align: center;
    white-space: initial;
    width: auto;
    padding: 0;
    background: white;
    border: 0;
}

.checkboxes span.ui-selectmenu-text {
    display: none;
}

.checkboxes .ui-icon,
.checkboxes .ui-widget-content .ui-icon,
.checkboxes .ui-widget-header .ui-icon {
    background-image: url(css/images/ui-icons_cc0000_256x240.png);
}

.checkboxes .ui-icon-triangle-1-s {
    background-position: 15px 0;
}

.checkboxes .ui-icon-triangle-1-s.clickedSpan {
    background-position: -64px -145px;
}

a.skip-main {
    left: -10px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
    color: white;
    background-color: black;
    border: 4px solid black;
}

a.skip-main:focus,
a.skip-main:active {
    color: black;
    background-color: white;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
}

main,
banner,
contentinfo {
    display: block;
}
div#filters {
    min-height: 500px;
}
.lds-default {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #963821 ;
  border-radius: 50%;
  -webkit-animation: lds-default 1.2s linear infinite;
          animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  top: 29px;
  left: 53px;
}
.lds-default div:nth-child(2) {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}
.lds-default div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}
.lds-default div:nth-child(4) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}
.lds-default div:nth-child(5) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}
.lds-default div:nth-child(6) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}
.lds-default div:nth-child(7) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}
.lds-default div:nth-child(8) {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}
.lds-default div:nth-child(9) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}
.lds-default div:nth-child(10) {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}
.lds-default div:nth-child(11) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  top: 50px;
  left: 41px;
}
.lds-default div:nth-child(12) {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}
@-webkit-keyframes lds-default {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

/* Modal */
.modal-floorplan{
    display: none;
    overflow: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 17;
    background-color: rgb(0 0 0 / 50%);
  }
  .modal-wrap-floorplan {
    position: relative;
      max-width: 780px;
      top: 50%;
      transform: translateY(-50%);
      margin: 0 auto;
      border: 1px solid black;
      border-radius: 10px;
      padding: 10px;
      box-shadow: 10px 10px 5px grey;
      background-color: white;
  }
  .modal-floorplan .modal-inner{
    height: 275px;
    overflow-y: auto;
  }
  .modal-floorplan .modal-inner p{
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  /* close button */
  .modal-floorplan .closebtn {
      width: 20px;
      height: 20px;
      position: relative;
      margin-left: auto;
  }
  .modal-floorplan .closebtn:before, .modal-floorplan .closebtn:after{
    content: '';
    height: 20px;
    border-left: 3px solid #000;
    position: absolute;
    left: 50%;
    top: 50%;
  }
  .modal-floorplan .closebtn:after {
     transform: translate(-50%, -50%) rotate(45deg);
  }
  .modal-floorplan .closebtn:before {
     transform: translate(-50%, -50%) rotate(-45deg);
  }
  .modal-floorplan .closebtn:hover {
      cursor: pointer;
  }


/*april 2020 masthead fixes*/
.flexbox {
    display: flex;
    flex-wrap: nowrap;
}
.mast-content {
    flex: 1;
    display: inline-block;
}
.mast-slider {
    flex-basis: 50%;
    width: 50%;
    display: inline-block;
}
.inner-redslider img {
    width: 100%;
    height: 100%;
    max-height: inherit;
    object-fit: cover;
    object-position: center;
}

.thumbnail-gallery {
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}

.thumbnail-gallery--main .slick-slide img {
    display: block;
    height: 380px;
    width: 100%;
    object-fit: cover;
}

.thumbnail-gallery--bottom .slick-slide img {
    display: block;
    height: 125px;
    width: 100%;
    object-fit: cover;
    padding: 0px 5px;
}


.members{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.member__link{
    display: block;
    max-width: calc(25% - 32px);
    margin: 16px 16px;
    width: 100%;
}
.member__image{
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.mobile{
    display: none;
}
/*MOBILE RESPONSIVE*/
@media only screen and (max-width: 1260px) {
    .brown-bg .slider-three button.slick-arrow {
        position: absolute;
        left: -3000px;
    }
    
}

@media only screen and (max-width: 1200px) {
    a.button.transparent {
        margin-bottom: 10px;
    }
    .single-comm.row  div{
        text-align: center;
    }  
    .comm-img img{
        widows: -webkit-fill-available;
    }
    .column-headers.row{
        display: none;
    }
    .redslider .slick-track, .redslider .slick-list {
        height: 100% !important;
    }
    img.alignright.wp-image-3519 {
        float: none;
        margin: 10px auto;
        display: block;
    }
    .waterfall--offset .waterfall__image{
        position: unset;
    }
    .waterfall--offset .waterfall__image img{
        height: 100%;
        object-fit: cover;
    }
    .waterfall--offset .waterfall__right{
        padding-left: 2vw;
    }
}
@media screen and (max-width: 992px){
    #maincontent {
        padding-top: 159px;
    }
    .home #maincontent {
        padding-top: 170px;
    }
    .desktop{
        display: none!important;
    }
    .mobile{
        display: block;
    }
    .mob-logo img {
        max-width: 125px;
        width: 100%;
    }
    .mob-logo {
        display: inline-block;
        padding-left: 20px;
    }
    .mainheader .mobile{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    html button#responsive-menu-button {
        position: relative;
        right: initial;
        top: initial;
        background: white;
        width: auto;
        height: auto;
        padding: 10px 15px 10px 25px;
        text-align: right;
    }
    html .responsive-menu-inner, html .responsive-menu-inner::before, html .responsive-menu-inner::after{
        background: #963821 ;
    }
    .mast-form {
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
    }
    .featvids .button.black.transparent{
        margin-bottom: 30px;
    }
    button#responsive-menu-button.is-active span {
        color: white;
    }
    .mainheader{
        -webkit-box-shadow: 0 2px 12px 0px #5f5f5f70;
                box-shadow: 0 2px 12px 0px #5f5f5f70;
    }
    .entry.indiv-avhome {
        max-width: 400px;
        margin: 0 auto 40px;
    }
    .alignright, .alignleft, .alignnone{
        float: none;
        margin: 15px auto;
        display: block;
    }
    .mastheadfive {
        height: 300px;
    }
    .brownbg iframe {
        width: 100%;
    }
    .slider-content .modal-inner div{
        width: 460px;
        height: 520px;
    }
    .mast-content {
        height: auto;
    }
    .floorplan-list-container .inner-three {
        width: calc(50% - 15px);
    }
    ul.slick-slider{
        margin-left: 0!important;
    }
    .footerlogo.ranchcottages{
        margin-left: auto;
    }
    .member__link{
        max-width: calc(50% - 32px);
    }
    .member__image {
        object-position: top;
    }
    /*END 992px*/
}
@media only screen and (max-width: 985px){
    .equalhousing {
        margin-top: 30px;
    }
}
@media screen and (max-width: 860px){
	.container.content {
    	padding: 0;
	}
    .flexbox {
        flex-wrap: wrap;
    }
    .mast-content {
        flex-basis: 100%;
        width: 100%;
    }
    .mast-slider {
        flex-basis: 100%;
        width: 100%;
    }
    .inner-redslider img{
        height: auto;
    }
    .inner-redslider {
        height: auto;
        min-height: auto;
    }
    .waterfall--offset .waterfall__right{
        margin-left: 0;
        max-width: 100%;
    }
    .waterfall--offset .waterfall__image{
        max-width: 100%;
        width: 100%;
        flex-basis: 100%;
        height: 380px;
    }
    .waterfall__profile {
        flex: 0 0 100%;
        width: 100%;
        text-align: center;
    }
    .waterfall__education, .waterfall__experience {
        margin: 0 auto;
    }

}
@media screen and (max-width: 768px){
	#HomePlans .inner-sthree{
		text-align: center;
	}
	#HomePlans .inner-sthree .button.black.transparent{
		margin: 5px;
	}
	#HomePlans img.homearchive-tn {
	    height: auto;
	    /*width: 100%;*/
	    /*max-width: 250px;*/
	    margin: 0 auto;
	}
	.parallax-container {
    	height: 400px;
	}
	.ah-selectmenu,
	select#filter-select--community {
	    max-width: 400px;
	    width: 100%;
	    display: block;
	    margin: 0 auto;
	}
	#filter-select--bedrooms{
		margin: 0 auto;
	}
    footer .infoleft, .itemsright{
        text-align: center;
    }
    .footer-info{
        justify-content: center;
    }
    .footer-info--right{
        max-width: 100%;
        margin: 12px auto 24px auto;
        justify-content: center;
    }
    .thumbnail-gallery--main .slick-slide img{
        height: 375px;
    }
    .member__link{
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 720px){
    .container.content {
        padding: 0 20px;
    }
    .post-img, .post-inner{
    	float: none;
    	display: block;
    	width: 100%;
    	margin: 0 0 20px 0;
    }
    .indiv-search, .indiv-post {
    	margin: 30px 0;
	}
	.smallselect, .largeselect{
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 10px;
		margin-bottom: 5px;
	}
    select#filter-select--community {
        max-width: 100%;
    }
	.findComm-button{
		font-size: 20px;
	}
	.brownbg h1, .masthead h1{
		font-size: 26px;
	}
    .green-bar a{
        font-size: 16px;
    }
    .green-bar h2{
        font-size: 21px;
    }
	.bbg-inner {
    	padding: 25px 10px;
	}
	.inner-redslider {
	    margin: 0;
	    height: 280px !important;
	    min-height: 100%;
	}
	.redslider .slick-track, .redslider .slick-list{
		min-height: auto;
	}
	.inblock-wrap .button.black.transparent {
	    margin-top: 0;
	}
	.mtop {
    	margin-top: 5px;
	}
    div#filters .col-lg-12 {
        padding-left: 0;
        padding-right: 0;
    }
        #filtered-homes .col-lg-3 {
        padding-left: 0;
        padding-right: 0;
    }
    .masthead.brownbg p {
        font-size: 16px;
    }
    .parallax-container {
        height: 400px;
    }
    .bottom-homeinfo {
        padding: 0;
    }
    .entry.indiv-avhome a.button.transparent.black {
	    margin-top: 5px;
	}
	.brown-top .button {
	    padding: 3px 20px;
	}
    .floorplan-list-container .inner-three {
        width: 100%;
    }
}
@media screen and (max-width: 600px){
	.bbg-inner .buttons-wrap .button {
	    display: block;
	    margin: 5px 0;
	    text-align: center;
    	padding: 10px;
	}
	.p-4 {
    	padding: 1rem !important;
	}
    .slider-content .modal-inner div{
        width: 360px;
        height: 500px;
    }
}
@media screen and (max-width: 490px){
    a#listviewlink, a#mapviewlink{
        margin: 10px 0 0;
    }
}
@media screen and (max-width: 450px){
    .findComm-button{
        font-size: 18px;
    }
    .slider-content .modal-inner div{
        width: 280px;
    }
    #anr_captcha_field_1 {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
.temptransform {
	text-transform: none;
	color: #963821  !important;
	font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 600 !important;
	font-size: 20px !important;
}

/*Center button for Community Template*/

.content_buttons {
    text-align: center !important;
}
.content_buttons .button {
    margin-top: 10px;
}

/* Hide empty floor plan buttons */
.floorplan-list-container a[href=""] {
    display: none !important;
}

#community-youtube-video {
    max-width: 100% !important;
    flex: 1 !important;
}

#community-youtube-video iframe {
    max-width: 100%;
}