/* 

  -----------------------------------

  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*/

.mi_special_btn {

	background-color: #0c0;

	font-size: 1.0em;

	line-height: 1.5em;

	width: 70%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}

#home_stmt {
	display:none;	
}

#home2 #ofc_hours {

	text-align:center;

}

#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 75%;

	height: 75%;

}



.home_background {

	min-height: 500px;

}



}



/*Media Query for smartphones*/

@media only screen and (max-device-width: 480px) {

/*Add rules here*/

.mi_special_btn {

	background-color: #0c0;

	font-size: .9em;

	line-height: 1.5em;

	width: 80%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}



#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 50%;

	height: 50%;

}



.home_background {

	min-height: 400px;

}



#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-1.percent25 .p7QC-content.p7ehc-3 ul li {

	text-align: center;

	list-style-type: none;

	font-size: 1.1em;

	color: #FFF;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-3.percent25 .p7QC-content.p7ehc-3 ul li {

	color: #FFF;

	font-size: 1.2em;

	text-align: center;

	list-style-type: none;

}

#footer {

	background-color: #151515;

	color: #BBB;

	box-sizing: border-box;

	border-radius: 0px 0px 6px 6px;

	font-size: 80%;

	text-align: center;

	clear: both;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

}

}



/*Media Query for smartphones in landscape mode*/

@media only screen and (max-device-width: 480px) and (orientation : landscape) {

/*Add rules here*/

.mi_special_btn {

	background-color: #0c0;

	font-size: 1.0em;

	line-height: 1.5em;

	width: 70%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}



#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 40%;

	height: 40%;

}



.home_background {

	min-height: 300px;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-1.percent25 .p7QC-content.p7ehc-3 ul li {

	text-align: center;

	list-style-type: none;

	font-size: 1.1em;

	color: #FFF;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-3.percent25 .p7QC-content.p7ehc-3 ul li {

	color: #FFF;

	font-size: 1.2em;

	text-align: center;

	list-style-type: none;

}

#footer {

	background-color: #151515;

	color: #BBB;

	box-sizing: border-box;

	border-radius: 0px 0px 6px 6px;

	font-size: 80%;

	text-align: center;

	clear: both;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

}

}

#home {

	width: 100%;

	max-height: 1000px;

}
#home #home_stmt{
	position:absolute;
	top:70%;
	left:50%;
	margin-right:-50%;
	transform: translate(-50%,-50%);
	}
	.section {
	font-family: 'Abel', sans-serif;
	color: #FFF;
	/*background-color:rgba(000,000,000, .5);*/
	text-shadow: 4px 4px 4px #000000;
	font-size:1em;
	font-weight: bold;
	padding: 1em;
	}
.section h2  {
	color: #FFF;
	font-size: 2em;
}

#features p {
	color: #CCC;
}




.home_background {



}

#home2 {

	clear: both;

	background-color: #FFF;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #999;

	width: 100%;

}

.home2_background {

	background-image: none;

}

.home2_transparency {

	background-color: rgba(255,255,255,1.0);

	background-attachment: scroll;

}

#ofc_hours p {

	font-size: 1em;

	line-height: 1.2em;

	margin: 0px;

	font-weight: 300;

	color: #666;

}

#ofc_hours h2 {

	color: #666;

}

#video {

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #ffe;

	width: 100%;

	background-image: url(../images/backgrounds_page/background12.jpg);

}

.video_background {

	background-image: none;

}

.video_transparency {

	background-color: rgba(255,255,255,.85);

	background-attachment: scroll;

	clear: both;

}







#gallery {

	clear: both;

	background-color: #FFF;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #ffe;

}

.gallery_background {

	background-image: url(../images/backgrounds_page/background10.jpg);

	background-repeat: repeat;

	background-position: center center;

	clear: both;

}



.gallery_transparency {

	background-color: rgba(255,255,255,.85);

	background-attachment: scroll;

	clear: both;

}

#features {
	clear: both;
	background-color: #666;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ffe;

}





.features_background {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666;
	clear: both;

}



.features_transparency {

	background-color: rgba(61,67,82,.85);

	min-height: 500px;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center top;

	clear: both;

}

#layout-container .columns-container #features .features_background .features_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280 #amenities .column-group.max-100 .apt_features .vanilla-column.column-33 p {

	color: #FFF;

	font-size: .85em;

}



#features ul li {
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.3em;
}

