/*--------------------------------------------------
---- Contenuti editoriali: pagine / articoli --------
--------------------------------------------------*/

body.page article.page,
body.single-post article.post {
	max-width: 52rem;
}

body.page article.page h3,
body.single-post article.post h3 {
	color: var(--anad-color-primary);
	font-family: var(--anad-font-body);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1em;
	margin: 2.5rem 0 1.5rem;
	padding-top: 1rem;
	position: relative;
	text-transform: uppercase;
}

body.page article.page h3::before,
body.single-post article.post h3::before {
	background-color: var(--anad-color-secondary);
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	top: 0;
	width: 5rem;
}

body.page article.page h4,
body.single-post article.post h4 {
	align-items: center;
	color: var(--anad-color-primary);
	display: flex;
	font-family: var(--anad-font-body);
	font-size: 1.375rem;
	font-weight: 700;
	gap: 0.75rem;
	line-height: 1;
	margin: 2rem 0 1rem;
}

body.page article.page h4::before,
body.single-post article.post h4::before {
	background: var(--anad-color-secondary);
	border-radius: 2px;
	content: "";
	height: 0.625rem;
	transform: translateY(1px);
	width: 0.625rem;
}

body.page article.page h4::after,
body.single-post article.post h4::after {
	background: rgba(24, 31, 73, 0.08);
	content: "";
	flex: 1;
	height: 2px;
	transform: translateY(1px);
}

body.page article.page h5,
body.single-post article.post h5 {
	color: var(--anad-color-primary);
	font-family: var(--anad-font-body);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
	margin: 1.5rem 0 0.375rem;
	text-transform: uppercase;
}

body.page article.page h6,
body.single-post article.post h6 {
	color: rgba(24, 31, 73, 0.68);
	font-family: var(--anad-font-body);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.5;
	margin: 1.5rem 0 0;
	text-transform: uppercase;
}

body.page article.page h3:first-child,
body.page article.page h4:first-child,
body.page article.page h5:first-child,
body.page article.page h6:first-child,
body.single-post article.post h3:first-child,
body.single-post article.post h4:first-child,
body.single-post article.post h5:first-child,
body.single-post article.post h6:first-child {
	margin-top: 0;
}


/*--------------------------------------------------
---- Contenuti editoriali: testo --------------------
--------------------------------------------------*/

body.page article.page p,
body.page article.page li,
body.single-post article.post p,
body.single-post article.post li {
	font-size: 1rem;
	line-height: 1.5;
}

body.page article.page p,
body.single-post article.post p {
	margin: 0 0 1rem;
}

body.page article.page strong,
body.single-post article.post strong {
	color: var(--anad-color-primary);
	font-weight: 700;
}

body.page article.page em,
body.single-post article.post em {
	font-style: italic;
}

body.page article.page a,
body.single-post article.post a {
	border-bottom: 2px solid rgba(24, 31, 73, 0.15);
	color: var(--anad-color-primary);
	padding-bottom: 1px;
	text-decoration: none;
	transition:
		border-color var(--anad-transition-fast),
		color var(--anad-transition-fast);
}

body.page article.page a:hover,
body.page article.page a:focus,
body.single-post article.post a:hover,
body.single-post article.post a:focus {
	border-bottom-color: var(--anad-color-secondary);
}

body.page article.page a:active,
body.single-post article.post a:active {
	border-bottom-color: var(--anad-color-secondary);
	color: var(--anad-color-secondary);
	transition: none;
}


/*--------------------------------------------------
---- Contenuti editoriali: liste --------------------
--------------------------------------------------*/

body.page article.page ul,
body.page article.page ol,
body.single-post article.post ul,
body.single-post article.post ol {
	margin: 0 0 1rem;
	padding-left: 1.5rem;
}

body.page article.page li,
body.single-post article.post li {
	margin: 0;
	padding-left: 0.25rem;
}

body.page article.page li::marker,
body.single-post article.post li::marker {
	color: rgba(24, 31, 73, 0.35);
}

body.page article.page li.anad-list-gap-after,
body.single-post article.post li.anad-list-gap-after {
	margin-bottom: 1em;
}


