/********************************************************* 
	article (post) details
*********************************************************/

.post-content-container {
	padding-top: 3rem;
	display: flex;
	justify-content: center;
}

article.post .post-intro {
	min-height: calc(56.25vw / 2);
}

article.post:not(.single-video) .post-intro .text-content:only-child {
	width: 1080px;
}

article.post .post-content {
	min-width: 66%;
	max-width: 696px;
}

article.post .epq-pull-quote {
	margin-top: 0;
	padding: 1rem 0px;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	color: var(--brand-secondary);
	font-family: var(--font-heading);
	font-size: var(--font-size-lg);
	font-weight: 400;
	font-style: italic;
	line-height: 1.5em;
	border-top: 1px solid var(--gray-300);
	border-bottom: 1px solid var(--gray-300);
}

article.post .epq-align-left {
	margin-right: 1.5rem;
}

article.post .epq-align-right {
	margin-left: 1.5rem;
}

article.post .epq-share-links {
	padding-top: .5rem;
	display: flex;
	gap: 8px;
}

article.post .epq-pull-quote a {
	width: 24px;
    height: 24px;
    display: inline-block;
    text-decoration: none;
    color: var(--brand-primary-darker);
    border: 1px solid;
    border-radius: 100%;
}

@media (max-width:768px) {
	article.post .epq-pull-quote a {
		width: 40px;
    	height: 40px;
	}
}

article.post .epq-pull-quote svg {
	max-width: 100%;
	display: block;
}

article.post .epq-twitter {
	margin-top: 0 !important;
}

.article-tags {
	padding: 1.5rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .25rem;
	border-top: 1px solid var(--hr-border);
}

.article-tags a {
	padding: 8px 12px;
	font-family: var(--font-label);
	font-size: var(--font-size-xs);
	font-style: normal;
	font-weight: 400;
	line-height: 1rem;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--brand-primary-darker);
	border-radius: 24px;
	background: var(--true-white);
	box-shadow: var(--drop-shadow-sm);
}

.article-tags a:before {
	content: url("data:image/svg+xml,%3Csvg fill='none' height='8' viewBox='0 0 10 8' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7.815.92c-.18-.255-.48-.42-.815-.42l-5.5.005c-.55 0-1 .445-1 .995v5c0 .55.45.995 1 .995l5.5.005c.335 0 .635-.165.815-.42l2.185-3.08z' fill='%23212e41'/%3E%3C/svg%3E ");
}

.author-section {
	display: flex;
	padding: 48px 1rem;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 48px;
	background: var(--true-white);
	border-top: 1px solid var(--hr-border);
}

.author-profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.author-profile .avatar {
	width: 6rem;
	height: 6rem;
}

.author-bio {
	max-width: 640px;
	margin: 0 auto;
}

.author-mini-feed {
	margin-bottom: 1.5rem;
	display: flex;
	align-content: flex-start;
	align-items: stretch;
	justify-content: center;
	gap: .5rem;
}

.author-mini-feed section {
	flex: 1;
	max-width: 400px;
}

.author-mini-feed section a {
	height: 100%;
	padding: .875rem 1rem;
	text-align: left;
	text-decoration: none;
	display: block;
	background-color: var(--text-white);
	border-radius: var(--border-radius-sm);
	box-shadow: var(--drop-shadow-sm);
}

.author-link {
	display: inline-block;
}

.post-content > :first-child {
	margin-top: 0;
}

/* main-article-content-wrapper */
article.post .main-article-content-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
}

@media (max-width:960px) {
	
	article.post .main-article-content-wrapper {
		flex-direction: column;
	}

	.post-content {
		padding-top: 1.5rem
	}
}

