/************************************************

Stylesheet: Global Stylesheet

*************************************************/
body {
    overflow-x: hidden;
    background: #fff;
    font-size: 16px;
    font-family: 'SourceSansPro-Regular', 'Trebuchet MS', sans-serif;
}
/*********************
GLOBAL STYLES
*********************/
p {
	line-height: 1.4;
	letter-spacing: .05rem;
	margin: 0;
	color: #757575;
}

h1, h2 {
	font-size: 1.5rem;
	line-height: 1.1;
	margin: 0 0 2rem;
	text-align: center;
	color: #CDB460;
	font-family: 'Lora-Regular', Times New Roman, serif;
}

h2 {
	margin: 0;
    line-height: 1.1
}

.page-home h2 {
	color: #757575;
}

.grid-container {
    max-width: 1166px;
    padding: 0;
    overflow-x: hidden;
}

.sectional-padding {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.grey-container {
	background: #d7d7d7;
}

.list-container {

}


.button, .tabs-title a.button,
.contact-form .gform_wrapper .gform_footer input.button,
.contact-form .gform_wrapper .gform_footer input[type=submit],
.contact-form .gform_wrapper .gform_page_footer input.button,
.contact-form .gform_wrapper .gform_page_footer input[type=submit],
.contact-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
	font-family: "Lora-Italic", Times New Roman, serif;
	font-size: 1rem;
	color: #757575;
	letter-spacing: .05rem;
	padding: 0;
	line-height: 2.75rem;
	border: 1px solid #9d9d9d;
	margin: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    background: #fff;
}

.button.expanded {
    width: 100%;
}

.button.black {
	color: #757575;
	background: #000;
	border: 1px solid #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.about-home-container .button {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.button-cell {
	padding-bottom: 2rem;
}

.page-home .button-cell {
    padding-bottom: calc(5% + .75rem);
}



.page-home .image-padding-container {
	padding-top: calc(294 / 366 * 100%);
	position: relative;
}

.page-amenities .image-padding-container,
.page-location .image-padding-container {
	/*padding-top: calc(294 / 366 * 100%);*/
	padding-top: calc(211 / 366 * 100%);
	position: relative;
}

.page-amenities .image-link-overlay .button,
.page-location .image-link-overlay .button {
	border: 0 none;
	border-bottom: 1px solid #fff;
	background: transparent;
	color: #fff;
}

