/*
Theme Name: AIOS Starter Theme
Theme URI: http://www.agentimage.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.2.4
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
*/

/*

TABLE OF CONTENTS

1. 	Reset
2.	Unreset inner pages and widget areas
3.	Submenus
4.	Single column and two-column layouts
5.	Archive
6.	Sidebar
7.	Misc Wordpress classes
8.	AIOS Listings
9. 	Custom CSS
10.	Mobile styles
  
*/

/*******************************************************
 *
 * 1. Reset
 *
 *******************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, 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;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

area,
img,
map {
	outline:none;
}

/* Helpers */

.clearfix,
.clear {
	clear:both;
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

html,
body { 
	-webkit-text-size-adjust:none; 
}

::-webkit-input-placeholder { /* WebKit browsers */
	opacity: 1;
    color: inherit;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	opacity: 1;
    color: inherit;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity: 1;
	color: inherit;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    opacity: 1;
	color: inherit;
}

input, 
textarea { 
	font-family:inherit; 
}


/*******************************************************
 *
 * 2. Unreset inner pages and widget areas
 *
 *******************************************************/
 
#content, .sidebar { line-height:1.7}
#content th, .sidebar th { font-weight: bolder; }
#content h1, .sidebar h1 { font-size: 2em; margin: .67em 0 }
#content h2, .sidebar h2 { font-size: 1.5em; margin: .75em 0 }
#content h3, .sidebar h3 { font-size: 1.17em; margin: .83em 0 }
#content h4, .sidebar h4,
#content p, .sidebar p,
#content blockquote, .sidebar blockquote,
#content ul, .sidebar ul,
#content fieldset, .sidebar fieldset,
#content form, .sidebar form,
#content ol, .sidebar ol,
#content dl, .sidebar dl,
#content dir, .sidebar dir
#content menu, .sidebar menu { margin: 1.12em 0; line-height:1.7 }
#content h5, .sidebar h5 { font-size: .83em; margin: 1.5em 0 }
#content h6, .sidebar h6 { font-size: .75em; margin: 1.67em 0 }
#content h1, .sidebar h1,
#content h2, .sidebar h2,
#content h3, .sidebar h3,
#content h4, .sidebar h4,
#content h5, .sidebar h5,
#content h6, .sidebar h6,
#content b, .sidebar h6, 
#content strong, .sidebar strong { font-weight: bolder }
#content blockquote, .sidebar blockquote { margin-left: 40px; margin-right: 40px }
#content i, .sidebar i,
#content cite, .sidebar cite,
#content em, .sidebar em,
#content var, .sidebar var,
#content address, .sidebar address { font-style: italic }
#content pre, .sidebar pre,
#content tt, .sidebar tt,
#content code, .sidebar code,
#content kbd, .sidebar kbd, samp  { font-family: monospace }
#content big, .sidebar big { font-size: 1.17em }
#content small, .sidebar small,
#content sub, .sidebar sub,
#content sup, .sidebar sup { font-size: .83em }
#content sub, .sidebar sub { vertical-align: sub }
#content sup, .sidebar sup { vertical-align: super }
#content table, .sidebar table { border-spacing: 2px; }
#content thead, .sidebar thead,
#content tbody, .sidebar tbody,
#content tfoot, .sidebar tfoot { vertical-align: middle }
#content td, .sidebar td,
#content th, .sidebar th,
#content tr, .sidebar tr { vertical-align: inherit }
#content hr, .sidebar hr { border: 1px inset }
#content ol, .sidebar ol,
#content ul, .sidebar ul,
#content dir, .sidebar dir,
#content menu, .sidebar menu,
#content dd, .sidebar dd { margin-left: 40px }
#content ol, sidebar ol { list-style-type: decimal }
#content ol ul, .sidebar ol ul,
#content ul ol, .sidebar ul ol,
#content ul ul, .sidebar ul ul,
#content ol ol, .sidebar ol ol { margin-top: 0; margin-bottom: 0 }
#content ol, .sidebar ol { list-style-type:decimal }
#content ul, .sidebar ul { list-style-type:disc }

/*******************************************************
 *
 * 3. Submenus
 *
 *******************************************************/

#nav li {
	position:relative;
}
 
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0,0,0,0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
	width:100%;
	min-width:180px;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
	top:0;
}
#nav li:hover > .sub-menu {
    display: block;
}
#nav .sub-menu li {
    position: relative;
}

