/*
Theme Name: Agent Image Mobile Framework
Theme URI: http://agentimageos.com
Description: This is a collection to use for mobile
Author: Agent Image
Author URI: http://www.agentimage.com
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)
License:
License URI:
General comments (optional).
*/
/*SECTIONS
	1. Reset
	2. Default CSS
	3. Mobile CSS
There may be more sections coming.  It will depend on how big this theme gets.
*/
/* Section 1 - Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix {
	clear:both;
}
.alignleft { float:left; margin: 0 10px 10px 0; }
.agent { text-align: center; }
.agent img { margin: 10px; }
#content .rs-slides li {
    list-style-type: none !important;}
#content .rsw-direction-nav li {
    list-style-type: none !important;
}
#content .widgettitle { text-align:center; font-weight: bold; font-size: 24px; margin-bottom: 10px; }
/* Section 2- Default CSS */
/* Section 3 - Mobile CSS */
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 479px) {
.hidden { display:none !important;}	
#topbg { background:url(images/iptopbg.png) top center no-repeat !important;}
.figure, #header { width:100% !important;}
#logo { text-align:center; float:none !important;  width:100% !important; }
#logo img { width:100% !important; height:auto !important; max-width:276px; text-align:center; }
#backhomelink { 
	display:block !important; 
	color:#000; 
	font-size:18px; 
	margin:0 0 15px 0 !important;
	font-family: 'Lato', sans-serif;
	text-align:left; 
	line-height:22px;
	padding:0 5% !important;
	width:90%!important;
}
#backhomelink a{color:#000;}
#sidebar { display:none !important;}
#content { width:90% !important; padding:0 5% !important;}
#inner-container { width:100% !important;}
#menuholder, #menu, #ftrmenu { width:100% !important; margin:0 auto !important; padding:0 !important; }
			#menu li { background:url(images/navbg.png) top left repeat !important; width:100% !important; display:block !important; text-align:center !important; padding:5px 0 !important; font-size:16px !important; margin-bottom:1px !important;}
		#menu .sub-menu { display:none !important;}
	#footer, #footer1, #leftfooter, #rightfooter { width:90% !important; padding:2% 5% 2% !important;  margin:0 auto; height:auto !important;  }
	#bottomwrap { background:none !important;}
				#footermenu { text-align:center !important; width:100% !important;}
				#footermenu li { display:inline-block !important; margin:0 auto !important;  float:none !important;}
	 #leftfooter, #rightfooter { float:none !important; text-align:center !important;}
		#innerfooter { width:100% !important; height:inherit;}
#content .rsw-viewport ul li {
    list-style-type: none !important;
    max-width: 479px !important; }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 977px) {
.hidden { display:none !important;}	
#topbg { background:url(images/iptopbg.png) top center no-repeat !important;}
.figure, #header { width:100% !important;}
#logo { text-align:center; float:none !important;  width:100% !important; }
#logo img { width:100% !important; height:auto !important; max-width:276px; text-align:center; }
#backhomelink { 
	display:block !important; 
	color:#000; 
	font-size:18px; 
	margin:0 0 15px 0 !important;
	font-family: 'Lato', sans-serif;
	text-align:left; 
	line-height:22px;
	padding:0 5% !important;
	width:90%!important;
}
#backhomelink a{color:#000;}
#sidebar { display:none !important;}
#content { width:90% !important; padding:0 5% !important;}
#inner-container { width:100% !important;}
#menuholder, #menu, #ftrmenu { width:100% !important; margin:0 auto !important; padding:0 !important; }
			#menu li { background:url(images/navbg.png) top left repeat !important; width:100% !important; display:block !important; text-align:center !important; padding:5px 0 !important; font-size:16px !important; margin-bottom:1px !important;}
		#menu .sub-menu { display:none !important;}
	#footer, #footer1, #leftfooter, #rightfooter { width:90% !important; padding:2% 5% 2% !important;  margin:0 auto; height:auto !important;  }
	#bottomwrap { background:none !important;}
				#footermenu { text-align:center !important; width:100% !important;}
				#footermenu li { display:inline-block !important; margin:0 auto !important;  float:none !important;}
	 #leftfooter, #rightfooter { float:none !important; text-align:center !important;}
		#innerfooter { width:100% !important; height:inherit;}
