/*
Theme Name: Twenty Twenty Hemporio
Theme URI: https://hemporio.es
Description: A child theme for Twenty Twenty.
Author: Xabi Andia
Author URI: https://hemporio.es/
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twentytwenty-hemporio
*/

/* Cambiar color de fondo */
body {
    background-color: #495708 !important;
} 
/* FIN Cambiar color de fondo */

/* para que no aparezcan los titulos de las paginas */
.entry-header {
    display: none;
}
/* FIN para que no aparezcan los titulos de las paginas */

/* Para ajustar el acolchado superior */
#site-content .post-inner {
    padding-top: 3rem;
}
/* FIN Para ajustar el acolchado superior */

/* Quitar el subrrayado de titulos h1, h2, h3 cuando es un enlace (pensado para los post) y cambiar el color  */
.entry-content h3 a:not(.button) {
	text-decoration: none !important;
    color: #eeeeee;
    text-shadow: 2px 2px 5px black;
}
/* FIN Quitar el subrrayado de titulos h1, h2, h3 cuando es un enlace (pensado para los post)  */

/* Margenes de los elementos h1, h2, h3, se disminuyo el margen superior a la mitad  */
.entry-content h1, .entry-content h2, .entry-content h3 {
    margin: 3rem auto 3rem !important;
}
/* FIN Margenes de los elementos h1, h2, h3, se disminuyo el margen superior a la mitad  */

/* Tamaño de la fuente del titulo "Deja una respuesta" y disminuir el margen inferior de 6rem a 4rem */
.comment-reply-title {
    font-size: 1.4em;
    margin-bottom: 5rem;
    color: #000000;
}
/* FIN Tamaño de la fuente del titulo "Deja una respuesta" y disminuir el margen inferior de 6rem a 4rem */

/* Quitar el limite de maxima anchura del formulario "Deja una respuesta" */
.section-inner.thin {
    max-width: none;
}

.comment-respond p:not(.comment-notes) {
    max-width: none;
}
/* FIN Quitar el limite de maxima anchura del formulario "Deja una respuesta" */

/* Margen inferior del titulo "Deja una respuesta" con el area de entrada de texto se disminuye de 6rem a 1rem */
.comment-respond p.comment-notes, .comment-respond p.logged-in-as {
    margin: -4rem 0 3rem 0;
}
/* FIN Margen inferior del titulo "Deja una respuesta" con el area de entrada de texto se disminuye de 6rem a 1rem */

/* Quitar el texto "cerrar menu" del menu en mobiles */
button.close-nav-toggle .toggle-text {
    display: none;
}
/* FIN Quitar el texto "cerrar menu" del menu en mobiles */

/* Cambios en el titulo de los widgets: se disminuye el margen inferior y el tamaño de fuente y el color de la fuente */
.widget .widget-title {
    margin-bottom: 0.8rem;
    font-size: 1.5em;
    color: #cccccc;
}
/* FIN Cambios en el titulo de los widgets: se disminuye el margen inferior y el tamaño de fuente y el color de la fuente */


/* Cambios en los enlace a las entradas recientes del widget de Entradas recientes */
.widget_recent_entries a:not(.button) {
    font-weight: 700;
    text-decoration: none;
    color: #495708 !important;
}
/* FIN Cambios en los enlace a las entradas recientes del widget de Entradas recientes */

