/** * Framework Super-Fast WP * File mb-style.css * Aggiornato al 30-08-2024 * Incluso da css-lista-mobile.php * Dovrà essere ripartito negli altri file */ /* TITOLI - Color */ .archive h1, .single-product .product-type-simple h1, .single-product .product-type-variable h1, .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-cart .sfn-cart-addons ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title a, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .estratto-prodotti-slick li.product h2.woocommerce-loop-product__title, .estratto-post-slick .estratto h3.boxbase-titolo, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .wc-shop-box-cont h2, /* Carrello: prodotto nel carrello */ .woocommerce-cart .shop_table .product-name a, /* Carrello: cross sells */ .woocommerce-cart .cross-sells h2, /* Carrello: cart notice */ .woocommerce-cart .sfn-cart-addons h2, /* Carrello: totale carrello */ .woocommerce-cart .cart_totals h2, /* Cassa: dettagli fatturazione */ .woocommerce-checkout .woocommerce-billing-fields h3, /* Cassa: dettagli spedizione */ .woocommerce-checkout .woocommerce-shipping-fields h3, /* Cassa: informazioni aggiuntive */ .woocommerce-checkout .woocommerce-additional-fields h3, /* Cassa: condizioni vendita e trattamento dati */ .woocommerce-checkout .checkout-cont-checkbox h4, /* Cassa: il tuo ordine */ .woocommerce-checkout h3#order_review_heading, /* Ordine ricevuto: totale carrello */ .woocommerce-order-received h2.woocommerce-order-details__title, /* Ordine ricevuto: indirizzo fatturazione */ .woocommerce-order-received h2.woocommerce-column__title, /* Cerca */ .search .archive-excerpt article h3 { color: var(--titolopagina-form01-titolo-colore) !important; } /* SOTTOTITOLO PRODOTTO - Color */ .single-product .prodotto-sottotitolo { color: var(--titolopagina-form01-sottotitolo-colore); } /** * BOX POST E PRODOTTI */ /* BOX: TITOLO (line height, margin ecc.) */ .archive h3.entry-title, .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .single-product .related ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-cart .sfn-cart-addons ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title, .estratto-post h3.entry-title a, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .estratto-prodotti-slick li.product h2.woocommerce-loop-product__title, .estratto-post-slick .estratto h3.boxbase-titolo, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title { margin-top: var(--boxbase-titolo-margintop_MB) !important; margin-bottom: var(--boxbase-titolo-marginbottom_MB); padding: 0px; font-size: var(--boxbase-titolo-fontsize) !important; font-weight: var(--boxbase-titolo-fontweight) !important; text-transform: var(--boxbase-titolo-texttransform); line-height: calc( var(--titolopagina-lineheight) * var(--vpx) ); color: var(--boxbase-titolo-color) !important; } .wc-shop-box-cont ul.products li.product h2.woocommerce-loop-category__title { line-height: 125% !important; } /* BOX: SOTTOTITOLO BOX (color) */ .archive .post-sottotitolo, .tax-product_cat .prodotto-sottotitolo, .tax-product_tag .prodotto-sottotitolo, .estratto-prodotti .prodotto-sottotitolo, .estratto-prodotti-slick .prodotto-sottotitolo, .estratto-post-slick .post-sottotitolo, .vista-prodotti .prodotto-sottotitolo, .up-sells ul.products li.product .prodotto-sottotitolo, .cross-sells ul.products li.product .prodotto-sottotitolo, .sfn-cart-addons ul.products li.product .prodotto-sottotitolo, .single-product .prodotto-sottotitolo { color: var(--boxbase-sottotitolo-color); } /* BOX: BORDO E SFONDO */ .archive .archive-box-cont article.archive-excerpt, .estratto-post article, .archive ul.products li.product, .single-product .up-sells ul.products li.product, .single-product .related ul.products li.product, .woocommerce-cart .cross-sells ul.products li.product, .woocommerce-cart .sfn-cart-addons ul.products li.product, .estratto-prodotti ul.products li.product, .estratto-prodotti-slick li.product, .estratto-post-slick .estratto, .vista-prodotti ul.products li.product { border: var(--boxbase-border); background: var(--boxbase-background); } /* TITOLO - Dimensioni */ .archive h1, .single-product .product-type-simple h1, .single-product .product-type-variable h1 { font-size: calc( var(--titolopagina-form01-titolo-fontsize) * var(--vpx) ); } .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .single-product .related ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-cart .sfn-cart-addons ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title a, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .estratto-prodotti-slick li.product h2.woocommerce-loop-product__title, .estratto-post-slick .estratto h3.boxbase-titolo, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .wc-shop-box-cont h2, .search .archive-excerpt article h3 { font-size: calc( var(--boxbase-titolo-fontsize) * var(--vpx) ) !important; } /* BOX - Sottotitolo prodotto */ .archive .post-sottotitolo, .tax-product_cat .prodotto-sottotitolo, .tax-product_tag .prodotto-sottotitolo, .estratto-prodotti .prodotto-sottotitolo, .estratto-prodotti-slick .prodotto-sottotitolo, .estratto-post-slick .post-sottotitolo, .vista-prodotti .prodotto-sottotitolo, .up-sells ul.products li.product .prodotto-sottotitolo, .sfn-cart-addons ul.products li.product .prodotto-sottotitolo, .related ul.products li.product .prodotto-sottotitolo, .cross-sells ul.products li.product .prodotto-sottotitolo { font-size: calc( var(--boxbase-sottotitolo-fontsize) * var(--vpx) ); font-weight: var(--boxbase-sottotitolo-fontweight); text-align: var(--boxbase-textalign); display: block; text-transform: var(--boxbase-sottotitolo-texttransform); margin-bottom: var(--boxbase-sottotitolo-marginbottom_MB); } /* BOX - Padding e spazio sotto */ .archive .archive-box-cont article.archive-excerpt, .estratto-post article, .archive ul.products li.product, .single-product .up-sells ul.products li.product, .single-product .related ul.products li.product, .woocommerce-cart .cross-sells ul.products li.product, .woocommerce-cart .sfn-cart-addons ul.products li.product, .estratto-prodotti ul.products li.product, .estratto-prodotti-slick li.product, .estratto-post-slick .estratto, .vista-prodotti ul.products li.product { padding: var(--boxbase-padding_MB); margin-bottom: var(--boxbase-marginbottom_MB) !important; } /* Eccezione per Search */ .search .archive-excerpt { margin-bottom: var(--boxbase-search-marginbottom_MB) !important; } /* SOTTOTITOLO PRODOTTO - Dimensioni */ .single-product .prodotto-sottotitolo { font-size: calc( var(--sottotitoloprodotto-fontsize) * var(--vpx) ); text-transform: var(--sottotitoloprodotto-texttransform); } /* TITOLO ARCHIVIO */ /* .archive h1 { margin-top: var(--titoloarchivio-margintop_MB); margin-bottom: var(--titoloarchivio-marginbottom_MB); text-align: center; } */ .vistaprodotti h1 { margin-top: var(--titoloarchivio-margintop_MB); margin-bottom: var(--titoloarchivio-marginbottom_MB); text-align: center; } /* TITOLO BOX - Peso e allineamento */ .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .single-product .related ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-cart .sfn-cart-addons ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title a, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .estratto-prodotti-slick li.product h2.woocommerce-loop-product__title, .estratto-post-slick .estratto h3.boxbase-titolo, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .wc-shop-box-cont h2 { font-weight: var(--boxbase-titolo-fontweight) !important; text-align: var(--boxbase-textalign); padding-top: 0px !important; } /* Eccezione per Search */ .search .archive-excerpt article h3 { font-weight: var(--boxbase-titolo-fontweight); text-align: left; margin-bottom: 10px !important; } /* PRODOTTO - Sottotitolo prodotto */ .single-product .prodotto-sottotitolo { margin-bottom: var(--prodotto-sottotitolo-marginbottom_MB); } /* TITOLO PRODOTTO (semplice e variabile) */ .single-product .product-type-simple h1, .single-product .product-type-variable h1 { margin-bottom: 10px; } @media (min-width: 320px) and (max-width: 767.98px) { /* CONTENITORE DI TUTTI I BOX */ .archive .archive-box-cont, .estratto-post, .archive ul.products, .single-product .up-sells ul.products, .single-product .related ul.products, .woocommerce-cart .woocommerce .cross-sells, .woocommerce-cart .woocommerce .sfn-cart-addons, .estratto-prodotti, .estratto-prodotti-slick, .estratto-post-slick, .vista-prodotti { margin-bottom: 30px; } /* TITOLO BOX - Peso e allineamento */ .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .single-product .related ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-cart .sfn-cart-addons ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title a, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .estratto-prodotti-slick li.product h2.woocommerce-loop-product__title, .estratto-post-slick .estratto h3.boxbase-titolo, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .wc-shop-box-cont h2 { } /* Eccezione per Search */ .search .archive-excerpt article h3 { display: inline-block; } } @media (min-width: 768px) and (max-width: 1199.98px) { /* CONTENITORE DI TUTTI I BOX */ .archive .archive-box-cont, .estratto-post, .archive ul.products, .single-product .up-sells ul.products, .single-product .related ul.products, .woocommerce-cart .woocommerce .cross-sells, .woocommerce-cart .woocommerce .sfn-cart-addons, .estratto-prodotti, .estratto-prodotti-slick, .estratto-post-slick, .vista-prodotti { margin-bottom: 30px; } /* TITOLO BOX - Peso e allineamento */ .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .single-product .related ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-cart .sfn-cart-addons ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title a, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .estratto-prodotti-slick li.product h2.woocommerce-loop-product__title, .estratto-post-slick .estratto h3.boxbase-titolo, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .wc-shop-box-cont h2 { margin-top: 0px !important; } } @media (min-width: 1200px) { /* CONTENITORE DI TUTTI I BOX */ .archive .archive-box-cont, .estratto-post, .archive ul.products, .single-product .up-sells ul.products, .single-product .related ul.products, .woocommerce-cart .woocommerce .cross-sells, .woocommerce-cart .woocommerce .sfn-cart-addons, .estratto-prodotti, .estratto-prodotti-slick, .estratto-post-slick, .vista-prodotti { margin-bottom: 50px; } /* TITOLO BOX - Peso e allineamento */ .archive h3.entry-title a, .archive #primary ul.products h2.woocommerce-loop-product__title, .single-product .up-sells ul.products li h2.woocommerce-loop-product__title, .single-product .related ul.products li h2.woocommerce-loop-product__title, .woocommerce-cart .cross-sells ul.products li.product h2.woocommerce-loop-product__title, .woocommerce-cart .sfn-cart-addons ul.products li.product h2.woocommerce-loop-product__title, .estratto-post h3.entry-title a, .estratto-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .estratto-prodotti-slick li.product h2.woocommerce-loop-product__title, .estratto-post-slick .estratto h2.boxbase-titolo, .vista-prodotti ul li.product .woocommerce-LoopProduct-link h2.woocommerce-loop-product__title, .wc-shop-box-cont h2 { margin-top: 0px !important; } } /** * FOTO E MINIATURE - Bordo */ .archive .archive-excerpt img, .estratto-post article img, .archive ul.products li.product img, .single .immagine-evidenza .post-thumbnail img, .page .immagine-evidenza .post-thumbnail img, .woocommerce div.product .wp-post-image, .single-product .up-sells ul.products li img, .single-product .related ul.products li img, .woocommerce-cart .cross-sells ul.products li img, .woocommerce-cart .sfn-cart-addons ul.products li img, .estratto-prodotti ul.products li.product img, .estratto-prodotti-slick li.product img, .estratto-post-slick .estratto img, .vista-prodotti ul.products li.product img, .search .immagine-evidenza a img { border: var(--foto-bordo); } /** * IMMAGINE NEL BOX (WP + WC) */ img.attachment-woocommerce_thumbnail, img.attachment-medium, .single-product .related.products img.attachment-woocommerce_thumbnail { margin-bottom: var(--boxbase-foto-marginbottom_MB) !important; display: block; } /** * PULSANTI GENERICI */ /* Stile pulsanti generico */ .pul-01 { background: var(--pulsantebase-sfondo-colore) !important; color: var(--pulsantebase-color) !important; font-weight: var(--pulsantebase-fontweight) !important; } .pul-02 { background: var(--pulsantebase-due-sfondo-colore) !important; color: var(--pulsantebase-due-color) !important; font-weight: var(--pulsantebase-fontweight) !important; } .pul-S { font-size: calc( var(--pulsantebase-small-fontsize) * var(--vpx) ) !important; padding: var(--pulsantebase-small-padding_MB) !important; border-radius: var(--pulsantebase-borderradius) !important; } .pul-01 span, .pul-02 span { color: var(--bianco) !important; } /** * PULSANTI BOX */ /* PULSANTE - Dimensioni */ .archive article.archive-excerpt .pulsante, .estratto-post article.archive-excerpt .pulsante, .pagina-categoria ul.products li .pulsante, .estratto-prodotti ul.products li .pulsante, .estratto-prodotti-slick li .pulsante, .estratto-post-slick .estratto .pulsante, .vista-prodotti ul.products li .pulsante, .single-product .up-sells ul.products li .pulsante, .single-product .related ul.products li .pulsante, .woocommerce-cart .cross-sells ul.products li.pulsante, .woocommerce-cart .sfn-cart-addons ul.products li.pulsante { font-size: calc( var(--pulsantebase-fontsize) * var(--vpx) ); cursor: pointer; border: var(--pulsantebase-border); border-radius: var(--pulsantebase-borderradius); text-transform: uppercase; } /* PULSANTE - Allineamento */ .archive article.archive-excerpt .cont-pulsante, .estratto-post article.archive-excerpt .cont-pulsante, .pagina-categoria ul.products li, .estratto-prodotti ul.products li, .estratto-prodotti-slick li, .estratto-post-slick .estratto, .vista-prodotti ul.products li, .single-product .up-sells ul.products li, .single-product .related ul.products li, .woocommerce-cart .cross-sells ul.products li, .woocommerce-cart .sfn-cart-addons ul.products li { text-align: var(--boxbase-textalign); } /* PULSANTE - Colore */ .archive article.archive-excerpt .cont-pulsante .pulsante, .estratto-post article.archive-excerpt .cont-pulsante .pulsante, .pagina-categoria ul.products li .pulsante, .estratto-prodotti ul.products li .pulsante, .estratto-prodotti-slick li .pulsante, .estratto-post-slick .estratto .pulsante, .vista-prodotti ul.products li .pulsante, .single-product .up-sells ul.products li .pulsante, .single-product .related ul.products li .pulsante, .woocommerce-cart .cross-sells ul.products li .pulsante, .woocommerce-cart .sfn-cart-addons ul.products li .pulsante { background: var(--pulsantebase-sfondo-colore) !important; color: var(--pulsantebase-color) !important; } /** * TITOLI WOOCOMMERCE */ /* Carrello: cross sells */ .woocommerce-cart .cross-sells h2, /* Carrello: titolo */ .woocommerce-cart h1, /* Carrello: cart notice */ .woocommerce-cart .sfn-cart-addons h2, /* Carrello: totale carrello */ .woocommerce-cart .cart_totals h2, /* Cassa: titolo */ .woocommerce-checkout h1, /* Cassa: dettagli fatturazione */ .woocommerce-checkout .woocommerce-billing-fields h3, /* Cassa: dettagli spedizione */ .woocommerce-checkout .woocommerce-shipping-fields h3, /* Cassa: informazioni aggiuntive */ .woocommerce-checkout .woocommerce-additional-fields h3, /* Cassa: condizioni vendita e trattamento dati */ .woocommerce-checkout .checkout-cont-checkbox h4, /* Cassa: il tuo ordine */ .woocommerce-checkout h3#order_review_heading, /* Ordine ricevuto: totale carrello */ .woocommerce-order-received h2.woocommerce-order-details__title, /* Ordine ricevuto: indirizzo fatturazione */ .woocommerce-order-received h2.woocommerce-column__title { font-size: calc( var(--titolopagina-form01-titolo-fontsize) * var(--vpx) ); padding: 0px !important; } /* Carrello: cross sells */ .woocommerce-cart .cross-sells h2, /* Carrello: cart notice */ .woocommerce-cart .sfn-cart-addons h2, /* Carrello: totale carrello */ .woocommerce-cart .cart_totals h2, /* Cassa: dettagli fatturazione */ .woocommerce-checkout .woocommerce-billing-fields h3, /* Cassa: dettagli spedizione */ .woocommerce-checkout .woocommerce-shipping-fields h3, /* Cassa: informazioni aggiuntive */ .woocommerce-checkout .woocommerce-additional-fields h3, /* Cassa: condizioni vendita e trattamento dati */ .woocommerce-checkout .checkout-cont-checkbox h4, /* Cassa: il tuo ordine */ .woocommerce-checkout h3#order_review_heading, /* Ordine ricevuto: totale carrello */ .woocommerce-order-received h2.woocommerce-order-details__title, /* Ordine ricevuto: indirizzo fatturazione */ .woocommerce-order-received h2.woocommerce-column__title { margin-bottom: 10px !important; } /* Carrello: titolo */ .woocommerce-cart h1, /* Cassa: titolo */ .woocommerce-checkout h1 { margin-bottom: 24px !important; /*10*/ } /* Pulsanti sotto titolo e sottotitolo */ #mobile-main #mobile-content button { margin: 10px 20px 20px 0px; }