/* Start of Esri Brief Subscription styling */
#wherenext-subscription {
	margin: 12px 0 24px;
}

#wherenext-subscription h3 {
	color: #FFF;
	margin-block: 10px;
}

.wn-subscription-text {
	color: #BFBFBF;
	font-size: 20px;
	line-height: 28px;
}

.wn-subscription-btn {
	align-self: flex-start;
	background-color: #00A0FF;
	color: #FFF;
	inline-size: 100%;
	margin-block: 10px 20px;
	text-align: center;
}

.wn-subscription-btn:hover {
	background: #0087D7;
	color: black;
}

.wn-subscription {
	block-size: 100%;
}

.wn-subscription-container {
	background: #323232;
	block-size: 100%;
	border-block-start: #0061E2 solid 8px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 25px;
}

@media screen and (min-width: 860px) {
	#wherenext-subscription {
		margin: 0;
	}

	.wn-subscription-container {
		padding: 15px 30px;
	}

	.wn-subscription-text {
		font-size: 16px;
		line-height: 24px;
		margin-block-end: 10px;
	}

	.wn-subscription-btn {
		inline-size: auto;
		margin-block-end: 10px;
	}
}

/* End of Esri Brief Subscription styling */

/* Start of Trending Articles styling */

.wn-trending-article-title {
	margin-block: 30px 15px;
}

.wn-trending-article-container {
	background: #F8F8F8;
	border: #ccc solid 1px;
	margin-block-end: 45px;
	padding: 25px 20px;
}

.wn-trending-article-container .wn-mini-card:last-child {
	border-block-end: none;
	padding-block-end: 0;
}

.wn-trending-article-container .wn-mini-card:first-child {
	padding-block-start: 0;
}

.wn-mini-card {
	border-block-end: #ccc solid 1px;
	display: flex;
	flex-direction: row;
	padding: 20px 0;
}

.wn-mini-card img,
.wn-mini-card > a {
	block-size: 100px;
	inline-size: 100px;
	min-inline-size: 100px;
	object-fit: cover;
}

.wn-mini-card-info {
	margin-inline-start: 20px;
}

@media screen and (min-width: 860px) {
	.wn-mini-card-byline-divider {
		display: inline;
	}

	.wn-trending-article-title {
		font-size: 1.414rem;
		line-height: 1.55rem;
		margin-block: 64px 28px;
	}

	.wn-mini-card-byline {
		font-size: 12px;
		inline-size: auto;
	}

	.wn-mini-card-heading > a {
		font-size: 18px;
		line-height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/* End of Trending Articles styling */



@media screen and (min-width: 860px) {
	.wn-department-header-title {
		font-size: 1.414rem;
		line-height: 1.55rem;
	}
}

/* End of Department Headers styling */

/* Start of Departments styling */

.wn-departments-text {
	line-height: 2rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* End of Departments styling */

/* Start of Hero styling */
.hidden-text { text-indent: -9999px; }

.wherenext .hidden-text{
	block-size: 49px;
	inline-size: 310px;
	inset-block-start: 14px;
	position: absolute;
}
.wn-department-article-card {
	margin-block-end: 60px;
}

.wn-department-article-card-heading {
	color: #151515;
	display: -webkit-box;
	font-size: 22px;
	-webkit-line-clamp: 3;
	line-height: 26px;
	margin-block: 5px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wn-department-article-card-byline {
	color: #959595;
	font-size: 12px;
	line-height: 1rem;
	margin: 15px 0 0;
}

@media screen and (min-width: 860px) {
	.wn-department-article-title {
		font-size: 1.414rem;
		line-height: 1.55rem;
	}

	.wn-department-article-card-container {
		display: flex;
		flex-wrap: wrap;
	}

	.wn-department-article-card {
		margin-inline-end: 1.325%;
		max-inline-size: 24%;
	}

	.wn-department-article-card:nth-child(4n+4) {
		margin-inline-end: 0%;
	}
}

#wherenext-search-pagination {
	display: block;
	margin: 100px auto;
}

#wherenext-search-pagination .wn-pagination-container {
	display: flex;
	justify-content: center;
}


/* Start of View All Departments styling */

.wn-view-all-departments-container {
	margin: 50px auto;
	text-align: center;
}

#wherenext-view-all-departments a {
	font-size: 11px;
}

@media screen and (min-width: 860px) {
	#wherenext-view-all-departments a {
		font-size: 16px;
	}

	.wn-view-all-departments-container {
		margin-block-end: 100px;
	}
}

