.hljs-comment,.hljs-quote{color:#d8dde6}.hljs-comment{font-style:italic;color:#8797b2}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#e06c75}.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#d19a66}.hljs-attribute{color:#e7c547}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#98c379}.hljs-section,.hljs-title{color:#61afef}.hljs-keyword,.hljs-selector-tag{color:#c678dd}.hljs{display:block;overflow-x:auto;background:#2f3542;color:#fff;padding:.5em;font-family:Inconsolata,monospace}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.jwdeveloper-header{border-bottom:1px solid #d8dde6;padding:0 20px;margin:0 auto;width:100%;font-family:Lato,"Open Sans",Arial,sans-serif;font-weight:400;font-size:18px;box-shadow:0 2px 3px #d8dde6;background-color:#fff}@media screen and (max-width:960px){.jwdeveloper-header{font-size:15px;padding:0}}.jwdeveloper-header .header-inner{max-width:1510px;margin:0 auto;display:flex;align-items:center}@media screen and (max-width:720px){.jwdeveloper-header .header-inner{flex-direction:column;justify-content:flex-start}}.jwdeveloper-header .logo svg{width:128px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:720px){.jwdeveloper-header .logo svg{padding:10px 0}}.jwdeveloper-header .header-item{width:100%;padding:30px 0;text-align:center;text-decoration:none;color:#000;border-top:1px solid #d8dde6}@media screen and (max-width:720px){.jwdeveloper-header .header-item{text-align:left;padding:10px 20px;background-color:#f3f5f8}}.jwdeveloper-header .header-item:hover{text-decoration:underline}@media screen and (max-width:720px){.jwdeveloper-header .header-item:hover{text-decoration:none;background-color:rgba(216,221,230,.5)}}body,html{margin:0;padding:0;font-family:"Open Sans",Arial,sans-serif;}html{box-sizing:border-box}html *,html ::after,html ::before{box-sizing:inherit}.ds-page .container{margin:0 auto;min-width:320px;padding:40px 0 0 0;width:100%}@media screen and (min-width:768px){.ds-page .container{max-width:46.875rem}}@media screen and (min-width:992px){.ds-page .container{max-width:60rem}}@media screen and (min-width:1200px){.ds-page .container{max-width:75rem}}.ds-page .container a,.ds-page .container li,.ds-page .container p{font-size:14px}.ds-page .container header{width:100%}.ds-page .container ul{margin:40px 0 0 0;padding:0}.ds-page .container ul a{text-decoration:none}.ds-page .container ul li{list-style:none;padding:30px 20px 20px 30px;margin:10px;display:inline-flex;flex-direction:column;border-radius:6px;background-color:#fff;box-shadow:0 0 5px #d8dde6;border:1px solid #fff;width:100%}.ds-page .container ul li:hover{border:1px solid #d8dde6}.ds-page .container ul li p{color:#000;padding-top:10px;margin-bottom:40px}.container.jwux-demo{text-align:left;padding:40px 0}.jwux-demo{margin:0 auto;max-width:1200px}.jwux-demo .poc-text{padding-top:40px;color:#999}.jwux-demo .github-badge{padding-top:20px;display:block}.jwux-demo pre{margin:40px 0}.jwux-demo pre code{padding:20px;font-size:15px;line-height:22px}.jwux-demo pre code span{font-size:15px}.jwux-demo pre code span.hljs-comment{color:#8797b2}

  .hover {
	cursor: pointer;
}

.hover:hover {
	color: #d8dde6;
}

.hover:active {
	color: #a0acc2;
}

.content {
	display: flex;
	height: auto;
	text-align: left;
}

@media (max-width: 991px) {
	.content{
		height:unset;
		display:grid;
	}
}

.playlists {
	background-image: linear-gradient(to right, #082500 , #11171E);
	padding:25px 0px;
	overflow: scroll;
}

@media (max-width: 991px) {
	.playlists {
		padding: 20px;
		order:3;
		background: linear-gradient(#11171E , #082500);
	}
}


.playlists__playlist {
	margin:0px;
	padding:10px 25px;
}

@media (max-width: 991px) {
	.playlists__playlist {
		float:left;
	    padding:10px 15px;}

}

.playlists__text {
	text-transform: uppercase;
	font-size: 12px;
	color: #8a99b4;
}

.chosen-playlist {
	background-color:#3d446b;
	color:#f3f5f8;
	padding: 25px 30px 30px;
	overflow: scroll;
}

@media (max-width: 991px) {
	.chosen-playlist {
		padding: 15px 15px 5px 15px;
		order:1;
	}
}

.chosen-playlist__alternate-button {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-family: "Lato", sans-serif;
	background-color: transparent;
	color: #212529;
	font-weight: bold;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
}

.chosen-playlist__video-cont {
	display: inline-block;
	margin: 0px 0px 25px 0px;
	padding:20px;
	max-width: 350px;
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
	width:290px;
}

@media (max-width: 1280px) {
	.chosen-playlist__video-cont {
		flex-direction: column;
		justify-content: flex-start;
		flex-basis:0;
		max-width:unset;
		width:100%;
		margin:10px 10px;
	}
}

.chosen-playlist__image {
	max-width:235px;
	max-height:fit-content;
}

.chosen-playlist__add {
	height: 12px;
	width: 12px;
	cursor: pointer;
	fill: #212529;
	margin-right: 5px;
}

.chosen-playlist__button {
	font-family: "Lato", sans-serif;
	display: flex;
	align-items: center;
	background-color: transparent;
	color: #212529;
	font-weight: bold;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
	font-size: 12px;
}

.chosen-playlist__button:hover {
	color: #475059;
}

.chosen-playlist__button:active {
	color: #212529;
}

.chosen-playlist__text-cont {
	margin: 10px 0px 0px 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

@media (max-width: 1011px) {
	.chosen-playlist__text-cont {
		margin: 10px 0 0;
	}
}

.playlist-title {
	margin-bottom: 10px;
}

.playing-and-queue {
	background: #fff;
	padding: 25px 30px 30px;
	flex-grow: 1;
	min-width: 450px;
}

@media (max-width: 991px) {
	.playing-and-queue {
		padding: 0px 15px 20px 15px;
		order:2;
		background-color:#3d446b;
	}
}
@media (max-width: 820px) {
	.playing-and-queue {
		min-width: 400px;
	}
}
@media (max-width: 790px) {
	.playing-and-queue {
		min-width: 350px;

	}
}
@media (max-width: 390px) {
	.playing-and-queue {
		min-width: 300px;
	}
}

.jwplayer {
	margin: 10px 0px 0px 0px;
	height: 320;
	width: 570;
}

.queue__section-headings {
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 20px;
}

.queue__title {
	font-size: .8rem;
	color:#212529;
	margin: 15px 0px 10px 0px;
	display: block;
	font-weight:bold;
	text-transform: uppercase;
}

.queue__item {
	background-color: #323b4e;
	display: flex;
	justify-content: space-between;
	margin: 3px 0;
	padding:10px;
}

.queue__item:hover {
	background-color: #262a35;
}

.queue__item:hover .queue__cross {
	fill: #d8dde6;
}

.queue__item--1,
.queue__item--2 {
	display: flex;
	align-items: center;
}

.queue__image {
	opacity: 1;
	display: block;
	height: 50px;
	width: 80px;
	transition: 0.2s;
	backface-visibility: hidden;
	margin-left: -40px;
}
@media (max-width: 820px) {
	.queue__image {
		display: none;
	}
}

.queue__text {
	font-family: "Lato", sans-serif;
	color: #f3f5f8;
	margin: 0;
	font-weight: 400;
	font-size: 14px;
}

.queue__cross {
	margin: 0 20px;
	height: 15px;
	width: 15px;
	cursor: pointer;
	fill: #8a99b4;
}

.queue__selector {
	margin: 0 20px;
	height: 18px;
	width: 18px;
	cursor: grab;
	fill: #f3f5f8;
}

.queue__selector:hover {
	cursor: grab;
	fill: #d8dde6;
}

.queue__selector:active {
	cursor: grabbing;
	fill: #a0acc2;
}

.now-playing {
	padding: 5px 0 20px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	/* margin-bottom: 20px; */
}

.now-playing__item {
	background-color: #082500;
	display: flex;
	justify-content: space-between;
	margin: 3px 0;
	padding:10px;
}

.now-playing__item--1,
.now-playing__item--2 {
	display: flex;
	align-items: center;
}

#text,
#duration {
	margin: 0 20px;
	font-size: 14px;
	color: #f3f5f8;
	font-weight: 400;
}

.now-playing__icon {
	margin: 0 20px;
	height: 18px;
	width: 18px;
	cursor: default;
	fill: #f3f5f8;
}

.now-playing__image {
	width: 80px;
	height: auto;
}

.secondary-container {
	display: flex;
	margin-right: 10px;
}

.title {
	padding-left: 20px;
}

.duration {
	padding-left: 250px;
}

.no-margin {
	margin: 0;
	width: 150px;
	margin-left: 10px;
	font-size: 12px;
}

.clickable {
	cursor: pointer;
	margin-bottom: 5px;
}

.clickable:hover {
	color: #d8dde6;
}

.clickable:active {
	color: #a0acc2;
}

.heading-secondary {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #f3f5f8;
	text-transform:uppercase;
}

.heading-tertiary {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #f3f5f8;
}

#sortable1 {
	padding: 0;
	list-style-type: none;
}

.demo-container {
	position: relative;
	width: 80px;
	height: auto;
}

.demo-container:hover .queue__image {
	opacity: 0.3;
	cursor: pointer;
}

.demo-container:hover .middle {
	opacity: 1;
}

.middle {
	transition: 0.5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	cursor: pointer;
}

.text {
	fill: #f3f5f8;
	height: 20px;
	width: 20px;
}

.check-svg {
	height: 13px;
	width: 13px;
	fill: #0aac29;
	margin-right: 5px;
}

.queue-overlay-fullscreen {
	pointer-events: all;
}

a:hover {
	color: #ff6347;
}

#menuToggle {
	display: block;
	position: relative;
	top: 50px;
	left: 50px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-touch-callout: none;
}

#menuToggle span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #cdcdcd;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}

#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px);
}

