+
+// Navigation
+
+#navigation li.s.off
+{
+ display: none;
+}
+#navigation li.s > a.selected,
+#navigation li.s > a.leaf,
+#navigation li.s > strong.selected,
+#navigation li.s > strong.leaf
+{
+ @extend .button;
+ @extend .is-primary;
+ @extend .is-rounded;
+ @extend .has-text-weight-bold;
+ @extend .mb-3;
+}
+#navigation li.s > a.leaf,
+#navigation li.s > strong.leaf
+{
+ color: #ccc;
+ background-color: #fff;
+}
+#navigation li.s > ul.selected
+{
+ margin-top: 1em;
+}
+#navigation li.s > a.selected:after,
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.selected:after,
+#navigation li.s > strong.leaf:after
+{
+ content: "\f0a8";
+ padding-left: .5em;
+ margin-right: -.5em;
+ font-family: 'Font Awesome 5 Free';
+ font-weight: 900;
+ font-size: 2em;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ line-height: 1;
+}
+#navigation li.s > a.leaf:after,
+#navigation li.s > strong.leaf:after
+{
+ color: #fff;
+}
+#navigation li.s.sub > a.selected:after,
+#navigation li.s.sub > a.selected:after,
+#navigation li.s.sub > strong.leaf:after,
+#navigation li.s.sub > strong.leaf:after
+{
+ content: "\f0ab";
+}
+
+
+html
+{
+ height: 100%;
+}
+body
+{
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+#page
+{
+ flex: 1 0 auto;
+ display: flex;
+ justify-content: flex-end;
+}
+footer
+{
+ flex-shrink: 0;
+ display: flex;
+ justify-content: flex-end;
+}
+main,
+#copyright
+{
+ flex: 0 1 768px;
+ overflow: hidden;
+}
+nav,
+#footerlinks
+{
+ flex: 0 0 293px ;
+ min-width: 293px;
+}
+
+
+label
+{
+ @extend .label;
+}
+input[type=submit],
+input[type=reset]
+{
+ @extend .button;
+}
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=tel]
+{
+ @extend .input;
+}
+textarea
+{
+ @extend .textarea;
+}
+select
+{
+ // @extend .select;
+}
+input[type=file]
+{
+ // @extend .file-input;
+}