/** VARIABLES
*/
:root {
  /* COLORS */

  /* FONTS */
}
/** BASE
* Common styles between <Header> & <Footer>
*
*/
/** BASE
* Common styles between <Header> & <Footer>
*
*/
.formidableHeader svg,
.formidableFooter svg {
  fill: currentColor;
}
.formidableHeader .social {
  position: relative;
  width: 20px;
  height: 20px;
}
.formidableHeader .social svg {
  position: absolute;
  vertical-align: middle;
  width:100%;
  height:100%;
}
.formidableHeader a:link {
  text-decoration: none;
  -webkit-transition: color 250ms ease-in, fill 300ms ease-in;
  transition: color 250ms ease-in, fill 300ms ease-in;
  padding: 10px 15px;
  position: relative;
}
.formidableFooter a:link {
  text-decoration: none;
  -webkit-transition: color 250ms ease-in, fill 300ms ease-in;
  transition: color 250ms ease-in, fill 300ms ease-in;
  padding: 0px;
  position: relative;
}
.formidableHeader a:focus,
.formidableHeader a:hover,
.formidableFooter a:focus,
.formidableFooter a:hover {
  -webkit-transition: color 400ms ease-out, fill 500ms ease-out;
  transition: color 400ms ease-out, fill 500ms ease-out;
}
.formidableHeader-container,
.formidableFooter-container {
  /* Looks */
  font-family: inherit;
  font-size: inherit;
  /* Structure */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; /* Sticky header/footer setup */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.formidableHeader-container {
  margin: 0 auto;
  padding: calc(45px + 3em) 0 30px;
}
.formidableFooter-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 60px auto;
  padding: 0 3vw;
}
/** DARK THEME
* .isDark class
*/
.formidableHeader.isDark a:link,
.formidableFooter.isDark a:link {
  color: #ffffff;
}
.formidableHeader.isDark a:visited,
.formidableFooter.isDark a:visited {
  color: #e7e5e3;
}
.formidableHeader.isDark a:focus,
.formidableHeader.isDark a:hover,
.formidableFooter.isDark a:focus,
.formidableFooter.isDark a:hover {
  color: #DC7A6B;
}
/** LIGHT THEME
* .isLight class
*/
.formidableHeader.isLight,
.formidableFooter.isLight {
  background: #ffffff;
  color: #242121;
}
.formidableHeader.isLight a:link,
.formidableFooter.isLight a:link {
  color: #242121;
}
.formidableHeader.isLight a:visited,
.formidableFooter.isLight a:visited {
  color: #242121;
}
.formidableHeader.isLight a:focus,
.formidableHeader.isLight a:hover,
.formidableFooter.isLight a:focus,
.formidableFooter.isLight a:hover {
  color: #c43a31;
}
/** FORMIDABLE Footer
* A <Footer> component retaining colors, fonts, and space-theme associated with
* the Formidable brand.
*
* -logo         wrapper for Formidable logo
* -logo-link    link containing an svg of Formidable Logo to formidable.com
* .default      wrapper for Formidable-specific links; by default: Contact Careers Twitter GitHub
* .default:last-child   wrapper for trademark prop
*/
.formidableFooter {
  padding: 32px 0;
  padding: 2rem 0;
}
.formidableFooter-logo {
  height: 50px;
  overflow: hidden;
}
.formidableFooter-logo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
}
.formidableFooter .default {
  margin-top: 16px; /* Align baseline of logo with baseline of link text */
  font-family: 'akkurat', 'Inconsolata', monospace;
  font-size: 13px;
}
.formidableFooter .default a {
  display: inline-block;
  letter-spacing: 0.15em;
  line-height: 2;
  margin-right: 2em;
  text-transform: uppercase;
}
.formidableFooter .default a:last-child {
  margin-right: 0;
}
.formidableFooter .default:last-child {
  /* Target the trademark */
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 8px;
  text-align: right;
}
/** DARK THEME
*/
.formidableFooter.isDark {
  background: #242121 -webkit-gradient(linear, left bottom, left top, color-stop(85%, rgba(10, 9, 9, 0)), to(rgba(10, 9, 9, .75)));
  background: #242121 linear-gradient(to top, rgba(10, 9, 9, 0) 85%, rgba(10, 9, 9, .75) 100%);
  color: #898685;
}