/* --------------------------------------------
	INSERT CSS FOR YOUR CHILD THEME HERE
-------------------------------------------- */


/*
 * 
 * Modifico el padding de los titulos de las pages para que no sean tantos.
 * Original
 * 
 * bottom: 180
 * top: 90
 * 
 */

.archive-title.title-wrap {
	padding-bottom: 90px;
}

.archive-title.title-wrap {
	margin-top: 45px;
}

/*
 * 
 * Modifico el padding de los container de las paginas de la tienda para que dejen algo de espacio cuando no hay titulos.
 * Original:
 * padding-left: 0; padding-right: 0; width: auto;
 * 
 * Solo le anyado el padding-top de 90px
 * 
 */


.container .container {
	padding-left: 0; padding-right: 0; padding-top: 90px; width: auto;
}



/*
 * 
 * Fix para resolver el problema de que el theme no coja la configuracion de columnas y filas en woocommerce
 * Resuelto en:
 * https://www.uiueux.com/forums/topic/woocommerce-change-number-of-products-per-row/#post-19215
 * 
 * 
 */

.woocommerce.archive .main-list.columns-4 .product-item { width: 25%; }
.woocommerce.columns-2 .product-item, 
body.post-type-archive .product-item,
.woocommerce.archive .main-list.columns-2 .product-item { width: 50%; }
.woocommerce.columns-3 .product-item,
.woocommerce.archive .main-list.columns-3 .product-item { width: 33.3333%; }
.woocommerce.columns-1 .product-item,
.woocommerce.archive .main-list.columns-1 .product-item { width: 100%; }
.woocommerce.columns-5 .product-item,
.woocommerce.archive .main-list.columns-5 .product-item { width: 20%; }
.woocommerce.columns-6 .product-item,
.woocommerce.archive .main-list.columns-6 .product-item { width: 16.6667%; }
.woocommerce.archive .product-item {width: 33.3333%;}
.woocommerce .main-list { margin: -20px; }
.woocommerce.archive .main-list { margin: -20px; }
.product-item .inside { margin: 20px; }
@media (max-width: 768px) {
	.product-item,
	.woocommerce.columns-3 .product-item,
	.woocommerce.columns-1 .product-item,
	.woocommerce.columns-5 .product-item,
	.woocommerce.columns-6 .product-item,
	.woocommerce.archive .product-item,
	.woocommerce.archive .main-list.columns-1 .product-item,
	.woocommerce.archive .main-list.columns-2 .product-item,
	.woocommerce.archive .main-list.columns-3 .product-item,
	.woocommerce.archive .main-list.columns-4 .product-item,
	.woocommerce.archive .main-list.columns-5 .product-item,
	.woocommerce.archive .main-list.columns-6 .product-item { width: 50%; }
}

@media (max-width: 480px) { 
	.product-item,
	.woocommerce.columns-3 .product-item,
	.woocommerce.columns-1 .product-item,
	.woocommerce.columns-5 .product-item,
	.woocommerce.columns-6 .product-item,
	.woocommerce.archive .product-item,
	.woocommerce.archive .main-list.columns-1 .product-item,
	.woocommerce.archive .main-list.columns-2 .product-item,
	.woocommerce.archive .main-list.columns-3 .product-item,
	.woocommerce.archive .main-list.columns-4 .product-item,
	.woocommerce.archive .main-list.columns-5 .product-item,
	.woocommerce.archive .main-list.columns-6 .product-item {
		width: 100%; 
	}
}

/*
 * 
 * Pongo en maysculas todo el texto de la web
 * 
 * 
 */

body{
	text-transform: uppercase !important;
}

/* DEJO COMENTADO: PONER EN ROJO TODOS LOS BLOQUES CUANDO SE HACE HOVER */

/*
.col-md-6.col-sm-6.moudle.bottom-space-40:hover{
	background-color: red;
}
*/


/*Bloques en las paginas de color negro*/

.row{
	background: black !important;
}


.header-main {
	height: auto !important;
}

.container-fluid{
	padding-left: 30px;
}