/*
Theme Name: Portrait
Author: Zillow
Author URI: http://zillowpress.com
Description: Color Scheme Options: Blue, Brick, Gold, Slate, Wine
*/

/*---Contents: ---
GLOBAL STYLES
HEADER STYLES
CONTENT / SIDEBAR STYLES
HOMEPAGE STYLES
CUSTOM WIDGET/PAGE STYLES
FOOTER STYLES
RESPONSIVE STYLES
*/

/* --- GLOBAL STYLES ----------------------------------------- */
body {
	background: #eaeaea url(http://app.zp-cdn.com/wp-content/themes/portrait/images/xpattern.png.pagespeed.ic.Pa4etv2sLs.png);
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
}
a { color: #3399cc; }
p, li { line-height: 18px; }
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
hr { border: none; height: 1px; background: #ddd; }
input, input[type=text], input[type=password], select{
	height: 38px !important;
}
input, input[type=text], input[type=password], select, textarea { 
	border-radius: 0; 
	font-size: 100%;
}
input.button, a.button, input[type="submit"], input[type="button"] {
	display: block;
	position: static;
	margin: 16px auto;
	padding: 10px 30px;
	background: #3399cc;
	border: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
.button:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #18212a; }
a.button { display: inline-block; }
.nowrap { white-space: nowrap; }
div.social { text-align: center; }
ul.social-btns { 
	margin: 0;
	padding: 0; 
}
ul.social-btns li {
	display: inline-block;
	margin: 5px;
	list-style: none;
}
ul.social-btns li a {
	display: block;
	height: 32px;
	width: 32px;
	overflow: hidden;
	background: url(http://app.zp-cdn.com/wp-content/themes/portrait/images/xsocial-icons.png.pagespeed.ic.j-Ldw6LF-6.png) no-repeat 0 0 ;
	text-indent: -9999px;
	line-height: 0;
}
ul.social-btns .youtube{ background-position: -200px 0; }
ul.social-btns .twitter{ background-position: -40px 0; }
ul.social-btns .google-plus{ background-position: -80px 0; }
ul.social-btns .linked-in{ background-position: -120px 0; }
ul.social-btns .rss{ background-position: -240px 0; }
/* --- END GLOBAL STYLES ----------------------------------------- */


/* --- HEADER STYLES ----------------------------------------- */
#nav { 
	background: #18212a; 
	border-bottom: solid 2px #3399cc;
	z-index: 100;
	width: 100%;
}
#nav a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #3399cc;
}
#nav a:hover, 
#nav li.current-menu-item > a, 
#nav li.current_page_item > a, 
#nav li:hover > a { 
	color: #fff; 
}
#nav ul li ul li { margin: 0; }
#nav ul li ul li a { padding: 10px 20px; }
#nav ul li ul li ul { border: none; }
#nav ul li ul li ul li { padding-left: 20px; }
#main-menu ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
#main-menu ul li {
	display: inline-block;
	margin: 0 20px;
}
#main-menu ul li a { padding: 20px; }
#main-menu ul li:hover ul { display: block; }
#main-menu ul li ul { 
	display:  none; 
	position: absolute;
	z-index: 10;
	background: #18212a;
	border: solid 2px #3399cc;
	border-top: none;
	text-align: left;
}
#main-menu ul.flexMenu-popup li { display: block; }
#main-menu li.flexMenu-allInPopup { float: left; }
#mobile-nav-toggle a { text-transform: uppercase; }
#header { 
	padding: 20px 0;
	background: #446477; 
	background: linear-gradient(#304754 0%, #446477 30%);
	font-family: 'Open Sans', sans-serif;
}
.home #site-title {
	float: right;
	left: auto;
}
#site-title * { 
	color: #fff; 
	font-size: 18px;
	text-shadow: 0 2px 2px #333;
}
#site-title h1 {
	font-weight: 700;
	font-size: 50px;
}
#site-title h1, #site-title p { margin: 0 0 10px 0; }
#site-title .logo, #site-title img.show-for-small-only { margin: 0 20px 10px 0; }
#site-title .logo, #site-title .title, #site-title img { float: left; }
.logo img, img.show-for-small-only { max-height: 100px; }
#profile { 
	color: #fff; 
	text-align: right;
}
.home #profile {
	float: left;
	right: auto;
	text-align: center;
}
#profile img { 
	max-height: 100px; 
	margin-bottom: 10px;
	box-shadow: 0 2px 2px #000;
}
.home #profile img { max-height: 420px; }
#profile h3 { 
	margin: 0;
	font-size: 24px; 
	color: #fff;
}
#profile p { margin: 5px 0; }
#profile .small-4 { float: right }
#intro .box {
	padding: 15px;
	margin: 0;
	box-shadow: 0 2px 2px #000;
}
#intro p { 
	font-size: 16px;
	line-height: 24px; 
}
#intro .button { 
	float: right; 
	margin: 0;
}

#mobile-header{
	background :#fff;
}
#mobile-nav{
	background: #18212a;
}
/* --- END HEADER STYLES ----------------------------------------- */


