:root {
--bannerpic:url('/engine/images/4/banners/GuitarBW.jpg');
--rad:0.4rem;
--bg:#111;

--bgpic:  #000 url('/337/images/carbon.jpg') top left repeat fixed ;

--shadow: 0 1px 1px rgba(204, 204, 204, 0.3);
--border:1px dotted rgba(204,204,204,0.8);
--highlight:rgba(250,250,250,.5);
--panel2: rgba(1,1,1,.5);

}
#navBar:target { /*Splash menu bg for mobile*/

	background: url('/337/images/GuitarBW-vert.jpg') ;
	background: url('/1/images/4/Odense.jpg') ;
	background: url('/1/images/4/banners/pforzheim.jpg') ;
background-size:cover;

}
.fieldname,.fld-Title,
a.nav {letter-spacing:0.2em;text-transform:uppercase;font-weight:bold;}
.btn-min,.btn {font-size:.7em;text-transform:uppercase;}

dd.click {text-transform:uppercase;}
#msg:before {content:'\266E';}
#msg:after {content:"";}

/*LOGO INFO*/

.bandlogo{
  height:5vh;
  width:5vh;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 89;
}

.lrlogo {
background:url('/1/images/KY-SYF-icon.png');
}
.bcelogo {
background:url('/gd/images/Circle500.png');
}
.bandlogo{
  background-size:cover;
}

/*HIDING BCE GIG THAT IM NOT IN TOWN FOR
*/

/* [id^=ebce]{display:none;}
 [id^=bce]{display:none;}*/
/*#ebce0,#bce0,#ebce1,#bce1 {display:block;}
*/
#ebce12,#bce12,
#ebce213,#bce213,
#ebce227,#bce227
 {display:none;}


#container {margin-top:5px;
}
#copyright{margin-top:150px;}
 .record {
overflow:hidden;/*this can mess with fade scroll  careful! */
}
#wrapper{
padding:10px;
}
.event.Pages {background-position:center 60%;}

.dTix.btn  {
background-color:red;color:#fff;font-weight:bold;
}
.dTix.btn a 
{color:#fff;font-weight:bold;}



	/*SHRINK LONG VENUE NAME ON IPHONE*/	
 @media only screen and (min-width : 300px) and (max-width : 390px) {
 
 .manchestercoffeeco .venue ,
.kentuckynativecafe .venue
{font-size:4vmax; }


}
.wrap ,.animated-element { 
 animation: fade-in linear forwards; 
  animation-timeline: view();
 /* or  view()     scroll(root) or scroll(#container) */ 
animation-range: entry 0% cover 60%; 
/* cover80%;  Adjust as needed */
    }
@keyframes fade-in { from { opacity: 0; transform: translateY(20vh); } to { opacity: 1;  transform: 
translateY(0); }
    }