@import "./foundation-settings";
@import "~foundation-sites/scss/foundation";

@include foundation-everything(true);

@import "./foundation-overrides";
@import "./fonts";
@import "./forms";
@import "./mixins";
@import "./markdown";
@import "./notifications";
@import "app/components/all";

/* Small only */
@media screen and (max-width: 39.9375em) {
  body {
    font-size: 86%;
  }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  body {
    font-size: 92%;
  }
}

a, path, circle {
  transition: all .3s ease 0s;
}

.space-right {
  margin-right: 0.4rem;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

label {
  text-transform: uppercase;
}

.secondary {
  color: $dark-gray;
  font-size: 90%;
  a {
    color: $dark-gray;
    text-decoration: underline;
  }
}

.button.hollow.no-border {
  border: none;
  text-decoration: underline;
}

.button.slim {
  padding: 5px;
  margin: 5px;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.vframe {
  display: flex;
  position: relative;
  overflow: hidden;
  backface-visibility: hidden;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 90vh;

  > .vframe__section {
    flex-shrink: 0;
    flex-grow: 1;
  }

  > .vframe__section--shrink {
    flex-shrink: 1;
    flex-grow: 0;
  }
}

.marginLeft1rem {
  margin-left: 1rem;
}

.NotFound {
  width: 640px;
}
