@charset "utf-8";
/* CSS Document */

body{
    background:#ffffff;
	font-family: "proxima-nova",sans-serif;
	line-height:18px;
	color:#3d3a33;
}
body p{
	line-height: 25px;
	font-size: 16px;	
}
a {
	color:#3d3a33;
}
h1 {
    font-family: "adobe-garamond-pro";
    font-style:italic;
    text-align:center;
    padding:10px 0 5px 0;
    line-height:32px;
    font-size:28px;
    color:#3d3a33;
}
h2{
    font-family: "proxima-nova",sans-serif;
	font-weight:bold;
	font-size:24px;
	color:inherit;
}
h3{
    font-family: "proxima-nova",sans-serif;
	font-weight:bold;
	font-size:15px;
	color:inherit;
	text-transform:uppercase
}
h4{
	font-family: "adobe-garamond-pro";
  	font-size:28px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
.logo{
    width:120px;
	padding: 5px	
}
.top-bar{
    background:#f1ece5;
	height:75px;
}
.top-bar .name{
    height:75px;	
}

.top-bar.expanded .title-area {
    background:#f1ece5; 
}
.top-bar .toggle-topbar.menu-icon a span::after{
	box-shadow: 0 0px 0 1px #3d3a33,0 7px 0 1px #3d3a33,0 14px 0 1px #3d3a33;
}
.top-bar .button{
	font-family: "proxima-nova",sans-serif;
	font-weight: 800;
	text-transform:uppercase;
	font-size:15px;
	padding: 14px 15px;
	position: relative;
	top: -2px;
}
.top-bar-section ul li {
    background: #F1ECE5;
    border-top: 1px dashed #a99f92;
}
.top-bar-section ul li>a {
	color:#3d3a33;
	text-decoration:none;
	line-height:inherit;
	letter-spacing:1px;
	font-family:"proxima-nova",sans-serif;
	text-transform:uppercase;
	text-align: center;
	font-size:16px;
	padding:9px 15px;
	display: block;
	width: 100%;
}
.top-bar-section ul li:hover:not(.has-form)>a {
  background-color: #f1ece5;
  background: #f1ece5;
  color: #3d3a33;
}
.top-bar-section .divider, .top-bar-section [role="separator"] {
	border-top: none;
	border-bottom:1px dashed #a99f92;
	width:91px;
	margin:auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.button{
   background:#5c8e9b;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
}
.button.tiny{
  font-weight: 400;
  font-size: 10px;
}
button.btn.btn-success {
    background-color: #3f717e;
}
.button.phone{
   background:#5c8e9b;	
}
.button.contact{
   background:#3f717e;	
}
.button:hover{
    background:#2F6E7E;	
}
.slideshow{
    overflow:hidden;
	border-bottom: 14px solid #5C8E9B;	
}
.slick-slider{
    margin-bottom:0;	
}
.a-slide{
  height: 100%;
  width: 100%;
  background-size: cover !important;
}
.slick-slide img {
  display: block;
  width: 100%;
}
.footer{
    background:#3d3a33;
	padding:20px 0;	
	color:#fff;
	height:450px;
	overflow:hidden;
    line-height:20px;	
}
.subtext{
	font-family: "proxima-nova",sans-serif;
	font-weight: 500;
	color: #F9F9F9;
	padding: 0 0 0 10px;
}
.intro p{
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	padding-bottom: 0;
}
.flex-video{
	padding-top:0;
}
.site-highlight{
	margin: 18px 5px;
	text-align: center;
  	border: 1px solid rgba(241, 236, 229, 0.5);
}
.site-highlight.floor-plans{
	background-image:url("../img/floor-plans.jpg");
	outline: 10px solid rgba(61, 58, 51, 0.8);
	transition: background-image 400ms ease-out;
}
.site-highlight.floor-plans:hover{
	background-image:none;
	background-color:#484742;
}
.site-highlight.photos{
	background-image:url("../img/photos-link.jpg");
	outline: 10px solid rgba(61, 58, 51, 0.88);
	transition: background-image 400ms ease-out;
}
.site-highlight.photos:hover{
	background-image:none;
	background-color:#484742;
}
.site-highlight.amenities{
	background-image:url("../img/amenities.jpg");
	outline: 10px solid rgba(61, 58, 51, 0.85);
	transition: background-image 400ms ease-out;
}
.site-highlight.amenities:hover{
	background-image:none;
	background-color:#484742;
}
.site-highlight.apply{
	background-color:#3f717e;
	outline:10px solid #3f717e;
	transition: background-color 300ms ease-out;
}
.site-highlight.apply:hover{
	background-color:#5C8E9B;
	outline:10px solid #5C8E9B;
}
.site-highlight h4{
	padding: 30px 0;
}
.footer .skew:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -43px;
  overflow: visible;
  width: 100%;
  height: 320px;
  background: #f1ece5;
  outline: 6px solid #f1ece5;
  border-right: 1px solid #a99f92;
  border-left: 1px solid #a99f92;
  border-bottom: 1px solid #a99f92;
  z-index: 0;
  -webkit-transform: skewY(15deg);
  -moz-transform: skewY(15deg);
  -ms-transform: skewY(15deg);
  -o-transform: skewY(15deg);
  transform: skewY(15deg);
}
.footer .skew .inside{
    color:#3d3a33;
	position:relative;
	z-index:2;
}
.footer a{
	color:#3d3a33;
	text-decoration:none;
}
.footer .hours{
    padding-top:100px;	
}
.divider{
	border-bottom:1px dashed #a99f92;
	width:91px;
	margin:5px auto;
}
.footer .divider{
	border-bottom:1px dashed #a99f92;
	width:91px;
	margin:5px 0 10px 0;
}
.footer h3{
    font-size:18px;
}
.contact-details{
    padding-top:16px;	
}
.footer i{
    font-size:20px;
	padding-right:5px;
	padding-top:5px;
}
.hours .divider{
	border-bottom:1px dashed #fff;
}
.footer .credit a{
    text-decoration:underline;
	color:#BAB2A1;	
}
.footer .credit a:hover{
    text-decoration:none;
	color:#fff;	
}
.footer .credit p{
    padding-top:40px;
	font-size:12px;	
}
.list-item{
    margin:10px 0;
	border-bottom:1px dashed #a99f92;
	overflow:hidden;
	padding:10px 0;
}
.list-item h2{
    font-size:16px;
	margin:0;	
}
.list-item p{
    font-size:12px;
	margin:0;	
}
.sidebar .site-highlight.apply h4{
    font-size:24px;
	padding:10px 0;	
}
.brown-bg{
    padding:10px 15px;
	color:#fff;
	background:#3d3a33;
	font-size:22px;
	font-family: "proxima-nova",sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	margin:50px 0 15px 0;
}
.sidebar .details{
	font-size:18px;
}
.sidebar .details .divider{
	margin:20px 0 0 0;
}
.sidebar .details .contact-details{
	padding-top:20px;
	font-size:24px;
}
.sidebar .details .contact-details a{
	color:#3d3a33;
	padding:5px 0;
	font-weight:bold;
}
.sidebar .details .contact-details i{
	font-size:28px;
	position:relative;
	top:3px;
}
.page .main-content{
	padding-bottom:20px;	
}
.clearing-assembled .clearing-container .visible-img{
  background: rgba(51, 51, 51, 0.75);
}
.clearing-blackout {
  background: rgba(51, 51, 51, 0.75);
}
.clearing-thumbs li.clearing-featured-img{
  width: 100%;
  padding: 0 10px 15px 10px;
}
.large-block-grid-4>li:nth-of-type(4n+1){
  clear: none;
}
.large-block-grid-4>li:nth-of-type(4n+2){
  clear: both;
}
.action{
	font-size: 24px;
	font-weight: bold;
	padding-top: 15px;
	margin-bottom: 30px;
	line-height: 30px;
}
.sidebar .details .contact-details .divider{
	margin: 15px 0;
}
.detail-frame{
  background: #f1ece5;
  outline: 6px solid #f1ece5;
  border: 1px solid #a99f92;
  padding: 15px;
  color: #3d3a33;
  margin: 25px 0 25px 0;
}
.detail-frame .text{
	text-transform: uppercase;
	font-size: 14px;
}
.detail-frame .number{
	font-size: 24px;
	font-weight: bold;
	margin-top: 15px;
	
}
.pad {
	padding-left: 6px;
}
.gallery {
	background: #f1ece5;	
	padding: 20px;
	border-bottom: 15px solid #5C8E9B;
}
.photo-caption {
	margin-top: 10px;
}
ul.pagination {
  float: right;
}
ul.pagination li.current a, ul.pagination li.current button {
  background: #3d3a33;
  color: white;
  font-weight: bold;
}
ul.pagination li a, ul.pagination li button {
  color: #3d3a33;
  border-radius: 0;
}
ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {
  background: #f1ece5;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #3d3a33;
}
.Flexible-container {
  position: relative;
  padding-bottom: 45.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.submit{
	color: #fff;
	font-weight: 800;
	font-size: 15px;
	background: #5c8e9b;
	font-family: "proxima-nova",sans-serif;
	text-transform: uppercase;
	border: none;
	padding: 10px 20px;
}
.submit:hover{
	background: #2F6E7E;
    transition: background-color 300ms ease-out;
}
.title-link{
  color: #3d3a33;
}
.title-link:hover{
  color: #3d3a33;
}
.button:focus{
	background:#2F6E7E;
}
.page-content a{
	background: #3f717e;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 15px 25px;
	line-height: 50px;
}
.page-content a:hover{
	background: #5c8e9b;
	transition: background-color 300ms ease-out;
}
.static-page-content{
	line-height: 25px;
    font-size: 16px;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}
/*============These styles will ONLY apply to MEDIUM SIZE SCREENS AND BIGGER========== */
@media only screen and (min-width: 40.063em) {

.contain-to-grid{
    background:rgba(241, 236, 229, 0.5);
}
h1 {
  padding: 0 0 25px 0;
  font-size:50px;
  }
h4{
	font-size:48px;
	font-weight: 700;
}
.top-bar{
    background:transparent;	
	height:45px;
}
.top-bar .name {
    height: 45px;
}
.row{
    max-width:1215px;	
}

.contain-to-grid .top-bar{
	max-width:1215px;
}
.contain-to-grid{
    position: relative;
    z-index: 30;
}
.menu{
    width:230px;
	padding:25px 10px 15px 10px;
	text-align:center;
	margin-left:75px;
	z-index:1;
	position:relative;
}
.menu .skew:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -31px;
  overflow: visible;
  width: 100%;
  height: 500px;
  background: #f1ece5;
  outline: 6px solid #f1ece5;
  border-right: 1px solid #a99f92;
  border-left: 1px solid #a99f92;
  border-bottom: 1px solid #a99f92;
  z-index: -1;
  -webkit-transform: skewY(-15deg);
  -moz-transform: skewY(-15deg);
  -ms-transform: skewY(-15deg);
  -o-transform: skewY(-15deg);
  transform: skewY(-15deg);
}
.menu a {
  color:#3d3a33;
  text-decoration:none;
  line-height:inherit;
  letter-spacing:1px;
  font-family:"proxima-nova",sans-serif;
  text-transform:uppercase;
  font-size:20px;
  padding:14px 15px;
}
.logo{
    width:170px;
	margin:auto;
	padding-bottom:30px;
}
.logo a{
	padding:0;
}

.slideshow{
    width:1215px;
	margin:auto;
	position:relative;
	top:-410px;
	border-bottom: 21px solid #5C8E9B;
	clear: both;	
}
.main-content{
    position:relative;
	top:-350px;	
}
.intro p{
	font-size: 24px;
	line-height: 30px;
}
.site-highlight{
	margin: 23px 7px 23px 7px;
}
.site-highlight h4{
	padding: 61px 0;
}
.footer{
	bottom: 300px;
  	position: relative;
}
.header-for-desktop .columns{
    padding:0;	
}
.footer .hours{
    padding-top:0px;	
}
.footer h3{
    font-size:22px;
}
.footer .credit p{
    padding-top:0px;
	font-size:16px;	
}
/*============PAGE styles (not homepage)========== */
.page .menu .skew:before {
    bottom: -9px;
    height: 200px;
}
.page .main-content{
    top:20px;
	padding-bottom:40px;	
}
.page .footer{
    top:0px;	
}
.page .contain-to-grid {
    height: 118px;
	border-bottom: 5px solid rgba(169, 159, 146, 0.2);
}
.page-menu{
    position:relative;
	top:-90px;	
}
.page-menu a{
  color: #3d3a33;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-size: 19px;
  margin: 5px 15px;
}
.page-menu a:hover{
  border-bottom:1px dashed;
}
.list-item{
	padding:15px 0 25px 0;
}
.list-item h2{
    font-size:36px;
}
.list-item p{
    font-size:16px;
	padding-bottom:10px;
}
.list-item .button.tiny{
    font-weight:800;
	font-size:15px;	
}
.sidebar{
    padding-bottom:100px;   
}
.sidebar .site-highlight.apply h4{
    font-size:34px;
	padding:30px 0;	
}
.sidebar .site-highlight.apply{
    margin-top:45px;
}
.clearing-thumbs li.clearing-featured-img{
	margin-top: 20px;
	padding: 0 0 45px 10px;
}
.details-left{
	padding-right: 40px;
}
.detail-frame .text{
	font-size: 18px;
}
.photo-gallery {
	margin-top: 25px;
}
.dform{
	width: 60%;
}
.page-content{
  margin-top: 25px;	
}
.static-page-content{
  margin-top: 25px;	
}
/*============X-LARGE SCREENS AND BIGGER========== (this is the size of our monitors at full width)*/
@media only screen and (min-width: 90.063em) {
}
/*===========
============================= STYLES BELOW HERE ARE FOR SPECIFIC SCREEN SIZES ONLY and include a MIN and MAX
=============================
============*/

/*============Medium Only SCREENS==========*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.top-bar .button{
	font-size:14px;	
}
.page-menu a{
    font-size:17px;	
}
.footer .skew:before {
	bottom: -41px;
	height: 320px;
}
}