/* VivaVoce 0.4 "classico": impaginazione. Solo ciò che serve alle parti nuove generate dal tema. */

/* Colonna dei contenuti larga come quella originale (che aveva la sidebar a destra) */
body:not(.siteorigin-panels) .content-area.no-sidebar .content-inner,
body:not(.siteorigin-panels) .content-area.no-sidebar .entry-post,
.single .content-area.no-sidebar .hentry {
	max-width: var(--vv-lettura);
}
/* La home (modello "Full width") usa tutta la larghezza, con o senza SiteOrigin */
body.page-template-page_fullwidth .content-area.no-sidebar .content-inner,
body.vv-has-hero .content-area.no-sidebar .content-inner,
body.page-template-page_fullwidth .content-area.no-sidebar .entry-content {
	max-width: none;
}

/* Griglie di card dentro il testo: tutta la larghezza del contenitore */
.entry-content > .vv-grid,
.entry-content > .vv-elenco,
.entry-content > .vv-carousel {
	width: min(var(--vv-largo), calc(100vw - 30px));
	max-width: none;
}
.page-wrap {
	overflow-x: clip;
}
.vv-page-extra {
	margin-top: var(--vv-spazio);
}

/* Breadcrumb: non flottante, altrimenti il titolo le copre e i link non si cliccano */
.vv-breadcrumbs-wrap,
.vv-breadcrumbs-wrap.col-md-12 {
	float: none !important;
	clear: both;
	width: 100%;
	position: relative;
	z-index: 2;
}
.vv-breadcrumbs-wrap + #primary,
.vv-breadcrumbs-wrap + .content-area {
	clear: both;
}
.vv-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	font-size: 13px;
	color: var(--vv-testo-2);
}
.vv-breadcrumbs li {
	margin: 0;
	padding: 0;
}
.vv-breadcrumbs li + li::before {
	content: "/";
	margin: 0 8px;
	color: var(--vv-grigio);
}
.vv-breadcrumbs a {
	color: var(--vv-turchese);
	text-decoration: none;
}
.vv-breadcrumbs a:hover {
	color: var(--vv-testo);
}

/* Titoli di sezione del tema (elenchi, soci): come i titoli dei widget della home originale */
.vv-section-title,
.entry-content h2.vv-section-title {
	position: relative;
	margin: 0 0 40px;
	padding-bottom: 20px;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	color: var(--vv-titoli-sezione);
}
.vv-section-title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 50px;
	height: 3px;
	margin-left: -25px;
	background: var(--vv-giallo);
}