/*
Theme Name: 	Dalpho Theme
Description: 	Responsive Starter WordPress Theme (WooCommerce Ready) with: Minimal Style, 4 Header Style, 2 Menus, 11 Amazing Block Patterns, Trasparent Header Template, WhatsApp Chat, Cool animations, Light and fast, Full Site Editing Template!
Version:     	1.6.9
Author:     	Dalpho.com
Site:         https://www.dalpho.com
Text Domain: 	dalphotheme
Tested up to: 6.1
Requires PHP: 5.6
Domain Path: 	/languages
Tags:        	gdpr, google fonts, onboard fonts, blog, custom-colors, custom-logo, custom-menu, e-commerce, theme-options, translation-ready, block-editor-patterns, block-editor-styles, custom-background, featured-images, footer-widgets, photography, portfolio, wide-blocks, full-site-editing
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

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.
*/


/* ! Reset */
body, html{font-size: 17px; letter-spacing:0.5px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box; margin: 0; padding: 0; scroll-behavior: smooth;/* attiva sroll morbido*/}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0; padding: 0;}
ol,ul{padding-left: 20px;}
img{height: auto; max-width: 100%;}
a{text-decoration: none;}
hr{border:none; /*border-bottom: 1px solid #eee;*/}
body.admin-bar .header {top: 32px; z-index: 1000;}
/* .wp-block, .wp-block-columns {margin-top: 0; margin-bottom: 0;} toglie spazi iniziali tra blocchi */
.zindex10{position: relative; z-index:10;}
.hiddenField{display:none!important;}

/* Applica un limite massimo di larghezza al blocco copertina 
.wp-block-columns,
.wp-block-cover {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
}
.wp-block-columns.alignwide,
.wp-block-cover.alignwide {
    max-width: var(--wp--style--global--wide-size);	
    margin-left: auto;
    margin-right: auto;
}
.wp-block-columns.alignfull,
.wp-block-column.alignfull,
.wp-block-cover.alignfull {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}*/


