body {
    background: #04334b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #0e8bcd 0%, #04334b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e8bcd), color-stop(100%,#04334b));
    background: -webkit-linear-gradient(top, #0e8bcd 0%,#04334b 100%);
    background: -o-linear-gradient(top, #0e8bcd 0%,#04334b 100%);
    background: -ms-linear-gradient(top, #0e8bcd 0%,#04334b 100%);
    background: linear-gradient(to bottom, #0e8bcd 0%,#04334b 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    BACKGROUND-COLOR: black;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8bcd', endColorstr='#04334b',GradientType=0 );
    color: #58585A;
    margin: 0;
}


	/* Change out primary font */
body {
	font-family: 'Montserrat', sans-serif;
}
 
h1.winning{
	font-style: italic;
	color: #8ab65b;
}

.primary-color {
	background-color: #0e8bcd !important;	
}

#banner {
	background-image: url('../images/main_banner.jpg');
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	max-height:250px;
	height: 25vw;
}
.container {
	background-color:white;
	max-width:900px;
}



#connect > div > h6{
margin-bottom: 0;
}

.inner-container {
	margin:10px;
	
}

h1, h2, h3, h4, h5, h6 {
	text-align:center;
}

.bolder {
	font-weight:800;
	
}

.listeningtimes {
	 padding-left:10px;
	margin-right:10px;
}

.listeningtimes p {
    text-align: center;

}

.listeningtimes_dayheader {
    background-color: black;
    opacity: 0.8;
    color: White;
    font-weight: bold;
}
.listeningtimes_timecolumn {
	
    padding-left:10px !important;
    background-color: black;
    opacity: 0.8;
    color: White;
    font-weight: bold;
}
.listeningtimes_rowAlternate {
    color: Black;
    font-weight: normal;
}



.listeningtimes_rowAlternate,.listeningtimes_row{
	text-align: center;
	vertical-align: middle;
	border: thin solid black;
}



#clicktiles{
		text-align:center;
	}




hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#finePrint > p{
    margin-bottom: 1rem;
}

#finePrint{
    margin-right: 1rem;
	margin-left: 1rem;
}

#connect{
 border-top: 2px solid #04334b;
border-bottom: 2px solid #04334b;
}
h1{
    font-size: 2.8rem;
	color:#04334b;
	Font-weight: 400;
}

h3{
    font-size: 2.0rem;
	color:#04334b;
}

h2 {
    font-size: 2.6rem;
	font-weight: 400;
}

p{
	font-size: 1.5rem;
}

#connect > h6{
	font-weight: 500;
}


small {
    font-size: 85%;
}

larger{
	font-size: 115%;
}

label{
	font-weight: 400;
}


#connect > h6{
	 line-height: 1.0 !important;
	margin-bottom: .5rem;
		margin-top: .5rem;
		
}



#contest-details.tr {
	    border-bottom: none;
}

#AgeReq{

    margin-bottom: 0;
}


#Permission {
	margin-bottom: 0;
}


#listeningtimes > table > tbody > tr > td>input[type="checkbox"]{
	horizontal-align:center;
	vertical-align:center;
}


/* smaller in mobile - may be OK wher h1 isn't so big*/
@media (max-width: 500px) {	
	h1{
    font-size: 2.6rem;
	}
	
	#connect > h6{
		line-height: 1.3 !important;
		}
	#listeningtimes > p{
	line-height: 1.3 !important;
	}
	
	#agreement{
	margin-right: 1rem;
	margin-left: 1rem;
	}
	.fineprint{
	margin-right: 1rem;
	margin-left: 1rem;
	}
	
	#footerAddress{
	margin-right: 1rem;
	margin-left: 1rem;
	}
}

/* hide background from small screens  */

@media (min-width: 990px){
.container {
    width: 85%; 
    padding: 0;
}
}

@media (max-width: 500px) {
#banner { background-image: url('/images/kygo/small_banner.jpg')!important;  
		
			background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	max-height:200px;
	height: 35vw;
	}
	
}
	
	/* primary color setting lonly for this station */

@media (max-width: 500px) {	
.button-primary primary-color{
		width: 50%;
	}

	
	#finePrint > p{
		
		font-size: small;
	}
	
	th.listeningtimes_dayheader{
		width: 17% !important;
		padding: 0px 0px; 
	}
	
	
	td.listeningtimes_timecolumn{
		padding: 0px 0px;
	}
	
	
	td.listeningtimes_rowAlternate,td.listeningtimes_row{
	padding-left: 0px !important;
	padding-right: 0px !important;

	}
	
	#Permission, #AgeReq{
		margin-bottom: 0rem;
	}
	
	#connect > h6{
	margin-bottom: .5rem;
	}
	
	#AgeReq{
		margin-right: 1rem;
	margin-left: 1rem;
	}	
}

@media (min-width: 500px) {

.button-primary primary-color{
		width: 22%;
	}
	
th.listeningtimes_dayheader{
		width: 18%;
	text-align:center;
	}

}


	
/* related to TAF*/

@media (max-width: 500px) {	
	#whitepage2 {
		width: 100%;
		max-width: 450px;
		}
	
	#headerimage{ 
		display:none;
	}
	
	#clicktiles{
		width: 100%;
	 	margin: auto;
	}
	/* used for find me*/
	#headerimage2{ 
	background-image: url('../images/600_banner.jpg');
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
		max-height:200px;
		height: 20vw;
	}
	
	#whitepage {
		width: 100%;
		max-width: 450px;
		}
	
}
		
	
	@media (min-width: 500px) {	
	#whitepage2 {
		width: 100%;
		max-width: 600px;
		}
	
	#headerimage{ 
		background-image: url('../images/600_banner.jpg');
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
		max-height:200px;
		height: 20vw;
	}
		
		#clicktiles{
		width: 70%;
	 	margin: auto;
	}
		
	/* used for find me*/
		
		#headerimage2{ 
		background-image: url('../images/600_banner.jpg');
		background-position: top;
		background-repeat: no-repeat;
		background-size: contain;
		max-height:150px;
		height: 15vw;
	}
	}


/* tightenup*/

textarea#shortlink{
	margin-bottom: 0rem;
	padding-bottom: 0;
}
	
	
div.fineprint{
	horizontal-align: center;
}




body.bg {
    background: #FFF !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    margin: 0;
}



body.banner * #banner {
display:none !important;

}