/*
 * Public Press — commenti (pagine, attachment; non usati sul singolo articolo layout).
 * Estratto da style.css (CSS-T17).
 */

.comment-navigation {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin: 0 7.6923% 2.1538461538em;
	padding: 1.0769230769em 0;
	margin-right: 0;
	margin-left: 0;
}
.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.comments-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* Tipografia commenti (ex §11.2 style.css) — CSS-T18 */
.comment-content h1 {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.25;
	margin-top: 2em;
	margin-bottom: 1em;
}

.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	font-size: 22px;
	line-height: inherit;
	margin: 0 0 1em;
}

.comment-content h4 {
	letter-spacing: 0.140625em;
	text-transform: uppercase;
}

.comment-content h6 {
	font-style: italic;
}

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	font-weight: 900;
}

.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child {
	margin-top: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.site .avatar {
	border-radius: 50%;
}

/**
 * 11.4 - Comments
 */

.comments-area {
	margin: 0 7.6923% 3.5em;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
	border-top: 4px solid #1a1a1a;
	
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.3125;
	padding-top: 1.217391304em;
}

.comments-title {
	margin-bottom: 1.217391304em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #d1d1d1;
	padding: 1.75em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.875em;
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: 0.875em;
	position: relative;
	width: 28px;
}

.bypostauthor > article .fn:after {
	content: "★";
	font-family: inherit;
	font-size: 0.75em;
	left: 3px;
	position: relative;
	top: 0;
}

.comment-metadata,
.pingback .edit-link {
	color: #686868;
	
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
	color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	display: inline-block;
	
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	margin-top: 2.1538461538em;
	padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #007acc;
	outline: 0;
}

.comment-form {
	padding-top: 1.75em;
}

.comment-form label {
	color: #686868;
	display: block;
	
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.comment-list .comment-form {
	padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}

.no-comments {
	border-top: 1px solid #d1d1d1;
	
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}

.form-allowed-tags code {
	font-family: 'Open Sans', sans-serif;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #007acc;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}

.comment-reply-title small a:before {
	content: "×";
	font-family: inherit;
	font-size: 32px;
	font-weight: 400;
	line-height: 1;
	position: relative;
	top: -5px;
}

.comment-content .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.comment-content a img {
	display: block;
	margin:0 auto;
}

@media screen and (min-width: 901px) {
		.comment-content blockquote.alignleft,
		.comment-content blockquote.alignright {
			border-width: 4px 0 0 0;
			padding: 0.9473684211em 0 0;
			width: -webkit-calc(50% - 0.736842105em);
			width: calc(50% - 0.736842105em);
		}
	
		.comment-content blockquote:not(.alignleft):not(.alignright) {
			margin-left: -1.473684211em;
		}
	
		.comment-content blockquote blockquote:not(.alignleft):not(.alignright) {
			margin-left: 0;
		}
	
		.comment-content ul,
		.comment-content ol {
			margin-left: 0;
		}
	
		.comment-content li > ul,
		.comment-content blockquote > ul {
			margin-left: 1.25em;
		}
	
		.comment-content li > ol,
		.comment-content blockquote > ol {
			margin-left: 1.5em;
		}
	
		.comment-author {
			margin-bottom: 0;
		}
	
		.comment-author .avatar {
			height: 42px;
			position: relative;
			top: 0.25em;
			width: 42px;
		}
	
		.comment-list .children > li {
			padding-left: 1.75em;
		}
	
		.comment-list + .comment-respond,
		.comment-navigation + .comment-respond {
			padding-top: 3.5em;
		}
	
		.comments-area {
			margin-bottom: 5.25em;
		}
}

@media screen and (min-width: 985px) {
		.comment-content h1 {
			font-size: 33px;
			font-size: 2.0625rem;
			line-height: 1.2727272727;
			margin-top: 1.696969697em;
			margin-bottom: 0.8484848485em;
		}
	
		.author-info {
			border-bottom-width: 0;
			padding-bottom: 0;
		}
	
		.comment-list + .comment-respond,
		.comment-navigation + .comment-respond {
			padding-top: 5.25em;
		}
	
		.comments-area {
			margin-bottom: 7.0em;
		}
}