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

/*∞∞∞∞∞∞ Section 1 ∞∞∞∞∞∞*/
.s1_single .s1_title h1 + p { font-size: 2rem; margin-top: 1rem; text-shadow: 0 .25rem .45rem rgb(0 0 0 / 25%); }


.date_wrapper { gap: .5rem 1rem; margin-bottom: var(--c7v); }
.date_wrapper p { font-size: 1rem; }
.date_wrapper hr { display: none; }


/*∞∞∞∞∞∞ Blocchi ∞∞∞∞∞∞*/
.single_block + .single_block { margin-top: var(--c2v); padding-top: var(--c2v); }

.single_block h2 { font-size: clamp(2.5rem, 4vw, 3rem); font-weight: 700; color: var(--blue); }
.single_block h3 { font-size: clamp(2rem, 3vw, 2rem); color: var(--blue); }

/* Immagine */
.single_block.single_paragraph img, .single_block picture img { border-radius: 1.5rem 0 1.5rem 0; }

/* Link */
.single_link { background: linear-gradient(to top, var(--gradient)); padding: 1.5rem; border-radius: 1.5rem 0 1.5rem 0; }
.single_link h3 { color: var(--white); font-weight: 500; }
.single_link button { width: 100%; display: flex; align-items: center; justify-content: flex-end; }
.single_link button img { width: 1rem; }

/* Citazione */
.single_cit { padding: 1rem; border: 2px solid var(--blue); border-radius: 1.5rem 0 1.5rem 0; }
.single_cit p.h3 { font-size: 1.75rem; font-weight: 700; color: var(--blue); line-height: 1.5; font-style: italic; }
.single_cit p.h3 big { font-size: 175%; line-height: .5; vertical-align: text-bottom; }
.single_cit p.author { text-align: right; font-size: 85%; line-height: 1.25; }




/*∞∞∞∞∞∞ Releated ∞∞∞∞∞∞*/
.nav_dots .swiper-pagination-bullet { background-color: var(--blue); }





/*∞∞∞∞∞∞ 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: 4;
}
#sidebar_blog.active { transform: translateY(0); }

/* 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(--blue); 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 p { text-transform: uppercase; font-size: 1.25rem; font-weight: 700; color: var(--white); padding: 0 40px; }
#sidebar_blog .index li button {
	width: 100%; height: 50px; padding:  0 40px;
	font-size: 100%; line-height: 1.25; font-weight: 600; color: var(--white);
	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 { 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(--blue);
}
#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; }


/* Social */
.a2a_kit { width: 100%; gap: .25rem; flex-wrap: ; }
.a2a_kit p { width: 100%; font-size: 16px; min-width: max-content; }
.a2a_kit div { min-width: max-content; }
.a2a_kit hr { display: none; }




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


	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	.date_wrapper { flex-wrap: nowrap; }
	.date_wrapper hr { width: 100%; flex: 1 1 auto; display: block; background-color: var(--blue); }
	.date_wrapper p { min-width: max-content; }


	.a2a_kit { flex-wrap: nowrap; }
	.a2a_kit p { width: auto; }
	.a2a_kit hr { display: block; flex: 1 1 auto; width: 100%; background-color: var(--blue); }

}




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


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


}




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


	/*∞∞∞∞∞∞ SINGLE BLOG ∞∞∞∞∞∞*/
	#sidebar_blog { position: sticky; top: 1.5em; left: auto; width: calc((100% - (var(--c2o) * 3)) / 4); margin-top: 0; padding: 1em 0; flex-wrap: wrap; transform: none; }
	
	/* Sidebar Index */
	#sidebar_blog .index { border-radius: 1.5rem 0 1.5rem 0; padding-bottom: .5rem; background: linear-gradient(to top, var(--black), var(--blue)); }
	#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 p { padding: 0.75em 1.5rem; padding-bottom: 0; color: var(--white); }
	#sidebar_blog .index li button { height: auto; padding: 0.5em 1.5rem; color: var(--white); }
	#sidebar_blog .index li.active button { background-color: var(--white); opacity: 1; color: var(--blue); }

	#sidebar_blog .card a { background-color: var(--white); border: 1px solid var(--blue); }


	/* Sidebar Prev / Next */
	#sidebar_blog .post_nav { display: block; margin-top: var(--c5v); overflow: hidden; border-radius: 1.5rem 0 1.5rem 0; }

	#sidebar_blog .post_nav .text { z-index: 1; }
	#sidebar_blog .post_nav .text p { padding: 4rem 1rem 1rem 1rem; font-size: 1.25rem; font-weight: 700; line-height: 1.25; }

	#sidebar_blog .post_nav button { padding: 1rem; background-color: var(--white); border-radius: 1.5rem 0 1.5rem 0; color: var(--blue); font-size: 16px; font-weight: 500; }
	#sidebar_blog .post_nav button img { width: .85rem; }

}




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





}