#content .rsw-viewport ul li {
    list-style-type: none !important;
    min-width: 480px !important;
	max-width: 977px !important; }
} 
@media only screen and (max-width: 977px) {
	#quicksearch{
		display:none !important;
	}	
	.outer {
		min-width:320px !important;
	}
	.inner {
		width:100% !important;
	}
	#slideshow-photos .tagline {
		display:none !important;
	}
	#realtorlogo  {
		text-align:center;
	}
	#realtorlogo img {
		width:100%;
		max-width:305px;
	}
	#footer, #footer1, #leftfooter, #rightfooter {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	/* General */
	.fluid,
	#ip-main-container{
		min-width:320px !important;
	}
	/* WPCF7 */
	#content-area-left .wpcf7 form input[type='text'],
	#content-area-left .wpcf7 form input[type='password'],
	#content-area-left .wpcf7 form input[type='email'],
	#content-area-left .wpcf7 form input[type='number'],
	#content-area-left .wpcf7 form input[type='tel'],
	#content-area-left .wpcf7 form input[type='url'],
	#content-area-left .wpcf7 form textarea {
		padding-left:2%;
		padding-right:2%;
		width:94%;
		max-width:292px;
	}
	/* Page: Survey */
	.page-template-template-surveybk-php .fluid,
	.page-template-template-surveybk-php #ip-main-container,
	.page-template-template-step2-php .fluid,
	.page-template-template-step2-php #ip-main-container,
	.page-template-template-testimonials-php .fluid,
	.page-template-template-testimonials-php #ip-main-container,
	.page-template-template-thankyou-php .fluid,
	.page-template-template-thankyou-php #ip-main-container{
		min-width:698px;
	}
	.page-template-template-surveybk-php #content,
	.page-template-template-surveybk-php #content2,
	.page-template-template-step2-php #content,
	.page-template-template-step2-php #content2,
	.page-template-template-testimonials-php #content,
	.page-template-template-testimonials-php #content2,
	.page-template-template-thankyou-php #content,
	.page-template-template-thankyou-php #content2{
		width:650px;
		margin:auto;
		float:none;
	}
	/* Page: Meet the team */
	.page-id-44 td {
		display:block;
		margin-bottom:10px;
		width:100%;
	}
	.page-id-44 .agent-card {
		text-align:center;
	}
	/* IHF */
	.ihf-template .fluid,
	.ihf-template #ip-main-container {
		min-width:620px !important;
	}
	.ihf-template #content {
		padding-left:0 !important;
		padding-right:0 !important;
		width:620px !important;
		margin:auto !important;
		float:none !important;
	}
	/* Page: Utilities */
	.page-id-181 .fluid,
	.page-id-181 #ip-main-container{
		min-width:800px;
	}
	.page-id-181 .meshim_components_CookieNotification,
	.page-id-181 .meshim_components_Notification,
	.page-id-181 .meshim_components_LiveHelpWindow,
	.page-id-181 .meshim_components_FloatingButton,
	.page-id-181 .meshim_components_FirstUse {
		left:550px;
		margin-left:0;
	}
}
@media only screen and (max-width: 594px) {
	/* Page: Preferred Vendors */
	.page-id-33 #content td {
		display:block;
	}
}
.feat-prop	{
	background:url(images/blogplacholder1.png)  no-repeat center top;
	width:288px;	
	height:209px;
	/*margin: 34px auto 0 auto;*/
margin: -204px auto 0 auto;
	z-index: -1;
	float: left;
	position: absolute;
}
.blog-feed	{
	background:url('images/blogplacholder1.png');
	width:273px;	
	height:209px;
	margin: 0 auto;
	float: left;
	position: absolute;
	margin-left:3px;
}
.rssSummary	{
	position: inherit;
	width: 264px;
	margin:0px 0 0 8px;
	height: 63px;
}
h2.widgettitle	{
	margin-top: 5px;
}
div.testi {
   float: right !important;
}
div.welcomeleft {
	float: left;
	width: 812px;
}
div.testiright {
	width: 320px;
	float: right;
}
.blog-feed ul {
	margin: 10px 0;
}
.blog-feed h2.widgettitle {
	margin: 10px 0;
}
.blog-feed ul li {
	list-style: initial;
	margin: 0 10px 0 25px;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
}
.blog-feed .textwidget {
	margin: 0 5px;
}