@charset "UTF-8";
/********************/
/*   w3flive.css    */
/*   20.12.2025     */
/* sm               */
/********************/

/* fever-live - Cascading Style Sheet */

/* Comments:
* Last Update: 09.01.2026
*/

:root {
/* background colors */
  --col_bck: #F3AC16;
  --col_fvr: #502F28;
  --black: rgba(0, 0, 0, 0.8);
  --white: #fff;

/* other colors */
  --col_bck_yellow: #FBCC38;
  --col_bck_dorange: #F96505;
  --col_bck_lorange: #FECF7F;
  --col_bck_morange: #FAB282;
  --col_bck_mmorange: #FEA000;
  --col_bck_lgreen: #8BA985;
  --col_fb: #0866FF;				/* FaceBook light blue */
  --col_yt: #FF0033;				/* YouTube red */
}

body, html {
  border: 0;
  padding: 0;
  margin: 0;
  
  height: 100%;
  background: var(--col_bck_lorange);
  color: var(--col_fvr);  
  border: 0px var(--black);

  /*font-family: "Helvetica Neue LTW0193BlkExObl";*/
  /*font-family: "HelveticaInseratLTW02-Rg";*/
  /*font-family: "Swiss 921";*/
  /*font-family: "Placard MT Std Cond";*/
  font-family: Arial, Helvetica, sans-serif;
  font: 400 15px/1.8;
  /*font-size: 1em;*/
  
  line-height: 1.8;
  scroll-behavior: smooth;
}

h1 { font-size: 2.25em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.125em; }

p.normal { font-weight: normal; }
p.thick { font-weight: bold; }
p.serif { font-family: "Times New Roman",Times,serif; }
p.sansserif { font-family: Arial,Helvetica,sans-serif; }
p.center { text-align: center; }

font.bold { font-weight: bold; }
font.small { font-size: 0.814em; }
font.tiny { font-size: 0.625em; }
font.large { font-size: 1.5em; }


.hr-fvr { width:50px;border:5px solid;color:var(--col_fvr); }
.fvr-head { color: var(--col_fvr); }
.w3-third img{ margin-bottom:-6px;margin-top:16px; }
.w3-third img:hover{ opacity:1; }
.w3-wide { letter-spacing: 10px; }
.w3-hover-opacity { cursor: pointer; }

/******************* Init id´s *********************/
/* Setting for HOME */
#logo {display: block;}
#bandpic {display: block;}
#gigs {display: block;}
#gigsexp {display: none;}
#media {display: block;}
#band {display: none;}
#gallery {display: none;}
#songs {display: none;}
#more {display: none;}
#contact {display: block;}



/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-width: 1600px) {
  .idgighead {
    max-width: 60vw;
  }
}

@media only screen and (max-width: 1050px) {
  .idgighead {
    max-width: 75vw;
}

  .gigURL {
    font-size: 14px;
  }
}

@media only screen and (max-width: 600px) {
  .idgighead {
  max-width: 90vw;
}

  .gigURL {
    font-size: 14px;
  }
}


/******************** login ********************/
.flogin {
  width: 300px; }


/******************* topnav ********************/
/* Medium and large screens */
.topnavbar {
  background-color: var(--col_bck);
  color: var(--col_fvr);
  font-family: "Helvetica Neue LTW0193BlkExObl";
  font-size: 22px; }

.topnavbar a {
  margin-left: 0%;
  background-color: var(--col_bck);
  transition: all 0.3s ease; }

.topnavbar a:hover {
  color: var(--white)!important;
  background-color: var(--col_bck)!important; }

/* Small screens */
.smallnav {
  background-color: var(--col_bck);
  color: var(--col_fvr);
  font-family: "Helvetica Neue LTW0193BlkExObl";
  font-size: 22px; }

.smallnav a {
  margin-left: 0%;
  background-color: var(--col_bck);
  transition: all 0.3s ease; }

.smallnav a:hover {
  color: var(--white)!important;
  background-color: var(--col_bck)!important; }


/***************** band-logo ********************/
.bandlogo {
  display: block;
  margin-top: 80px; }

.bandlogo img {
  border: 0;
  width: 900px; }


/***************** band-pic ********************/
.bandpic {
  margin-top: 20px; }

.bandpic img {
  display: none;
  border: 0;
  width: 30%;
  height: 30%; }


/********************** gigs **********************/
.gigs {
  margin-top: 25px; }


.gigsel {
  display: none; }


/***************** band & member ****************/
.flband {

}


/******************* media **********************/
.flmedia {

}


/******************* youtube ********************/
.yt_container {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 0px; }

.yt_link {
  border: 0px solid #ccc;
  float: center;
  transition: all 400ms ease;
  cursor: pointer; }

.yt_link:hover {
 transform: scale(1.05, 1.05); }

.yt_link .yt_link_img {
  width: 100%;
  max-width: 272px;
  height: auto; }

