/* 
  -----------------------------------
  PVII Vanilla
  by Project Seven Development
  www.projectseven.com
  Custom CSS
  -----------------------------------
*/


/* Add your Exception and Custom Rules Here*/
 

/*Media Query for all devices at screen/browser widths of 700px or less*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
/*Add rules here*/

.parallax-window {
	clear: both;
	background: transparent;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #090;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #090;
}

.parallax-text {
	background-color: rgba(0,51,153,.8);
	background-size: cover;
	color: #FFF;
	font-weight: bold;
	clear: both;
}
.parallax-window h1 {
	padding: 1em;
	font-size: 2em;
}
#home {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
#layout-container #home {
	background-image: url(../images/flash/image2.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 100%;
}
.home-summary .activity-div {
	padding: 1em;
	margin: 1em;
}
.home-summary .activity-div h1 {
	font-size: 1.25em;
	line-height: 1.25em;
	padding-left: 0px;
	padding-right: 0px;
}
.home-summary .activity-div p {
	font-size: 1.25em;
	line-height: 1.25em;
	padding-left: 0px;
	padding-right: 0px;
}
#home1 .home1-transparent h1 {
	font-family: 'Montserrat', sans-serif;
	color: #68a19c;
	font-weight: normal;
	font-size: 1.5em;
	line-height:1.5em;
}
#home2 .testimonial-box {
	border: thin solid #68a19c;
	margin: 0em;
}
#home2 .home2-background .testimonial-box h1 {
	font-family: font-family: 'Montserrat', sans-serif;;
	color: #68a19c;
	font-weight: 100;
	font-size: .5em;
}
#home2 .home2-background .testimonial-box p {
	font-family: font-family: 'Montserrat', sans-serif;;
	color: #68a19c;
	font-weight: 100;
	line-height: 1.25em;
	font-variant: normal;
	font-size: 1em;
}





}

/*Media Query for smartphones*/
@media only screen and (max-device-width: 480px) {
/*Add rules here*/

.masthead-middle {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.page_container {
	padding-top: 160px;
	clear: both;
}


h1 {font-size: 1.2em;}
h2 {font-size: 1.0em;}
h3 {font-size: .9em;}
h4 {font-size: .8em;}


}

/*Media Query for smartphones in landscape mode*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
/*Add rules here*/
.page_container {
	padding-top: 160px;
	clear: both;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.0em;}
h4 {font-size: 1.0em;}

}

/*Media Query for Desktops*/
@media only screen and (min-width: 1100px) {
/*Add rules here*/
#layout-container #home .home-background .home-overlay-cell {
	display:none;
}

}

/*Media Query for Desktops*/
@media only screen and (min-width: 1501px) {
/*Add rules here*/
#layout-container #home .home-background .home-overlay-cell {
	display:none;
}
.mob-links{
	display:none;
	}
}	


a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
#home_stmt  {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-family: 'Anton', sans-serif;
	padding-top: 15%;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	font-size: 1em;
	padding-right: 0%;
	padding-left: 0%;
	font-weight: normal;
	padding-top: 0%;
	background-color: #fff;
	padding-bottom: 0%;
	min-width: 25%;
}
#layout-container #home .home-background .home-overlay-cell #home_stmt-cell .home_stmt_2-cell p {
	padding: 1em;
}
#layout-container #home .home-background .home-overlay-cell {
	margin: 0px;
	padding: 0px;
}
#home_stmt .home_stmt_3 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-family: 'Anton', sans-serif;
	color: #FFF;
	font-weight: normal;
}
#home_stmt .home_stmt_3 p {
	font-size: 1em;
	line-height: 1.25em;
	background-color: #FFF;
}
.home-overlay-cell {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0em;
	margin-bottom: 2em;
	padding-top: 0em;
}
#home_stmt-cell  {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-family: 'Anton', sans-serif;
	padding-top: 15%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-size: 1em;
	padding-right: 0%;
	padding-left: 0%;
	font-weight: normal;
	padding-top: 0%;
	background-color: #FFF;
	padding-bottom: 0%;
	min-width: 25%;
}
#home_stmt .home_stmt_2-cell {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-family: 'Anton', sans-serif;
	color: #FFF;
	font-weight: normal;
}

