/* 
  -----------------------------------
  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: 1100px) {
/*Add rules here*/
#masthead-left {
	display:none;	
	}
	#home_stmt  {
	font-family: 'Abel', sans-serif;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	text-shadow: 2px 2px 2px #000000;
	font-size: 1em;
	font-weight: bold;
	margin-top: 40%;
}
.parallax-text {
	background-color: rgba(0,0,0,.5);
	background-size: cover;
	color: #FFF;
	font-size: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
	clear: both;
	text-transform:uppercase;
}

.parallax-text h1 {
	font-size: 2em;
	font-weight: bold;
	line-height: 200px;
	color: #FFF;
	text-transform:uppercase;
}
.centered_h1 {
	display:none;
}
}

/*Media Query for smartphones*/
@media only screen and (max-device-width: 480px) {
/*Add rules here*/
#masthead-left {
	display:none;	
	}
	
#home_stmt  {
	font-family: 'Abel', sans-serif;
	padding-top: 40%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	text-shadow: 2px 2px 2px #000000;
	padding-right: 10%;
	padding-left: 10%;
}
.parallax-text {
	background-color: rgba(0,0,0,.5);
	background-size: cover;
	color: #FFF;
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
	clear: both;
	text-transform:uppercase;
}

.parallax-text h1 {
	font-size: 1em;
	font-weight: bold;
	line-height: 200px;
	color: #FFF;
	text-transform:uppercase;
}
}

/*Media Query for smartphones in landscape mode*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
/*Add rules here*/
#masthead-left {
	display:none;	
	}
}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

#thankyou {
}
.thankyou_background {
	min-height: 500px;
	background-image: url(../../../reep_management/parc410/images/backgrounds_page/background4.jpg);
}
.thankyou_transparency {
	background-color: rgba(255,255,255,.80);
	min-height: 500px;
}

.centered_h1 {
	background: rgba(0,0,0,.50);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: thin solid #FFF;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	font-weight: 500;
	z-index: 9999;
}

.centered_h1_transparency {
	padding-top: 2em;
	padding-right: 3em;
	padding-bottom: 2em;
	padding-left: 3em;
}
.centered_h1_transparency h1 {
	color: #FFF;
	padding: 0em;
	font-weight: 500;
	margin-right: auto;
	margin-left: auto;
}

.centered_h1_transparency h1 a {
	padding-top: .5em;
	padding-bottom: 0.5em;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	text-transform:uppercase;
}
.centered_h1 h2 {
	font-family: 'Oswald', sans-serif;
	color: #FFF;
	text-transform:uppercase;
}


.container {
	position:relative;
	width:100%;
	}
.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
	background-color: #000;
	background: rgba(0,0,0,.80);
}

.container:hover .overlay {
	opacity: 1;
	width: 100%;
}

.text {
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.container .overlay .text a{
	color: #FFF;
}
.btn_ck_avail {
	padding: 3px;
}


.btn_ck_avail h3 {
	background-color: #cc9933;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 0.25em;
	padding-bottom: 0.5em;
	padding-left: 0.25em;
	border: thin solid #000;
	max-width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	color: #FFF;
}
.btn_ck_avail h3 a{
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	border-radius: 10px 10px 10px 10px;
}
.btn_ck_avail h3 a:hover{
	color: #FFF;
	text-decoration: none;
	font-size: 1.05em;
}



.btn h3 {
	background-color: #5D7B26;
	text-align: center;
	border: thin solid #663;
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px 10px 10px 10px;
	padding: 0.5em;
}

.btn h3 a{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
}
.btn h3 a:hover{
	color: #CCC;
	text-decoration: none;
}

#home {
	clear: both;
	max-height: 500px;
	margin-right: auto;
	margin-left: auto;
}
#home-testimonials h1 {
	padding: 1em;
}
.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;
	max-height: 200px;
}
.parallax-text {
	background-color: rgba(cc9933);
	background-size: cover;
	color: #FFF;
	font-size: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: normal;
	clear: both;
	text-transform:uppercase;
}

.parallax-text h1 {
	font-size: 1em;
	line-height: 100px;
	color: #FFF;
	text-transform:uppercase;
}
.whats-next ul li {
	padding-top: .5em;
	padding-bottom: .5em;
}

