/*
 Theme Name:     Experimenta Child Theme
 Description:    Expe
 Author:         Dinaneo
 Template:       twentysixteen
 Version:        1.0.0
*/

/* @import url("../twentysixteen/style.css"); Ya no es necesario. Se carga desde functions.php */
/* @ import url("debug.css"); */

/**
	Rojo Experimenta: 	#e8251c
	color fondo: 		#efefef

	* 1.0 - Normalize 
	* 2.0 - Genericons
  3.0 - Typography
*/
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
body p{
	font-size: 1rem;
	line-height: 1.4;
	color: #333;
}
*{
	hyphens: none !important;
	-moz-hyphens:none;
	-ms-hyphens:none;
	-webkit-hyphens: none;
	-o-hyphens:none;
}
body,
button,
input,
select,
textarea,
	/* Forms */
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
.post-password-form label,
	/* menus */
.main-navigation,
.post-navigation,
.post-navigation .post-title,
.pagination,
.comment-navigation,
.image-navigation,
	/* Accessibility */
.site .skip-link,
	/* Widgets */
.widget .widget-title,
.tagcloud a,
	/* Header */
.site-title, 
	/* posts and Pages */
.entry-title,
.entry-footer,
.sticky-post,
.page-title,
.page-links,
	/* Comments */
.comments-title,
.comment-reply-title,
.comment-metadata,
.pingback .edit-link,
.comment-reply-link,
.comment-form label,
.no-comments,
.required,
	/* Footer */
