.blog{margin-block:2rem;padding-inline:var(--paddingSection);}
.blogList_list{display:grid;gap:2rem;}
.blogList_picture{aspect-ratio: 3/2;}
.blogList_title{display:block;margin-block:0.5rem 0.8rem;font-size:1.3rem;color:var(--colorTitle)}
.blogList_link:hover .blogList_title{text-decoration:underline;}
.blog_sidebar{margin-top:2rem;}
.blog_sidebar h4{margin-bottom:1.3rem;text-align:center;font-family:'Butler';font-size:2.2rem;line-height:2.9rem;}
.blogCategoryList{margin-bottom:2.5rem;}
.blogCategoryList_list{display:grid;gap:0.5rem;}
.blogCategoryList_link{background-color:var(--blueLight);display:block;padding:1rem;border-radius:var(--radius);text-align:center;font-size:1.1rem;font-weight:500;color:var(--colorTitle)}
.blogCategoryList_link:hover{background-color:var(--blue);color:var(--white);}
.blogListMostReadArticle_list{display:grid;gap:1rem;}
.blogListMostReadArticle_link{background:var(--white);display:grid;border-radius:var(--radius);grid-template-columns:1fr 2fr ;gap:0.5rem;align-items:center;box-shadow:0 10px 30px rgba(15, 44, 66, 0.05);}
.blogListMostReadArticle_picture{border-radius:var(--radius) 0 0 var(--radius);aspect-ratio: 1/1;}
.blogListMostReadArticle_title strong{display:block;line-height:1.6rem;color:var(--colorTitle);color:var(--blue);font-size:1.1rem;font-family:'Butler';}
.blogListMostReadArticle_link:hover .blogListMostReadArticle_title strong{text-decoration:underline;}
.blogListMostReadArticle_title span{display:block;text-decoration:underline;font-size:0.9rem;}
.blogListMostReadArticle_title span:hover{color:var(--blue);}
.blog_title{margin-bottom:1rem;text-align:center;font-size:2.5rem;}
.animation--blog{padding:0;}
.animation--blog .animation_btn{margin:1.5rem 0 0 0;padding:0.7rem 1.6rem;text-transform:uppercase;}
.animation--blog .animation_itemTitle:hover{text-decoration:underline;}
/*------BLOG PAGINAZIONE------*/
.blog_pagination{margin:20px 0;}
.blog_pagination ul{display:flex;gap:0 9px;}
.blog_pagination li{border:var(--border);border-radius:var(--radius);}
.blog_pagination li a,.blog_pagination li>b{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;}
.pagination_arrow_right{font-size:2rem;font-weight:300;}
.blog_pagination li:hover:not(.pagination_active){cursor:pointer;}
.blog_pagination li:hover,.blog_pagination .pagination_active{background-color:var(--colorTitle);border-color:var(--colorTitle);}
.blog_pagination li:hover a,.blog_pagination .pagination_active>b{color:var(--white);}


/*--- ARTICOLO ---*/
.article{margin-block:1rem 2rem;padding:5rem var(--paddingSection) 0;}
.article:before{content:'';background-color:var(--blue);position:fixed;top:0;left:0;display:block;width:100%;height:3.8rem}
.articleHeader_datePublished{display:flex;margin-top:0.5rem;align-items:center;gap:0.2rem;font-size:0.9rem;line-height:normal;}
.articleHeader{margin-bottom:1rem;}
.articleHeader div{display:block;width:100%;padding:9px 0;border-top:1px solid var(--borderColor);border-bottom:1px solid var(--borderColor);}
.articleHeader i{display:inline-block;background:var(--colorTitle);padding:4px 15px;margin-right:8px;color:var(--white);font-style:normal;border-radius:20px;font-size:13px;}
.article_title{font-size:2.4rem;line-height:2.6rem;}
/*--- CONTENUTO ARTICOLO  ---*/
.articleBody{margin-bottom:20px;}
/*-- TITOLI --*/
.articleBody h2,.articleBody h3,.articleBody h4,.articleBody h5,.articleBody h6{clear:both;margin:1rem 0 0.4rem 0;color:var(--blue);}
.articleBody h2{font-size:26px;color:var(--colorTitle);}
.articleBody h3{font-size:2.2rem;line-height:2.3rem;}
.articleBody h4{font-size:1.4rem;color:var(--colorTitle);line-height:2rem;}
.articleBody h5{font-size:20px;}
.articleBody h6{font-size:18px;}
/*-- IMMAGINI --*/
.articleBody img{clear:both;display:block;float:none!important;width:100%;max-width:100%;height:auto!important;margin:0.4rem auto;border-radius:var(--radius);}
.articleBody img:not([style*="float"]):not([class*="cta"]){max-width:100%!important;width:100%!important;}

