/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

.thumb-info-centered-info .thumb-info-title{
font-family: "Nunito Sans", sans-serif;
font-optical-sizing: auto;
font-size: 23px;
font-weight: 200;
font-style: normal;
letter-spacing: 2px;
font-variation-settings:
"wdth" 100,
"YTLC" 500;	
}

.thumb-info-inner {
    transition: 0.3s;
    display: block;
    font: inherit;
    color: inherit;
    margin-bottom: 0;
    padding: 4px 4px;
    text-transform: uppercase;
    /* line-height: 2.3; */
    background: var(--porto-primary-color);
}

.thumb-info-type {
    display: inline-block;
    float: left;
    font-size: 0.6em;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0px -2px -15px 0;
    padding: 2px 12px;
    text-transform: uppercase;
    z-index: 2;
    line-height: 2.3;
    background-color: rgba(255, 0, 0, 0)!important;
}

/************************* TESTO HOVER *******************************/
#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
    background-color: transparent;
    color: #dc2f28!important;
}

/************************* COLORE VOCE ATTIVA MENU *******************************/
#header .main-menu > li.menu-item.active > a {
    background-color: transparent;
    color: #da2d27!important;
}


/*#header-ombra {
-webkit-box-shadow:1px 5px 23px -10px #000000;
-moz-box-shadow:1px 5px 23px -10px #000000;
-o-box-shadow:1px 5px 23px -10px #000000;
box-shadow:1px 5px 23px -10px #000000;
}

#header-ombra {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}*/

.footer a:hover {
    color: #000000!important;
}

/********************** LUNGHEZZA SELECT ORDINAMENTO PAGINA SHOP *****************************/
.woocommerce-ordering select {
    width: 230px!important;
}