/*

	Theme Name:     STOREFRONT Child Theme by Marco Panichi
	Theme URI:      https://www.marcopanichi.com/
	Template:		storefront
	Author:         Marco Panichi
	Author URI:     https://www.marcopanichi.com/
	Description:    Tema figlio creato da Marco Panichi per realizzare i siti iltuofurgone.it e autoaziendale.com
	Version:        1.0.0
	License:        GNU General Public License v2 or later
	License URI:    http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain:    storefront
	Tags:			blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles

*/

/*******************************************************************************
/*******************************************************************************
	FONTS (PERFORMANCE)
/*******************************************************************************
/******************************************************************************/

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/storefront-child/fonts/inter-v20-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/wp-content/themes/storefront-child/fonts/inter-v20-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html, body,
p, span, div,
h1, h2, h3, h4, h5, h6,
a, li,
button, input, textarea, select,
label, strong, em, small
{
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.dashicons,
.swiper-button-prev,
.swiper-button-next,
[class*="icon"],
[class*="icons"]
{
    font-family: inherit !important;
}

#wpadminbar .ab-item span.ab-icon { display: none; }

.swiper-button-prev::after,
.swiper-button-next::after {
    font-family: swiper-icons !important;
}

/*******************************************************************************
/*******************************************************************************
	GRID
/*******************************************************************************
/******************************************************************************/

/* COLUMNS */
.columns { display: flex; flex-wrap: wrap; }
.columns > * { width: 100%; }

/* CLASSI .col-X , ROMPONO IL FOOTER DEVO RESTRINGERE AL MAIN */
#main .col-1 { width: 8.33334%; } #main .col-2 { width: 16.66667%; } #main .col-3 { width: 25%; } #main .col-4 { width: 33.33333%; } #main .col-5 { width: 41.66667%; } #main .col-6 { width: 50%; } #main .col-7 { width: 58.33333% } #main .col-8 { width: 66.66667%; } #main .col-9 { width: 75%; } #main .col-10 { width: 83.33333%; } #main .col-12 { width: 100%; }

/* ALTRE CLASSI, VANNO BENE OVUNQUE */
@media screen and (min-width: 400px)  { .col-xs-1 { width: 8.33334%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33334% } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-12 { width: 100%; } }
@media screen and (min-width: 600px)  { .col-sm-1 { width: 8.33334%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33334% } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-12 { width: 100%; } }
@media screen and (min-width: 800px)  { .col-md-1 { width: 8.33334%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33334% } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-12 { width: 100%; } }
@media screen and (min-width: 1000px) { .col-lg-1 { width: 8.33334%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33334% } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-12 { width: 100%; } }
@media screen and (min-width: 1200px) { .col-xl-1 { width: 8.33334%; } .col-xl-2 { width: 16.66667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.33333%; } .col-xl-5 { width: 41.66667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.33334% } .col-xl-8 { width: 66.66667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.33333%; } .col-xl-12 { width: 100%; } }
@media screen and (min-width: 1400px) { .col-xxl-1 { width: 8.33334%; } .col-xxl-2 { width: 16.66667%; } .col-xxl-3 { width: 25%; } .col-xxl-4 { width: 33.33333%; } .col-xxl-5 { width: 41.66667%; } .col-xxl-6 { width: 50%; } .col-xxl-7 { width: 58.33334% } .col-xxl-8 { width: 66.66667%; } .col-xxl-9 { width: 75%; } .col-xxl-10 { width: 83.33333%; } .col-xxl-12 { width: 100%; } }

/* VERTICAL ALIGN */
.columns-va-center { align-items: center; }
.col-va-center { align-self: center; }
.col-va-bottom { align-self: flex-end; }

/* COLUMNS PADDING */
.columns-p-30, .columns-p-30 > * { padding: 15px; }
.columns-p-60, .columns-p-60 > * { padding: 30px; }
.columns-p-90, .columns-p-90 > * { padding: 45px; }
@media screen and (max-width: 1000px)
{
	.columns-p-90, .columns-p-90 > * { padding: 30px; }
}
@media screen and (max-width: 600px)
{
	.columns-p-60, .columns-p-60 > * { padding: 15px; }
	.columns-p-90, .columns-p-90 > * { padding: 15px; }
}

/* COLUMNS GAP */
.columns-gap-15 { margin: -7.5px; }
.columns-gap-15 > * { padding: 7.5px; }
.columns-gap-30 { margin: -15px; }
.columns-gap-30 > * { padding: 15px; }
.columns-gap-60 { margin: -30px; }
.columns-gap-60 > * { padding: 30px; }
.columns-gap-90 { margin: -45px; }
.columns-gap-90 > * { padding: 45px; }
@media screen and (max-width: 1000px)
{
	.columns-gap-90 { margin: -30px; }
	.columns-gap-90 > * { padding: 30px; }
}
@media screen and (max-width: 600px)
{
	.columns-gap-60 { margin: -15px; }
	.columns-gap-60 > * { padding: 15px; }
	.columns-gap-90 { margin: -15px; }
	.columns-gap-90 > * { padding: 15px; }
}

/* PADDING */
.p-30 { padding: 30px; }
.p-60 { padding: 60px; }
.p-90 { padding: 90px; }
@media screen and (max-width: 1000px)
{
	.p-90 { padding: 60px; }
}
@media screen and (max-width: 600px)
{
	.p-60 { padding: 30px; }
	.p-90 { padding: 30px; }
}

/* MARGIN */
.mt-30 { margin-top: 30px; }
.mt-inner-15 > * + * { margin-top: 15px; }
.mt-inner-30 > * + * { margin-top: 30px; }
.mt-inner-60 > * + * { margin-top: 60px; }
.mt-inner-90 > * + * { margin-top: 90px; }
@media screen and (max-width: 1000px)
{
	.mt-inner-90 > * + * { margin-top: 60px; }
}
@media screen and (max-width: 600px)
{
	.mt-inner-60 > * + * { margin-top: 30px; }
	.mt-inner-90 > * + * { margin-top: 30px; }
}

/* FORMATTING */
.bolder { font-weight: bolder; }
.italic { font-style: italic; }
.ta-left { text-align: left; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }
.ta-justify { text-align: justify; }

/*******************************************************************************
/*******************************************************************************
	HEADER
/*******************************************************************************
/******************************************************************************/

#header { font-size: 16px; line-height: 16px; }
#header .ltn .nav ul, #header .ltn .nav li { padding: 0px; margin: 0px; list-style: none; }
#header .ltn .nav a { color: #000; transition: color 0.2s ease; }
#header .ltn .nav > ul > li.current-menu-item > a, #header .ltn .nav a:hover { color: #ED1C24; }
#header .ltn .nav > ul > li > ul li.tutti > a { display: inline-block; border: 1px solid #ddd; padding: 5px 10px; border-radius: 5px; transition: border-color 0.2s ease; }
#header .ltn .nav > ul > li > ul li.tutti:hover > a { border-color: #ED1C24; }

/* CERCA */
#header .ltn .nav > ul > li.menu-item-search { padding: 5px 5px; }
#header .ltn .nav > ul > li.menu-item-search > a { padding: 10px 15px; background: #eee; border-radius: 15px; }
@media screen and (min-width:1100px) { #header .ltn .nav > ul > li.menu-item-search > a span { display: none; } }

/**********************************************************
	DESKTOP
/*********************************************************/

@media screen and (min-width:1100px)
{
	/* LAYOUT */
	#header { padding: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); display: flex; justify-items: center; }
	#header a.logo { display: block; flex-shrink: 0; }
	#header a.logo img { display: block; width: 100%; height: auto; }
	#header .toggler-open { display: none; }
	#header .ltn { flex-grow: 1; }
	#header .ltn a.logo { display: none; }
	#header .ltn .toggler-close { display: none; }
	#header .ltn .nav { width: 100%; }
	
	/* NAV LIVELLO 1 */
	#header .ltn .nav > ul { text-align: right; }
	#header .ltn .nav > ul > li { display: inline-block; }
	#header .ltn .nav > ul > li > a { display: block; font-size: 15px !important; padding: 15px 10px; font-weight: bolder; text-transform: uppercase; }
	#header .ltn .nav > ul > li.etichetta-responsive {  }
	#header .ltn .nav > ul > li.c2a:first-child { display: none; }
	#header .ltn .nav > ul > li.c2a { padding: 5px 5px; }
	#header .ltn .nav > ul > li.c2a > a { padding: 10px 15px; background: #FFD530; border-radius: 15px; }
	
	/* NAV LIVELLO 1 - PADRI */
	#header .ltn .nav > ul > li.menu-item-has-children > a::after {
		content: '';
		display: inline-block;
		width: 0.6em;
		height: 0.6em;
		margin-left: 0.3em;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 2l3 3-3 3' fill='none' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
		transition: transform 0.3s ease;
		transform: rotate(0deg);
	}
	#header .ltn .nav > ul > li.menu-item-has-children:hover > a::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 2l3 3-3 3' fill='none' stroke='%23ED1C24' stroke-width='2'/%3E%3C/svg%3E");
		transform: rotate(90deg);
	}

	/* NAV LIVELLO 2 */
	#header .ltn .nav > ul > li { position: relative; }
	#header .ltn .nav > ul > li > ul {
		opacity: 0; visibility: hidden; transition: opacity 0.2s ease; display: flex;
		position: absolute; z-index: 9999999999; top: 100%; left: 50%; transform: translateX(-50%); 
		background: white; text-align: center; box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
		border-top: 3px solid #FFD530; border-radius: 5px;
	}
	#header .ltn .nav > ul > li > ul { flex-direction: column; padding: 10px 20px; }
	#header .ltn .nav > ul > li > ul > li { width: 200px; }
	#header .ltn .nav > ul > li > ul > li a { display: block; padding: 9px 10px; }
	
	/* NAV LIVELLO 2 - APERTURA */
	#header .ltn .nav > ul > li:hover > ul { opacity: 1; visibility: visible; }
	
	/* NAV LIVELLO 2 - PADRE DI 2 LIVELLI */
	#header .ltn .nav > ul > li > ul:has(ul) { flex-direction: row; padding: 0px 10px; }
	#header .ltn .nav > ul > li > ul:has(ul) > li { padding: 10px; }
	#header .ltn .nav > ul > li > ul:has(ul) > li > a { font-weight: bolder; text-transform: uppercase; color: #000000 !important; border-bottom: 1px solid #dddddd; }
}

