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

	Name:		WJTL FM 90.3
	Date:		2019/09/03
	Author:		castandcrew.io

---------------------------------------------  */
*, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--lime); }

html { overflow-y: scroll; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; }
body { min-height: 100%; background: var(--white); font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }


/*! Theme --------- */
:root {
    --white:      #ffffff;
    --chalice:    #b1b1b1;
    --dust:       #aaaaaa;
    --silver:     #9f9f9f;
    --dove:       #696969;
    --black:      #000000;
    --lime:       #7bc143;
}


/*! Defaults --------- */
body, textarea, input, select, option, button { color: var(--black); font-family: 'Work Sans', Helvetica, Arial, sans-serif; line-height: 1.1396011396; }
li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.404em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 15px; }

.headingLabel{font-family: 'Work Sans', sans-serif; font-weight: 900;text-transform: uppercase;}
  .headingLabel a {color:var(--white); background-color: var(--lime);display: block;text-align: center;}

h1, h2, h3, h4, h5, h6, legend { font-weight: 700; font-size: 1.755em; line-height: 1.1396011396; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

a { background: none; color: var(--lime); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; }

ul, ol, dd, blockquote { padding-left: 40px; }


/*! Repeatable --------- */
/* cl:b */	#content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; }
/* fill */	#footer li.disabled:before, .ui-slider:before, .list-category a:before, .image-stream a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; }
/* icon */ 	#top > .menu:before, #sidebar .close:before, .image-stream figcaption:before, #logo:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }
/* z:9  */	#footer li.disabled:before, .list-category a:before, .image-stream a:before { z-index: 8; }
/* tr:n */ 	.sidebar-active #sidebar { -webkit-transform: none; transform: none; }
/* td:n */ 	#root .list-category a { text-decoration: none; }


/*! Layout --------- */
#root { overflow: hidden; position: relative; width: 100%; padding: 90px 30px 58px; }
	#top { }
		#logo { position: fixed; left: 0; right: 0; top: 0; z-index: 9; height: 90px; border-bottom: 1px solid var(--dust); background: var(--white); color: var(--lime); }
			#logo:before { content: "\e90d"; top: 0; margin: 0; font-size: 71px; line-height: 89px; }
			#logo a { display: block; overflow: hidden; position: relative; z-index: 2; width: 100%; height: 100%; text-indent: -3000em; }
		#nav { overflow-x: hidden; overflow-y: auto; position: fixed; left: -164px; top: 0; z-index: 9; bottom: 58px; width: 164px; padding: 104px 16px 6px; border-right: 1px solid var(--black); background: var(--lime); }
			#nav p { margin: 50px 0 13px; font-size: 1.212em; font-weight: 700; text-transform: uppercase; }
			#nav > ul { list-style: none; margin: 0; padding: 0; }
				#nav > ul > li { margin: 0 0 10px; font-size: 1.755em; }
				#nav > ul > li > a { 
					display: block; color: var(--black); background-color: var(--white);
					padding: 4px 5px;
				}
				#nav > ul > li > a:hover {
					background-color: #96e259;
				}
			.menu-active #nav { left: 0; }
		#top > .menu { 
			position: fixed; left: 0; top: 0; width: 90px; height: 90px; z-index: 12; color: var(--lime); font-size: 28px; text-indent: -3000em; text-align: left; text-decoration: none; 
		}
		#top > .menu:hover {
			color: #93de57;
		} 
			#top > .menu:before { content: "\e90a"; top: 0; margin: 0; line-height: 88px;background-color: #fff; }
	#content { 
		text-align: center;
		padding: 25px 0 15px; 
	}
		#content > figure:last-child { margin-bottom: 15px; }
      span.displaytime{ padding-bottom: 5px;}
	#sidebar { overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; right: 0px; top: 90px; bottom: 58px; z-index: 9; padding: 17px 30px 0; border-right: 1px solid var(--dust); background: var(--white); }
	#sidebar { -webkit-transform: translate(-101%); transform: translate(-101%); }
		#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { margin: 0; text-transform: uppercase; text-align: center; }
		#sidebar .close { 
			/* display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 59px; height: 59px; color: var(--chalice); font-size: 28px; text-indent: -3000em; text-align: left; text-decoration: none;  */
			display: block;
			overflow: hidden;
			position: fixed;
			right: 0;
			top: 90px;
			width: 40px;
			height: 40px;
			color: var(--chalice);
			font-size: 30px;
			text-indent: -3000em;
			text-align: left;
			text-decoration: none;
		}
		#sidebar .close:before { content: "\e901"; top: 0; margin: 0; line-height: 40px; }
		#footer { position: fixed; 
			left: 0; 
			right: 0; 
			bottom: 0; 
			z-index: 3; 
			height: 58px; 
			padding: 0 15px 0 0; 
			background: var(--lime); 
			color: var(--white); 
			line-height: 58px; 
		}
		#footer ul { 
			list-style: none; 
			margin: 0; padding: 0; 
		}
		#footer li { position: relative; padding: 0 0 0 25px; }
		#footer li.plyrli { position: relative; padding: 0 0 0 0px; width: 220px;}
		#footer a { display: block; color: var(--white); text-decoration: none; }
			#footer li.disabled { opacity: .58; }
		#footer i { display: block; font-size: 45px; line-height: 58px; }
			#footer i.icon-music-menu { font-size: 35px; }
			#footer i[class*="volume"] { font-size: 26px; }
		#footer p { margin: 0; }
		#footer label { padding: 0 7px 0 4px; }
		#footer input { color: var(--white); }
		#footer .ui-slider:before, #footer .ui-slider .ui-slider-handle { background: var(--white); }


