div#festivals-infographic { width: 100%; margin:0 auto;}
div#catlinks { display: none; }
div#ibr-contribute { display: none; }
span.underline { font-weight: bold; color: black; }
div#short_description {
  line-height: 30px;
  height: 30px;
  text-align: center;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}
#festivals-infographic div.chart {
  position:relative;
  margin-bottom:50px;
}
#festivals-infographic div.chart:after {
  content:"";
  display:block;
  clear:both;
}
#festivals-infographic div.col.c01:after {
  content:attr(month);
  display:block;
  height:20px;
  width:1px;
  border-left:1px solid black;
  margin-bottom:10px;
  z-index:10;
  position:absolute;
  bottom:-40px;
  margin-left:-1px;
  font-size:12px;
  text-align:center;
}

@media (max-width:1023px) {
  #festivals-infographic div.col.c01:after {
    transform: rotate(-90deg);
    bottom: -100px;
    text-align: right;
    border-top: 1px solid;
    border-left: 0;
    transform-origin: 0 0;
    padding-right: 10px;
    width: 60px !important;
  }
  #festivals-infographic div.chart {
    margin-bottom:80px;
    margin-left:1px;
  }
}

#festivals-infographic div.col.c01[weeks="5"]:after {
  width:76px;
}
#festivals-infographic div.col.c01[weeks="4"]:after {
  width:61px;
}

#festivals-infographic div.legend { margin-bottom: 4px;  }
#festivals-infographic div.legend2 { margin-bottom: 6px; }
#festivals-infographic div.legend2 table { margin: 0 auto; }
#festivals-infographic div.legend2 td { text-align: left; padding:0 1em; font-size: 16px; }
#festivals-infographic div.legend2 td a { display: block; }
#festivals-infographic div.legend2 td a label { cursor: pointer; }
#festivals-infographic span.lbox { position: relative; top: 2px; }
#festivals-infographic div.legend span:first-child { border-left: 0; }
#festivals-infographic div#qcontainer { position: relative; padding-top:0px; }
#festivals-infographic div#description { position: absolute; top: 0px; left: 0; width: 330px; max-width:45%;}
#festivals-infographic div#description h3 { padding-top: 0px; }
#festivals-infographic div.col {
  width: 1.6%;
  min-height: 10px;
  float: left;
  padding-left: 0;
  padding-right: 0;
}
#festivals-infographic .legend2 a.selflink,
#festivals-infographic .year-links a.selflink {
  color: black;
  font-weight:bold;
}
#festivals-infographic .box { position: relative; }
#festivals-infographic div.box.selected:after {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:5px;
  height:5px;
  background:white;
}
#festivals-infographic div.box:before {
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:7px;
  height:7px;
  box-shadow:0 0 0 1px white;
  opacity:0;
  transition:opacity 0.2s 0.1s;
}
#festivals-infographic div.box.hovering:before {
  transition:opacity 0.2s;
  opacity:1;
}
#festivals-infographic #qcontainer a.selflink:hover { text-decoration:none }

//#qcontainer > #description {  background: #f7f7f7; }

.chart { min-height: 28rem; }