/* Cambiar el color de los links  */
a { text-decoration: none; color: #495708; }
a:hover { text-decoration: underline; }
/* FIN Cambiar el color de los links  */


/*ESTO NO VALE*//* Cambiar el color de los titulos  H1 */  
.h2 { color:#495708; }
/* Fin Cambiar el color de los titulos  H1 *//*ESTO NO VALE - DEBERIA SER: h3 a { color:#495708; } - PERO NO ES RECOMENDABLE PORQUE ES EL COLOR DE FONDO - ES MEJOR cAMBIARLO EN EL RENGLON 35: color: #eeeeee; */


/* Cambios en el boton ENVIAR */
input[type="submit"] {
    color: #495708 !important;
    background-color: #eee !important;
    border-radius: .5rem;
    font-size: 2rem;
    padding: 5px;
    border: solid #000 2px;
}
/* FIN Cambios en el boton ENVIAR */

/* Cambiar el color del menu principal */
body:not(.overlay-header) .primary-menu > li > a {
    color: #ffffff !important;
}

body:not(.overlay-header) .primary-menu > li > .icon {
    color: #ffffff !important;
}
/* FIN Cambiar el color del menu principal */

/* Cambiar el tamaño del texto de las etiquetas del formulario de contacto */
form.wpcf7-form label {
    font-size: 2rem;
}
/* FIN Cambiar el tamaño del texto de las etiquetas del formulario de contacto */

/* Cambiar el ancho de como se ven las entradas en la pagina noticias */
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: none;
    width: calc(100% - 8rem);
}
/* FIN Cambiar el ancho de como se ven las entradas en la pagina noticias */

/* Quitar el padding superior - antes padding: 8rem 0 0; - ahora padding: 0rem 0 0; */
body:not(.singular) main > article:first-of-type {
    padding: 0rem 0 0;
}
/* FIN Quitar el padding superior - antes padding: 8rem 0 0; - ahora padding: 0rem 0 0; */

/***WOOCOMMERCE***/
/* Tamaño de la imagen principal del producto se veia pequeña en ordenadores de pantalla grande de mas de 1366px de resolucion horizontal */
.woocommerce-product-gallery img { width: 100%; height: auto;}
/*** FIN Tamaño de la imagen principal del producto se veia pequeña en ordenadores de pantalla grande de mas de 1366px de resolucion horizontal ***/

/* Tamaño del titulo de la ficha de producto - estaba enorme  */
.single-product .entry-title {
    margin: 0 0 2.5rem;
    font-size: 4rem; /*aqui se cambia el tamaño*/
}
/* FINTamaño del titulo de la ficha de producto - estaba enorme  */
 
/* Boton y cantidad de añadir al carro cambiar aspecto en producto */
.single-product .single_add_to_cart_button {
    color: #495708;
    background-color: #fff;
    border-radius: .5rem;
    font-size: 1.7rem;
    padding: 1.1rem 1rem .7rem 1rem;
    border: solid #000 2px;
}

.single-product form.cart input {
    width: 5em;
}
input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: solid #000 0.1rem;
    border-radius: .5rem;
    box-shadow: none;
    display: block;
    font-size: 1.6rem;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 1.2rem 1.8rem 1.2rem 1.8rem;
    width: 100%;
}
/* FIN Boton y cantidad de añadir al carro cambiar aspecto en producto */

/* Boton añadir al carro cambiar aspecto en producto relacionados y paginas de categorias */
a.button {
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    word-break: break-word;
    color: #495708;
    text-decoration: none !important;
    background-color: #fff;
    padding: 1rem 2rem;
    border-radius: .5rem;
}

a.button:hover, a.button:visited {
    color: #333;
    text-decoration: underline !important;
}
/* FIN Boton añadir al carro cambiar aspecto en producto relacionados y paginas de categorias */

/* Cambiar colores de las tabs  */
.woocommerce-tabs ul li.active a {
    color: #ffffff; /*color: #cd2653;*/
    box-shadow: 0 2px 0 #ffffff;/*box-shadow: 0 2px 0 #cd2653;*/
}

.woocommerce-tabs ul li a {
    color: #111;
    text-decoration: none;
    font-weight: 700;
}

.woocommerce-tabs ul li a:hover, .woocommerce-tabs ul li a:visited, .woocommerce-tabs ul li a:active {
    color: #ffffff;
        text-decoration: none !important; /*text-decoration: underline !important;*/
}
/* FIN Cambiar colores de las tabs  */

/* Ocultar titulo <h2> en el contenido de las tabs  */
.woocommerce-tabs .panel h2:first-of-type {
display: none;
}
/* FIN Ocultar titulo <h2> en el contenido de las tabs  */

/* espaciado en las miniaturas de la galeria de imagenes del producto */
.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 24.16%;/*width: 25%;*/
    /*padding: 0;*/padding: 1.5%  0 0 2%;
    margin: 0;
}
/* FIN espaciado en las miniaturas de la galeria de imagenes del producto */

/* Cambios en boton Realizar Pedido en la pagina realizar-compra */
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order button {
    float: right;
    background-color: #ffffff;
    color: #495708;
    font-size: 1.7rem;
    border: solid #000 0.1rem;
    border-radius: .5rem;
    width: max-content;
    padding: 1rem 4rem;
}
/* FIN Cambios en boton Realizar Pedido en la pagina realizar-compra */

/* Cambiar fondo y borde del texto transferencia bancaria directa en la pagina realizar-compra */
.wc_payment_method .payment_box {
    padding: 1rem;
    background-color: #495708;
    border: solid #000 0.1rem;
    border-radius: .5rem;
}
/* FIN Cambiar fondo y borde del texto transferencia bancaria directa en la pagina realizar-compra */