@charset "utf-8";
/* Custom CSS Document for WLDJ Website*/

/* Menu */
.g-menu-item-title {
	font-size: 1.25rem;
}

/* Main WLDJ Logo */
.g-logo img {
	/* height: 200px; */
	max-height: 200px !important;
}

.g-title {
	font-size: 1em;
	margin-bottom: 0;
}


/* *********************************** */
/* Override 'Banner' CSS */
/* *********************************** */
#g-header:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: -1;
    opacity: 1;
    /* background: linear-gradient(40deg, #4db2b3, #8f4dae); */
	/* background: rgba(78,78,111,1.00); */
	background: no-repeat;
	/* background-image: url(/images/bg/turntable.jpg); */
	background-size: contain;
}

#g-header {
	padding: inherit;
	height: 170px !important;
}
div.wldj-banner-slide {
	max-height: 200px;
}

#g-intro {
	padding: 3px;
}

/* *********************************** */
/* Global Header Particle CSS */
/* *********************************** */

/* *********************** */
/* Listen Now Position CSS */
/* *********************** */

.social-particle-block {
	text-align: right;
	line-height: .5 !important;
	margin-bottom: 0;
}

.listen-now {
	padding: 0;
}

.listen-now-module {
	margin-top: 0;
	margin-bottom: 0;
}

.btn-listen-now {
	width: 100px;
	padding: 0;
}

/* *********************** */
/* Login Menu Position CSS */
/* *********************** */

.login-menu-module {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.login-menu-item {
	text-align: right;
	font-size: 5em;
}


/* *********************************** */
/* Global Module Header CSS */
/* *********************************** */
.g-global-module-hdr {
	background: rgba(12,4,69,1.00);
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1.25rem;
}

/* *********************************** */
/* Global Module Body CSS */
/* *********************************** */
.g-global-module-body {
	border: 2px solid rgba(25,15,151,1.00);
	padding: 1px;
}

.mod_header_center {
	text-align: center;
}

/* *********************************** */
/* Hot Weather Module */
/* *********************************** */
.hot_weather_container {
	border: 2px solid rgba(25,15,151,1.00);
	padding: 5px;
}

/* *********************************** */
/* Listen Live Player Module */
/* *********************************** */
div.mod_listen_live {
	border: 0px solid rgba(25,15,151,1.00); 
}

.onpage_player_title {
	font-weight: 900;
	color:crimson;
}

audio.onpage_audio {
	width: 100%;
}

audio.onpage_audio::-webkit-media-controls-panel {
	background-color: #56AEFF;
}

/* *********************************** */
/* Pop Out Player Formatting           */
/* *********************************** */
.pop_out_player_button {
	border-radius: 12px;
	background-color: rgba(12,4,69,1.00);
	border: none;
	color: white;
	padding: 2px 10px 2px 10px ;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	width: 100%;
}

/* *********************************** */
/* wldj Show Schedule Table Formatting */
/* *********************************** */

/* Global Table CSS */
.wldjschtbl {
	border-color: black;
	border-style: solid;
	border-width: 2px;
	text-align: center;	
}
.wldjtblheader {
	color:  white;
	text-align: center;
}
tr.wldjschhdrrow {
    background-color: #B5E2FF;
    border-style: solid;
    border-width: 2px;
	border-bottom-width: 4px;
}
.coltime {
	column-width: 150px;
	color: black;
	font-weight: bold;
}
.coldow {
	column-width: 200px;
	color: darkblue;
	font-weight: bold;
	border-left: 2px solid black;
}
.coltimeslots {
	text-align: right;
	vertical-align: middle;
	border: 2px solid black;
	border-left-color: red;
}
.cellshowslots {
	color: white;
	text-align: center;
	border: 2px solid black;
}

/* *********************************** */
/* CSS for each show slot */
/* *********************************** */

td.wldjtblcellbrs {
	background-color: orange;
}

td.wldjtblcelldlms {
	background-color: lightskyblue;
	color: black;
}
td.wldjtblcellus {
	background-color: violet;
}
td.wldjtblcelllwba {
	background-color: tomato;
}
td.wldjtblcellcjs {
	background-color: lightgreen;
	color: black;	
}
td.wldjtblcellemv {
    background-color: rgba(168,87,24,1.00);
}
td.wldjtblcelllncm {
	background-color: crimson;
}
td.wldjtblcellcs {
    background-color: rgba(21,227,185,0.76);
	color: black;
}
td.wldjtblcellrp {
    background-color: saddlebrown;
}
td.wldjtblcellcitusa {
    background-color: royalblue;
}
td.wldjtblcellchrism{
    background-color: goldenrod;
	color: black;
}
td.wldjtblcellatbpg{
    background-color: rgba(246,188,138,1.00);
    color: black;
}
td.wldjtblcellfp{
    background-color: hotpink;
	color: black;
}
td.wldjtblcellsatp{
    background-color: yellow;
	color: black;
}
td.wldjtblcellodba{
    background-color: rgba(68,221,5,0.64);
    color: black;
}
td.wldjtblcellrrdr{
    background-color: rgba(7,103,111,1.00);
    color: white;
}
td.wldjtblcell3345{
    background-color: rgba(0,79,23,1.00);
    color: white;
}
td.wldjtblcellohw{
    background-color: rgba(0,171,255,1.00);
    color: black;
}
td.wldjtblcellkn{
    background-color: rgba(255,0,214,1.00);
    color: white;
}
td.wldjtblcellthff{
    background-color: rgba(113,0,255,1.00);
    color: white;
}
td.wldjtblcellotaff{
    background-color: rgba(105,0,49,1.00);
    color: white;
}
td.wldjtblcellghucm{
    background-color: rgba(255,164,75,0.88);
    color: black;
}
td.wldjtblcellmnmd{
    background-color: rgba(0,60,105,1.00);
    color: white;
}
td.wldjtblcellbbml{
    background-color: rgba(0,223,87,1.00);
    color: black;
}
td.wldjtblcellarpdl{
    background-color: rgba(143,0,207,1.00);
    color: white;
}
td.wldjtblcell60cs{
    background-color: red;
    color: white;
}
td.wldjtblcell70cs{
    background-color: white;
    color: black;
}
td.wldjtblcell80cs{
    background-color: blue;
    color: white;
}
td.wldjtblcelltghfcs{
    background-color: rgba(253,104,3,1.00);
    color: white;
}
/* *********************************** */
/* Jock BIO Article CSS */
/* *********************************** */
img.wldjjockpic {
	float: right;
	width: 100%;
	max-width: 100%;
	padding: 10px;
}
div.jock-polaroid {
	float: right;
	width: 260px;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 25px;
	margin-left: 25px;
}
div.jockname {
	text-align: center;
	padding: 10px 20px;
}
div.jockbio {
	text-align: left;
}

/* *********************************** */
/* Pop-up Player */
/* *********************************** */