.site-footer .site-title:after
{
	font-family: inherit;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {font-family: Arial, Helvetica, sans-serif;  color: #999999}
:-moz-placeholder {font-family: Arial, Helvetica, sans-serif;  color: #999999}
::-moz-placeholder {font-family:Arial, Helvetica, sans-serif;  color: #999999}
:-ms-input-placeholder {font-family: Arial, Helvetica, sans-serif;  color: #999999}
/*
		* Cz - Estructura					---------------------------------------------------------------------------------------------------
*/
#hometop {
	margin-right: 7.6923%;
	margin-left: 7.6923%;
}
#primary, #content-end, #secondary{
	width:85%; 
	margin-left: 7.6923%;
}
#secondary, #content-end{
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.site-content{	padding-top: 1rem;}
/* .site-main{	margin-bottom:0; } */


/* 
		* 4.0 - Elements					---------------------------------------------------------------------------------------------------
*/
/* Guion tras las categorias  */
.entry-cats-list a:after,
.category .page-title:after,
.category-title:after{
	content: "_";
}
/* 
		* 5.0 - Forms					---------------------------------------------------------------------------------------------------
*/
.mini-form{
	flex-grow: 1;
}
.mini-form form
{
	width: 300px;
	border-bottom: 1px solid #ccc;
	float:right;
	position: relative;
}
.mini-form input
{
	border: none;
	background: inherit;
	padding:0;
	font-size:0.9rem;
	color: #999;
	border-radius: 2px 0 0 2px;
    width: calc(100% - 42px);	
}
.mini-form button {
	background: #fff;
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}
.mini-form button::before{
  background: #fff;
  color: #999;
  position: relative;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
  left: 2px;
  width: 40px;
}  
.search-submit::before{content: "\f400";}
.email-submit::before{content: "\f410";}

/*		
		* 6.0 - Navigation
		*   6.1 - Links					---------------------------------------------------------------------------------------------------
*/		
body a{
	color: #999;
}
body a:hover{
	color: #e8251c;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.entry-title a{
	color: #333333;
}
.posts article h4.entry-title a:hover{
	color: #e8251c;
}
/*		
		*   6.2 - Menus					---------------------------------------------------------------------------------------------------
*/

/* Boton de menu */
.site-header .menu-toggle {
	border: none;
}
.site-header .menu-toggle:before {
  content: '\2261';
  font-size: 34px;
  color: #333;
}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
	background-color: inherit;
}

/* Menu Principal
------------------------------------- */
.main-navigation a{
	color: #999;
}
/* flechita submenu */
.main-navigation .menu-item-has-children > a{ padding-right: 1.25em; }
.main-navigation .menu-item-has-children > a::after {
  top: 0.6125em;
  right:0;
}
/* Menu Social
------------------------------------ */
.social-navigation{
	display:block !important;
}
.site-header .main-navigation + .social-navigation {
	margin-top: 0;
	right: 0;
	top: 0;
}
.social-navigation ul{
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
}
.social-links-menu li{
	width:100px;
	margin-bottom: 0;
	width: 90px;
}
.social-links-menu li .screen-reader-text{
	clip: auto;
	height: inherit;
	overflow: visible;
}
.social-navigation a{
	color: #999;
	border:none;
	border-radius:0;
	height: auto;
}
.social-navigation a::before {
	color: #999;
	line-height: 1.3rem;
	height: inherit;
	width: 20px;
}

.social-navigation li::before {
	content: "";
}

/* Pagination
----------------------------------------- */	
.pagination{
	border-top:none;
	margin-top: 2rem;
	background: #fff;
	padding-left: 2rem;
}
.pagination .page-numbers{
	font-style: italic;
}
.pagination .prev::before, .pagination .next::before,
.pagination .nav-links::before, .pagination .nav-links::after  {
  background: #ffffff;
  color: #333333;
  right:0;
}
.pagination::before, .pagination::after {
  background-color: #fff;
  color: #333;
}
.pagination a:hover,
.pagination .prev:hover::before, 
.pagination .next:hover::before, 
.pagination .nav-links:hover::before, 
.pagination .nav-links:hover::after {
 	color: #e8251c;
}	
/*	
		* 7.0 - Accessibility
		* 8.0 - Alignments
		* 9.0 - Clearings

	10.0 - Widgets					---------------------------------------------------------------------------------------------------
*/
/* Generic Widget
-------------------------------------- */
.widget{
	border-top: none;
	padding-top:0;
	margin-bottom: 1rem;
}
.widget .widget-title{
	text-transform: none;
}
h2.widget-title{
	padding: 1.1em;
	background: #fff;
}
/* Widget Text 
------------------------------------ */
.widget_text .widget-title{
	margin-bottom:0.5em;
}
.textwidget{
	background: #fff;
}
/* widget posts
------------------------------------- */
body .posts h3.entry-title a,
body .posts h3.entry-title,
body .posts span,
body .posts div,
body .posts .entry-summary
{
	box-shadow: none;
	text-transform: none;
	letter-spacing: inherit;
	line-height: 1.4;
	color: #333;
}
.posts .entry-title h3{
	text-transform: none;
	letter-spacing: 0;
}
.posts .entry-summary{
	margin-left: 0 !important ;
}
.posts h3.entry-title,
.posts .entry-summary{
	margin-bottom: 0;
	margin-top: 0.3rem;
	margin-right:0;
}
.posts .entry-categories{
	margin-top:0;
	font-weight: 700;
}
.thumb-frame{text-align: center;}
.posts article{
	width: 100%; 
	background: #fff;
	color: #333;
	margin-bottom: 1.61538em;
}
.posts .post-data{
	padding: 0.5rem 1.5rem;
	font-size: 1rem;
	color: #333;
}
.posts article:last-child{
	margin-bottom: 0;
}
.posts article:hover,
.archive #main article:hover,
.search #main article:hover{
/*	
	-webkit-box-shadow: 12px 7px 31px -21px rgba(51,51,51,1);
	-moz-box-shadow: 12px 7px 31px -21px rgba(51,51,51,1);
	box-shadow: 12px 7px 31px -21px rgba(51,51,51,1);
*/	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-box-shadow: 0px 0px 4px 2px rgba(92,92,92,0.2);
	-moz-box-shadow: 0px 0px 4px 2px rgba(92,92,92,0.2);
	box-shadow: 0px 0px 4px 2px rgba(92,92,92,0.2);	
}
body:not(.search-results) .posts .entry-summary{
	font-size: inherit;
	line-height: inherit;
}

/* Woocommerce widget
-------------------------------------------------------- */
.woocommerce.widget.widget_products{
	background: inherit;
}
.product_list_widget::after{
	content:"";
	width: 100%;
	display: table;
}
.woocommerce.widget_products ul.product_list_widget li{
	width: 15%;
	margin-left: 2%;
	float: left;
	background: #FFF;
	text-align:center;
	color: #999;
}
.woocommerce.widget_products ul.product_list_widget li:first-child{
	margin-left: 0;
}	
.woocommerce.widget_products ul.product_list_widget li img{
	float: none;
	width: 100%;
	margin-left: 0;
}
.woocommerce.widget.widget_products .product-title{
	display: block; 
	height: 3rem;
	padding: 0 5px;
	font-size:0.7rem;
}

/**	
		* 11.0 - Content					---------------------------------------------------------------------------------------------------
*/
/* Categorias */
.archive main article,
.search main article{
	background: #fff;
	margin-bottom: 0;
	margin-top: .8rem;	
}
/* Titulo de la categoria, en dos lineas */
.archive .page-title span{
	color: #999;
	font-size: 1rem;
}
.archive .page-title span::after{
	content: ":\a";
	white-space: pre;
}

.archive #main .entry-summary{margin-bottom:1rem;}
.archive .entry-footer span{
	font-size: 1rem;
	color: #999;
}
body.archive #page article footer.entry-footer span.posted-on {
	margin-left: 0 !important;
}
.taxonomy-description{padding-bottom: 1rem;}