#menu {
	position: absolute;
	margin: -100px 0 0 -50px;
	padding: 50px;
	padding-top: 125px;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menuToggle input:checked ~ ul {
	transform: none;
}

.overlay__image {
	width: 80px;
	height: auto;
	cursor: pointer;
}

.overlay__item {
	display: flex;
	background-color: #323b4e;
	justify-content: space-between;
	align-items: center;
	margin: 2px;
}

.overlay__text {
	font-size: 12px;
	margin: 0;
}

@media (max-width: 1280px) {
	.chosen-playlist__container {
		display: flex;
	}
}

.now-playing__heading {
	margin-bottom: 10px;
}

.queue__item--heading {
	font-family: "Lato", sans-serif;
	font-size: 14px;
	color: #f3f5f8;
	font-weight: 400;
	width:100%;
}

/*pymnts fixes*/
/* @media (min-width: 1280px){
    .container {
        max-width: 100%;
    }
} */

/*Alison's Added Styles*/

.content-wrapper {
	padding-top:0px;
}

@media (max-width: 991px) {
	.content-wrapper {
		background:#3d446b;
	}
}


.playlists h2 {
	margin-left:25px;
}

@media (max-width: 1280px){
.playlists h2 {
        margin-left:15px;
    }
}

.playing-and-queue p, .playing-and-queue h2, .chosen-playlist p, .chosen-playlist h2 {
	color:#212529;
}