/*! Modules --------- */
.ui-slider { display: block; position: relative; width: 100%; height: 16px; margin: 0 8px; }
	.ui-slider:before { left: -8px; right: -8px; top: 50%; bottom: auto; height: 4px; margin: -2px 0 0; border-radius: 4px; background: var(--white); background: var(--dust); }
	.ui-slider .ui-slider-handle { position: absolute; top: 0; z-index: 2; width: 16px; height: 16px; margin: 0 0 0 -8px; border-radius: 20px; background: var(--dust); cursor: default; -ms-touch-action: none; touch-action: none; outline: none; }

.ui-slider-a { }
	.ui-slider-a label { padding: 0 7px 0 4px; }
	.ui-slider-a input { position: absolute; left: -3000em; top: 0; border-width: 0; background: none; font-size: 20px; }
	.ui-slider-a input:last-child { position: relative; left: 0; }


/*! Content --------- */
.strong { font-weight: 700; }
.em { font-style: italic; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }


/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; border-style: none; }
img { 
	height: auto !important; 
	image-rendering: optimizeQuality; 
	-ms-interpolation-mode: bicubic;
	/* box-shadow: 0px 0px 25px 0px #d2d2d2;
	box-shadow: 0px 5px 15px 0px #313131;
	border-radius: 5%; */
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0px;
	padding: 2px;
	background-color: rgba(0, 0, 0, 0.1);
}
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
	figure { margin: 20px 0; }
	figcaption { display: block; padding: 9px 0 0; }
	figure span.strong { display: block; margin: 0 0 3px; font-weight: 700; font-size: 1.4316239316em; }

.image-stream { position: relative; max-width: 580px; margin-left: auto; margin-right: auto;}
	.image-stream figcaption { padding-left: 0px; padding-right: 30px; }
	.image-stream figcaption, .image-stream span { display: block; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
	.image-stream figcaption:before { content: "\e907"; left: auto;
		top: auto;
		right: 0px;
		bottom: 50%;
		width: auto;
		font-size: 20px;
		line-height: 20px; }
	.image-stream a { display: block; color: var(--black); text-decoration: none; }
.image-stream.disabled, .image-stream.disabled a { color: var(--dove); cursor: default; }
	.image-stream.disabled img { opacity: .39; }


/*! Lists --------- */
.list-social { list-style: none; margin: 0; padding: 0; }
	.list-social li { position: relative; padding: 0 0 0 38px; font-size: 1.755em; }
	.list-social a { display: block; color: var(--black); }
	.list-social a { display: block; color: var(--black); }
	.list-social i { display: block; position: absolute; left: 0; top: 2px; margin: 0; font-size: 23px; line-height: 23px; }

.list-category { list-style: none; margin: 30px 30px 0px 0px; padding: 0; line-height: 1.198156682; text-align: left; }
	.list-category li { position: relative; min-height: 95px; margin: 0 0 20px; padding: 12px 0 0 105px; font-size: 1em; }
	.list-category figure { position: absolute; left: 0; top: 0; bottom: 0; width: 95px; margin: 0; font-size: .702em; text-align: center; }
		.list-category figcaption { display: block; position: absolute; left: 0; right: 0; top: auto; bottom: 100%; padding: 0 0 4px; }
	#root .list-category h1, #root .list-category h2, #root .list-category h3, #root .list-category h4, #root .list-category h5, #root .list-category h6 { margin: 0 0 2px; font-size: 1.085em; line-height: 1.198156682; text-transform: none; text-align: left; }
	.list-category p { margin: 0 0 2px; font-size: 1.085em; }
	.list-category a { color: var(--black); text-decoration: none; }
	.list-category .small { display: block; position: relative; z-index: 9; margin-top: auto; font-size: 0.606em;}
		.list-category .small a { position: relative; }
		.list-category .small a i { display: block; position: relative; font-size: 20px; line-height: 20px; }


/*! Forms --------- */
fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; }
	form p { position: relative; }
	legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; }
	input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; }
		input { }
			input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
			input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; }
			input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; }
			input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
			[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
			input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; }
				input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; }
				input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; }
			input[type="color"] { padding: 0; cursor: pointer; }
			input[type="date"] { display: -webkit-inline-flex; }
			input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
				input[type="number"]::-webkit-outer-spin-button,  input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
				input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; }
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; }
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
		button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; }