#featured-property {
	background-color: #69C;
	margin: 0px;
	padding: 0px;
}
.featured-container {
	margin-right: 0px;
}


.featured-1container {
	color: #FFF;
	padding-right: 2em;
	padding-left: 2em;
}
.featured-2container {
	background-attachment: scroll;
	background-image: url(../images/featured-property.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 500px;
}
.featured-1container h3{
	color: #FFF;
}
.featured-1container h1{
	color: #FFF;
}
.featured-1container h2{
	color: #CCC;
}

#home-sec1 {
	clear: both;
	min-height: 300px;
	padding-bottom: 1em;
}
.columns-container .parallax-window {
	clear: both;
}
.columns-container #home-sec1 .vanilla-row.max-1280 {
	clear: both;
}
.columns-container .counter-container.max-none {
	clear: both;
}
.mission-text {
	padding: 2em;
	text-align: center;
	vertical-align: middle;
	display: block;
	font-weight: 400;
	line-height: 2.0em;
}
.mission-text h2 {
	padding: 1em;
	line-height: 1.8em;
}
.mission-text h3 {
	color: #FFF;
}
.mission-container {
	background-image: url(../images/backgrounds_page/background20.png);
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: center center;
}
.mission-content .vanilla-row .column-group.max-1280 .vanilla-column.column-60.padded .scalable {
	border: thin solid #c93;
}

.mission-container .mission-content {
	background-color: rgba(0,0,0,.60);
}


#layout-container #home-sec1 .vanilla-row {
}

#home-sec1 .vanilla-row h1 {
	color: #cc9933;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
}

#home-sec1 .vanilla-row p {
	color: #FFF;
	line-height: 1.3em;
	padding-top: 2em;
	padding-right: 0em;
	padding-bottom: 2em;
	padding-left: 0em;
	font-size: 16px;
	font-weight: 400;
}

#home-sec2 {
	clear: both;
	min-height: 420px;
	background-color: #000;
}
#home-sec3 {
	clear: both;
	min-height: 250px;
	background-color: #CCC;
}
#home-testimonials {
	background-color: #FFF;
}

#home-sec3 .vanilla-row h1 {
	color: #002f57;
	padding: 1em;
}
#home-sec3 .vanilla-row p {
	color: #666;
	line-height: 1.6em;
	padding-top: 0em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	font-size: 1.3em;
}
#home-sec3 h2{
	clear: both;
	background-color: #CCC;
	padding-top: 1em;
}
#lower-nav {
	clear: both;
}

#lower-nav ul li {
	list-style-type: none;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}
#lower-nav {
	background-color: #333;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #000;
}
.columns-container #lower-nav-container #lower-nav .vanilla-row.max-1280 .column-group.max-100 .vanilla-column.column-33.padded ul li a {
	line-height: 1em;
}

#lower-nav a {
	text-decoration: none;
	color: #CCC;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}
#lower-nav ul li a {
	font-size: 0.85em;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	line-height: 1em;
}
.about {
	background-color: #000;
}
.about-container {
	margin-right: 0px;
}
.about-container p {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	color: #FFF;
	margin-top: 0.75em;
	margin-bottom: 0.45em;
}
.about-column-right {
	background-image: url(../images/team-page-pic.jpg);
	background-repeat: no-repeat;
	height:80vh;
	background-position: bottom;
}
.about-padding {
	padding-right: 2em;
	padding-left: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}



