+// Nick
+
+$footer-link-color: darken(theme-color("success"), 10%);
+$footer-link-hover-color: darken($footer-link-color, 10%);
+
+// use these for heading-sized text when you don't want extra spacing
+//.text-h1 {
+// font-size: $font-size-h1;
+//}
+//
+//.text-h2 {
+// font-size: $font-size-h2;
+//}
+//
+//.text-h3 {
+// font-size: $font-size-h3;
+//}
+//
+//.text-h4 {
+// font-size: $font-size-h4;
+//}
+//
+//.text-h5 {
+// font-size: $font-size-h5;
+//}
+//
+//.text-h6 {
+// font-size: $font-size-h6;
+//}
+
+// apply this to svg, see _svg/icon_search.svg
+.svg-icon {
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ stroke-width: 0;
+ stroke: currentColor;
+ fill: currentColor;
+ position: relative;
+ //bottom: -.125em;
+}
+
+// use this to display the pi symbol without horrible blocky look in Sans
+.text-serif {
+ font-family: $font-family-serif;
+}
+
+// apply this to table to get an icon with vertically centred text next to it
+.icon-and-text {
+ vertical-align: middle;
+ td {
+ padding: .25em .5em;
+ }
+}
+
+.search-results li {
+ margin-bottom: .5em;
+}
+
+// see https://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3
+.vcenter {
+ display: inline-block;
+ vertical-align: center;
+ float: none;
+}
+.vbottom {
+ display: inline-block;
+ vertical-align: bottom;
+ float: none;
+}
+
+.footer {
+ padding-top: 35px;
+ padding-bottom: 25px;
+ background-color: $gray-400;
+ a {
+ color: $footer-link-color;
+
+ &:hover,
+ &:focus {
+ color: $footer-link-hover-color;
+ //background-color: $footer-link-hover-bg;
+ }
+ }
+}