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

/*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: 999;
}

.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: #66b2b2;
	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: #4797a8;
	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;
	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;
}
.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: 3em;
	font-weight: bold;
	line-height: 200px;
	color: #FFF;
	text-transform:uppercase;
}
#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/featured-property.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 500px;
}
#masthead #masthead-left a .scalable {
	padding-top: .5em;
	padding-right: 1em;
	padding-bottom: .5em;
	padding-left: 1em;
}

.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;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	background-attachment: fixed;
	background-image: url(../images/_background_images/AdobeStock_289860965-20.png);
	background-repeat: repeat;
	background-position: center center;
	background-color: #FFF;
}
#layout-container #home-sec1 .vanilla-row {
}

#home-sec1 .vanilla-row h1 {
	color: #002f57;
	padding: 1em;
}

#home-sec1 .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-sec2 {
	clear: both;
	min-height: 420px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #000;
	background-color: #000;
}
#home-sec3 {
	clear: both;
	min-height: 250px;
	background-attachment: fixed;
	background-image: url(../images/_background_images/AdobeStock_289860965-20.png);
	background-repeat: repeat;
	background-position: center center;
	background-color: #FFF;
}
#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: #FFF;
	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: #FFF;
	background-attachment: fixed;
	background-image: url(../images/_background_images/AdobeStock_289860965-20.png);
	background-repeat: repeat;
	background-position: center center;
}
.about-container {
	margin-right: 0px;
}
.about-container p {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	color: #002F57;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.about-column-right {
	background-image: url(../images/team-page-pic.jpg);
	background-repeat: no-repeat;
	height:75vh;
	background-position: bottom;
}
.about h2 {
	padding-top: 1em;
	padding-bottom: 1em;
}

.about-padding {
	padding-right: 2em;
	padding-left: 2em;
}



.featured-page {
	padding-bottom: 2em;
	min-height: 600px;
	background-color: #FFF;
}
.featured-page-container {
	margin-right: auto;
	margin-left: auto;
}
.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;
}
.search {
	padding-bottom: 2em;
	min-height: 600px;
	background-color: #FFF;
}
.people {
	padding-bottom: 1em;
	background-color: #FFF;
	background-attachment: fixed;
	background-image: url(../images/_background_images/AdobeStock_289860965-20.png);
	background-repeat: repeat;
	background-position: center center;
}
.people-row {
	clear: both;
	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;
	background-attachment: fixed;
	background-image: url(../images/_background_images/AdobeStock_289860965-20.png);
	background-repeat: repeat;
	background-position: center center;
}
.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 {
	padding-bottom: 2em;
	min-height: 600px;
	background-color: #FFF;
	background-attachment: fixed;
	background-image: url(../images/_background_images/AdobeStock_289860965-20.png);
	background-repeat: repeat;
	background-position: center center;
}
.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:80vh;
	background-position: center top;
}
.contact {
	padding-bottom: 2em;
	min-height: 600px;
	background-color: #FFF;
	background-attachment: fixed;
	background-image: url(../images/_background_images/AdobeStock_289860965-20.png);
	background-repeat: repeat;
	background-position: center center;
}
.contact p {


}

.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 {
}
.thankyou {
	min-height: 400px;
	background-color: #FFF;
	padding: 1em;
}
.thankyou p {
	font-family: 'Quicksand', sans-serif;

}
.people h2 {
	padding-right: 1em;
	padding-left: 1em;
}
.page_container .map_container {
	padding: 1em;
}
#footer .vanilla-row.max-1280 .column-group.max-100 .vanilla-column.column-33 img {
	padding-right: 10px;
	padding-left: 10px;
}