/* foto full width */
.post-thumbnail{margin:0;}

/* Margenes 
--------------*/
 	/* todo lleva su margen */
.site-main > article > *{ 
	margin: 1rem 0; 
	padding: 0 5%; 
}
	/* menos la foto destacada */
.site-main > article .post-thumbnail{ 							
	margin: 0 0 1rem; 
	padding:0;
}
	/* y menos el bloque de contenido (para las fotos grandes) */
.site-main > article > .entry-content{ padding: 0;} 			
	/* Pero si los textos */
.single .site-main > article > .entry-content p,
.single .site-main > article > .entry-content h4,
.single .site-main > article > .entry-content h2
{ 
	padding: 0 5%;
}
.site-main > article{ margin-bottom: 1em;}

/* pie de foto */
.wp-caption-text{padding: 0 5%;}

/* cabecera de categoría */
.archive .page-header, .search .page-header{
	margin-left:0; 
	margin-right:0;
/*
	padding-bottom: 1.75em;
*/	

	padding: 1rem 5%;
	
}

.archive .page-header h1, .search .page-header h1{ margin-bottom 1rem;}


/* remove old h4 format */
.entry-content h4, .entry-summary h4{
	letter-spacing: inherit;
	font-weight: inherit;
	text-transform: none;
}

body:not(.search-results) .entry-header + .entry-summary {
  margin-top: 0;
}

.archive footer span{
	font-size: 1rem;
}

/*
.home section:last-child {
	margin-bottom: 4rem;
}
*/

/**	
*    11.1 - Header					---------------------------------------------------------------------------------------------------
*/
header, footer{background: #fff;}
.site-header {
  padding-top:0; 
  padding-bottom:0;
}
.container-bg{
	width: 100%;
	background: #fff;
}
.page-header{
	border-top: none;
}
.page-top aside{
	margin:0;
	padding:0;
	text-align:center;
}
.site-header-main{
	position: relative;
}

/* Logo
---------------------------------- */
.site-branding{
	margin-top:0;
	margin-bottom:0;
	min-width: 50%;
	max-width: 80%;
}
.site-title{
	margin: 1em 0;
}
div#site-header-menu{
	margin: 0;
	font-size: 14px;
}
.footer-bottom ul li a span{font-size: 14px;}
.site-description{
	color: #999;
}

/**	
 *    11.2 - Posts and pages					---------------------------------------------------------------------------------------------------
*/
.post-thumbnail img{margin: auto;}