/* End of View All Departments styling */


/* Start of Esri Brief One Form styling */

.one-form-modal-opener .js-modal-toggle .svg-icon {
	inset-block-start: 3px;
	zoom: 1;
}

/* End of Esri Brief One Form styling */

/* Start of Article Header Styling */

.wn-article-header-container {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-block-start: var(--space-5);
  text-align: center;
}

.wn-article-header-info {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.wn-article-wherenext-logo a {
	background: url("../../../images/wherenext-logo-blue.png");
	block-size: 25px;
	display: block;
	inline-size: 187px;
	text-indent: -9999px;
}

.wn-article-header-category-date-container {
	align-items: center;
	display: flex;
}

.wn-article-header-line-break {
	background: #0061E2;
	block-size: 32px;
	inline-size: 3px;
	margin: 0 10px;
}

.wn-article-header-category-date-container > p {
	margin: 0;
}

.wn-article-header-category-name a {
	color: var(--text-1);
}

.wn-article-header-category-name a:hover {
	color: #0061E2;
	text-decoration: none;
}

.wn-article-header-article-date {
	color: var(--text-3);
}

.wn-article-header-author {
	margin-block: var(--space-5) var(--space-10);
}

.wn-article-header-line-break-mobile {
	display: none;
}

@media screen and (min-width: 860px) {
	.wn-article-header-container {
		margin-block-start: var(--space-16);
	}

	.wn-article-header-info {
		flex-direction: row;
	}

	.wn-article-header-line-break-mobile {
		display: block;
	}

	.wn-article-wherenext-logo {
		align-items: flex-end;
		display: flex;
		margin-block-end: 0;
	}

	.wn-article-header-line-break {
		margin: 0 25px;
	}
}

/* End of Article Header Styling */

/* Start of Article Main Image */
.wn-article-content-container {
	display: flex;
	flex-direction: column;
}

.wn-article-main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-block-size: min-content;
}

.wn-article-main > .wn-article-main-img-desc {
	align-self: flex-end;
	text-align: end;
}

.wn-article-main-img {
	block-size: auto;
	border-block-start: #0061E2 solid 8px;
	inline-size: 100%;
	max-inline-size: 1450px;
	object-fit: cover;
}

@media screen and (min-width: 860px) {
	.wn-article-main {
		margin-block-end: 50px;
	}

}


/* End of Article Main Image */

/* Start of Article Page Trending Articles */

.wn-article-page-trending-article {
	display: none;
}

.wn-article-page-trending-article-mobile {
	display: block;
}

@media screen and (min-width: 860px) {
	.wn-article-page-trending-article {
		display: block;
	}

	.wn-article-page-trending-article-mobile {
		display: none;
	}
}

/* End of Article Page Trending Articles */

/* Start of Article Body styling */
#article-content p,
#article-content li {
	color: #4c4c4c;
	font-size: 20px;
	line-height: 28px;
}

#article-content ol,
#article-content ul {
	display: block;
  list-style-position: inside;
	margin-block: 10px 20px;
	margin-block-end: 25px;
	max-inline-size: 100%;
	padding-inline-start: 35px;
}

#article-content ul.n-gallery {
	padding-inline-start: 0;
}

.news-blockquote--quote {
	margin: 3rem auto;
	min-block-size: 270px;
	padding-inline-start: 240.416px;
}

.news-blockquote--quote .news-blockquote-image--quote {
	/* margin-left: -239px !important; */
	border-radius: 50%;
}