/**********************************************************
	"HOME" NASCOSTA
/*********************************************************/

@media screen and (min-width:1100px) and (max-width:1160px)
{
	#header .ltn .nav #menu-item-887 { display: none; }
}

/**********************************************************
	DESKTOP STRETTO
/*********************************************************/

@media screen and (min-width:1100px) and (max-width:1350px)
{
	#header { font-size: 14px; line-height: 14px; }
	#header .ltn .nav > ul > li > a { padding: 10px; }
	#header .ltn .nav > ul > li.etichetta-responsive span { display: none; }
}

/**********************************************************
	MOBILE
/*********************************************************/

@media screen and (max-width:1099px)
{
	/* LAYOUT */
	#header { padding: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); display: flex; justify-items: center; }
	#header a.logo { display: block; width: 100%; margin-right: 20px; }
	#header a.logo img { display: block; width: 100%; height: auto; }
	#header .toggler-open { width: 32px; height: 32px; flex-shrink: 0; margin-left: auto; }
	#header .toggler-open svg { width: 100%; height: 100%; }
	
	/* LTN LAYOUT */
	#header .ltn {
		position: fixed; top: 0; right: 0; z-index: 9999999; 
		width: 100%; height: 100%; overflow-y: auto;
		transform: translateX(-100%); transition: transform 0.3s ease;
		background: white;
	}
	#header .ltn.opened { transform: translateX(0); }
	.body-no-scroll { overflow: hidden; height: 100vh; }
	#header .ltn .lt { display: flex; padding: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); }
	#header .ltn .lt .toggler-close { flex-shrink: 0; width: 32px; height: 32px; margin-left: auto; }
	#header .ltn .lt .toggler-close svg { width: 100%; height: 100%; }
	
	/* NAV */
	#header .ltn .nav { clear: both; width: 100%; padding: 20px 20px 50px; }
	#header .ltn .nav a { display: block; padding: 5px 0px; }
	#header .ltn .nav > ul > li.c2a { display: none; }
	#header .ltn .nav > ul > li.c2a:first-child { display: block; }
	#header .ltn .nav > ul > li.c2a > a { padding: 10px 15px; background: #FFD530; border-radius: 15px; }
	#header .ltn .nav ul ul { padding-left: 20px; }
	#header .ltn .nav > ul > li:has(ul ul) > a { display: none; }
	#header .ltn .nav > ul > li + li, #header .ltn .nav li.menu-item-has-children { margin-top: 20px; }
	#header .ltn .nav > ul > li > a, #header .ltn .nav li.menu-item-has-children > a { text-transform: uppercase; font-weight: bolder; }
	#header .ltn .nav ul ul:has(ul) { padding-left: 0px !important; }
	
}