.yt_link .yt_link_desc {
  font-weight: bold;
  color: #222;
  padding: 4px;
  text-align: center; }


.yt_player_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  transition: all 600ms ease; }

.yt_player_overlay.active {
  z-index: 5;
  opacity: 1;
  pointer-events: auto; }

.yt_player_popup {
  position: fixed;
  top: 8%;
  width: 80%;
  left: 50%;
  transform: translate(-50%, -100%);
  transition: all 400ms ease; }

.yt_player_overlay.active .yt_player_popup {
  transform: translate(-50%, 0); }

.yt_player_popup iframe {
  z-index: 3;
  width: 100%;
  aspect-ratio: 16/9; }



/********************** gallery *******************/
.showgalleryrow {
  margin-left: auto; 
  margin-right: auto; }

.showgalleryrow img {
  height: 200px; }


/********************* fvrfooter ******************/
.fvrfooter {
  background-color: var(--col_bck);
  color: #111;
  max-width: 100%;
  padding: 0px 6vw; }

/********************** fbicon *******************/
.fbicon {
  margin-right:16px;
  font-size:28px;
  background-color: transparent;
  color:var(--col_fb)!important; }

.fbicon:hover {
  background-color: transparent;
  color:green!important; }

/********************** yticon *******************/
.yticon {
  margin-right:42px;
  font-size:28px;
  background-color: transparent;
  color:var(--col_yt)!important; }

.yticon:hover {
  background-color: transparent;
  color:green!important; }


/******************* credits ********************/
.credits {
  /*overflow: hidden;*/
  background-color: transparent;
  color: black; }

.credits a {
  color: var(--col_fvr);
  transition: all 0.3s ease; }

.credits a:hover {
  color: green; }


/******************* imprint ********************/
.imprint {
	
}

.tab_imprint td {
  border: 0px solid black; }


/******************* register ********************/
/* register.php */ 
 .fregister {
  width: 520px;
  border: 0px solid black; }



/****************** fever intranet *******************/
/* !!!!!!!!!!!! See fstyle.css at fever !!!!!!!!!!!!! */

.flinet {
  margin-left:15%; }

.flinetsidebar {
  background-color: var(--col_bck_morange)!important; }


/* flinet.php */
.overview {
  font-weight: bold;
  border-collapse: collapse;
  width: 36%;
  margin-left: auto; 
  margin-right: auto;
  border: 1px solid black; }

.overview tr {
  background-color: white; }
  
.overview td {
  border: 1px solid black;
  text-align: left;
  padding: 5px; }
  
  

/* flinet.php */
.nextgigs {
  border-collapse: collapse;
  width: 94%; 
  margin-left: auto; 
  margin-right: auto; }
  
.nextgigs th {
  background-color: var(--col_bck_mmorange);
  color: black;
  border: 1px solid black;  }

.nextgigs td, th {
  border: 1px solid black;
  text-align: left;
  padding: 5px; }

