/*
Theme Name: El universo de lo sencillo
Author: Roberto Soto
Author URI: http://www.robertosoto.es
Description: Complementary stylesheet for alternative media
*/


/*===================================================================================*/

/* Screen size up to 1151 (iPad-landcape, middle size notebook and desktop monitors)  */
@media only screen and (min-width:1200px) {
	.single article .article-container .article-container-main .post-content,
	.blog article .article-container .article-container-main .post-content,
	.page article .article-container .article-container-main .post-content {padding:0 7%;}
	.single #content.big article .article-container .article-container-main .post-content,
	.blog #content.big article .article-container .article-container-main .post-content,
	.page #content.big article .article-container .article-container-main .post-content {padding:0 12%;}

	#content {
		padding-right: 256px;
	}
	.publiBlack.right {
		display: block;
	}
}
@media only screen and (min-width:1400px) {
	.single article .article-container .article-container-main .post-content,
	.blog article .article-container .article-container-main .post-content,
	.page article .article-container .article-container-main .post-content {padding:0 12%;}
	.single #content.big article .article-container .article-container-main .post-content,
	.blog #content.big article .article-container .article-container-main .post-content,
	.page #content.big article .article-container .article-container-main .post-content {padding:0 20%;}
}
@media only screen and (max-width:1151px) {


	/*---------------------- General Structure ----------------------*/


	#general { min-width:0; max-width:none; }


	/*---------------------- Content ----------------------*/


	/* Article */

	article .article-container .article-container-main { width:auto; border:0; float:none; }
	.page article .article-container .article-container-main { width:100%; }

	article .article-container .article-container-meta { width: auto; padding: 30px 50px 30px 50px; border: 0; float: none; margin-left: 0; }
		article .article-container .article-container-meta .minicard { padding: 30px 50px 0 50px; margin: -30px -50px 30px -50px; }
		article .article-container .article-container-meta .minicard:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }
			article .article-container .article-container-meta .minicard .minicard-id { width: 30%; margin-right:10%; float: left; }
			article .article-container .article-container-meta .minicard .minicard-description { width: 60%; clear:none; float: left; padding-bottom:30px; }
		article .article-container .article-container-meta ul.meta { width:50%; }
		article .article-container .article-container-meta .social { position:absolute; right:0; left:auto; bottom:0; margin:0 50px 30px 0; width:30%; text-align:right; }

	/* Comments */

	ol.commentlist { padding: 0 50px 20px 0; }



}


/*===================================================================================*/


/* Screen size up to 1023 (iPad-portrait and other tablets)  */
@media only screen and (max-width:1023px) {


	/*---------------------- Header ----------------------*/

	.blog article,
	.archive article { padding:0 0 40px 0; margin-bottom:45px;}

	.layOut-inner {left:20%; right:20%; padding:25px}


}


/*===================================================================================*/