.featured-page {
	padding-bottom: 2em;
	min-height: 600px;
	background-color: #FFF;
	clear: both;
}
.featured-page-container {
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.featured-page-padding {
	padding: 2em;
}
.featured-page-padding div p {
	line-height: 2em;
	margin-top: 1em;
}
.featured-page-container.max-1440 h1 {
	padding-top: 1em;
}
.featured-page-container.max-1440 h2 {
	margin-top: .5em;
	margin-bottom: .5em;
}


.about ul li{
	list-style-position: inside;
	list-style-type: square;
	color: #3f96aa;
	padding-top: .35em;
	padding-right: 1em;
	padding-bottom: .35em;
	padding-left: 1em;
	text-indent: 1em;
	font-size: 1.1em;
}
.showcase {
	background-color: #FFF;
}
.showcase-container {
	margin-right: 0px;
}
.showcaset-container p {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	color: #002F57;
	margin-top: 0.75em;
	margin-bottom: 0.45em;
}
.search {
	min-height: 600px;
	background-color: #FFF;
	padding: 2em;
}
.showcase h3 {
	font-size: 1em;
}

.people {
	padding-bottom: 1em;
	background-color: #FFF;
}
.people-row {
	clear: both;
	border: thin solid #333;
	margin-top: 1em;
	margin-bottom: 1em;
}
.people-row img {
	padding: 1em;
}
.people h3 {
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: 1em;
}
.people p {
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: 1em;
	color: #002F57;
}


.services {
	padding-bottom: 2em;
	min-height: 600px;
	background-color: #FFF;
}
.services ul li {
	color: #002F57;
	list-style-position: inside;
	list-style-type: square;
	margin-top: 5px;
	padding-top: 0.25em;
	padding-right: 0.25em;
	padding-bottom: .25em;
	padding-left: 0.25em;
}
.services-container {
	padding: 1em;
}
.training h2 {
	color: #FFF;
}
.training p {
	color: #FFF;
}
.training {
	background-color: #9EBC38;
	margin-bottom: 1em;
}

.careers {
	min-height: 500px;
	background-color: #FFF;
	margin: 1em;
	padding: 1em;
}
.careers p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: .5em;
	margin-top: .5em;
}
.careers-padding {
	padding-right: 2em;
	padding-left: 2em;
}

.careers-column-right {
	background-image: url(../images/careers.jpg);
	background-repeat: no-repeat;
	height:100vh;
	background-position: center top;
}
.contact {
	background-color: #FFF;
}
.contact p {
	line-height: 1.5em;

}

.ofc-hours p {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 0px;
	font-weight: 300;
	color: #666;
	padding: 0.25em;
}

.ofc-hours h2 {
	color: #333;
	font-size: 1em;
}
.social h2{
	color: #FFF;
}
.featured-page-row {
	clear: both;
}
.thankyou {
	min-height: 400px;
	background-color: #000;
	padding: 1em;
}
.thankyou p {
	font-family: 'Quicksand', sans-serif;

}
.positions {
	min-height: 400px;
	background-color: #FFF;
	padding: 1em;
}
#masthead-left a .scalable {
	padding: .75em;
}
.columns-container #lower-nav-container {
	clear: both;
}
#layout-container .featured-page.max-none .featured-page-container.max-1440 {
	clear: both;
}
.btn {
	clear: both;
}
#layout-container .careers .careers-container.max-none .vanilla-row .column-group.max-none .vanilla-column.column-50.padded .careers-padding p img {
	margin-right: 1em;
}
#layout-container .whats-next {
	background-color: #FFF;
}
#layout-container .whats-next .next-container.max-none .vanilla-row .vanilla-row .column-group.max-100 {
	background-color: #FFF;
}
#layout-container .whats-next .next-container.max-none .vanilla-row .column-group.max-100 {
	background-color: #FFF;
}
#layout-container .contact .contact_background .contact_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280 .vanilla-row .column-group.max-100 .vanilla-column.column-50.padded .scalable {
	padding-top: 1em;
	padding-bottom: 2em;
}
.parallax-window .parallax-text {
	min-height: 100px;
}
#layout-container .about .about-container.max-none .vanilla-row .column-group.max-none .vanilla-column.column-60.padded .about-padding .vanilla-row .vanilla-row .column-group.max-100 .vanilla-column.column-50.padded h2 {
	color: #666;
	font-size: 1.25em;
}
#layout-container .about .about-container.max-none .vanilla-row .column-group.max-none .vanilla-column.column-60.padded .about-padding .vanilla-row .vanilla-row .column-group.max-100 .vanilla-column.column-50.padded ul li {
	color: #666;
	font-size: 1em;
	font-weight: 400;
}
.columns-container .counter-background {
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.columns-container #home-sec2 {
}

