/**
 *
 *  █▀▀▄  █    ▄▀▀▄  ▄▀▀  
 *  █▀▀█  █ ▄  █  █  █ ▀▌ 
 *  ▀▀▀   ▀▀▀   ▀▀   ▀▀▀  - BLOG
 *
 * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 */



/*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/



/*∞∞∞∞∞∞ Section 1 ∞∞∞∞∞∞*/
#s1_single_blog .tag_list { margin-top: 1em; gap: .5rem }
#s1_single_blog .tag_list li a { border: 1px solid var(--red); border-radius: 5rem; color: var(--black); font-size: 16px; text-transform: uppercase; padding: .5rem 1rem; }




/*∞∞∞∞∞∞ Section 2 ∞∞∞∞∞∞*/
/*#s2_single_blog .wrapper > div {}
#s2_single_blog .text :where( h2, h3, h4, h5, h6, li, p ) { color: #3e3e3e; }
#s2_single_blog .text :where( h2, h3, h4, h5, h6 ) { font-weight: bolder; }
#s2_single_blog .text :where( h2, .h2 ) { font-size: 150%; }
#s2_single_blog .text :where( h3, .h3, h4, .h4 ) { font-size: 125%; }
#s2_single_blog .text :where( h5, .h5, h6, .h6 ) { font-size: 100%; font-weight: bolder; }
#s2_single_blog .text a:not(.link) { display: inline-block; font: inherit; color: var(--link_color); text-decoration: underline; }
#s2_single_blog .text li { margin: .25em 0; }
#s2_single_blog .text li:first-of-type { margin-top: 0; }
#s2_single_blog .text li:last-of-type { margin-bottom: 0; }
#s2_single_blog .text p { line-height: 1.6; }*/

#s2_single_blog .single_data { padding: 0 var(--c5o); }
#s2_single_blog .single_block { padding: 0 var(--c5o); }

.single_data { gap: .5rem; margin-bottom: var(--c7v); }
.single_data p { min-width: fit-content; margin-top: 0; color: #949494; }


/* Intro */
#s2_single_blog .single_intro p { font-size: 115%; font-weight: 500; }
#s2_single_blog .single_block picture { border-radius: 1rem; overflow: hidden; }

#s2_single_blog .single_block { margin-bottom: var(--c10v); }

/* Paragrafo */
#s2_single_blog .single_paragraph {}

/* Citazione */
#s2_single_blog .single_cit { padding: 0 calc(var(--c5o) + 1.5rem); }
#s2_single_blog .single_cit p.h3 { font-size: 125%; line-height: 1.5; font-style: italic; }
#s2_single_blog .single_cit p.h3::before { 
	content: '"'; position: absolute; top: 0; left: 0; transform: translateX(calc(-100% - .5ch));
	font-size: 175%; line-height: 1; color: #3e3e3e;
}
#s2_single_blog .single_cit p.h3 big { font-size: 175%; line-height: .5; vertical-align: text-bottom; }
#s2_single_blog .single_cit p.author { text-align: right; font-size: 85%; line-height: 1.25; }

/* Immagine */
#s2_single_blog .single_img {}
#s2_single_blog .single_img img { object-fit: contain; } 

/* Galleria */
#s2_single_blog .single_gallery .swiper-slide {}
#s2_single_blog .single_gallery .swiper-slide .filter_black { opacity: 0; transition: .25s ease; }
#s2_single_blog .single_gallery .swiper-slide svg { width: 25%; max-width: 4em; filter: drop-shadow(0 0 .5em rgb(30 30 30 / 50%)); opacity: 0; transition: .25s ease; }
#s2_single_blog .single_gallery .swiper-slide svg .zoom_path { fill: var(--white); transition: .25s ease; }
#s2_single_blog .single_gallery .nav_btn { background-color: var(--red); margin: .5rem; border-radius: 50%; }


/* Video */
#s2_single_blog .single_video {}