/**********************************************************
	STICKY
/*********************************************************/

body.admin-bar #header { top: 32px; }
@media (max-width: 782px){ body.admin-bar #header { top: 46px; } }
#header { position: fixed; background: #ffffff; width: 100%; top: 0; z-index: 1000; transition: padding .25s ease, box-shadow .25s ease; }
#header a.logo { height: auto; transition: width .25s ease, max-width .25s ease, transform .25s ease, opacity .25s ease; transform-origin: left center; }
body.is-scrolled #header { padding-block: 10px; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
body.is-scrolled #header a.logo { transform: translateZ(0); opacity: .98; }
#page { padding-top: 93px; }

@media screen and (min-width:1100px)
{
	#header a.logo { width: 350px; }
	body.is-scrolled #header a.logo { width: 300px; }
}
@media screen and (min-width:1100px) and (max-width:1350px)
{
	#header a.logo { width: 300px; }
	body.is-scrolled #header a.logo { width: 260px; }
}
@media screen and (max-width:1099px)
{
	#header a.logo { max-width: 350px; }
	body.is-scrolled #header a.logo { max-width: 300px; }
	#header .ltn .lt a.logo { width: calc( 100% - 52px ); }
}

/*******************************************************************************
/*******************************************************************************
	PRIMARY > MAIN + SIDEBAR
/*******************************************************************************
/******************************************************************************/

/* SENZA SIDEBAR */
body.no-sidebar-blog #primary { float: none !important; padding: 50px 20px; width: 100%; margin: 0px; }
body.no-sidebar-blog #main { max-width: 1400px; margin: 0px auto !important; padding: 0px !important; }

/* CON SIDEBAR */
body.sidebar-blog #page { background: white; }
body.sidebar-blog #primary { float: left !important; width: 66%; padding: 50px; }
body.sidebar-blog #secondary { float: right !important; width: 33%; padding: 50px; }
@media screen and (max-width: 900px)
{
	body.sidebar-blog #primary { float: none !important; width: 100%; padding: 20px; }
	body.sidebar-blog #secondary { float: none !important; width: 100%; padding: 20px; }
}

/* SIDEBAR */
#secondary {  }
#secondary .sidebar-c2a { background: #FFD530; padding: 30px; border-radius: 5px; }
#secondary .sidebar-c2a .title { font-size: 32px; line-height: 1.3em; color: black; }
#secondary .sidebar-c2a .action a { display: inline-block !important; font-size: 16px; line-height: 1.3em; font-weight: bolder; background: #FFFFFF; color: black; padding: 10px 20px; border-radius: 20px; font-weight: bolder; text-decoration: none; transition: background-color 0.2s ease; }
#secondary .sidebar-c2a .action a:hover { background: #FFF8E0 !important; }

/* SIDEBAR CATEGORIES */
#secondary #block-19 { padding: 0px; margin: 0px; }
#secondary ul.wp-block-categories-list li.cat-item-1 { display: none; }
#secondary ul.wp-block-categories-list li { padding: 0px; margin: 0px; }
#secondary ul.wp-block-categories-list li:before { display: none; }
#secondary ul.wp-block-categories-list li a { display: block; text-decoration: none; padding: 10px 0px; margin: 0px; border-top: 1px solid #eee; }
#secondary ul.wp-block-categories-list li a:hover { background: #eee; }

/* SIDEBAR SOCIAL */
#secondary #block-31 { padding: 0px; margin: 0px; }

/*******************************************************************************
/*******************************************************************************
	ELEMENTS
/*******************************************************************************
/******************************************************************************/

/* BREADCRUMB */
#breadcrumbs a { color: #ED1C24 !important; }

/* TITOLI GRASSETTATI */
h1, h2, h3, h4, h5, h6 { font-weight: bolder; }

/* PULSANTE */
a.pulsante { display: inline-block !important; background: #FFD530; color: black !important; padding: 10px 20px; border-radius: 20px; font-weight: bolder; transition: color 0.2s ease; text-decoration: none !important; }
a.pulsante:hover { background: #FFD530 !important; color: #ED1C24 !important; }

/* NASCONDO "SENZA CATEGORIA" DA LISTA CATEGORIE PRODOTTI */
.wc-block-product-categories-list .wc-block-product-categories-list-item:has(a[href*="senza-categoria"]) { display: none; }

/* INFO */
#main .woocommerce-info { background-color: #2d8b00; }

/* PRODUCTS HEADER */
#main .woocommerce-products-header { text-align: left; padding: 0px; }

/* RICERCA - SEARCH OVERLAY */
#search-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255,255,255,0.9);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.5s ease, opacity 0.5s ease;
    pointer-events: none;
}
#search-overlay.active { opacity: 1; transform: translateY(0); pointer-events: auto; }
#search-overlay .search-box { text-align: center; }
#search-overlay input[type="search"] { font-size: 1.5rem; padding: 10px; width: 60%; max-width: 700px; }
#search-overlay button { font-size: 1.2rem; padding: 10px 20px; margin-left: 10px; }

/* RICERCA - RISULTATI DI RICERCA */
.risultati-di-ricerca a { display: block; text-decoration: none; padding: 20px; border: 3px solid #ddd; border-radius: 10px; transition: border-color 0.2s ease; }
.risultati-di-ricerca a + a { margin-top: 20px; }
.risultati-di-ricerca a:hover { border-color: #ED1C24; }
.risultati-di-ricerca a h3 { padding: 0px; margin: 0px; color: black; transition: color 0.2s ease; }
.risultati-di-ricerca a p { margin: 10px 0px 0px; padding: 0px; color: black; transition: color 0.2s ease; }
.risultati-di-ricerca a:hover { border-color: #ED1C24; }
.risultati-di-ricerca a:hover h3 { color: #ED1C24; }
.risultati-di-ricerca a:hover p { color: #ED1C24; }

/* OFFERTE: FIXO IL COMPORTAMENTO DEL PLUGIN "ONSALE" */
body.page-id-367 #main .woocommerce-products-header .page-description { display: none; }

/* TERMINE CON FEATURED IMAGE */
#main .woocommerce-products-header:has(img) { display: block; }
#main .woocommerce-products-header:has(img) img { padding: 10px; border: 1px solid #ddd; border-radius: 10px; width: 85px !important; height: 85px !important; max-width: inherit !important; max-height: inherit !important; }
#main .woocommerce-products-header:has(img) h1 {  }
#main .woocommerce-products-header:has(img) .term-description {  }
@media screen and (min-width: 768px)
{
	#main .woocommerce-products-header:has(img) { position: relative; padding-right: 135px; }
	#main .woocommerce-products-header:has(img) img { position: absolute; top: 0px; right: 0px; }
}

/* MARCHI */
.render-marchi a { display: block; width: 100%; max-width: 300px; border: 3px solid #ddd; padding: 20px; border-radius: 10px; transition: border-color 0.2s ease; }
.render-marchi a:hover { border-color: #ED1C24; }
.render-marchi a img { width: 100%; height: auto; }

/* MODULO */
.modulo { }
.modulo .field a { color: #000; }
.modulo .field + .field { margin-top: 30px; }
.modulo .field .label { font-weight: bolder; }
.modulo .field .label p { display: inline; }
.modulo .field.obb .label:after { content: "*"; color: red; margin-left: 3px; }
.modulo input[type="text"], .modulo input[type="number"], .modulo input[type="email"], .modulo textarea { border: 1px solid #ccc; background: white; padding: 5px; border-radius: 5px; width: 100%; max-width: 500px; }
.modulo textarea { height: 100px; }
.modulo input[type="submit"] { border: 0px; font-size: 18px; line-height: 27px; cursor: pointer; }
.modulo input[readonly] { background: #BBBBBB; }
.modulo [data-name="privacy"] .wpcf7-list-item { margin: 0px 5px 0px 0px; }

/* MODULO: NASCONDO "SI" SULLA PRIVACY */
.modulo [data-name="privacy"] .wpcf7-list-item-label { display: none; }

/* CHECK */
ul.check { list-style: none; padding-left: 0; }
ul.check li { position: relative; padding-left: 32px; margin-bottom: 8px; }
ul.check li::before {
	background-color: #2d8b00;
	width: 24px; height: 24px;
	content: ""; position: absolute; left: 0px; top: -1px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m-.232-5.36l5-6l-1.536-1.28l-4.3 5.159l-2.225-2.226l-1.414 1.414l3 3l.774.774z" clip-rule="evenodd"/></svg>') no-repeat center / contain;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m-.232-5.36l5-6l-1.536-1.28l-4.3 5.159l-2.225-2.226l-1.414 1.414l3 3l.774.774z" clip-rule="evenodd"/></svg>') no-repeat center / contain;
}

/* LINKEDIN BUTTON */
.libutton {
	background-color: #0A66C2; color: #ffffff !important;
	text-decoration: none !important; border-radius: 16px;
	padding: 7px 20px; outline: none;
	font-weight: bolder; font-size: 20px; line-height: 1.3em;
}

/* RIQUADRO */
.riquadro { margin: 90px 0px 20px; background: #FFD530; padding: 50px; border-radius: 10px; }
.riquadro a.pulsante { background: #FFFFFF; color: black; }
.riquadro a.pulsante:hover { background: #FFF8E0 !important; }
.riquadro-grigio { margin: 90px 0px 20px; background: #E4E4E4; padding: 50px; border-radius: 10px; }

/* CHI SIAMO */
body.page-id-369 .riquadro { margin: 60px 0px; }
body.page-id-369 .riquadro figure { padding: 0px !important; margin: 0px !important; }
body.page-id-369 .riquadro figure img { border-radius: 10px; }

/* HOME */
body.home h1 { text-align: center; padding: 0px 5% 30px; }
body.home h1 span { display: block; }
body.home h1 span.top {  }
body.home h1 span.bottom { color: #ED1C24; }
body.home #home-introduzione { padding: 0px 5%; margin: 50px; text-align: center; font-size: 24px; line-height: 1.5em; }
body.home h2.home-h2 { margin: 90px 0px 20px; text-transform: uppercase; text-align: center; background: #FFD530; padding: 20px 5%; border-radius: 10px; }
body.home .riquadro.home-richiedi-consulenza .pulsante { font-size: 24px; }
body.home .riquadro.home-chi-siamo { text-align: center; }
body.home .riquadro.home-chi-siamo img { display: block; margin: 0px auto; }
body.home .riquadro.home-chi-siamo .home-chi-siamo-colonne { padding: 30px 0px 20px; border-top: 3px solid rgba(255,255,255,0.5); border-bottom: 3px solid rgba(255,255,255,0.5); margin: 30px 0px; }

/* SHORTCODE CATEGORIE */
.shortcode-categorie { text-align: center; }
.shortcode-categorie a { color: black; text-decoration: none !important; font-weight: bolder; display: inline-block; margin: 10px; border-radius: 10px; border: 3px solid #ddd; padding: 10px 20px; font-size: 20px; line-height: 1.3em; transition: border-color 0.2s ease, colo 0.2s ease; }
.shortcode-categorie a:hover { color: #ED1C24; border-color: #ED1C24; }

/* SOCIAL LINKS */
.shortcode-socials {  }
.shortcode-socials a { display: inline-block; width: 48px; height: 48px; margin-right: 10px; }
.shortcode-socials a svg { width: 100%; height: 100%; }
.shortcode-socials a.facebook { color: #1877F2; }
.shortcode-socials a.instagram { color: #E4405F; }
.shortcode-socials a.linkedin { color: #0A66C2; }
.shortcode-socials a.pinterest { color: #E60023; }
.shortcode-socials a.x { color: #000000; }
.shortcode-socials a.youtube { color: #FF0000; }
.shortcode-socials a.social-links { color: #4A90E2; }

/* FAQ */
.schema-faq > div { border: 1px solid #ddd; border-radius: 10px; padding: 20px; }
.schema-faq > div + div { margin-top: 20px; }
.schema-faq > div strong.schema-faq-question { display: block; font-size: 24px; line-height: 1.3em; color: black; }
.schema-faq > div p.schema-faq-answer { font-size: 18px; line-height: 1.5em; margin: 10px 0px 0px; padding: 0px; }

/* PAGINE COOKIE E PRIVACY */
body.page-id-817 .site-main a { color: #ED1C24 !important; }
body.page-id-107 .site-main a { color: #ED1C24 !important; }

/*******************************************************************************
/*******************************************************************************
	MEZZI SLIDER
/*******************************************************************************
/******************************************************************************/

/* WORKAROUND */
.swiper-slide { height: auto !important; }

/* IN GENERALE */
.mezzi-slider { width:100%; }
.mezzi-slider .swiper-button-prev { color: #ED1C24; }
.mezzi-slider .swiper-button-next { color: #ED1C24; }

/* LAYOUT HOME */
.mezzi-slider.layout-home .swiper-slide { height: 400px; display: flex; }
.mezzi-slider.layout-home .swiper-slide article { border: 1px solid #aaa; border-radius: 10px; height: 100%; margin: 0px 50px; display: flex; align-items: stretch; flex: 1; width: 100%; overflow: hidden; }
.mezzi-slider.layout-home .swiper-slide article .image { flex: 0 0 50%; display: flex; border-right: 1px solid #aaa; }
.mezzi-slider.layout-home .swiper-slide article .image .product-featured-image { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; overflow: hidden; }
.mezzi-slider.layout-home .swiper-slide article .image .product-featured-image img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.mezzi-slider.layout-home .swiper-slide article .image .product-featured-image { position: relative; }
.mezzi-slider.layout-home .swiper-slide article .image .product-featured-image a > img { border: 1px solid #aaa; border-radius: 5px; }
.mezzi-slider.layout-home .swiper-slide article .image .product-featured-image .spot { position: absolute; top: 15px; left: 15px; font-size: 16px; line-height: 16px; }
.mezzi-slider.layout-home .swiper-slide article .image .product-featured-image .spot.spot-evidenza + .spot.spot-offerta { top: 56px; }

.mezzi-slider.layout-home .swiper-slide article .image .product-featured-image .spot { background: #FFD530; padding: 3px 10px; border-radius: 15px; color: black; }
.mezzi-slider.layout-home .swiper-slide article .image .product-featured-image .spot span { position: relative; top: -6px; }

.mezzi-slider.layout-home .swiper-slide article .text { flex: 0 0 50%; padding: 50px; }
.mezzi-slider.layout-home .swiper-slide article .text > * {  }
.mezzi-slider.layout-home .swiper-slide article .text > * + * { margin-top: 15px; }
.mezzi-slider.layout-home .swiper-slide article .text .product-titolo { font-size: 32px; line-height: 1em !important; }
.mezzi-slider.layout-home .swiper-slide article .text .product-titolo a { color: black; font-size: 32px; line-height: 1em !important; font-weight: bolder; text-decoration: none; transition: color 0.2s ease; }
.mezzi-slider.layout-home .swiper-slide article .text .product-titolo a:hover { color: #ED1C24; }
@media (max-width: 1000px) {
	.mezzi-slider.layout-home .swiper-slide { height: inherit; }
	.mezzi-slider.layout-home .swiper-slide article .image .post-image img { height: 400px !important; width: auto !important; }
	.mezzi-slider.layout-home .swiper-slide article .text { padding: 30px; }
	.mezzi-slider.layout-home .swiper-slide article .text > * + * { margin-top: 10px; }
	.mezzi-slider.layout-home .swiper-slide article .text .product-titolo { font-size: 28px; }
	.mezzi-slider.layout-home .swiper-slide article .text .product-prezzo { font-size: 28px; }
}
@media (max-width: 768px) {
	.mezzi-slider.layout-home .swiper-button-prev { display: none; }
	.mezzi-slider.layout-home .swiper-button-next { display: none; }
	.mezzi-slider.layout-home .swiper-slide article { margin: 0px; flex-direction: column; }
	.mezzi-slider.layout-home .swiper-slide article .image { border-right: none; border-bottom: 1px solid #aaa; }
}

/* LAYOUT ARCHIVE */
.mezzi-slider.layout-archive .swiper-slide * { text-decoration: none; }
.mezzi-slider.layout-archive .swiper-slide { display:flex; }
.mezzi-slider.layout-archive .product{ display:flex; flex-direction:column; height: 100%; }

/*******************************************************************************
/*******************************************************************************
	PRODOTTO - SINGOLO (E QUINDI ANCHE LISTA!)
/*******************************************************************************
/******************************************************************************/

body.single-product .product { padding: 30px 0px; }

/* FOTO */
.product .product-featured-image { position: relative; }
.product .product-featured-image a > img { border: 1px solid #ddd; border-radius: 5px; }
.product .product-featured-image .spot { position: absolute; top: 15px; left: 15px; font-size: 16px; line-height: 16px; }
.product .product-featured-image .spot.spot-evidenza + .spot.spot-offerta { top: 56px; }

/* FOTO - OFFERTA E EVIDENZA A ICONA */
.product .product-featured-image .spot { background: #FFD530; padding: 3px 10px; border-radius: 15px; color: black; }
.product .product-featured-image .spot span { position: relative; top: -6px; }

/* GALLERY */
.product .product-gallery {  }
.product .product-gallery img { border: 1px solid #ddd; border-radius: 5px; }

/* TITOLO, SOTTOTITOLO, MARCHIO */
.product .product-titolo { font-size: 38px; line-height: 1.3em; }
.product .product-titolo span { display: block; font-size: 18px; line-height: 1.3em; text-transform: uppercase; color: #777; }
.product .product-sottotitolo { font-size: 18px; line-height: 1.3em; }
.product .product-marchio a { border: 1px solid #ddd; display: block; width: 85px; height: 85px; background: white; padding: 10px; border-radius: 10px; }
.product .product-marchio a:hover { border-color: #ED1C24; }
.product .product-marchio a img { display: block; width: 100%; height: auto; }

/* ATTRIBUTI */
.product .product-attributi { margin: 30px 0px; padding: 30px 0px; text-align: center; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.product .product-attributi a { display: block; color: #777777; }
.product .product-attributi a .icona { width: 48px; height: 48px; margin: 0px auto 5px; color: red; }
.product .product-attributi a .icona svg { width: 100%; height: 100%; }
.product .product-attributi a .icona svg path { fill: #777777 !important; }
.product .product-attributi a .valore { font-weight: bolder; }
.product .product-attributi a:hover { color: #ED1C24; }
.product .product-attributi a:hover .icona svg path { fill: #ED1C24 !important; }
.product .product-attributi a:hover .valore { color: #ED1C24; }

/* ANTICIPO, DURATA, KILOMETRI, PREZZO, PREVENTIVO */
.product .product-anticipo { font-size: 20px; line-height: 1em; font-weight: bolder; }
.product .product-durata-kilometri { font-size: 20px; line-height: 1em; font-weight: bolder; }
.product .product-prezzo { font-size: 38px; line-height: 1em; font-weight: bolder; }
.product .product-prezzo .prezzo {  }
.product .product-prezzo .prezzo .valore {  }
.product .product-prezzo .prezzo .valuta {  }
.product .product-prezzo .mese { font-size: 18px; line-height: 1.3em; }
.product .product-prezzo-offerta .prezzo-regolare { color: #777; text-decoration: line-through; }
.product .product-prezzo-offerta .prezzo-offerta {  }
.product .product-c2a a { display: inline-block !important; background: #FFD530; color: black; padding: 10px 20px; border-radius: 20px; font-weight: bolder; }
.product .product-c2a a:hover { background: #FFD530 !important; color: #ED1C24 !important; }

/* DESCRIZIONE */
.product .product-descrizione { font-size: 20px; line-height: 1.5em; padding: 20px; border-radius: 10px; border: 1px solid #ddd }
.product .product-descrizione > * { margin: 0px !important; }
.product .product-descrizione > * + * { margin-top: 15px !important; }

/* SCHEDA */
.product .product-scheda { background: #E4E4E4; padding: 20px; border-radius: 10px; }
.product .product-scheda ul { margin-left: 20px; padding-top: 10px; }
.product .product-scheda ul li { font-size: 20px; line-height: 1.3em; margin-top: 20px; }
.product .product-scheda ul.check { margin-left: 0px; }
.product .product-scheda ul.check li { padding-left: 38px; }
.product .product-scheda ul.check li::before { width: 32px; height: 32px; }
.product .product-scheda a { color: black; text-decoration: underline; transition: color 0.2s ease; }
.product .product-scheda a:hover { color: #ED1C24; }
@media screen and (max-width: 600px) { .product .product-scheda { padding: 10px; } }

/* C2A 2 */
.product .product-c2a-2 { text-align: center; }

/* CORRELATI */
.product .product-correlati { margin-top: 90px; }
.product .product-correlati h2.titolo a { color: #333333; font-weight: bolder; text-decoration: underline; }
.product .product-correlati h2.titolo a:hover { color: #ED1C24; }
.product .product-correlati .related.products h2 { display: none; }

/*******************************************************************************
/*******************************************************************************
	PRODUCTS LISTA
/*******************************************************************************
/******************************************************************************/

/* TRASFORMO LISTA WOOCOMMERCE IN FLEX */
#main ul.products, #main ul.products li { padding: 0px; margin: 0px; list-style: none; float: none; }
#main ul.products { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; }
#main ul.products li { width: calc(33.333% - 30px) !important; margin: 15px; }
@media screen and (max-width: 900px) { #main ul.products li { width: calc( 50% - 30px ) !important; } }
@media screen and (max-width: 600px) { #main ul.products li { width: 100% !important; } }

/* A */
.products .product a {
	color: #000; height: 100%;
	display: block; border: 3px solid #DDD; border-radius: 5px; padding: 15px;
	transition: border-color 0.2s ease, color 0.2s ease; text-align: center;
}
.products .product a:hover { border-color: #ED1C24; color: #ED1C24; }
.products .product a:hover h2.product-titolo { color: #ED1C24; }

/* FEATURED IMAGE */
.products .product .product-featured-image { height: 250px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.products .product .product-featured-image img { max-height: 100%; max-width: 100%; height: auto; width: auto; }
@media screen and (max-width: 900px) { .products .product .product-featured-image { height: 200px; } }
@media screen and (max-width: 600px) { .products .product .product-featured-image { height: 200px; } }
.products .product .product-featured-image .spot { font-weight: lighter; top: 7px; left: 7px; padding: 5px; font-size: 14px; line-height: 14px; }
.products .product .product-featured-image .spot span { top: -2px; }
.products .product .product-featured-image .spot svg { top: -2px; height: 14px; width: 14px; }
.products .product .product-featured-image .spot.spot-evidenza + .spot.spot-offerta { top: 38px; }

/* TITOLO, SOTTOTITOLO */
.products .product .product-titolo { margin: 15px 0px 0px !important; font-size: 26px; line-height: 1.3em; }
.products .product .product-sottotitolo { margin: 0px; font-size: 18px; line-height: 1.3em; opacity: 0.5; }

/* PREZZO */
.products .product .product-prezzo { margin: 15px 0px 0px; font-size: 24px; line-height: 1em; font-weight: bolder; }
.products .product .product-prezzo .mese { font-size: 14px; line-height: 1.3em; }

/*

/* VISUALIZZA PER *\/
.storefront-sorting { margin: 30px 0px; }
.storefront-sorting form { margin: 0px !important; }
.storefront-sorting .woocommerce-result-count { display: none; }
ul.products + .storefront-sorting { display: none; }



/* A *\/
ul.products li.product a {
	color: #000; height: 100%;
	display: block; border: 3px solid #DDD; border-radius: 5px; padding: 15px;
	transition: border-color 0.2s ease, color 0.2s ease; text-align: center;
}
ul.products li.product a:hover { border-color: #ED1C24; color: #ED1C24; }
ul.products li.product a:hover h2.product-titolo { color: #ED1C24; }

/* FEATURED IMAGE *\/
ul.products li.product .product-featured-image { height: 250px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
ul.products li.product .product-featured-image img { max-height: 100%; max-width: 100%; height: auto; width: auto; }
@media screen and (max-width: 900px) { ul.products li.product .product-featured-image { height: 200px; } }
@media screen and (max-width: 600px) { ul.products li.product .product-featured-image { height: 200px; } }
ul.products li.product .product-featured-image .spot { font-weight: lighter; top: 7px; left: 7px; padding: 5px; font-size: 14px; line-height: 14px; }
ul.products li.product .product-featured-image .spot svg { top: -2px; height: 14px; width: 14px; }
ul.products li.product .product-featured-image .spot.spot-evidenza + .spot.spot-offerta { top: 38px; }

/* TITOLO, SOTTOTITOLO *\/
ul.products li.product .product-titolo { margin: 15px 0px 0px !important; font-size: 26px; line-height: 1.3em; }
ul.products li.product .product-sottotitolo { margin: 0px; font-size: 18px; line-height: 1.3em; opacity: 0.5; }

/* PREZZO *\/
ul.products li.product .product-prezzo { margin: 15px 0px 0px; font-size: 24px; line-height: 1em; font-weight: bolder; }
ul.products li.product .product-prezzo .mese { font-size: 14px; line-height: 1.3em; }

/*******************************************************************************
/*******************************************************************************
	BLOG
/*******************************************************************************
/******************************************************************************/

/* GENERALE */
.post a { color: #ED1C24; }
.post a:hover { color: #FF3C44; }
.post .post-featured-image img { display: block; border-radius: 10px !important; }

/* PREVIEW */
.post-preview { border: 1px solid #E4E4E4; border-radius: 10px; }
.post-preview .text h2 a { font-weight: bolder !important; }
.post-preview .text > * { margin: 0px !important; padding: 0px !important; }
.post-preview .text > * + * + * { margin-top: 20px !important; }
.post-preview .text .post-metadata { font-size: 18px; line-height: 1.3em; }
.post-preview .text .post-metadata > * { margin-top: 10px; }
.post-preview .text .post-content > * { margin: 0px !important; }
.post-preview .text .post-content > * + * { margin-top: 10px !important; }
.post-preview .text .post-content p:has(.more-link) { display: none; }

/* SINGLE */
.post-single > * { margin: 0px !important; padding: 0px !important; }
.post-single > * + * + * { margin-top: 30px !important; }
.post-single .post-metadata { font-size: 22px; line-height: 1.3em; }
.post-single .post-metadata > * { margin-top: 10px; }

/*******************************************************************************
/*******************************************************************************
	FOOTER
/*******************************************************************************
/******************************************************************************/

.footer-block a { text-decoration: none; color: #ED1C24; }
.footer-block a:hover { color: #FF3C44; }

.footer-widget-4 a { font-size: 24px; font-weight: bolder; color: #FFD630 !important; }
.footer-widget-4 a:hover { color: #FFD630 !important; }
.footer-widget-4 .widget > div {  }

/* CONTATTI */
#footer-contatto { background: #FFD530; }
#footer-contatto a { display: inline-block !important; background: #FFFFFF; color: black; padding: 10px 20px; border-radius: 20px; font-weight: bolder; transition: background-color 0.2s ease; }
#footer-contatto a:hover { background: #FFF8E0 !important; }
body.page-id-370 #footer-contatto { display: none; }

/* PARTNERS */
#footer-partners { background: #E4E4E4; }
#footer-partners .partners > img { display: inline-block; width: 200px; height: auto; margin: 30px; }

/* MARCHI */
#footer-marchi { background: #FFFFFF; }
#footer-marchi .marchi .item { display: inline-block; max-width: 150px; margin: 30px; }
#footer-marchi .marchi .item a { display: inline-block; width: 100%; padding: 10px; }
#footer-marchi p a { font-size: 20px; }
body.page-id-427 #footer-marchi { display: none; }

/* FOOTER */
#footer { background: #333; padding: 20px; padding-bottom: 40px; color: white; }
#footer-inside { max-width: 1400px; margin: 0px auto; }
#footer a { color: #DDDDDD; }
#footer a:hover { color: #FFFFFF; }
#footer h2, #footer h3, #footer h4 { color: white; }
#footer .block .widget_block { margin-bottom: 30px; }

/* SUBFOOTER */
#subfooter { background: #000; padding: 30px 5%; color: white; text-align: center; }
#subfooter a { color: #FFFFFF; }
#subfooter a:hover { color: #FFFFFF; }
#subfooter * { margin: 0px; }
#subfooter * + * { margin-top: 5px; }