/*
Theme Name: Meta Store Child
Theme URI: https://mysticalthemes.com/theme/meta-store/
Template: meta-store
Author: Mystical Themes
Author URI: https://mysticalthemes.com/
Description: Meta Store is a beautifully designed responsive and fully customizable ecommerce template. It could be used for all types of e-commerce online stores, including Fashion, Clothing, Electronics, Furniture, Restaurant, Interior Store, Gadgets Store, Home Appliances Shop, Online shop, Organic Store, Retail Store, Automobile Shop, Books Store, Photo Store, Jewellery and almost any kind of store. The theme totally supports Elementor Plugin. It is fully responsive, translation ready, SEO friendly and compatible with WooCommerce. It has a user-friendly and powerful customizer panel which enhances the development of your site. Check Out Demo – https://demo.mysticalthemes.com/meta-store/
Tags: blog,e-commerce,one-column,two-columns,right-sidebar,footer-widgets,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,translation-ready
Version: 1.0.9.1618261658
Updated: 2021-04-12 21:07:38

*/

/* top bar */
.ms-top-header {
    font-size: 13px !important;
}

/* Menú */
.ms-bottom-main-header {
    background: #323D4A;
    padding: 12px 0px;
}
/* ancho sub menu */
ul.ms-main-menu ul {
    width: 230px;
}
/* hover */
ul.ms-main-menu > li > ul:not(.megamenu) li a:hover {
    background: #644495;
}

/* Vertical menu header */
.ms-vertical-menu .heading {
    padding: 8px 14px !important;
}

/* Thumbnail productos*/
ul.products li.product img.attachment-woocommerce_thumbnail {
    border: solid 1px #eaeaea;
}

/* Etiqueta Oferta */
.onsale {
    height: 85px;
	right: 12px;
	background: #dc2929 !important;/* rojo */
}
.onsale:after {
    border-right-color: #dc2929 !important;
	border-left-color: #dc2929 !important;
}
.onsale span {
	font-size: 10px;
}

/* Sold Out badge */
.soldout {
	padding: 3px 8px;
	text-align: center;
	background: #644495;
	color: white;
	font-weight: bold;
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 12px;
}

/* Botón mensaje Ver carrito */
.woocommerce .woocommerce-message .button {
    background-color: #644495;
}
.woocommerce-message{
	border: 2px dashed #644495;
    color: #644495;
}
/* Carro parte lateral derecha */
.cart-collaterals {
	width: 37%;
    padding: 0px 5px;
}
.ms-cart-collaterals {
    border: 2px dashed #EEE;
    padding: 24px 15px;
	background-color: #f9f9f9;
}
/* sector envío */
td[data-title="Envío"]{
	width: 100% !important;
}
table.shop_table td {
    padding: 15px 0px 15px 0;
}
.shipping-calculator-form .form-row{
	padding: 0px 0px !important;
}
ul#shipping_method li{
	list-style: none;
}
input.shipping_method{
	margin-right: 5px;
}
/* sector derecho finalizar compra */
.woocommerce-checkout td.product-name{
	width: 50%;
}
.woocommerce-checkout td.product-total{
	padding-left: 14px !important;
}
/* Etiquetas nombres categorías (final frontpage) */
.elementor-72 .elementor-element.elementor-element-2fe066b .ms-product-category-block1 .cat-btn {
    color: #FFFFFF;
    background-color: #14498c;
}

/* Marca del producto en loop */
.product .marca_plugin{
	font-size: 13px;
    color: #3069b1;
    font-weight: 600;
}
.product span.simbolo_r{
	font-size: 10px;
    color: #3069b1;
    font-weight: 500;
}
/* Margen radio en boleta o factura */
.woocommerce form .wooccm-type-radio .woocommerce-radio-wrapper label {
    margin-left: 5px;
}

/* Input en Contacto */
input[type="text"], input[type="email"]{
	width: 100%;
}

/* N° productos disponibles */
.stock.in-stock {
    color: #ffffff;
    background-color: #8dbcf7;
    padding-left: 15px;
}
/* Color precio en producto individual */
.ms-product-summary .price {
    color: #3069b1;
}

/* título en loop */
ul.products li.product .ms-woocommerce-product-info {
    padding: 7px 18px 18px 18px;
}
ul.products li.product .woocommerce-loop-product__title {
    margin: 0 0 0px;
}
ul.products li.product .ms-woocommerce-product-info .price {
    margin-bottom: 0px;
    margin-top: 10px;
}

/* document gallery */
.document-gallery .document-icon-row {
    padding-bottom: 18px;
}

/* SKU y Categorías dentro de un producto */
.product_meta span.sku_wrapper {
    display: block !important;/* pone un enter entre ambos */
	color: #9c9c9c;
}
.product_meta span.posted_in a{
	color: #8dbcf7;
}


/* Footer */
.ms-site-footer {
    background: #323D4A;
	color: #dadada !important;
}
.ms-bottom-footer {
    border-top-color: #c5c5c5 !important;
}
.ms-top-footer-col .widget-title {
    color: #ffffff !important;
}
/* Color Totalweb en Footer */
.ms-bottom-footer-left a {
    color: #75b2ff !important;
}

/* Color "Cambiar Dirección" */
.woocommerce-shipping-calculator a{
	color: #4d99f9 !important;
}

/* Ubicación flecha GOTOP */
#ms-gotop.ms-show {
    bottom: 20px;
    right: 23px;
}
/* Overflow de títulos de productos */
ul.products li.product .woocommerce-loop-product__title {
    word-wrap: break-word;
}

/* select del header Categorías */
.ms-product-search-form select.ms-postform {
    padding: 3px 15px 3px 10px;
}

/* POPUP */
.pum-content.popmake-content:focus-visible, 
.pum-content *:focus, 
.pum-overlay .pum-content {
	outline: none !important;
}

/* Producto Disponible para RESERVAR */
p.available-on-backorder{
    background-color: #644495;/* lila del logo */
    color: white;
}
/* Producto Agotado */
p.wcsob_soldout_text{
    background-color: #d34141;/* rojo */
    color: white;
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    /* Styles */
	/* el contenedor con las cagorías tenía problemas, las últimas 2 aparecían alargadas y se desbordaba hacia el footer */
	.product-cat3, .product-cat4{
		height: 50% !important;
	}
	#contenedor_final{
		margin-bottom: 200px !important;
	}
}
/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
  /* Styles */
	
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  /* Styles */
	
}

@media screen and (min-width: 1024px){
	
}

/* Mobile */
@media only screen and (max-width: 600px) {
	.elementor-764 .elementor-element.elementor-element-1e0fdb8 .elementor-heading-title {
		font-size: 28px !important;
		line-height: 33px !important;
	}
}