:root {
    --wp--style--global--content-size: 720px; --wp--style--global--wide-size: 1200px;
	--site-bg: #FFFFFF; --site-text-color: #000; --link-color: #048ea0; 
	--link-color-hover: #105862;  --menu-color: #048ea0; --menu-color-hover: #105862; 
	--site-footer-bg: #222222; --footer-color: #EEEEEE; --border-color: #EEEEEE;}

.zoom .scrim {background-color: #000!important; opacity:0.9!important;} /* color background zoom image gutenberg */

/* Typography */
body{font-size: 16px; background-color: var(--site-bg); color: var(--site-text-color)!important; font-family: 'Barlow'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}
body.custom-background.dark{background-color: var(--site-bg);}
body.menu-open{overflow: hidden;} /*block scrolling when menu is open*/

/* ! Title System */
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, .text-4{font-size: 1.3rem;}
h5, .text-5 {font-size: 1rem;}
h6{font-size: 0.8rem;}
h1, h2, h3, h4, h5, h6, p, ol, ul{margin-bottom: 1rem;line-height: 120%}
/* p, ul, li {font-size: 1rem; line-height: 150%}*/
.overflow-visible {overflow: visible;}
.text-0{font-size: 5rem; line-height: 100%;}
aside.product-sidebar .wc-block-product-categories-list ul li {padding:10px 0 0;}

/* Mostra solo su Desktop (larghezza superiore a 1024px) */
.showDesktop, figure.showDesktop {display: block!important;}
@media (max-width: 1024px) { .showDesktop, figure.showDesktop {display: none!important;} }
/* Mostra solo su Tablet (larghezza compresa tra 768px e 1024px) */
.showTablet, figure.showTablet {display: none!important;}
@media (min-width: 768px) and (max-width: 1024px) { .showTablet, figure.showTablet {display: block!important;} }
/* Mostra solo su Mobile (larghezza inferiore a 768px) */
.showMobile, figure.showMobile {display: none!important;}
@media (max-width: 767px) { .showMobile, figure.showMobile {display: block!important;} }


.fontH{font-family: var(--font-headings), sans-serif!important;}
.fontP{font-family: var(--font-body), sans-serif!important;}

.weight100{font-weight:100!important;}
.weight200{font-weight:200!important;}
.weight300{font-weight:300!important;}
.weight400{font-weight:400!important;}
.weight500{font-weight:500!important;}
.weight600{font-weight:600!important;}
.weight700{font-weight:700!important;}
.weight800{font-weight:800!important;}

.alignwide0 {margin-left:0!important; margin-right:0!important;}
.HoverOpacity:hover {opacity:0.8;}
.listNoPoint{list-style: none;}
.evi a{color:#fff!important; background-color: var(--link-color);border-radius: 100px;padding-left: 20px!important; padding-right: 20px!important;}

@media (min-width: 651px) and (max-width: 1191px) {
  .text-0{font-size: 4rem}
  h1, .text-1{font-size: 3rem;}
}

@media (max-width: 650px) {
  .text-0{font-size: 3rem}
  h1, .text-1{font-size: 2.5rem;}
}

/* Link color */
a { color: var(--link-color); }
a:focus, a:hover { color: var(--link-color-hover); text-decoration: none; }

/* Button Link */
.wp-block-button__link{text-decoration: none!important;color:#fff}
.wp-block-button__link:hover{text-decoration: none!important;color:#fff}

/* 2 Layout  --------------------------------------------------------------- */
.wrapper{overflow:clip; /*cambiato da overflow:hidden;*/ width: 100%;padding: 0;margin:0;}
	
/* 2.1 Top Bar -------------------------------------------------------------- */
.header__topbar{ background-color: #333; width: 100%; padding: 1px 4px 2px; display: flex; justify-content: flex-end; /* Allinea gli elementi a destra */ align-items: center; /* Centra verticalmente il contenuto */}
.topbar-menu {display: flex; margin-right: 20px;}
.header__topbar p { font-size:12px; margin-right: 10px; margin-bottom: 0; color: #fff;}
.topbar-menu-class {list-style: none; padding: 0; margin: 0; display: flex;}
.header__topbar li{padding:1px 10px}
.topbar-menu-class li a {font-size:12px; color: #fff;}
.topbar-menu-class li a:hover {color: #eee;}

@media (max-width: 794px) {
  .header__topbar{font-size: 13px;}
  }


/* 2.1c page template ------------------------------------------ */

/* all Width  Menu blank ----------------------------------------------- */
.page-template-blank .spacer{display: none;}

/* Menu transparent ------------------------------------------ */
@media (min-width: 1191px) {
    .page-template-menu-trasparent .spacer{display: none;}
    .page-template-menu-trasparent .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
    .page-template-menu-trasparent .header__content{border:none}
    .page-template-menu-trasparent.scroll-down .header__logo-img{max-width:70px;}
    .page-template-menu-trasparent .header [class^='icon-']{filter: brightness(0) invert(1);}
    .page-template-menu-trasparent .header__logo{color:#fff}
    .page-template-menu-trasparent.scroll-down .menu li a,
    .page-template-menu-trasparent.scroll-down .header__quick ul li a {color:#fff}
    .page-template-menu-trasparent.scroll-down .header{background: rgba(0, 0, 0,.7);}
}

@media (max-width: 1190px) {
    .page-template-menu-trasparent .spacer{height:44px}
    .page-template-menu-trasparent .header__content{border:none}
}

/* Menu black ----------------------------------------------- */
@media (min-width: 1191px) {
    .page-template-menu-black .spacer{display: none;}
    .page-template-menu-black .header{background: transparent;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
    .page-template-menu-black .header__content{border:none} 
    .page-template-menu-black.scroll-down .header{background-color: var(--site-bg)}
}

@media (max-width: 1190px) {
    .page-template-menu-black .spacer{height:44px}
    .page-template-menu-black .header__content{border:none}
}


/* all Width  Menu black ----------------------------------------------- */

.grid.allWidth {max-width: 100vw;}
.allWidth {max-width: 100vw;}
/* .wp-singular main.grid {margin-top: 84px;}*/
/*
@media (min-width: 651px) and (max-width: 1191px) {
	    .wp-singular main.grid {margin-top: 80px;}
}

@media (max-width: 650px) {
	.wp-singular main.grid {margin-top: 60px;}
}
*/	
/* No Footer 100 Width ----------------------------------------------- */
.grid.noFooter {max-width: 100vw;}
.noFooter footer{display: none;}


/* page no title 100 Width ----------------------------------------------- */
.page-template-page-no-title .wp-container-core-group-is-layout-13 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100vw;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*------------------------------------------ end page template ------------------------------------------ */


/* 2.2 Home -------------------------------------------------------------- */
.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}


/* 2.3 Index ------------------------------------------------------------- */

.wp-post-image.img-res{width: 100%; max-height:80vh; object-fit:cover;}


/* Single, Post & Page */
@media (min-width: 769px) {	
.wp-post-image.img-res{width: 100%; max-height:400px; height:400px; object-fit:cover;}
}

@media (max-width: 768px) {	
.wp-post-image.img-res{max-height:300px; height:300px; object-fit:cover;}
  h1 span{display: block;}
}
 
/* 3 Customizer ------------------------------------------------------------ */
.meta-article.noCategory{width: 100%; padding: 0 4%!important; margin-bottom:20px!important;}


/* 4 WordPress Default Element ---------------------------------------------- */

/* Pagination */
.pagination { float: left; margin: 40px 0 40px 0; padding: 0; width: 100%;}
.pagination span, .pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #222;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }
.text-center{text-align: center!important;}

/* Applica un limite massimo di larghezza al blocco copertina */


/* Media query per schermi piccoli **************************************************************************************************************************** ultima modifica larghezza post *******/
@media (max-width: 650px) {
	/* Regole base (mobile-first) */
	.wp-block-group, .wp-block-columns, .wp-block-cover {max-width: var(--wp--style--global--content-size); width: 100%; margin-left: auto; margin-right: auto;}
	aside.product-sidebar .wp-block-group {width: 100%;}
}

/*********************************************************************************************** end *************************************************************************************************/

/* Regole base (mobile-first) align 1200px to center*/
.wp-block-group.alignwide, .wp-block-columns.alignwide, .wp-block-cover.alignwide {max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto;}


/* Aggiunta dell'opzione "Extra Wide" con larghezza 1400px - aggiungi al blocco la classe .align-extrawide*/
.wp-block-group.align-extrawide, .wp-block-columns.align-extrawide, .wp-block-cover.align-extrawide {max-width: 1400px; margin-left: auto; margin-right: auto;}

body .alignfull, .wp-block-group.alignfull, .wp-block-columns.alignfull, .wp-block-cover.alignfull { margin-left: calc(-50% + 50%); max-width: 100vw;}

/* Allineamento blocchi*/
.is-content-justification-center {margin-left: auto; margin-right: auto; justify-content: center;} 
.is-content-justification-left { margin-left: 0px!important; justify-content: flex-start;}
.is-content-justification-right { margin-right: 0px!important; justify-content: flex-end;}


/* Media query per schermi piccoli */
@media (max-width: 768px) {
    .wp-block-columns.alignwide, .wp-block-cover.alignwide {max-width: 100%; /* Rendi le larghezze ampie fluide */}
}

/* related posts */
.alignwide img, .alignfull img {display: block; margin: 0 auto;}
.relatedPosts.alignfull a img {aspect-ratio: 1 / 1!important; object-fit: cover!important;} /* change aspetto related post img */
.relatedPosts a h3 {margin-bottom:7px!important;}
.relatedPosts a:hover img {opacity:0.8;}
.relatedPosts .wp-post-image.img-res{max-height:initial; height:auto;}

/* Search */
.form-search{width: 92%; border-radius: 100px; border: 1px solid #e4e4e4; padding-left: 15px; position: relative;background:#fff; margin: 20px 4% 50px; padding: 5px;}
.form-search input[type=text]{width: 100%; border:none;background: transparent!important;font-size: 18px;}
.form-search button[type=submit] {margin-top: 0px!important; padding: 8px 12px!important; color: #000; background: transparent; border-radius:0px; position:absolute;}
.form-search button[type=submit] svg{width: 30px; height:30px}
input[type="search"]:focus {outline: 1px solid #fff;}

@media only screen and (min-width: 1025px) {
	:where(.wp-block-columns.has-background) {padding: 0;}
    .wp-block-columns.alignwide, .wp-block-cover.alignwide {max-width: calc(var(--wp--style--global--wide-size) - 0px);}
	.relatedPosts.alignfull h3 {margin-bottom: 20px !important; padding: 10px;}
	.relatedPosts.alignfull {max-width: 1200px; margin-left:auto; margin-right:auto;}
	.relatedItems p{padding-left: 10px!important;}
	.relatedPosts img {padding-bottom: 10px;}
	.form-search button[type=submit] {top: 5px; right: 5px;}
}

@media (min-width: 651px) and (max-width: 1024px) {	
	:where(.wp-block-columns.has-background) {padding: 3%;}
	.relatedPosts .grid {display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%;}
	 .col-25.relatedItems {flex: 1 1 33.333%; max-width:33.333%; box-sizing: border-box; position: relative;}
    .relatedItems img {width: 100%; height: 200px; object-fit: cover;}
	.relatedPosts.alignfull {max-width: 96vw; margin: 5vh auto;}
	.form-search {width: 92%!important; margin-left: 4%; margin-top: 15px;}
	.form-search button[type=submit] {top: 5px; right: 5px;}
}

@media (max-width: 650px) {
	:where(.wp-block-columns.has-background) {padding: 3%;}
	.relatedItems:last-child {display: none;}
	.col-25.relatedItems{max-width:90%;}
	.relatedPosts.alignfull h3 {margin-bottom:15px!important;}
	.relatedPosts.alignfull .p-2 {padding:0;}
	.relatedPosts.alignfull .col-25 {margin-bottom:50px;}
	.relatedPosts.alignfull {max-width: 94vw; margin-left:auto; margin-right:auto;}
	.relatedPosts.alignfull .grid.pt-4 {padding-bottom:10vh; padding-top:2vh;}
	.form-search {width: 92%; margin-left: 4%;}
	.form-search button[type=submit] {top: 5px; right: 5px;}
}


/* Image Caption */
.wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #eee; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }
.gallery-caption{font-size: 20px;}

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #eee; }

/* Blockquote */
blockquote {font-weight: 200;  font-style: italic; margin: 0.25em 0; padding: 0px 30px; line-height: 1.45; position: relative;  border-left: 5px solid #222; }


/* Comments */
.comment-form-author, .comment-form-email, .comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; }
.form-submit .submit {padding:10px 30px!important;}
.form-submit .submit:hover {opacity:.9!important;}

ol.commentlist {margin: 0 0 1em; padding: 5% 10%; list-style: none; text-indent: 0; }
ol.commentlist li.comment {padding: 1em;}
ol.commentlist li.comment div.vcard cite.fn {text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar {float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta {font-size: 12px; }
ol.commentlist li.comment ul {margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply {margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a {font-weight: bold; }
ol.commentlist li.comment ul.children {margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 {margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 {margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 {margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn {font-weight: bold; }
ol.commentlist li img{max-width: 97%;}
ol.commentlist li .comment-text {padding:20px 0 30px!important; border-left: none!important; border-right: none!important; border-top: none!important;}

#loading-comments {text-align: center; font-size: 16px; color: #555; margin: 20px 0;}/* per  lazy loading commenti */


input[type=text], input[type=number], input[type=tel], input[type=password],input[type=email],
input[type=url]{width: 100%; padding: 10px; border: 0px solid #eee!important; background: #fff; -webkit-appearance: none; border-radius: 0; margin-top: 5px;}
textarea {padding: 10px; width: 100%; border: 1px solid #949494; background: #fff; -webkit-appearance: none; border-radius: 0; margin-top:5px;}
input[type=submit], button[type=submit] {margin-top: 10px; padding: 15px 20px!important; color: #fff; text-transform: uppercase; background: #222; border:none; margin-top:5px; display: block; font-weight: bold; width: auto;}

@media (max-width: 768px) {	
input[type=submit], button[type=submit] {padding: 4px 0px !important;}
}

#commentis {width: 100%; margin:5vh auto 15vh;}
.comment-notes {width:100%; margin:10px 0 15px!important;}
.comment-form-author{width:47%; margin:15px 3% 10px 0!important;}
.comment-form-email{width:47%; margin:15px 0 10px 3%!important;}
.comment-form-url{width:80%; margin:10px 0!important;}
.comment-form-cookies-consent {width:100%; margin:15px 0 30px!important; float:left;}
.comments_rss{margin:-20px 0 0 50%;}
.comments_rss a{float:right; margin:-35px 0 0 50%; padding:10px 15px; }
.comment-respond{padding: 5% 15%!important;}

@media (min-width: 1025px) {
	.breadCrumbs.yoast-breadcrumbs {font-size: 0.9rem;}
	.breadCrumbs.yoast-breadcrumbs a{font-weight: bold; text-decoration:none;}
	#commentis {max-width: 800px;}
	.comment-metadata{margin:5px auto 10px 0;}
	.comment-edit-link{margin-left:15px; font-weight:bold;}
	.comment-edit-link, .comment-reply-link{font-size:12px; letter-spacing:1px;}
	.comment-content{margin:20px 0 10px; display:flex;}
	.required-field-message{margin-top:5px; display:flex;}
  }

/* Tablet (larghezza compresa tra 768px e 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	#commentis {max-width: 90%;}
	form .form-submit {width:70%;}
	.comment-respond form p.form-submit input.submit {padding:15px 20px!important;}	
  }

/* Smartphone (larghezza massima 767px) */
@media (max-width: 767px) {
	#commentis {max-width: 90%;}
	.comment-notes {margin:5px 0 10px!important;}
	.comment-form-author, .comment-form-email, .comment-form-url {width:100%; margin:10px 0 5px!important;}
	.comment-form-cookies-consent {width:100%; margin:10px 0 30px!important; float:left;}
	.comments_rss{margin:-20px 0 0 52%; text-align:right;}
	.comment-respond{padding: 10% 5%!important;}
  }


/* 5 Helpers --------------------------------------------------------------- */
.mt-0{margin-top: 0 }
.mt-1{margin-top: 10px}
.mt-2{margin-top: 20px}
.mt-3{margin-top: 40px}
.mt-4{margin-top: 100px }

.mb-0{margin-bottom: 0}
.mb-1{margin-bottom: 10px}
.mb-2{margin-bottom: 20px}
.mb-3{margin-bottom: 40px}
.mb-4{margin-bottom: 100px}

.p-0{padding: 0}
.p-1{padding: 10px}
.p-2{padding: 20px}
.p-3{padding: 40px}
.p-4{padding: 100px}

.pt-1{padding-top: 10px;}
.pt-3{padding-top: 20px;}
.pt-3{padding-top: 40px;}
.pt-4{padding-top: 15vh;}

.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 40px;}
.pb-4{padding-bottom: 15vh;}


/* ! Grid System */
.grid { margin: 0 auto; display: flex; flex-flow: row; flex-wrap: wrap; width: 100%; /*max-width: 1400px;*/}
.grid--center{justify-content: center;}
.col{ flex: 1;}
.search.search-results article h2, .archive.category article h2 { padding:10px 5px 0;}
.search.search-results article p, .archive.category article p{ padding: 0 5px;}

@media (min-width: 1440px){
.search.search-results main.grid, .archive.category main.grid {max-width: 1400px;}
}

@media (min-width: 991px) and (max-width: 1439px) {
.search.search-results main.grid, .archive.category main.grid {max-width: 90vw;}
}

@media (min-width: 991px) {
.search.search-results .col-50:nth-of-type(2n+1), .archive.category .col-50:nth-of-type(2n+1) {padding-left: 40px; padding-bottom: 30px;}
.search.search-results .col-50:nth-of-type(2n), .archive.category .col-50:nth-of-type(2n) {padding-right: 40px!important; padding-bottom: 30px;}
}

@media (max-width: 990px) {	
	.search.search-results .grid, .archive.category .grid {padding: 0;}
	.search.search-results h1, .archive.category h1 {font-size:2.3rem;}
	.archive.category #content, .search-results #content{padding-left:4%; padding-right:4%}
}

footer p.sma-text-center {text-align: center;}
footer p.sma-text-center, footer .sma-text-center a{font-size:13px; }
footer .sma-text-center a{text-decoration: underline;}
footer .col-50{max-width: 90vw; width: 100%; margin: 0 auto!important; bottom: 0!important;}

footer .grid { margin: 0; max-width: 100%;}
.grid.footerCopy{padding: 18px 4% 1px;}
:root :where(footer p) {margin-bottom: 0; height:10px;}
footer .col-33 { width: 100%;}
footer .mb-3{margin-bottom:0!important;}
footer.foooter {border-top: 1px solid #eee; background-color:var(--site-footer-bg);color:var(--footer-color);width: 100%; margin-left: 0;}
footer input[type=submit], footer button[type=submit] {padding: 0px 20px 10px!important;}

.footerMenu ul {padding:0!important;}
.footerMenu .menu li {display: block!important;font-size: 1rem;line-height: 25px; padding:0!important;}
.footerMenu .menu a {padding:0!important; /*color:var(--footer-color)!important;*/ font-weight:normal;}

/* Go Top */
.goTop {background:rgba(0,18,28,.8); color:#fff; text-align:right; position: relative; margin: 0 0 0 auto; padding: 8px 10px 19px!important; bottom: 100px; width: 70px; z-index: 555; -webkit-border-top-left-radius: 50px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.goTop a {color:#fff;}
.goTop:hover {opacity:0.9;}
.vaiSu{}

@media (min-width: 1191px) {
	.goTop {right: -4%;}
}

@media (min-width: 768px) and (max-width: 1190px) {
	.goTop {right: -30px;}
}

@media (max-width: 767px) {
	.sma-text-center{float:none; text-align: center;}
	.goTop {right: -20px;}
}

[class*='col-'] { position: relative; padding: 0;}
.grid .grid [class*='col-'] {padding: 0px;}

.col-10{ width: 10%;}
.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-50{ width: 50%; }
.col-60{ width: 60%; }
.col-70{ width: 70%;}
.col-75{ width: 75%; }
.col-80{ width: 80%; }
.col-90{ width: 90%; }
.col-100{ width: 100%; }
/* .col-100 div, .col-70 div{margin:0;}  toglie spazio tra div e sopra footer*/

@media (max-width: 991px) {
  .tab-20 { width: 20%; }
  .tab-25 { width: 25%; }
  .tab-33 { width: 33.33%; }
  .tab-50 { width: 50%; }
  .tab-100 { width: 100%; }
}

@media (max-width: 990px) {
  [class*='col-'] { width: 100%;}
  .sma-20 { width: 20%; }
  .sma-25 { width: 25%; }
  .sma-33 { width: 33.33%; }
  .sma-50 { width: 50%; }
  .sma-100 { width: 100%; }
}


/* Accessibility  --------------------------------------------- */
a:focus.wp-block-button__link  {color: #fff!important;} /* color link focus button gutenberg */
/*a:focus, button:focus, input:focus, select:focus, textarea:focus {outline: none; border: 2px solid #149b54!important; box-shadow: 0 0 0 3px rgba(150, 150, 150, 0.1)!important; border-radius: 3px!important;}*/
a:focus-visible, button:focus-visible, input:focus-visible, 
select:focus-visible, textarea:focus-visible {outline: none!important; border: 2px solid #149b54; box-shadow: 0 0 0 3px rgba(150, 150, 150, 0.1); border-radius: 3px;}
a:focus:not(:focus-visible), button:focus:not(:focus-visible),
input:focus:not(:focus-visible), select:focus:not(:focus-visible), textarea:focus:not(:focus-visible) {outline: none!important; box-shadow: none!important; border: none!important;}
/* Focus text intended only for screen readers using a keyboard */
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;  /* Many screen reader and browser combinations announce broken words as they would appear visually. */}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #000; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 1000000000; /* Above WP toolbar. */}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {outline: 0;}
/* underline for accesibility */
.text-content a, .comment-content a{text-decoration: underline;}

/* Whats App */
.logo-whats-app {display: block; width: 39px; height: 39px; position: fixed; bottom: 45px; right: 45px; z-index: 999; border-radius: 100%; background: #fff; border: 1px solid #fff;}
.logo-whats-app .icon-wapp:before{font-size:38px; margin: -0.5px 0 0 -4.8px; padding: 0; }
.logo-whats-app:hover{opacity:0.8;}

/* ! Icon System - Dashicon incluse in WORDPRESS */
.icon-wapp{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-wapp::before{font-family:'Dashicons';content:'\f19a';font-size:18px;color:#25D366;display:inline-block;vertical-align:middle;margin-right:5px;}

@media (min-width: 768px) and (max-width: 1024px) {
	.logo-whats-app {width: 56px; height:56px; bottom: 30px; right: 30px;}
	.logo-whats-app .icon-wapp:before{font-size:58px; margin: -3.5px 0 0 -7px; }
  }
@media (max-width: 767px) {
	.logo-whats-app {width: 48px; height:48px; bottom: 20px; right: 20px;}
	.logo-whats-app .icon-wapp:before{font-size:48px; margin: -2px 0 0 -6px; }
	.foooter .wp-block-columns {flex-direction: column; }
  }

.goTop .dashicons {background-color: transparent;}

.icon-arrowRback::before {font-family: 'Dashicons'; content: '\f340';display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-arrowR::after {font-family: 'Dashicons'; content: '\f344';display:inline-block;vertical-align:middle;margin-left:5px;}
.icon-phone{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-phone::before{font-family:'Dashicons';content:'\f525';font-size:18px;color:#FF0000;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-location{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-location::before{font-family:'Dashicons';content:'\f230';font-size:18px;color:#FF0000;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-volumeon{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-volumeon::before{font-family:'Dashicons';content:'\f521';font-size:18px;color:#FF0000;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-arrow {display: inline-block; margin: -3px 5px; width: 18px; height: 18px; background-size: 100%; background-repeat: no-repeat; background-image: none;} 
.icon-arrow::before {font-family: 'Dashicons'; content: '\f142'; font-size: 18px; color: #000; display: inline-block; vertical-align: middle; margin-right: 5px;}
.icon-check {display: inline-block; margin: -3px 5px; width: 18px; height: 18px; background-size: 100%; background-repeat: no-repeat; background-image: none;} 
.icon-check::before {font-family: 'Dashicons'; content: '\f147'; font-size: 18px; color: #333; display: inline-block; vertical-align: middle; margin-right: 5px;}
.icon-angle {display: inline-block; margin: -3px 5px; width: 18px; height: 18px; background-size: 100%; background-repeat: no-repeat; background-image: none;} 
.icon-angle::before {font-family: 'Dashicons'; content: '\f347'; font-size: 18px; color: #333; display: inline-block; vertical-align: middle; margin-right: 5px;}
.icon-fb {display: inline-block; margin: -3px 5px; width: 18px; height: 18px; background-size: 100%; background-repeat: no-repeat; background-image: none;} 
.icon-fb::before {font-family: 'Dashicons'; content: '\f304'; font-size: 18px; color: #1877F2; display: inline-block; vertical-align: middle; margin-right: 5px;}
.icon-ig{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-ig::before{font-family:'Dashicons';content:'\f32d';font-size:18px;color:#E1306C;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-tw{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-tw::before{font-family:'Dashicons';content:'\f301';font-size:18px;color:#1DA1F2;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-yt{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-yt::before{font-family:'Dashicons';content:'\f168';font-size:18px;color:#FF0000;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-pi{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-pi::before{font-family:'Dashicons';content:'\f192';font-size:18px;color:#FF0000;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-lin{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-lin::before{font-family:'Dashicons';content:'\f18d';font-size:18px;color:#FF0000;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-twch{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-twch::before{font-family:'Dashicons';content:'\f199';font-size:18px;color:#FF0000;display:inline-block;vertical-align:middle;margin-right:5px;}
.icon-azn{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-azn::before{font-family:'Dashicons';content:'\f162';font-size:18px;color:#FF0000;display:inline-block;vertical-align:middle;margin-right:5px;}

.icon-tgram {display: inline-block; width: 20px; height: 20px; background-color: #fff; /* Colore di default */
mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240"><path d="M203.74 61.34c2.73-13.3-4.7-18.5-18-13.7L34.25 101.74c-12.1 4.4-12 10.7-2.1 13.5l44.3 13.8L173 80.53c5.6-3.6 10.7-1.6 6.5 2.3l-89.4 80.6-.7 23.4c3.3 0 4.8-1.5 6.6-3.2l15.9-15.4 33 24.4c6.1 3.3 10.6 1.3 12.1-6.1l26.7-125.8z"/></svg>') no-repeat center / contain;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240"><path d="M203.74 61.34c2.73-13.3-4.7-18.5-18-13.7L34.25 101.74c-12.1 4.4-12 10.7-2.1 13.5l44.3 13.8L173 80.53c5.6-3.6 10.7-1.6 6.5 2.3l-89.4 80.6-.7 23.4c3.3 0 4.8-1.5 6.6-3.2l15.9-15.4 33 24.4c6.1 3.3 10.6 1.3 12.1-6.1l26.7-125.8z"/></svg>') no-repeat center / contain;
} /* telegram */

.icon-tblr {display: inline-block; width: 20px; height: 20px; background-color: #fff; /* Colore di default */
   mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.04 21.28h-3.28c-2.84 0-4.94-1.37-4.94-5.02v-5.67H6.08V7.5c2.93-.73 4.11-3.3 4.3-5.48h3.01v4.93h3.47v3.65H13.4v4.93c0 1.47.73 2.01 1.92 2.01h1.73v3.75z"/></svg>') no-repeat center / contain;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.04 21.28h-3.28c-2.84 0-4.94-1.37-4.94-5.02v-5.67H6.08V7.5c2.93-.73 4.11-3.3 4.3-5.48h3.01v4.93h3.47v3.65H13.4v4.93c0 1.47.73 2.01 1.92 2.01h1.73v3.75z"/></svg>') no-repeat center / contain;
} /* tumblr */

.icon-tk {display: inline-block; width: 20px; height: 20px; background-color: #fff; /* Colore di default */
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16.708 0.027c1.745-0.027 3.48-0.011 5.213-0.027 0.105 2.041 0.839 4.12 2.333 5.563 1.491 1.479 3.6 2.156 5.652 2.385v5.369c-1.923-0.063-3.855-0.463-5.6-1.291-0.76-0.344-1.468-0.787-2.161-1.24-0.009 3.896 0.016 7.787-0.025 11.667-0.104 1.864-0.719 3.719-1.803 5.255-1.744 2.557-4.771 4.224-7.88 4.276-1.907 0.109-3.812-0.411-5.437-1.369-2.693-1.588-4.588-4.495-4.864-7.615-0.032-0.667-0.043-1.333-0.016-1.984 0.24-2.537 1.495-4.964 3.443-6.615 2.208-1.923 5.301-2.839 8.197-2.297 0.027 1.975-0.052 3.948-0.052 5.923-1.323-0.428-2.869-0.308-4.025 0.495-0.844 0.547-1.485 1.385-1.819 2.333-0.276 0.676-0.197 1.427-0.181 2.145 0.317 2.188 2.421 4.027 4.667 3.828 1.489-0.016 2.916-0.88 3.692-2.145 0.251-0.443 0.532-0.896 0.547-1.417 0.131-2.385 0.079-4.76 0.095-7.145 0.011-5.375-0.016-10.735 0.025-16.093z"/></svg>') no-repeat center / contain;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16.708 0.027c1.745-0.027 3.48-0.011 5.213-0.027 0.105 2.041 0.839 4.12 2.333 5.563 1.491 1.479 3.6 2.156 5.652 2.385v5.369c-1.923-0.063-3.855-0.463-5.6-1.291-0.76-0.344-1.468-0.787-2.161-1.24-0.009 3.896 0.016 7.787-0.025 11.667-0.104 1.864-0.719 3.719-1.803 5.255-1.744 2.557-4.771 4.224-7.88 4.276-1.907 0.109-3.812-0.411-5.437-1.369-2.693-1.588-4.588-4.495-4.864-7.615-0.032-0.667-0.043-1.333-0.016-1.984 0.24-2.537 1.495-4.964 3.443-6.615 2.208-1.923 5.301-2.839 8.197-2.297 0.027 1.975-0.052 3.948-0.052 5.923-1.323-0.428-2.869-0.308-4.025 0.495-0.844 0.547-1.485 1.385-1.819 2.333-0.276 0.676-0.197 1.427-0.181 2.145 0.317 2.188 2.421 4.027 4.667 3.828 1.489-0.016 2.916-0.88 3.692-2.145 0.251-0.443 0.532-0.896 0.547-1.417 0.131-2.385 0.079-4.76 0.095-7.145 0.011-5.375-0.016-10.735 0.025-16.093z"/></svg>') no-repeat center / contain;
} /* tiktok */
.icon-twx {display: inline-block; width: 26px; height: 26px; margin: 15% 0 0 14%; background-color: #fff; /* Colore di default */
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z"/></svg>') no-repeat center / contain;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z"/></svg>') no-repeat center / contain;
} /* x */

.icon-search {display: inline-block; margin: 5px; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 25px; color: #000; font-family: "Dashicons"; font-weight: normal;}
.icon-search::before {content: '\f179'; font-family: "Dashicons"; font-size: inherit; color: inherit;}
.icon-plus { display: inline-block; margin: -3px 5px; width: 18px; height: 18px; background-size: 100%; background-repeat: no-repeat; background-image: none; }
.icon-plus::before { font-family: 'Dashicons'; content: '\f339'; font-size: 18px; color: currentColor; display: inline-block; vertical-align: middle; margin-right: 5px; }
.icon-call { display: inline-block; margin: -3px 5px; width: 18px; height: 18px; background-size: 100%; background-image: none; }
.icon-call::before { font-family: 'Dashicons'; content: '\f2a1'; font-size: 18px; color: currentColor; display: inline-block; vertical-align: middle; margin-right: 5px; }
.icon-in { display: inline-block; margin: -3px 5px; width: 18px; height: 18px; background-size: 100%; background-image: none; }
.icon-in::before { font-family: 'Dashicons'; content: '\f208'; font-size: 18px; color: currentColor; display: inline-block; vertical-align: middle; margin-right: 5px; }

.icon-1{width: 40px;height: 40px;}
.icon-2{width: 70px;padding: 8px;}
.icon-3{width: 100px;padding: 8px;}
.icon-invert{filter: invert(1);}

/* Dashicons - icone di WP  --------------------------------------------- */
button.search-trigger {font-size: 22px; color: var(--menu-color);}
button.search-trigger:hover {color: var(--menu-color-hover);}

/* Blocks  --------------------------------------------- */

/* Accordion */
.accordion h3{position: relative; padding-right: 30px; margin-top: 15px; cursor:pointer}
.accordion h3:after { width: 25px; height: 25px; position: absolute; top: 15px; right: 0; content: '\f345'; font-family: 'Dashicons'; font-size: 25px; color: black; transform: rotate(90deg); }
.accordion .wp-block-column .wp-block-group {padding: 0; margin:10px 0 0; max-height: 0; overflow:hidden; border-bottom: 1px solid #eee; transition: all 0.2s ease-in-out;}
.accordion .wp-block-column .wp-block-group.open-accordion{max-height:500px; padding-bottom: 15px; overflow: auto;}
.accordion .open-accordion { opacity: 0; animation: fade-load cubic-bezier(0.385, 0.135, 0.15, 0.86) 1s forwards;}
/* Media Text */
@media (max-width: 768px) {
  .wp-block-media-text__media img{margin-bottom: 20px;margin-top: 40px;} 
}

/* Animation on scroll */
.fade {  opacity: 0; transform: translateY(40px); transition: 1.0s ease-in-out; will-change: transform, opacity;}
.fadeIn { opacity: 1;transform: translateY(0px)}

/* Animation on load */
@keyframes fade-load {
  from {opacity: 0; transform: translateY(20px);}
  to {opacity: 1; transform: translateY(0);}
}

/***** modifica per fade accordion e risolvere bug parallax wordpress *****/
/*.load { opacity: 0; animation: fade-load cubic-bezier(0.385, 0.135, 0.15, 0.86) 0.7s forwards;} usa questo per attivare animazione d'ingresso sulla classe wrapper del sito ma il parallax gutenberg non funzionerà */
.load { opacity: 1!important; animation: none!important; } /* se attivo non funziona animazione d'ingresso sulla classe wrapper ma funziona il parallax css di gutenberg */
/**** fine bug ****/

/******** MEGA MENU *********/
@media (min-width: 1191px){
	.menu li.mega-menu ul li ul {left: inherit!important;}
    li.mega-menu:hover > .sub-menu {grid-template-columns: repeat(auto-fit, minmax(25%, 1fr))!important;}
	.menu li.mega-menu li {flex: 1 0 calc(25%);}
	.menu li.mega-menu ul li {margin-top:0px!important; padding:0!important;}
	.menu > li.mega-menu > ul > li {margin:10px 0 10px!important;}
    .menu li.mega-menu {position: static!important;}
    .menu li.mega-menu > ul.sub-menu {width: 90%!importan; position: absolute; z-index: 100; left: 5%; right: 5%; background-color:#fff; border: 1px solid #eee!important; border-top: none!important;	padding:0 60px 30px;}
    /*.menu li.mega-menu:hover > ul.sub-menu {display: grid; justify-content: center; grid-template-columns: repeat(auto-fit, minmax(20%, 1fr))!important; width: 90%;} per 5 colonne menagamenu */
	.menu li.mega-menu:hover > ul.sub-menu {display: grid; justify-content: center; grid-template-columns: repeat(auto-fit, minmax(150px, 250px))!important; max-width: 90%; margin: 0 auto!important; gap: 50px; padding:20px 20px 50px;} /* colonne centrate da 150 a 250px massimi */
    .menu li.mega-menu ul.sub-menu ul { position: relative; float: left!important; width: 100%;}
	.menu li.mega-menu ul.sub-menu li a {text-align:left; color:#333; opacity:0.8; text-transform:capitalize;}
	.menu li.mega-menu ul.sub-menu li a:hover {color:#1eafa6; background-color: #fafafa;}
	.menu li.mega-menu ul.sub-menu li li a {font-size: 14px; padding:0 10px; line-height:auto;}
    .menu li.mega-menu > ul.sub-menu > li > a {font-size: 14px; padding:3px 1px; line-height:auto;}
	.menu li.mega-menu ul.sub-menu li li {border:0!important;}
	.menu > li.mega-menu > ul > li > a:first-child {font-weight:bold; border-bottom:1px dotted #eee; padding-top:20px; margin-bottom:10px}
	.menu li.mega-menu > ul.sub-menu > li li {padding-top: 0px!important;}
    .menu li.mega-menu li {padding:0!important;;}
	.menu li.mega-menu li {width: 100%; max-width: 100%; min-height: 1px; padding:2px 1px 1px; flex: 1 0 calc(50%);}
    .menu li.mega-menu .sub-menu ul {visibility: visible!important; opacity: 1!important; display: block!important; background-color:#fff;}
    }
@media (max-width: 1190px) { 
	.menu li.mega-menu ul.sub-menu li a{font-size: 16px; letter-spacing:0.5px; text-transform:capitalize; }
	.menu li.mega-menu ul.sub-menu li li a{font-size: 15px; line-height:15px; letter-spacing:0.5px; font-weight:normal; padding-left:10px;}
    .menu li.mega-menu > ul.sub-menu > li > a {padding-left: 5px;}
	.menu li.mega-menu ul.sub-menu li a:hover {color:#1eafa6; background-color: #eee;}
	.menu li.mega-menu ul  li { border-top:1px dotted #ddd; }
	.menu > li.mega-menu > ul > li > ul > li:first-child {border-top:1px dotted #aaa;}	
    }

.menu li.mega-menu li img {display: block;}

/******** FINE MEGA MENU *********/

/* WooCommerce ------------------------------------------------------------------------ */

@media (min-width: 1191px){
	.woocommerce p {line-height:160%;}
	.menu-item-type-woocommerce-cart{position: relative;width: 30px; height: 18px;}
	.menu-cart-total{position: absolute; top:0px; left:0;}
	.header__quick {margin-left: 5px;}
	.header__quick .menu-cart-total {padding: 0;}
	.menu-cart-total svg{height: 24px; width: 24px;}
	.menu-cart-total span{position: absolute; bottom:-3px; color: var(--site-header-bg); background-color: var(--menu-color); right: -7px; font-size: 10px; line-height: 16px; display: block; text-align: center; width: 17px; font-weight: normal; height: 17px; word-wrap: break-word; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
	.menu-cart-total span:hover{background-color: var(--menu-color-hover);}
	
	/* columns fix */
	.checkout.woocommerce-content [class*='col-'], .checkout.woocommerce-checkout [class*='col-'] {padding: 0;}

	/* select */
	.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {height: 36px;}
	.woocommerce-input-wrapper input{border-radius: 4px}

	/* coupon */
	.woocommerce #coupon_code{height: 36px;}

	/* table */
	#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th{border-top: 1px solid #ccc}

	/* quantity single products */
	.woocommerce .quantity input{margin-top: 0;border-radius: 4px;padding: 9.5px;}

	/* price */
	.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{color:#000; font-weight:bold;}

	/* variations */
	.woocommerce div.product form.cart .variations{padding: 10px;border-bottom: 1px solid #222;}
	.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{padding-bottom: 10px;}

	.woocommerce select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #666; outline: 0; font: inherit; width: 20em; height: 40px; padding: 0 4em 0 1em;
	  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E") no-repeat right 0.8em center/1.4em; color: #222; border-radius: 0.25em; cursor: pointer;}
	.woocommerce select option {color: inherit; background-color: #eee;}
	.woocommerce select:focus {outline: none;}
	.woocommerce select::-ms-expand {display: none;}
	.woocommerce .woocommerce-ordering select {border:none; width:200px;}

	/* tabs */
	.woocommerce div.product .woocommerce-tabs h2{display: none;}
	.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
	.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
	.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
	.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; margin-bottom: 0px;}
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #222; color: #fff}
	.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:#222}
	.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 0; } 
	.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; }

	/* messages */
	.woocommerce-error, .woocommerce-info, .woocommerce-message {padding: 1em 2em 1em 3.5em; margin: 0 0 2em; border-radius: 4px; position: relative; background-color: #f7f6f7; color: #111; border-top: none; list-style: none outside; line-height: 32px; width: auto; word-wrap: break-word;}

	.woocommerce .woocommerce-message a.button{background: #4CAF50!important;}
	.woocommerce-message::before{color: #4CAF50;}
	.woocommerce .woocommerce-message {background: #e5fce5}
	.woocommerce .woocommerce-error a.button{background: #F44336!important;}
	.woocommerce-error::before{color: #F44336;}
	.woocommerce .woocommerce-error {background: #FEECEB; color:#D91811}
	.woocommerce .woocommerce-info a.button{background: #2296F2!important;}
	.woocommerce .woocommerce-info a{color:#1478C8}
	.woocommerce-info::before{color: #2296F2;}
	.woocommerce .woocommerce-info {background: #E9F5FE;}

	/* general fix */
	.woocommerce a.added_to_cart{padding-left: 10px;}
	.woocommerce-page #content .text-content a{text-decoration: none;}
	.woocommerce span.onsale {background-color: #444;}
	.woocommerce div.product .product_meta {font-size: 14px;}
	.woocommerce .woocommerce-billing-fields{margin-bottom: 20px;}
	.woocommerce .woocommerce-variation-price{margin-bottom: 10px;}

	/* hide title and button in shop list */
	/*.woocommerce ul.products li.product .button {display: none;}*/
	.woocommerce-shop h1{display: none;}

	/* Woo Pagination */
	.woocommerce nav.woocommerce-pagination ul {text-align: left;width: 100%;border:none}
	.woocommerce nav.woocommerce-pagination ul li {border: 1px solid #222; margin-right: 10px;}
	.woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { float: left; padding: 14px 19px; display: inline-block;}

	/* Checkout */
	.checkout.woocommerce-checkout .select2-container--default .select2-selection--single{border: 2px solid #ddd; height: 40px;}
	.checkout.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px;}
	.checkout.woocommerce-checkout input[type=text],
	.checkout.woocommerce-checkout input[type=number],
	.checkout.woocommerce-checkout input[type=tel],
	.checkout.woocommerce-checkout input[type=password],
	.checkout.woocommerce-checkout input[type=email],
	.checkout.woocommerce-checkout input[type=url],
	.checkout.woocommerce-checkout textarea{border: 2px solid #ddd}
	}

@media (min-width: 998px){  
	.checkout.woocommerce-checkout.col2-set, .woocommerce-page .col2-set{ width:50%;float:left }
	.checkout.woocommerce-checkout #order_review_heading, .checkout.woocommerce-checkout #order_review{width:45%; float:right }
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {width:100%}
	.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{width:100%; display:block; padding:20px}
    }


/* End Full Site Editing  ------------------------------------------------ */

/* clearfix for post float images */
.clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0;}
* html .clearfix            { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/**** CODE ME ****/
/* Desktop (larghezza minima 992px) */
@media (min-width: 992px) {
    .noDesk {display:none!important;}
	.header__logo-img.desktop-logo {max-width: 200px; width: auto; height: auto; display: block;}
	.header__logo-img.mobile-logo {display: none!important;}
	/***** x pattern post-12 x articoli con foto grande al centro ***/
	.custom-grid-layout.bigImgCenter ul {grid-template-columns: 30% 40% 30%; /* L'articolo centrale sarà più grande */}
	.custom-grid-layout.bigImgCenter ul > *:nth-child(1) {display: flex; justify-content: center; align-items: center; text-align: center; order: 2; /* Posiziona l'articolo 1 dopo l'articolo 2 */}
	.custom-grid-layout.bigImgCenter ul > *:nth-child(2) {display: flex; justify-content: center; align-items: center; text-align: center; order: 3; /* Mantiene l'articolo 3 in posizione originale */}
	.custom-grid-layout.bigImgCenter ul > *:nth-child(3) {display: flex; justify-content: center; align-items: center; text-align: center; order: 1; /* Posiziona l'articolo 2 prima l'articolo 1 */}
	.custom-grid-layout.bigImgCenter ul li > *:nth-child(1) {padding:5px!important;}
	/***** x pattern post-13 x articoli con testo sfalsato sotto ***/
	.txtEvidenzas {margin-right: 15%!important;}
    }

/* Tablet (larghezza compresa tra 768px e 991px) */
@media (min-width: 768px) and (max-width: 991px) {
	.noMobile {display:none!important;}
	/* selezione logo mobile */
	.header__logo-img.desktop-logo {display: none;}
	.header__logo-img.mobile-logo {width: auto; height: 100%; max-width: 300px; max-height: 71px; display: block; justify-content: center; margin:2px 0; align-items: center; }
	img.header__logo-img.mobile-logo {object-fit: contain;}
	.woocommerce .single_add_to_cart_button.button{padding: 10px 30px !important;}
    }

/* Smartphone (larghezza massima 767px) */
@media (max-width: 767px) {
	.noMobile {display:none!important;}	
	/* selezione logo mobile */
	.header__logo-img.desktop-logo {display: none;}
	.header__logo-img.mobile-logo {max-width: 200px; width: auto; display: block; justify-content: center; margin:2px 0; align-items: center; height: 100%; max-height: 52px; }
	img.header__logo-img.mobile-logo {object-fit: contain;}
	.woocommerce .single_add_to_cart_button.button{padding: 10px 30px !important;}
    }


/***** da modificare per galleria *****/
@media (min-width: 1190px) {
	.woocommerce-product-gallery {position: sticky!important; position: -webkit-sticky!important; /* Supporto per Safari */ top: 0px;}
	.related.products{margin-top: -35px!important;}
    }
.stars a {color: #ffd700;}


/* WOOCOMMERCE **************************************************************/
/* button */
.woocommerce a.button.product_type_external, .woocommerce .button{background:#22814e!important; color:#fff!important; text-transform: inherit!important; font-size:80%; font-family: inherit!important; -webkit-box-shadow: 4px 4px 11px -2px #444444!important; box-shadow: 4px 4px 11px -2px #444444!important;} /*products shop buttons*/
.woocommerce .single_add_to_cart_button.button:hover, .woocommerce a.button.product_type_external:hover, .woocommerce .button:hover{background-color: #44bc7e!important;-webkit-box-shadow:none!important; box-shadow:none!important;}
.woocommerce .single_add_to_cart_button.button {background-color: #22814e!important;} /*product button*/
.woocommerce span.onsale {background-color:#93032e; color: #fff; font-weight: bold;}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {text-decoration:none;}

@media (min-width: 1191px){
	.woocommerce-tabs.wc-tabs-wrapper{position:relative; padding-top:50px; background-color:#fff;}
	section.products{position:relative; width:100%; padding-top:100px; margin:0; background-color:#fff;}
	section.products h2{border-bottom:1px solid #eee; padding-bottom:5px;}
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background: #eee; color: #000;}
	.woocommerce div.product .woocommerce-tabs ul.tabs::before {border-color: #eee;}
	.woocommerce div.product .product_meta {font-size: 16px; display: grid; grid-gap:10px; padding-top:20px; margin-top:20px; border-top:1px solid #eee;}
	.woocommerce-product-details__short-description p{font-size: 1.1rem; padding:30px 0}
	/*.woocommerce div.product div.images img {max-width: 20vw;} Product page gallery image */
	.woocommerce ul.products li.product a.woocommerce-loop-product__link img {max-width: 300px; max-height: 375px; object-fit: cover;/*min-height: 312px; max-width: 13.3vw; max-height: 13.3vw; per 1:1 */}
	.woocommerce .related ul.products li.product a img {max-height: 270px;max-width: 270px;}
	.woocommerce div.product div.images .flex-control-thumbs {padding-top: 5px;}
	.woocommerce div.product div.images .flex-control-thumbs li {width: 20%; padding-right: 5px;}
	.woocommerce div.product p.price {font-size:1.5rem;}
	.woocommerce div.product p.price small {font-size:0.9rem; font-weight:normal;}
	.woocommerce span.onsale {font-size: 10px; letter-spacing:1px; padding: 0 10px 0; border-radius:0;}
	.price .woocommerce-Price-amount{margin-right:10px;}
	.woocommerce ul.products li.product .onsale {top: 5px; right: auto; left: 5px; margin: 0;}
	table.wc-block-cart-items .wc-block-cart-items__header, .is-large.wc-block-cart .wc-block-cart__totals-title {font-size: 1.3rem!important; text-transform:capitalize!important; font-weight: bold!important;letter-spacing: 1px;}
	.woocommerce ul.products li.product .star-rating span::before {color:#000;}
	.woocommerce ul.products li.product .star-rating {font-size: .80em;}
	.woocommerce ul.products li.product .star-rating span:hover::before {color:var(--link-color-hover);}
	.woocommerce ul.products li.product .price {text-decoration: underline;}
	.woocommerce ul.products li.product a:hover img {opacity:0.9;}
	/* Invertire la sidebar a sinistra
	.woocommerce-content {flex-direction: row-reverse;} */

	/******************* modifica scritta a destra galleria a sinistra cancellare codice se vuoi invertire ***************************/
	/* Imposta il layout per il prodotto in flexbox */
	.woocommerce div.product {flex-wrap: wrap; justify-content: space-between; margin-top: 30px; /* display: flex; Sposta il riepilogo (summary) a sinistra */}
	.woocommerce div.product div.summary {order: 1; /* Cambia l'ordine del riepilogo */}
	/* Sposta la galleria (woocommerce-product-gallery) a destra */
	.woocommerce div.product div.woocommerce-product-gallery {order: 2; /* Cambia l'ordine della galleria */}
	/* Tab, prodotti correlati e altre sezioni sotto */
	.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells,
	.woocommerce div.product .cross-sells {width: 100%; clear: both; margin-top: 30px; order: 3; /* Assicura che siano sotto la galleria e il riepilogo */}
	/* Aggiusta la sezione delle tab */
	.woocommerce div.product .woocommerce-tabs {margin-top: 40px;} /* Spazio extra sopra le tab */
	/* Prodotti correlati */
	.woocommerce div.product .related {margin-top: 50px;} /* Spazio sopra i prodotti correlati */
	/******************* fine modifica scritta a destra galleria a sinistra ***************************/
    }

    /* Imposta 4 prodotti per riga nella pagina Shop and products category */
    .woocommerce-page.archive ul.products {display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin: 0; padding: 0; gap: 1em;}
	.woocommerce.archive ul.products li.product {width: 100%; margin-bottom:50px; margin-right: 0; border: 1px solid #eee; padding: 10px 10px 20px !important; box-sizing: border-box;}
	.woocommerce.archive ul.products::before, .woocommerce.archive ul.products::after, .woocommerce.archive .products ul::before, .woocommerce.archive .products ul::after {content: none; display: unset;}
    .woocommerce-page.archive ul.products li.product-category a img, .woocommerce.archive ul.products li.product a img {width: 100%; aspect-ratio: 4 / 5; object-fit: contain; display: block; margin: 0 auto;}
    .woocommerce.archive ul.products li.product .woocommerce-loop-product__title, .woocommerce.archive ul.products li.product .woocommerce-loop-category__title {font-size: 18px; padding-top: 10px;}
    .woocommerce.archive ul.products li .price {display: block; margin-bottom: 15px; color: #000;     width: 100%;}
    .woocommerce.archive a.button.product_type_external {padding: 8px 20px;}

/* Desktop */
@media (min-width: 1025px) {
	h1.product_title.entry-title {font-size:2.6rem;}
	.woocommerce-product-details__short-description h2 {font-size:1.5rem;}
	.woocommerce div.product .woocommerce-product-rating {border-bottom: 1px solid #eee;}
	.woocommerce div.product p.price {margin-bottom:40px;}
	.woocommerce .star-rating {color: gold; font-size: 18px;}
	
	/* imposta sezione titolo prezzo e altro al fianco della galleria nella pagina prodotto */
	.summary.entry-summary{display: flex; flex-direction: column;}
	h1.product_title.entry-title, .woocommerce div.product .woocommerce-product-rating, .woocommerce div.product p.price, .woocommerce div.product form.cart {order: 1;}
	.product_meta {order:2; margin-top: 10px!important;}
	.testo-personalizzato {order:2; margin-bottom: 0; margin-top: 20px; font-size:80%}
	.woocommerce-product-details__short-description {margin-top:50px; order: 3;}
	
	/* thumbs galleria prodotto */	
	.woocommerce div.product div.images .flex-control-thumbs {display: grid; grid-template-columns: repeat(6, 1fr); gap: 5px;}
	
	/* Impostiamo il contenitore immagine per avere il rapporto 1:1 */
	.woocommerce-page .product .flex-viewport {width: 100%; max-width: 520px; max-height: 650px;/*cambia in 520px per quadrato */}
	.woocommerce-page .product .flex-viewport img {min-height: auto}	
	.woocommerce div.product div.images .flex-control-thumbs li {width: auto;}
	 .woocommerce-content {padding: 5% 0 6%; display: flex; justify-content: space-between; /* Distribuisce lo spazio tra sidebar e contenuto */ margin: 0 auto; flex-wrap: nowrap; /* Impedisce il wrapping automatico delle colonne */}
	.product-sidebar { flex: 0 0 20%; /* Occupa il 25% della larghezza */ background-color: #fff; border-left:1px solid #fff; padding: 25px 3px 50px 10px; box-sizing: border-box;}
	/* Contenuto principale */
	.content-area {flex: 0 0 80%; /* Occupa il 75% della larghezza */ padding-right: 50px; box-sizing: border-box;}
	.grid.wooGrid{max-width: 80%;}
	h1.product_title{margin-bottom:10px; font-size: 3rem; text-transform: capitalize; margin-bottom: 1rem;}
	.woocommerce span.onsale {padding: 2px 15px 0; top: -30px; right: calc(50% - 87px); left: auto;}
	/* Layout WooCommerce con sidebar a sinistra */
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 45%;}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {padding: 0 0 0 50px;}

	/* Imposta 4 prodotti per riga nella pagina Shop
	.woocommerce ul.products li.product {width: 23%; padding: 10px; margin-right: 2%!important; } */
	/* .woocommerce ul.products li.product:nth-child(4n) {margin-right: 0;} Rimuove il margine a destra per il terzo prodotto di ogni riga */

	/* Modifica numero di prodotti correlati per riga */
	.woocommerce .related.products ul.products li.product, .woocommerce .up-sells ul.products li.product,
	.woocommerce .cross-sells ul.products li.product {width: 23%; margin-right: 2%;}
	.woocommerce .related.products ul.products li.product:nth-child(4n), .woocommerce .up-sells ul.products li.product:nth-child(4n),
	.woocommerce .cross-sells ul.products li.product:nth-child(4n) {margin-right: 0;}

	ul.products {border-top:1px solid #eee;padding-top:40px!important;}
	/*.woocommerce .woocommerce-ordering {margin-top: -8px; margin-bottom:-20px;}
	.woocommerce .woocommerce-result-count {}*/

	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout.wc-block-checkout {padding:8% 0;}
	.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div div.cross-sells-product {padding-right: 2%; width: 23%;}
	.wp-block-woocommerce-cart-cross-sells-block {margin-top:15%;}
	.wp-block-woocommerce-cart-cross-sells-block h2.wp-block-heading {font-size:1.8rem!important; margin-bottom: 30px!important; border-bottom:1px solid #eee;padding-bottom:5px;}
	:root :where(.wp-block-button .wp-block-button__link) {padding: 12px 20px; font-size:14px!important; border-radius:inherit; font-weight:bold;}

	/* Allinea il prezzo a sinistra e le recensioni a destra nella griglia prodotti WooCommerce */
	.woocommerce ul.products li.product .price {float: left;}
	.woocommerce ul.products li.product .star-rating {float: right;}
	
	.wp-singular.product-template-default .summary.entry-summary .single_add_to_cart_button.button {padding:10px 30px!important}
	
	/* Imposta 4 prodotti per riga nella pagina Shop e categorie prodotti */
	.woocommerce.archive ul.products li.product {flex: 1 1 calc(25% - 1em); max-width: calc(25% - 1em); margin-bottom: 50px;}

}


@media (min-width: 1025px) and (max-width: 1287px) {
	.grid.wooGrid{max-width: 90%;}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.wp-singular.product-template-default .woocommerce-product-gallery {width: 100%!important;}
	.wp-singular.product-template-default .summary.entry-summary {width: 100%!important;}
	.content-area.col-60 {width: 100%!important;}
}

/* Tablet verticale */
@media (min-width: 651px) and (max-width: 1024px) {
	.woocommerce-content {padding-top: 15%;}
	.grid.wooGrid{max-width: 90%;}
	h1.product_title{margin-bottom:10px; font-size: 4rem; text-transform: capitalize; margin-bottom: 1rem;}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {padding-bottom:50px;}
	.woocommerce span.onsale {top: 670px; left: 3% ; right: auto;}
  
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout.wc-block-checkout {padding:8%;}
	 .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div div.cross-sells-product {padding-right: 3%; width: 30%;}
	.wp-block-woocommerce-cart-cross-sells-block {margin-top:15%;}
	.wp-block-woocommerce-cart-cross-sells-block h2.wp-block-heading {font-size:1.8rem!important; margin-bottom: 30px!important; border-bottom:1px solid #eee;padding-bottom:5px;}
	:root :where(.wp-block-button .wp-block-button__link) {padding: 12px 20px; font-size:14px!important; border-radius:0; text-transform: uppercase; font-weight:bold;}
	.woocommerce .woocommerce-ordering select {width: auto;  padding-right: 15px;}
	 .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {right:-25px;}

	/* Allinea il prezzo a sinistra e le recensioni a destra nella griglia prodotti WooCommerce */
	/*.woocommerce ul.products li.product .price {float: left;}
	.woocommerce ul.products li.product .star-rating {float: right;}*/
	/*****  fino a 6 immagini thumb per linea  *****/
	.woocommerce div.product div.images .flex-control-thumbs li {width: calc(16.66% - 5px); /* 16.66% per 6 immagini*/ margin-right: 5px; /* Spazio tra le immagini */ margin-bottom: 5px;}
	.woocommerce div.product div.images .flex-control-thumbs li:nth-child(6n) {margin-right: 0; /* Rimuove il margine destro dall'sesta immagine*/}
	.woocommerce div.product div.images .flex-control-thumbs {display: flex; flex-wrap: wrap; /* Permette alle immagini di andare a capo */} 
	.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {font-size: 1.8em; padding: 0.4em;}
	.woocommerce nav.woocommerce-pagination ul {margin-bottom:15%;}
	.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb, 
	.woocommerce .product-sidebar .wc-block-breadcrumbs .woocommerce-breadcrumb {position: fixed; top: 80px; background: #fff; padding: 8px 5%; width: 100%; margin-left: -5%!important; z-index: 99;}
	
    /** new **/
	.summary.entry-summary h1.product_title {font-size: 2.5rem; text-transform: capitalize; margin-bottom: 1rem;}
	.wp-singular.product-template-default h2 .product-title-word-break {font-size: 3.8rem; line-height: 100%!important;}
    .wp-singular.product-template-default .product.type-product {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 50px;}
    .wp-singular.product-template-default .woocommerce-product-gallery {grid-column: 1 / 2;}
	.wp-singular.product-template-default .summary.entry-summary {grid-column: 2 / 3;}
    .wp-singular.product-template-default .woocommerce-tabs.wc-tabs-wrapper {grid-column: 1 / 3;}
	.wp-singular.product-template-default .related.products {grid-column: 1 / 3; }
	.wp-singular.product-template-default .related.products li.product.type-product{display:block!important; padding:20px 50px 0 0;}
	.wp-singular.product-template-default .summary.entry-summary .single_add_to_cart_button.button {padding:10px 30px!important}

	.wc-block-grid.has-4-columns .wc-block-grid__product {flex: 1 0 50%!important; max-width: 50%!important; padding:7% 5%;}
	
	.search.search-results article h2, .archive.category article h2 {padding: 0px 5px 0;}
	.wp-block-latest-posts__featured-image img{max-height:inherit!important; max-width:100%!important;}
	.wp-block-latest-posts.columns-2 li {width: calc(50% - 1em)!important;}
	.wp-block-latest-posts.is-grid li:nth-of-type(2n+1) {margin: 0 1em 2em 0!important;} 
    .wp-block-latest-posts.is-grid li:nth-of-type(2n) {margin: 0 0 2em 1em!important;}
	
	/* Imposta 2 prodotti per riga nella pagina Shop e categorie prodotti */	
	.woocommerce.archive ul.products li.product {flex: 1 1 calc(50% - 1em); max-width: calc(50% - 1em); margin-bottom: 50px;}
	
}

/* Smartphone */
@media (max-width: 650px) {  
	.woocommerce-content {padding-top: 20%;}
	.grid.wooGrid{max-width: 90%;}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {padding-bottom:50px;}
	h1.product_title{margin-bottom:10px; font-size: 2.8rem; text-transform: capitalize; margin-bottom: 1rem;}
	.search.search-results main.grid h2, .archive.category main.grid h2 {font-size: 2.1rem;}
	
	.woocommerce span.onsale {top: 690px; left: 3% ; right: auto;}
	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {right:-25px;}
	.woocommerce .woocommerce-ordering select {width: auto; padding-right: 15px;}
	.woocommerce .woocommerce-ordering order {padding-right: 10px;}
	.wc-block-checkout {padding: 8% 5%; }
	.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block div div.cross-sells-product {padding-right: 5%; width: 45%;}
	.wp-block-woocommerce-cart {padding: 8% 5%;}
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout.wc-block-checkout {padding:5% 0;}
	.wp-block-woocommerce-cart-cross-sells-block {margin-top:25%;}
	.wp-block-woocommerce-cart-cross-sells-block h2.wp-block-heading {font-size:2rem!important; margin-bottom: 30px!important; border-bottom:1px solid #eee;padding-bottom:5px;}
	:root :where(.wp-block-button .wp-block-button__link) {padding: 12px 20px; font-size:14px!important; border-radius:0; text-transform: uppercase; font-weight:bold;}
	/*****  fino a 6 immagini thumb per linea  *****/
	.woocommerce div.product div.images .flex-control-thumbs li {width: calc(16.66% - 5px); /* 16.66% per 6 immagini*/ margin-right: 5px; /* Spazio tra le immagini */ margin-bottom: 5px;}
	.woocommerce div.product div.images .flex-control-thumbs li:nth-child(6n) {margin-right: 0; /* Rimuove il margine destro dall'sesta immagine*/}
	.woocommerce div.product div.images .flex-control-thumbs {display: flex; flex-wrap: wrap; /* Permette alle immagini di andare a capo */}
	.wp-block-woocommerce-cart ul.wc-block-grid__products li.wc-block-grid__product {padding: 15% 0;}
	.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {font-size: 1.5em; padding: .3em;}
	.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb, 
	.woocommerce .product-sidebar .wc-block-breadcrumbs .woocommerce-breadcrumb {position: fixed; background: white; padding: 5px 10px; width: 100%; z-index: 99;}
	.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb {top: 92px;}
	.woocommerce .product-sidebar .wc-block-breadcrumbs .woocommerce-breadcrumb {top: 60px; margin-left: -5%!important;}
	
	.wp-block-latest-posts__featured-image img{max-height:inherit!important; max-width:100%!important;}
	.wp-block-latest-posts.columns-2 li {width:100%!important;}
	.wp-block-latest-posts.is-grid li:nth-of-type(2n+1) {margin: 0 0 1em 0!important;} 
    .wp-block-latest-posts.is-grid li:nth-of-type(2n) {margin: 0 0 1em 0!important;}
	
	/* Imposta 2 prodotti per riga nella pagina Shop e categorie prodotti */
	.woocommerce-page.archive ul.products {gap: 0.2em;}
	.woocommerce.archive ul.products li.product {flex: 1 1 calc(50% - 0.2em); max-width: calc(50% - 0.2em); margin-bottom: 50px;}
    }


@media (max-width: 768px) {  
	.woocommerce-result-count{font-size: 12px;}
	.woocommerce .woocommerce-ordering select {font-size: 12px;margin-top:-10px;}
	.wp-block-navigation__responsive-container{padding: 20px!important;}
	/*.woocommerce div.product div.images .flex-control-thumbs li {width: initial; padding-right: initial;}
	.woocommerce-product-gallery {position: initial!important;}*/
	.related.products{margin-top: initial!important;}
    }

@media (max-width: 650px) {
	.wp-block-woocommerce-empty-cart-block{ padding:0 5%;}
	.woocommerce div.product {padding: 0;}
    }


/**** STYLE PAGE 404 ****/
#content.page404me{height:100vh;width:100vw;max-height:100vh;max-width:100vw;position:relative;margin-bottom: -47px;}
.error-404{width:100%;background-size: cover;background-position: center;background-repeat: no-repeat;z-index:1;}
.coverColor {background-color: var(--site-bg); opacity:.7; height:100vh; width:100vw; margin:0; padding:0; z-index:2; position:absolute;}
.cont404{position:relative;z-index:3;}
.page-title404 {text-align: center; margin-top:33vh; font-size: 80px;margin-bottom: 10px;}
.page-subtitle404 {text-align: center; font-size: 40px;margin-bottom: 20px;}
.page404-content p{font-size: 24px;margin-top: 20px;text-align: center;}
.page404-content a {color: #AA9F91;font-weight:bold;}
.page404-content a:hover {color: #333;}
.search404{margin-top:7vh;width:20%;margin-left:40%}


/**** decoration cover image ****/
/**.round-bottom img {
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    mask-size: 100% 90%;
    mask-position: top;
}**/

@media (min-width: 651px) and (max-width: 1190px) {
.roundTop {clip-path: ellipse(120% 100% at 50% 100%)!important;}
}

@media (max-width: 650px) {
	.roundTop {clip-path: ellipse(250% 100% at 50% 100%)!important;}
}

.round-bottom img {mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); mask-size: 100% 90%; mask-position: top;}
.roundCenter {clip-path: circle(60% at 50% 50%);}
.roundRight {clip-path: circle(100% at 20% 10%);}
.roundLeft {clip-path: circle(100% at 80% 10%);}
.roundTop {clip-path: ellipse(100% 100% at 50% 100%);}
.roundBottom {clip-path: ellipse(100% 100% at 50% 0%);}
.round2corner{clip-path: xywh(5% 0% 90% 100% round 10em 0);}
.roundCircle {clip-path: circle(40%);}
.roundInCorner {clip-path: ellipse(60% 100% at 0% 0%);}
.rombForm{clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);}
.roundBottomInv {position: relative; clip-path: none;} /* curva verso sotto */
.roundBottomInv::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; pointer-events: none; background-color: var(--site-bg);
	height: 25%; /* Regola per cambiare la profondità della curva */ 
	clip-path: ellipse(60% 40% at 50% 100%);z-index: 11;}
.shapeTriang{clip-path: polygon(0 100%, 100% 0, 100% 100%);}
.shapeZigzag {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 75% 80%, 50% 100%, 25% 80%, 0% 100%, 0% 100%);}
.shapeZigzagInv {clip-path: polygon(0 100%, 25% 60%, 50% 100%, 75% 60%, 100% 100%);}
.shapeTriangDown {clip-path: polygon(0 0, 100% 0, 50% 100%);}
.shapeTriangUp {clip-path: polygon(0 100%, 50% 0%, 100% 100%);}
.shapeTriangSx {clip-path: polygon(0 100%, 0 0, 100% 100%);}
.shapeTriangSxUp {clip-path: polygon(0 0, 100% 0, 0 100%);}
.shapeTriangDx {clip-path: polygon(0 100%, 100% 0, 100% 100%);}
.shapeTriangDxUp {clip-path: polygon(0 0, 100% 0, 100% 100%);}
.shapeTrapSx{clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);}
.shapeTrapSxUp{clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);}
.shapeTrapDx{clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);}
.shapeTrapDxUp{clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);}

/**** borders - da usare con i gruppi e cover ****/
.merlettoUp::after,
.merletto::before {content: ""; position: absolute; left: 0; width: 100%; height: 20px; z-index:-1;
	background-image: radial-gradient(circle, #606060 14px, transparent 16px); 
	background-size: 30px 30px; /* Dimensione dei cerchi */
    background-repeat: repeat-x; /* Ripete solo in orizzontale */
}
.merlettoUp::after {top: -12px; background-position: top; /* Posiziona il pattern sul fondo del div */}
.merletto::before {bottom: -10px; background-position: bottom; /* Posiziona il pattern sul fondo del div */}

.merletto2::before, .merletto2::after {content: ""; position: absolute; left: 0; width: 100%; z-index:1; background-position: top; background-repeat: repeat-x;}
.merletto2::before {bottom: -15px; height: 15px; background-size: 40px 20px;
    background-image: 
        linear-gradient(150deg, #333 25%, transparent 25%),
        linear-gradient(-150deg, #333 25%, transparent 25%);}
.merletto2::after { top: -20px; height: 25px; background-size: 40px 20px;
    background-image: 
        linear-gradient(340deg, #333 25%, transparent 25%),
        linear-gradient(-340deg, #333 25%, transparent 25%);}

.merletto3::before {background-position: top; top: -20px;}
.merletto3Up::after {bottom: -20px; background-position: bottom;}

.merletto3Up::before,
.merletto3::after {
    content: ""; position: absolute; left: 0; width: 100%; height: 20px; z-index:-1;
    background-image: repeating-linear-gradient(
        60deg,
        #333 0,
        #333 10px,
        transparent 10px,
        transparent 20px
    );
    background-size: 25px 20px; /* Dimensione dei triangoli */
    background-repeat: repeat-x;
}

.shapeMalboro::after {bottom: -1px; content: ""; position: absolute; z-index: 1; left: 0; width: 100%; 
    height: 80px; /* Altezza dell'onda */
    background-color: #fff; /* Colore della forma */
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%); /* Forma triangolare responsiva */  
}

.shapeMalboroInv::before {bottom: -1px; content: ""; position: absolute; left: 0; width: 100%;
    height: 80px; /* Altezza dell'onda */
    background-color: #fff; /* Colore della forma */
    z-index: 1; /* Mantiene la forma sotto il contenuto */}
.shapeMalboroInv::before {clip-path: polygon(0% 100%, 50% 100%, 0% 0%);} /* triang SX */
.shapeMalboroInv::after {clip-path: polygon(100% 100%, 50% 100%, 100% 0%);} /* triang DX */ 

.shapePiramider::after {bottom: -1px; content: ""; position: absolute; z-index: 1; left: 0; width: 100%; 
    height: 200px; /* Altezza dell'onda */
    background-color: #fff; /* Colore della forma */
    clip-path: polygon(0 100%, 20% 75%, 40% 100%, 60% 75%, 80% 100%, 100% 75%, 100% 0, 100% 100%); /* Forma a zigzag responsiva */ 
}

/**** divider a onde sinusoidi con SVG - da usare con i gruppi e cover ****/
/** change color by svg code fill="%23fff" in hex color dove "%23" rappresenta # **/
.shapeNike::after,
.shapeNike::before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 150px; background-repeat: no-repeat; background-size: 100% 100%; z-index: 10;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 C5,100 0,100 100,0 L100,100 L0,100 Z" fill="%23fff"/></svg>');  
}
.shapeNike::before{bottom: -1px; z-index: 2;}
.shapeNike::after {bottom: 15px; z-index: 1; opacity:0.5}

.shapeWave::after, 
.shapeWave::before {content: ""; position: absolute; left: 0; width: 100%; height: 100px; background-repeat: no-repeat; background-size: 100% 100%; 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><rect width="100" height="100" fill="none"/><path d="M0 50 Q 20 0, 50 50 T 100 50 L 100 100 L 0 100 Z" fill="%23fff" /></svg>');
}
.shapeWave::before{bottom: -1px; z-index: 2;}
.shapeWave::after {bottom: 15px; z-index: 1; opacity:0.5}

.shapeWaveUp::after, 
.shapeWaveUp::before {content: ""; position: absolute; left: 0; width: 100%; height: 100px; background-repeat: no-repeat; background-size: 100% 100%; 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><rect width="100" height="100" fill="none"/><path d="M0 50 Q 20 100, 50 50 T 100 50 L 100 0 L 0 0 Z" fill="%23fff" /></svg>');
}
.shapeWaveUp::before{top: -1px; z-index: 2;}
.shapeWaveUp::after {top: 15px; z-index: 1; opacity:0.5}
.shapeWaveUp.wp-block-cover {box-shadow: none !important;}


/***** lampeggio ****/
.lampeggio{
  animation:3s blinker linear infinite;
  -webkit-animation:3s blinker linear infinite;
  -moz-animation:3s blinker linear infinite;
}
@-moz-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/****** GALLERYME JS ******/
.wp-slider * {padding = 0; margin = 0;}
.wp-slider{margin:0 auto; position:relative; overflow:hidden; max-width: 60vw!important; /* Larghezza massima consentita */}
.wpcookie-slide{max-height: 100%; width:100%; display:none; animation-name:fade; animation-duration:1s;}
.wpcookie-slide img{width:100%;}
.fullScreen .wpcookie-slide img{max-height:100vh; object-fit: cover;}
@keyframes fade{
  from{opacity:0.5;}
  to{opacity:1;}
}
.wpcookie-controls{position:absolute; top:calc(50% - 15px); font-size:1.5em; padding:15px 10px; border-radius:5px; background:white; cursor: pointer; transition: 0.3s all ease; opacity: 0; transform: translateY(-50%);}
.wpcookie-controls:hover{opacity: 60%;}
.wpcookie-left-arrow{left:0px; border-radius: 0px 5px 5px 0px;}
.wpcookie-right-arrow{right:0px; border-radius: 5px 0px 0px 5px;}
.wp-slider svg {pointer-events: none;}
.dots-con{text-align:center;}
.wp-dot{display:inline-block; background:#523e3e; padding:3px; border-radius:50%; margin:10px 5px;}
.wpcookie-slider-active{background:#2c1e1e;}
@media (max-width:576px){
  .wp-slider{width:100%;}  
  .wpcookie-controls{font-size:1em; position: absolute; display: flex; align-items: center;}  
  .dots-con{display:none;}
}


/***** KENBURN EFFECT io *****/
.kenburnIo img {
  width: 100%;
  animation: move 30s ease infinite alternate;
  /* togli infinite x no loop, alternate x ritorno */
	
  -ms-animation: move 30s ease infinite alternate;
  -webkit-animation: move 30s ease infinite alternate;
  -0-animation: move 30s ease infinite alternate;
  -moz-animation: move 30s ease infinite alternate;
  position: absolute;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */    
    -o-transform: scale(1.0);
    /* Opera */    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */    
    -o-transform: scale(1.2);
    /* Opera */    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}

/***** LIGHTBOX *****/
/* Lightbox overlay */
.lightbox {display: none; position: fixed; z-index: 111111; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); text-align: center;}
/* Lightbox content */
.lightbox-content {position: relative; margin: auto; padding: 0; width: 90%; max-width: 85vw;}
/* Lightbox images */
.lightbox-content img {max-width: 100%; max-height: 95vh;}
/* Close button */
.lightbox-close {position: fixed; top: 15px; right: 15px; color: #fff; font-size: 40px; font-weight: bold; transition: 0.3s; background: transparent; border: 0;}
.close:hover,.close:focus {color: #000; text-decoration: none; cursor: pointer;}
.lightbox-close:hover,.lightbox-close:focus {color: #222; text-decoration: none; cursor: pointer;}
/* Navigation arrows */
.lightbox-prev, .lightbox-next {cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.3s; border-radius: 0 3px 3px 0; user-select: none; background: transparent; border: 0;opacity:.3;}
.lightbox-prev:hover, .lightbox-next:hover {color: white; background: #000; opacity:1;}
.lightbox-next {right: 0; border-radius: 3px 0 0 3px;}
.lightbox-next {right: 0; border-radius: 3px 0 0 3px;}
.lightbox-prev {left: 0;border-radius: 3px 0 0 3px;}
.lightbox-title {margin-top: 10px; text-align: center; font-size: 16px; color: #fff; /* Cambia il colore in base al design */}


/***************** SPLIDE GALLERY *****************/
/* full screen */
.full-screen-slider.splideOn {position: relative; width: 100vw; height: 100vh; overflow: hidden; max-height:100vh; background:#000;}
/* Configura la traccia e la lista per riempire la finestra */
.full-screen-slider.splideON .splide__track,
.full-screen-slider.splideON .splide__list {width: 100%; height: 100%;}
.full-screen-slider.splideON .splide__slide {display: flex; justify-content: center; align-items: center; width: 100vw!important; height: 100vh!important;}
.full-screen-slider.splideON .splide__slide img {width: 100%; height: 100%; object-fit: cover;}

/* carousel */
.carousel-slider {position: relative; width: 100vw; height: auto; overflow: hidden;}
.carousel-slider .splide__track,
.carousel-slider .splide__list {width: calc(100% - 60px); height: auto;}
.carousel-slider .splide__slide {display: flex; margin: 0 20px 0 0; justify-content: center; align-items: center; height: auto;}
.carousel-slider .splide__slide img {width: 100%; height: auto; object-fit: cover;}
.carousel-slider .splide__arrow {background: transparent;}
.carousel-slider .splide__arrow--next {right: 10px}
.carousel-slider .splide__arrow--prev {left: -3px}
.carousel-slider .splide__pagination {left: -10px; transform: translatey(5px); transition: transform 0.5s;}

@media (min-width: 651px) and (max-width: 1190px) {
	.carousel-slider {margin-left:-8%!important; overflow: visible!important}
	.carousel-slider .splide__track, .carousel-slider .splide__list {width:95%; margin-left: 40px; }
	.carousel-slider .splide__arrow--next {right: -10px}
	.carousel-slider .splide__arrow--prev {left: 15px}
	.carousel-slider .splide__slide img {width: 100%!important;}
	.carousel-slider .splide__pagination {transform: translatey(40px);}
}

@media (max-width: 650px) {
	.carousel-slider {margin-left:-8%!important; overflow: visible!important}
	.carousel-slider .splide__track, .carousel-slider .splide__list {width:100%; }
	.carousel-slider .splide__arrow--next {right: 8px}
	.carousel-slider .splide__slide img {width: 85%!important; margin-left:6%}
	.carousel-slider .splide__pagination {transform: translatey(35px);}
}

/* focus center with padding */
.side-padding-gallery.splideON .splide__track,
.side-padding-gallery.splideON .splide__list {width: 100%; height: 100%;}
.side-padding-gallery.splideON .splide__slide {width: 76% !important; max-height: 70vh !important; transition: opacity 0.5s ease; overflow: hidden; margin: 0 2%;}
.side-padding-gallery.splideON .splide__slide img {width: 100%; height: 100%; object-fit: cover;}

/* Imposta la trasparenza per le slide che non sono al centro */
.side-padding-gallery.splideON .splide__slide.is-prev,
.side-padding-gallery.splideON .splide__slide.is-next { opacity: 0.3!important; /* Riduce la visibilità delle slide laterali */}
.side-padding-gallery.splideON .splide__slide.is-active {opacity: 1; /* La slide attiva resta completamente visibile */}
.side-padding-gallery .splide__slide img {transition: transform 1s ease; /* Cambia la durata per velocizzare o rallentare */}
.side-padding-gallery .splide__slide.is-active img {transform: scale(1.05); /* Zoom avanti */}

/* vertical slider */
.vertical-slider.splideON .splide__track,
.vertical-slider.splideON .splide__list {width: 100%;}
.vertical-slider.splideON .splide__slide {justify-content: center; align-items: center; width: 100%!important; height: auto!important;}
.vertical-slider.splideON .splide__slide img {width: 100%; height: auto; object-fit: cover;}
.vertical-slider .splide__pagination--ttb{right:1em;}

/* gallery full screen post */
.lastPostSlider .splide__list {width: 100vw; height: 100vh;}
.lastPostSlider .splide__slide img {width: 100vw; height: 100%; object-fit: cover; position: relative; top: 0; left: 0; z-index: 1;	margin:0; padding:0;}/* Immagine della slide */
.lastPostSlider .contTextSlide{width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 2;}
.lastPostSlider .splide__slide .wp-block-post-title {position: relative; top: 22%; max-width: 80%;}/* Stili specifici per il titolo */
.lastPostSlider .splide__slide .wp-block-post-date {position: relative; top: 21%; max-width: 80%;}/* Stile per la data */
.lastPostSlider .splide__slide .wp-block-post-excerpt {position: relative; top: 23%; max-width: 80%;}/* Posizionamento e stile del testo sopra l'immagine */
.lastPostSlider .splide__slide .wp-block-post-excerpt p{font-size:150%!important;}
.lastPostSlider .splide__slide .wp-block-read-more{position: relative; top: 25%;max-width: 80%;}

/* Gallery post padding + zoom */
.lastPostGallery .splide__track {padding-right:11.5%!important;}
.lastPostGallery .splide__slide {background-color:#000;width: 76% !important; max-height: 70vh !important; overflow: hidden; margin: 0 2%;}
.lastPostGallery .splide__slide img {width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s ease!important;}/* Immagine della slide */
.lastPostGallery .contTextSlide{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.lastPostGallery .splide__slide .wp-block-post-title {position: relative; top: 22%; max-width: 80%;}/* Stili specifici per il titolo */
.lastPostGallery .splide__slide .wp-block-post-date {position: relative; top: 21%; max-width: 80%;}/* Stile per la data */
.lastPostGallery .splide__slide .wp-block-post-excerpt {position: relative; top: 23%; max-width: 80%;}/* Posizionamento e stile del testo sopra l'immagine */
.lastPostGallery .splide__slide .wp-block-post-excerpt p{font-size:120%!important;}
.lastPostGallery .splide__slide .wp-block-read-more{position: relative; top: 25%;max-width: 80%;}
.lastPostGallery .splide__slide.is-prev img,
.lastPostGallery .splide__slide.is-next img{ opacity: 0.3!important; /* Riduce la visibilità delle slide laterali */}
.lastPostGallery .splide__slide img {transition: transform 1s ease; /* Cambia la durata per velocizzare o rallentare */}
.lastPostGallery .splide__slide.is-active img {opacity: 0.9; transform: scale(1.05); /* Zoom avanti */}

/* effetto da aggiungere alle agllerie - splide js */
/* effetto zoom - aggiungi .zooom - splide js */
.zooom .splide__slide img {transition: transform 1s ease; /* Cambia la durata per velocizzare o rallentare */}
.zooom .splide__slide.iSactive img {transform: scale(1.05); /* Zoom avanti */}

/* Ken burn - aggiungi .kenBurn - splide js */
.kenBurn .splide__slide img {transform: scale(1); transition: transform 10s ease; /* Effetto più lento */}
.kenBurn .splide__slide.iSactive img {transform: scale(1.15); /* Incrementa il livello di zoom */}

/* rotate - aggiungi .rotater - splide js */
.rotater .splide__slide img {transition: transform 1s ease;}
.rotater .splide__slide.iSactive img {transform: rotate(3deg); /* Ruota leggermente l’immagine */}

/*************** fine galleria splide js****************/

/* effetti css applicabili */
/* effetto da aggiungere per ritardare le altre animazioni - per attivarle  .scrollAnimate+.altraclasse in guteberg scrollAnimate + altraclasse*/
.scrollAnimate {opacity: 0; transform: translateY(20px); /* Posizionato leggermente verso il basso */ transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.scrollAnimate.iSactiv {opacity: 1; transform: translateY(0);}

/* effetto fa scorrere la sezione da destra verso il centro - .slide-in-right */
@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.scrollAnimate.iSactiv.slide-in-right {animation: slideInRight 1s ease-out forwards;}

/* effetto fa scorrere la sezione da sinistra verso il centro - .slide-in-left */
@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.scrollAnimate.iSactiv.slide-in-left {animation: slideInLeft 1s ease-out forwards;}

/* effetto fa scorrere la elemento verso l'alto - .slide-in-up */
@keyframes slideInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.scrollAnimate.iSactiv.slide-in-up {animation: slideInUp 1s ease-out forwards;}

/* effetto fa apparire gradualmente l'elemento - .fade-in */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.scrollAnimate.iSactiv.fade-in {animation: fadeIn 1.5s ease-in forwards;}

/* effetto combinato che scorre da destra e appare gradualmente - .fade-slide-in */
@keyframes fadeSlideIn {
  from {
    transform: translateX(50%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.scrollAnimate.iSactiv.fade-slide-in {animation: fadeSlideIn 1.5s ease-in-out forwards;}

/* effetto fa scorrere l'elemento da sinistra quando entra nella visualizzazione - .slide-in */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.scrollAnimate.iSactiv.slide-in {animation: slideIn 1s ease forwards;}

/* animazione "pulsante" a un elemento per attirare l'attenzione - .pulse-button */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.pulse-button {display: inline-block; animation: pulse 1.5s infinite;}

/* animazione elemento rimbalza leggermente quando l'utente ci passa sopra - .bounce-hover */
@keyframes bounceHover {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.bounce-hover {  display: inline-block; animation: none; transition: all 0.2s ease;}
.bounce-hover:hover {animation: bounceHover 0.5s;}

/* effetto elemento scorre quando l'utente ci passa sopra - .hover-slide-in */
.hover-slide-in {overflow: hidden; transition: transform 0.5s ease-in-out;}
.hover-slide-in:hover {transform: translateX(10px);}

/* effetto ingrandisce leggermente l'elemento quando l'utente ci passa sopra - .zoom-effect */
.zoom-effect {transition: transform 0.3s ease-in-out;}
.zoom-effect:hover {transform: scale(1.1);}

/* effetto ombra leggera quando l'utente passa con il mouse sull'elemento - .shadow-hover */
.shadow-hover {transition: box-shadow 0.3s ease-in-out;}
.shadow-hover:hover {box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}

/* effetto ruota l'elemento di 10 gradi quando viene selezionato con il mouse - .rotate-hover */
.rotate-hover {transition: transform 0.3s ease;}
.rotate-hover:hover {transform: rotate(10deg);}

/* effetto sfoca leggermente l'elemento quando il mouse passa sopra di esso - .blur-hover */
.blur-hover {transition: filter 0.3s ease;}
.blur-hover:hover {filter: blur(2px);}

/* shadow - ombre */
.simpleShadow {-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.46); box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.46);}
.hoverShadow {-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 8px 0px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 8px 0px rgba(0,0,0,0);}
.sidesShadow {-webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);}
.buttonShadow {-webkit-box-shadow: inset -1px 3px 8px 5px #1F87FF, 2px 5px 16px 0px #0B325E, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: inset -1px 3px 8px 5px #99270b, 2px 5px 16px 0px #99270b, 5px 5px 15px 5px rgba(0,0,0,0);}

/* img shadow - ombre foto */
.simpleShadowImg img {-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.46); box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.46);}
.hoverShadowImg img {-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 8px 0px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #000000, 5px 5px 8px 0px rgba(0,0,0,0);}
.sidesShadowImg img {-webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);}

/* Customizzable effetto fa scorrere la sezione da sinistra verso il centro - .slide-in-leftSmall */
@keyframes slideInLeftSmall {
  from {
    transform: translateX(-40%);
    opacity: 0;
  }
  to {
    transform: translateX(-150px);
    opacity: 1;
  }
}
.scrollAnimate.iSactiv.slide-in-leftSmall {animation: slideInLeftSmall 1s ease-out forwards;}

/* label nascosto per toggle light/dark mode */
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}


/* responsive embed social video for mobile in simple text box*/
@media (max-width: 1024px) {
	/* Embed responsive universale */
	iframe[src*="youtube.com"],
	iframe[src*="youtu.be"],
	iframe[src*="vimeo.com"],
	iframe[src*="tiktok.com"],
	iframe[src*="instagram.com"],
	iframe[src*="facebook.com"],
	iframe[src*="twitter.com"],
	iframe[src*="x.com"],
	iframe[src*="dailymotion.com"],
	iframe[src*="twitch.tv"],
	.wp-block-embed iframe {width: 100% !important;	max-width: 100% !important;	height: auto !important; border: 0;	display: block;	margin: 0 auto;	aspect-ratio: 16 / 9;}
	/* Formati verticali (Reels, Shorts, TikTok ecc.) */
	iframe[src*="tiktok.com"],
	iframe[src*="instagram.com/reel"],
	iframe[src*="shorts"],
	iframe[src*="facebook.com/reel"],
	iframe[src*="x.com/i/status"],
	iframe[src*="twitter.com/i/status"] {aspect-ratio: 9 / 16;}
	/* Per blocchi colonne Gutenberg */
	.wp-block-column iframe {max-width: 100%;}
  }