// replace me in your custom theme directory if you
// use a separate module to provide bootstrap CSS

@import "../_active/bootstrap.override";

@import "../../../node_modules/bootstrap/scss/bootstrap";

$fa-font-path: "../../../node_modules/font-awesome/fonts/";
@import "../../../node_modules/font-awesome/scss/font-awesome";


// Option to keep footer at the bottom of the page
@each $breakpoint in map-keys($grid-breakpoints) {
  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
  @include media-breakpoint-up($breakpoint) {
    // Set on html element to keep footer at bottom of window short pages
    .fill-height#{$infix} {
      height: 100%;
      body, .fill-body {
        display: flex;
        flex-flow: column nowrap;
        min-height: 100%;
      }
      // Apply to extra container element(s) around the main
      .fill-body {
        flex: auto;
      }
      header, .header, footer, .footer {
        flex: none;
      }
      main, .main {
        flex: auto;
        overflow: auto;
      }
    }
  }
}