/* Single post */
.single .site-main > article{
	background: #fff;
}
.single .entry-content a{
	color: #e8251c;
}
body:not(.search-results) article:not(.type-page) .entry-footer span{margin-bottom:0;}

.entry-content h2{
	margin-top: 1em;
}

/* Pages */
.page .site-main > article .entry-header{
	background: inherit;
	padding: 0;
}

/* ssba - Compartir */
.ssba.ssba-wrap {
  clear: both;
  margin-bottom: 2rem;
}
.ssba img {
  padding-left: 0 !important;
}

/**	
		*    11.3 - Post Formats
		*    11.4 - Comments					---------------------------------------------------------------------------------------------------
*/		
.comments-title, .comment-reply-title{border-top: none;}
#respond > *{
	background: #fff;
	padding: 1em;
	margin-bottom: 1em;
}
.comment-body footer{
background: inherit;
}

/* 
			Tienda 							---------------------------------------------------------------------------------------------------
*/
body.woocommerce ul.products li.product h3 {
	padding: .5em 0;
	margin: 0;
	font-size: 0.8rem;
	font-weight:normal;
	line-height: 1.2;
}
body.woocommerce ul.products li.product .price,
.woocommerce-Price-amount.amount{
	color: #999;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #e8251c !important;
}


/*		
		*    11.5 - Sidebar
		*    11.6 - Footer					---------------------------------------------------------------------------------------------------
*/
.site-footer{
	display: inline-block;
	width: 100%;
	padding-bottom:0;
	padding-top: 2rem;
}
.footer-top{background: #efefef;}
.footer-left{float:left; clear:left;}
.footer-right{float:right; clear:right;}
.footer-left h2.widget-title{
	padding:0;
	margin-bottom:0;
}
.footer-left ul{
	list-style: none;
	margin-left: 0;
}	
.footer-left a{
	color: inherit;
}
footer .widget .widget-title{
	font-size: inherit;
}
.site-footer .social-navigation{
	float:right;
}
.footer-top.clear::before {
  content: "";
  display: block;
  height: 5em;
}
.footer-bottom-right{
	float: right;
	clear: both;
	margin-top: -3rem;
}
.footer-bottom-right .mini-form{
	float: right;
	margin-left: 1rem;
}
/**	
		* 12.0 - Media					---------------------------------------------------------------------------------------------------
*/		
/* Boton Video */
.posts .thumb-frame, article.has-post-video > .post-thumbnail{
	position: relative;
}
.posts .has-post-video .thumb-frame > div::after, .archive article.has-post-video > .post-thumbnail::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 10px; left: 10px; right: 10px; top: 10px;
	margin: auto;
	height: 50px;
	width: 50px;
	background: url("img/boton_video.png")  no-repeat scroll center center / contain;
}
.wp-caption .wp-caption-text {
  color: #999;
}

.posts.thumbnail  .post-image{ max-width: 190px; }

	/* Titulos
	--------------------------------------------------------- */
	/* Grandes */
	.posts.large h3.entry-title, .posts.ancho_800 h3.entry-title{
		font-size: 1.5rem; /* 2.5rem */
		margin-bottom: 0.3em;
	}
	
	/* Medianos */
	.posts h3.entry-title{
		font-size: 1.4rem;
	}
	.posts .entry-categories{
		font-size: 0.9rem;
	}
	
	/* Pequeños */
	.posts.thumbnail h3.entry-title{
		font-size: 0.9rem;
	}
	.posts.thumbnail .post-data{
		font-size: 1rem;
	}

	body .posts h3.entry-title a,
	body .posts h3.entry-title{
		line-height: 1.2;
	}