.parallax-window {
	clear: both;
	min-height: 280px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
	background-color: #6D8D8C;
}
.parallax-text {
	background-color: #6D8D8C;
	background-size: cover;
	color: #FFF;
	font-size: 1.5em;
	font-weight: bold;
	clear: both;
	padding: 2em;
}



.parallax-text h1 {
	font-size: 3em;
	font-weight: bold;
	line-height: 200px;
	color: #FFF;
}
#layout-container .parallax-window .parallax-text .but_generic_white a {
	line-height: 20px;
	font-size: 30px;
}

#footer #copyright {
	clear: both;
	color: #CCC;
}
#layout-container #home .home-background .home-overlay-cell #home_stmt-cell .home_stmt_3 p {
	width: 65%;
	margin-right: auto;
	margin-left: auto;
}


.logo_div {
	margin: 0em;
	padding-top: .5em;
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: 1em;
}

#home {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 53vw;
}



.home-background  {
	background-color: #FFF;
	background-position: 0;
	}
#page {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	max-height: 300px;
	min-height: 300px;
}
.page-background  {
	background: rgba(0,0,0,.8);
	}
#home1 a img.scalable {
	border: thin solid #66b2b2;
}
.but_generic_white {
	min-width: 150px;
	max-width: 350px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	border-radius:20px;
	margin-top: 1em;
	margin-bottom: 1em;
	border: thin solid #FFF;
	border-radius:5px;
	padding: 1em;
}
.but_generic_white a {
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	font-weight: 400;
}
.but_generic_white a:hover {
	text-decoration: none;
	font-size: 1.0125em;
	font-weight: 300;
}
.but_generic_white a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
	font-weight: 700;
}
#layout-container #p7DMM_1 #p7DMMu_1 li #p7DMMt1_1 img {
	margin: 0px;
	padding: 0px;
}
#layout-container #p7DMM_1 #p7DMMu_1 li #p7DMMt1_1 {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.but_generic {
	min-width: 150px;
	max-width: 250px;
	background-color: #E6AD2B;
	color: #FFF;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border-radius:20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #FFF;
}

.but_generic  a{
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
	font-weight: 400;
}
.but_generic a:hover {
	color: #F7F7F7;
	text-decoration: none;
	font-size: 1.0125em;
	font-weight: 300;
}
.but_generic a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
	font-weight: 700;
}
.but_generic_green {
	min-width: 150px;
	max-width: 250px;
	background-color: #68a19c;
	color: #FFF;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	border-radius:20px;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
.but_generic_green a {
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
	font-weight: 400;
}
.but_generic_green a:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 1.0125em;
	font-weight: 600;
}

.but_generic_green a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
	font-weight: 700;
}
.home-summary {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	background-color: #F7F7F7;
}
.home-summary-background {
}

.home-summary-transparent {
}
.home-summary h1 {
	font-family: font-family: 'Montserrat', sans-serif;;
	color: #666;
	font-weight: 100;
	font-size: 3em;
}

.home-summary p {
	font-family: font-family: 'Montserrat', sans-serif;;
	color: #666;
	font-weight: 100;
	line-height: 1.25em;
	font-variant: normal;
	font-size: 1.25em;
	padding-right: 1em;
	padding-left: 1em;
}
.home-summary .feat-col2 {
	background-image: url(../images/home-summary-pic.jpg);
	max-height:75vh;
	min-height:75vh;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}


.home-summary h1 {
	padding-right: .5em;
	padding-left: .5em;
}


