/*

    ACL 2015 | FOR SCREENS LARGER THAN 768

*/

/* @group BODY
---------------------------------------------------------------------- */
div#container {
  background-size: 60%;
}
/* @end */

/* @group GENERAL LAYOUT
---------------------------------------------------------------------- */
/* COLUMNS */
    .columns {
        overflow:hidden;
        font-size:0.9em;
    }
    li.hero {
      float:left;
      padding:0;
    }
    ul.col_2 li.hero:nth-child(2n+1) {
      width:32%;
      margin-left:0;
      clear:both;
    }
    ul.col_2 li.hero:nth-child(2n) {
      width:68%;
      margin-left:-2%;
    }
    ul.col_8 li {
      float:left;
      padding:0;
      width: 60%;
    }
    ul.col_6 li {
      margin-left:4%;
      float:left;
      padding:0;
      width: 48%;
    }
    ul.col_6 li:nth-child(2n+1) {
      float:left;
      padding:0;
      margin-left:0;
      clear:both;
    }
    ul.col_4 li {
      margin-left:3%;
      float:left;
      padding:0;
      width:31.25%;
    }
    ul.col_4 li:nth-child(3n+1) {
      float:left;
      padding:0;
      margin-left:0;
      clear:both;
    }
    ul.col_3 li {
      margin-left:2.5%;
      float:left;
      padding:0;
      width: 23%;
    }
    ul.col_3 li:nth-child(4n+1) {
      float:left;
      padding:0;
      margin-left:0;
      clear:both;
    }


div#logo a img {
  width: 85%;
  margin-left: auto;
  margin-right: 0;
}

/* @end */

/* @group HEADER
---------------------------------------------------------------------- */
li#header {
  padding: 0;
  left: 0;
  border: 0;
}
div#acl {
  position: relative;
  margin-left: 5%;
  padding: 32% 5%;
  width: 92%;
}
div#acl a img {
  display: inline;
  width: 50%;
  margin-left: -10%;
  filter:alpha(opacity=100);
  opacity:1;
}
div#acl a:hover img,
div#acl a:focus img {
  filter:alpha(opacity=80);
  opacity:0.80;
}
div#event_info {
  margin-top: 34%;
  margin-left: 5%;
  padding: 0 10%;
  font-size: 1em;
  line-height: 1.4em;
}
/* @end */

/* @group FOOTER
---------------------------------------------------------------------- */
div#footer {
    background:none;
    margin-top:4em;
    padding-top:1em;
    font-size:0.8em;
    color:rgba(0,0,0,0.5);
}
p.copyright {
  text-align: left;
  margin-top: 0;
}
/* @end */

/* @group SPONSORS
---------------------------------------------------------------------- */
div.sponsor {
    padding-left:30%;
}
div.sponsor div.logos {
    margin-left:-45%;
}
div.sponsor div.logos img {
    width:100%;
}
div.block.image img {
    width:20%;
    margin:0.15em 0 0.1em -24.5%;
}
/* @end */

/* @group LOGOS
---------------------------------------------------------------------- */
.logos {
  margin:1em 0 4.5em 0;
}
.logos li {
  margin-bottom:1em;
}
/* @end */