/**
 * /*!
 * Theme Name:      	Shoptimizer
 * Theme URI:       	https://www.commercegurus.com/wordpress-themes/shoptimizer
 * Author:          	CommerceGurus
 * Author URI:      	https://www.commercegurus.com/
 * Description:     	Shoptimizer is the perfect theme for your next WooCommerce project designed around speed and conversions.
 * Version:         	2.5.5
 * Requires at least: 	5.6
 * Requires PHP: 		7.3.33
 * License:         	GNU General Public License v2 or later
 * License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:     	shoptimizer
 * wc_gzd_compatible: 	true
 * Tags:            	e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options
 * CGMeta: 1584:a523c024-0f7c-47a5-a11a-3e11d0914cc2
 *
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned with others.
 *
 * Shoptimizer is based on Underscores http://underscores.me/, (C) 2012-2019 Automattic, Inc. and Storefront https://github.com/woocommerce/storefront (C) 2012-2019 Automattic, Inc.
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 *
 * Shoptimizer documentation is available here: https://www.commercegurus.com/docs/shoptimizer-theme/
 *
 * Rivolicons License: Created by Hadrien Boyer and licensed under Creative Commons 4.0 - https://creativecommons.org/licenses/by-sa/4.0/
 * Rivolicons icon pack homepage - http://rivolicons.hadrien.co/
 * Images License: GNU General Public License v2 or later
 *
 * ======
 * Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
 * All main styles are in /assets/css/main/main.css
 * ======
 *
 */
 
 
 .menu-skincare{
     position: static !important;
 }
 
 .wrap-skincare, .wrap-MenuMarcas{
    background-color: #f8f8f8;
    width: 100vw;
    height: auto;
    padding: 50px 5px;
    position: absolute;
    left: 0;
    top: 100%;
    /*max-height: calc(75vh - 199px);*/
 }
 
 .skincare-inner, .MenuMarcas-inner{
     display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
 }
 
 .cat-parent {
    margin: 0 40px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

 .cat-parent *{
     color: #000 !important;
 }

.sub-cat *{
    font-size: 14px;
}
 
.MenuMarcas-inner ul{
    list-style: none; display: flex; flex-direction: row; justify-content: center; width: 100%; height: auto; flex-wrap: wrap; transition: all 0s;
}
.MenuMarcas-inner ul li{
    transition: all 0s;
}
.MenuMarcas-inner ul li a{
    padding: 7px; border: 1px solid #000; padding: 5px 10px; border-radius: 5px; font-size: 12px; display:inline-block; margin:7px; transition: all 0s;
}

.MenuMarcas-inner ul li a:hover{
    background-color: #000;
    color: #fff;
}