.home-summary-left {
}
.container {
	object-fit:cover;
	object-position: top right;
	repeat:no;
}
.container-half {
	width: 50%;
	height: 100%;
	font-size: 14px;
	padding: 20px;
	float: left;
	background-color:#0F6;
	
}
#home1 {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
.home1-background {

}
.home1-transparent {

}
#home1 h1 {
	font-family: 'Montserrat', sans-serif;
	color: #E6AD2B;
	font-weight: lighter;
	font-size: 3em;
}

.but_container a:hover {
	font-size: 1.25em;
	line-height: 100%;
	color: #FFF;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	font-weight: 700;
	text-align: center;
}
.but_container a:visited {
	font-size: 1.2em;
	line-height: 100%;
	color: #FFF;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	font-weight: 700;
	text-align: center;
}
#footer .vanilla-row.max-1280 .column-group.max-100 .vanilla-column.column-33.padded .addr_footer p {
	margin: .1em;
	padding: .1em;
}
#footer .vanilla-row.max-1280 .column-group.max-100 .vanilla-column.column-33.padded .sitemap p {
	margin: 0em;
	padding-top: 0em;
	padding-right: 0.25em;
	padding-bottom: 0em;
	padding-left: 0.25em;
}
#footer .vanilla-row.max-1280 {
	clear: both;
}

.copyright {
	font-size: 0.9em;
	color: #FFF;
	text-decoration: none;
	clear: both;
}
.but_generic2 {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	background-color: #C48A3C;
	color: #FFF;
	height: 100%;
	font-weight: normal;
	font-size: 1em;
}
.but_generic2 a {
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
}
.but_generic2 a:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 1.05em;
}
.but_generic2 a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 1.25em;
	font-weight: 700;
}
.bottom_tag {
	clear: both;
}
}
#p7SOM_1 ul li {
	line-height: 2em;
	font-size: 1.5em;
}

#masthead_container #masthead .masthead-middle .logo_div a .scalable {
	max-width: 250px;
	max-height: 90px;
}
#home1 a:hover .scalable {
		transform: scale(1.05, 1.05);
}
#masthead_container #masthead .masthead-middle .logo_div p {
	font-family: font-family: 'Montserrat', sans-serif;;
	padding: 0px;
	margin: 0px;
	font-size: 1.25em;
	line-height: 1.25em;
	font-weight: 400;
	color: #0d1d32;
}

.return {
	clear: both;
}

.sq-ft-disclaimer {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.page_container {
}
#check-avail {
}
#layout-container #p7DMM_1 #p7DMMu_1 li #p7DMMt1_1 img {
	
	max-height: 40px;
}
.home_stmt_2-cell h3 a img {
	padding-top: 20px;
}
#layout-container #p7DMM_1 {
	padding-top: 10px;
}
.ribbon p {
	background-color: #6D8D8C;
	height: auto;
	top: 0px;
	line-height: 30px;
	margin: 0px;
	color: #FFF;
	font-weight: 300;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#p7DMM_1 #p7DMMu_1 li #p7DMMt1_1 img {
	margin: 0px;
	padding: 0px;
}
#p7DMM_1 #p7DMMu_1 li #p7DMMt1_1 {
	margin-top: 0px;
	padding-top: 5px;
}

.floating-btn {
	width: 80px;
	height:80px;
	background:#669966;
	display: flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	border-radius:50%;
	color:#fff;
	font-size:40px;
	box-shadow:2px 2px 5px rgba(0,0,0,.25);
	position:fixed;
	right:20px;
	bottom:20px;
	z-index: 999999;
	transition:background-.25s;
	
	/*<button>*/
	outline:blue;
	border:none;
	cursor:pointer;
	}
.floating-btn:active {
		background: #007d63;
	}
#footer .vanilla-row.max-1280 .column-group.max-100 .vanilla-column.column-33.padded h2 {
	color: #FFF;
}
#page-content {
	clear: both;
	min-height: 500px;
}
.content {
	color: #333;
	background-color: #F7F7F7;
}
#apt-features h1 {
	padding-top: 1em;
	padding-right: 2em;
	padding-left: 2em;
	color: #666;
	font-size: 1.75em;
}

