/**
 * PAGINA FAQ: regola lo scorrimento in basso ed evita che il testo di arrivo sia tagliato in alto
 */
.pagina-faq a[name] { 
    scroll-margin-top: 125px;
}
/*Distanzio i link su mobile*/
.pagina-faq #wrapper.mobile p.link-domande-frequenti a {display: block; padding-bottom: 1px !important;}



/**
 * SCROLL FLUIDO
 */
html {
    scroll-behavior: smooth;
}



/*
 * WOOCOMMERCE CART NOTICES
 */
.woocommerce-cart-notice { background: #f6f6f6 !important; display: flex; align-items: center; justify-content: center; color: red; border: 2px var(--col1) dashed !important; }
.woocommerce-cart-notice a.button { margin-left: 20px; background: var(--col1); color: white !important; }
.woocommerce-cart-notice::before { display: none !important; }



/*********************/
/* ARROWDOWN-CSS.PHP */
/*********************/

/* FRECCIA ARROW DOWN ANIMATA */
body .arrows {
  position: absolute;
  bottom: 30%;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  z-index: 999;
}
body .arrows:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 25px solid rgba(255, 255, 255, 1.0);
  border-bottom: 25px solid rgba(255, 255, 255, 1.0);
  transform: translate(25px, 100px) rotate(-45deg);
  animation: arrows 3s linear infinite;
}
body .arrows:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 25px solid rgba(255, 255, 255, 1.0);
  border-bottom: 25px solid rgba(255, 255, 255, 1.0);
  transform: translate(53px, 0px) rotate(-45deg);
  animation: arrows 3s linear infinite -1.5s;
}

@keyframes arrows {
  0% {
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transform: translate(-13px, -66px) rotate(-45deg); /* Seconda cifra: distanza tra le frecce */
  }
  10%, 90% {
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
  50% {
    border-left: 10px solid rgba(255, 255, 255, 1.0);
    border-bottom: 10px solid rgba(255, 255, 255, 1.0);
    transform: translate(-13px, 0px) rotate(-45deg);
  }
  100% {
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transform: translate(-13px, 66px) rotate(-45deg); /* Seconda cifra: distanza tra le frecce */
  }
}
/* Fine freccia arrow down animata */










/*
 * COMMON / COMMENTI-RECENSIONI.CSS
 * Tema: Superfast WP
 * A sito pubblicato deve essere riportato in common.css
 * Aggiornato il: 07-06-2022
 *
*/

/************/
/* COMMENTI */
/************/

/* Metto le etichette sopra i campi */
#comments .comment-form-comment label, 
#comments .comment-form-author label, 
#comments .comment-form-email label, 
#comments .comment-form-url label { display: block; }

#comments #respond textarea, #comments #respond input { width: 100%; border: 1px #CCCCCC solid; }
/* #comments .comment-form-cookies-consent { display: none !important; } */

#comments .comment-form-cookies-consent #wp-comment-cookies-consent { width: 20px; display: inline; margin: 0px; }
#comments .comment-form-cookies-consent label { font-size: 13px; }
#comments .form-submit input { 
	max-width: 200px; padding: 10px 20px 10px 20px; cursor: pointer; border: 0px; background: #2573D2; color: white; text-transform: uppercase; 
}
#comments .form-submit input:hover { background: #123764; color: white; }

/* Formatto commenti, risposte e pulsanti */
#comments { background: #EEEEEE; padding: 30px; }
#comments h4.comments-title { margin-top: 10px !important; }
#comments ol.comment-list li.parent { border-top: 1px #CCCCCC solid; padding-top: 10px; padding-bottom: 10px; }
#comments ol.comment-list { padding-left: 20px; }
#comments ol.comment-list li time { font-size: 12px; color: #666666; }
#comments ol.comment-list li article .reply { margin-top: -15px; margin-bottom: 10px; }

/**************/
/* RECENSIONI */
/**************/

/* Box recensione */
.woocommerce #reviews #comments h2.woocommerce-Reviews-title { font-size: 18px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0px !important; }
.woocommerce #reviews #comments ol.commentlist { padding: 0px !important; }