/*-- IFRAME --*/
.articleBody iframe{width:100%;height:420px;border:0;}
/*-- LINK --*/
.articleBody a{display:block;margin:0.5rem 0;color:var(--blue);text-decoration:underline;}
/*-- PARAGRAFI --*/
.articleBody p{overflow:hidden;}
.articleBody p a{display:inline-block;margin:0;}
/*-- LISTE --*/
.articleBody ol,.articleBody ul{display:grid;margin:0.5rem;gap:0.6rem 0;}
.articleBody ol li, .articleBody ul li{position:relative;padding-left:1.5rem;}
.articleBody ul li:before {content:"";background-color:var(--blue);position:absolute;top:0.6rem;left:0.5rem;display:block;border-radius:50%;width:0.5rem;height:0.5rem;}
.articleBody ol {counter-reset:headings;}
.articleBody ol li:before {counter-increment:headings;content:counters(headings, ".") ".";position:absolute;top:0;left:0;color:var(--blue);font-weight:600;}
.articleBody ol li a, .articleBody>ul li a{display:inline-block;margin:0;}
/*-- TABELLE --*/
.blog_txt_table{display:block;margin:0.9rem 0;overflow-x:scroll;}
.blog_txt_table::-webkit-scrollbar{height:10px;}
.blog_txt_table::-webkit-scrollbar-track{background-color:var(--blueLight);border-radius:20px;border:var(--border);}
.blog_txt_table::-webkit-scrollbar-thumb {background-color:var(--blue);border-radius:20px;}

.articleBody table{border-collapse:collapse;width:100%;font-size:1rem;text-align:center;line-height:1.7rem;}
.articleBody th{background-color:var(--blueLight);padding:0.5rem;color:var(--colorTitle);}
.articleBody th:first-child{border-top-left-radius:12px;}
.articleBody th:last-child{border-top-right-radius:12px;}
.articleBody td{border-bottom:2px solid var(--colorBorder);padding:0.5rem;min-width:120px;border-bottom:var(--border);}
.articleBody td a{display:inline-block;margin:0;}
.articleBody tr:last-child td{border-bottom:none;}

/*vedi anche*/
.blog_txt_seealso{position:relative;clear:both;display:block;border-top:var(--border);border-bottom:var(--border);margin-block:1rem;padding-block:0.5rem;}
.articleBody .blog_txt_seealso a {position:relative;display:block;border-bottom:0;padding-left:1rem;color:var(--colorText)}
.blog_txt_seealso a:hover {text-decoration:underline;color:var(--orange)}
.blog_txt_seealso a:before {content:" ";position:absolute;top:7px;left:0;display:block;border:6px solid transparent;border-left:9px solid var(--colorText);}
.blog_txt_seealso a:hover:before {border-color:transparent transparent transparent var(--orange);}

/*tips*/
.articleBody .tips {position:relative;clear:both;display:block;background-color:var(--blueLight);margin-block: 1rem;padding: 1.3rem 0.6rem 1.2rem;border:1px solid var(--blue);font-size: 0.95rem;border-radius:var(--radius);font-style:italic;overflow:hidden;color: var(--blue);}
.articleBody .tips:before {content:"I consigli di Triscinamare";position:absolute;right:6px;top:-3px;color: var(--colorText);font-size:0.8rem;font-weight: 600;}


