/* -------------------- pjs-mm-video -------------------- */
.pjs-mm-video {
	padding:40px;
	background:#fff;
	display:flex;
}
.pjs-mm-video .wrapper {
	width:100%;
	max-width:1200px;
	position:relative;
	margin:0 auto;
}
.pjs-mm-video .wrapper .video {
	width:100%;
	padding-top:56.25%;
	position:relative;
	box-shadow:0 0 20px rgba(0,0,0,.25);
}
.pjs-mm-video .wrapper .video iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.pjs-mm-video .wrapper .video-mp4 {
	width:100%;
	position:relative;
	box-shadow:0 0 20px rgba(0,0,0,.25);
}
.pjs-mm-video .wrapper .audio {
	display:none;
}
.pjs-mm-video .wrapper .links {
	padding:10px;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	background:#f5f5f5;
}
.pjs-mm-video .wrapper .links a {
	margin:0 10px;
	vertical-align:middle;
}
.pjs-mm-video .wrapper .links a i {
	font-size:20px;
	vertical-align:middle;
}
.pjs-mm-video .wrapper .links a .icon {
	width:40px;
	height:40px;
	margin-right:5px;
	vertical-align:middle;
	background:#4b504b;
	border-radius:40px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.pjs-mm-video .wrapper .links a .icon img {
	flex:1 1 auto;
	max-width:25px;
	max-height:25px;
}
.pjs-mm-video .wrapper .meta {
	padding:20px 0 0 0;
	color:#fff;
}
.pjs-mm-video .wrapper .meta h1,
.pjs-mm-video .wrapper .meta h2,
.pjs-mm-video .wrapper .meta h3,
.pjs-mm-video .wrapper .meta h4 {
	color:#fff;
}
.pjs-mm-video .wrapper .meta p {
	margin-bottom:0;
}


/* -------------------- pjs-mm-archive -------------------- */
.pjs-mm-archive {
	padding:40px;
	background:#f5f5f5;
	display:flex;
}
.pjs-mm-archive .wrapper {
	width:100%;
	max-width:1200px;
	position:relative;
	margin:0 auto;
}
.pjs-mm-archive .wrapper h1 {
	padding-bottom:20px;
}
.pjs-mm-archive .wrapper .loader {
	height:100px;
	text-align:center;
	display:none;
}
.pjs-mm-archive .wrapper .loader img {
	height:100%;
	margin:0 auto;
}
.pjs-mm-archive .wrapper > .btns {
	text-align:center;
	max-width:200px;
	margin:20px auto 0 auto !important;
}
.pjs-mm-archive .wrapper .cards {
	width:calc(100% + 20px);
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	transform:translateX(-10px);
}
.pjs-mm-archive .wrapper .cards .card {
	margin:0;
	opacity:1;
	flex:0 1 33.3%;
	display:flex;
}
.pjs-mm-archive .wrapper .cards .card.hidden {
	opacity:0;
}
.pjs-mm-archive .wrapper .cards .card .container {
	width:100%;
	margin:20px 10px;
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,.25);
	display:flex;
	flex-flow:column nowrap;
}
.pjs-mm-archive .wrapper .cards .card .container .image {
	width:100%;
	padding-top:56.25%;
	background:url(../images/placeholder-medium.jpg) no-repeat center / cover;
}
.pjs-mm-archive .wrapper .cards .card .container .details {
	width:calc(100%);
	padding:20px;
	flex:1 0 auto;
	display:flex;
	flex-flow:column nowrap;
}
.pjs-mm-archive .wrapper .cards .card .container .details p {
	flex:1 0 auto;
}
.pjs-mm-archive .wrapper .cards .card .container .details h2 {
	line-height:36px;
}


/* -------------------- pjs-mm-related -------------------- */
.pjs-mm-related {
	padding:40px;
	background:#f5f5f5;
	display:flex;
}
.pjs-mm-related .wrapper {
	width:100%;
	max-width:1200px;
	position:relative;
	margin:0 auto;
}
.pjs-mm-related .wrapper h1 {
	padding-bottom:20px;
}
.pjs-mm-related .wrapper > .btns {
	text-align:center;
	max-width:200px;
	margin:20px auto 0 auto !important;
}
.pjs-mm-related .wrapper .cards {
	width:calc(100% + 20px);
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	transform:translateX(-10px);
}
.pjs-mm-related .wrapper .cards .card {
	margin:0;
	flex:0 1 33.3%;
	display:flex;
}
.pjs-mm-related .wrapper .cards .card .container {
	width:100%;
	margin:20px 10px;
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,.25);
	display:flex;
	flex-flow:column nowrap;
}
.pjs-mm-related .wrapper .cards .card .container .image {
	width:100%;
	padding-top:56.25%;
	background:url(../images/placeholder-medium.jpg) no-repeat center / cover;
}
.pjs-mm-related .wrapper .cards .card .container .details {
	width:calc(100%);
	padding:20px;
	flex:1 0 auto;
	display:flex;
	flex-flow:column nowrap;
}
.pjs-mm-related .wrapper .cards .card .container .details p {
	flex:1 0 auto;
}
.pjs-mm-related .wrapper .cards .card .container .details h2 {
	line-height:36px;
}


/* -------------------- miscellaneous -------------------- */
.pjs-mm-trans {
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

#sprite-plyr {
	display:none;
}

.btns {margin-left:0;}