.columns-container #home-sec2 {
	background-color: #e5e4e2;
	padding: 1em;
}
.columns-container .counter-container {
	clear: both;
}
#masthead #masthead-left a .scalable {
	max-width: 75%;
}
.columns-container #footer-container #footer .vanilla-row.max-1280 .column-group.max-100 .vanilla-column.column-50 #copyright {
	clear: both;
}
.columns-container #home #p7IR2_1 {
	clear: both;
}
#home-sec1b {
	clear: both;
}
#home-seca {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	background-image: url(../images/about-hero.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}
.seca-background {
	background-color: rgba(0,0,0,.5);
}

.seca-content {
	padding: 1em;
	width: 80%;
}
.seca-content  h2 {
	color: #FFF;
}
.seca-content  h3 {
	color: #FFF;
}
.seca-content .padded ul li {
	line-height: 1.5em;
	font-size: 1.2em;
	text-indent: 1.5em;
	vertical-align: middle;
	padding: .25em;
	color: #FFF;
}
.about-padding.max-1440 h2 {
	padding-top: 1em;
}
.columns-container #home-sec1b .vanilla-row {
	clear: both;
}
.pkb-center p a {
	color: #FFF;
	font-weight: bold;
}
.pkb-center h3  {
	color: #FFF;
}
.parallax-window {
	clear: both;
}
.columns-container .parallax-window .parallax-text {
	clear: both;
}
.columns-container #home-sec1 .vanilla-row.max-1280 .vanilla-row .column-group.max-100 .vanilla-column.column-35.padded.revealFX.revealFX1 a {
	color: #000;
}
#layout-container .contact .contact_background .contact_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280 .vanilla-row .column-group.max-100 .vanilla-column.column-50.padded h2 {
	padding-top: 1em;
	padding-bottom: 1em;
}
#layout-container .contact .contact_background .contact_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280 .vanilla-row .column-group.max-100 .vanilla-column.column-50.padded .scalable {
}
.container {
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.container .columns-container #home-sec1 .vanilla-row.max-1280 .vanilla-row .column-group.max-100 .vanilla-column.column-100
.padded.revealFX.revealFX1 a {
	font-size: 1.25em;
	color: #FFF;
}
.container .columns-container #home-sec1 {
	padding: 1em;
}
.container .columns-container #home-sec1 .vanilla-row.max-1280 .vanilla-row .column-group.max-100 a {
	color: #FFF;
}
#p7IR2_1 {
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C93;
	border-bottom-color: #C93;
}
.action-plan {
	background-color: #000;
}
.action-plan-container {
	margin-right: 0px;
}
#layout-container .action-plan .action-plan-container.max-1280 .vanilla-row .column-group.max-none .vanilla-column.column-100 .vanilla-row a {
	color: #F7F7F7;
}

.action-plan-container p {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	color: #FFF;
	margin-top: 0.75em;
	margin-bottom: 0.45em;
}
.resquestion-plan {
	background-color: #000;
}
.resquestion-container {
	margin-right: 0px;
}
.resquestion-container p {
	font-size: .85em;
	font-weight: normal;
	line-height: 1.3em;
	color: #FFF;
	margin-top: 0.75em;
	margin-bottom: 0.45em;
}
#layout-container .resquestion .resquestion-container.max-none .vanilla-row .column-group.max-none .vanilla-column.column-100 .vanilla-row a {
	color: #F5F5F5;
}

.site-map {
	color: #CCC;
	font-size: 0.75em;
}
.columns-about p {
	color: #FFF;
	font-size: .85em;
}
#p7IR2_1 #home-sec1 .vanilla-row.max-1440 .vanilla-row .column-group.max-100 .vanilla-column.column-35.padded.revealFX.revealFX1 a {
	color: #FBFBFB;
}
#layout-container .about .about-container.max-none .vanilla-row .column-group.max-none .vanilla-column.column-100 .about-padding.max-1280 .vanilla-row a {
	color: #F7F7F7;
	text-decoration: none;
}
.about .about-container.max-none .vanilla-row .column-group.max-none .vanilla-column.column-100 .about-padding.max-1280 p {
	font-size: 1.25em;
}
.logo {
	padding-top: .5em;
	padding-bottom: .5em;
}