/**		
		*    12.1 - Captions
		*    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
*/ 

	.woocommerce.widget_products ul.product_list_widget li{
		margin-bottom: 0.5rem;
	}
	.woocommerce.widget_products ul.product_list_widget li:first-child{
		margin-left: 2%;
	}
	/* fila de 3 */
	.woocommerce.widget_products ul.product_list_widget li{
		width: 30%;
	}

	/* Estructura:
	-------------------------------*/
	body .site{
		margin:0;
		background: #efefef;
	}
	body:not(.custom-background-image):before, 
	body:not(.custom-background-image):after{
		display:none;
	}

	/* Banners responsive */
	.desktop, .mobile{
		text-align: center;
		background: #efefef;
	}
	.desktop img, .mobile img{
		margin:auto;
	}
	
	.desktop{display: none}
	.mobile{display: block}
	

/* 
		<= 544px				************************************** black ***********************************************************
*/
@media screen and (max-width: 44.374em) {
	/* Estructura, sin margen lateral */
	#hometop, #primary, #content-end, #secondary{
		width:100%; 
		margin-left: 0;
	}
	
	/* Header */
	.site-header{
		padding-top:1rem; 
		padding-bottom:1rem;
	}
	.mini-form form{width: 100px;}
	
}
/*
	14.1 - >= 710px     		************************************** red ***********************************************************
*/
@media screen and (min-width: 44.375em) {
	
	/* Desde aqui, los banners grandes */
	.desktop{display: block}
	.mobile{display: none}
	
	/* Texto del articulo */
	.entry-content p, .entry-content h4{
		margin-right: 1.5em;
	}
	
}
/**	
    14.2 - >= 783px 		========================================== orange ===========================================================
*/
@media screen and (min-width: 48.9375em) {
	/* mediano */
	.posts h3.entry-title{ font-size: 1.3rem; }
	
	/* fila de 6 */
	.woocommerce.widget_products ul.product_list_widget li{
		width: 15%;
		margin-bottom: 0;
	}
	.woocommerce.widget_products ul.product_list_widget li:first-child{
		margin-left:0;
	}
}	

@media screen and (max-width: 56.874em) {		/* ---------------------- Hasta el naranja  -----------------------------*/
	/* Sidebar ancho */
	#secondary{
		padding-left:0;
		padding-right: 0;
	}

	/* full width */
	.posts article, .posts article .post-image, .posts article .post-data{
		display: block;
		float: none;
		width: 100%;
	}
	
	.posts.thumbnail article{
		display:flex;
	}
	.posts.thumbnail article .post-image{flex-shrink:0}
	
	/* menu movil */
	.toggled-on .social-navigation, 
	.toggled-on .search-form{ 
		line-height: 3; 
	}
	.toggled-on .mini-form form {width: 100%;}
	.main-navigation .primary-menu {border-bottom: none;}	
	.toggled-on .social-navigation a::before { line-height: 2.5;}	
	
	/* footer */
	.footer-bottom-right .mini-form{margin-left:5rem;}

	/* Archives */
	/* Medianos */
	.archive h2.entry-title{
		font-size: 1.3rem;
	}

	
	
}
/**	
    14.3 - >= 910px 		------------------------------------------ green: menu horizontal, 3 cols, sin sidebar -----------------------------------------------------
*/
@media screen and (min-width: 56.875em) {
	
	/* Estructura 
	---------------------*/
	#primary, #secondary, #hometop, #content-end{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	
	.site-header{
		padding-top: 0;
		padding-bottom: 0;
	}
	
	/* Menu principal, barras de separacion */
	.primary-menu > li > a{	padding-right: 0;}
	.primary-menu > li:not(:first-child) > a{ padding-left: 0;}
	.primary-menu > li:not(:first-child) > a::before{
		content: "/";
		margin: 0 0.5rem;
	}
	/* menu social arriba */
	.site-header .main-navigation + .social-navigation {
		position: absolute; 
		top: 2px;
	}
	/* buscar, arriba */
	.site-header .mini-form form{
		position: absolute;
		right: 0;
		top: 36px;
	}
	
	/* Posts en formato horizontal 
	----------------------------------*/
	.posts article{
		overflow: hidden;
		position:relative;
	}

	.posts .post-image{
		width: 48%;
		float:left;
	}
	.posts .post-data{
		display: inline;
		float: left;
		clear: none;
		max-width: 48%;
	}
	.posts .post-data *{ clear: none;}
	
	.posts img{
		min-width:100%;
		min-height: 100%;
	}
	body .posts .entry-summary {margin-bottom:0;}


	/* Tres columnas */
	.tres article,
	.dos article{
		float: left;
		margin-left: 2%;
		width: 32%;
		margin-bottom:0;
	}
	.dos article{
		width: 48.5%;
		margin-left: 3%;
	}
	.tres article:first-child,
	.dos article:first-child{
		margin-left:0
	}
	
	/* vertical */
	.posts.vertical .post-data{
		position: relative;
		left: 0;
		max-width: 100%;
		padding-bottom: 2rem;
	}
	.posts.vertical .post-image{
		width: 100%; 
		float: none;
	}
	.posts.tres.vertical.sin-excerpt .post-data{
		height: 8rem;
	}
	.posts.tres.vertical .post-data{
		height: 18rem;
	}
	.posts.dos.vertical .post-data{
		height: 14rem;
	}
	.posts.vertical.thumbnail .post-data{
		height: 7rem;
	}
	
	/* layout 
	------------ */
	.posts.large .post-image{width:50%;}
	.posts.large .post-data{left:50%;}
	.posts.thumbnail:not(.vertical) .post-data{	padding-left: 0.7rem;}

	/* Titulos 
	---------- */
	.posts.large h3.entry-title, .posts.ancho_800 h3.entry-title{
		font-size: 1.5rem;
		margin-bottom: 0.3em;
	}
	.posts h3.entry-title,
	.archive #main h2.entry-title,
	.search #main h2.entry-title{
		font-size: 1.3rem; 
	}