/*indice*/
.activeIndice{background:rgba(0, 0, 0, 0.65);position:fixed;top:0;left:0;display:flex;width:100%;height:100%;padding:0 25px;z-index:99999;align-items:center;justify-content:center;flex-direction:column;}
.indice_title{background:#fff;display:block;width:100%;margin:0;padding:1rem 0 1.2rem;border-radius:var(--radius) var(--radius) 0 0;font-family:'Butler';color:var(--colorTitle);font-size:1.7rem;font-weight:600;text-align:center;}
.activeIndice.indice{display:flex;}
.activeIndice ol{background:#fff;width:100%;padding:0 1rem 1rem;border:var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius);overflow:visible;}
.indice{display:none;}
.indice b{display:block;margin-bottom:17px;font-size:30px}
.indice li{position:relative;overflow:hidden;}
.indice li a{display:flex;padding-block:0.4rem;align-items:center;gap:0.3rem;color:var(--colorTitle);font-weight:500;}
.indice li a:before{content:'';background-color:var(--orange);display:inline-block;flex:0 0 0.8rem;height:0.8rem;border-radius:50%;}
.indice li:after{content:'';background-color:var(--orange);position:absolute;top:0;bottom:0;left:0.4rem;width:0.1rem;}
.indice li:first-child:after{top:50%;}
.indice li:last-child:after{bottom:50%;}
.indice li a:hover{text-decoration:underline;}
.indice .active{text-decoration:underline;color:var(--orange)}
#openIndex{background-color:var(--blue);position:fixed;display:flex;bottom:2rem;right:1rem;width:3rem;height:3rem;border-radius:var(--radius);font-size:1.4rem;color:#fff;align-items:center;justify-content:center;text-indent:-9999px;z-index:9999;opacity:0;transform:translateY(150%);-webkit-transform:translateY(150%);-moz-transform:translateY(150%);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
#openIndex.on{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}


.blog--category{padding-top:5rem;}
.blog--category:before{content:'';background-color:var(--blue);position:fixed;top:0;left:0;display:block;width:100%;height:3.8rem}
@media(min-width:768px){
.blogList_list{grid-template-columns:1fr 1fr;gap:3rem 2rem;}
.blog_sidebar{display:grid;grid-template-columns: 1fr 1fr;gap:2rem;}
.blog_title{margin-bottom:2rem;}
.articleBody p img[style*="float:right"],.articleBody p img[style*="float: right"]{float:right!important;margin-left:0.4rem;}
.articleBody p img[style*="float:left"],.articleBody p img[style*="float: left"]{float:left!important;margin-right:0.4rem;}
}
@media(min-width:1024px){
.blog{display:grid;grid-template-columns:2fr 1fr;gap:0 1rem;}
.blog_sidebar{display:block;margin:0;padding-left:1rem;}
.blogList_list{gap:3rem 1rem;}
.article{display:grid;padding-top:6rem;grid-template-columns:2fr 1fr;gap:0 1rem;}
.article:before{height:5rem;}
.indice{background:var(--white);position:sticky;display:block;top:6rem;margin-top:2.5rem;padding:1rem;border-radius:var(--radius);box-shadow:0 10px 30px rgba(15, 44, 66, 0.05);}
.indice_title{padding:0;margin-bottom:1.5rem;}
.indice li:after{left:0.34rem;}
#openIndex{display:none;}
.blog_title{margin-bottom:3rem;font-size:3rem;}
.article_title{font-size:2.6rem;line-height:3rem;}
.animation--blog{margin:0;}
.animation--blog .animation_list{margin:0;grid-template-columns:1fr 1fr;}
.articleBody h2, .articleBody h3, .articleBody h4, .articleBody h5, .articleBody h6{margin:3rem 0 0.4rem 0;}
.blog--category{padding-top:6rem;}
.blog--category:before{height:5rem;}
}
@media(min-width:1440px){
.blog,.article{grid-template-columns:2.5fr 1fr;gap:0 2rem;}
.blog_sidebar{padding-left:3rem;}
.blogList_title{font-size:1.5rem;}
.article_title{font-size:3rem;line-height:3.5rem;}
.blogListMostReadArticle_title strong{padding-right:0.3rem;font-size:1.3rem;}
.indice{padding:2rem;}
.indice li a{gap:1.2rem;}

/* .animation--blog .animation_list{grid-template-columns:1fr 1fr 1fr;gap:1rem;} */
}