/* Common */
 html, body{
	 font-family: 'Roboto', sans-serif;
	 margin:0;
	 font-size:36px;
	 word-break:keep-all;
 }
 div{
	 margin:0;
	 padding:0;
	 display:block;
 }
 p, img, ul, h1, h2, h3{
	 margin:0;
	 padding:0;
 }
 h1{
	 font-size:2.3rem;
	 font-family: 'Lobster', cursive;
	 color:#000;
 }
 h2{
	 font-size:2rem;
 }
 ul{
	 list-style-position: inside;
 }
 li{
	 margin:0 0 20px 0;
	 padding:0;
 }
 img{
	 width:100%;
 }
 p{
	 margin-top:0.8em;
 }
 a, a:visited{
	 text-decoration:none;
	 margin:0;
	 padding:0;
	 border:0;
	 outline: none;
 }
a img{     
	border: 0; 
	outline: none;
} 
/* Adaptative font size */
 @media all and (max-width: 1600px) {
	html, body{
		font-size:28px;
	}
 }
 @media all and (max-width: 1400px) {
	html, body{
		font-size:26px;
	}
 }
 @media all and (max-width: 1200px) {
	html, body{
		font-size:24px;
	}
 }
 /* Mobile breakpoint */
 @media all and (max-width: 1024px) {
	 html, body{
		font-size:30px;
	 }
	 #news .news_item{
		 width:100%;
		 margin:0.5rem 0;
	 }
	 
	 #albums .album-cover{
		width:100%;
	 }
	 #albums .album-track{
		 width:48%;
	 }
	 #albums .album-text{
		 width:48%;
	 } 
	 #albums .jp-current-time, #albums .jp-duration{
		 width:50%;
	 }
	 #albums .jplayer_container{
		width:96%;
	 }
	 #albums .album-title{
		 text-align:center;
		 margin-bottom:1em;
	 }
 } 
 @media all and (max-width: 850px) {
	html, body{
		font-size:18px;
	}	 
 } 

/* Page */
 #page{
	 margin:0 auto;
	 max-width:1920px;
	 padding-bottom:2em;
 }
 
 /* Social Links (Top) */
 
 #top{
	 overflow:hidden;
 }
	 #social{
		 float:right;
		 overflow:hidden;
		 margin-right:3em;
	 }
	 #social a, #social a:visited, #social a:hover{
		 display:block;
		 float:left;
		 width:2.1em;
		 height:2.1em;
		 background-size: cover;
		 background-repeat:no-repeat;
		 margin:0.2em;
	 }
		#s_fb{
			background:url('../img/s_fb.png');
		}
		#s_fb:hover{
			background:url('../img/s_fb_over.png');
		}
		#s_yt{
			background:url('../img/s_yt.png');
		}
		#s_yt:hover{
			background:url('../img/s_yt_over.png');
		}
		#s_bc{
			background:url('../img/s_bc.png');
		}
		#s_bc:hover{
			background:url('../img/s_bc_over.png');
		}
		#s_in{
			background:url('../img/s_in.png');
		}
		#s_in:hover{
			background:url('../img/s_in.png');
		}
	 #lang{
		 float:right;
		 margin-right:10%;
		 margin-top:0.5em;
	 }
	 #lang a, #lang a:visited{
		 display:block;
		 float:left;
		 color:#000;
		 background:#fff;
		 padding:0.2em 0.6em;
	 }
	
	 #lang a:hover{
		 color:#fff;
		 background:#000;
	 }
	 #lang a.active{
		 color:#fff;
		 background:#000;
		 
	 }
 /* Header */
 #header{
	 width:100%; 
	 position:relative;
 }
	#header img{
		display:block; 
	}
	#logo{
		position:absolute;
		top:-10%;
		left:10%;
		width:20%;
	}
	#header h1{
		color:#fff;
		position:absolute;
		bottom:-0.2em;
		font-size:3.5em;
		width:100%;
		text-align:center;
	}
	
 /* Menu */
 #menu{
	 margin-top:5px;
	 overflow:hidden;
	 background:#000;
	 height:3em;
 }
 #menu ul{
	 display:block;
	 list-style-type:none;
	 overflow:hidden;
	 width:100%;
	 height:100%;
	 text-align:center;
	 font-size: 0;
 }
 #menu li{
	 display:inline-block;
	 height:100%;
	 padding:0.6em 0.4em;
	 font-size:1.2rem;
 }
 #menu li a, #menu li a:visited{ 
	 font-family: 'Lobster', cursive;
	 color:#fff;
 }
 #menu li:hover, #menu li.active{ 
	 background:#fff;
 }
 #menu li:hover a, #menu li.active a{ 
	 color:#000;
 }
  /* Mobile nav */
 #menu select{
	background:#000;
	color:#fff;
	border:none;
	-webkit-appearance: none;
	font-size:1.2rem;
	margin:0.7em 0 0 1.5em;
 }
 #menu select option{
	border:none;
	-webkit-appearance: none;
	
 }
/* Main */
 #main{
	overflow:hidden;
 }	 
  .title h1{
	text-align:center;
	margin:0 0 0.5rem 0;
  }
  .down_arrow, #up_arrow{
	display:block;
	width:4em;
	height:4em;
	margin:1em auto 0 auto;
  }
  .down_arrow:hover, #up_arrow:hover{
	opacity:0.7;
  }
  
