/*
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.5.2
Author:     	Dalpho.com
Site:         https://www.dalpho.com
Text Domain: 	dalphotheme
Tested up to: 6.1
Requires PHP: 5.6
Domain Path: 	/languages
Tags:        	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: 16px; 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 +/


/* 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;}

/* 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%;}

.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 (max-width: 768px) {
  .text-0{font-size: 4rem}
  h1, .text-1{font-size: 3rem;}
}


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

/* 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;}


/* No Footer 100 Width ----------------------------------------------- */
.grid.noFooter {max-width: 100vw;}
.noFooter footer{display: none;}

@media (min-width: 1190px) {
  
	}

@media (max-width: 1190px) {
  
} 

/*------------------------------------------ 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 (max-width: 768px) {	
.wp-post-image.img-res{max-height:60vh;}
  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;}


@media (max-width: 768px) {
	.sma-text-center{float:none; text-align: center;}	
}

/* 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;}
/*
.is-content-justification-left { margin-right: auto; margin-left: 0px; float:left;}
.is-content-justification-right { margin-left: auto; margin-right: 0px; float:right;}
*/
@media only screen and (min-width: 1025px) {
	body .alignfull {width: auto; max-width: 100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw);}
	body .alignwide {width: auto; max-width: 100vw; margin-right: calc(25% - 25vw); margin-left: calc(25% - 25vw);}
	.relatedPosts.alignfull h3 {margin-bottom: 20px !important; padding: 10px;}
	.relatedPosts.alignfull {max-width: 70vw; margin-left:auto; margin-right:auto;}
  .relatedItems p{padding-left: 10px!important;}
  .relatedPosts img {padding-bottom: 10px;}
}

@media (min-width: 601px) and (max-width: 1024px) {
	.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;}
}

@media (max-width: 600px) {
	.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;}
}

/* Go Top */
.goTop {background:rgba(0,0,0,.8); color:#fff; text-align:right; position: relative; margin: 0 0 0 auto; padding: 8px 10px 9px; bottom: 100px; width: 70px; right: -75px; 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{}


/* 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; }
.sticky-columns {
    position: -webkit-sticky; /* Per Safari */
    position: sticky;
    top: 20px; /* Distanza dall'alto */
    z-index: 10;
}

/* 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; }

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

/* 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%; }

ol.commentlist {margin: 0 0 1em; padding: 0; 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%;}

#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: 1px 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;}

#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 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{margin-top: 50px;}

@media (min-width: 1025px) {
	#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;}
  }


/* 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;}
footer .grid { margin: 0; max-width: 100%;}
.grid.footerCopy{padding: 21px 4% 1px;}
:root :where(footer p) {margin-bottom: 0;}
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;}


[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: 768px) {
  [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  --------------------------------------------- */
/* Text meant only for screen readers. */
.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: #21759b; 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: 100000; /* 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; }
  }
.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:'\f169';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-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-tk{display:inline-block;margin:-3px 5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;background-image:none;}
.icon-tk::before{font-family:'Dashicons';content:'\f1a2';font-size:18px;color:#69C9D0;display:inline-block;vertical-align:middle;margin-right:5px;}
.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 ****/



/* WooCommerce
------------------------------------------------------------------------ */
.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 .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);}
/* button */
.woocommerce .button{background:#222!important; color:#fff!important; text-transform: uppercase;font-family: inherit!important;}

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

@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;}
}

/* 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;}
  }
/* 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 **************************************************************/
section.products{float:left; clear:left; width:100%; margin-top:100px;}
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-tabs.wc-tabs-wrapper{margin-top:100px; float:left;}
.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:50px; border-top:1px solid #eee;}
.woocommerce-product-details__short-description p{font-size: 1.1rem; padding:30px 0}
.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 span.onsale {background-color: #000; color: #fff; font-weight: bold; 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 {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
/* 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 ***************************/



/* Desktop */
@media (min-width: 992px) {
 .woocommerce-content {padding: 7% 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 #eee; padding: 25px 20px 50px 50px; 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: 4.7rem; text-transform: capitalize; margin-bottom: 1rem;}
.woocommerce span.onsale {top: 10px; 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: 50%;}
.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 30px 0 0;}

/* Imposta 3 prodotti per riga nella pagina Shop */
.woocommerce ul.products li.product {width: 30%; margin-right: 3.33%; /* Spazio tra i prodotti */}
.woocommerce ul.products li.product:nth-child(3n) {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; text-transform: uppercase; 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;}

}

/* Desktop */
@media (min-width: 1445px) {
 
}

/* Laptop */
@media (min-width: 1201px) and (max-width: 1440px) {

}

/* Laptop */
@media (min-width: 992px) and (max-width: 1200px) {
 
}


/* Tablet verticale */
@media (min-width: 601px) and (max-width: 991px) {
  .woocommerce-content {padding-top: 10%;}
  .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;}
}

/* Smartphone */
@media (max-width: 600px) {  
	.woocommerce-content {padding-top: 15%;}
  .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: 3.5rem; text-transform: capitalize; margin-bottom: 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;}

}

/**** 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;
}

.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 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%);}
.shapeZigzag {clip-path: polygon(0 100%, 25% 60%, 50% 100%, 75% 60%, 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 # **/
.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;}


/***************** 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;}

/* 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);}


.zindex10{position: relative; z-index:10;}
/* 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;}