@import 'navigation/*/';

}

html, body {

@include display(flex);
@include flex(1);
-webkit-font-smoothing: antialiased;

}

html {

min-height: 100%;

}

body {

margin: 0;
padding: 0;
font-family: $fonts;
font-weight: 200;
font-size: 14px;
color: $text-color;

}

a {

@include transition(color 0.2s ease-in);

color: $link-color;
text-decoration: none;

&:hover {
  color: darken($link-color, 25%);
}

}

ol.list {

overflow-y: scroll;

}

h1, h2, h3, h4, h5 {

font-weight: 100;

}

h1 {

font-size: 2.5em;

}

ul, ol {

margin: 0;
padding: 0;
list-style-type: none;

li {
  padding: 1em 0;
}

}

input {

border: none;

}

fieldset {

border: none;
padding: 0;
margin: 0;

}

input {

padding: 4px 8px;
font-weight: lighter;
outline: none;

}

button, input, .button {

@include transition(border-color 0.2s, background-color 0.2s, box-shadow 0.2s, color 0.2s);

padding: 4px 8px;
margin: 0 0.5em;

border: 1px solid rgba(black, 0.25);
border-radius: 2px;

color: lighten($navy-blue, 100%);
background-color: rgba(white, 0.05);

font-family: inherit;
font-size: 0.8em;
font-weight: inherit;

text-decoration: none;

cursor: pointer;
outline: none;

box-shadow: inset 0 1px 0 0 transparent;

&.selected {
  background-color: rgba(black, 0.3);
  border-color: rgba(black, 0.3);
  box-shadow: none;
}

&:hover:not(.selected) {
  background-color: rgba(white, 0.05);
  color: white;
  border-color: rgba(black, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(white, 0.35);
}

&:active:not(.selected) {
  box-shadow: inset 0 1px 2px 0 rgba(black, 0.3);
  background-color: rgba(black, 0.3);
}

}

main {

@include flex(1 100%);
@include display(flex);

position: relative;
z-index: 1;
padding-top: 52px;

top: 0;
left:0;
right:0;
bottom:0;

&[data-style='split'] {
  flex-direction: row;
}

&:not([data-style='split']) {
  flex-direction: column;
}

}

main > section {

flex: 1 auto;
background: white;

}

.hidden {

display: none;

}

.flash {

height: 100%;
line-height: 45px;
padding: 0 8px;
font-size: 1em;
text-align: center;
background: rgba(160, 207, 194, 0.5);
box-shadow: inset 0px 0px 3px 1px rgba(76, 120, 155, 1);
color: #FEFEFE;

}