/* News */
 #news{
	 margin:0 10% 2em 10%;
	 overflow:hidden;
 }
 .news_item{
	 width:23%;
	 float:left;
	 margin:0 1%;
	 color:#fff;
	 background:#000;
 }
 .news_date{
	 font-size:0.6rem;
	 padding:0.5rem;
 }
 .news_title{
	 font-size:0.8rem;
	 padding:0 0.5rem;
	 text-transform:uppercase;
 }
 .news_text{
	 font-size:0.6rem;
	 padding:0 0.5rem 0.5rem 0.5rem;
 }
 
/* Videos */
 #videos{
	 margin:1em 0 2em 0;
	 overflow:hidden;
	 background:#000;
	 padding:2em 10% 1em 10%;
 }
 #videos_list{
	 float:left;
 }
 #videos_list a, #videos_list a:visited{
	 color:#000;
 }
 .video{
	 float:left;
	 width:31%;
	 height:300px;
	 margin-left:2%;
 }
 .author{
	 color:#fff;
 }
 .title{
	 color:#fff;
	 font-weight:300;
 }
 .more_videos{
	 clear:both;
	 float:left;
	 margin-left:49%;
	 margin-top:1.4em;
	 font-size:2em;
	 font-weight:300;
	 color:#fff;
 }
 
 /* Calendar */
 #calendar{
	 margin:0 10% 2em 10%;
	 width:80%;
	 color:#000;
	 overflow:hidden;
	 background-image: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0) 0%);
	 background-position: top;
	 background-size: 10px 3px;
	 background-repeat: repeat-x;
 }
 .event{
	 float:left;
	 clear:both;
	 padding:0.4em 0;
	 background-image: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0) 0%);
	 background-position: bottom;
	 background-size: 10px 3px;
	 background-repeat: repeat-x;
	 width:100%;
	 cursor:pointer;
 }
 
 .event_date, .event_title, .event_more{
	 float:left;
 }
 .event_date{
	 font-weight:bold;
 }
 .event_title{
	 margin-left:1.5em;
	 font-weight:300;
	 width:75%;
	 height:1em;
	 overflow:hidden;
 }
 .event_more, .event_more:visited{
	 float:right;
	 color:#000;
 }
 
 /* Gallery */
 #gallery{
	 background:#000;
	 padding:2em 10% 1em 10%;
	 margin-bottom:2em;
	 overflow:hidden;
 }
 #gallery img{
	 float:left;
	 display:block;
	 width:23%;
	 margin:1%;
 }
 .more_photos{
	 clear:both;
	 float:left;
	 margin-left:49%;
	 margin-top:0.7em;
	 font-size:2em;
	 font-weight:300;
	 color:#fff;
 }
 
 /* Contact */
 #contact{
	 text-align:center;
	 margin-bottom:2em;
 }
 
 
 /* Other pages */
 
 #content{
	 margin:1em 10%;
	 font-weight:300;
 }
 #content h2{
	 font-size:2em;
	 font-weight:300;
 }
 #content h3{
	 
 }
 
 /* News page */
 #full_news{
	 margin:1em 10%;
	 overflow:hidden;
 }
 .full_news{
	 float:left;
	 width:100%;
	 background-image: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0) 0%);
	 background-position: bottom;
	 background-size: 10px 3px;
	 background-repeat: repeat-x;
	 padding:1em 0;
 }
 .full_news:last-child{
	 background:none;
 }
 .full_news img{
	 float:left;
	 width:25%;
	 margin-right:2em;
 }
 .full_news_date{
	 font-weight:bold;
 }
 .full_news_title{
	 font-size:1.5em;
	 font-weight:300;
	 text-transform:uppercase;
 }
 .full_news_text{
	 font-weight:300;
 }
 
 /* Albums */
 
 #albums{
	 margin:0 10%;
	 overflow:hidden;
 }
 .album{
	 float:left;
	 width:100%;
	 background-image: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0) 0%);
	 background-position: bottom;
	 background-size: 10px 3px;
	 background-repeat: repeat-x;
	 padding:2em 0 1em 0;
 }
 .album:last-child{
	 background:none;
 }
 .album-cover{
	 float:left;
	 width:31%;
 }
 .album-track ul{
	 list-style-type:none;
 }
 .album-track li{
	 margin:0;
 }
 .album-track{
	 float:left;
	 width:31%;
	 margin-left:2%;
	 color:#808080;
 }
 .album-text{
	 float:left;
	 width:31%;
	 margin-left:1%;
 }
 .file-audio a, .file-audio a:visited{
	 color:#000;
 }
 .file-audio a:hover, li.active a{
	 color:#c0c0c0;
 }
 
/* Jplayer */
.jplayer_container{
    float:left;
    display:inline;
    clear:both;
    width:30%;
    margin-top:10px;
}
.jplayer_container .jp-details {
    display:none;
}

.album_mp3_prev, .album_mp3_next{
    display:block;
    width:11px;
    height:15px;
    cursor:pointer;
    background:url('../img/prev.png') 0 0 no-repeat;
    margin-right:12px;
}
.album_mp3_next{
    background:url('../img/next.png') 0 0 no-repeat;
}

.jplayer_container .jp-play, .jplayer_container .jp-stop{
    margin:0;
    padding:0;
    display:block;
    width:15px;
    height:15px;
    cursor:pointer;
    background:url('../img/stop.png') 0 0 no-repeat;
    margin-right:12px;
}
.jplayer_container .jp-mute{
    margin:0;
    padding:0;
    display:block;
    width:20px;
    height:16px;
    cursor:pointer;
    background:url('../img/volume.png') 0 0 no-repeat;
}