/*	.posts.medium.vertical h3.entry-title{ font-size: 1.2rem; } */
	.posts h3.entry-title{ font-size: 1.2rem; }
	
	/* Pequeños, no mas de 4 líneas */
	.posts.thumbnail h3.entry-title, #primary .posts.tres.vertical h3.entry-title{
		font-size: 0.8rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;		
	}

	/*	Fuerzo relacion de aspecto 
	-------------------------------- */
	.posts .thumb-frame{
	  display: block;
	  width: 100%;
	  position: relative;
	  height: 0;
	  padding: 75% 0 0 0; /* 4:3 */
	  overflow: hidden;	
	}
	.posts .thumb-frame div{
	  position: absolute;
	  display: block;
	  max-width: 100%;
	  max-height: 100%;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  margin: auto;	
	}
	/* Flechita de las fotos */
	.posts .thumb-frame:after{
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		border-image: none;
		border-style: solid;
		border-width: 10px;
		content: " ";
		height: 0;
		margin-top: -10px;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 20%;
		width: 0;
	}
	.posts.vertical .thumb-frame:after{
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
		top:inherit;
		bottom:0;
		right:20%;
	}


	
	
}
/**	
    14.4 - >= 985px 		------------------------------------------ yellow ---------------------------------------------------------
*/
@media screen and (min-width: 61.5625em) {
	/* AQUI SE DESPLIEGA EL SIDEBAR 
		Estructura: 
		3 columnas de 32% con separación del 2%
		site-content: 1189px
		barra lateral: 32%: 380 (380 x 285)
		mitad ancho completo: 595 (595 x 446)
		mitad barra lateral: 190 (190 x 142)
	*/
	
	/* Estructura 
	---------------- */
	/* Sidebar lateral */
	#primary{
		width: 66%;
		margin-left:0;
		float: left;
	}
	#secondary, #content-end{
		margin-top:0;
		margin-bottom:0;
	}
	#secondary{
		width: 32%;
		float: right;
	}
	
	/* posts en el sidebar, mas juntos */
	.sidebar .widget.widget_dpe_fp_widget .widget-title,
	.sidebar .posts article{
		margin-bottom: 0.5em;
	}
	
	/* todos los vertical */
	.posts.vertical .post-data{
		position: relative;
		left: 0;
	}
	.posts.vertical .post-image{
		width: 100%; 
		float: none;
	}
	.posts.tres.vertical .post-data{
		height: 15rem;
	}

	.posts h3.entry-title{ font-size: 1.2rem; }

	
	.entry-title{
		margin-bottom: 0.5em;
	}
	
	/* archive post meta en linea */
	body.archive #page article footer.entry-footer {
		float: none;
		width: auto;
	}
	body.archive #page article footer.entry-footer span{
		display:inline-block;
		margin: 0 0.5rem;
	}
	/* single post meta lateral */
	body.single #page article footer.entry-footer {
	  float: right;
	  margin: 1rem 2%;
	  padding: 0;
	  text-align: right;
	  width: 18%;
	}	
	
	/* fotos grandes en el content */
	body:not(.search-results) article:not(.type-page) img.below-entry-meta, body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
