/* fixed TWJS grid: viewport-specific variants
 * -------------------------------------------
 */

/* sm and smaller: for mobile */
@media(max-width: 768px){

  body {
    font-size: 10px;
  }

  #sigma-contnr {
    top: 105px;
    left: 0;
    width: 100%;
    height: 60%;
    border-bottom: 1px #222 solid;
  }

  #sidebar {
    top: calc(105px + 60%);
    bottom: 0;
    height: 25%;
    width: 100%;
    background-color: #BBB;
  }

  .topPapers {
    -moz-box-shadow: none ;
    -webkit-box-shadow: none ;
    box-shadow: none;
  }


  #toolbar {
  }

  /* £TODO de-collapsed but smaller */
  #topbar {
  }


  #twbrand {
    font-size: 12px;
    width: 30px !important;
  }


  #topbar .container {
    max-height: 35px !important;
    width: 100%;
    font-size: 9px ;
    overflow-y: hidden;
  }

  /* in percentage of what htmlProportionalLabels() calculates*/
  #read-sameside-neighs, #read-opposite-neighs {
    font-size: 75%;
  }

  .etabs {
    font-size: 10px;
    line-height: 10px;
  }


}