.nextgigs tr:nth-child(even) {
  background-color: #dddddd; }

.nextgigs tr:nth-child(odd) {
  background-color: #ffffff; }
  
  

/* gigbook.php */
.gigbook {
  border-collapse: collapse;
  width: 94%; }
  
.gigbook th {
  background-color: var(--col_bck_mmorange); 
  color: black;
  border: 1px solid black; }

.gigbook td, th {
  border: 1px solid black;
  text-align: left;
  padding: 5px; }

.gigbook tr:nth-child(even) {
  background-color: #dddddd; }

.gigbook tr:nth-child(odd) {
  background-color: #ffffff; }
  
.gbookupdate {
  border: 1px solid black; }

.gbookupdate th {
  background-color: var(--col_bck_mmorange); 
  border: 1px solid black; }
  
.gbookupdate td, th {
  text-align: left;
  padding: 5px; }
  
.gbookinsert {
  border: 1px solid black; }

.gbookinsert th {
  background-color: var(--col_bck_mmorange); 
  border: 1px solid black; }
  
.gbookinsert td, th {
  text-align: left;
  padding: 5px; }
 


/* songbook.php */
.songbook {
  border-collapse: collapse;
  width: 80%; }
  
.songbook th {
  background-color: var(--col_bck_mmorange);
  color: black;
  border: 1px solid black; }

.songbook td, th {
  border: 1px solid black;
  text-align: left;
  padding: 5px; }

.songbook tr:nth-child(even) {
  background-color: #dddddd; }

.songbook tr:nth-child(odd) {
  background-color: #ffffff; }
  
.sbookupdate {
  border: 1px solid black; }

.sbookupdate th {
  background-color: var(--col_bck_mmorange); 
  border: 1px solid black; }
  
.sbookupdate td, th {
  text-align: left;
  padding: 5px; }
  
.sbookinsert {
  border: 1px solid black; }

.sbookinsert th {
  background-color: var(--col_bck_mmorange); 
  border: 1px solid black; }
  
.sbookinsert td, th {
  text-align: left;
  padding: 5px; }
  


/* pictbook.php */
.pictbook {
  font-weight: bold;
  border-collapse: collapse;
  width: 20%; }

.pictbook td, th {
  border: 0px solid black;
  text-align: left;
  padding: 10px; }
  
.uploadimg {
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  border: 0px solid black; }

.poolimg {
  height: 120px;
  border: 2px solid white;
  /*border: 3px solid #ddd;
  border-radius: 4px;*/
  margin: 1px; }
  
.gallerybookselect {
  font-weight: bold;
  border-collapse: collapse;
  width: 500px; }

.gallerybookselect th {
  border: 1px solid black;
  background-color: #dddddd;
  text-align: left;
  padding: 5px; }
  
.gallerybookselect td {
  border: 0px solid black;
  text-align: left;
  padding: 5px; }
  
/* Class gallerybookinsert is deprecated */
.gallerybookinsert {
  font-weight: bold;
  border-collapse: collapse;
  width: 500px; }

.gallerybookinsert th {
  border: 1px solid black;
  background-color: #dddddd;
  text-align: left;
  padding: 5px; }

.gallerybookupdate {
  font-weight: bold;
  border-collapse: collapse;
  width: 300px; }

.gallerybookupdate th {
  border: 1px solid black;
  background-color: #dddddd;
  text-align: left;
  padding: 5px; }

.showeditgallery {
  height: 120px;
  margin-left: auto; 
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  border: 0px solid black;
  border-collapse: separate; 
  border-spacing: 10px 5px; }

.showeditgallery td {
  border: 0px solid black; }

/* pictbook.php, pictedit.php */
.flbtn {
  float: center;
  font-size: 0.8em;
  width: 132px;
  height: 24px;
  margin: 1px; }


/* pictbook.php, pictedit.php; Same ID in two files, used in w3fvrl.js */
#pictpool {
  /*float: left;*/
  background-color: lightgrey;
  position: relative;
  left: 0px;
  resize: vertical;
  overflow: auto; /*visible | hidden | scroll | auto | inherit*/
  width: 100%;
  /*height: 384px;*/
  margin: 3px;
  padding: 3px;
  border: 1px solid black; }



  
/* pictedit.php */
/* test */
.edit-modal-content {
  margin:auto;
  background-color: var(--col_bck);
  position:relative;
  padding:0;
  outline:0; }
 
.editimg {
  height: 120px;
  border: 2px solid white;
  /*border: 3px solid #ddd;
  border-radius: 4px;*/
  margin: 1px; }

.editimg:hover {
  box-shadow: 0 0 2px 1px rgba(0, 10, 230, 1.0); }

.editgallery {
  float: center;
  background-color: white;
  width: 100%;
  border: 1px solid black;
  margin: 5px auto; }

.editgallery td.rowcontrol {
  float: center;
  height: 126px;
  width: 60px;
  border: 1px solid black; }

.editgallery td.row {
  float: center;
  border: 1px solid black; }

.editgallery td.rowstat {
  display:none;
  float: center;
  width: 120px;
  border: 0px solid black; }
  
.editgallery div.rowwidth {
  float: center;
  font-size: 0.8em;
  width: 60px;
  margin: 2px;
  border: 1px solid black; }

.gallerytitle {
  font-size: 1.2em;
  font-weight: bold; }
  
.imagerow {
  float: center;
  background-color: lightgrey;
  position: relative;
  left: 0px;
  resize: horizontal;
  overflow: auto; /*visible | hidden | scroll | auto | inherit*/
  width: 1000px;
  height: 126px;
  margin: 3px;
  padding: 3px;
  border: 1px solid black; }

.gsave {
  /*float: left;*/ }

.btnpreview .btnsave {
  float: center;
  width: 100px;
  margin: 1px; }

/* pictedit.php, used in w3fvrl.js */
#pictpoolcount {
}



/* edittt */
.edittt {
  margin: 2px auto;
  overflow: hidden;
  border: 0px solid black; }

.edittt td {
  margin: 2px;
  border: 0px solid black; }
  
  

/* previewg.php */
.previewgallery {
  height: 120px;
  /*margin-left: auto; 
  margin-right: auto;*/
  padding: 0px 0px 0px 0px;
  border: 0px solid black;
  border-collapse: separate; 
  border-spacing: 10px 5px; }

.previewgallery td {
  border: 0px solid black; }
  
.previewgallery img {
  height: 120px; }
  
/* previewg.php, editt.php */
.btnclosepreview .btnclosett {
  float: center;	
  width: 100px;
  margin: 4px 2px; }



/* myprofile.php */
.myprofile {
  font-weight: bold;
  width: 480px;
  border: 0px solid black;
  border-collapse: collapse; }
  
.myprofile td {
  border: 0px solid black;
  text-align: left;
  padding: 5px; }