/* 



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



  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: 1200px) {



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



}







#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_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/bk_white_brick.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: #3d4352;
	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;
	max-width: 100%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666;
	clear: both;

}







.featires_transparency {

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



	min-height: 500px;



	background-attachment: scroll;



	background-repeat: no-repeat;



	background-position: center top;



	clear: both;



}



#layout-container .columns-container #features .features_background .featires_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.3em;

	line-height: 1.55em;



}

#gallery p {

	font-size: 1.2em;

	font-weight: normal;

	line-height: 1.5em;

}





#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,.85);



	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 .featires_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;



}





div .gen-button {
	padding: 1em;
	width: 25%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	background-color: #9C9;
}
.gen-button a {
	font-weight: bold;
	color: #414121;
	text-decoration: none;
}
.gen-button a:hover {
	color: #00F;
}