#apt-features ul li {
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #666;
	list-style-type: square;
	margin-right: 2em;
	margin-left: 2em;
}
#apt-features .feat-col2 {
	background-image: url(../images/page-banners/apt-features.jpg);
	max-height:90vh;
	min-height:90vh;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}
#apt-amenities h1 {
	padding-top: 1em;
	padding-right: 2em;
	padding-left: 2em;
	color: #666;
	font-size: 1.75em;
}
#apt-amenities ul li {
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #666;
	list-style-type: square;
	margin-right: 2em;
	margin-left: 2em;
}
#apt-amenities .feat-col2 {
	background-image: url(../images/page-banners/fitness-center.jpg);
	max-height:90vh;
	min-height:90vh;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}
.ribbon p a{
	font-weight: 300;
	text-decoration: none;
	color: #FFF;
}
.ribbon {

}
.page-header {
	max-height: 400px;
	height: 400px;
	background: cover;
}
#gallery-page-content {
	clear: both;
	min-height: 500px;
}
.gallery-content {
	color: #333;
	background-color: #F7F7F7;
}
.gallery-page-header {
	max-height: 400px;
	height: 400px;
	background: cover;
}
#floorplans-page-content {
	clear: both;
	min-height: 500px;
}
.floorplans-content {
	color: #333;
	background-color: #F7F7F7;
	clear: both;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#layout-container #floorplans-page-content {

}

.floorplans-content h3{
	color: #666;
}
.floorplans-content h2{
	color: #666;
}
.floorplans-content p{
	color: #666;
	font-size: 1.2em;
}
.floorplans-page-header {
	max-height: 400px;
	height: 400px;
	background: cover;
}
#apply-page-content {
	clear: both;
	min-height: 500px;
}
.apply-content {
	color: #333;
	background-color: #F7F7F7;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.apply-page-header {
	max-height: 400px;
	height: 400px;
	background: cover;
}
#apply-page-content  h2 {
	padding: 1em;
}
.location-content {
	color: #333;
	background-color: #F7F7F7;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.location-page-header {
	max-height: 400px;
	height: 400px;
	background: cover;
}
#location-page-content  h2 {
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
#location-page-content .feat-col2 {
	background-image: url(../images/NEST.jpg);
	max-height:40vh;
	min-height:38vh;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}
#layout-container #location-page-content .location-content.max-1600 .vanilla-row .column-group.max-100 .vanilla-column.column-50 .tlk-map.tk-border-dk.tk-rounded.tk-shadow {
	clear: both;
	margin-bottom: 1em;
}
#contact-page-content {
	clear: both;
	min-height: 500px;
	padding-top: 1em;
}
.contact-content {
	color: #333;
	background-color: #F7F7F7;
	margin-bottom: 1em;
	padding-bottom: 1em;
	min-height: 500px;
	margin-top: 1em;
	padding-top: 1em;
}
.contact-page-header {
	max-height: 400px;
	height: 400px;
	background: cover;
}
.contact-photo {
	padding-bottom: 1em;
}
#privacy h1 {
	font-size: 1.75em;
}
#privacy p {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #333;
}
#check-avail h1 {
	font-size: 1.75em;
}
#check-avail p {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #333;
}
.portal-content {
	color: #333;
	background-color: #F7F7F7;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.portal-page-header {
	max-height: 400px;
	height: 400px;
	background: cover;
}
#portal-page-content  h2 {
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
#portal-page-content .feat-col2 {
	background-image: url(../images/residents.jpg);
	max-height:40vh;
	min-height:45vh;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}
#portal-page-content ul li {
	font-size: 1.25em;
	line-height: 1.5em;
}
#portal-page-content p  {
	font-size: 1.25em;
	line-height: 1.5em;
}