@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap');

body {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; color: #F8F8FF; margin: 0; padding: 0; background-color: #0099ff;}
#page{max-width: 950px; margin:0 auto; padding-top:2px;  position: relative; padding-right: 5px; padding-left: 5px;

border-right:5px solid #fff; border-radius: 15px / 15px;
border-left: 5px solid #fff;
border-top:5px solid #fff;
border-bottom:5px solid #fff;
}


h1 { margin: 0 0 1em 0; font: 2.8em; font-weight: 700;}
h2 { margin: 0 0 .5em 0; font: 1.6em; font-weight: 700; line-height: 1.1em;}
h3 { margin: 0 0 .5em 0; font: 1.em; font-weight: 700; }
h4 { margin: 0 0 1.5em 0; font: 1.em; font-weight: 700; }

p { margin: 0 0 1em 0;}
a:visited { color: #F8F8FF;}
a:active{color:#F8F8FF;}
/* unvisited link */
a:link {color: #F8F8FF;}
a:hover {
  color: green;
}
/*herder  banner 01*/
header.add_650 { display: none;}
header.add_450 { display: none;}
header { height: 145px; width: 79%; margin-bottom: 15px; position: contain; margin-bottom:30px;}

header div.shoper_mall_pic129 { display: none;}
header div.shoper_mall_pic89 { display: none;}
header div.shoper_mall_pic { top: 0px; width: 21%; left: 79%; top:0px; position: absolute;}
/*herder 02 reggar jam radio banner*/


section.sm_banner { margin-bottom: 300px;}
section.sm_banner img { width: 60px; height: 25px; text-align: center;}


header.rjr850 { display: block; width: 100%; margin-bottom: 112px;}
header.rjr550{ display: none;}
header.rjr450{ display: none;}

section.sister_network {width: 100%; margin-bottom: 10px; }
section.sister_network_650  { display: none;}
section.sister_network_550  { display: none;}
section.sister_network_450  { display: none;}


section.under_construction { margin-bottom: 20px;}

section.patten{ width: 100%;}
section.patten h3{background-color:#0000ff; text-align:center; font-size: 1em; padding: 10px 2px 2px 2px;margin-bottom:30px; margin-top: 15px;
border-right:5px solid #0000ff; border-radius: 15px / 25px;
}



/* player css starts  here pc */
section.radio_player { text-align: left;}

section.radio_player{ background:#000 url(../images/logo125x45.jpg)no-repeat right top;
	font-size:.8em;
	border-right:5px solid gold; border-radius: 15px / 25px;
	border-left: 5px solid gold;
    border-top:5px solid gold;
    border-bottom:5px solid gold;
	height:250px;
	width:320px;
	position:relative;
	left:25%;
	padding-left:70px;
	padding-top:20px;
	padding-right:5px;
	
	}

section.radio_player div.jr_ch1 { position: absolute; top: 10px; left: 20px;}/*Channel insturctions*/

section.radio_player div.channel_id {position: absolute; top:180px; left: 10%;}
section.radio_player div.channel_id { left: 30%;}
section.radio_player span{ position: relative; top: 85px;}
/* player css ends  here pc */




section::after { content:''; display: block; clear: both;}

section.ska-rockroll-jamaica-ch-one {  margin-bottom: 10px; margin-top: 10px;}
section.ska-rockroll-jamaica-ch-one  aside { width: 33%; float: left; text-align: center;}

section.ska-rockroll-jamaica-ch-one  aside div { padding-left: 15px;}

section.ska-rockroll-jamaica-ch-one  aside.ska div.content {  background-color: #000; margin-bottom: 5px;}
section.ska-rockroll-jamaica-ch-one  aside.jamaica_reggae { }
section.ska-rockroll-jamaica-ch-one  aside.rock_and_roll_reggae {}
/*SECTION 3 CHANNELS*/

/*Reggaelicious message*/
section.rsl div.mb { display: none; text-align: center;} /*this will re-display in the mobil mode*/

section.rsl{ background-color: #0000ff; margin-bottom: 20px; padding-top:10px; padding-bottom: 10px; border-radius: 15px / 25px }
section.rsl div.pc {text-align: center; font-size: .9em; color: gold; padding-left:5px; padding-right: 5px;
} 


section.new_rjr { background-color: #0000ff; text-align: center; border-right:5px solid #0000ff; border-radius: 15px / 25px;
padding-left:5px; padding-right: 5px; padding-top: 10px; padding-bottom: 1px; margin-bottom: 20px;
}
section.new_rjr h2 {font-size: 1em;}
section.new_rjr h3 {font-size: .8em;}
section.new_rjr h4 {font-size: .7em;}

/*Reggae Jam television going live banner*/
/*section.going_live { height: 170px; background:#F8F8FF url(../images/Going-Live-Animation-TV-850x170.gif) no-repeat center bottom; position: relative;}*/
section.going_live  img{ width: 100%; height: 170px;}
section.going_live850{ display: block;}
section.going_live750{ display: none;}
section.going_live650{ display: none;}
section.going_live550{ display: none;}
section.going_live450{ display: none;}
section.going_live350{ display: none;}



footer{
	background-color:#0099ff;
	padding-left:7px;
	text-align:center;
	padding-top:5px;
	padding-left:8px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:10px;
	word-wrap: break-word;
	}
	
footer h3{font-size:.9em;}
footer h4{font-size:.9em;}


/*Media quries starts here*/

/*750 screen width ends here*/

@media only screen and (max-width: 750px){

section.sister_network {width: 100%; margin-bottom: 10px; display: none;}
section.sister_network_650  { display: block;}

section.radio_player { text-align: left;}
	
/* player css starts  here pc */

section.radio_player{ background:#000 url(../images/logo125x45.jpg)no-repeat right top;
	font-size:.8em;
	border-right:5px solid gold; border-radius: 15px / 25px;
	border-left: 5px solid gold;
    border-top:5px solid gold;
    border-bottom:5px solid gold;
	height:250px;
	width:320px;
	position:relative;
	left:19%;
	padding-left:70px;
	padding-top:20px;
	padding-right:5px;
	
	}

section.radio_player div.jr_ch1 { position: absolute; top: 10px; left: 20px;}/*Channel insturctions*/

section.radio_player div.channel_id {position: absolute; top:180px; left: 10%;}
/* player css ends  here pc */

/*Reggaelicious message 750*/
section.rsl div.pc { display: none;}	
section.rsl div.mb { display: block; }
section.rsl div.mb { font-size: .9em;}	
	
section.going_live  img{ width: 100%; height: 150px;}	

	
	
	
}/*750 screen width ends here*/



@media only screen and (max-width: 650px){

/*header  add banner 650*/	
header { display: none;}
header.add_650 { height: 129px; width: 79%; margin-bottom: 15px; position: contain; margin-bottom: 10px; display: block;}

header div.shoper_mall_pic { display: none;}
header div.shoper_mall_pic129 { top: 0px; width: 21%; left: 79%; top:1px; position: absolute; display: block;}
/*herder 02 reggar jam radio banner*/

/*REGGAE Jam RADIO BANNER*/

header.rjr850 { display: none; width: 100%; margin-bottom: 112px;}
section.sister_network_650  { display: block;}






/*UNDER CONSTRUCTION BANNER*/
section.under_construction { margin-bottom: 0px;}
	


section.radio_player div.jr_ch1 { position: absolute; top: 10px; left: 20px;}/*Channel insturctions*/

section.radio_player div.channel_id {position: absolute; top:180px; left: 10%;}
/* player css ends  here pc */

/*Reggaelicious message 650*/
section.rsl div.pc { display: none;}	
section.rsl div.mb { display: block;}
section.rsl div.mb { text-align: center; font-size: 1em;}	
	
section.going_live  img{ width: 100%; height: 150px;}	
section.going_live850{ display: none;}
section.going_live750{ display: none;}
section.going_live750{ display: block;}
	
	
	
}/*650 screen width ends here*/














@media only screen and (max-width: 550px){
	
/*section.sister_network_650  { display: none;}
section.sister_network_550  { display: block;}
	/* player css starts  here pc */
	
	/*social_media_banner 550*/
section.social_media_banner img { width: 80px; height: 25px;}

section.radio_player { text-align: left;}



section.radio_player div.jr_ch1 { position: absolute; top: 10px; left: 20px;}/*Channel insturctions*/

section.radio_player div.channel_id {position: absolute; top:180px; left: 10%;}
/* player css ends  here pc */

section.rsl div.mb { font-size: .8em;}

/*Reggaelicious message 550*/
section.rsl div.pc { display: none;}	
section.rsl div.mb { display: block;}
section.rsl div.mb { font-size: 1em;}	
	
section.going_live  img{ width: 100%; height: 110px;}	
section.going_live850{ display: none;}
section.going_live750{ display: none;}
section.going_live650{ display: block;}
	
	
	
	
	
	
}
/*SECTION 3 CHANNELS
section.player aside h1 a span {color: #fff; text-decoration: underline; font-size: .8em;}
section.player aside.ska { min-height: 93px;  background-color:#0cb0c2 ; border-radius: 15px / 25px;}
section.player aside.jamaica_reggae { min-height: 93px; background-color: #0b8896; border-radius: 15px / 25px;}
section.player aside.rock_and_roll_reggae { min-height: 90px; background-color: #106069; border-radius: 15px / 25px;}
section.player aside.jamaica_reggae div { padding-left: 5px; padding-right: 5px;}
*/



@media only screen and (max-width: 450px){
	
	header.add_650 {display: none;}
	header div.shoper_mall_pic129 { display: none;}
	
	header.add_450 { height: 89px; width: 79%; margin-bottom: 15px; position: contain; margin-bottom: 10px; display: block;}
	
	header div.shoper_mall_pic89 { top: 0px; width: 21%; left: 79%; top:1px; position: absolute; display: block;}
	
	header.rjr550 { display: none;}
	header.rjr650 { display: none;}
	header.rjr450 { display: block; width: 100%; margin-bottom: 25px;}
	
	section.sister_network_650  { display: none;}
	section.sister_network_450  { display: block; margin-bottom: 0px;}
	
	section.patten{ width: 100%;}
section.patten h3{background-color:#0000ff; text-align:center; font-size: .6em; padding: 10px 2px 2px 2px; margin-bottom:10px;
border-right:5px solid #0000ff; border-radius: 15px / 25px;
padding: 5px 5px 5px 5px;
}
	
	/* player css starts  here pc*/ 
	
	/*social_media_banner 450*/
section.social_media_banner img { width: 60px; height: 25px;}

section.radio_player { text-align: left;}



}

section.radio_player{ background:#000 url(../images/logo125x45.jpg)no-repeat right top;
	font-size:.8em;
	border-right:5px solid gold; border-radius: 15px / 25px;
	border-left: 5px solid gold;
    border-top:5px solid gold;
    border-bottom:5px solid gold;
	height:250px;
	width:250px;
	position:relative;
	left:5%;
	padding-left:70px;
	padding-top:20px;
	padding-right:5px;
	
	}
	
section.radio_player div.jr_ch1 { position: absolute; top: 10px; left: 10px;}/*Channel insturctions*/

section.radio_player span{ position: relative; top: 85px;}

section.radio_player div.channel_id {position: absolute; top:180px; left: 10%;}
/* player css ends  here pc */

/*Reggaelicious message 450*/
section.rsl div.pc { display: none;}	
section.rsl div.mb { display: block;}
section.rsl div.mb { font-size: .8em;}	
	
section.going_live  img{ width: 100%; height: 110px;}	
section.going_live850{ display: none;}
section.going_live650{ display: none;}
section.going_live450{ display: block;}
	

	
	
	
	
}





@media only screen and (max-width: 390px){
	/* player css starts  here pc */
	
	/*social_media_banner 390*/
section.social_media_banner img { width: 55px; height: 25px;}

section.radio_player { text-align: left;}

section.radio_player{ background:#000 url(../images/logo125x45.jpg)no-repeat right top;
	font-size:.8em;
	border-right:5px solid gold; border-radius: 15px / 25px;
	border-left: 5px solid gold;
    border-top:5px solid gold;
    border-bottom:5px solid gold;
	height:200px;
	width:250px;
	position:relative;
	left:2%;
	padding-left:70px;
	padding-top:20px;
	padding-right:5px;
	
	}

section.radio_player div.jr_ch1 { position: absolute; top: 10px; left: 10px;}/*Channel insturctions*/

section.radio_player div.channel_id {position: absolute; top:175px; left: 30%;}
section.radio_player div.channel_id h3{ font-size: .9em;}/*Channel label*/
section.radio_player div.channel_id h1{ font-size: .8em;} /*Phone number*/
section.radio_player span{ position: relative; top: 85px;}


/* player css ends  here pc */

/*Reggaelicious message 350*/
section.rsl div.pc { display: none;}	
section.rsl div.mb { display: block;}
section.rsl div.mb { font-size: .75em;}	
	
section.going_live  img{ width: 100%; height: 110px;}	
section.going_live850{ display: none;}
section.going_live750{ display: none;}
section.going_live550{ display:block;}
section.going_live450{ display: none;}

	
	
}

@media only screen and (max-width: 350px){
	
	
	section.radio_player{ background:#000 url(../images/logo100x30.jpg)no-repeat right top;
	font-size:.8em;
	border-right:5px solid gold; border-radius: 15px / 25px;
	border-left: 5px solid gold;
    border-top:5px solid gold;
    border-bottom:5px solid gold;
	height:200px;
	width:200px;
	position:relative;
	left:2%;
	padding-left:70px;
	padding-top:20px;
	padding-right:5px;
	
	}

section.radio_player div.jr_ch1 { position: absolute; top: 10px; left: 10px;}/*Channel insturctions*/

section.radio_player div.channel_id {position: absolute; top:170px; left: 30%;}
section.radio_player div.channel_id h1{ font-size: .9em;} /*Phone number*/
/* player css ends  here pc */

/*Reggaelicious message 350*/
section.rsl div.pc { display: none;}	
section.rsl div.mb { display: block;}
section.rsl div.mb { font-size: .5em;}	
	
section.going_live  img{ width: 100%; height: 110px;}	
section.going_live850{ display: none;}
section.going_live750{ display: none;}
section.going_live550{ display: none;}
section.going_live450{ display: none;}
section.going_live450{ display: block;}
	
	
	
	
}