/* Screen size up to 767 (iPhone-landscape and other tablets smartphones)  */
@media only screen and (max-width:780px) {


	/*---------------------- Basic styles ----------------------*/


	h1 { font-size:2.4em; }
	h2 { font-size:2.2em; }
	h3 { font-size:1.9em; }
	h4 { font-size:1.6em; }
	h5 { font-size:1.3em; }
	h6 { font-size:1em; }
	blockquote { padding: 1em 1em 0 20%; }


	/*---------------------- Aditional styles ----------------------*/


	.subtitle { font-size:2.4em; }

	img.alignnone,
	img.alignright,
	img.alignleft,
	img.aligncenter { display:block; float:none; margin:0 auto 20px auto; }

	.wp-caption.alignnone,
	.wp-caption.alignright,
	.wp-caption.alignleft,
	.wp-caption.aligncenter { float:none; margin:0 auto 20px auto; }

	.recent-posts { margin:0; }
		.recent-posts .recent-posts-post { width: 100%; margin:0 0 20px 0; float: none; clear:both; }
				.recent-posts .recent-posts-post .recent-posts-post-text h3.recent-posts-post-text-title { padding-top:0; }

	.progress-bar .progress-title { top:0.2em; font-size:1.1em; }

	.tabset ul.ul-tabs li { display:block; text-align:center; border:0; border-top:1px solid #ffffff; margin:0 0 -2px 0; }
		.tabset ul.ul-tabs li.active { border:1px solid #dddddd; border-bottom:0; margin:0 0 -1px 0; }
	.tabset .tab-content { border-top:1px dotted #dddddd; }
	.tabset .tabs-bottom-links { display:block; text-align:center; }

	/*---------------------- Layout styles ----------------------*/


	.one-half, .one-third, .two-third, .three-fourth, .one-fourth { margin: 0 0 20px 0; float: none; }
	.one-half { width: 100%; }
	.one-third { width: 100%; }
	.two-third { width: 100%; }
	.one-fourth { width: 100%; }
	.three-fourth { width: 100%; }

	blockquote {padding:1em 1em 0 1em; margin-top:0;}


	/*---------------------- General Structure ----------------------*/


	#general { max-width: none; }


	/*---------------------- Header ----------------------*/


	/* Logo or site name */

	.archive-title { font-size:1.9em; }

	/* Article */

	article { margin-bottom:30px; }

	article .article-container .entry-title { font-size:2.4em; }
	article .article-container.article-container-quote .article-container-main .entry-title { padding: 0 0 20px 0; }

	article .article-container .article-container-meta { }
		article .article-container .article-container-meta .minicard { }
		article .article-container .article-container-meta .minicard:after { }
			article .article-container .article-container-meta .minicard .minicard-id { width: auto; margin-right:0; float: none; }
			article .article-container .article-container-meta .minicard .minicard-description { width: auto; clear:both; float: none; padding-bottom:30px; }
		article .article-container .article-container-meta ul.meta { width:auto; padding-bottom:40px; }
		article .article-container .article-container-meta .social { position:static; right:auto; left:auto; bottom:auto; margin:0 50px 0 0; width:auto; text-align:left; }

	/* Pagination */

	.post-nav { font-size:1.4em; padding-top:0.5em; }

	ul.meta {width:100%!important; padding-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	ul.meta li {float:none; list-style-type:none; width:100%; text-align:center; padding:0 7px 0.9em 6px!important}
	ul.meta li:after {display:none}
	ul.meta .fcbk_share {display:inline-block; margin:0 auto; width:auto; height:auto}

	#content img.aligncenter {padding:30px 0 15px 0;}

	.buttons .social,
	.buttons .like-contador {float:none; width:100%; display:inline-block;}
	.buttons .post-nav {float:left;}

	.layOut {top:0%}
	.layOut-inner {left:23%; right:12%;}

	article .article-container.article-container-quote .article-container-main .entry-title p:first-child .ico { background-size:32px 21px; width:35px; height:23px;}


}


/*===================================================================================*/


/* Screen size up to 600 (iPhone-portrait and other tablets smartphones)  */
@media only screen and (max-width:600px) {

	body {font-size:75%;}

	#header {position:relative; width:100%!important; height:81px; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}
	#header.menuOpen {height:740px;}
	#header.little {padding:8px 20px; }
	#header hgroup {padding:0;}
	#header.little .logo-text {font-size:1em; position:relative; left:43%;}
	#header .copy-header.mod-paypal{text-align: center;}

	#header-nav {padding-top:20px;}

	#header .logo-subtitle,
	#header .mod-no-mobile {display:none!important;}
	#header .mod-mobile,
	#header-nav {display:block!important;}
	#header .final-header {padding:0px 0px 10px 0px;}
	#header .logo-text a {width:66px; height:66px; background: url('_gfx/logo-eldls-little-2x.png') 0 0 no-repeat transparent; background-size:66px 66px; }
	.ie6 #header .logo-text a, .ie7 #header .logo-text a, .ie8 #header .logo-text a {background: url('_gfx/logo-eldls-little.png') 0 0 no-repeat transparent;}

	#header.little .copy-header.mod-paypal{display: block;}

	/* Navigation */



	/*---------------------- Content ----------------------*/


	#content { padding: 0px!important }

	.blog article,
	.archive article { padding:0 0 20px 0; margin-bottom:25px;}

	.form .formrow {width:100%; padding:0;}

	/*---------------------- Basic styles ----------------------*/


	blockquote { padding: 1em 1em 0 1em; text-align: center; }
	blockquote:before { position:static; left:0; top:0; display:block; padding:0.35em 0 0 0; text-align:center; margin-bottom:-0.1em; }


	/*---------------------- Aditional styles ----------------------*/


	.recent-posts { margin:0; }
		.recent-posts .recent-posts-post { padding-bottom:20px; }
			.recent-posts .recent-posts-post .recent-posts-post-image { max-width:none; margin-right:0; float:none; }
		 	.recent-posts .recent-posts-post .recent-posts-post-text { width:100%; float:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
				.recent-posts .recent-posts-post .recent-posts-post-text h3.recent-posts-post-text-title { padding-top:0.8em; }

	.gallery .gallery-item,
	.gallery.gallery-columns-1 .gallery-item,
	.gallery.gallery-columns-2 .gallery-item,
	.gallery.gallery-columns-3 .gallery-item,
	.gallery.gallery-columns-4 .gallery-item,
	.gallery.gallery-columns-5 .gallery-item,
	.gallery.gallery-columns-6 .gallery-item,
	.gallery.gallery-columns-7 .gallery-item,
	.gallery.gallery-columns-8 .gallery-item,
	.gallery.gallery-columns-9 .gallery-item { width:100%; margin:0 0 5% 0; }


	/*---------------------- Forms ----------------------*/


	input[type=text] { width:100%; }


	/*---------------------- General Structure ----------------------*/


	#general { max-width:600px; }


	/* -- Advertisement widget */
	.widget .adwidget { padding:0; margin:0 -15px 0 -15px; }


	/*---------------------- Content ----------------------*/


	#content .posts {padding:0 10px;}
	#comment-jump:before,
	.post-image:before, .post-video:before, .post-quote:before, .post-text:before {display:none;}
	blockquote {padding:0; margin:0 0 20px 0;}
	hr + blockquote {padding-top:35px;}
	blockquote p {padding-top:0!important;}
	h2 {line-height:1em; padding-top:10px;}

	/* Article */

	article .article-container .article-container-main { padding:20px 10px 0 10px; }
	article .article-container.article-container-quote .article-container-main { padding:10px 20px 10px 20px; }
		article .article-container.article-container-quote .article-container-main .entry-title { padding: 0 0 20px 0; text-align:center; }
		article.category-cita .article-container.article-container-quote .article-container-main .entry-title,
		article .article-container.article-container-quote .article-container-main strong {line-height:1.2em;}
		article .article-container.article-container-quote .article-container-main .entry-title:before { position:static; left:0; top:0; display:block; padding:0.3em 0 0 0; text-align:center; margin-bottom:-0.1em; }

	article .article-container .article-container-meta { padding: 0px 20px 0px 20px; }
	article .article-container .article-container-meta ul.meta {padding-bottom:20px;}
	.page article .article-container .article-container-meta,
	.search article .article-container .article-container-meta { padding: 30px 20px 30px 20px; }
	.buttons {padding:0 10px 40px 10px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.buttons .post-nav {float:left; margin:0px auto 0 auto; padding-top:20px;}
	.buttons .like-contador p .contador span {line-height:1.2em;}
	article .article-container .article-container-main .post-content p:first-child {padding-top:10px;}

	/* Pagination */

	.post-nav {font-size:1.2em; }

	/* Comments */

	ol.commentlist { padding: 0 0 20px 0; }
	#respond { padding: 30px 20px 20px 20px; }

	article .article-container .entry-title {font-size:1.5em; padding-bottom:25px;}
	.page .article-featured:after {display:none;}
	.comments {padding:20px!important;}

	input[type=text], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=password], input[type=url] {line-height:2.1em;}

	.single-post .article-featured:not(.no-icon):after {display:none;}

	#content img.aligncenter {padding:10px 0 0 0;}

}

@media only screen and (max-width:530px) {
	.layOut-inner {left:5%; right:5%; top:10px}
	.layOut-inner:after {display:none}

	.layOut-inner a {margin-top:20px}
}