/* PJS Media Manager */
	.pjs-mm-video {padding-top:180px !important; color:#fff; background:#272727 !important; overflow: hidden; position: relative;}
		.pjs-mm-video .bg {width:100%; height:100%; opacity:.25; position:absolute;	top:0; left:0; z-index:1; filter:blur(10px);}
		.pjs-mm-video .wrapper {z-index:2;}

/* banner */
	section.banner {width:100%; padding-top:35%; position:relative; overflow:hidden;}
		section.banner .video {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden;}
			section.banner .video video {width:100%; min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit:cover;}
		section.banner .tint {width:100%; height:40%; position:absolute; left:0; z-index:2;}
		section.banner .tint.top {background:linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); top:0;}
		section.banner .tint.bottom {background:linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); bottom:0;}
		section.banner .center-content {max-width:640px; width:calc(100% - 40px); text-align:center; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%);}
			section.banner .center-content h2 {color:#fff;}
			section.banner .center-content p {color:#fff;}
		section.banner .content {width:calc(100% - 160px); max-width:1280px; padding:0 20px 20px 20px; letter-spacing:.1em; position:absolute; bottom:0; left:50%; z-index:4; transform:translateX(-50%); display:flex; flex-flow:row wrap; align-items:center;}
			section.banner .content .title {color:#fff; font-size:30px; text-transform:uppercase; flex:1 1 auto;}
			section.banner .content .title.small {font-weight:700; font-size:16px;}
				section.banner .content .title a {color:#fff; vertical-align:middle;}
					/* section.banner .content .title a i {font-size:28px; vertical-align:middle;} */
					section.banner .content .title a .icon {width:36px; height:36px; margin:0 10px 0 0; color:#202020; text-align:center; background:#fff; border-radius:36px; display:inline-block;}
						section.banner .content .title a .icon i {font-size:20px; line-height:38px; text-indent:2px;}
						section.banner .content .title a:hover .icon {color:#fff; background:#73825f;}
				section.banner .content .title .bold {font-weight:700;}
			section.banner .content .share {text-transform:uppercase; text-align:right; flex:0 1 240px; display:flex; align-items:center;}
				section.banner .content .share .word {padding-right:5px; color:#fff; font-weight:700; font-size:16px; flex:1 0 auto;}
				section.banner .content .share ul {padding:0; list-style:none; text-align:center;}
					section.banner .content .share ul li {width:36px; height:36px; margin-left:5px; font-size:20px; line-height:36px; display:inline-block;}
						section.banner .content .share ul li a {margin-bottom:0; color:#202020; line-height:36px; background:#fff; border-radius:36px; display:block;}
						section.banner .content .share ul li a:hover {color:var(--color-accent1); background:#fff;}
		section.banner .story-content {max-width:840px; width:100%; color:#fff; text-align:center; letter-spacing:.1em; position:absolute; top:calc(50% + 60px); left:50%; z-index:5; transform:translate(-50%,-50%);}
			section.banner .story-content .shadow {width:120%; height:120%; background:rgba(0,0,0,.25); filter:blur(50px); position:absolute; top:-10%; left:-10%; z-index:-1;}
			section.banner .story-content .title {margin:0; padding:0; font:46px 'Montserrat'; text-transform:uppercase;}
			section.banner .story-content .sub-title {margin:0; padding:0; font:700 28px 'Montserrat'; text-transform:uppercase;}
			section.banner .story-content .btns {max-width:200px; margin:20px auto 0 auto !important;}
			section.banner .story-content .play {width:100px; height:100px; color:#fff; font-size:28px; line-height:100px; text-align:center; border-radius:100px; background:rgba(0,0,0,.5); position:absolute; top:50%; left:50%; z-index:4; transform:translate(-50%,-50%); display:flex; align-items:center;}
			section.banner .story-content .play:hover {background:rgba(0,0,0,.75);}
				section.banner .story-content .play img {max-width:30px; width:100%; max-height:30px; height:100%; margin:0 auto;}
	
	section.banner.tall {padding-top:45%;}
	section.banner.stories {padding-top:45%; position:relative;}

/* stories-filters */
	section.stories-filters {width:100%;}
		section.stories-filters .wrapper {width:100%; border-bottom:1px solid #4b504b;}
			section.stories-filters .wrapper .filters {max-width:1280px; margin:0 auto; display:flex; flex-flow:row nowrap;}
				section.stories-filters .wrapper .filters .filter {border-right:1px solid #4b504b; flex:1 1 50%; position:relative;}
				section.stories-filters .wrapper .filters .filter:hover {background:#f7f7f7;}
				section.stories-filters .wrapper .filters .filter:last-child {border-right:0;}
					section.stories-filters .wrapper .filters .filter select {width:100%; margin:0; padding:20px 40px 20px 70px; font-weight:700; font-size:18px; line-height:20px; text-transform:uppercase; background:url(../images/icon-filter.svg) no-repeat left 20px center; background-size:30px; position:relative; z-index:2; border:0; cursor:pointer; outline:none; -webkit-appearance:none; transition:all .3s ease;}
					section.stories-filters .wrapper .filters .filter .indicator {color:#4b504b; font-size:26px; position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:1;}


button.plyr__control {background:var(--color-accent2) !important;}
button.plyr__control:hover {background:var(--color-accent1) !important;}
.plyr--full-ui input[type=range] {color:var(--color-accent2) !important;}


/* Preloaders */
	.preloader {width:100%; height:100%; background:#1f211f; position:absolute; top:0; left:0; z-index:3;}
	.preloader.hidden {opacity:0;}
		.preloader img {max-width:100px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
		.preloader img.spin {animation-name:spin; animation-duration:1.5s; animation-iteration-count:infinite; animation-delay:0s;}
		.preloader img.hidden {display:none;}
		@keyframes spin {
			0% {transform:translate(-50%,-50%) rotate(0deg);}
			100% {transform:translate(-50%,-50%) rotate(360deg);}
		}