/* Scholar Rock
------------------------------------------- 

Table of contents
	- Single Page
	- Page Loop
	- Media Queries

------------------------------------------- */

/* Archive Page
-------------------------------------------- */

.archive-hero .wrap {
	margin: 20px auto 40px;
	max-width: 1120px;
}

.publications-content-sidebar {
	padding-bottom: 80px;
}

.publications-content-sidebar .publications-wrap {
	padding: 24px;
}

.poster-presentation-item {
	border-bottom: 1px solid var(--orange);
    margin-bottom: 24px;
}

.poster-presentation-item .event {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.poster-presentation-item .post-tags {
	margin-bottom: 24px;
}

.poster-presentation-item .post-tags .disease-tag {
	margin-bottom: 12px;
	width: auto;
}

.poster-presentation-item .post-title {
	font-size: 20px;
	margin-bottom: 40px;
}

.poster-presentation-item .post-date {
	font-size: 16px;
}

.poster-presentation-item .post-date:before {
	align-items: center;
	background-color: var(--dark-green);
	border-radius: 50%;
	color: var(--lime);
	display: inline-flex;
	font-family: 'Font Awesome 6 Pro';
	font-size: 12px;
	font-weight: 300;
	height: 24px;
	justify-content: center;
	margin-right: 12px;
	position: relative;
	top: -2px;
	width: 24px;
}

.poster-presentation-item.poster .post-date:before {
	content: '\e293';
}

.poster-presentation-item.presentation .post-date:before {
	content: '\f685';
}

.poster-presentation-item.publication .post-date:before {
	content: '\f1ea';
}

.filters-sidebar .filters {
	background-color: var(--cream);
	padding: 24px;
}

.filters-sidebar .filters input,
.filters-sidebar .filters select {
	background-color: var(--white);
	font-size: 14px;
	padding: 12px;
}

.patient-stories .heading-wrapper,
.newsroom .heading-wrapper {
	max-width: 680px;
}

.patient-stories .content-sidebar-wrap,
.patient-story .content-sidebar-wrap,
.newsroom .content-sidebar-wrap {
	padding-bottom: 120px;
}

.patient-stories-content-wrap .patient-story {
	background-color: var(--cream);
	border-radius: 16px;
	font-size: 16px;
}

.patient-stories-content-wrap .patient-story .video-wrapper .video,
.patient-stories-content-wrap .patient-story .thumb-wrapper img {
	border-radius: 16px 16px 0 0;
}

.patient-stories-content-wrap .patient-story .content-wrapper {
	padding: 24px;
}

.patient-stories-content-wrap .patient-story,
.patient-stories-content-wrap .patient-story .content-wrapper {
	display: flex;
	flex-direction: column;
}

.patient-stories-content-wrap .patient-story .content-wrapper {
	flex-grow: 1;
}

.patient-stories-content-wrap .patient-story h2 {
	font-size: 24px;
	margin-bottom: 4px;
}

.patient-stories-content-wrap .patient-story p.more-link {
	margin-bottom: 0;
	margin-top: auto;
}

.patient-story {
	margin-bottom: 24px;
}

.patient-story .heading-wrapper {
	font-size: 20px;
	max-width: 680px;
}

.patient-story .heading-wrapper h1 {
	margin-bottom: 8px;
}

.patient-story .patient-story-content .wrap {
	margin: 0 auto;
	max-width: 800px;
}

.patient-story .patient-story-content iframe {
	border-radius: 16px;
}

.newsroom .newsroom-item {
    border-bottom: 1px solid var(--orange);
    margin-bottom: 24px;
	max-width: 800px;
}

.newsroom .newsroom-item:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.newsroom .newsroom-item .date {
	font-size: 16px;
    margin-bottom: 8px;
}

.newsroom .newsroom-item h2 {
    font-size: 18px;
}

.newsroom .newsroom-content-wrap {
	padding: 24px;
}

.newsroom .newsroom-content-wrap.green-blob.blob-before:before {
    right: 24px;
	top: -200px;
}

/* Shortcode
-------------------------------------------- */

.post-item {
	background-color: var(--light-teal);
	margin-bottom: 24px;
	padding: 0;
	position: relative;
	transition: all 0.2s ease-in-out;
}

.post-item:hover,
.post-item:focus-within {
	padding: 8px 8px 56px;
}

.post-item-content-wrapper {
	background-color: var(--lightest-teal);
}

.post-item-content-wrapper .post-date,
.post-item-content-wrapper .post-date:last-of-type {
	color: var(--dark-green);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.post-item-content-wrapper .post-title {
	color: var(--black);
	margin-bottom: 0;
}

.post-item .more-link {
	bottom: 0;
	align-items: flex-end;
	display: flex;
	justify-content: flex-end;
	left: 0;
	margin-bottom: 0;
	padding: 16px;
	position: absolute;
	right: 0;
	top: 0;
}

.post-item .more-link a {
	opacity: 0;
}

.post-item .more-link a:focus,
.post-item .more-link a:hover {
	color: var(--black);
}

.post-item .more-link a:focus,
.post-item .more-link a:hover {
	opacity: 1;
}

.post-item .more-link a:before {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.recent-poster-pub-post {
	margin-bottom: 40px;
}

.recent-poster-pub-post:last-of-type {
	margin-bottom: 0;
}

.recent-poster-pub-post .event {
	color: var(--green);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.recent-poster-pub-post .post-title {
	font-size: 20px;
	color: var(--black);
}

.recent-poster-pub-post .post-date {
	font-size: 16px;
	margin-bottom: 8px;
}

.recent-poster-pub-post .more-link {
	border-bottom: 1px solid var(--orange);
    display: block;
    margin-bottom: 0;
    padding-bottom: 24px;
}

.recent-poster-pub-post:last-of-type .more-link {
	border-bottom: none;
    padding-bottom: 0;
}

.newsroom-content .wrap {
	margin: 0 auto;
	max-width: 800px;
}

.newsroom-content div {
	margin-bottom: 24px;
}

.newsroom-content iframe {
	border-radius: 16px;
}

/* Media Queries
------------------------------------------- */

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

	.recent-newsroom-container {
		display: flex;
		gap: 2%;
	}

	.post-item {
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
		width: 49%;
	}

	.post-item-content-wrapper {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
	}

	.post-item-content-wrapper .post-title {
		margin-top: auto;
	}

	.publications-content-sidebar {
		padding-bottom: 120px;
	}

	.publications-content-sidebar .wrap {
		display: flex;
		gap: 40px;
	}

	.publications-content-sidebar .wrap:after,
	.publications-content-sidebar .wrap:before {
		display: none;
	}

	.publications-content-sidebar .publications-wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 2%;
		padding: 40px;
		position: relative;
		width: 66%;
	}

	.publications-content-sidebar .publications-wrap:after {
		background-color: var(--lightest-teal);
		bottom: 0;
        content: '';
        left: 100%;
        position: absolute;
        right: -440px;
        top: 0;
		z-index: -2;
	}

	.publications-content-sidebar .filters-sidebar {
		top: -200px;
		padding-top: 80px;
		position: relative;
		width: calc( 34% - 40px );
	}

	.publications-content-sidebar .filters-sidebar .filters {
		position: sticky;
		top: 80px;
		transition: all 0.4s ease-in-out;
	}

	.scroll-up .publications-content-sidebar .filters-sidebar .filters {
		top: 280px;
	}

	.poster-presentation-item {
	    margin-bottom: 40px;
	}

	.poster-presentation-item .post-tags {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}

	.poster-presentation-item.post-item {
		margin-bottom: 2%;
	}

	.poster-presentation-item .post-item-content-wrapper .post-title {
		margin-bottom: 80px;
		margin-top: 0;
	}

	.poster-presentation-item .post-item-content-wrapper .post-date {
		margin-top: auto;
	}

	.recent-poster-pub-post {
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
		width: calc( 96% / 3 );
	}

	.recent-poster-pub-post .post-date {
		margin-bottom: 24px;
		margin-top: auto;
	}

	.recent-poster-pub-post .more-link {
		border-top: 1px solid var(--orange);
		border-bottom: none;
		padding-bottom: 0;
	    padding-top: 24px;
	}

	.patient-stories-content-wrap .wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
	}

	.patient-stories-content-wrap .wrap:after,
	.patient-stories-content-wrap .wrap:before {
		display: none;
	}

	.patient-stories-content-wrap .patient-story {
		width: calc( ( 100% - 48px ) / 3 );
	}

	.patient-story {
		margin-bottom: 0;
	}

	.newsroom-content-wrap {
		padding: 40px;
	}

}

@media only screen and (max-width: 960px) {

	.filters-sidebar {
		display: none;
	}

}