/*
Theme Name: Pro Home Buyers
Theme URI: http://prohomebuyer.com/
Author: Hexcode Designs
Author URI: http://hexcodedesigns.com/
Description: This is a custome theme built specificially for Pro Home Buyers
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hexcode
Tags:

hexcode is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,700&display=swap');
@import url("inc/normalize.css");
@import url("inc/xl.css");



/*--------------------------------------------------------------
>>>	hexcodes
----------------------------------------------------------------
# green = 
--------------------------------------------------------------*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Body
# Navigation
# Links & Buttons
# Overall
# Home
# Bottom Includes
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/


/* Set the base font family and font size for ems here. Check with designer on desired paragraph font size */
body {font-size:18px;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight: 300;overflow-x: hidden;line-height: 1.6;}

@media only screen and (min-width:992px) {
	body {font-size:20px;}
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav.fixed-top {background: rgba(255,255,255,1);}
	nav.fixed-top, nav.fixed-top .navbar-brand img {transition: all 0.2s ease-in;}
.navbar-light .navbar-toggler {color: #000;border-color: transparent;border-radius: 0;background: #faa634;margin-right: 15px;}
.navbar-collapse {padding-top: 2em;}
	.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:visited {color: #000;}
		.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active {font-weight: bold;color: #8bc53d;}

a.navbar-brand img {max-width: 75px;margin-bottom: -30px;}
	nav.fixed-top.navbar-shrink {background: rgba(255,255,255,0.9);}
	nav.fixed-top.navbar-shrink .navbar-brand img {max-width: 50px;margin-bottom: 0;}

@media only screen and (min-width:992px) {
	.navbar, .navbar-brand {padding-top: 0;}
		a.navbar-brand img {max-width: 125px;margin-bottom: -45px;}
			nav.fixed-top.navbar-shrink .navbar-brand img {max-width: 75px;margin-bottom: -13px;}
	.navbar-collapse {padding-top: 0.75em;}
		.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}
}
@media only screen and (min-width:1600px) {
	a.navbar-brand img {max-width: 180px;margin-bottom: -57px;}
		nav.fixed-top.navbar-shrink .navbar-brand img {max-width: 100px;}
	.navbar-expand-lg .navbar-nav .nav-link {font-size: 1.25em;}
}


/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif;font-weight: 700;margin-top:0;}
	h1 {font-size: 2em;}
		.home h1, .page-id-262 h1, h1.nobottomargin {margin-bottom: 0;}
	h2 {font-size: 1.5em;}
	h3 {font-size: 1.3em;}
		#easy-steps h3 {font-size: 1.5em;text-transform: uppercase;}
	h4 {font-size: 1.25em;}
	h5 {font-size:1.15em;}
	h6 {margin-bottom: 0;font-size: 1.5em;text-transform: uppercase;}

@media only screen and (min-width:768px) {
	h1 {font-size: 2.2em;}
	h2 {font-size: 1.75em;}
}
@media only screen and (min-width:1200px) {
	h1 {font-size: 2.5em;}
	.homeform h2 {font-size: 2em;}
}
@media only screen and (min-width:1600px) {
	h1 {font-size: 3em;}
	h2 {font-size:2em;}
		.homeform h2 {font-size: 2.8em;}
	#easy-steps h3, h3 {font-size: 1.75em;}
	h4 {font-size: 1.5em;}
}


/*--------------------------------------------------------------
# Buttons & Links
--------------------------------------------------------------*/
.btn, .btn:visited, .gform_wrapper .gform_footer input[type=submit] {border-radius: 0;border: 0;background: #faa634;color: #000;font-weight: bold;padding: 10px;transition: all 0.2s ease-in;white-space: normal;}
	.btn:hover, .btn:active {background: #8bc53d;}
	#cta-buttons .btn {width: 100%;font-size: 1.5em;}

a, a:visited {color:#faa634;font-weight: bold;}
	a:hover, a:active {color:#8bc53d;}

@media only screen and (min-width:1600px) {
	.btn {padding: 20px 35px;}
}


/*--------------------------------------------------------------
# Overall
--------------------------------------------------------------*/
#headline {padding-top: 3em;}

.whitebg {background: rgba(255,255,255,0.9);padding: 1em;}
.gray-bg {background: #f3f3f3;box-shadow: 1px 3px 7px rgba(0,0,0,0.19);padding: 1em;height:100%;}

.lrgr {font-size: 1.1em;}
.disclaimer {font-size: 0.8em;font-style: italic;}
.fas.fa-star {color: #faa634;}
p.nomargin {margin-bottom: 0;}

.gform_wrapper .top_label li.gfield {margin-top: 1em!important;}

.ltgraybg {background: #ededed;padding: 1em;}

.two-column .image img {box-shadow: 5px 7px 7px rgba(0,0,0,0.36);}

.cta {background: #636363;color: #fff;text-align: center;}
	.cta p {margin-bottom: 0;}

@media only screen and (min-width:768px) {	
	.cta h6 {padding-top: 10px;padding-bottom: 10px;}
}
@media only screen and (min-width:992px) {
	#headline {padding-top: 4em;}
	
	.gform_wrapper .top_label li.gfield {margin-top: 1em!important;}
}
@media only screen and (min-width:1600px) {
	.whitebg {padding: 1.5em;}
	.gray-bg {padding: 1em 3em;}
	.ltgraybg {padding: 2em;}
	
	#headline {padding-top: 7em;}
}


/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
/* headline */
.phone {font-size: 1.25em;font-weight: bold;}
	.phone .number {font-size: 1em;}
	.phone-img, .arrow {width: 35px;}
		.phone-img:hover {animation: shake 2s;animation-iteration-count: infinite;}
			@keyframes shake {
			  0%{transform:translate(0px,0px) rotate(0deg);}
			  5%{transform:translate(0px,-3px) rotate(0deg);}
			  10%{transform:translate(0px,3px) rotate(0deg);}
			  15%{transform:translate(0px,0px) rotate(0deg);}
			  20%{transform:translate(0px,-3px) rotate(0deg);}
			  25%{transform:translate(0px,3px) rotate(0deg);}
			  30%{transform:translate(0px,0px) rotate(0deg);}
			  35%{transform:translate(0px,-3px) rotate(0deg);}
			  40%{transform:translate(0px,3px) rotate(0deg);}
			  45%{transform:translate(0px,0px) rotate(0deg);}
			  50%{transform:translate(0px,0px) rotate(0deg);}
			  100%{transform:translate(0px,0px) rotate(0deg);}
			}
		.arrow {margin-top: 21px;}
			.homeform .arrow {margin-left: 5px;}
.fdisclaimer {font-size: 0.75em;}
	.fdisclaimer img {max-height: 20px;}
.btext {margin-bottom: 0;}

input#input_2_1 {background: #e1e1e1;border:1px solid #999;border-right: 0;}
input#input_12_1 {background: #e1e1e1;border:1px solid #999;border-right: 0;}
input#input_15_1 {background: #e1e1e1;border:1px solid #999;border-right: 0;}
input#input_16_1 {background: #e1e1e1;border:1px solid #999;border-right: 0;}
#headline .gform_wrapper .gform_footer, .homeform .gform_wrapper .gform_footer {padding-top: 0;margin-top: 0;}

/* google reviews section */
#google-reviews {background: #636363;color: #fff;}
	#google-reviews p {font-size: 16px;line-height: 1.4;}
	.reviews-headline {background: #bfbfbf;padding: 10px;box-shadow: 1px 4px 8px rgba(0,0,0,.69);}

/* steps section */
#easy-steps h2 {margin-bottom: 2em;}
.gray-circle {text-align: center;background: #636363;width: 130px;height: 130px;margin: 0 auto;margin-top: -4em;margin-bottom: 1em;border-radius: 150px;padding: 13px 0px;}
	.gray-circle img {position: relative;top: 50%;transform: translateY(-50%);}

#selling {background-position: bottom!important;}

/* bullets section */
.bullets h2 {margin-bottom: 1em;text-align: center;}
.bullets ul.fa-ul {-webkit-padding-start: 0;margin-left: 2em;}
	.bullets ul.fa-ul>li {font-weight: bold;}

/* icons section */
.icons i {font-size: 1.75em;}

/* table section */
#why .table {border: 3px solid #636363;box-shadow: 2px 5px 6px rgba(0,0,0,0.19);font-size: 0.85em;margin-top: 2em;}
	#why .table thead {background: #636363;color: #fff;}
		#why .table thead th {border-bottom: none;padding: 1em 8px;font-weight: 300;}
		#why .table tr:nth-of-type(odd) {background: #ebebeb;}
			#why .table thead tr {background: transparent!important;}
		#why .table td {padding: 10px;border-left: 2px solid #636363;border-top: none;}
			#why .table td:nth-of-type(3n+3), #why .table th:nth-of-type(3n+3) {font-weight: bold;font-style: italic;}

/* testimonials section */
.testimonial {background: #ebebeb;height:100%;}
	.testimonial blockquote {padding: 1em;font-style: italic;}
	.testimonial.video, .testimonial.novideo .graybg {box-shadow: 1px 4px 6px rgba(0,0,0,0.19);}
		.testimonial .graybg {background: #e1e1e1;padding: 1.25em 0 0.25em;margin-bottom: 1em;}
			.testimonial .graybg i {color: #fff;font-size: 1.5em;}

@media only screen and (min-width:768px) {
	/* headline */
	.phone {font-size: 1.5em;}
	.phone-img, .arrow {width: 40px;}
		.textwidget .phone-img, .textwidget .arrow {width: 19px;}
	input#input_2_1 {padding: 10px;float: left;width: 55%;}
	input#input_12_1 {padding: 10px;float: left;width: 55%;}
	input#input_15_1 {padding: 10px;float: left;width: 55%;}
	input#input_16_1 {padding: 10px;float: left;width: 55%;}
	#headline .gform_wrapper .gform_footer, .homeform .gform_wrapper .gform_footer {float: left;width: 45%;clear: none;}
	input#gform_submit_button_2 {padding: 20px 7px!important;margin-right: 0!important;}
	input#gform_submit_button_12 {padding: 20px 7px!important;margin-right: 0!important;}
	input#gform_submit_button_15 {padding: 20px 7px!important;margin-right: 0!important;}
	input#gform_submit_button_16 {padding: 20px 7px!important;margin-right: 0!important;}
	.homeform input#gform_submit_button_2 {padding: 11px 10px!important;}
	.homeform input#gform_submit_button_12 {padding: 11px 10px!important;}
	.homeform input#gform_submit_button_15 {padding: 11px 10px!important;}
	.homeform input#gform_submit_button_16 {padding: 11px 10px!important;}
	
	/* reviews */
	.reviews-headline {padding: 1.25em 0 1em;margin-bottom: 1em;}
	
	#why .table {font-size: 1em;}
}
@media only screen and (min-width:992px) {
	.icons i {font-size: 2.25em;}
	input#input_2_1 {width: 57%;}
	input#input_12_1 {width: 57%;}
	input#input_15_1 {width: 57%;}
	input#input_16_1 {width: 57%;}
	#headline .gform_wrapper .gform_footer, .homeform .gform_wrapper .gform_footer {width: 43%;}
		input#gform_submit_button_2 {padding: 22px 5px!important;width: 100%;}
		input#gform_submit_button_12 {padding: 22px 5px!important;width: 100%;}
		input#gform_submit_button_15 {padding: 22px 5px!important;width: 100%;}
		input#gform_submit_button_16 {padding: 22px 5px!important;width: 100%;}
	#headline .gform_wrapper .top_label li.gfield, .homeform .gform_wrapper .top_label li.gfield {margin-top: 0!important;}
}
@media only screen and (min-width:1200px) {
	.homeform input#gform_submit_button_2 {padding: 24px 14px!important;}
	.homeform input#gform_submit_button_12 {padding: 24px 14px!important;}
	.homeform input#gform_submit_button_15 {padding: 24px 14px!important;}
	.homeform input#gform_submit_button_16 {padding: 24px 14px!important;}
}
@media only screen and (min-width:1600px) {
	.phone {font-size: 1.8em;}
	input#input_2_1 {width: 50%;padding: 18px;}
	input#input_12_1 {width: 50%;padding: 18px;}
	input#input_15_1 {width: 50%;padding: 18px;}
	input#input_16_1 {width: 50%;padding: 18px;}
	#headline .gform_wrapper .gform_footer, .homeform .gform_wrapper .gform_footer {width: 50%;}
		input#gform_submit_button_2 {font-size: 1.5em;padding: 25px!important;width: 100%;}
		input#gform_submit_button_12 {font-size: 1.5em;padding: 25px!important;width: 100%;}
		input#gform_submit_button_15 {font-size: 1.5em;padding: 25px!important;width: 100%;}
		input#gform_submit_button_16 {font-size: 1.5em;padding: 25px!important;width: 100%;}
	
	/*#easy-steps {padding-top: 6em!important;padding-bottom: 4em!important;}*/
		.home #easy-steps {padding-top:2em!important;}
	
	.icons i {font-size: 3.5em;}
}



/*--------------------------------------------------------------
# Buyers
--------------------------------------------------------------*/
#rent, #private, #property {padding-top: 0!important;}
	#rent .container, #private .container, #property .container {border-top: 2px solid #ebebeb;padding-top: 3rem;}


.flistings a:hover {text-decoration: none;}
a .flisting.card {color: #000; transition: all 0.2s ease-in;}
	a .flisting.card:hover {opacity: 0.75;}
	.flisting.card {border: none;box-shadow: 2px 5px 8px rgba(0,0,0,0.23);border-radius: 0;}
		.flisting.card img {max-height: 242px;}
		.flisting.card .f-price {font-weight: bold;font-size: 1.25em;}
		.flisting.card .f-address {font-weight: bold;font-size: 0.8em;}

@media only screen and (min-width:768px) {
	.flisting.card img {max-height: 220px;}
}
@media only screen and (min-width:992px) {
	.flisting.card {height: 100%;}
		.flisting.card .f-price {font-size: 1.1em;}
		.flisting.card .f-address {font-size: 0.65em;text-align: right;}
		.flisting.card img {max-height: 300px;}
}
@media only screen and (min-width:1200px) {
	.flisting.card img {max-height: 360px;}
	.flisting.card .f-price {font-size: 1.35em;}
	.flisting.card .f-address {font-size: 0.8em;}
}
@media only screen and (min-width:1600px) {
	.flisting.card img {max-height: 242px;}
	.flisting.card .col-lg-4 {padding-right: 0;padding-left: 5px;}
	.flisting.card .col-lg-8 {padding-left: 0;padding-right:5px;}
}


/*--------------------------------------------------------------
# Listings
--------------------------------------------------------------*/
.listing {border-bottom: 2px solid #efefef;}
	.listing:nth-last-of-type(1) {border-bottom: none;}
.listings-search {text-align: center;border-top: solid 1px #efefef;border-bottom: solid 1px #efefef;padding-top: 1.5em;padding-bottom: 1.5em;}
	.listings-search .col-xl-10.offset-xl-1 {}
#listings label {margin-left: 15px;margin-right: 15px;}

.laddress {border-bottom: 2px solid #efefef;padding-bottom: 5px;}

@media only screen and (max-width:767px) {
	#listings label {display: block;margin-top: 10px;}
}


/*--------------------------------------------------------------
# Single Listings
--------------------------------------------------------------*/
.single-listing .carousel ul {float: left;list-style: none;-webkit-padding-start: 0;margin-top: 1em;}
	.single-listing .carousel ul>li {display: inline-block;padding: 5px 5px 5px 0;}

.single-cbd_listings .cta {background: #ebebeb;color: #000;}

.price {color:#8BC53D;}

.map.wrap a h3 {color:#faa634}

#more {background-color: #636363;color: #fff;}
#nearby {background-color: #ebebeb;padding-bottom: 5em;margin-bottom: -3em;padding-top: 3em;}


@media only screen and (min-width:992px) {
	.map.wrap.my-5 {margin-top: 0!important;max-height: 182px;overflow: hidden;}
	.carousel .mask ul>li img {width: 141px;}
}
@media only screen and (min-width:1200px) {
	.map.wrap.my-5 {margin-top: 0.5rem!important;max-height: 250px;margin-bottom: 1rem!important;}
	.carousel .mask ul>li img {width: 171px;}
}
@media only screen and (min-width:1600px) {
	.map.wrap.my-5 {margin-top: 3rem!important;max-height: 350px;}
	.carousel .mask ul>li img {width: 180px;}
}


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
#team {background-position: top!important;}
	.team {border-bottom: 2px solid rgba(99,99,99,0.2);}
		.team:nth-last-of-type(1) {border-bottom: 0;}
		p.contactinfo a {font-weight: bold;color: #000;}


/*--------------------------------------------------------------
# Form Follow Up
--------------------------------------------------------------*/
.page-id-281 label.gfield_label {font-size: 0.95em;}


/*--------------------------------------------------------------
# Careers
--------------------------------------------------------------*/
#apply, #invest-testimonials {margin-bottom: -3em;}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog article, .category article, .search article {margin-top: 2em;margin-bottom: 2em;padding-bottom: 1em;border-bottom: 2px solid #ebebeb;}
	.blog article:nth-last-of-type(1), .category article:nth-last-of-type(1), .search article:nth-last-of-type(1) {border-bottom: none;}

.post .entry-content {line-height: 1.4;}
	.post .wp-post-image {box-shadow: 5px 7px 7px rgba(0,0,0,0.36);width: 100%;margin-bottom: 1.5em;}
		.float-left.single-img {margin-right: 2em;margin-bottom: 1em;}
	.post .btn {padding: 10px;}

.nav-links {padding-bottom: 1em;}
	.nav-next {text-align: right;}
	.nav-previous, .nav-next {margin:10px 0;color:#faa634;}
	

.textwidget .homeform {font-size: 0.7em;margin-bottom: 3em;}
	.textwidget input#gform_submit_button_2 {padding: 21px 4px!important;}
	.textwidget input#gform_submit_button_12 {padding: 21px 4px!important;}
	.textwidget input#gform_submit_button_15 {padding: 21px 4px!important;}
	.textwidget input#gform_submit_button_16 {padding: 21px 4px!important;}

@media only screen and (min-width:768px) {
	.textwidget input#gform_submit_button_2 {padding: 14px 4px!important;}
	.textwidget input#gform_submit_button_12 {padding: 14px 4px!important;}
	.textwidget input#gform_submit_button_15 {padding: 14px 4px!important;}
	.textwidget input#gform_submit_button_16 {padding: 14px 4px!important;}
	.nav-links {padding-bottom: 5em;}
	.nav-next {text-align: right;float: left;width: 50%;}
	.nav-previous {float: left;width: 50%;}
	
}
@media only screen and (min-width:992px) {

}
@media only screen and (min-width:1600px) {
	.textwidget .phone-img, .textwidget .arrow {width: 35px;}
	.textwidget input#gform_submit_button_2 {padding: 28px 4px!important;}
	.textwidget input#gform_submit_button_12 {padding: 28px 4px!important;}
	.textwidget input#gform_submit_button_15 {padding: 28px 4px!important;}
	.textwidget input#gform_submit_button_16 {padding: 28px 4px!important;}
	.textwidget .fdisclaimer {font-size: 0.85em;}
}

/*--------------------------------------------------------------
# Bottom Includes
--------------------------------------------------------------*/
/* Call to Action */
#cta {margin:0;padding:2em 0;background:#ebebeb;margin-bottom: -3em;}
	#cta h6 {color: #000;font-size: 1.5em;font-weight: bold;margin:0;text-transform: none;}
		#cta h6 p {margin-bottom: 0;}

@media only screen and (min-width:768px) {
	#cta {padding-top: 3em;padding-bottom: 4em;}
}
@media only screen and (min-width:1200px) {
	#cta h6 {font-size:2em;}
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer.footer {background: #026f38;color:#fff;padding-top: 2em;margin-top:3em;}
	.footer .logo {margin-top: -4.5em;}
	footer.footer a {color:#fff;text-decoration: underline;}
	.social {margin-top: 10px;margin-bottom: 1.5em;}
		.social i {margin-left: 7px;margin-right: 7px;}

#siteinfo {font-size: 0.8em;}

@media only screen and (min-width:768px) {
	.hexcode {text-align: right;}
}
@media only screen and (min-width:1600px) {
	.address {margin-top: 13px;}
}