/* CSS to the article View. All other CSS it's on DUDA */

/* This id is on Duda, and it is where we render the view article */
#replace-me {
	a {
		vertical-align: baseline;
	}

	figure {
		margin: 0;
		margin-bottom: 10px;
	}

	table {
		border-spacing: 0;
		border-collapse: collapse;
	}

	hr {
		box-sizing: content-box;
		height: 0;
		overflow: visible;
	}

	.article-header {
		width: 100%;
		overflow-wrap: break-word;
		padding-inline: 56.9219px;
	}

	.topic {
		display: flex;
		align-items: baseline;
	}

	.article-update table td {
		padding: unset;
		border-top: unset;
	}

	.article-update table td p {
		margin: unset;
	}

	.article-update p {
		color: black;
	}

	#widget_4he {
		.dmNewParagraph {
			text-align: right;
		}
	}

	.articlecopy {
		color: black !important;
		line-height: 1.5;

		/*** To have ol and ul inside the div  ***/
		ul,
		ol {
			padding: revert !important;
			line-height: 1;
		}

		/*** Vertical spacing between list items for readability ***/
		li {
			margin-bottom: 10px;
		}
	}
}

@media (width < 768px) {
	#replace-me {
		figure {
			width: 100% !important;
		}

		table {
			display: block;
			width: 100%;
			overflow-x: auto;
			white-space: nowrap;
		}

		#widget_14g {
			&.group {
				padding: 5px !important;
			}
		}

		#group_9v9 {
			&.articlecopy {
				padding: 5px !important;
			}
		}
	}
}