@import 'apiv1/components/site-nav';
@import 'apiv1/components/files-field';
@import 'apiv1/components/type-ahead';
@import 'apiv1/components/cookie-splash';
@import 'apiv1/components/search-and-filter';
@import 'apiv1/components/tree-taxon-wrapper';
@import 'apiv1/components/select-locale';
@import 'apiv1/components/hero-splash';
@import 'apiv1/components/introductory-lobby';
@import 'apiv1/components/products-showcase';
@import 'apiv1/components/table-booths';
@import 'apiv1/components/site-footer';
@import 'apiv1/components/flash-message';
@import 'apiv1/components/promise-button';
@import 'apiv1/components/block-grid-pictures';
@import 'apiv1/components/fancy-paginator';
@import "apiv1/modals/login";

body {
  background: {
    color: <%= body_background_color %>;
  }
  overflow-x: hidden;
}

.site-content {
  @include display-flex;
  @include justify-content(space-between);
  @include flex-direction(column);
  min-height: 100%;
}

#fixed-bottom {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.modal-background {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: {
    color: <%= modal_background_color %>;
  }
}

.modal-vertical-container {
  height: 100%;
  width: 100%;
  @include display-flex;
  @include flex-direction(column);
  @include justify-content(center);
}

.modal-horizontal-container {
  height: 100%;
  width: 100%;
  @include display-flex;
  @include flex-direction(row);
  @include justify-content(center);
}