/**
* Everything for a Fullwidth layout (with top and subnavigation)
*/

header + .overall-wrapper > .content-wrapper .wrapper {
  margin-top:$topbarHeight;
}

// if a subnavigation bar is present, recalculate min height (including border)
header + .navbar-sub + .overall-wrapper > .content-wrapper .wrapper {
  margin-top: 0;
}

.wrapper-center {
  min-height: 0;
  display:block;
  margin:0 auto;
}

.overall-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between;
}

header ~ .navbar-sub + .overall-wrapper {
  min-height: calc(100vh - #{$topbarHeight + $subnavHeight});
}

@media #{$mediaDesktop} {

  header + .overall-wrapper > .content-wrapper .wrapper {
    margin-top: $topbarHeightDesktop;
  }

  header ~ .navbar-sub + .overall-wrapper {
    min-height: calc(100vh - #{$topbarHeightDesktop + $subnavHeightDesktop});
  }

}