.news-blockquote-block--quote {
	inline-size: 100%;
}

@media screen and (min-width:860px) {

	#article-content ul.n-gallery {
		inline-size: 785.41667px;
		max-inline-size: 51.45833vw;
	}

	.news-blockquote--quote {
		align-items: center;
		display: flex;
		flex-direction: column;
		inline-size: auto;
		margin: 3rem 0 !important;
		max-inline-size: 39.45833vw;
		padding: 0;
		padding-inline-start: 233.41667px;
		padding-inline-start: 0;
	}

	.news-blockquote-block--quote {
		inline-size: 100%;
	}

}

@media screen and (min-width: 860px) and (max-width: 1449px) {
	.news-blockquote--quote {
		max-inline-size: 51.45833vw;
	}

	.news-blockquote-image--quote {
		position: initial;
	}
}

@media screen and (min-width: 1450px) {
	.news-blockquote--quote .news-blockquote-image--quote {
		margin-inline-start: -313px !important;
	}
	.news-blockquote--quote {
		display: block;
		flex-direction: row;

		max-inline-size: 706.66667px;
		padding-inline-start: 312.41667px;
	}
}

.news-blockquote--quote .news-blockquote-block--quote {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 64 64' style='fill:%230079c1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M62 16.922V7.223c-9.963 0-18.603 5.643-22.913 13.904a25.712 25.712 0 0 0-2.92 11.93V56h18.54A7.292 7.292 0 0 0 62 48.708V33.057H45.865c0-8.91 7.224-16.135 16.135-16.135zM5.087 21.127a25.712 25.712 0 0 0-2.92 11.93V56h18.54A7.292 7.292 0 0 0 28 48.708V33.057H11.865c0-8.91 7.224-16.135 16.135-16.135V7.223c-9.963 0-18.603 5.643-22.913 13.904z'/%3E%3C/svg%3E");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 60px 60px;
	font-size: 30px;
	font-style: italic;
	font-weight: 300;
	line-height: 36px;
	margin: 0;
	padding-block-start: 72px;
}

@media screen and (max-width: 861px) {
	.news-blockquote--quote {
		align-items: center;
		display: flex;
		flex-direction: column;
		inline-size: 100%;
		padding-inline-start: 0;
	}
	.news-blockquote--quote .news-blockquote-image--quote {
		margin: 0 !important;
		position: initial;
	}
}

#article-content .news-blockquote--quote .news-blockquote-block--quote p {
	font-size: 30px;
	line-height: 36px;
}


#article-content .n-blockquote-block p{
	color: #6e6e6e;
	font-size: 1.2019rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.55rem;
}

.news-podcast {
	margin-block-end: 1.55rem;
}

@media screen and (min-width: 860px) {
	.news-podcast {
		inline-size: 785.41667px;
		max-inline-size: 51.45833vw;
	}

	.n-blockquote {
		inline-size: 785.41667px;
		max-inline-size: 51.45833vw;
	}
}

.media-player {
	display: none;
}

.newsr-art-content>div figure {
	max-inline-size: 100%;
}

#twitter {
	display: flex;
	justify-content: center;
	margin-block: 25px 50px;
}

@media screen and (min-width: 860px) {
	#twitter {
		inline-size: 785.41667px;
		max-inline-size: 51.45833vw;
	}
}

/* End of Article Body Block Quote styling */


/* Start of Article Page Related Article styling */

.wn-article-page-trending-article-title {
	margin-block-start: 0;
}
.wn-article-page-subscription-mobile {
	display: block;
}

@media screen and (min-width: 860px) {

	.wn-article-page-subscription-mobile {
		display: none;
	}

	.wn-related-article-container {
		margin-block-end: 120px;
	}
}

/* End of Article Page Related Article styling */


.wn-esri-brief-modal-title {
	margin: 0;
	margin-block-start: 1.55rem;
}

@media (min-width: 860px) and (max-width: 1449px){
	#article-content{
		float: left;
		inline-size: 50vw;
	}
}