.single-product #reviews #comments { 
	padding: 10px 30px 10px 30px !important; background: #EEEEEE !important; border: 1px #CCCCCC solid; margin-bottom: 30px; 
}

/* Ripristina il font STAR che riproduce le stelle delle recensioni se esso è stato overriden (body *) */
.archive .star-rating span, .estratto-prodotti .star-rating span, .single-product .star-rating span { font-family: star !important; color: #F6B900 !important; }

/* Allineo e rendo uguali le stelline sotto e sopra */
.archive .star-rating span, .archive .star-rating::before, 
.estratto-prodotti .star-rating span, .estratto-prodotti .star-rating::before { font-size: 13px !important;  }

.archive ul.products li.product .star-rating, .estratto-prodotti ul.products li.product .star-rating { padding-bottom: 20px; margin: 0px auto 10px auto; }
.single-product .comment-form-rating a { color: #F6B900 !important; font-size: 27px; margin-right: 10px; }
.single-product #review_form_wrapper #reply-title { font-size: 24px; font-weight: bold; padding-bottom: 10px !important; color: #2573D2; display: block; }
.single-product #reviews #respond textarea#comment { background: #EEEEEE !important; border: 1px #DDDDDD solid; }










/*
 * COMMON / CONTENT.CSS
 * Tema: Superfast WP
 * A sito pubblicato deve essere riportato in common.css
 * Aggiornato il: 07-06-2022
 *
*/

/*******************/
/* LINK IN SIDEBAR */
/*******************/

.linkinsidebar {margin-top: 0px !important; }

.linkinsidebar h3 { font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: normal; 
	line-height: 26px; border-bottom: 1px #999999 dashed !important; padding: 0 0 7px 0 !important; color: #2573D2; }

.linkinsidebar ul {list-style-type: none !important; padding: 0px !important; margin-top: -4px !important; }

.linkinsidebar a {font-size: 16px; color: black !important; }

.linkinsidebar a:hover {font-size: 16px; color: #2573D2 !important; }

.linkinsidebar li {border-bottom: 1px #CCCCCC dashed; padding: 7px 0 7px 0 !important; }



/**********************************************************/
/* GUTENBERG: FIX PER ULTIMA IMMAGINE DA SOLA IN GALLERIA */
/**********************************************************/

.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
  flex-grow: inherit;
}



/*********************************************/
/* Box testo apribile con sfumatura in basso */
/*********************************************/

/* Il restante codice è in common.js e content.css */

.box-testo-sfumato.container { display: flex; justify-content: center; }

.box-testo-sfumato .section {  }

.box-testo-sfumato .readmore { position: relative; max-height: 100px; overflow: hidden; width:auto; border: 1px #DDDDDD solid; padding: 10px; 
	margin-bottom: 30px; transition:max-height 0.00s ease-in; /* Chiusura - 0.15 */
}

.box-testo-sfumato .readmore.expand { max-height: 5000px !important; transition:max-height 2.00s ease-in-out; } /* Apertura - 0.35 */

.box-testo-sfumato .readmore-link { position: absolute; bottom: 0; right: 0; display: block; width:100%; height: 60px; text-align: center; color: #2573D2; 
	font-weight: normal; font-size: 13px; text-transform: uppercase; padding-top:40px; background-image: linear-gradient(to bottom, transparent, white); cursor: pointer; 
}

.box-testo-sfumato .readmore-link.expand { position: relative; background-image: none; padding-top:10px; height:20px; }

.box-testo-sfumato .readmore-link:after { 
	content:"Apri / Open"; background: #2573D2; color: white; padding: 2px 4px 2px 4px; border-radius: 3px; 
}

.box-testo-sfumato .readmore-link.expand:after { 
	content:"Chiudi / Close"; background: #2573D2; color: white; padding: 2px 4px 2px 4px; border-radius: 3px; 
}

.readmore .archive-description { margin-top: -10px; }



/*****************************************/
/* Altezza casella input cambio password */
/*****************************************/
.woocommerce-lost-password span.password-input input { height: 37px; }

/* Fine */










/*
 * COMMON / CTA.CSS
 * Tema: Superfast WP
 * A sito pubblicato deve essere riportato in common.css
 * Aggiornato il: 07-06-2022
 *
*/

/*******************************************/
/* CALL TO ACTION DINAMICHE A FONDO PAGINA */
/*******************************************/

/* CTA 1 */

.cta-contenuto-1 { background: #EEEEEE; padding: 5px; max-width: 600px; margin: 50px auto 30px auto; }

.cta-contenuto-1 .cont-cta-titolo { text-align: center; background: #2573D2; padding: 20px; margin: 20px 20px 0px 20px !important; }

.cta-contenuto-1 .cta-titolo { font-size: 26; color: white; margin: 0px; padding: 0px; font-weight: bold; }

.cta-contenuto-1 .cont-cta-form { padding: 30px 20px 0px 20px !important; }


/* CTA 2 */

.cta-contenuto-2 { background: #EEEEEE; position: relative; max-width: 600px; margin: 70px auto 40px auto !important; }

.cta-contenuto-2 .cont-cta-titolo { top: -20px; left: -20px; position: absolute; width: 600px; 
	text-align: center; background: #2573D2; padding: 10px; border-left: 10px #123764 solid;
}

.cta-contenuto-2 .cta-titolo { font-size: 26; color: white; margin: 0px; padding: 0px; font-weight: bold; }

.cta-contenuto-2 .cont-cta-form { padding-top: 70px !important; }










/*
 * COMMON / FEEDBACK.CSS
 * Tema: Superfast WP
 * A sito pubblicato deve essere riportato in common.css
 * Aggiornato il: 15-02-2022
 *
*/

/************/
/* FEEDBACK */
/************/

@media (min-width: 320px) and (max-width: 767.98px) { .feedback-titolo { font-size: 18px !important; } }
@media (min-width: 768px)    { .feedback-titolo { font-size: 34px !important; } }

.wpforms-feedback textarea { height: 100px !important; }

.pulsante-feedback { position: fixed; right: 0; bottom: 30%; background: green; padding: 10px 3px 10px 3px; writing-mode: vertical-rl; z-index: 9999999; cursor: pointer; 
	border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.pulsante-feedback span { color: white; }

.sotto-contenitore-feedback { display: none; 
}
#feedback-velo { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; z-index: 999999; cursor: pointer; 
}
.feedback-cont { position: absolute; top: 0px; z-index: 999999; margin: 0px auto 0px auto !important; width: 100%; padding: 20px; padding-bottom: 400px; 
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.0)) ); /*(rimosso , color-stop(0.0,#000000))*/
	background-image: -moz-linear-gradient( rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 95% );
}
.feedback-form-cont { max-width: 600px !important; margin: 0px auto 0px auto !important; background: #FFFFFF; padding: 20px; border-radius: 6px; position: relative; 
}
.feedback-form-cont .feedback-form-logo { max-width: 160px !important; }
.feedback-form-cont .feedback-privacy { font-size: 12px; line-height: 100% !important; display: block; }
.feedback-form-cont .feedback-invia, .feedback-invia * { text-align: center !important; }
.feedback-form-cont .feedback-invia input { background: #7A685A !important; }
.feedback-form-cont span.wpcf7-spinner { display: none !important; }
.feedback-form-cont  .feedback-icona-chiudi { position: absolute; right: 20px; top: 20px; z-index: 99999999999; }
.feedback-form-cont  .feedback-icona-chiudi svg polygon { fill: black; }
.feedback-form-cont  .feedback-icona-chiudi svg { width: 27px !important; height: 27px !important; }
#pul-feedback-chiudi { display: none; }










/*
 * COMMON / PULSANTI-QUANTITA.CSS
 * Tema: Superfast WP
 * A sito pubblicato deve essere riportato in common.css
 * Aggiornato il: 09-03-2022
 *
*/

.quantity input::-webkit-outer-spin-button,

.quantity input::-webkit-inner-spin-button { display: none; margin: 0; }

.quantity input.qty { appearance: textfield; -webkit-appearance: none; -moz-appearance: textfield; }

.quantita-prodotto-carrello input { font-size: 16px !important; padding-top: 5px; padding-bottom: 5px; cursor: pointer; }

.quantita-prodotto-carrello .qty_button { border-radius: 0px; border: 0px; }

.quantita-prodotto-carrello .minus { 
	background: #DDDDDD; color: black; width: 30px !important; border: 1px #CCCCCC solid; 
}

.quantita-prodotto-carrello .qty { width: 50px !important; }

.quantita-prodotto-carrello .plus { background: #DDDDDD; color: black; width: 30px !important; border: 1px #CCCCCC solid; }










/*
 * COMMON / TABS.CSS
 * Tema: Superfast WP
 * A sito pubblicato deve essere riportato in common.css
 * Aggiornato il: 07-06-2022
 *
*/

/* Da https://freefrontend.com/css-tabs/ */
/* In questo caso si usano due soli tab anche se il codice ne prevede tre */

#uno-panel iframe { height: 520px; }
#due-panel iframe { height: 980px; }

/* SETTAGGI VARIABILI */

/* Tab attivo */
.tabs-wrapper #uno:checked ~ .tabs #uno-tab, 
.tabs-wrapper #due:checked ~ .tabs #due-tab, 
.tabs-wrapper #tre:checked ~ .tabs #tre-tab { background: #EEEEEE; color: black; border-top: 3px solid #2573D2; }

/* Tab inattivo */
.tabs-wrapper .tab { background: #666666; color: white; }

/* Base tab */
.tabs-wrapper .panels { background: #EEEEEE; min-height: 200px; width: 100%; max-width: 600px; }

/* Adattamento alle form */
#uno-panel, #due-panel { padding-top: 0px !important; }

@media (min-width: 320px) and (max-width: 1199.98px) { #uno-panel, #due-panel { margin-top: -20px !important; } }
@media (min-width: 1200px) { #uno-panel, #due-panel { margin-top: 20px !important; } }


/* Aggiungendo questo codice i tabs vanno a larghezza (quasi) 100% */
/*
.tabs { width: 100%; }
#uno-tab, #due-tab { width: 47%; }
*/

/* SETTAGGI FISSI */
.tabs-wrapper { display: flex; flex-direction: column; align-items: center; }
.tabs-wrapper .tab { cursor: pointer; padding: 10px 20px; margin: 0px 2px; display: inline-block; border-radius: 3px 3px 0px 0px; }
.tabs-wrapper .panels { border-radius: 3px; overflow: hidden; padding: 20px; border-radius: 3px; }
.tabs-wrapper .panel { display: none; animation: fadein .8s; }
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
.tabs-wrapper .panel-title { font-size: 1.5em; font-weight: bold }
.tabs-wrapper .radio { display: none; }
.tabs-wrapper #uno:checked ~ .panels #uno-panel, .tabs-wrapper #due:checked ~ .panels #due-panel, .tabs-wrapper #tre:checked ~ .panels #tre-panel { display: block; }










/*
 * COMMON / TOP-TEXT-SLIDER.CSS
 * Tema: Superfast WP
 * A sito pubblicato deve essere riportato in common.css
 * Aggiornato il: 07-06-2022
 *
*/

/*
Nel CSS mobile va aggiunto:
#mobile-outer-header { top: 20px; }
#mobile-outer-main { margin-top: 100px; }
.text-slider-wrapper { position: fixed !important; z-index: 999 !important; }
*/

.text-slider-wrapper {
	width: 100%; 
	font-family: 'Roboto', sans-serif; 
	font-size: 12px; 
	color: white; 
	font-weight: bold; 
	text-transform: uppercase; 
	display: block !important; 
	align-items: center; 
	justify-content: center; 
	background: #2573D2; 
	z-index: 999999; 
}

.text-slider{ height: 20px; padding-left:10px; padding-right:10px; overflow: hidden; } /* L'altezza qui ... */

.text-slider div { 
	color: white; height: 20px; margin-bottom: 20px; padding: 3px 15px; text-align: center; box-sizing: border-box; 
} /* ... va riportata qui ... */

.text-slider-wrapper .text-1 { animation: slide 15s linear infinite; }

.text-slider-wrapper .text-1, .text-slider-wrapper .text-2, .text-slider-wrapper .text-3, .text-slider-wrapper .text-4 { background: transparent; }

@keyframes slide {
	
	/* ... e qui va raddoppiata a ogni step.
	 * Si devono fare gli step per le singole slides e inserire dopo di essi uno step ulteriore col 5% in più per creare una piccola pausa
	 */

/* Codice per 3 slides */

/*
	0% {margin-top:-120px;}

	5% {margin-top:-80px;}
	33% {margin-top:-80px;}

	38% {margin-top:-40px;}
	66% {margin-top:-40px;}

	71% {margin-top:0px;}
	100% {margin-top:0px;}
*/

/*  Codice per 4 slides */

	0% {margin-top:-160px;}

	5% {margin-top:-120px;}
	25% {margin-top:-120px;}

	30% {margin-top:-80px;}
	50% {margin-top:-80px;}

	55% {margin-top:-40px;}
	75% {margin-top:-40px;}

	80% {margin-top:0px;}
	100% {margin-top:0px;}
}










/*
 * COMMON / WOOCOMMERCE.CSS
 * Tema: Superfast WP
 * A sito pubblicato deve essere riportato in common.css
 * Aggiornato il: 07-06-2022
 *
*/

/* Box messaggi (vedi anche sotto) */
.single-product .woocommerce-message::before, 
.woocommerce-cart .woocommerce-message::before, 
.woocommerce-cart .woocommerce-error::before, 
.woocommerce-cart .woocommerce-info::before, 
.tax-product_cat .woocommerce-info::before { color: black; }

.woocommerce-cart .woocommerce-message a { float: left !important; display: block; margin-bottom: 10px; } 



/************************************/
/* UNIFORMO CASELLE TESTO E TENDINE */
/************************************/

/* Carrello -> Codice sconto */
.woocommerce-cart .woocommerce-cart-form .coupon input#coupon_code.input-text { 
	background: #EEEEEE; border: 1px #DDDDDD solid; padding: 5px; color: black; 
}
/* Prodotto -> tendina variazioni */
.single-product .product .variations select { 
	background: #EEEEEE; border: 1px #DDDDDD solid; padding: 5px; color: black; 
}
.single-product .product .variations select option { 
	background: #EEEEEE; border: 1px #DDDDDD solid; padding: 5px; color: black; 
}

/* Prodotto/Carrello -> Quantita */
.quantita-prodotto-carrello .qty { 
	background: #EEEEEE; border: 1px #DDDDDD solid; padding: 5px; color: black; 
}

/* Campi utente */
.woocommerce-account .woocommerce-form-login input, 
.woocommerce-account .woocommerce-form-login select, 
.woocommerce-checkout .woocommerce-form-login input, 
.woocommerce-checkout .woocommerce-form-login select, 
.woocommerce-checkout .woocommerce-billing-fields input, 
.woocommerce-checkout .woocommerce-billing-fields .select2-selection, 
.woocommerce-checkout .woocommerce-billing-fields .input-text, 

.woocommerce-checkout .woocommerce-shipping-fields input, 
.woocommerce-checkout .woocommerce-shipping-fields .select2-selection, 
.woocommerce-checkout .woocommerce-shipping-fields .input-text, 

.woocommerce-checkout .woocommerce-additional-fields textarea { 
	background: #EEEEEE; border: 1px #DDDDDD solid; padding: 8px !important; color: black; border-radius: 0px; 
    font-weight: normal; font-size: 16px; height: 40px; 
}
.woocommerce-checkout .woocommerce-billing-fields .select2-selection { padding: 0px; }

.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox { height: auto !important; }

/* Checkout: correzione checkbox "Remember me */ .woocommerce-form-login .woocommerce-form__input.woocommerce-form__input-checkbox { height: auto !important; }


/*************************/
/* UNIFORMO BOX MESSAGGI */
/*************************/

.woocommerce-cart .woocommerce-message, .woocommerce-checkout .woocommerce-message, 
.woocommerce-cart .woocommerce-error, .woocommerce-checkout .woocommerce-error, 
.woocommerce-cart .woocommerce-info, .woocommerce-checkout .woocommerce-info, .tax-product_cat .woocommerce-info, 
.woocommerce-downloads .woocommerce-Message, .single-product .woocommerce-error, .single-product .woocommerce-message, .tax-product_cat .woocommerce-error {
	background: #EEEEEE; border: 1px #DDDDDD solid; /* word-wrap: normal; */ color: black; font-weight: normal; 
}
.woocommerce-cart .woocommerce-message a, .woocommerce-checkout .woocommerce-message a, 
.woocommerce-cart .woocommerce-error a, .woocommerce-checkout .woocommerce-error a, 
.woocommerce-cart .woocommerce-info a, .woocommerce-checkout .woocommerce-info a {
	color: #2573D2; 
}
.woocommerce-checkout .woocommerce-info::before, .woocommerce-downloads .woocommerce-Message::before { color: #2573D2; } /* Icona box */
.woocommerce-checkout .woocommerce-notice { line-height: 125% !important; }



/************/
/* CARRELLO */
/************/

/* Il tuo carrello è vuoto */
.woocommerce-cart .woocommerce .cart-empty strong code { font-weight: normal; }

/* Totali carrello */
.woocommerce-cart .cart_totals .shop_table * { font-weight: normal; color: black; }

/* Istruzioni di spedizione inserite tramite HOOK */
.cont-carrello-istruzioni-spedizione { text-align: center; margin-bottom: 30px; }
.carrello-istruzioni-spedizione { background: #EEEEEE; padding: 5px 10px 5px 10px; display: inline-block; }



/************/
/* CHECKOUT */
/************/

/* Il tuo ordine */
.woocommerce-checkout #order_review .shop_table tbody *, 
.woocommerce-checkout #order_review .shop_table tfoot * { font-weight: normal !important; }

/* Formatto etichette campi */
.woocommerce-checkout .woocommerce-billing-fields label, 
.woocommerce-checkout .woocommerce-shipping-fields label, 
.woocommerce-checkout .woocommerce-additional-fields label { font-weight: normal; }



/***********/
/* ACCOUNT */
/***********/

/* Link a sx */
.woocommerce .woocommerce-MyAccount-navigation { background: #EEEEEE; padding: 30px; }
.woocommerce .woocommerce-MyAccount-navigation ul li { border-bottom: 1px #999999 dashed; padding-top: 5px; padding-bottom: 5px; }

/* Indirizzi: tolgo italico */
.woocommerce .woocommerce-MyAccount-content address { font-style: normal; }

/* Dettagli ordine: tolgo grassetto */
.woocommerce .woocommerce-order-details table tfoot th, .woocommerce .woocommerce-order-details table tfoot td { font-weight: normal !important; }



/********/
/* HOOK */
/********/
.single-product .cont-hook, .tax-product_cat .woocommerce-error { margin-top: 30px !important; }



.prodotto-origine { 
	font-weight: bold !important; background: #EEEEEE; color: black; border-left: 10px #2573D2 solid; 
    padding: 5px 10px 5px 10px; 
}


/*
 * MINIATURE GALLERIA
 */
/* .single-product .woocommerce-product-gallery .flex-control-thumbs li { width: auto !important; clear: none !important; } */

/*
 * PRODOTTO
 */
.single-product ol.flex-control-thumbs { margin-top: 10px !important; }
.single-product ol.flex-control-thumbs li { margin: 0px 10px 10px 0px !important; }
.single-product ol.flex-control-thumbs li img { border: 1px var(--colbor) solid; }

.single-product #sf_prodotto-variabile-tendinavariazioni-prezzovariabile-e-pulsante .attributi .label { display: block !important; padding-bottom: 5px !important; }