@charset "UTF-8";
/* CSS Document */

/** { box-sizing: border-box; }*/

body {
  font-family: sans-serif;
}

/* ---- button ---- */



.button {
  display: inline-block;
  padding: 0.5em 1.5em;
  background: #b01861;
  border: none;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 16px;
  cursor: pointer;
  border-radius: 15px;

}


/* filters */
.filters {
  display: table;
  margin-left:15%;
  width:800px;

} 


.filters .button {
  background: linear-gradient(#eb4e9a,#c82975);
 
  padding: 0.1em 1.0em;
  /*background: #634665;*/


}

.button:active,
.button.is-checked
{
  
  background: linear-gradient(#7b1646,#b31561);
}





/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  margin-left: 0.1em;
  margin-right: 1px;
  margin:5px 2px;
}

.label-all{
display:table-cell;
vertical-align: top;

}

.label-all .button{
margin-top:2px;
padding-top: 0px;
padding-bottom: 0px;



}

.label-others{
display:table-cell;


}



.label-others .button{
padding:0.1em 1em;
margin-bottom: 1px;
margin-top:2px;

}


/* ---- isotope ---- */






/* ui group */

.ui-group {
  display: table-row;
} 

/*.heading {
 width:100px;	
 display:table-cell;
}*/








.ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 16px;
  color:#b01861;
}

.ui-group .button-group  {
  display: inline-block;
  margin-right: 50px;
  vertical-align:middle;
}




.grid {
 
  max-width: 800px;
  /*margin: auto;*/
  display:table;
  width:800px;
  margin-left:15%;
  
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


/* event */
 .event {

  display:table-row;
  width:700px;
  margin:20px 0px;*/
	
	
 }



.event>.image, .event>.content{


display:table-cell;



}


.event>.content{
  width: 400px;

  padding-left: 20px;


}

.event h5{
 color:#B01861;


}
.event h4,h5{

  display: inline-block;
}
}




#cityu-content h3{
  margin-bottom:0em;
}
#cityu-content h4{
   margin-bottom:10px;
}
#cityu-content{
  line-height:normal;
}

.hidden{visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
  }