.home-gallery-link { background: url(../images/home-pic-1.jpg) center / cover no-repeat #ccc; }
.home-amenities-link { background: url(../images/home-pic-2.jpg) center / cover no-repeat #ccc; }
.home-location-link { background: url(../images/home-pic-3.jpg) center / cover no-repeat #ccc; }

.amenities-link-one { background: url(../images/amenities-pic-1.jpg) center / cover no-repeat #ccc; }
.amenities-link-two { background: url(../images/amenities-pic-2.jpg) center / cover no-repeat #ccc; }
.amenities-link-three { background: url(../images/amenities-pic-3.jpg) center / cover no-repeat #ccc; }

.location-link-one { background: url(../images/location-pic-1.jpg) center / cover no-repeat #ccc; }
.location-link-two { background: url(../images/location-pic-2.jpg) center / cover no-repeat #ccc; }
.location-link-three { background: url(../images/location-pic-3.jpg) center / cover no-repeat #ccc; }

/********************************
IMAGE LINK OVERLAYS/HOVER STYLES
********************************/
.image-link-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
}

.image-link-overlay .button {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	position: relative;
    width: 65%;
    font-size: 1.125rem;
}

.image-link-overlay .button.black {
	color: #fff;
} 


/*********************
FONT STYLES
*********************/
.lora { font-family: 'Lora-Regular', 'Georgia', serif; }
.lora-italic { font-family: 'Lora-Italic', 'Georgia', serif; }
.sourcesans { font-family: 'SourceSansPro-Regular', 'Trebuchet MS', sans-serif; }
.sourcesans-light { font-family: 'SourceSansPro-Light', 'Trebuchet MS', sans-serif; }

/*********************
HEADER STYLES
*********************/
.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    left: 0;
}

.top-bar.grid-container {
    padding: .5rem;
}

.utility-menu {
    background: #000;
    padding: .5rem;
}

.logo {
    height: 3rem;
}

/*********************
TITLE BAR STYLES
*********************/
.title-bar {
    background: rgba(0,0,0,.3);
}




/*********************
NAVIGATION STYLES
*********************/
.menu-icon {
    width: 22px;
    height: 20px;
}

.menu-icon:after {
    -webkit-box-shadow: 0 8px 0 #fefefe, 0 16px 0 #fefefe;
    box-shadow: 0 8px 0 #fefefe, 0 16px 0 #fefefe;
}

.dropdown.menu > li > a {
    line-height: 2.75rem;
    font-size: 1.25rem;
    letter-spacing: .05rem;
    text-transform: uppercase;
    color: #fff;
    font-family: 'SourceSansPro-Regular', 'Trebuchet MS', sans-serif;
    padding: .25rem .75rem 0;
}

.utility-menu .menu > li {
	padding: 0;
}

.utility-menu .menu > li > a,
.utility-menu .menu > li > span,
.utility-bar li > a,
.utility-bar li > span {
    line-height: 1.5rem;
    font-size: .75rem;
    letter-spacing: .1rem;
    padding: .25rem .5rem 0;
    font-family: 'SourceSansPro-Regular', 'Trebuchet MS', sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: inline-block !important;
}

.utility-menu .menu > li > span {
    font-size: .875rem;
    padding: .125rem 0 0;
    margin: 0 .25rem;
}

.no-link {
	pointer-events: none;
}

.utility-bar {
	
}

.utility-bar.black {
	background: #000;;
}

/*********************
HERO/LIVING PHOTO STYLES
*********************/
.hero-container {
	position: relative;
	top: 0;
    padding-top: 44px;
}

.page-home .hero-container {
    height: 100vh;
}

.hero-container .grid-frame {
	height: calc(100vh - 44px);
    position: relative;
}

.vidbg-container {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #444;
}

.home .hero-image.Home .vidbg-container {
    height: 500%;
    background-attachment: fixed;
    background-size: 250% 100vh !important;
    background-position: center top !important;
}

.vidbg-container {
    position: relative;
    height: 100%;
}

.vidbg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.about-home-container, .parallax-image-wrapper {
    background: transparent url(../images/bg-about-section.jpg) no-repeat;
    background-attachment: fixed !important;
    padding: 0;
    background-size: cover !important;
    background-position: center !important;
    height: calc(100vh - 44px);
    /* position: relative; */
    position: initial;
}

.hero-container .image-padding-container {
	padding-top:calc(520 / 1440 * 250%);
}

/*********************
PAGE HEADING STYLES
*********************/
.page-heading-container {

}

.page-heading-container p {
	font-family: 'SourceSansPro-Regular', Helvetica, sans-serif;
	color: #757575;
}

.bottom-lined {
	border-bottom: 1px solid #828282;
}

.page-floorplans .bottom-lined {
	border-bottom: 0 none;
}

.page-floorplans .page-heading-container {
	background: #000;
}

/*********************
BOTTOM PARALLAX STYLES
*********************/
.bottom-hero {
	position: relative;
	width: 100%;
	padding-top: calc(1086 / 1440 * 100%);
}

.page-amenities .bottom-hero {
	background: url(../images/amenities-parallax.jpg) center / cover no-repeat #ccc;
}

.page-location .bottom-hero {
	background: url(../images/location-parallax.jpg) center / cover no-repeat #ccc;
}

.page-contact .bottom-hero {
	background: url(../images/contact-parallax.jpg) center / cover no-repeat #ccc;
}



/*********************
HOME PAGE STYLES
*********************/
.large-logo {
    max-width: 80%;
    bottom: 12rem;
    position: absolute;
    left: 10%;
}

.about-home-container p {
    color: #fff;
    line-height: 1.7;
    margin: 0 0 2rem;
}

.about-home-container .grid-frame {
    height: 100%;
}

.about-home-container .cell {
    padding: 0 5%;
}

.home-logo-icon {
    max-height: 78px;
    margin-bottom: 2rem;
}

.three-images .image-link-container {
    margin: 0 0 1.5rem;
}

.three-images .image-link-container:last-child {
    margin: 0;
}

/*********************
AMENITIES STYLES
*********************/
.amenities-container {
	background: #fff;
}

.list-container h4 {
	text-transform: uppercase;
	border-bottom: 1px solid #757575;
	color: #757575;
	font-size: 1rem;
	line-height: 2.5rem;
	margin: 0 auto .75rem;
    font-family: 'SourceSansPro-Regular', Helvetica, sans-serif;
}

.list-container ul {
	margin: 0 auto .5rem;
}

.list-container li {
	color: #757575;
	font-size: .875rem;
    font-family: 'SourceSansPro-Regular', Helvetica, sans-serif;
}

.select-units {
	font-style: italic;
	margin-top: .5rem;
	font-size: .75rem;
}



/*********************
FLOORPLAN STYLES
*********************/
.floorplan-container {
    height: auto;
    background: #fff;
    border: 1px solid #bcbcbc;
    margin: 0 auto 1rem auto;
    padding: 1rem;
}

.floorplan-container ul,
.floorplan-container p {
    margin: 0;
}

.floorplan-container .floorplan-image img {
    max-height: 90%;
}

.floorplan-info li {
	font-family: 'Lora-Regular', Times New Roman, serif;
	font-size: 1rem;
}

.floorplan-info li.unit-type {
	font-weight: bold;
	font-size: 1.25rem;
	margin-right: .5rem;
}

.pricing {
	font-family: 'Lora-Italic', Times New Roman, serif;
	font-size: .875rem;
	letter-spacing: .025rem;
}

/*********************
GALLERY STYLES
*********************/


/*********************
LOCATION STYLES
*********************/

/*********************
POI MAP STYLES
*********************/
.poi-nav-container {
    padding: 5% 0;
}

#map {
    height: 100%;
}

#poiBox {
    padding: 1.625rem 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

#poiList {
    margin: 0;
}

#poiList li {
	width: 24%;
	text-align: center;
}

#poiList li > a {
    padding-top: 1.5rem;
    display: block;
    text-transform: uppercase;
}

/*********************
CONTACT STYLES
*********************/
.contact-hours span {
	display: block;
	width: 100%;
	text-align: center;
}

a.contact-hours {
	margin: 0 0 2rem;
}

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
  list-style: none; }

.widget ul {
  margin: 0; }

/*********************
FOOTER STYLES
*********************/
.footer { 
    clear: both;
    margin: 0;
    padding: 2rem 0;
    background: #000;
}

.footer a, .footer p, .footer span {
	color: #fff;
	font-family: 'SourceSansPro-Regular', Helvetica, sans-serif;
    letter-spacing: .1rem;
    text-transform: uppercase;
    margin: 0;
}

.footer-address p { font-size: .875rem; }

.footer-phone a { font-size: 2rem; line-height: 1; }

.social-icons { margin: 0; }

.social-icons li { margin: 0 .5rem; }

.social-icons img { width: 2rem; }

.footer-address, .footer-phone { margin: 0 0 1rem; }

.social { margin: 0 0 1.25rem; }

.footer .top-container { margin-bottom: 1rem; }

.policy-icons img { height: 1.5rem; }

.copyright, .policy-links { font-size: .75rem; }

a.policy-links { margin: .5rem 1rem 0; }

/*********************
VISUAL EDITOR STYLES
*********************/
body#tinymce { 
    margin: 20px;
}

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
    list-style: none outside none;
    margin: 0;
}