/*******************************************************
 *
 * 4. Single column and two-column layouts
 *
 *******************************************************/

#content-sidebar, #content-full{
	width:100%;
	margin:0 auto;
}
#content-sidebar:after, #content-full:after{
	content: "";
    display: table;
    clear: both;
}

/* Content area with sidebar */

#content-sidebar #content{ 
	float: left;
	width: 77.08%;
}

/* Content area for full width template (no sidebar) */

#content-full #content{ 
	width:100%;
}

/* Content area with left sidebar */
.page-template-template-left-sidebar #content-sidebar #content {
	float: right;
}

.page-template-template-left-sidebar #content-sidebar .sidebar {
	float: left;
}

/* Styles for entry */

#content .entry{
}

#content .entry:after {
	content: "";
    display: table;
    clear: both;
}

/* Styles for post/page main headings (h1) */

#content .entry-title { 
	font-size: 24px;
}

/* Styles for category/archive/etc main headings (h1) */

#content .archive-title { 
	font-size: 24px;
}

/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle { 
	font-size: 24px;
}

#inner-page-wrapper {
	margin-bottom:30px;
}

/*******************************************************
 *
 * 5. Archive
 *
 *******************************************************/

#content .archive-thumbnail {
	width:27%;
	float:left;
}

#content .archive-content.archive-has-thumbnail {
	width:70%;
	float:right;
}

#content .archive-more {
	text-decoration:underline;
	font-style:italic;
}

#content .post {
	margin-bottom:20px;
	padding-bottom:20px;
}

#content .page-links {
	text-align:center;
}

#content .page-links * {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}

#content .page-links .current {
	font-weight:bold;
	text-decoration:underline;
}

/*******************************************************
 *
 * 6. Sidebar
 *
 *******************************************************/

.sidebar{
	float: right;
	width: 20.83%;
}

.sidebar h4.widget-title{ 
	display:block;
	background:#d7d7d7;
	padding:7px;
}


/*******************************************************
 *
 * 7. Misc Wordpress classes
 *
 *******************************************************/

.gravatar{
	float: right;
}

.comments-template ol.comment-list{
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}

.comments-template ol.children{
	margin:20px 0 0 40px;
	padding:0;
	list-style:none;
}

#content .comments-template ol.comment-list,
#content .comments-template ol.children,
.comments-template ol.children,
.comments-template ol.comment-list {
	list-style:none;
}

#content .comments-template ol.comment-list,
.comments-template ol.comment-list  {
	margin-left:0;
}

.comments-template ol.comment-list li.comment{
	padding:35px 0;
	border-bottom:1px dotted;
}

.comments-template ol.comment-list li:last-child,
.comments-template ol.children li:last-child {
	border-bottom:0;
}

.comments-template .comment-author.vcard img {
	display:block;
}

.comments-template .reply {
	font-weight:700;
	text-decoration:underline;
}

.comments-template .comment-meta{
	font-size:10px;
}

.comments-template .screen-reader-text{
	display:none;
}

.comments-template .comment-navigation{
	margin:10px 0;
	background:none;
}

.comment-form-comment textarea{
	display:block;
	width:100%;
}

.comment-form-comment label {
	display:block;
	font-weight:700;
}

.wp-caption {
	background-color: #f3f3f3;
	margin: 10px;
	padding-top: 4px;
	text-align: center;
	max-width:100%;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

#content .wp-caption p.wp-caption-text,
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0.5em 0 1.1em 0;
	font-style:italic;
}

.gallery-caption {
	text-align:center;
	font-style:italic;
}

.category .post, .archive .post{
	border-bottom:1px dotted;
}

.attachment-post-thumbnail {
	float:left;
	margin:0 10px 10px 0;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.sticky {

}

.bypostauthor {
	font-style:italic;
}

#content .alignnone {
	clear:both;
	margin:15px 0;
}

#content .aligncenter {
	clear:both;
	margin:15px auto;
	display:block;
}

#content .alignleft{
	float:left;
	margin:15px 1% 15px 0;
}

#content .alignright{
	float:right;
	margin:15px 0 15px 1%;
}

