body{
	font-family: "Verdana", serif;
	font-size: 1.5vw;
	background-image:url("../grfx/bg7.jpg");	
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left 40%;
     
    background-size: cover;
    background-color: black;
}



#menu li {
	display:inline-block;
	padding: 9px 18px;
}
#menu li a{
	text-decoration:none;
	border-style:none;
	color: #f6dfad;
	font-weight:800;
	line-height:1.5;
	text-transform:uppercase;
	outline:none;
	text-shadow: 2px 2px black;
}
#menu li a:hover{
	border-bottom:4px solid #f6dfad;
}

#menu li a:focus{
}
#menu li.active > a{
	border-bottom:4px solid #f6dfad;
}

#menu{
	position:fixed;
	--height: 40px;
	z-index: 70;
	--width: 100%;
	right:20px;
	bottom: 0px;
	font-size: clamp(1rem, 1.5vw, 3rem);
}



.box{
	background: rgba(0,0,0,0.5);
	--border:1px solid white;
	--box-shadow: 0 2px 2px #000000;
	color:white;
	position:absolute;
	width:60%;
	height:55%;
	top:20%;
	left:20%;
	padding: 10px;
	border-radius: 10px;
	overflow-y: auto;
}

.box_transparent_center{
	text-align:center;
	height:100%;
	background: rgba(0,0,0,0.0);
}

.box2{
	background: rgba(0,0,0,0.5);
	--border:1px solid white;
	--box-shadow: 0 2px 2px #000000;
	color:white;
	position:absolute;
	width:80%;
	height:70%;
	top:15%;
	left:10%;
	padding: 10px;
	border-radius: 10px;
	overflow-y: auto;
}

.rightbox{
	background: rgba(0,0,0,0.8);
	color:white;
	position:absolute;
	width:40%;
	height:55%;
	top:20%;
	right:0%;
	padding: 10px;
	border-radius: 10px;
	overflow-y: auto;		
}

h1{
	color:#9a7e66;
	font-size:1.8vw;
	text-transform:uppercase;
	margin-bottom: 0px;
	padding-bottom:0px;
}

h2{
	font-size:1.5vw;
	color:#f6dfad;
	text-transform:uppercase;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom:10px;
}

a{
	color:#FDED33;
	text-decoration:none;
	font-style:italic;
}

a:hover{
	text-decoration:underline;
}

div.about_pic{
	width:100%;
	margin:auto;
	text-align:center;
}

.social-icons{
	position:fixed;
	z-index: 70;
	bottom: 20px;
	left:20px;
}

table.events{
	font-size: 1.1vw;
}

.event_entry{
	color:white;
	vertical-align: top;
}

.event_entry_prev{
	color:white;
}

.event_header{
	color:white;
}

.event_day{
	color:yellow;
}

.event_day_blink{
	color:yellow;
	animation: animate 0.5s linear infinite;
}

.event_img{
  border:1px solid black;
}

@keyframes animate{
   0%{
     opacity: 0.5;
   }
   50%{
     opacity: 1;
   }
   100%{
     opacity: 0.5;
   }
 }

.player_control_panel{
	width:900px;
	height:140px;
	padding:5px;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, #02071a 0%, #517e95 100%);
	 background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
	
}

.player_control_panel_cont1{
	padding-left:120px;
	padding-top:10px;
}

.player_control_band{
	color:#f94c57;
	font-size:18px;
	text-align:center;
}

.player_control_title{
	color:white;
	font-size:24px;	
	text-align:center;
}

.player_control_progressbar{
	font-size:12px;
	color:white;
	float:left;
}

input.player_progressbar{
	width:650px;	
	cursor:pointer;
}

.player_play{
	cursor:pointer;
}

.player_control_picture{
	background-image:url("../grfx/4experiences.jpg?v=1");
	 background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    
    width:450px;
    height:390px;
    float:left;
}

.player_control_playlist{
    width:450px;
    height:390px;
    float:left;
	 background-repeat: no-repeat;
    background-position: left;
    background-size: cover;    
    color:white;
    padding:5px;
    font-size:16px;
    overflow:scroll;
}

.player_control_playlist_odd_line{
	margin:5px;
}
.player_control_playlist_even_line{
	margin:5px;	
}
.player_control_playlist_selected_line{
	background-color:#517e95;
	color:black;
}
.player_control_playlist_hover_line:hover{
	background-color:#517e95;	
	cursor:pointer;
}
.player_control_playlist_icon{
	margin-right:5px;
}

.player_next_prev{
	cursor:pointer;
}

.press_thumb{
	border-radius: 18px;
}

.photos_thumb{
		border-radius: 18px;
}

.intro{
	color:#faf5cd;
	font-size:5vw;
	text-shadow: 2px 2px black;
	display:none;
	position:absolute;
	width:80%;
	height:60%;
	top:30%;
	left:15%;
	padding: 10px;
}

.band{
	font-size:24px;
}