/**
 * XClusive - Mobile Styles
 *
 * @file mobile.css
 * @package xclusive 
 * @author Hafid Trujillo
 * @copyright 2010-2015 Xpark Media
 * @license license.txt 
 * @version release: 0.1.0
 * @filesource  wp-content/plugins/image-store/_css/mobile.css
 * @since available since 0.1.0
 */
 
 /* =Standard
-------------------------------------------------------------- */
.menu-toggle {
	display: none;
	height:16px;
}

/* =Screen resolution less than 800px
-------------------------------------------------------------- */
@media (max-width:800px) {
	
	/* =Layout
	-------------------------------------------------------------- */
	#primary,
	.sidebar #primary {
		clear:both;
		float:none;
		margin-bottom:20px;
		width:100%;
	}
	#secondary {
		float:none;
		max-width:inherit;
		width:100%;
	}

	/* =Action links
	-------------------------------------------------------------- */	
	.collapse-sidebar,
	.sidebar a.collapse-sidebar {
		padding-right:23px;
	}
	.collapse-sidebar {
		background-position:100% -135px;
	}
	.sidebar .collapse-sidebar {
		background-position:100% -172px;
	}
	.rtl .collapse-sidebar,
	.rtl .sidebar a.collapse-sidebar {
		padding-left:23px;
	}
	.rtl .collapse-sidebar {
		background-position:-4px -135px;
	}
	.rtl .sidebar a.collapse-sidebar {
		background-position:-4px -172px;
	}
	.window-scroll-up {
		display:block;
	}
	
	/* =Sidebar
	-------------------------------------------------------------- */
	#secondary .widget {
		display:inline-block;
		width:31%;
		margin-right:3%; 
		vertical-align:text-top;
	}
	#secondary .widget:nth-child(3n){
		margin-right:0; 
	}
	
	/* =Forms
	-------------------------------------------------------------- */
	input[type="search"]{
		max-width:99%;
	}
	
	
	input[type=checkbox], 
	input[type=radio] {
		height: 26px;
		width: 26px;
		font-size: 1.8em;
	}
	
	/* =Widgets
	-------------------------------------------------------------- */
	.widget_archive ul li,
	.widget_categories ul li {
		width:100%;
	}

}

/* =Screen resolution less than 640px
-------------------------------------------------------------- */
@media (max-width:640px) {
	
	/* =Layout
	-------------------------------------------------------------- */
	#page {
		overflow:hidden;
	}
	#main {
		padding: 3.5em 1em 2em;
	}
	.hgroup {
		float:none;
		margin:0 auto;
		text-align:center;
	}
	#site-title, 
	#site-description{
		padding-left:0;
	}
	#site-title {
	  font-size:2.75em;
	}
	#site-description {
		font-size:.8em;
		padding-bottom:.75em;
	}
	.page .entry-content,
	.single .entry-content {
		padding:0 16px 25px;
	}
	#footer-nav {
		float:none;
		margin-bottom:15px;
		max-width:inherit;
		text-align:center;
	}
	#site-credits {
		clear:both;
		text-align:center;
	}
	.collapse-sidebar {
		right:15px;
	}
	
	/* =Sidebar
	-------------------------------------------------------------- */
	#secondary .widget {
		width:100%;
		margin-right:0; 
	}
	
	/* =Menus 
	-------------------------------------------------------------- */
	#top-nav ul, 
	#social-nav ul {
		padding-top: 0;
	}
	#main-nav ul {
		background:#f5f5f5;
	}
	#main-nav ul li {
		float:none;
		text-align:left;
	}
	#main-nav ul ul {
		display:block;
		position:static;
		width:auto;
	}
	#main-nav ul li a {
		border-bottom: solid 1px #ddd;
		padding-left:20px;
	}
	#main-nav ul ul li a {
		padding-left:35px;
	}
	#main-nav ul ul ul li a {
		padding-left:65px;
	}
	#main-nav ul li a:focus,
	#main-nav ul li a:hover {
		background: #eee url(../_img/icons.png) no-repeat 95% -46px; 
	}
	.menu-toggle {
		background:url(../_img/icons.png) no-repeat 95% 18px; 
		border-bottom: solid 1px #ddd;
		cursor: pointer;
		display: block;
		font: bold 16px/1.3 "Roboto", sans-serif;
		margin: 0;
		padding: 13px 0 13px 20px;
	}
	.main-search .menu-toggle {
		background-position:85% 16px; 
	}
	.main-menu {
		box-shadow:0 2px 2px #ddd;
		display:none;
		position: absolute;
		width: 1000%;
		z-index: 250;
	}
	#main-nav.show-menu .menu-toggle{
		background-position:95% -13px; 
	}
	.main-search #main-nav.show-menu .menu-toggle {
		background-position:80% -13px; 
	}
	#main-nav.show-menu .main-menu {
		display:block;
	}
	
	/* =Main search
	-------------------------------------------------------------- */
	#main-nav .search-field:focus {
		max-width:85%;
		width: 84%;
	}
	
	/* =404 Error
	-------------------------------------------------------------- */
	.not-found .entry-title {
		font-size:4em;
	}
	.not-found .entry-title small {
		font-size:15px;
	}

	/* =Galleries
	-------------------------------------------------------------- */
	.gallery-item .gallery-caption{
		display:none;
	}
	
	/* =Content
	-------------------------------------------------------------- */
	.entry-header {
		margin-bottom:0;
	}
	
	/* =Comments
	-------------------------------------------------------------- */
	#comment {
		width:94%;
	}
	.comment-meta{
		margin-bottom:1em;
		padding-bottom:1em;
	}
	.comment .reply,
	.comment-content {
		width:100%;
	}
	.comment-metadata {
		width:60%;
	}
	.comment-author {
		float:none;
		display:inline-block;
	}
	.comment-list .children .reply,
	.comment-list .children .comment-content,
	.comment-list .children .comment-metadata {
		width:58%;
	}
	
	/* =Widgets
	-------------------------------------------------------------- */
	.widget_archive li,
	.widget_categories li {
		width:49%;
	}
	#landing-section-1 > .widget_text:first-child {
		text-align:center;
	}
	#landing-section-1 > .widget_text:first-child,
	#landing-section-1 > .widget_text:last-child {
		width:100%;
	}
	#landing-section-3 .widget {
		width:100%;
	}
}