::-webkit-input-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
::-ms-input-placeholder { opacity: 1; color: inherit; }
::placeholder { opacity: 1; color: inherit; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus:-ms-input-placeholder { opacity: 0; }
	:focus::-ms-input-placeholder { opacity: 0; }
	:focus::placeholder { opacity: 0; }

form { }
	label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; }
	input, select, textarea { display: block; width: 100%; border: 1px solid var(--silver); background: var(--white); }
		input { height: 32px; padding: 0 12px; }
			input[type="date"] { line-height: 30px; }
		select { padding: 7px 7px 7px 12px; line-height: normal; }
			.gecko select { padding-left: 9px; }
		textarea { padding: 7px 7px 7px 12px; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; padding: 6px 12px; border-radius: 0; border: 1px solid var(--silver); background: var(--white); }


/*! Helpers --------- */
*, *:before, *:after { transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; }
#nav, #sidebar { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; }*/
option { transition: none; }

.clear { clear: both; }
.hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; }
[hidden], template, #footer a span { display: none; }
article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid var(--silver); background: none; font-size: 0; }

#nav p:first-child, figure:first-child, .list-category:first-child { margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]), video[autoplay]:not([muted]) { display: none; }
svg:not(:root) { overflow: hidden; }

::selection { background: var(--lime); color: var(--white); text-shadow: none; }
::-moz-selection { background: var(--lime); color: var(--white); text-shadow: none; }


/*! Outlines --------- */
[data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; }
[data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; }


/*! Flexbox --------- */
/* flex */ 	.ui-slider-a, #footer p, .list-category li, #nav, #footer ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/* f:wr */	#footer ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
/* f:dc */	.list-category li, #nav { -webkit-flex-direction: column; flex-direction: column; }
/* f:ac */	.ui-slider-a, #footer p, #footer ul { -webkit-align-items: center; align-items: center; }
/* f:g3 */	.ui-slider-a .slider, .ui-slider, #footer li:last-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }


/*! Icons --------- */
@font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype'); font-display: swap; }
[class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-envelope:before { content: "\e90e"; }
	.icon-facebook:before { content: "\e90b"; }
	.icon-instagram:before { content: "\e90c"; }
	.icon-logo:before { content: "\e90d"; }
	.icon-menu:before { content: "\e90a"; }
	.icon-music:before { content: "\e907"; }
	.icon-music-menu:before { content: "\e908"; }
	.icon-play:before { content: "\e909"; }
	.icon-stop:before { content: "\e906"; }
	.icon-twitter:before { content: "\e903"; }
	.icon-volume-full:before { content: "\e904"; }
	.icon-volume-normal:before { content: "\e905"; }
	.icon-volume-silent:before { content: "\e900"; }
	.icon-x:before { content: "\e901"; }
	.icon-youtube:before { content: "\e902"; }



.plyr--audio .plyr__controls {
	background: none;
	border-radius: inherit;
	color: inherit;
	padding: 0px;
}
/* @media (min-width: 480px){
.plyr__volume {
  max-width: 280px;
}
} */
.plyr{
	min-width: 120px;
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #ff9c00;
    color: #fff;
}

.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(0,179,255,.5);
    outline: 0;
}


.plyr__controls .plyr__controls__item:first-child {
	margin: 0 auto;
}
.plyr__control svg {
	display: block;
	fill: currentColor;
	height: 30px;
	pointer-events: none;
	width: 30px;
}
.plyr__controls .plyr__controls__item.plyr__volume{
	    padding-right: 5px;
}