/*--------------------------------------------------
---- Contenuti editoriali: citazioni ----------------
--------------------------------------------------*/

body.page article.page blockquote,
body.single-post article.post blockquote {
	background-color: #f3f6fc;
	border-left: 4px solid var(--anad-color-secondary);
	border-radius: 0 1rem 1rem 0;
	box-sizing: border-box;
	color: rgba(24, 31, 73, 0.76);
	font-style: italic;
	margin: 1.5rem 0;
	padding: 1rem 1.25rem;
}

body.page article.page blockquote p,
body.single-post article.post blockquote p {
	margin-bottom: 0.75rem;
}

body.page article.page blockquote p:last-child,
body.single-post article.post blockquote p:last-child {
	margin-bottom: 0;
}


/*--------------------------------------------------
---- Contenuti editoriali: immagini -----------------
--------------------------------------------------*/

body.page article.page figure,
body.single-post article.post figure {
	box-sizing: border-box;
	margin: 1.5rem 0;
	max-width: 100%;
}

body.page article.page figure img,
body.page article.page img,
body.single-post article.post figure img,
body.single-post article.post img {
	border-radius: 1rem;
	display: block;
	height: auto;
	max-width: 100%;
}

body.page article.page figcaption,
body.page article.page .wp-caption-text,
body.single-post article.post figcaption,
body.single-post article.post .wp-caption-text {
	color: rgba(24, 31, 73, 0.58);
	font-size: 0.8125rem;
	font-style: italic;
	font-weight: 600;
	line-height: 1.35;
	margin-top: 0.5rem;
	text-align: center;
}

body.page article.page .aligncenter,
body.single-post article.post .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

body.page article.page .alignleft,
body.single-post article.post .alignleft {
	float: left;
	margin: 0.25rem 1.5rem 1rem 0;
	max-width: 45%;
}

body.page article.page .alignright,
body.single-post article.post .alignright {
	float: right;
	margin: 0.25rem 0 1rem 1.5rem;
	max-width: 45%;
}

body.page article.page .alignleft figcaption,
body.page article.page .alignright figcaption,
body.single-post article.post .alignleft figcaption,
body.single-post article.post .alignright figcaption {
	text-align: left;
}

body.page article.page h3,
body.page article.page h4,
body.page article.page h5,
body.page article.page h6,
body.page article.page blockquote,
body.page article.page .aligncenter,
body.single-post article.post h3,
body.single-post article.post h4,
body.single-post article.post h5,
body.single-post article.post h6,
body.single-post article.post blockquote,
body.single-post article.post .aligncenter {
	clear: both;
}


/*--------------------------------------------------
---- Contenuti editoriali: liste descrittive -------
--------------------------------------------------*/

body.page article.page dl,
body.single-post article.post dl {
	margin: 1.5rem 0;
}

body.page article.page dt,
body.single-post article.post dt {
	color: var(--anad-color-primary);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	margin: 1.25rem 0 0.375rem;
}

body.page article.page dt:first-child,
body.single-post article.post dt:first-child {
	margin-top: 0;
}

body.page article.page dd,
body.single-post article.post dd {
	border-left: 3px solid rgba(24, 31, 73, 0.12);
	color: rgba(24, 31, 73, 0.82);
	line-height: 1.6;
	margin: 0 0 0.75rem;
	padding-left: 1rem;
}

body.page article.page dd:last-child,
body.single-post article.post dd:last-child {
	margin-bottom: 0;
}


/*--------------------------------------------------
---- Contenuti editoriali: embed --------------------
--------------------------------------------------*/

body.page article.page iframe,
body.single-post article.post iframe {
	aspect-ratio: 16 / 9;
	border-radius: 1rem;
	display: block;
	height: auto;
	margin: 1.5rem 0;
	max-width: 100%;
	width: 100%;
}

/*--------------------------------------------------
---- Articoli: larghezza titolo ---------------------
--------------------------------------------------*/
body.single-post #page-title {
    box-sizing: border-box;
    max-width: none;
    padding-right: 0;
    width: 100%;
}