/* ************** event center tiles********************* */
.ec-tile {
  background-color: #ff0000;
  width: 300px;
  height: 300px;
  margin: 12px 12px 12px 12px;
  flex:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:4px;
  font-size: 25px;
}
.ec-tile, .ec-tile:active, .ec-tile:hover, .ec-tile:visited, .ec-tile:focus, .ec-tile.focus-within{
  color: white;
  text-decoration:none;
}
.ec-tile:hover{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  /* uncomment the background setting for a mouse-over effect */
  /*background: radial-gradient(LightSteelBlue, SteelBlue);*/
}
.ec-tile-container{
  display:flex;
  flex-direction:row;
  justify-content: center;
  flex-wrap:wrap;
  height:auto;
  padding: 0px 20px;
}
/* ************** other page styles********************* */
#eventbody {
  /* add bottom margin so nothing is covered by the footerBar*/
  margin-bottom: 32px;
}
.eventTitleHeader {
  display: block;
  margin: 0;
  overflow: hidden;
  background-color: white;
  text-align:center;
  background:none;/* don't cover up the background image */
  font-size:.05em;
}
/* toolbar theme: */
#EventToolBar, #EventToolBar .dropdown.open ul{
  background-color: #454545;
}
#EventToolBar .dropdown.open li *:hover{
  background-color:  #6da2cf;
}
/* toolbar structure */
#EventToolBar {
  margin-bottom: 4px;
}
#EventToolBar.navbar li, #EventToolBar.navbar span, #EventToolBar.navbar div{
  font-size: 16px;
}
#EventToolBar .input-group {
  display: inline-flex;
  margin-top: .5em;
}
#EventToolBar input[type=text], #EventToolBar input[type=search] {
  max-width: 20em;
}
#EventToolBar .dbnav-dropdown a {
  /*white-space is a fix for firefox 60:*/
  white-space:normal;
}
#EventToolBar li, #EventToolBar li a{
  color: white;
}
/* policy accept bar theme*/
.policy-accept-bar{
  background: linear-gradient(0deg, dodgerblue, lightskyblue);
  border: 1px solid gray;
  border-radius: 0;
}
/* policy accept bar structure */
.policy-accept-bar {
  position: fixed;
  bottom: 32px;
  width: 100%;
  height: 80px;
  padding: 16px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.policy-accept-bar > div {
  padding: 16px;
}
.acceptPoliciesLink {
  /*empty*/
}
/* ************** event center text ************** */
.ec-text-container{
  /*empty*/
}
.ec-welcome-text{
  text-align:center;
}
#eventbody .ui-widget-content input[type="text"],#eventbody .ui-widget-content input[type="password"],#eventbody .ui-widget-content input[type="search"]{
	/* workaround bootstrap/jquery conflict */
	color:#000;
}