:root {
	--pink: #ae1857;
	--orange: #ff7f40;
}

body {
	margin: 0px !important;
	max-width: unset !important;
}

.quote-animation {
	animation-name: quoteAnimation;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 25s;
}

.quote-resizer {
	transform: scale(2.2) translate(-14.35rem, -11rem);
}

@keyframes quoteAnimation {
	0% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(50px, 0, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}

.plyr__poster {
	background-size: 110% !important;
}

[data-poster="/wp-content/uploads/2020/03/brianna-filling-gaps.jpg"]
	.plyr__poster {
	background-size: 320% !important;
}

.story-filters-inner {
	top: 5.25rem;
}

#video-eGzIyO1aYSY .plyr__video-wrapper {
	padding-bottom: 75% !important;
}

#video-eGzIyO1aYSY .plyr__poster {
	background-size: 316% !important;
	background-position: 50% 38%;
}

#video-G70JbQViQYQ .plyr__poster {
	background-size: 316% !important;
}

#video-RLAnAs-PAW8 .plyr__poster {
	background-size: 313% !important;
	background-position: 50% 35%;
}

#video-C_fmJIQWRyw .plyr__poster {
	background-size: 302% !important;
}

[data-share-story-flyout] {
	position: absolute;
	bottom: 3.25rem;
	right: -1.1rem;
	z-index: 6;
	background: white;
}

.story-share-options::after {
	content: "";
	width: 0.75rem;
	height: 0.75rem;
	background: white;
	display: block;
	position: absolute;
	border-top: 1px solid #ae1857;
	border-right: 1px solid #ae1857;
	transform: rotate(135deg);
	bottom: -0.4rem;
	right: 1.5rem;
}

.twitter-share-link svg path {
	fill: none;
}

.story-share-options a:hover svg path,
.story-share-options button:hover svg path,
.story-share-options button:hover svg line {
	stroke: #ae1857;
}

