@charset "utf-8";

/*///////////////////////////////////////////////////////////////////////////////

RESPONSIVE Styles

///////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////
LEVEL 2: UNDER 1300px WIDE
/////////////////////////////////////////////////////////////////*/

@media (max-width: 1300px) {

	body{
		font-size:.95em;}

	.container{
		width:1100px;}

	header .background{
		background-position:right 230px center;}

	header .search form input[type="text"]{
		width:150px;}

	nav.topnav ul li a{
		font-size:1.1em;
		padding:25px 16px;}

	nav.topnav ul ul a{
		font-size:.95em;
		padding:7px 0px 7px 14px;}
	
	.page-houses table tr{
		width:250px;}

	.page-houses table tr td{
		width:250px;}
	
}


/*/////////////////////////////////////////////////////////////////
LEVEL 3: UNDER 1150px WIDE
/////////////////////////////////////////////////////////////////*/

@media (max-width: 1150px) {

	.container{
		width:960px;}

	header .background{
		background-position:right 90px center;}

	header .search form input[type="text"]{
		width:140px;}

	nav.topnav ul li a{
		font-size:1em;
		padding:25px 10px;}

	nav.topnav ul ul a{
		font-size:.95em;
		padding:7px 0px 7px 14px;}

}


/*/////////////////////////////////////////////////////////////////
LEVEL 4: UNDER 1010px WIDE - BEGIN MOBILE VIEW
/////////////////////////////////////////////////////////////////*/

@media (max-width: 1010px) {

	body{
		margin:10px;}

	.container{
		margin:0;
		min-width:280px;
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);}

	.event-listing-archive,
	.news-listing-archive{
		display: block;}

	.event-listing-archive .photo,
	.news-listing-archive .photo{
		background-position:center;
		height:200px;
		margin:0 0 15px 0;}

	footer .footer-info{
		margin-top:15px;}

	header .background{
		background:none;
		text-align:center;}

	header .blue-bar{
		height:20px;}

	header .logo{
		float:none;
		margin:-10px 0px 0px;}

	header .name{
		float:none;
		padding:0px 20px;}

	header .name .site-name{
		font-size:2.15em;
		margin-top:0;}

	header .name .site-tagline{
		margin:5px 0px 20px;
		text-align:center;}

	header .search{
		display:none;}

	.house-single .house-info table th{
		min-width:auto;
		padding-right:40px;}

	.index-top-columns .column-left{
		margin-right:0;}

	.index-news-container{
		display:none;}

	.index-news-mobile-container{
		display:block;}
	
	.index-side-buttons{
		display:block;
		margin-bottom:10px;}

	.index-side-buttons a{
		display: block;
		margin:10px 0;
		padding:20px 0px;}
	
	.index-top-columns{
		display:block;}

	nav.topnav,
	.menu-secondary-top-menu-container,
	nav.footernav{
		display:none;}

	.nav-button{
		display:block;}

	.page-columns{
		display:block;}

	.page-columns .sidebar{
		margin:15px 0px 0px;}

}


/*/////////////////////////////////////////////////////////////////
LEVEL 4: UNDER 800px WIDE
/////////////////////////////////////////////////////////////////*/

@media (max-width: 800px) {		
	
	footer .footer-info{
		font-size:.95em;}

	footer .footer-info .contact-info,
	footer .footer-info .hours{
		float:none;}

	footer .footer-info .contact-info{
		margin-bottom:20px;
		text-align:center;}

	footer .footer-info .hours{
		border-top:1px solid #599C9D;
		margin:15px auto 0px;
		padding-top:20px;
		text-align:center;
		width:250px}

	footer .footer-info .hours .hours-list .day{
		text-align:right;}

	footer .footer-info .hours .hours-list .time{
		text-align:left;}

	.house-single .house-top{
		display:block;}

	.house-single .house-top .photo{
		margin-right:0;}

	.index-section-yellow{
		font-size:1.3em;}

	.index-testimonials{
		display:none;}

	.page-houses table{
		width:100%;}	

	.page-houses table tr{
		display:table-row;
		float:none;
		margin:10px 5px;
		width:100%;}

	.page-houses table tr td{
		width:100%;}
	
	.page-houses .house-listing{
		margin-bottom:15px;}
	
}


/*/////////////////////////////////////////////////////////////////
LEVEL 5: UNDER 500px WIDE
/////////////////////////////////////////////////////////////////*/

@media (max-width: 500px) {		

	.event-listing img.inline-photo,
	.news-listing img.inline-photo{
		max-width:100%;}

}