$border-radius: 0;
$border-radius-lg: $border-radius;
$border-radius-sm: $border-radius;
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";

$custom-control-indicator-checked-bg: $dark;
$custom-control-indicator-active-bg: $dark;

$line-types: (
  'trolleybus': #419517,
  'tram':       #cd2e12,
  'bus':        #005ea8,
  'train':      $yellow,
  'unknown':    $dark
);

$default-spacing: .5rem;

$alert-margin-bottom:    $default-spacing;
$headings-margin-bottom: $default-spacing;

$container-max-widths: map-merge($container-max-widths, ( xl: 1320px ));

@import "~bootstrap/scss/bootstrap";

@import "common";
@import "stop";
@import "departure";
@import "line";
@import "controls";
@import "popper";

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;

  main {
    flex: 1 1 auto;
  }

  footer {
    @extend .flex;
    border-top: 2px solid black;
    padding: $alert-padding-y $alert-padding-y;
    transition: all .5s ease;
    opacity: .06;
    filter: grayscale(100%);

    &:hover {
      opacity: 1;
      filter: grayscale(0%);
    }

    img {
      height: 1.5rem;
    }
  }
}

#app {
  margin-top: $grid-gutter-width / 2;
}

@include media-breakpoint-up('md') {
  #app {
    margin-top: 4rem;
  }
}