body, html{
  position: relative;
  width: 100%;
  height:100%;
  font-family: Georgia, serif;
  font-style: normal;
  margin:0;
  padding:0;
  // background-color: rgb(219, 219, 219);
}
body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
  padding-top: 24px!important;
}
// div.layout-container{
//   position: relative;
//   width:100%; height:100%;
//   padding:0.5em 1em;
//   box-sizing: border-box;
//   z-index: 1;
// }

header[role="banner"]{
  // outline: 1px solid blue;
  z-index: 5;
  position: relative;
  padding:0 1em;
  >.wrapper{
    position: relative;
    padding:0.5em 0;
    // border-bottom: 1px solid red;
    // TODO: what header height to fit well with player ??
    height:70px;
    >.region{
      height:100%;
      position: relative;
    }
  }
}
html.is-mobile header[role="banner"]{
  position:fixed;
  box-sizing: border-box;
  top:0; left:0; width:100%;
  background-color: #fff;
  >.wrapper{
    height:50px;
  }
}

aside.messages{
  border: none;
  z-index: 99;
  position: absolute;
  left:5%; top:100px;
  width:80%; max-height: 600px;
  background-color: rgba(255,255,255,0.8);
  padding:0;
  overflow-y: auto;
}

html:not(.is-mobile) main[role="main"]{
  // outline:1px solid green;
  z-index: 11;
  position: absolute;
  left:0; top:0;
  box-sizing:border-box;
  width:100%;
  padding:7em 2em 9em;
  overflow: hidden;
  pointer-events: none;
  height:100%;
  .layout-content{
    width: 100%; height:100%;
    overflow:hidden;
    .row>*:not(.col):not(.grid){
      pointer-events: auto;
    }
  }
}

html:not(.js):not(.is-mobile) main[role="main"]{
  overflow-y: auto;
  .layout-content{
    height: auto;
    padding-bottom:4em;
  }
}

html.is-mobile main[role="main"]{
  padding:80px 1em 40px;
  // background-color: blue;
}

body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
    main[role="main"]{
      padding-top: 7em + 1em;
    }
}
// body.toolbar-fixed.toolbar-tray-open{
//   main[role="main"]{
//     padding-top: 7em + 4em;
//     // overflow-y: hidden;
//   }
// }
body.domain-expo-encyclopediedelaparole-org{
  main[role="main"] .layout-content{
    padding:0; margin:0;
    display: none;
  }
}

footer[role="contentinfo"]{
  // outline: 1px solid pink;
  z-index: 12;
  position:fixed;
  bottom:0;
  box-sizing: content-box;
  width:100%;
  // min-height:110px;
  padding:0.5em 1em;
}

html:not(.js):not(.is-mobile) footer[role="contentinfo"]{
  background-color: white;
}

canvas#corpus-map{
  // outline: 1px solid grey;
}

.os-scroll{
  height: 100%;
}