/* Patient Stories */
.patient-story figure.story-edit, .patient-story figure.quote {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.patient-story p.quote {
	padding: 2em 2.22em;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #f0f0f0;
	margin-top: 0;
}

/* Featured story image styling to match old site's system-card */
.patient-story .featured-story-image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 1;
	object-fit: cover;
	margin-bottom: calc(1.67rem * 1.45);
	border-radius: 2px;
}

/* News article thumbnail image styling */
.system-entry figure.system-card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 1;
	object-fit: cover;
	border-radius: 2px;
}

/* Add spacing between multiple small images */
.patient-story .content-style img.media-small {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.patient-stories .system-cards li {
	padding-bottom: 1.4rem;
}

.patient-stories .system-cards li a .title-style-5 {
	margin-top: 1.05rem;
	margin-bottom: 0.7rem;
}

.patient-stories .system-cards li a p {
	margin-top: 0.6rem;
}

.patient-stories .system-cards li a .link-style-1 {
    font-weight: 700;
    font-size: 1.12rem;
    line-height: 1.3;	
}

.sys-75:not(.no-padding) {
	padding-bottom: 6.7rem;
}

.sys-75 .patient-story .inline-items {
	margin-top: 1.4rem;
}

.sys-75 .patient-story .inline-items li {
	padding-bottom: 0.55rem;
}

.sys-75 .related-posts header {
	padding-bottom: 0.9rem;
}

.sys-75 .related-posts .system-cards li {
	padding-bottom: 0.85rem;
}

.sys-75 .related-posts .system-cards li .title-style-5 {
	margin-top: 1rem;
	margin-bottom: 0.7rem;
}

.sys-75 .related-posts .system-cards li .link-style-1 {
	font-weight: 700;
    font-size: 1.12rem;
    line-height: 1.3;
}

.sys-75 .related-posts .system-cards li .link-style-1 {
    display: block;
    padding-top: 0.3rem;	
}

.sys-75 .related-posts header {
	padding-bottom: 0.9rem;
}

.featured.stories:not(.no-padding) {
	padding-top: 6.7rem;
	padding-bottom: 4.9rem;
}

.featured.stories .system-cards li {
	padding-bottom: 0.85rem;
}

.featured.stories .system-cards li .title-style-5 {
	margin-top: 1rem;
	margin-bottom: 0.7rem;
}

.featured.stories .system-cards li .link-style-1 {
	font-weight: 700;
    font-size: 1.12rem;
    line-height: 1.3;
}

.featured.stories .system-cards li .link-style-1 {
    display: block;
    padding-top: 0.3rem;
}

/* Video Player with Custom Thumbnail */
figure.play {
	position: relative;
	cursor: pointer;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	z-index: 2;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.play picture {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

figure.play img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

figure.play .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	background: linear-gradient(160deg, rgba(50,98,149,1) 0%, rgba(0,105,60,1) 100%);
	transition: background-color .4s ease 0s;
	width: 3.2em;
	height: 3.2em;
	pointer-events: none;
	z-index: 3;
}

figure.play .play-btn svg {
	font-size: 1.3em;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: calc(50% + 0.1em);
	transform: translate(-50%, -50%);
}

figure.play:hover .play-btn,
figure.play:focus-within .play-btn {
	background-color: #282828;
}

/* When video is opened */
figure.play.open picture,
figure.play.open .play-btn {
	display: none;
}

figure.play.open .embed-container iframe {
	display: block !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
	figure.play:hover .play-btn,
	figure.play:focus-within .play-btn {
		background-color: #0F3864;
	}
}
/* End Video Player */

/* End Patient Stories */