/*	  margin-left: -53%; */
/*	  max-width: 164%; */
/*	  margin-left: -42%; */
	  margin-left: -40%; 
	  max-width: 146.5%;
	}	
	
	.single .site-main > article > .entry-content p,
	.single .site-main > article > .entry-content h2,
	.single .site-main > article > .entry-content h4
	{
		padding: 0;
	}	
	
}
/**	
    14.5 - >= 1200px 		------------------------------------------ gris ---------------------------------------------------------
*/
@media screen and (min-width: 75em) {
	
	/* Pequeños */
	.posts.thumbnail h3.entry-title, #primary .posts.tres.vertical h3.entry-title{
		font-size: 0.9rem;
	}
	/* Medianos */
	.posts h3.entry-title{
		font-size: 1.3rem;
	}
	.posts.large h3.entry-title a,
	.posts.large h3.entry-title,
	.posts.ancho_800 h3.entry-title a,
	.posts.ancho_800 h3.entry-title	{
		line-height: 1.2;
		font-size: 2.5rem;
	}
}
/**	
* 15.0 - Print
 */
/* ====================================================================================================================================== */ 
@media screen and (max-width: 27em) {
	/* ------------------------------------------------- azul ---------------------------------------- */
	/* fila de 2 */
	.woocommerce.widget_products ul.product_list_widget li{
		width: 48%;
	}
	.posts.thumbnail .entry-categories{display:none;}
	.posts.thumbnail article .post-image{
		width: 190px;
		max-width: 48%;
	}
	.footer-bottom-right{
		float: none;
		width: 100%;
		margin-top:0; 
	}
	.footer-bottom-right .mini-form{
		float: none;
		margin-left:0;
	}
	.footer-bottom-right .mini-form form{width: 100%;}
}

@media screen and (max-width: 44.374em) and (min-width: 27.1em){
	/* ------------------------------------------------- black ---------------------------------------- */

	.site-footer .social-navigation,
	.footer-bottom-right{
		width: 100%;
		clear: both;
		margin-top:0;
	}
	.footer-bottom-right .mini-form form {width: 300px;}
	
	
}
/*Oculta campo ninjaform*/

.oculto {
display: none;
}


.woocommerce-product-gallery__trigger{display:none;}
.woocommerce header, .woocommerce-ordering select {background: inherit;}
.woocommerce ul.products li.product{text-align: center;}

.expe-adv{text-align:center; background-color: #efefef;}
.expe-adv iframe{margin-bottom:0;}
@media screen and (min-width: 300px){ 
	.expe-adv.megabanner{ height:50px; }
	.expe-adv.roba{ height:300px; }
	.expe-adv.dobleroba{ height:600px; }
}
@media screen and (min-width: 469px){ .expe-adv.megabanner{ height:50px; }}
@media screen and (min-width: 862px){ .expe-adv.megabanner{ height:90px; }}
@media screen and (min-width: 1320px){
	.expe-adv.megabanner{ height:120px; }
	.expe-adv.roba{ height:384px; }
	.expe-adv.dobleroba{ height:542px; }
}

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