#features h3  {

	color: #FFF;

}



.apartment_features ul li {

	font-size: 1.5em;

	line-height: 1.5em;

	color: #884128;

	list-style-type: none;

}

.features_footer #p7QC_5 {

	clear: both;

}



.features_footer {

	background-color: #699;

}

.photogal_container .scalable {

	padding-bottom: 1em;

}



#floorplans {

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #ffe;

}

#floorplans .floorplans_background .floorplans_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280 #p7QC_3 .p7QC-Col.p7QC-2col-1.percent50 .p7QC-content #p7AP3_1 #p7AP3w1_6 p {

	font-size: .9em;

	color: #666;

}

.floorplans_background {

	min-height: 500px;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center top;

	background-image: url(../images/backgrounds_page/background8.jpg);

}

.floorplans_transparency {

	background-color: rgba(255,255,255,.95);

	min-height: 500px;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center center;

	clear: both;

}

#footer #copyright {
	clear: both;
	color: #FFF;
}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li {

	list-style-type: none;

	margin: 0px;

}





#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-1.percent25 .p7QC-content.p7ehc-3 ul li {

	text-align: center;

	list-style-type: none;

	font-size: 1.1em;

	color: #999;

}

#layout-container #footer .max-1600 #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li {
	color: #FFF;
}



#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-3.percent25 .p7QC-content.p7ehc-3 ul li {

	color: #999;

	font-size: 1.2em;

	text-align: center;

	list-style-type: none;

}



#location {

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #ffe;

}





.location_background {

	min-height: 500px;

	background-image: url(../images/backgrounds_page/background13.jpg);

	background-position: center center;

	background-attachment: scroll;

	background-repeat: no-repeat;

}

.location_transparency {

	background-color: rgba(255,255,255,.95);

	min-height: 500px;

	clear: both;

}

#residents {

	clear: both;

}



.residents_background {

	background-color: #9CC;

	min-height: 500px;

}

#contact {

	background-position: center center;

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #ffe;

	top: 100px;

}



.contact_background {

	min-height: 500px;

	background-attachment: fixed;

	background-image: url(../images/backgrounds_page/background7.jpg);

	background-repeat: no-repeat;

	background-position: center center;

}

.contact_transparency {

	background-color: rgba(255,255,255,.95);

	min-height: 500px;

}

#thankyou {

}

.thankyou_background {

	min-height: 500px;

	background-image: url(../images/backgrounds_page/background4.jpg);

}

.thankyou_transparency {

	background-color: rgba(255,255,255,.80);

	min-height: 500px;

}

#layout-container .columns-container #thankyou .thankyou_background .column-group.max-100 .vanilla-column.column-100.padded .max-1440 .thankyoutext {

	width: 50%;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	padding-top: 3em;

	padding-bottom: 3em;

}





.phone {

	padding-right: 2em;

	padding-left: 2em;

	padding-bottom: 1em;

	padding-top: 1em;

}

#layout-container #masthead #masthead-right .phone .phone_img h2 img {

	clip: rect(5px,auto,auto,auto);

}



.logo img {

	padding-right: 1em;

	padding-left: 1em;

	padding-top: 1em;

	padding-bottom: 1em;

}

.logo {

	padding-right: 1em;

}



p {

	font-size: 1em;

	line-height: 1.25em;

	color: #666;

}

.sqft {

	font-size: .85em;

	padding-right: 2em;

	padding-left: 2em;

}

#layout-container .columns-container #home .home_background .column-group.max-100 .vanilla-column.column-100.padded .max-1440 .comingsoon {

	width: 100%;

	text-align: center;

	margin-left: auto;

	font-size: 1.5em;

	color: #C36F43;

	padding-top: 1.5em;

	margin-right: auto;

}

.comingsoon h2 {

	color: #063;

}

.apt_features .vanilla-column.column-33.padded ul li {

	line-height: 1.6em;

	font-size: 1.3em;

	color: #366;

}

#amenities .column-group.max-100 .vanilla-column.column-33.padded p {

	color: #366;

}



.comm_amenities .vanilla-column.column-33.padded ul li {

	line-height: 1.6em;

	font-size: 1.3em;

	color: #366;

}

.comm_amenities .vanilla-column.column-33.padded h2 {

	color: #366;

}

.apt_features .vanilla-column.column-33.padded h2 {

	color: #366;

}