@media (max-width: 991px) {
	.playing-and-queue p, .playing-and-queue h2, .chosen-playlist p, .chosen-playlist h2 {
		color:#f3f5f8;
	}
}

a p.slider-caption-class {
	color:#1c4d0f;
	margin-bottom:0px;
}

@media (max-width: 991px) {
	a p.slider-caption-class {
		color:#f3f5f8;
	}
}

a p.slider-caption-class:hover {
		color:#999;
	}


.chosen-playlist__container .heading-tertiary {
	color:#1c4d0f;
}

.chosen-playlist__image {
	-webkit-filter: opacity(30%);
	filter: opacity(30%);
}

.image-selected  {
	-webkit-filter: opacity(0%);
	filter: opacity(100%);
}

.playlists div.selected {
	background-color: rgba(255, 255, 255, 0.1);
}

footer .row {
	margin:0px;
}


.pymnts-container {
	display: flex;
	flex-direction: column;
	font-family:"Source Sans Pro",sans-serif;
}

/* @media (max-width: 768px){
	.pymnts-container {flex-direction: row;}
	}
*/


.channel-date {
	font-size: .8rem;
    font-weight: 800;
    color: #585858;
}

@media (max-width: 991px) {
	.channel-date {
		color:#f3f5f8;
	}
}

@media (max-width: 991px) {
	.content a{
		color:#f3f5f8;
	}
}

.queue #mlb2-5292590.ml-form-embedContainer .ml-form-embedWrapper {
	background-color: #fff;
}

.modal-header {
	border-bottom:none;
}

.queue .modal-body {
	padding-top:0px;
}

.queue .modal-header {
	padding:1rem 1rem 0px 1rem;
}

.chosen-playlist .list-group-item {
	margin-bottom:0px;
	background:none;
	padding:.6rem 0px;
	font-size:.9rem;
	color: #fff;
}

@media (max-width: 991px){
	.chosen-playlist .list-group-item {
		padding:.2rem 0px;
		}
		}

@media (max-width: 991px){
	.chosen-playlist .list-group-item:nth-child(n+3) {
		display:none;
		}
		}


ul.playlist_container_watched {
	border-bottom:none;
	padding:0px;
}

/*Alison's Added Styles 1/24*/

.chosen-playlist h3 {
	font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	padding-bottom:5px;
}