@media (min-width:960px) {

	article.post .main-article-content-wrapper {
		max-width: 1152px;
	}

	article.post .post-content :first-child {
		margin-top: 0;
	}
	
	article.single-post,
	.single-page.has-sidebar {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.post-intro {
		width: 100%;
	}

	body.single-post .post-content-container,
	body.single-videos .post-content-container,
	.single-page.has-sidebar .post-content-container {
		width: 66%;
		margin: unset;
		display: flex;
		justify-content: flex-end;
	}

	.post-content {
		width: 100%;
		max-width: none;
	}

	.post-footer {
		width: 100%;
	}

	.article-author-section {
		width: 100%;
	}

	.article-sidebar {
		width: 33%;
		padding-top: 3rem;
		padding-right: 1.5rem;
		padding-bottom: 1.5rem;
		padding-left: 3rem;
		display: flex;
		justify-content: flex-start;
	}

	.sidebar-widgets {
		width: 100%;
	}
}

@media (min-width:1920px) {

	.sidebar-widgets {
		max-width: 360px;
	}
}


@media (max-width:960px) {

	.post-content-container {
		padding-top: 0;
	}

	.article-sidebar {
		padding: 1.5rem;
	}

	.sidebar-widgets {
		max-width: 696px;
		margin: auto;
	}
}

@media (max-width:768px) {

	.author-mini-feed {
		flex-direction: column;
	}

	.author-mini-feed section {
		width: 100%;
		max-width: none;
	}
	
	.post .epq-pull-quote {
		width: auto;
		margin: 1.5rem 0;
		float: none;
	}

    .article-sidebar {
        padding: 1.5rem 1.25rem;
    }
}


/* sidebar content */

.widget.dh_recent_articles .widget-title {
	margin: 0 0 .5rem;
	font-family: Merriweather;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}

.sidebar-widgets .widget {
	margin-bottom: 1.5rem;
}

.widget ul {
	margin: 0;
	list-style: none;
}

.widget ul a,
.widget ul span {
	display: block;
}

.widget ul li {
	margin: 0 0 -1px;
	padding: 10px 0;
	border-top: 1px solid var(--gray-400, #AEAEAE);
	border-bottom: 1px solid var(--gray-400, #AEAEAE);  
}

.widget ul a {
	text-decoration: none;
}

.widget ul a:hover .post-title {
	text-decoration: underline;
}

.widget ul .post-date {
	margin: 0;
}

.widget-cta-subscribe {
	padding: 1.5rem;
	border-radius: var(--border-radius-lg, 8px);
	border: 1px solid var(--gray-400); 
}

.widget-cta-subscribe .widget-title {
	margin-bottom: .25rem;
	font-size: var(--font-size-base);
	line-height: 150%;
}

.widget-cta-subscribe .prompt {
	margin-bottom: .75rem;
	font-size: var(--font-size-xs);
	line-height: 133.33%;
}

.widget-cta-subscribe .button {
	padding-right: 1rem;
	padding-left: 1rem;
}

.widget-cta-donate {
	padding: 1.5rem;
	color: var(--true-white);
	background-color: var(--brand-tertiary);
	border-radius: var(--border-radius-lg, 8px);
}

.widget-cta-donate .widget-title {
	margin-bottom: .5rem;
	padding-right: 1px;
	font-size: var(--font-size-xxl);
	line-height: 133.33%;
}

.widget-cta-donate .prompt {
	margin-bottom: 1.5rem;
}

.widget-cta-subscribe .button,
.widget-cta-donate .button {
	display: inline-block;
}

.cat-feed-heading {
	margin-bottom: .5rem;
}

.cat-feed-heading a {
	text-decoration: none;
	color: var(--text-black);
}

.cat-feed-heading + a {
	display: none;
}

.article-editors-note {
	margin-top: 1.5rem;
	font-size: 14px;
	line-height: 1.66;
	color: var(--gray-800);
	border-bottom: 1px solid var(--gray-300);
}

.article-editors-note > * {
	margin-top: 0;
}

.featured-post.post-intro .post-authors {
	margin-left: .5rem;
	padding-left: .5rem;
	border-left: 1px solid;
}