.apt_features .vanilla-column.column-33.padded p {

	font-size: .8em;

}

#buttons {

	background-color: #0B7477;

	padding: .25em;

	text-decoration: none;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li a hover {

	text-decoration: none;

}

#footer #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li {

	color: #FFF;

}



#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li a {

	text-decoration: none;

}

#layout-container .columns-container #thankyou .thankyou_background .thankyou_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1440 .thankyoutext ul li {

	font-size: 1.4em;

	text-align: left;

	color: #000;

	line-height: 1.6em;

}

#layout-container .columns-container #features .features_background .features_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280.revealFX.revealFX3 #amenities .column-group.max-100 .vanilla-column.column-33.padded p #amen_photo {

	padding: .5em;

	background-color: #496D6D;

}

#layout-container .columns-container #contact .contact_background .contact_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280.revealFX.revealFX8 #p7QC_5 .p7QC-Col.p7QC-2col-2.percent50 .p7QC-content p #contact_pic_border {

	background-color: #496D6D;

	padding: .5em;

}

.opm-panel-content .vanilla-row .column-group.max-100 .vanilla-column.column-30.padded p {

	color: #666;

	padding: 0px;

	margin: 0px;

	font-size: 1em;

	font-weight: bold;

}

.opm-panel-content .vanilla-row .column-group.max-100 .vanilla-column.column-30.padded h2 {

	color: #0C0;

	padding: 0px;

	margin: 0px;

	font-weight: bold;

	line-height: 1.5em;

	font-size: 1.5em;

}

.opm-panel-content .vanilla-row .column-group.max-100 .vanilla-column.column-30.padded hr {

	color: #999;

	padding: 0px;

	margin: 0px;

	font-weight: lighter;

}

.mi_special_btn {

	background-color: #3d4352;

	font-size: 1.75em;

	line-height: 2.25em;

	width: 70%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}

.opm-panel-content h2 {

	color: #0c0;

}

#floorplans h2 {

	color: #3d4352;

}

#layout-container #footer .max-1600 #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li {

	padding-top: .2em;

	padding-bottom: .2em;

}

#floorplans p img {

	padding-top: 1em;

	padding-bottom: 1em;

}

#layout-container #footer .max-1600 #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li a {

	color: #FFF;

	text-decoration: none;

}

#layout-container #footer .max-1600 #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li a hover{

	color: #FFF;

	text-decoration: none;

}

#layout-container .columns-container #floorplans .floorplans_background .floorplans_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280.padded p {

	font-size: .9em;

}

#features ul li a {

	color: #FFF;

}

#features p a {

	color: #FFF;

	text-decoration: underline;

}

#layout-container #p7DMM_1 #p7DMMu_1 li #p7DMMt1_10 img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#layout-container #p7DMM_1 #p7DMMu_1 li #p7DMMt1_10 img {
	padding-bottom: 4px;
}
#portal {

}
.portal_background {

	min-height: 500px;

	background-image: url(../images/backgrounds_page/background4.jpg);

}
.portal_transparency {

	background-color: rgba(255,255,255,.80);

	min-height: 500px;

}

.parallax-window {
	clear: both;
	min-height: 100px;
	background: transparent;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
}
.parallax-text {
	background-size: cover;
	color: #00233F;
	font-size: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
	clear: both;
	padding-right: 1em;
	padding-left: 1em;
}
.home-container {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 33vw;
	clear: both;
}
.parallax-window {
	clear: both;
}
.scroller {
	clear: both;
}
#home-summary img {
	border: thin double #666;
}
#sect-2 {
	margin-right: auto;
	margin-left: auto;
}
#sect2-container h1 {
	color: #FFF;
	vertical-align: middle;
	padding: 1em;
}

#sect2-container {
	margin-right: auto;
	margin-left: auto;
	background-color: #F00;
	clear: both;
}
.about-sect2-75.padded {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}
#issues-content {
	margin-right: auto;
	margin-left: auto;
	padding: 1em;
}
.issues-container.max-none {
	clear: both;
}
.issues-content75 .issues-75 {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	padding: 1px;
}
.issues-content75 .issues-75 p {
	font-size: 1.2em;
	line-height: 1.25em;
}
#issues-content .vanilla-row h1 {
	padding: 1em;
	margin-right: auto;
	margin-left: auto;
}
#footer .mgt-logo-container p {
	color: #FFF;
}