/* 
 *   Additional stylsheet for eisa/corfu pages
 *
 *   Konstantinos Anagnostopoulos, konstant@mail.ntua.gr
 */


/* Menus local to a page with mainly links within the page */
.eventnav {
  overflow: hidden;
  background-color: #333;
}

.eventnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 0.9em;
}

.eventnav a:hover {
  background-color: #ddd;
  color: black;
}

.appearlarge    { display:          block;}                                                                                                               /* change block <-> none when display size changes */
.appearsmall    { display:          none;}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1080px) {
  .appearlarge               { display:        none;   }                                                                                                  /* the idea is to change block <-> none when display size changes */
  .appearsmall               { display:        block;  }
}
@media screen and (max-width: 460px) {
  .appearlarge               { display: none; }                                                                                                           /* the idea is to change block <-> none when display size changes */
  .appearsmall               { display: block;}
}

@media print {
 #header    {display: none;}
 #sidebar   {display: none;}
 #copyright {display: none;}
 .eventnav  {display: none;}
 .footer    {display: none;}
 [w3-include-html="include_footer.html"]  {display: none;}
}