#content img[class*="align"],
#content img[class*="wp-image-"],
#content img[class*="attachment-"],
#content img.size-full,
#content img.size-large,
#content img.header-image,
#content img.wp-post-image {
	max-width: 98%;
	margin-top:0;
	margin-bottom:0;
	height:auto;
}

#content embed,
#content iframe,
#content object,
#content video {
	max-width: 100%;
}

.yoast-breadcrumbs {
 margin: 20px 0 0;
}

/*******************************************************
 *
 * 8. AIOS Listings
 *
 *******************************************************/

.aios-listings-page .attachment-post-thumbnail {
	display:none;
}

/*******************************************************
 *
 * 9. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	background: #FFF;
	color: #000000;
	margin: 0;
}

.outer {
	width:100%;
	min-width:960px;
	position: relative;
}

.inner{
	width:960px;
	margin:0 auto;
	position: relative;
}

.outer:after,
.inner:after {
	content: '';
	display: block;
	clear: both;
}

/* Text formatting */

a:link, a:visited{
	text-decoration: none; 
	color: inherit;
}

a:hover{
	color: inherit;
}

/* Header */

.aios-starter-theme-demo-header{
	padding:15px;
	position:relative;
	z-index:3;
}

.aios-starter-theme-demo-header-title {
	padding:50px 0;
}

.aios-starter-theme-demo-header-title a.site-name {
	font-size:30px;
	color:#333;
}

/* Navigation */

.aios-starter-theme-demo-header-navigation #nav { 
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    background:#d7d7d7;
} 

.aios-starter-theme-demo-header-navigation #nav > li {
	display:inline-block;
}

.aios-starter-theme-demo-header-navigation #nav > li > a {
    display: block;
	text-decoration: none;
	padding:10px 20px;
	color:#000;
	text-decoration:none;
}

.aios-starter-theme-demo-header-navigation #nav > li:hover > a {
	background:#000;
	color:#FFF;
}

/* Footer */

.aios-starter-theme-demo-footer{
	clear: both;
	margin-top:20px;
	padding:20px;
	background:#333;
	color:#FFF;
}

.aios-starter-theme-demo-footer a {
	color:#fff;
}

/* Footer navigation */

.aios-starter-theme-demo-footer .footernav li {
	padding: 2px 10px;
	display:inline-block;
	vertical-align: top;
	border-left:1px solid #FFF;
}

.aios-starter-theme-demo-footer .footernav li:first-child{
	border-left:none;
}

/* Footer copyright */

.aios-starter-theme-demo-footer-copyright {
	padding:2px 0;
	text-align:right;
}

/*******************************************************
 *
 * 10. Mobile styles
 *
 *******************************************************/

@media only screen and (max-width: 977px) {

	.outer {
		min-width:320px;
	}
	
	.inner {
		width:100%;
	}
	
	#content-sidebar .sidebar, 
	#content-full .sidebar{
		display:none;
	}
	
	#content-sidebar, 
	#content-full, 
	#content-sidebar #content, 
	#content-full #content{
		width:100%;
		padding:0 3%;
	}
	
	/* WPCF7 */

    #content .wpcf7 form input[type='text'],
    #content .wpcf7 form input[type='password'],
    #content .wpcf7 form input[type='email'],
    #content .wpcf7 form input[type='number'],
    #content .wpcf7 form input[type='tel'],
    #content .wpcf7 form input[type='url'],
    #content .wpcf7 form textarea {
        padding-left:2%;
        padding-right:2%;
        width:94%;
        max-width:292px;
    }
	
	/* ARCHIVE */

	#content .archive-thumbnail,
	#content .archive-content.archive-has-thumbnail {
		width:100%;
		float:none;
		
	}
	
	#content .archive-thumbnail,
	#content .archive-content h2 {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}

	#content .archive-more {
		text-decoration:underline;
		font-style:italic;
	}

	.yoast-breadcrumbs {
	    margin: 20px 0;
	    width: 100%;
	    padding: 0 6%;
	}
	
}

.ai-contact-wrap {
    max-width: 480px;
    width: 100%;
}

#content .aidefcf-title {
    margin-bottom: 0;
}

#content .ai-contact-wrap address {
  font-style: normal;
}