/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Header */
		/* Menu (imágenes para hover y sección activa) */
.su-spoiler-title{
	    font-family: "Archivo", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.menuprincipal .menu-item-1048:hover > a::before,
.menuprincipal .menu-item-1048 > .elementor-item-active::before
{																	
	content: "" !important;
	width: 240px; 			
	height: 20px; 
	display: inline-block;
	background-color: #ffffff !important;
	background-image: url('https://sofiaarcher.com/wp-content/uploads/2024/11/rasssin.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-size: 0; 	
}

.menuprincipal .menu-item-424:hover > a::before,
.menuprincipal .menu-item-424 > .elementor-item-active::before
{																		/* SHOP (Previo menu-item-92) */
	content: "" !important;
	width: 80px; 			
	height: 20px; 
	display: inline-block;
	background-color: #ffffff !important;
	background-image: url('https://sofiaarcher.com/wp-content/uploads/2023/11/GRAFICOS-E-ICONOS-02.png');
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0; 	
}

.menuprincipal .menu-item-425:hover > a::before,
.menuprincipal .menu-item-425 > .elementor-item-active::before {			/* PROJECTS (Previo menu-item-91) */
	content: "" !important;
	width: 140px; 			/* Tiene que ser lo suficientemente grande como para tapar el texto */
	height: 36px; 
	display: inline-block;
	background-color: #ffffff !important;
	background-image: url('https://sofiaarcher.com/wp-content/uploads/2023/11/GRAFICOS-E-ICONOS-05.png');
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0; 
}
.menuprincipal .menu-item-90:hover > a::before,
.menuprincipal .menu-item-90 > .elementor-item-active::before {			/* ABOUT */
	content: "" !important;
	width: 105px; 			/* Tiene que ser lo suficientemente grande como para tapar el texto */
	height: 27px; 
	display: inline-block;
	background-color: #ffffff !important;
	background-image: url('https://sofiaarcher.com/wp-content/uploads/2023/11/GRAFICOS-E-ICONOS-04.png');
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0; 
}
.menuprincipal .menu-item-89:hover > a::before,
.menuprincipal .menu-item-89 > .elementor-item-active::before {			/* STOCKISTS */
	content: "" !important;
	width: 155px; 			/* Tiene que ser lo suficientemente grande como para tapar el texto */
	height: 29px; 
	display: inline-block;
	background-color: #ffffff !important;
	background-image: url('https://sofiaarcher.com/wp-content/uploads/2023/11/GRAFICOS-E-ICONOS-03.png');
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0; 
}
.menuprincipal .menu-item-88:hover > a::before,
.menuprincipal .menu-item-88 > .elementor-item-active::before {			/* CONTACT */
	content: "" !important;
	width: 130px; 			/* Tiene que ser lo suficientemente grande como para tapar el texto */
	height: 22px; 
	display: inline-block;
	background-color: #ffffff !important;
	background-image: url('https://sofiaarcher.com/wp-content/uploads/2023/11/GRAFICOS-E-ICONOS-06.png');
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0; 
}

/* Página Producto Individual */
	/* Dos contenedores, izquierda con galería de imágenes y derecha fijo en la pantalla sin scroll */	
.producto-contenedor {
	display: flex;
}	
.producto-derecha {
	flex: 1;
}    
.producto-izquierda {
	flex: 3;
	position: relative;
}			/* Esta clase la debe llevar el shortcode de la galería de imágenes */
.producto-scrollable {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100%;
	overflow: auto;
}	
.producto-scrollable::-webkit-scrollbar {
	width: 0em;
}
.producto-scrollable img {   
    display: block; 
	width: 100%;
}
	/* Guía de tallas */
.md-size-chart-btn {
	font-family: "Archivo";
	font-weight: bold;
	color: #000000 !important;
	text-transform: uppercase;
}

	/* Parte de las variaciones (las tallas a seleccionar) */
.variations td {
	background-color: #ffffff !important;	
}
.variations th {
	display: none !important;	
}
.woocommerce-variation-description {
	font-family: "Archivo" !important;
	font-size: 14px !important;
	font-weight:500 !important;
}
.reset_variations {
	display: none !important;
}
.variable-items-wrapper .button-variable-item {
	margin-right:40px !important;
	font-family: "Archivo";
    font-weight: bold;
    font-size: 22px !important;
    color: #aaaaaa !important;
	-webkit-box-shadow: none !important;
}
.variable-items-wrapper .button-variable-item:hover {	
	color: #777777 !important;
}
.variable-items-wrapper .selected {
	-webkit-box-shadow: transparent !important;
	color: #000000 !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* Mensajes WooCommerce */
.woocommerce-message {
    border: none !important;
}
.woocommerce-message::before {    
    color: #000000 !important;
}

/* Página Archivo de productos (Tienda y Categorías) */
.grid-productos .add_to_cart_button,
.grid-productos .woocommerce-loop-product__title,
.grid-productos .price {
	display: none !important;
}


/* Páginas Projects */
.elementor-slideshow__footer {
	display: none;
}

/* PERSONALIZACIONES DE DICIEMBRE */

.elementor-245 .button {
	display:none !important;}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    -webkit-box-shadow: var(--wvs-item-box-shadow,0 0 0 0px #a8a8a8);
}

.variable-item-span, .variable-item-span-color {
    border-radius: 17px !important;
}

.yith-wcpsc-product-size-chart-button {
    background: #000 !important;
}