/* Issue 0A3-I72 - added some left padding the podcast logo so it lines up with the top header logo on desktop. Did min width so it remains aligned when screen is smaller */
@media screen and (min-width:1399px) {
	.post-type-archive-podcasts .str-podcast-archive-header .str-podcast-archive-header-content-container {
		padding-left: 24px;
	}
}

/* Issue 0A-I111 - overwriting class credits-title bottom-margin from 2rem to 1rem  */
.type-podcasts .credits .credits-title {
	margin-bottom: 1rem;
}

/* Issue 0A-I84 - targeting the entire site footer */
.site-footer p {
	padding-bottom: 1rem;
	font-size: 14px;
}

/* 0A-I88 -  Overriding the layout so it's flex col instead of row on tablet. Also made some margin adjustments to it doesn't look off center for tablet to account for the col layout - Context: this is for the podcast archive page header section */
@media screen and (max-width: 768px) {
	.str-podcast-archive-header-content-container {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: center;

		img {
			margin-bottom: auto;
		}

		.str-podcast-archive-header-content {
			padding: 0 1rem;
		}
	}
}

@media screen and (max-width:600px) {
	.str-podcast-archive-header-content-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;

		img {
			margin-bottom: 25px;
		}
	}
}


/* Issue 0A-I120 - overriding center align to it matches with the heading - context: reports archive page head articles */
.report-downloads .featured-reports .article-header {
	align-items: flex-start;
	padding-top: 30px
}

/* Issue 0A-I118 - editorial post author box setting the author name and description to column */
@media screen and (max-width:1040px) {
	.single-category-editorial #editorial-author .author-name-title {
		flex-direction: column;
	}
}


/* Reports Survey */
.single-report-survey .site-inner {
	background-color: #154a8b;
	margin-top: 0rem !important;
	border-top: 10px solid #2db2eb;
	color: white;
}

.single-report-survey .entry-header .entry-title {
	color: white;
	padding: 0 32px;
}

.single-report-survey .single-post-category-name {
	display: none;
}

.single-report-survey .content-sidebar-wrap {
	padding: 75px 75px 25px 75px !important;
}

.single-report-survey .entry-content {
	flex-direction: row-reverse;
}

.single-report-survey .entry-content aside img {
	margin: 0 25px;
}

.single-report-survey .share-story-wrapper {
	display: none;
}

.single-report-survey .sidebar-secondary {
	margin-bottom: 30px;
}

.single-report-survey .sidebar .coming-soon-download {
	display: none;
}

.single-report-survey .sidebar .share-story-icons {
	display: none;
}

@media screen and (max-width: 1040px) {
	.single-report-survey .entry-content {
		flex-direction: column;
		align-items: center;
	}

}

@media screen and (max-width: 600px) {
	.single-report-survey .content-sidebar-wrap {
		padding: 10px !important;
	}

	.single-report-survey .entry-content aside img {
		margin: 0;
	}
}

.entry-content .share-story-icons {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.copy_link_toast {
	display: none;
	position: absolute;
	background-color: #fff;
	color: #000;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 9999;
	width: max-content;
	margin: 1rem;
	font-weight: 600;
	font-size: small;
}

/* Recent Stories in single.php */

.recent-stories-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem 0;
}

.recent-stories-title {
	width: 90%;
	max-width: 1400px;
	font-size: 125%;
	font-weight: 700;
	margin: 0;
	padding: 0 0 5px;
	text-transform: capitalize;
	border-top: 1px solid #b9b9b9;
	padding-top: 3rem
}

.after-entry-related-stories.slick-initialized.slick-slider {
	width: 90%;
	max-width: 1400px;
}

.related-story .entry-title {
    font-weight: 700 !important;
	font-size: 1.17rem !important;
}