/**
 * OGEEAT Auto References — Front-end styles for citations + references block.
 *
 * @since 2.2.0
 */

.ogeeat-ref-sup {
	font-size: 0.75em;
	line-height: 0;
	vertical-align: super;
	margin-left: 1px;
}

.ogeeat-ref-sup a {
	text-decoration: none;
	color: #2271b1;
	font-weight: 600;
}

.ogeeat-ref-sup a:hover {
	text-decoration: underline;
}

.ogeeat-references {
	margin: 40px 0 20px;
	padding: 24px 28px;
	background: #fafafa;
	border: 1px solid #eaeaea;
	border-left: 4px solid #2271b1;
	border-radius: 4px;
}

.ogeeat-references h2 {
	margin: 0 0 16px;
	font-size: 18px;
	color: #1d2327;
}

.ogeeat-references-list {
	margin: 0;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1.6;
}

.ogeeat-reference {
	margin-bottom: 10px;
	color: #50575e;
	word-break: break-word;
}

.ogeeat-reference:target {
	background: #fffbcc;
	padding: 2px 4px;
	border-radius: 2px;
}

.ogeeat-ref-host {
	font-weight: 600;
	color: #1d2327;
}

.ogeeat-ref-url {
	color: #2271b1;
	text-decoration: none;
}

.ogeeat-ref-url:hover {
	text-decoration: underline;
}

.ogeeat-ref-retrieved {
	font-style: italic;
	color: #646970;
}

@media (max-width: 600px) {
	.ogeeat-references {
		padding: 18px 20px;
		margin: 24px 0;
	}
	.ogeeat-references h2 {
		font-size: 16px;
	}
	.ogeeat-references-list {
		font-size: 13px;
	}
}