/**
* Layouts
*
*/
/** COMMONS */
#content,
#center .page-title,
#perfnode,
#filters,
#timeline,
#timeline-container {
  -webkit-transition: height 1s ease-out;
  -moz-transition: height 1s ease-out;
  -o-transition: height 1s ease-out;
  transition: height 1s ease-out;
  /*-webkit-transition: height, 5s, ease-out;
-moz-transition: height, 5s, ease-out;
-o-transition: height, 5s, ease-out;
transition: height, 5s, ease-out;
*/
}
#main {
  height: 97%;
}
body.layout-intro #perfnode {
  height: 0%!important;
}
body.layout-intro #filters {
  height: 0%;
}
body.layout-intro #timeline {
  height: 65%;
}
body.layout-intro #timeline #timeline-container {
  height: 0%;
}
body.layout-intro #timeline-loader {
  display: block;
  margin: 0 auto 5px;
}
body.layout-timeline #main #content,
body.layout-timeline #main #center .page-title {
  height: 0%;
}
body.layout-timeline #perfnode {
  height: 0%!important;
}
body.layout-timeline #filters {
  height: 30%;
}
body.layout-timeline #timeline {
  height: 65%;
}
body.layout-timeline #timeline #timeline-container {
  height: 98%;
}
body.layout-timeline #timeline-loader {
  display: none;
}
body.layout-perfnode #main #content,
body.layout-perfnode #main #center .page-title {
  height: 0%;
}
body.layout-perfnode #perfnode {
  height: 85%!important;
}
body.layout-perfnode #filters {
  height: 0%;
}
body.layout-perfnode #timeline {
  height: 3%;
}
body.layout-perfnode #timeline #timeline-container {
  height: 0%;
}
body.layout-perfnode #timeline-loader {
  display: none;
}
body > img {
  display: none;
}
@media (min-width: 800px) {
  body.front #container > .inner #main,
  body.node-type-performance #container > .inner #main {
    overflow-x: hidden;
    overflow-y: auto;
    height: 96vh;
    box-sizing: border-box;
  }
}
@media (max-width: 799px) {
  body {
    overflow: hidden!important;
  }
  #container {
    margin: 0!important;
    width: 100vw!important;
    height: 100vh!important;
    overflow: hidden;
  }
  #container > .inner {
    padding: 0!important;
    width: 100%!important;
    height: 100vh!important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  #container > .inner #header {
    height: 3vh;
    flex: 0 0 auto;
    height: auto;
    padding: 0.5em;
    box-sizing: border-box;
  }
  #container > .inner #main {
    flex: 0 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    height: 96vh;
    box-sizing: border-box;
    padding-bottom: 5em;
  }
  #container > .inner #main #center {
    display: block;
    height: auto;
  }
}