input::-webkit-input-placeholder {
    overflow: visible;
}

input:-ms-input-placeholder {
    overflow: visible;
}

input::placeholder {
    overflow: visible;
}

body.is-reveal-open { 
    overflow: auto !important; height: auto; position: relative;
}

.reveal-overlay { 
    overflow: initial !important; position: absolute;
}

.thumbnail {
	border: 0;
}

@media screen and (min-width: 40rem) {
    /*********************
    TOP BAR STYLES
    *********************/
    .top-bar-left .menu a {
        padding: 0;
    }
}

@media screen and (min-width: 64rem) {
    /*********************
    BOTTOM PARALLAX STYLES
    *********************/
    .bottom-hero {
        background-attachment: fixed !important;
    }
    
    
    /********************************
    IMAGE LINK OVERLAYS/HOVER STYLES
    ********************************/
    .image-link-overlay {
        background: rgba(0,0,0,0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .image-link-overlay .button {
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .image-link-overlay .button.black {
        color: #757575;
    }

    .image-link-overlay:hover {
        background: rgba(0,0,0,.4);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .image-link-overlay:hover .button {
        opacity: 1;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .image-link-overlay .button:hover {
        color: #fff;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    
    .map-overlay {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        background: rgba(0,0,0,.3);
        display: block;
    }
    
    .map-overlay.map-activated {
        display: none;
    }
}

@media screen and (max-width: 370px) {
    .utility-menu .menu > li > span {
        margin: 0;
    }
}

/* ==== @fontface ==== */

@font-face {
	font-family: 'Lora-Regular';
	src: url('../fonts/Lora/regular/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lora/regular/lora-regular-webfont.woff') format('woff'),
		url('../fonts/Lora/regular/lora-regular-webfont.woff2') format('woff2'),
		url('../fonts/Lora/regular/lora-regular-webfont.ttf') format('truetype'),
		url('../fonts/Lora/regular/lora-regular-webfont.svg#Lora-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lora-Italic';
	src: url('../fonts/Lora/italic/lora-italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Lora/italic/lora-italic-webfont.woff') format('woff'),
		url('../fonts/Lora/italic/lora-italic-webfont.woff2') format('woff2'),
		url('../fonts/Lora/italic/lora-italic-webfont.ttf') format('truetype'),
		url('../fonts/Lora/italic/lora-italic-webfont.svg#Lora-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-Light';
	src: url('../fonts/SourceSansPro/light/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro/light/sourcesanspro-light-webfont.woff') format('woff'),
		url('../fonts/SourceSansPro/light/sourcesanspro-light-webfont.woff2') format('woff2'),
		url('../fonts/SourceSansPro/light/sourcesanspro-light-webfont.ttf') format('truetype'),
		url('../fonts/SourceSansPro/light/sourcesanspro-light-webfont.svg#SourceSansPro-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-Regular';
	src: url('../fonts/SourceSansPro/regular/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro/regular/sourcesanspro-regular-webfont.woff') format('woff'),
		url('../fonts/SourceSansPro/regular/sourcesanspro-regular-webfont.woff2') format('woff2'),
		url('../fonts/SourceSansPro/regular/sourcesanspro-regular-webfont.ttf') format('truetype'),
		url('../fonts/SourceSansPro/regular/sourcesanspro-regular-webfont.svg#SourceSansPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}