/*
10/04/2017
Theme Name: Radio Tabajara
Theme URI: http://radiotabajara.pb.org.br
Description: Produzido por Ativaweb
Version: 2018
Author: Produzido por Ativaweb
Author URI: http://ativaweb.com.br
*/

@font-face {
	font-family: 'Myriad';
	src: url('fonts/myriadpro-light-webfont.eot');
	src: url('fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/myriadpro-light-webfont.woff') format('woff'),
		 url('fonts/myriadpro-light-webfont.ttf') format('truetype'),
		 url('fonts/myriadpro-light-webfont.svg#myriad_pro_lightregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
		font-family: 'Myriad-Black';
		src: url('fonts/myriadproblackcondensed0.eot');
		src: url('fonts/myriadproblackcondensed0.eot?#iefix') format('embedded-opentype'),
				 url('fonts/myriadproblackcondensed0.woff') format('woff'),
				 url('fonts/myriadproblackcondensed0.ttf') format('truetype'),
				 url('fonts/myriadproblackcondensed0.svg#myriadproblackcondensed0') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'Myriad-Semi';
		src: url('fonts/myriadprosemiboldcond.eot');
		src: url('fonts/myriadprosemiboldcond.eot?#iefix') format('embedded-opentype'),
				 url('fonts/myriadprosemiboldcond.woff') format('woff'),
				 url('fonts/myriadprosemiboldcond.ttf') format('truetype'),
				 url('fonts/myriadprosemiboldcond.svg#myriadprosemiboldcond') format('svg');
		font-weight: normal;
		font-style: normal;
}

/* default */
*{margin:0; padding:0; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6, li, address, small, td, span { font-family: "Myriad", Arial, Tahoma, Sans-serif; }
body{ background: #d8e2e7; font-family: "Myriad", Arial, Tahoma, Sans-serif }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #000; text-decoration:none }
a:hover { color: #000; text-decoration:none; border-bottom: none;}
.none{display:none;}
.alignnone, .alignleft{float:left; margin:0 10px 10px 0;}
.alignright{float:right; margin:0 0 10px 10px}
.aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;}
.btn{ color: #FFF !important; }
.progress{ display: none; }
input[type="radio"], label{ cursor: pointer; }
.col-centered{ float: none; margin: 0 auto; }
#status{ position: fixed; top: 90px; background: rgba(255,255,255,0.95); width: 100%; height: 100%; z-index: 99999; display: none; overflow: auto;}
#status #msg{ padding: 10% 0 20% 0; }
#status #progress{ margin-top: 20%; }
#status #preview{
	display: none; width: 95%; height: 480px; position: fixed !important; top: 55px; left: 2.5%; z-index: 99999;
}
#status #content_preview{ width: 100% !important; height: 100% !important; }
#status .close_preview{
	position: absolute;
	top: 60px;
	right: 0;
}
#status h5.view_servicos span{
	display: inline-block;
	margin: 3px;
  font-size: 13px;
}
.error_field{ border-color: red !important; }

.anim{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}



////////////
// LAYOUT //
////////////
header{
	margin-top: 25px;
	.menu{
		nav{
			ul{
				li{
					list-style: none;
					display: inline-block;
					margin: 0 20px;
					a{
						font-family: "Myriad-Semi";
						font-size: 18px;
						color: #00aeef;
						&:hover{
							color: #0055a5;
						}
					}
				}
			}
		}
	}
	.redes-sociais{
		a{
			color: #0055a5;
			font-size: 14px;
		}
	}
	.aovivo{
		margin-top: 15px;
		clear: both;
		div{
			padding: 0 !important;
			background: #FFF;
		}
	}
	.img-topo{
		img{
			width: 100% !important;
			height: auto;
		}
	}
	.player-programacao{
		margin: 35px 0 15px 0;
		.radio-name{
			background: #FFF;
			height: 52px;
			img{
				vertical-align: middle;
				display: inline;
			}
		}
		.player{
			padding: 0 !important;
			a{
				padding: 12px 15px;
				height: 52px;
				color: #FFF;
				display: block;
				text-align: center;
				&.fm{
					background: #004499;
				}
				&.am{
					background: #028cee;
				}
			}
		}
		.programacao{
			background: #3b4850;
			color: #FFF;
			height: 52px;
			padding-top: 8px;
			font-size: 24px;
			span{
				font-weight: lighter;
				font-size: 16px;
				display: inline-block;
				background: #000;
				padding: 5px 10px;
				margin-right: 10px;
			}
			b{
				font-weight: 900 !important;
			}
		}
	}
}
#ultima-hora{
	margin-bottom: 25px;
	h3{
		margin-top: 25px;
		color: #0066b3;
		font-family: "Myriad-Black";
		font-size: 20px;
		float: left;
		width: 220px;
	}
	.not{
		float: left;
		margin-top: 22px;
		width: 73%;
		a{
			color: #0066b3;
			font-size: 18px;
			display: inline-block;
			margin-right: 35px;
			padding-right: 35px;
			border-right: 1px solid;
		}
	}
	.search{
		form{
			height: 28px;
			margin-top: 20px;
			-webkit-border-radius: 15px;
			border-radius: 15px;
			padding: 5px 8px;
			background: #FFF;
			input{
				border: none;
				&.s{
					width: 90%;
					height: 20px;
				}
				&.bt{

				}
			}
		}
	}
}
#noticias{
	margin-bottom: 35px;
	figure.title{
		background-size: 100%;
		background-position: left top;
		background-repeat: no-repeat;
		height: 40px;
	}
	figure.thumb{
		height: 200px;
		background-size: 105%;
		background-position: center;
		a{
			display: block;
			height: 100%;
			width: 100%;
		}
		&:hover{
			background-size: 110%;
		}
	}
	.text-img{
		background: #3b4850;
		height: 400px;
		a{
			color: #FFF;
		}
		h3,p{
			padding: 0 15px;
		}
		h3{
			font-size: 24px;
			font-family: "Myriad-Semi";
			text-transform: uppercase;
		}
	}
	a.leia-mais{
		display: block;
		width: 100%;
		font-size: 18px;
		font-family: "Myriad-Semi";
		padding: 5px 0;
		color: #FFF;
		&:hover{
			background: #FFF !important;
			color: #000 !important;
		}
	}
	.programacao-musical{
		figure.title{
			background-image: url(../img/title-programacao-musical.jpg);
		}
		a.leia-mais{
			background: #0066b3;
		}
	}
	.cultura{
		figure.title{
			background-image: url(../img/title-cultura.jpg);
		}
		a.leia-mais{
			background: #f88300;
		}
	}
	.jornalismo{
		figure.title{
			background-image: url(../img/title-jornalismo.jpg);
		}
		a.leia-mais{
			background: #a50000;
		}
	}
	.esportes{
		figure.title{
			background-image: url(../img/title-esportes.jpg);
		}
		a.leia-mais{
			background: #008400;
		}
	}
}
#videos{
	margin: 0px;
	padding-bottom: 15px;
	background: #aabac2;
	figure{
		-webkit-border-radius: 15px;
		border-radius: 15px;
		width: 100%;
		height: 170px;
		margin: 15px 0;
		display: table;
		background-size: 130%;
		background-position: center;
		&:hover{
			background-size: 140%;
		}
		span{
			display: table-cell;
			vertical-align: middle;
			height: 100%;
		}
	}
	h3{
		font-family: "Myriad-Semi";
		font-size: 18px;
		margin: 0 !important;
		a{
			color: #3b4850;
		}
	}
	.title{
		figure{
			background: #06377b;
		}
		.btn{
			display: block;
			width: 100%;
			font-family: "Myriad-Semi";
			font-size: 18px;
		}
	}
}
.internas{
	.title-category{
		height: 23px;
		margin-bottom: 10px;
		a{
			display: block;
			width: 100%;
			height: 100%;
		}
		&.programacao-musical{
			background: url(../img/title-programacao-musical.jpg) no-repeat left center #0066b3;
		}
		&.cultura{
			background: url(../img/title-cultura.jpg) no-repeat left center #f88300;
		}
		&.jornalismo{
			background: url(../img/title-jornalismo.jpg) no-repeat left center #a50000;
		}
		&.esportes{
			background: url(../img/title-esportes.jpg) no-repeat left center #008400;
		}
	}
	.post{
		color: #58595b;
		h1,h2,h3,h4{ font-weight: 900; }
		.post-img-featured{
			float: left;
			margin: 0 25px 25px 0;
			width: 470px;
			img{
				width: 100%;
				height: auto;
			}
		}
		p{
			font-size: 16px !important;
			line-height: 19px;
		}
		.compartilhar{
			margin: 35px 0;
			padding: 15px;
			background: rgba(0,0,0,0.1);
			h3{
				margin: 5px 0 0 0 !important;
				float: left;
				margin-right: 15px;
				width: 220px;
			}
			.addthis_sharing_toolbox{
				float: left;
		    width: 50%;
		    clear: none !important;
			}
		}
	}
	.outras-noticias{
		h4.title{
			background: #58595b;
			padding: 10px 0 10px 15px;
			font-style: italic;
			text-transform: uppercase;
			font-size: 16px;
			font-weight: 900;
			a{
				color: #FFF;
			}
		}
		div{
			border-right: 1px solid #58595b;
			height: 210px;
			&:last-child{
				border-right: none
			}
		}
	}
	&.lista-posts{
		article{
			margin-bottom: 50px;
			h2{
				font-weight: 900;
			}
			p{
				font-size: 16px !important;
				line-height: 19px;
			}
		}
	}
	.programacao{
		.prog_list{
			list-style: none;
			h3{
				margin: 0;
				font-size: 18px;
			}
		}
	}
}

footer{
	margin-top: 30px;
	color: #0055a5;
}


/* PROGRAMAÇÃO */
ul.select_emissora{ padding: 15px 0px 15px 0px; border-bottom: 2px groove #fff; color: #000; }
ul.select_emissora li{ display: inline-block; font-size: 24px; padding-top: 5px; width: 71px; height: 41px; text-align: center; margin-right: 55px; cursor: pointer; }
.emissora_am{ background: #609f2e; color: #FFF; }
.emissora_fm{ background: #00529c; color: #FFF; }

ul.select_dia{ padding: 0px 0px 10px 0; border-bottom: 2px groove #fff; color: #616161; }
ul.select_dia li{
	display: inline-block;
	font-size: 18px;
	padding-top: 5px;
	width: 71px;
	height: 36px;
	text-align: center;
	margin-right: 55px;
	cursor: pointer;
}
.dia_hoje{ background: #0E4174; color: #FFF; }

.programacao_fm, .programacao_am{ display: none; }

ul.prog_list{ display: none; }
ul.prog_list li{
	padding: 5px 0px 11px 80px;
  border-bottom: 2px groove #fff;
  color: #616161;
  position: relative;
}
h3.hora_prog{ font-weight: normal; position: absolute; top: 5px; left: 10px; }