/*
Theme Name: Pixeldot
Theme URI: http://www.pixeldotcreative.com/
Author: Pixeldot
Author URI: http://www.pixeldotcreative.com/
Description: Pixeldot Mobile Theme Overrides
Version: 1.0 Mobile
License: Copyright Pixeldot Creative Ltd
Text Domain: pixeldot
*/

@charset "UTF-8";
/* CSS Document */

@media only screen 
and (min-width : 801px) 
and (max-width : 1230px) {
	a.audience-tab {
		top: 0;
	}
	
	#header .nav {
		padding-right: 0;
		padding-top: 10px;
	}
	
	.hero h1 {
		font-size: 100px;
		line-height: 80px;
	}
}

@media only screen 
and (min-width : 801px) 
and (max-width : 1100px) {
	#header .nav a {
		padding: 0 5px;
		font-size: 14px;
	}
}

@media only screen 
and (min-width : 320px) 
and (max-width : 800px) {
	
	a.logo {
		width: 100px;
		height: 68px;
		background-size: 100px 68px;
	}
	
	a.audience-tab {
		position: relative;
		top: 0;
		text-align: right;
		background-image: none;
		background-color: #323232;
	}
	
	#header a.logo {
		position: relative;
	}
	
	.hero .search-bar-wrap {
		position: relative;
	}
	
	#search-tabs ul.tab-nav {
		text-align: center;
		padding-top: 30px;
		background: rgba(255,255,255,0.5);
	}
	
	#search-tabs .ui-tabs-panel {
		padding: 0 0 30px 0;
		text-align: center;
	}
	
	#search-tabs .dk-select {
		width: 50%;
		margin-bottom: 5px;
	}
	
	#search-tabs label {
		width: 100%;
		clear: both;
	}
	
	#search-tabs input[type="submit"] {
		width: 90%;
	}
	
	h1 {
		font-size:80px;
		line-height: 60px;
	}
	
	h2 {
		font-size: 50px;
		line-height: 40px;
	}
	
	#content .split-left .split-inner, #content .split-right .split-inner {
		width: 90%;
		min-height: 300px;
	}
	
	#content .row-inner.no-padding-bottom .column {
		padding-bottom: 0;
	}
	
	a.story.column.thirds .inner, a.story .story-img {
		width: 100%;
		margin: 0;
		float: none;
	}
	
	a.story .story-img {
		position: relative;
		height: auto;
	}
	
	a.story.column.thirds img {
		display: block;
	}
	
	a.story {
		margin-bottom: 70px;
	}
	
	#footer .column {
		width: 100%;
		padding-bottom: 50px;
		text-align: center;
	}
	
	#footer .nav ul, #footer .column.last {
		text-align: center;
	}
	
	#footer a.logo {
		margin: 0 auto;
	}
	
	.wp-pagenavi {
		padding-bottom: 70px;
	}
	
	a.property ul {
		padding-left: 0;
	}
	
	a.property {
		margin-bottom: 50px;
	}
	
	body.single-properties .hero ul li {
		font-size: 17px;
	}
	
	body.single-properties .hero ul li:first-of-type {
		font-size: 20px;
	}
	
	body.single-properties #content .hero-slide {
		overflow: hidden;
		height: auto !important
	}
	
	body.single-properties #content .hero-carousel .vertical-mid {
		top: 0;
		transform:none;
	}
	
	body.single-properties #content .hero-slide a.button {
		margin-bottom: 15px;
	}
	
	body.single-properties .image-zoom {
		max-height: none;
	}
	
	#content .gallery a {
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	
	#content .gallery {
		padding-bottom: 50px;
	}
	
	ul.property-deets {
		column-count: 1;
	}
	
	#content .row.posts_feed {
		padding-bottom: 50px;
	}
	
	body.single-properties .hero-slide h1 {
		font-size: 70px;
		line-height: 70px;
	}
	
	body.single-properties .hero ul li span.price-ppw {
		font-size: 18px;
	}
	
	#content .hero-carousel .column {
		padding-top: 70px;
	}
	
	.hero h1 {
		font-size: 100px;
		line-height: 60px;
	}
	
	body.page-id-148 .hero-slide .vertical-mid {
		top: auto;
		transform: none;
	}
	
	body.page-id-148 #content .hero .bx-wrapper, body.page-id-148 #content .hero .bx-viewport, body.page-id-148 #content .hero .hero-slide {
		height: auto !important;
		position: relative !important;
	}
	
	#search-tab-ref input[type="text"] {
		margin-bottom: 5px;
	}

	ul.hero-links li span.hero-link-title {
		font-size: 55px;
		line-height: 55px;
		height: auto;
	}

	ul.hero-links li span.hero-link-title:after {
		opacity: 1;
	}

	ul.hero-links li img {
		display: none;
	}

	ul.hero-links li span.hero-link-content {
		display: none;
	}

	.nav ul li ul {
		background-color: transparent;
	}
}