/* --- CONTENT / SIDEBAR STYLES ----------------------------------------- */
#main { padding: 20px 0; }
#sidebar { padding: 0; }
.widget, .box {
	margin-bottom: 30px;
	overflow: hidden;
	padding: 20px;
	background: #fff;
	border: solid 1px #d0d0d0;
}
#content .box { padding: 15px; }
#content > h1:first-child, 
.widget > h2:first-child,
.box > h2:first-child {
	margin: 0;
	background: #f6f6f6;
}
#content > h1:first-child { 
	padding: 18px 20px 17px;
	border: solid 1px #d0d0d0;
	border-bottom: 0; 
}
.widget > h2:first-child, 
.box > h2:first-child {
	margin: -20px -20px 20px;
	padding: 20px;
	border-bottom: solid 1px #d0d0d0;
	text-align: center;
}
.excerpt { overflow: hidden; }
.excerpt img { 
	max-width: 20%; 
	margin: 0 15px 10px 0;
	float: left;
}
.excerpt .more { float: right; }
.pagination { text-align: center; }
.post-meta { font-size: 85%; }
.prev-post { float: left; }
.next-post { float: right; }
.search-form input[type=text] { width: 100%; }
.search-form .button {
	float: right;
}
.post .commentlist { 
	margin: 0; 
	padding: 0;
}
.post li.comment { list-style: none; }
.post .commentlist > .comment { 
	padding: 20px;
	border-bottom: solid 1px #D3D3D3; 
}
.post .comment p { 
	clear: both; 
	margin: 8px 0;
}
.comment-body { overflow: hidden; }
.comment-author { float: left; }
.comment-author .photo { margin: 0 10px 10px 0; }
.comment-meta { 
	float: right; 
	font-size: 90%;
}
.comment .reply { font-size: 90%; }
.comment .children { margin-top: 30px; }
.comment ul.children li:last-child { padding-bottom: 0; }
.featured-image{
	height:300px;
	background-position:center;
	background-size:cover;	
}

#respond textarea{
	width: 100% !important;
}
/* --- END CONTENT / SIDEBAR STYLES ----------------------------------------- */


/* --- HOMEPAGE STYLES ----------------------------------------- */
.contact-info h3 { 
	margin: 5px; 
	font-size: 24px;
}
.contact-info h4 { margin-top: 30px; }
.contact-info p {
	margin: 0; 
	font-size: 16px;
}
#quick-property-search { margin: 0 20px; }
#quick-property-search label {
	display: block; 
	margin: 15px 0 5px;
	font-size: 12px;
}
#quick-property-search input[type="text"], 
#quick-property-search select { 
	width: 100%; 
	padding: 8px;
	font-size: 14px;
	line-height: 16px;
}

/* --- END HOMEPAGE STYLES ----------------------------------------- */


/* --- CUSTOM WIDGET/PAGE STYLES ----------------------------------------- */

#main #zrental-jumplist {
	background-color: #446477;
	border-radius: 0;
	border: none;
}
#main .zpress_community h2 {
	background-color: #18212a;
	border-radius: 0;
}
#zpress_community_panoramio {
	max-width: 100%;
	overflow: hidden;
	padding: 5px 0;
}
.panoramio-wapi-images { width: 100% !important; }
#zrentals-wmhw input[type=text], #zrentals-wmhw .zrentals-wmhw-contact-submit { border-radius: 0; }
.dsidx-search-widget .submit, .zrentals-wmhw-contact-submit {
	text-transform: uppercase;
	background: #3399cc;
	color: #fff;
}
.zbio-widget-contact-submit {
	max-width: 350px;
	float: left;
}
#dsidx-listings .dsidx-listing .dsidx-media {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.widget .awesome-weather-wrap { background: #446477; }

#dsidx-search-bar{
	background: #3399cc !important;
	color: #fff !important;
	border-radius: 0 !important;
}

#dsidx-listings .dsidx-listing .dsidx-primary-data .dsidx-price, #dsidx-listings .dsidx-listing .dsidx-primary-data .dsidx-price-sold{
	background: #3399cc !important;
}

/* --- END CUSTOM WIDGET/PAGE STYLES ----------------------------------------- */


/* --- FOOTER STYLES ----------------------------------------- */
#footer {
	padding: 20px 0; 
	background: #eaeaea;
	border-top: solid 2px #d2d2d2; 
}
#footer p {
	font-size: 11px;
	line-height: 18px;
}
#footer .contact-info { text-align: center; }
/* --- END FOOTER STYLES ----------------------------------------- */


/* --- RESPONSIVE STYLES ----------------------------------------- */
@media (min-width: 901px) {
	#home-widgets .column:nth-child(3n+1) { 
		clear: left; 
		float: left;
	}
	#home-widgets .column:nth-child(3n+2) { float: left; }
}
@media (max-width: 900px) {
	#intro p { 
		font-size: 14px; 
		line-height: 20px;
	}
	#site-title h1 { font-size: 40px; }
	#profile h3 { font-size: 20px; }
}
@media (max-width: 900px) and (min-width: 501px) {
	#content, #sidebar { width: 100%; }
	#sidebar .column, #home-widgets .column { 
		width: 50%; 
		float: left;
	}
	#home-widgets .column:nth-child(3n), #sidebar .column:nth-child(3n) { width: 100%; }
}
@media (max-width: 500px) {
	.column, .columns { width: 100%; }

	#profile .small-8 { width: 66.66667%; }
	#profile .small-4 { width: 33.33333%; }
	#profile img { margin-bottom: 15px; }
	#site-title .title { margin-bottom: 10px; }
	#site-title h1 { font-size: 40px; }

	#mobile-header { display: block }
	#header , #main-menu { display: none; }
	.featured-image{ height:150px; }
};