/* Articolo Correlato */
#s2_single_blog .single_link { padding: 0 var(--c5o); }
#s2_single_blog .single_link.text a { 
	padding: 1.5em; 
	background-color: #faebd7; box-shadow: 0 0 1.5em rgb(30 30 30 / 25%); 
	border: 0 0 1px solid #ccc; border-radius: .5em; 
	text-decoration: none;
}
#s2_single_blog .single_link a > h3 {}
#s2_single_blog .single_link a > h3::after {
	content: ''; display: inline-block; position: relative;
	width: 1.25rem; height: 1.25rem; margin-left: 1em;
	vertical-align: text-bottom; background: url(../images/svg/ico_link.svg) no-repeat center / contain;
}
#s2_single_blog .single_link a > p {}

/* CTA */
#s2_single_blog .single_cta {}
#s2_single_blog .single_cta .link { margin-top: 0; }

/* Newsletter */
#s2_single_blog .single_form {}
#s2_single_blog .single_form h3 { margin-bottom: 1.5rem; }


/*∞∞∞∞∞∞ Sidebar ∞∞∞∞∞∞*/
#sidebar_blog { 
	position: fixed; top: 0; left: 0;
	display: flex; align-items: flex-start; justify-content: space-between; width: 100%; transform: translateY(-100%); 
	padding: 1em; transition: .25s ease;
	overflow: visible; z-index: 2;
}
#sidebar_blog.active { transform: translateY(0); top: calc( 50px + ( 190 - 50 ) * ( (100vw - 320px) / 1600 ) ); }

/* Overlay */
#sidebar_blog .mobile_overlay {
	display: none;
	position: fixed; top: 0; left: 0;
	width: 100vw; height: 100vh;
	background-color: rgb(var(--black-rgb) / 75%);
	z-index: 1;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	#sidebar_blog .mobile_overlay { 
		-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); 
	}
}
#sidebar_blog .mobile_overlay.active { display: block; }

/* Sidebar Index */
#sidebar_blog .index { 
	display: block; flex: 1 1 auto; position: relative;
	padding: 0; border-radius: .5em; 
	background-color: var(--white); box-shadow: 0 0 .25em rgb(var(--black-rgb) / 25%), 0 0 2em rgb(var(--black-rgb) / 25%);
	transition: .25s ease; z-index: 2; overflow: hidden;
}

/* Icons */
#sidebar_blog .index:before, #sidebar_blog .index:after {
	display: inline-block; content: ''; 
	position: absolute; top: 0;
	width: 40px; height: 50px;
	transition: .25s ease;
}
#sidebar_blog .index:before { left: 0; background: url(../images/svg/index_icon.svg) no-repeat center / 1em; }
#sidebar_blog .index:after { right: 0; background: url(../images/svg/index_arrow.svg) no-repeat calc(100% - .75em) center / 1em; }
#sidebar_blog .index.opened:after { transform: scale(1, -1); }

/* Buttons */
#sidebar_blog .index li { list-style: none; }
#sidebar_blog .index li button {
	width: 100%; height: 50px; padding:  0 40px;
	font-size: 100%; line-height: 1.25; font-weight: 400; color: var(--black);
	text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
	cursor: pointer; transition: .25s ease;
}
#sidebar_blog .index li button br { display: none !important; }
#sidebar_blog .index li.active button { color: var(--link_color); opacity: .375; }

/* Index Select */
#sidebar_blog .index_select { height: 50px; overflow: hidden; z-index: 1; }
#sidebar_blog .index_select:before, #sidebar_blog .index_select:after {
	display: block; content: ''; z-index: 1;
	position: absolute; left: 0; top: 0;
	width: 100%; height: .625em; background-color: var(--white);
}
#sidebar_blog .index_select:after { top: auto; bottom: 0; }
#sidebar_blog .index_select > ul { will-change: transform; transition: .125s linear .025s; }
#sidebar_blog .index_select li.active button { opacity: 1; }

/* Index List */
#sidebar_blog .index_list { display: none; z-index: 1; }
#sidebar_blog .index_list:before {
	display: inline-block; content: '';
	position: absolute; top: 0; left: 10px;
	width: calc(100% - 20px); height: 1px;
	background-color: #ccc;
}
#sidebar_blog .index.opened .index_list { padding: 15px 0; }

