
/* FIX DEFINITIVO HOVER PROGETTI: titolo centrato, leggibile, mai tagliato */
.single-portfolio,
.single-portfolio > a,
.single-portfolio a{
	position:relative!important;
	display:block!important;
	overflow:hidden!important;
}
.single-portfolio > a:before,
.single-portfolio a:before{
	background:rgba(0,0,0,.68)!important;
	opacity:0!important;
	visibility:hidden!important;
	z-index:3!important;
}
.single-portfolio > a:hover:before,
.single-portfolio a:hover:before{
	opacity:1!important;
	visibility:visible!important;
}
.single-portfolio .contents{
	position:absolute!important;
	left:0!important;
	top:0!important;
	right:0!important;
	bottom:0!important;
	inset:0!important;
	width:100%!important;
	height:100%!important;
	min-width:100%!important;
	max-width:none!important;
	margin:0!important;
	padding:2rem!important;
	transform:none!important;
	display:flex!important;
	flex-direction:column!important;
	align-items:center!important;
	justify-content:center!important;
	text-align:center!important;
	background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.80))!important;
	opacity:0!important;
	visibility:hidden!important;
	z-index:20!important;
	overflow:visible!important;
	pointer-events:none!important;
	transition:opacity .32s ease,visibility .32s ease!important;
}
.single-portfolio > a:hover .contents,
.single-portfolio a:hover .contents{
	opacity:1!important;
	visibility:visible!important;
}
.single-portfolio .contents:before{
	content:""!important;
	display:block!important;
	width:58px!important;
	height:2px!important;
	background:var(--studio-primary,#fc5404)!important;
	margin:0 auto 1.05rem!important;
	flex:0 0 auto!important;
}
.single-portfolio .contents h3,
.single-portfolio .contents .h3{
	position:static!important;
	display:block!important;
	width:100%!important;
	max-width:92%!important;
	margin:0 auto .55rem!important;
	padding:0!important;
	transform:none!important;
	color:#fff!important;
	font-family:'Cormorant Garamond',serif!important;
	font-size:clamp(1.65rem,2.45vw,2.45rem)!important;
	font-weight:500!important;
	line-height:1.08!important;
	letter-spacing:-.015em!important;
	text-align:center!important;
	white-space:normal!important;
	word-break:normal!important;
	overflow:visible!important;
	text-overflow:clip!important;
	text-shadow:0 8px 28px rgba(0,0,0,.85)!important;
}
.single-portfolio .contents .cat{
	position:static!important;
	display:block!important;
	width:100%!important;
	max-width:92%!important;
	margin:0 auto!important;
	padding:0!important;
	transform:none!important;
	color:rgba(255,255,255,.92)!important;
	font-family:'Montserrat',Arial,sans-serif!important;
	font-size:.68rem!important;
	font-weight:700!important;
	line-height:1.55!important;
	letter-spacing:.18em!important;
	text-transform:uppercase!important;
	text-align:center!important;
	white-space:normal!important;
	word-break:normal!important;
	overflow:visible!important;
	text-overflow:clip!important;
	text-shadow:0 4px 16px rgba(0,0,0,.75)!important;
}
@media(max-width:575px){
	.single-portfolio .contents{padding:1.35rem!important;}
	.single-portfolio .contents h3{font-size:clamp(1.45rem,8vw,2.1rem)!important;max-width:96%!important;}
	.single-portfolio .contents .cat{font-size:.6rem!important;letter-spacing:.14em!important;max-width:96%!important;}
}