.chosen-playlist h4 {
	font-weight:bold;
	font-family: "Lato", sans-serif;
	font-size: .8rem;
    text-transform: uppercase;
	padding-bottom:8px;
	margin-bottom:0px;
	border-bottom:2px dotted #fff;
}

@media (max-width: 760px){
	.chosen-playlist h4 {
		font-size:14px;
		padding:.5rem 0;
	}
	}

.list-group-item.active {
	background:none;
	padding-top:0px;
	padding-bottom:0px;
	border:none;
	color:#f3f5f8;
	font-weight:bolder;
	font-size:1.2rem!important;
}

@media (max-width: 991px){
	.list-group-item.active {
			padding:0px;
			margin-bottom:0px;
			display:block;
		}
		}

h3.upcoming {
	float:left;
	display:inline-block;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	font-family:"Lato", sans-serif;
	margin-bottom:15px;
}

@media (max-width: 760px){
	h3.upcoming{
		display:block;
		float:none;
		font-family: "Lato", sans-serif;
	}
	}

	@media (max-width: 991px){
		h3.upcoming {
			color:#f3f5f8;
		}
			}

.channel-link {
	font-size:.9rem!important;
	text-decoration: none;
    font-weight: 600;
    line-height: normal;
	margin-bottom:3px;
}

@media (max-width: 760px){
	.channel-link {
		display:block;
		float:none;
		font-size:.8rem!important;
	}
	}

.queue ul {
	clear:both;
}

.queue {
	margin-top:15px;
}

@media (max-width: 991px){
	.queue {
		margin-top:20px;
	}
		}
		
.queue .list-group-item {margin-bottom:0px;padding:4px 0px;}

@media (max-width: 991px){
	.queue .list-group-item {
		color:#f3f5f8;
		background-color:#3d446b;
	}
		}

.chosen-playlist .container {
	margin-left:0px;
	padding-left:0px;
}

.chosen-playlist a {
	color:#c0c0c0;
	font-weight:400;
}

.content-wrapper a {
	font-size:1rem;
}

.content-wrapper a:hover {
	color:#999999;
	text-decoration:none;
}

@media (max-width: 760px){
	a.channel-title {font-size:.8rem!important;}
	}

.fa-circle {
	color:#e74c3c;
	font-size:.7rem;
}

.live-now {
	font-size:.8rem;
}

li.list-group-item.active:after {
    font-weight: bold;
    font-family: "Lato", sans-serif;
    font-size: .8rem;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 0px;
    border-bottom: 2px dotted #fff;
    content: "UP NEXT";
    display: block;
    padding-top: 20px;
}

@media (max-width: 991px){
li.list-group-item.active:after {
		padding-top:5px;
	}
		}


.watched {
  color: #4a4a4a;
}

.chosen-playlist ul:first-of-type {
    border-bottom: 2px dotted #fff;
    padding-bottom: 5px;
	margin-bottom:8px;
}

#streaming .jw-settings-topbar, #streaming:not(.jw-state-idle) .jw-controlbar, #streaming.jw-flag-audio-player .jw-controlbar {
    background: #3d446b!important;
}

@media (max-width: 991px){
	.chosen-playlist ul:first-of-type {
			padding-bottom:0px;
		}
			}

.video-desc {
	background:#3d446b;
	padding:20px 15px 15px 15px;
}

.video-desc p {
	font-size:1rem;
	color:#f3f5f8;
}

.video-desc h3 {
	color:#f3f5f8;
	font-weight:bold;
    font-size:1.1rem;
}

@media (max-width: 991px){
	.video-desc h3 {
			display:none;
		}
			}

.hidden {display:none;}






/*player skin*/
.jw-slider-time.jw-background-color.jw-reset.jw-slider-horizontal.jw-reset {
    display: none;
}
/*playback hide*/
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-playback {
    display: none;
}
/*live video*/
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-text-live {
    display: flex!important;
    color: #e74c3d;
}
/*more videos hide*/
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-related-btn {
    display: none;
}
/*next video hide*/
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-next {
    display: none;
}


.playlist_container .list-group-item:nth-child(n+11) {display:none;}


.news-container a {
	color:#11171E!important;
		}
	
@media (max-width: 991px) {
.news-container > span, .news-container > h3, .news-container > div, .news-container > a {
		color:#f3f5f8!important;
	}
}

@media (max-width: 991px) {
	.news-container a {
			color:#f3f5f8!important;
		}
	}

.news-container a:hover {
		color:#999;
	}

.news-container .wp-post-image {margin-bottom:5px;}

.news-container .col {
	flex-wrap: wrap;
}

.news-container .col {
	min-width:280px;
}