[data-fade-out-copy].fade-out {
	animation: fadeOut;
	animation-delay: 2s;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media screen and (min-width: 640px) {
	.text-link-share-story {
		display: none !important;
	}
}

.hero-real-talk {
	bottom: 0.5rem;
	transform: translateX(-50%);
	left: 50%;
}

@media screen and (min-width: 1024px) {
	.hero-video-container {
		overflow: visible;
	}
	.hero-real-talk {
		bottom: -0.5rem;
		transform: translateX(-50%);
		left: 50%;
	}
}

@media screen and (min-width: 1088px) {
	.hero-real-talk {
		bottom: 0.5rem;
		transform: translateX(-50%);
		left: 50%;
	}
}

.real-talk-box {
	animation-name: realTalkBoxAnimation;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes realTalkBoxAnimation {
	0% {
		opacity: 0;
		transition-property: opacity, transform;
		transform: translate3d(50%, 100px, 0);
		transition-timing-function: ease;
		transition-duration: 1.5s;
	}
	100% {
		opacity: 1;
		transform: translateZ(0) translate3d(50%, 0, 0);
	}
}

.bottom-real-talk-cta:hover .i-read circle,
.bottom-real-talk-cta:hover .i-read polyline {
	stroke: white;
}

@media screen and (min-width: 1024px) {
	.w-sixth-l {
		width: 16.666666666666667%;
	}
}

.events-background-graphic {
	top: -8rem;
	width: 87rem;
}

@media screen and (min-width: 1440px) {
	.events-background-graphic {
		top: -8rem;
		width: 100%;
	}
}

.site-page:nth-child(4) a {
	color: #ae1857;
}

.site-page:nth-child(4) svg circle {
	fill: #ae1857;
}

.site-page:nth-child(5) a {
	color: #005d83;
}

.site-page:nth-child(5) svg circle {
	fill: #005d83;
}

.site-page:nth-child(6) a {
	color: #02929d;
}

.site-page:nth-child(6) svg circle {
	fill: #02929d;
}

[data-fade-in-late] {
	opacity: 0;
	animation-name: fadeInLate;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 5000ms;
}

@keyframes fadeInLate {
	0% {
		opacity: 0;
		transition-property: opacity, transform;
		transform: translate3d(0, 0, 0);
		transition-timing-function: ease;
	}
	100% {
		opacity: 1;
		transform: translateZ(0);
	}
}

@media screen and (min-width: 64em) {
	.featured-story-bg-image {
		padding-top: 32rem;
	}
	.featured-story-text {
		margin-top: -8rem;
		top: 0;
	}
}

.hero-cta {
	width: calc(100% - 1rem);
}

/* .stream-links a:hover svg path {
	fill: var(--pink);
} */

.stream-links .amazon-music {
	width: 2rem;
}

.stream-links .soundcloud {
	width: 2.5rem;
}

.stream-links .tidal img {
	height: 1.5rem;
}
.the-inspiration {
	background-image: url("/assets/images/bg-the-inspiration.jpg");
}

.inspiration-slide {
	width: 100%;
}

.the-making-of {
	background-image: url("/assets/images/bg-bts-music-video-2.jpeg");
}

.mw-1280 {
	max-width: 1280px;
}

.the-song-video {
	background-image: url("/assets/images/spaces-album-cover.jpg");
}

.the-inspiration .contributors {
	min-height: 431px;
}

[data-inspiration-contributor] .headshot {
	transition: all 100ms ease-in-out;
}

[data-inspiration-contributor].active {
	opacity: 100%;
}

[data-select-contributor] {
	cursor: pointer;
}

.no-js [data-select-contributor] {
	cursor: initial;
}

.no-js [data-inspiration-contributor] {
	opacity: 100%;
}

.no-js [data-inspiration-contributor].headshot,
[data-inspiration-contributor].active .headshot {
	max-height: 10rem;
	max-width: 10rem;
	width: 10rem;
	transition: all 100ms ease-in-out;
	border: 0.25rem solid var(--orange);
	opacity: 100%;
}

[data-inspiration-contributor]:hover .headshot {
	max-height: 14rem;
	max-width: 14rem;
	width: 14rem;
	transition: all 100ms ease-in-out;
	border: 0.25rem solid var(--orange);
	opacity: 100%;
}

.inspiration-image {
	max-height: 12rem;
	max-width: 12rem;
}

@media screen and (min-width: 48em) {
	.inspiration-image {
		max-width: 100%;
	}
}

@media screen and (min-width: 64em) {
	.no-js [data-inspiration-contributor] .headshot {
		border: 0.25rem solid var(--orange);
		max-width: 14rem;
		width: 14rem;
	}

	[data-inspiration-contributor].active .headshot {
		max-width: 14rem;
		width: 14rem;
	}

	.inspiration-image {
		min-height: 268px;
		height: 268px;
		max-height: 268px;
		max-width: 100%;
	}
}

[data-inspiration-contributor] {
	transition: opacity 100ms ease-in-out;
}

[data-inspiration-contributor]:hover {
	opacity: 100%;
	transition: opacity 100ms ease-in-out;
}

.inspiration-container .slider-topic {
	min-width: 100%;
	filter: none !important;
}

.the-inspiration .slide-navigation {
	position: relative;
	top: 5rem;
}

.the-inspiration .i-read {
	width: 2.5rem;
	height: 2.5rem;
}

.the-inspiration .i-read svg {
	width: 2.5rem;
}

.stroke-gray {
	stroke: #808082;
}

.youtube-icon {
	position: relative;
	top: 0.25rem;
}

@media screen and (min-width: 768px) {
	.youtube-icon {
		top: 0rem;
	}
}

.close-button {
	background: transparent !important;
}

.story-contributor[data-name="joel"]
	.contributor--headshot
	.contributor--image {
	/* border: 10px solid green; */
	background: 95% center;
	background-repeat: no-repeat;
}
#joel .contributor--image {
	background: 95% center;
	background-repeat: no-repeat;
}
.story[data-name="joel"] .contributor--image {
	background: 95% center;
	background-repeat: no-repeat;
}