/* Trigger */
#sidebar_blog .index_trigger { position: absolute; top: 0; right: 0; width: 100%; height: 50px; z-index: 1; }
#sidebar_blog .index_trigger.hide { display: none; }

/* Sidebar Prev / Next */
#sidebar_blog .post_nav { display: none; }

/* Sidebar Newsletter */
#sidebar_blog #side_form { display: none; }

/* Sidebar Share */
#sidebar_blog #side_share { display: none; }

/* Related */
.sec_related .nav_btn { display: block; width: 2.5em; height: 2.5em; padding: .25em; }
.sec_related .nav_btn :where(img, svg) { width: 100% }
.sec_related .nev_prev {}
.sec_related .nav_next {}

.sec_related .nav_dots { gap: .5em; }
.sec_related .nav_dots span.swiper-pagination-bullet { width: 0.75em; height: 0.75em; border: 1px solid #3e3e3e; background: transparent; transition: .25s ease; }
.sec_related .nav_dots span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #3e3e3e; transform: scale(1.25); }

/* Section 4 */








@media screen and (min-width: 601px) {


	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */


	/*∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	
	#s2_single_blog .single_data { justify-content: space-between; }


}




@media screen and (min-width: 768px) {


	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/
	/* Sec 1 */
	/* Sec 2 */
	/* Sec 3 */


	/*∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞*/


	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/


}




@media screen and (min-width: 1024px) {


	/*∞∞∞∞∞∞ BLOG ∞∞∞∞∞∞*/

	/* Sec 1 */

	/* Sec 2 */
	.tag_list li a:hover {}

	/* Sec 3 */


	/*∞∞∞∞∞∞ CARD BLOG ∞∞∞∞∞∞*/

	.card_blog:hover {}


	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	#s2_single_blog .container { padding-right: var(--c2o); }

	/* Galleria */
	#s2_single_blog .single_gallery .swiper-slide:hover .filter_black { opacity: .75; }
	#s2_single_blog .single_gallery .swiper-slide:hover svg { opacity: 1; }




	/* Sidebar */
	#sidebar_blog { position: sticky; top: calc( 88px + ( 120 - 88 ) * ( (100vw - 320px) / 1600 ) ); left: auto; width: 25%; margin-top: var(--c5v); padding: 1em 0; flex-wrap: wrap; transform: none; }
	
	/* Sidebar Index */
	#sidebar_blog .index { background-color: var(--red); }
	#sidebar_blog .index:before, #sidebar_blog .index:after, #sidebar_blog .index_select { display: none; }
	#sidebar_blog .index_list { display: block; padding: 0.5em 0; }
	#sidebar_blog .index_list:before { display:none; }
	#sidebar_blog .index li button { height: auto; padding: 0.625em 1.25em; color: var(--white); }
	#sidebar_blog .index li.active button { color: var(--black); opacity: 1; }
	
	/* Sidebar Prev / Next */
	#sidebar_blog .post_nav {
		display: block; margin-top: 1em;
		border-radius: 0.5em; overflow: hidden;
		background-color: rgb(var(--black-rgb) / 25%); box-shadow: 0 0 1em rgb(var(--black-rgb) / 25%);
	}
	#sidebar_blog .post_nav .text { bottom: 0; left: 0; padding: 1em; }
	#sidebar_blog .post_nav .text p { font-weight: 700; color: var(--white); }

	/* Sidebar Newsletter */
	#sidebar_blog #side_form { display: block; margin-top: 1em; }
	
	/* Sidebar Share */
	#sidebar_blog #side_share { display: flex; margin-top: 1em; }


	#sidebar_blog .card_blog .card_content { padding: 1.25rem; }
	#sidebar_blog .card_blog mark { padding: .5rem .75rem; }
	#sidebar_blog .card_blog .card_content h3 { font-size: 1.25rem; }
	#sidebar_blog .card_blog .card_content p { font-size: .96rem; }

}




@media screen and (min-width: 1281px) {



}