/*
* Layout
* 
* @package WP Pro Real Estate 4
* @subpackage CSS
*

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the Child Theme Generator in WP Admin > Appearance > Child Theme

View the screencast: http://www.screenr.com/tbos

/* ==============================================================================

Stylesheet Guide

	3.1 Site Styles
	3.2 Page Styles
	3.3 Media Queries

/* ============================================================================== */
/* 3.1 Site Styles
/* ============================================================================== */

	img { max-width: 100%; height: auto;}
	
	/* Header */
	#logo { position: relative; color: #fff;}
		#logo:active { top: 1px;}
	header nav { float: right; margin: 43px 0 0 0;}
	
	/* Wrap */
	#home #wrap { margin: 30px 0 0 0;}
		#wrap { border-top: #ccc; background: #fff;}
	
	/* Hide Mobile Nav */
	nav select { display: none;}
	
	/* Homepage */
	#cta-inner { padding: 20px; border: 1px solid #ccc; background: #efefef;}
	#home #featured-listings { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
		#home #featured-listings #carousel.flexslider { height: 290px; border: 0; background: none; box-shadow: none;}
			#home .flex-viewport li { width: 227px !important;}
			#home #featured-listings .location,
			#home #featured-listings .propinfo { color: #777; font-size: 12px; line-height: 16px;}
	#three-col-widget-area { border-top: 1px solid #ccc;}
		#three-col-widget-area h4 { border: none; padding: 0;}
		#three-col-widget-area .widget p { margin-bottom: 0;}
	.testimonials { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-style: italic; background: #efefef;}
		.testimonials ul li { padding: 0 120px;}
			.testimonials h5 { text-align: center;}
	
	/* CTA */
	article#cta { -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.3);}
		article#cta .inner-wrap { min-height: 138px; background: #303030;}
			article#cta h5 { color: #fff;}
			article#cta h5 a { color: #ccc;}
	
	/* Advanced Search */
	#advanced-search { margin: 80px 0 100px 0;}
		#advanced-search-inner { padding: 20px 20px 5px 20px; color: #dcdee0; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border: solid 1px #000; box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: #35383b; background: -moz-linear-gradient(top, #4c4f54 0%, #35383b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4f54), color-stop(100%,#35383b)); -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
			#advanced-search input,
			#advanced-search select { margin-right: 10px;}
				#ct_state,
				#ct_beds,
				#ct_baths { width: 100px;}
				#ct_zipcode,
				#ct_status,
				#ct_price_from,
				#ct_price_to { width: 100%;}
		
	/* Flexslider */
	.flexslider {}
		.flexslider img {}
	
	/* Listing */
	#first-image-for-print-only { display: none;}
	.price strong { color: #448332;}
	#single #slider .flex-direction-nav { display: none;}
		
	/* Listing Status - Snipes */
	h6.snipe { position: absolute; top: 15px; font-size: 9px; line-height: 9px; font-weight: 500; color: #fff; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); margin: 0; padding: 6px 10px; text-transform: uppercase; z-index: 2; font-family: Helvetica, Arial, sans-serif}
		h6.sold { background: #ff0000;}
		h6.for-sale { background: #556270;}
		h6.leased { background: #90F;}
		h6.reduced { background: #bc0000;}
		h6.open-house { background: #7FAF1B;}
		h6.available { background: #7FAF1B;}
		h6.rental { background: #0097D6;}
		h6.pending { background: #e08247}
		
	/* Header */
	#archive-header,
	#page-header,
	#single-header { position: relative; background: #303030; color: #fff;}
		#archive-header-inner,
		#page-header-inner,
		#single-header-inner { padding: 20px; color: #dcdee0; text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border: solid 1px #000; box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: #35383b; background: -moz-linear-gradient(top, #4c4f54 0%, #35383b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4f54), color-stop(100%,#35383b)); -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;}
			#archive-header h3,
			#page-header h3,
			#single-header h3 { color: #fff;}
		#archive-header strong { color: #fff;}
		.breadcrumbs { font-size: 11px;}
			.breadcrumbs a { color: #ccc;}
			.breadcrumbs a:hover { color: #aaa;}
		#page-header #header-search,
		#single-header #header-search,
		#single-header #header-listing-next-previous,
		#archive-header #header-search { position: absolute; top: 35%; right: 20px;}
			#header-listing-next-previous a { font-size: 11px;}
				#header-listing-next-previous a,
				#header-listing-next-previous a:visited { color: #ccc;}
					#header-listing-next-previous a:hover { color: #aaa;}
	

	/* Single */
	#authorinfo { width: 100%; clear: both;}
		#authorinfo img { float: left; margin: 0 20px 20px 0;}
	div.label { margin-top: -51px !important;}
	
	/* Maps */
	.post-type-archive-listings #map, .author #map { display: block; height: 300px; width: 100%; margin: 0; min-height: 30px;}
		.label { height: 22px; width: 59px; font-size: 10px; line-height: normal; font-weight: bold; color: #fff; padding: 1px 4px; background: url(../images/listing-pin.png) no-repeat;}
		.info-content { width: 275px; padding: 5px;}
			.listing-details { width: 180px;}
			.info-content h3, #info-content p { line-height: normal;}
				.info-content h3 { font-size: 14px; margin: 0; line-height: normal;}
				.info-content p { font-size: 12px; margin: 0; line-height: 12px;}
					p.location { color: #777; font-size: 11px; margin: 0 0 5px 0;}
					.info-content p.price { margin: 0 0 2px 0;}
					.info-content p.details { margin: 0 0 5px 0;}
					.info-content p.tagline { color: #777; margin: 0 0 8px 0;}
				.info-content img.left { margin: 0 8px 0 0;}
	
	/* Listings Search */
	#featured-listings { border-top: 5px solid #8dc63f;}
		section#content #featured-listings article { border-bottom: none;}
	#listings-results { border-top: 5px solid #424549;}
	#map-wrap { position: relative; width: 99.59%; border: 1px solid #dfdfdf; background: #efefef; max-height: 398px; min-height: 30px;}
		#map img { max-width: none;}
		a.show-hide { position: absolute; bottom: 0; right: 0; padding: 4px 15px;  text-shadow: 0px 1px 0 RGBA(0,0,0,0.3); overflow: hidden; border: solid 1px #000; box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -webkit-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); -moz-box-shadow: inset 0px 1px 0px RGBA(255,255,255,0.6); background: #35383b; background: -moz-linear-gradient(top, #4c4f54 0%, #35383b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4f54), color-stop(100%,#35383b)); color: #fff; z-index: 2;}
		.post-type-archive-listings .listing { margin: 0 0 15px 0; padding: 0 0 15px 0; border-top: none !important; border-right: none !important; border-bottom: 1px solid #dfdfdf; border-left: none !important;}
		.post-type-archive-listings h4 { margin: 0; line-height: normal;}
		.post-type-archive-listings .listing-info p { font-size: 12px; margin: 0;}
			.post-type-archive-listings .listing p.price { font-size: 16px;}
	
	/* Single Listings */
	.price a { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
	.single-listings .flexslider { border: none;}
		.single-listings .flexslider .slides > li { margin-right: 0;}
		.single-listings #carousel ul.slides li { max-height: 70px; overflow: hidden;}
		.single-listings #carousel .flex-direction-nav { top: -26px; left: 92.5%;}
		.single-listings #carousel img:hover { cursor: pointer;}
	.single-listings #map .label { height: 51px; width: 47px; font-weight: bold; color: #fff; padding: 1px 4px; background: url(../images/map-pin.png) no-repeat;}
	
	/* Archive */
	#archive-header { position: relative; background: #303030; color: #fff;}
		#archive-header p { font-size: 11px;}
		section#content article { border: 1px solid #dfdfdf; background: #fff; overflow: hidden;}
			.comments-num { padding: 0 0 0 24px; background: url(http://www.fountainhillsupdate.com/wp-content/themes/realestate-4/images/icons/comments_16.png) no-repeat left 3px; font-size: 11px; color: #797979}
			.meta { font-size: 11px; color: #797979;}
			.post-social { width: 100%; margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #ccc;}
				.post-social li { display: inline-block;}
				.tags { line-height: normal; font-size: 11px; color: #797979;}
			.content-nav { width: 100%;}
	
	/* Sidebar */
	
	/* Page */
	
	/* Contact */
	#location {}
		#location #map { height: 238px; width: 100%; border: 1px solid #dfdfdf; background: url(../images/loader.gif) center center no-repeat;}
		
		#contactform { width: 90%; margin: 0;}
			fieldset { border: 0;}
			#contactform textarea, #contactform input[type="text"], #contactform input[type="email"], #contactform input[type="url"] { display: block; width: 94%; margin: 0 0 10px 0; padding: 6px 15px; border: 1px solid #dadada; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;background: #fafafa;}
			#contactform textarea { font-family: Arial, Helvetica, sans-serif;}
			#contactform input[type="text"]:focus, #contactform input[type="email"]:focus, #contactform input[type="url"]:focus, #contactform textarea:focus { background: #ffffe5;}
		
		#contact-info ul { margin: 0;}
		#contact-info li { list-style: none; padding: 0 0 0 24px; margin: 0 0 12px 0;;}
			#contact-info li#address { background: url(../images/icons/address_16.png) no-repeat left 2px;}
			#contact-info li#tel { background: url(../images/icons/tel_16.png) no-repeat left 2px;}
			#contact-info li#fax { background: url(../images/icons/fax_16.png) no-repeat left 2px;}
			#contact-info li#email { background: url(../images/icons/email_16.png) no-repeat left 2px;}
		
		#social-links {}
		#social-links ul, #social-links li { list-style: none; margin: 0; padding: 0;}
			#social-links li { padding: 0 0 0 24px; line-height: 28px;}
				#social-links li.facebook { background: url(../images/social/facebook_16x16.png) no-repeat left;}
				#social-links li.twitter { background: url(../images/social/twitter_16x16.png) no-repeat left;}
				#social-links li.linkedin { background: url(../images/social/linkedin_16x16.png) no-repeat left;}
				#social-links li.google-plus { background: url(../images/social/google_plus_16x16.png) no-repeat left;}
				
	/* Team */
	li.member { margin: 0 0 15px 0; padding: 0 0 15px 0 !important; background: none; border-top: none !important; border-right: none !important; border-bottom: 1px solid #efefef !important; border-left: none !important;}
		img.author-img { width: 20%;}
		.author-info { width: 75%;}
		.member h4 { line-height: normal;}
		.member h6 { text-transform: uppercase; color: #777;}
		.member .agent-bio { white-space: pre-line;}
		.member ul { }
			.member li { float: left; margin: 0 20px 0 0; font-size: 12px; list-style-type: none;}
			ul.team-social { margin: 0;}
				.team-social li { display: inline-block; margin: 0 20px 0 0;}
		
	/* Author */
	
	#map-wrap { width: 99.2%;}
	
	/* Footer */
	footer { font-size: 12px; border-top: 1px solid #ccc; padding: 20px 0 0 0;}
		#home footer { margin-top: 0 !important;}
	footer nav li { display: inline-block; margin: 0 10px 0 0;}
	footer nav li a,
	footer nav li a:visited { color: #303030;}
	footer nav li a,
	footer nav li a:hover { padding: 0; background: none; text-shadow: none;}
	#resize_me { position: fixed; height: 73px; width: 73px; right: 0; bottom: 0; background: url(http://www.fountainhillsupdate.com/wp-content/themes/realestate-4/images/resize_me.png) no-repeat;}

/* ============================================================================== */
/* 3.2 Page Styles
/* ============================================================================== */

/* ============================================================================== */
/* 3.3 Media Queries
/* ============================================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.flex-caption { top: 60px !important;}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#home .flex-caption { margin: -80px 0 0 0;}
			#home .flex-caption h3 { font-size: 1.35em !important;}
			#home .flex-caption .description p { font-size: .9em !important; line-height: 1.2em;}
		
		#home article h6 { font-size: 70%;}
		#home article a:hover img { margin-left: -23.5%;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		/* Home */
		#logo { margin: 0 0 20px 75px;}
		header nav { float: none; margin: 0;}
		header ul,
		footer ul { display: none;}
			footer nav { width: 100%;}
			nav select { clear: both; display: block !important; width: 100%; padding: 1%; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; outline: none;}			
		#advanced-search { margin: 30px 0 30px 0;}		
		.flexslider {}
			#home .flex-caption { display: none;}
				#home .flex-caption h3 {}
				#home .flex-caption .description {}
			.flex-direction-nav { display: none;}
			.flex-control-nav {}
		#carousel .flex-control-nav { left: 73% !important;}
		
		/* Header */
		#header-search { display: none;}
		
		/* Left Sidebar */
		#left-sidebar { display: none;}
		
		/* Archive */
		#archive article .onethirdcol { width: 100%; float: none; margin: 0 0 10px 0;}
		#archive article .twothirdcol { width: 100%; float: none;}
		#archive .content-nav { margin: 0 0 20px 0;}
		
		/* Listing */
		#header-listing-next-previous { display: none;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#home #carousel li { width: 420px !important;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		/* Home */
		#logo { margin: 0 0 20px 20px;}
		#home .flex-caption { margin: -60px 0 0 0; height: auto; width: 40%; padding-right: 40px;}
		#home #carousel li { width: 300px !important;}
		#home .widget-area .widget { margin-bottom: 12px;}
		#home #four-col-widget-area .widget { margin-bottom: 20px;}
		#home .testimonials { display: none;}
		
		/* Listing */
		
			
	}