@charset "UTF-8";
/*
Theme Name: Mailchimp WordPress
Author: Resn
Version: 0.0.1
*/
/**************************************************
---------------------------------------------------

   ___                               _     _
  / __\ __ _ _ __   __ _ _ __   __ _| |__ (_)_ __
 /__\/// _` | '_ \ / _` | '_ \ / _` | '_ \| | '_ \
/ \/  \ (_| | | | | (_| | | | | (_| | |_) | | | | |
\_____/\__,_|_| |_|\__,_|_| |_|\__,_|_.__/|_|_| |_|


---------------------------------------------------
**************************************************/
/*page
title: '@functions'
category: mixins
description: |
  Sass functions for fun & profit. These act as helpers through the rest of our stylesheets to make common actions easier.
*/
/*doc
title: Inline If
layout: mixin
description: |
  Return a value, or an empty string if a condition is true. Can also include an "else" if you need something other than an empty string to be returned.
mixin: |
  only_if($condition, $output, $else: '');
examples:
  - |
    $image: false;
    .example {
      background: $r3 only_if($image, url(https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/$image));
    }
  - |
    $image: 'hello.jpg';
    .example {
      background: $r3 only_if($image, url(https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/$image));
    }
  - |
    $border: false;
    .example {
      border: only_if( $border, 1px solid #000, none);
    }
*/
/*doc
title: Compact
layout: mixin
description: |
  Strips falsy values from a comma seperated list and outputs with commas
mixin:
  compact($vars...);
examples:
  - |
    .example {
      some_attribute: compact(hello, world, false);
    }
*/
/*doc
title: Clean
layout: mixin
description: |
  Strips falsy values from a comma seperated list and outputs with spaces
mixin:
  clean($vars...);
examples:
  - |
    .example {
      box-shadow: clean(0px, 0px, 5px, false, rgba($r3, 0.2));
    }
*/
/*doc
title: Prefix
layout: mixin
description: |
  Appends the given prefix if the property is in the list of prefixable properties.
mixin: |
  prefix($prefix, $property);
examples:
  - |
    .example {
      background: all 0.3s ease;
    }
  - |
    .example {
      transform: all 0.3s ease;
    }
*/
/*page
title: '@style'
category: mixins
description: |
  Mixins to make the application of styles a little bit simpler.
*/
/*doc
title: Image Replacement
description: sets up a block element to have it's background be an image
layout: mixin
mixin: |
  image-replacement();
examples:
  - |
    .example {
      @include image-replacement();
    }
*/
/*doc
title: Color Modifier
description: |
  As we have various brand colors defining sections of our site, the color modifier aid in maintaining sanity while defining the colors for elements. They let you define an attribute to be changed with the addition of a `color-b` class.

  In addition to the parent `color_mod` mixin, there are shortcut mixins for each of the color levels, `@include color_mod-1`, `color_mod-2`.
layout: mixin
mixin: |
  color_mod($property: false,
             $opacity: 1,
             $b: $b3, $g: $g3, $r: $r3, $y: $y3, $k: $k3,
             $d1: $default_color-1, $d2: $default_color-2, $d3: $default_color-3, $d4: $default_color-4);
examples:
  - |
    .color_mod {
      @include color_mod(background, 1, $b3, $g3, $r3, $y4, $k3);
    }
  - |
    .color_mod-1 {
      @include color_mod-1(background);
    }
*/
/*doc
title: Flicker Reset
layout: mixin
description: |
  Sets backface-visiblity and perspective with values to reduce animation flickering in some webkit implementations.
mixin: |
  flicker_reset();
examples:
  - |
    .example {
      @include flicker_reset();
    }
*/
/*doc
title: HiDPI
layout: mixin
description: |
  Set a block of content under a HiDPI media query
mixin: |
  hidpi($ratio: 1.3) {
    @content;
  }
examples:
  - |
    @include hidpi() {
      #logo {
        background-image: url('https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/logo.svg');
      }
    }
*/
/*page
title: "$simian-override-variables"
category: base
*/
/*group
title: Viewport
*/
/*/group*/
/*page
title: $variables
category: base
description: |
  System wide truths

  When used with frameworks (like Middleman) that include the "import-once" module, it can be a little tricky to reset variables based on other variables -- but it's possible.

  Since `$output` defaults to false, the first time we import the variables nothing will get displayed.

  So we:

  ```scss
  @import 'https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/simian/_$variables';

  // make our adjustments

  $output: true;
  $output-reset: true;
  @import 'https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/simian';
  ```

  That said, some variables need to be set *before* $variables is imported, like colorway.
*/
/*page
title: '@functions'
category: mixins
*/
/*doc
title: In Em
layout: mixin
description: |
  Sets a value suffixed in ems. Useful for doing paddings when the line-height is known.
mixin: |
  in_em( $val );
examples:
  - |
    .example {
      font-size: 18px;
      line-height: 1;
      padding: in_em( 24/18 );
    }
*/
/*group
title: Output
description: |
  Whether to output or simply generate placeholder classes. Can controll the reset stylesheet, normalize stylesheet, and the rest.
*/
/*/group*/
/*group
title: Viewport
*/
/*/group*/
/*group
title: Layout
*/
/*/group*/
/*group
title: Typography Colors
*/
/*/group*/
/*group
title: Brand Colors
*/
/*/group*/
/*group
  title: Colorways
  description: |
    New styles are written using the `$default_colorlevel` variables can be globally defined by setting a colorway. Before you include `simian`, set a `$colorway` variable to the desired color. Accent colors are also defaulted to the colorway

    ```scss
    $colorway: 'green';
    @import 'https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/bananabin';
    ```

    You can set your own styles with the `$default_colorlevel` variables.
*/
/*/group*/
/*group
title: Default Colors
description: |
  There are two 'default' colorways available, accent & tone. They should be used in cases calling for neutral or "pop" looks.
*/
/*/group*/
/*group
title: Message Colors
description: |
  Colors applied to the `msg-*` classes.
*/
/*/group*/
/*group
title: Fonts Stacks
*/
/*/group*/
/*group
title: Type Hierarchy
*/
/*/group*/
/*group
title: Button Sizing
*/
/*/group*/
/*group
title: Button Padding
*/
/*/group*/
/*page
title: "$variables"
category: base
*/
/*group
title: Type Hierarchy
*/
/*/group*/
/*group
title: Brand Colors
*/
/*/group*/
/*page
title: '@layout'
category: mixins
*/
/*    Grid
-------------------------------------------------------------------------------------------- */
/*doc
title: Grid
layout: mixin
description: |
  Sets a percentage width based on the column & column span given.
mixin: |
  grid( $span, $coloumns );
examples:
  - |
    .example {
      @include grid( 2, 4 );
    }
  - |
    .example {
      @include grid( 1, 3 );
    }
*/
/*doc
title: Overflow Grid
layout: mixin
description: |
  Grid helpers for our "overflow" style. Shims a `.block` or `.col` by the chosen overflow ammount based on context.
mixin: |
  overflow-grid( $span, $columns, $grid );
params:
  span: current context of col width (eg. 2 if in span2of3)
  columns: current context of column spans (eg. 4 if in span1of4, 3 if in 2of3)
  grid: target context of column spans
examples:
  - |
    .example {
      @include overflow_grid( 1, 2, 2 );
    }
*/
/*doc
title: Create Grid
layout: mixin
description: |
  Creates placeholders for %spanXofY columns, if $output is true will output the classes.
mixin: |
  create-grid( $columns );
examples:
  - |
    @include create_grid( 3 );

    .example1of3 {
      @extend %span1of3;
    }

    .example2of3 {
      @extend %span2of3;
    }
  - |
    $output: true;
    @include create_grid( 1 );
    @include create_grid( 2 );
*/
/*doc
title: Breakpoint grid classes
layout: mixin
description: |
  Generates grid classes under a certain namespace. Used for generating breakpoint specific width behavior.
mixin: |
  breakpoint-grid-classes( $name );
examples:
  - |
    @include skinnier_than( $breakpoint-large ) {
      @include breakpoint_grid-classes( large );
    }
*/
/*doc
title: Sizewrap
layout: mixin
description: |
  Creates attributes for a centered block with a defined max-width.
mixin: |
  sizewrap( $width: $max-width );
examples:
  - |
    .example {
      @include sizewrap( 840px );
    }
*/
/*    Media Queries
-------------------------------------------------------------------------------------------- */
/*doc
title: Wider than
layout: mixin
description: |
  Creates a block of css inside a min-width media query
mixin: |
  wider_than( $point ) {
    @content;
  }
examples:
  - |
    @include wider_than( $breakpoint-mid ) {
      .example { background: $y3; }
    }
*/
/*doc
title: Skinnier than
layout: mixin
description: |
  Creates a block of css inside a max-width media query
mixin: |
  skinnier_than( $point ) {
    @content;
  }
examples:
  - |
    @include skinnier_than( $breakpoint-mid ) {
      .example { background: $y3; }
    }
*/
/*    Padding & Margins
-------------------------------------------------------------------------------------------- */
/*doc
title: Create margins
layout: mixin
description: |
  Generate the margin classes for shimming margins above/below elements.
mixin: |
  create-margins( $tiers, $base );
params:
  tiers: the number of increments/classes to generate
  base: the base value each increment will have
examples:
  - |
    @include create_margins( 2, $baseline );
  - |
    @include create_margins( 3, 3px );
*/
/*doc
title: Create padding
layout: mixin
description: |
  Generate the margin classes for shimming padding above/below elements.
mixin: |
  create-padding( $tiers, $base );
params:
  tiers: the number of increments/classes to generate
  base: the base value each increment will have
examples:
  - |
    @include create_padding( 2, $baseline );
  - |
    @include create_padding( 3, 3px );
*/
/*page
title: '@style'
category: mixins
*/
/*doc
title: Font Face
description: |
  Generate the fontsquirell "bulletproof" @font-face declaration for a specific font file.
mixin: |
  font_family( $font-name, $font-file, $font-weight: normal, $font-style: normal, $url-base: '/assets/fonts/' );
examples:
  - |
    @include font_family( 'Open Sans', 'open-sans' );
  - |
    @include font_family( 'Open Sans', 'open-sans', $url-base: 'https://static.mailchimp.com/web/assets/fonts/' );
*/
/*doc
title: Select Color
description: |
  Set the color for the highlight of cursor selected text. Remember that H5BP bright pink? Yeah, this is that.
mixin: |
  select-color( $hex );
examples:
  - |
    .example {
      @include select-color( $r1 );
    }
*/
/*doc
title: Font Smoothing
description: |
  A shorthand for including smoothing, can also define another webkit antialiased property.
mixin: |
  font-smoothing( $smoothing-type: antialiased );
examples:
  - |
    .example {
      @include font-smoothing();
    }
*/
/*doc
title: Appearance
description: |
  Alter the appearance property of an element, useful for reseting button styles in forms. Use with caution per [advice from MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance)
mixin: |
  appearance( $arg: none );
examples:
  - |
    .example {
      @include appearance();
    }
*/
/*doc
title: Placeholder
description: |
  Styling hook for the placeholder element on forms.
mixin: |
  placeholder() {
    @content;
  }
examples:
  - |
    .example {
      @include placeholder() {
        background: $y3;
      }
    }
*/
/*page
title: Reset
category: base
*/
/* line 9, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* line 30, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
html,
body {
  width: 100%;
  height: 100%; }

/* line 36, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
body {
  line-height: 1;
  background: #fff;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: inherit; }

/* line 44, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
:focus {
  outline: 1; }

/* line 48, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block; }

/* line 53, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
ul {
  list-style: none; }

/* line 57, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
blockquote, q {
  quotes: none; }
  /* line 60, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
  blockquote:before, blockquote:after, q:before, q:after {
    content: none; }

/* line 66, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #2c9ab7; }
  /* line 76, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
  a:hover {
    text-decoration: underline; }

/* line 81, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
ins {
  background-color: #fff4d5;
  color: #aa8d3b;
  text-decoration: none; }

/* line 87, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
mark {
  background-color: #fff4d5;
  color: #aa8d3b;
  font-style: italic;
  font-weight: 700; }

/* line 94, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
del {
  text-decoration: line-through; }

/* line 98, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #3a3a3a;
  cursor: help; }

/* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }
  /* line 108, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
  table td,
  table th {
    text-align: left; }

/* line 114, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #dcdcdc;
  margin: 1em 0;
  padding: 0; }

/* line 123, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
input,
select {
  margin: 0;
  vertical-align: middle; }

/* line 129, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
pre {
  white-space: pre;
  white-space: pre-wrap; }

/* line 136, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_reset.scss */
img {
  max-width: 100%; }

/*page
title: Layout
category: base
*/
/*doc
title: Width Classes
description: |
  Most readily composable with `col` or `block`, they form the backbone of the grid system. As their name would imply, the set a span based on a percentage of the full width. For example `span1of2` is one part of two, or 50%.

  Widths are setup for 1, 2, 3, 4, and 8 part sections.
examples:
  - |
    .row.show-grid.center
      .col.span1of1.ptb3
        .monospace.small span1of1
  - |
    .row.show-grid.center
      .col.span1of2.ptb3>
        .monospace.small span1of2
      .col.span1of4.ptb3>
        .monospace.small span1of4
      .col.span1of4.ptb3>
        .monospace.small span1of4
  - |
    .row.show-grid.center
      .col.span1of3.ptb3>
        .monospace.small span1of3
      .col.span2of3.ptb3>
        .monospace.small span2of3
*/
/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span1of1 {
  width: 100%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span1of2 {
  width: 50%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span2of3 {
  width: 66.66667%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span1of3 {
  width: 33.33333%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span3of4 {
  width: 75%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span2of4 {
  width: 50%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span1of4 {
  width: 25%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span7of8 {
  width: 87.5%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span6of8 {
  width: 75%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span5of8 {
  width: 62.5%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span4of8 {
  width: 50%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span3of8 {
  width: 37.5%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span2of8 {
  width: 25%; }

/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.span1of8 {
  width: 12.5%; }

@media screen and (max-width: 840px) {
  /* line 44, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .span1of8 {
    width: 25%; }

  /* line 52, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .span1of4,
  .span2of8,
  .span3of8,
  .span2of4,
  .span5of8,
  .span4of8 {
    width: 50%; }

  /* line 61, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .span3of4,
  .span6of8,
  .span7of8,
  .span1of2 > .span1of2 {
    width: 100%; } }
@media screen and (max-width: 615px) {
  /* line 70, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .span1of3,
  .span2of3 {
    width: 50%; } }
@media screen and (max-width: 520px) {
  /* line 77, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .span1of2,
  .span1of3,
  .span2of3,
  .span1of4,
  .span2of4,
  .span3of4,
  .span2of8,
  .span3of8,
  .span4of8,
  .span5of8,
  .span6of8,
  .span7of8 {
    width: 100%; }

  /* line 92, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .span1of8 {
    width: 50%; }

  /* line 96, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .col {
    width: 100%; } }
/*nodoc*/
/*doc
title: Content
description: |
  Wraps a block of content, centering it and constraining it's width. It is 90% of it's container until the viewport is skinnier than the `$max-width`.
example: |
  .content.bg-tone1
    %p.col.ptb3 My container won't be wider than `$max-width`
*/
/* line 125, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.content {
  width: 90%;
  max-width: 1008px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1120px) {
    /* line 125, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
    .content {
      width: 100%; } }

/*doc
title: Section & Row
description: |
  Named differently for semantics, they act the same. Typically a section is used to describe a full width section of content (for banded layouts), while rows are for inter-content row blocks.
example: |
  .section.ptb4.bg-tone1
    %h1 Hello World
    .content
      .row.ptb2
        %h1 Row 1
      .row.ptb2
        %h2 Row 2
*/
/* line 146, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.section, .row, .form-group, .form-captcha, .btn-group {
  display: block;
  clear: both;
  vertical-align: top; }
  /* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .swap.section, .swap.row, .swap.form-group, .swap.form-captcha, .swap.btn-group {
    direction: rtl; }
    /* line 106, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
    .swap.section > *, .swap.row > *, .swap.form-group > *, .swap.form-captcha > *, .swap.btn-group > * {
      direction: ltr; }
    /* line 110, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
    .swap.section > .swap, .swap.row > .swap, .swap.form-group > .swap, .swap.form-captcha > .swap, .swap.btn-group > .swap {
      direction: inherit; }
  /* line 152, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .clip.section, .clip.row, .clip.form-group, .clip.form-captcha, .clip.btn-group {
    overflow: hidden; }

/*doc
title: Block and Group
description: |
  Similar to rows & sections, only named for semantic differences. Groups are intended to "group" collections of columns, while blocks are standalone basic grid elements.
example: |
  .block.span1of2>
    .bg-accent1.ptb3.center
      .monospace Block
  .group.span1of2.bg-tone1>
    .span1of1.ptb3.center>
      .monospace Group
    .col.span1of2>
      .bg-tone2.ptb3.center
        .monospace Col in Group
    .col.span1of2>
      .bg-accent2.ptb3.center
        .monospace Col in Group
*/
/* line 179, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.block, .group, .col, .card {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  float: none; }
  /* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .swap.block, .swap.group, .swap.col, .swap.card {
    direction: rtl; }
    /* line 106, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
    .swap.block > *, .swap.group > *, .swap.col > *, .swap.card > * {
      direction: ltr; }
    /* line 110, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
    .swap.block > .swap, .swap.group > .swap, .swap.col > .swap, .swap.card > .swap {
      direction: inherit; }
  /* line 186, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .top.block, .top.group, .top.col, .top.card {
    vertical-align: top; }
  /* line 190, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .middle.block, .middle.group, .middle.col, .middle.card {
    vertical-align: middle; }
  /* line 194, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .bottom.block, .bottom.group, .bottom.col, .bottom.card {
    vertical-align: bottom; }
  /* line 198, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .baseline.block, .baseline.group, .baseline.col, .baseline.card {
    vertical-align: baseline; }
  /* line 202, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .np-l.block, .np-l.group, .np-l.col, .np-l.card {
    padding-left: 0; }
  /* line 206, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .np-r.block, .np-r.group, .np-r.col, .np-r.card {
    padding-right: 0; }
  @media screen and (max-width: 520px) {
    /* line 179, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
    .block, .group, .col, .card {
      width: 100%; }
      /* line 213, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
      .np-l.block, .np-l.group, .np-l.col, .np-l.card {
        padding-right: 0; }
      /* line 217, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
      .np-r.block, .np-r.group, .np-r.col, .np-r.card {
        padding-left: 0; } }

/*doc
title: Columns
description: |
  Columns are our building blocks, and are quite simple. At their core they are an inline-block element with a left & right padding. When combined with the span classes they form the backbone of the grid system.

  ### Vertical Alignment

  Within a row it is also possible to vertically align column blocks. This is great for vertically centering an image next to a text block.
example: |
  .row.ptb3
    .col.span2of3.center>
      .bg-tone2.ptb3 Hello World
    .col.span1of3.center>
      .bg-accent3.ptb3 Hello World

  .row.ptb3
    .col.span1of3.center.middle>
      .bg-accent1.ptb6
        .monospace .middle
    .col.span1of3.center.middle>
      .bg-tone2.ptb9
        .monospace .middle
    .col.span1of3.center.middle>
      .bg-accent3.ptb3
        .monospace .middle
*/
/* line 253, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.col {
  vertical-align: inherit;
  padding-left: 18px;
  padding-right: 18px;
  max-width: 100%; }

/*doc
title: Dividers
description: |
  Dropping in an `hr` will give you a 1px divider that will clear floats and span past all other inline blocks in it's container.
example: |
  %p.center Content Above

  %hr.hr

  %p.center Content Below
*/
/* line 276, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.seam, .hr {
  clear: both;
  display: block;
  height: 0;
  border-top: 1px solid #dcdcdc; }

/*    Output
-------------------------------------------------------------------------------------------- */
/*doc
title: Viewport span modifiers
description: |
  Modifier classes to override the default behavior of blocks at the specified breakpoints. For example saying `large-span1of2` will make the element act as `span1of2` below the large breakpoint no-matter it's default behavior.

  In the example below, you can see the behavior of a large, mid, and small span modifier.
example: |
  .row
    .block.span1of1.large-span2of3.bg-accent1.ptb8.center
      .monospace .large-span2of3
  .row
    .block.span1of1.mid-span1of2.bg-accent1.ptb8.center
      .monospace .mid-span1of2
  .row
    .block.span1of1.small-span1of3.bg-accent1.ptb8.center
      .monospace .small-span1of3
*/
@media screen and (max-width: 840px) {
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span1of1 {
    width: 100% !important; }

  /* line 152, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span1of2 {
    width: 50% !important; }

  /* line 153, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span1of3 {
    width: 33.33333% !important; }

  /* line 154, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span2of3 {
    width: 66.66667% !important; }

  /* line 155, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span1of4 {
    width: 25% !important; }

  /* line 156, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span3of4 {
    width: 75% !important; }

  /* line 157, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span1of8 {
    width: 12.5% !important; }

  /* line 158, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span3of8 {
    width: 37.5% !important; }

  /* line 159, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span5of8 {
    width: 62.5% !important; }

  /* line 160, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .large-span7of8 {
    width: 87.5% !important; } }
@media screen and (max-width: 615px) {
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span1of1 {
    width: 100% !important; }

  /* line 152, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span1of2 {
    width: 50% !important; }

  /* line 153, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span1of3 {
    width: 33.33333% !important; }

  /* line 154, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span2of3 {
    width: 66.66667% !important; }

  /* line 155, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span1of4 {
    width: 25% !important; }

  /* line 156, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span3of4 {
    width: 75% !important; }

  /* line 157, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span1of8 {
    width: 12.5% !important; }

  /* line 158, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span3of8 {
    width: 37.5% !important; }

  /* line 159, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span5of8 {
    width: 62.5% !important; }

  /* line 160, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .mid-span7of8 {
    width: 87.5% !important; } }
@media screen and (max-width: 520px) {
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span1of1 {
    width: 100% !important; }

  /* line 152, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span1of2 {
    width: 50% !important; }

  /* line 153, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span1of3 {
    width: 33.33333% !important; }

  /* line 154, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span2of3 {
    width: 66.66667% !important; }

  /* line 155, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span1of4 {
    width: 25% !important; }

  /* line 156, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span3of4 {
    width: 75% !important; }

  /* line 157, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span1of8 {
    width: 12.5% !important; }

  /* line 158, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span3of8 {
    width: 37.5% !important; }

  /* line 159, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span5of8 {
    width: 62.5% !important; }

  /* line 160, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
  .small-span7of8 {
    width: 87.5% !important; } }
/*doc
title: Alignment modifiers
description: |
  Control horizontal alignment. Note that this *does* cascade, so you'll often need to reset the next level down.
examples:
  - |
    .col.span1of1.align-left Hello World
  - |
    .col.span1of1.center Hello World
  - |
    .col.span1of1.align-right Hello World
*/
/* line 338, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.center {
  text-align: center; }

/* line 342, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.align-left {
  text-align: left; }

/* line 346, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.align-right {
  text-align: right; }

/*doc
title: Hide overflow-x
description: |
  Hides the horizontal overflow of a div. Useful to prevent "too wide" elements from expanding the viewport & causing a scroll.
example: |
  .section.hide_overflow-x
    %div.ptb3.bg-accent1{ style: "width: 200vw;" }
*/
/* line 359, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.hide_overflow-x {
  overflow-x: hidden !important; }

/*doc
title: Margins
description: |
  Override classes for element margins. Each increment is a multiple of the baseline, for example `.mt2` is `margin-top: 12px;` with a 6px baseline. These are declared with `!important` so they will override existing element styles. Value range is `1..16`.
examples:
  - |
    .bg-accent1.bdr-accent1{ style: 'overflow: hidden' }
      .mt3.pa2.bg-white content
  - |
    .bg-accent1.bdr-accent1{ style: 'overflow: hidden' }
      .mb3.pa2.bg-white content
  - |
    .bg-accent1.bdr-accent1{ style: 'overflow: hidden' }
      .mtb3.pa2.bg-white content
*/
/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt16 {
  margin-top: 96px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb16 {
  margin-bottom: 96px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb16 {
  margin-top: 96px;
  margin-bottom: 96px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt15 {
  margin-top: 90px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb15 {
  margin-bottom: 90px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb15 {
  margin-top: 90px;
  margin-bottom: 90px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt14 {
  margin-top: 84px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb14 {
  margin-bottom: 84px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb14 {
  margin-top: 84px;
  margin-bottom: 84px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt13 {
  margin-top: 78px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb13 {
  margin-bottom: 78px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb13 {
  margin-top: 78px;
  margin-bottom: 78px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt12 {
  margin-top: 72px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb12 {
  margin-bottom: 72px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb12 {
  margin-top: 72px;
  margin-bottom: 72px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt11 {
  margin-top: 66px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb11 {
  margin-bottom: 66px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb11 {
  margin-top: 66px;
  margin-bottom: 66px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt10 {
  margin-top: 60px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb10 {
  margin-bottom: 60px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb10 {
  margin-top: 60px;
  margin-bottom: 60px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt9 {
  margin-top: 54px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb9 {
  margin-bottom: 54px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb9 {
  margin-top: 54px;
  margin-bottom: 54px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt8 {
  margin-top: 48px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb8 {
  margin-bottom: 48px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb8 {
  margin-top: 48px;
  margin-bottom: 48px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt7 {
  margin-top: 42px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb7 {
  margin-bottom: 42px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb7 {
  margin-top: 42px;
  margin-bottom: 42px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt6 {
  margin-top: 36px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb6 {
  margin-bottom: 36px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb6 {
  margin-top: 36px;
  margin-bottom: 36px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt5 {
  margin-top: 30px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb5 {
  margin-bottom: 30px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb5 {
  margin-top: 30px;
  margin-bottom: 30px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt4 {
  margin-top: 24px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb4 {
  margin-bottom: 24px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb4 {
  margin-top: 24px;
  margin-bottom: 24px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt3 {
  margin-top: 18px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb3 {
  margin-bottom: 18px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb3 {
  margin-top: 18px;
  margin-bottom: 18px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt2 {
  margin-top: 12px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb2 {
  margin-bottom: 12px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb2 {
  margin-top: 12px;
  margin-bottom: 12px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt1 {
  margin-top: 6px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb1 {
  margin-bottom: 6px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb1 {
  margin-top: 6px;
  margin-bottom: 6px !important; }

/* line 261, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mt0 {
  margin-top: 0px !important; }

/* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mb0 {
  margin-bottom: 0px !important; }

/* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.mtb0 {
  margin-top: 0px;
  margin-bottom: 0px !important; }

/*doc
title: Padding
description: |
  Override classes for element padding. Each increment is a multiple of our baseline, for example `.pt2` is `padding-top: 12px;` with a 6px baseline. These are declared with !important so they will override existing element styles. Value range is `1..16`.
examples:
  - |
    .bg-accent1.bdr-accent1.pt3
      .bg-white.pa2 content
  - |
    .bg-accent1.bdr-accent1.pb3
      .bg-white.pa2 content
  - |
    .bg-accent1.bdr-accent1.pl3
      .bg-white.pa2 content
  - |
    .bg-accent1.bdr-accent1.pr3
      .bg-white.pa2 content
  - |
    .bg-accent1.bdr-accent1.ptb3
      .bg-white.pa2 content
  - |
    .bg-accent1.bdr-accent1.prl3
      .bg-white.pa2 content
  - |
    .bg-accent1.bdr-accent1.pa3
      .bg-white.pa2 content
*/
/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt16 {
  padding-top: 96px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb16 {
  padding-bottom: 96px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb16 {
  padding-top: 96px !important;
  padding-bottom: 96px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr16 {
  padding-right: 96px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl16 {
  padding-left: 96px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl16 {
  padding-left: 96px !important;
  padding-right: 96px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa16 {
  padding: 96px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt15 {
  padding-top: 90px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb15 {
  padding-bottom: 90px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb15 {
  padding-top: 90px !important;
  padding-bottom: 90px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr15 {
  padding-right: 90px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl15 {
  padding-left: 90px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl15 {
  padding-left: 90px !important;
  padding-right: 90px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa15 {
  padding: 90px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt14 {
  padding-top: 84px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb14 {
  padding-bottom: 84px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb14 {
  padding-top: 84px !important;
  padding-bottom: 84px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr14 {
  padding-right: 84px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl14 {
  padding-left: 84px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl14 {
  padding-left: 84px !important;
  padding-right: 84px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa14 {
  padding: 84px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt13 {
  padding-top: 78px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb13 {
  padding-bottom: 78px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb13 {
  padding-top: 78px !important;
  padding-bottom: 78px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr13 {
  padding-right: 78px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl13 {
  padding-left: 78px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl13 {
  padding-left: 78px !important;
  padding-right: 78px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa13 {
  padding: 78px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt12 {
  padding-top: 72px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb12 {
  padding-bottom: 72px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb12 {
  padding-top: 72px !important;
  padding-bottom: 72px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr12 {
  padding-right: 72px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl12 {
  padding-left: 72px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl12 {
  padding-left: 72px !important;
  padding-right: 72px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa12 {
  padding: 72px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt11 {
  padding-top: 66px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb11 {
  padding-bottom: 66px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb11 {
  padding-top: 66px !important;
  padding-bottom: 66px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr11 {
  padding-right: 66px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl11 {
  padding-left: 66px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl11 {
  padding-left: 66px !important;
  padding-right: 66px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa11 {
  padding: 66px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt10 {
  padding-top: 60px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb10 {
  padding-bottom: 60px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb10 {
  padding-top: 60px !important;
  padding-bottom: 60px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr10 {
  padding-right: 60px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl10 {
  padding-left: 60px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl10 {
  padding-left: 60px !important;
  padding-right: 60px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa10 {
  padding: 60px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt9 {
  padding-top: 54px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb9 {
  padding-bottom: 54px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb9 {
  padding-top: 54px !important;
  padding-bottom: 54px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr9 {
  padding-right: 54px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl9 {
  padding-left: 54px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl9 {
  padding-left: 54px !important;
  padding-right: 54px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa9 {
  padding: 54px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt8 {
  padding-top: 48px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb8 {
  padding-bottom: 48px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb8 {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr8 {
  padding-right: 48px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl8 {
  padding-left: 48px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl8 {
  padding-left: 48px !important;
  padding-right: 48px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa8 {
  padding: 48px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt7 {
  padding-top: 42px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb7 {
  padding-bottom: 42px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb7 {
  padding-top: 42px !important;
  padding-bottom: 42px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr7 {
  padding-right: 42px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl7 {
  padding-left: 42px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl7 {
  padding-left: 42px !important;
  padding-right: 42px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa7 {
  padding: 42px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt6 {
  padding-top: 36px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb6 {
  padding-bottom: 36px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb6 {
  padding-top: 36px !important;
  padding-bottom: 36px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr6 {
  padding-right: 36px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl6 {
  padding-left: 36px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl6 {
  padding-left: 36px !important;
  padding-right: 36px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa6 {
  padding: 36px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt5 {
  padding-top: 30px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb5 {
  padding-bottom: 30px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb5 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr5 {
  padding-right: 30px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl5 {
  padding-left: 30px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl5 {
  padding-left: 30px !important;
  padding-right: 30px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa5 {
  padding: 30px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt4 {
  padding-top: 24px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb4 {
  padding-bottom: 24px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb4 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr4 {
  padding-right: 24px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl4 {
  padding-left: 24px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl4 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa4 {
  padding: 24px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt3 {
  padding-top: 18px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb3 {
  padding-bottom: 18px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb3 {
  padding-top: 18px !important;
  padding-bottom: 18px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr3 {
  padding-right: 18px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl3 {
  padding-left: 18px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl3 {
  padding-left: 18px !important;
  padding-right: 18px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa3 {
  padding: 18px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt2 {
  padding-top: 12px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb2 {
  padding-bottom: 12px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb2 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr2 {
  padding-right: 12px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl2 {
  padding-left: 12px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl2 {
  padding-left: 12px !important;
  padding-right: 12px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa2 {
  padding: 12px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt1 {
  padding-top: 6px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb1 {
  padding-bottom: 6px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb1 {
  padding-top: 6px !important;
  padding-bottom: 6px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr1 {
  padding-right: 6px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl1 {
  padding-left: 6px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl1 {
  padding-left: 6px !important;
  padding-right: 6px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa1 {
  padding: 6px !important; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pt0 {
  padding-top: 0px !important; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pb0 {
  padding-bottom: 0px !important; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.ptb0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

/* line 311, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pr0 {
  padding-right: 0px !important; }

/* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pl0 {
  padding-left: 0px !important; }

/* line 319, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.prl0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

/* line 324, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@layout.scss */
.pa0 {
  padding: 0px !important; }

/*doc
title: Shims
description: |
  Sometimes its unavoidable (or at least overly messy) to make padding adjustments at breakpoints so shims are necessary. These will be shown/hidden at different breakpoints.
example: |
  .row.center
    .shim-small.ptb3.bg-tone1 .shim-small
    .shim-over-small.ptb3.bg-tone1 .shim-over-small
    .shim-mid.ptb3.bg-tone1 .shim-mid
    .shim-over-mid.ptb3.bg-tone1 .shim-over-mid
    .shim-large.ptb3.bg-tone1 .shim-large
    .shim-over-large.ptb3.bg-tone1 .shim-over-large
    .shim-max.ptb3.bg-tone1 .shim-max
    .shim-over-max.ptb3.bg-tone1 .shim-over-max
*/
/* line 426, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
.shim-max,
.shim-large,
.shim-mid,
.shim-small,
.shim-over-max,
.shim-over-large,
.shim-over-mid,
.shim-over-small {
  display: none; }

@media screen and (max-width: 990px) {
  /* line 438, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .shim-max {
    display: block; }

  /* line 439, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .hide-max {
    display: none !important; } }
@media screen and (max-width: 840px) {
  /* line 443, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .shim-large {
    display: block; }

  /* line 444, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .hide-large {
    display: none !important; } }
@media screen and (max-width: 615px) {
  /* line 448, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .shim-mid {
    display: block; }

  /* line 449, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .hide-mid {
    display: none !important; } }
@media screen and (max-width: 520px) {
  /* line 453, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .shim-small {
    display: block; }

  /* line 454, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .hide-small {
    display: none !important; } }
@media screen and (min-width: 990px) {
  /* line 458, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .shim-over-max {
    display: block; } }
@media screen and (min-width: 840px) {
  /* line 462, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .shim-over-large {
    display: block; } }
@media screen and (min-width: 615px) {
  /* line 466, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .shim-over-mid {
    display: block; } }
@media screen and (min-width: 520px) {
  /* line 470, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/_layout.scss */
  .shim-over-small {
    display: block; } }
/*page
title: Base
category: typography
*/
/*doc
title: Base Styles
description: |
  Our base hierarchy. Think *really* hard before adding to any of this. Do you really need an in between size, or are things actually clearer with more defined differences>
examples:
  - |
    %h1.super_title Super Title
  - |
    %h2.title Title
  - |
    %h3.heading Heading
  - |
    %h4.subheading Subheading
  - |
    %p.body_big Body Big
  - |
    %p.body Body
  - |
    %p.small Small
*/
/* line 27, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.super_title {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 60px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0;
  -webkit-font-smoothing: inherit; }

/* line 39, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.title {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: inherit; }

/* line 51, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.heading {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 26px;
  line-height: 1.38462;
  font-weight: bold;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: inherit; }

/* line 63, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.subheading {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0;
  -webkit-font-smoothing: inherit; }

/* line 75, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.body_big {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 26px;
  line-height: 1.5;
  font-weight: normal;
  letter-spacing: 0;
  -webkit-font-smoothing: inherit; }
  @media screen and (max-width: 615px) {
    /* line 75, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
    .body_big {
      font-size: 18px; } }

/* line 91, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.body, .msg p, .msg-success p, .msg-info p, .msg-error p {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: normal;
  letter-spacing: 0;
  -webkit-font-smoothing: inherit; }

/* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.small {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.75;
  font-weight: normal;
  letter-spacing: 0;
  -webkit-font-smoothing: inherit; }

/*doc
title: Lists
description: |
  Basic styled lists, can be marked or "stealth".
examples:
  - |
    %ul.list
      %li List item one
      %li List item two
  - |
    %ol.list
      %li List item one
      %li List item two
  - |
    %ul.list-marked
      %li List item one
      %li List item two
  - |
    %ol.list-marked
      %li List item one
      %li List item two
  - |
    %dl.dl
      %dt Definition Title
      %dd Definition definition

      %dt Definition Title two
      %dd Definition definition two
*/
/* line 145, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.list, .list-marked, ul.list.markers,
ol.list.markers {
  list-style: none;
  line-height: 1.6875; }
  /* line 149, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
  .list li, .list-marked li, ul.list.markers li,
  ol.list.markers li {
    margin-bottom: 0.5em; }

/* line 158, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.list-marked, ul.list.markers,
ol.list.markers {
  list-style-position: outside;
  padding-left: 1em; }

/* line 165, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
ul.list-marked, ul.list.markers {
  list-style: disc; }

/* line 166, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
ol.list-marked,
ol.list.markers {
  list-style: decimal; }

/* line 174, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.dl dt {
  font-weight: bold;
  margin-bottom: 0.5em; }
  /* line 178, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
  .dl dt p {
    font-weight: bold; }
/* line 184, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/typography/_base.scss */
.dl dd + dt {
  margin-top: 2em; }

/*doc
title: Normalized styles
description: |
  For long-form copy, mapped to work great from markdown -> our type hierarchy.
examples:
  - |
    .normalize
      :markdown
        # An h1

        TinyLetter is a personal newsletter service brought to you by [MailChimp](http://mailchimp.com). People use it to send updates, digests, and dispatches to their fans and friends.

        ## Subheading

        Though they're built on the same infrastructure, TinyLetter is for people who don't need all the business features that come along with MailChimp. Simplicity is at the heart of everything we do at TinyLetter.

        - we like to write bulleted lists
        - because everyone likes these lists
        - they should have atleast three items or what’s the point

        TinyLetter is a completely free service.

        > This is the coolest quote.

        ### This list titled by an h3

        1. because we love our users
        2. we write ordered lists
        3. nothing more link-bait worthy
*/
/*page
title: Messages
category: elements
*/
/*doc
title: Base Class
description: |
  Basic info block. Give highlighted/seperated information related to content.
examples:
  - |
    .msg
      %h2 To get started:
      %p Fill out <a href="#">this form</a> with your email, username, and password.
  - |
    .msg
      %h2.heading Please Read:
      %p.body_big Foo Bar Baz

      %a.btn-small.mt3 Take Action
*/
/* line 23, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
.msg, .msg-success, .msg-info, .msg-error {
  background: #f9f9f9;
  color: #3a3a3a;
  padding: 18px;
  border-color: #dcdcdc;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px; }
  /* line 32, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
  .msg *, .msg-success *, .msg-info *, .msg-error * {
    margin: 0; }
  /* line 36, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
  .msg h1:not([class]), .msg-success h1:not([class]), .msg-info h1:not([class]), .msg-error h1:not([class]),
  .msg h2:not([class]),
  .msg-success h2:not([class]),
  .msg-info h2:not([class]),
  .msg-error h2:not([class]),
  .msg h3:not([class]),
  .msg-success h3:not([class]),
  .msg-info h3:not([class]),
  .msg-error h3:not([class]) {
    font-size: 18px;
    line-height: 1.5; }
  /* line 43, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
  .msg p, .msg-success p, .msg-info p, .msg-error p {
    margin: 0.25em 0 0 0; }
    /* line 47, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
    .msg p + p, .msg-success p + p, .msg-info p + p, .msg-error p + p {
      margin: 1em 0 0 0; }
    /* line 51, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
    .msg p a, .msg-success p a, .msg-info p a, .msg-error p a {
      color: inherit;
      text-decoration: none;
      box-shadow: 0 1px 0 0 #6dc5dc; }
      /* line 56, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
      .msg p a:hover, .msg-success p a:hover, .msg-info p a:hover, .msg-error p a:hover {
        box-shadow: 0 2px 0 0 #6dc5dc; }

/*doc
title: Success
description: |
  Indicate action or status success.
examples:
  - |
    .msg-success
      %p Huzzah! You're signed up for the MonkeyWrench newsletter. <a href="#">Check it out</a>.
*/
/* line 76, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
.msg-success {
  background: #d0ebe5;
  border-color: #72c1b0;
  color: #4d8277; }
  /* line 82, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
  .msg-success p a {
    box-shadow: 0 1px 0 0 #72c1b0; }
    /* line 85, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
    .msg-success p a:hover {
      box-shadow: 0 2px 0 0 #72c1b0; }

/*doc
title: Information
description: |
  Highlight important information or give a warning.
examples:
  - |
    .msg-info
      %p Hey, just want to give you a heads up about something. <a href="#">Learn more</a>.
*/
/* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
.msg-info {
  background: #fff4d5;
  border-color: #fed156;
  color: #aa8d3b; }
  /* line 109, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
  .msg-info p a {
    box-shadow: 0 1px 0 0 #fed156; }
    /* line 112, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
    .msg-info p a:hover {
      box-shadow: 0 2px 0 0 #fed156; }

/*doc
title: Error
description: |
  Something has gone wrong.
examples:
  - |
    .msg-error
      %p Your password didn't match the confirmation. <a href="http://xkcd.com/936/">Correct horse battery staple</a>?
*/
/* line 130, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
.msg-error {
  background: #f7c9c0;
  border-color: #e85c41;
  color: #9b3f2e; }
  /* line 136, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
  .msg-error p a {
    box-shadow: 0 1px 0 0 #e85c41; }
    /* line 139, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_messages.scss */
    .msg-error p a:hover {
      box-shadow: 0 2px 0 0 #e85c41; }

/*page
title: Inputs
category: elements
*/
/*doc
title: Form Inputs
description: |
  Input all the things
examples:
  - |
    %input.form-input{ type: 'text', placeholder: 'Input all the things' }
  - |
    %textarea.form-area
  - |
    %input.form-checkbox{ type: "checkbox", id: "form-checkbox-a" }
    %label.form-inline-label{ for: "form-checkbox-a" } Checkbox and label
  - |
    %input.form-radio{ type: "radio", id: "form-radio-a" }
    %label.form-inline-label{ for: "form-radio-a" } Radios and label
*/
/* line 23, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-input, .form-area {
  background: #fff;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6875;
  outline: 0;
  height: 54px;
  padding: 0 18px;
  transition: border-color 0.2s linear;
  border-width: 1px;
  border-style: solid;
  border-color: #dcdcdc; }
  /* line 42, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .field-error.form-input, .field-error.form-area {
    border-color: #e85c41; }
    /* line 45, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .field-error.form-input:focus, .field-error.form-area:focus {
      border-color: #373737; }
    /* line 49, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .field-error.form-input:hover, .field-error.form-area:hover {
      border-color: #8a8a8a; }
  /* line 54, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .form-input:hover, .form-area:hover {
    border-color: #8a8a8a; }
  /* line 58, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .form-input:focus, .form-area:focus {
    border-color: #373737; }

/* line 66, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-area {
  padding: 12px 18px;
  line-height: 1.6875;
  min-height: 162px; }

/* line 76, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-checkbox {
  display: inline-block;
  margin: 0 0.5em 0 0;
  font-size: 26px;
  vertical-align: middle; }

/* line 86, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-radio {
  display: inline-block;
  margin: 0 0.5em 0 0;
  font-size: 26px;
  vertical-align: middle; }

/*doc
title: Groups
description: |
  Separate sections of forms
examples:
  - |
    .form-group
      %span Group inside form
    .form-group
      %span Always separate from next group
*/
/* line 108, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-group, .form-captcha {
  padding-bottom: 18px; }
  /* line 112, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .form-group + .form-group, .form-captcha + .form-group {
    padding-top: 12px; }

/*doc
title: Labels
description: |
  Consistently styled labels, to be inline or block.
examples:
  - |
    %label.form-label Labeled Field
    %input.form-input
  - |
    .block.middle
      %input.form-input
    %label.form-label-inline Hello Inline
  - |
    %input.form-checkbox{ type: "checkbox", name: "foo", id: "foo" }
    %label.form-label-inline{ for: "foo" } Label for Foo
  - |
    %input.form-radio{ type: "radio", name: "bar", id: "bar" }
    %label.form-label-inline{ for: "bar" } Label for Bar
*/
/* line 139, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-label, .form-label-inline, .form label {
  font-size: 18px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  input[type="radio"] ~ [for].form-label, input[type="radio"] ~ [for].form-label-inline, .form input[type="radio"] ~ label[for], input[type="checkbox"] ~ [for].form-label, input[type="checkbox"] ~ [for].form-label-inline, .form input[type="checkbox"] ~ label[for] {
    cursor: pointer; }

/* line 149, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-label {
  display: block;
  margin-bottom: 6px; }

/* line 158, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-label-inline {
  display: inline-block;
  vertical-align: middle; }

/*doc
title: Selects
description: |
  Custom styled selects. Look like buttons.
examples:
  - |
    .form-select
      %select
        %option{ value: "" } Select...
        %option{ value: "Foo" } Foo
        %option{ value: "Bar" } Bar
  - |
    .form-select.ghost
      %select
        %option{ value: "" } Select...
        %option{ value: "Foo" } Foo
        %option{ value: "Bar" } Bar
  - |
    .select
      %select
        %option{ value: "" } Select...
        %optgroup{ label: "Fruits" }
          %option{ value: "Bananab" } Banana
          %option{ value: "Orange" } Orange
        %optgroup{ label: "Notable Primates" }
          %option{ value: "Freddie" } Freddie
          %option{ value: "Donkey Kong" } Donkey Kong
          %option{ value: "King Kong" } King Kong
  - |
    .form-select-small
      %select
        %option{ value: "" } Select...
        %option{ value: "Foo" } Foo
        %option{ value: "Bar" } Bar
  - |
    .form-select-small.ghost
      %select
        %option{ value: "" } Select...
        %option{ value: "Foo" } Foo
        %option{ value: "Bar" } Bar
  - |
    .form-select-mini
      %select
        %option{ value: "" } Select...
        %option{ value: "Foo" } Foo
        %option{ value: "Bar" } Bar
*/
/* line 214, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-select, .select, .select-small, .form-select-small, .select-mini, .form-select-mini {
  display: inline-block;
  position: relative;
  color: #fff;
  border-radius: 4px;
  min-width: 50%;
  overflow: hidden;
  background-color: #b7b7b7; }
  /* line 223, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .ghost.form-select, .ghost.select, .ghost.select-small, .ghost.form-select-small, .ghost.select-mini, .ghost.form-select-mini {
    background: transparent;
    color: #8a8a8a;
    box-shadow: inset 0 0 0 1px #b7b7b7; }
    /* line 228, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .ghost.form-select:after, .ghost.select:after, .ghost.select-small:after, .ghost.form-select-small:after, .ghost.select-mini:after, .ghost.form-select-mini:after {
      border-top-color: #b7b7b7; }
    /* line 232, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .ghost.form-select select, .ghost.select select, .ghost.select-small select, .ghost.form-select-small select, .ghost.select-mini select, .ghost.form-select-mini select {
      border: 1px solid #b7b7b7;
      background-color: transparent;
      color: #8a8a8a; }
    /* line 238, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .ghost.form-select:hover, .ghost.select:hover, .ghost.select-small:hover, .ghost.form-select-small:hover, .ghost.select-mini:hover, .ghost.form-select-mini:hover, .ghost.form-select:focus, .ghost.select:focus, .ghost.select-small:focus, .ghost.form-select-small:focus, .ghost.select-mini:focus, .ghost.form-select-mini:focus, .ghost.form-select:active, .ghost.select:active, .ghost.select-small:active, .ghost.form-select-small:active, .ghost.select-mini:active, .ghost.form-select-mini:active,
    .ghost.form-select select:hover,
    .ghost.select select:hover,
    .ghost.select-small select:hover,
    .ghost.form-select-small select:hover,
    .ghost.select-mini select:hover,
    .ghost.form-select-mini select:hover,
    .ghost.form-select select:focus,
    .ghost.select select:focus,
    .ghost.select-small select:focus,
    .ghost.form-select-small select:focus,
    .ghost.select-mini select:focus,
    .ghost.form-select-mini select:focus,
    .ghost.form-select select:active,
    .ghost.select select:active,
    .ghost.select-small select:active,
    .ghost.form-select-small select:active,
    .ghost.select-mini select:active,
    .ghost.form-select-mini select:active {
      background-color: transparent;
      border-color: #5d5c5d;
      color: #373737; }
      /* line 248, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
      .ghost.form-select:hover:after, .ghost.select:hover:after, .ghost.select-small:hover:after, .ghost.form-select-small:hover:after, .ghost.select-mini:hover:after, .ghost.form-select-mini:hover:after, .ghost.form-select:focus:after, .ghost.select:focus:after, .ghost.select-small:focus:after, .ghost.form-select-small:focus:after, .ghost.select-mini:focus:after, .ghost.form-select-mini:focus:after, .ghost.form-select:active:after, .ghost.select:active:after, .ghost.select-small:active:after, .ghost.form-select-small:active:after, .ghost.select-mini:active:after, .ghost.form-select-mini:active:after,
      .ghost.form-select select:hover:after,
      .ghost.select select:hover:after,
      .ghost.select-small select:hover:after,
      .ghost.form-select-small select:hover:after,
      .ghost.select-mini select:hover:after,
      .ghost.form-select-mini select:hover:after,
      .ghost.form-select select:focus:after,
      .ghost.select select:focus:after,
      .ghost.select-small select:focus:after,
      .ghost.form-select-small select:focus:after,
      .ghost.select-mini select:focus:after,
      .ghost.form-select-mini select:focus:after,
      .ghost.form-select select:active:after,
      .ghost.select select:active:after,
      .ghost.select-small select:active:after,
      .ghost.form-select-small select:active:after,
      .ghost.select-mini select:active:after,
      .ghost.form-select-mini select:active:after {
        border-top-color: #5d5c5d; }
  /* line 254, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .form-select:after, .select:after, .select-small:after, .form-select-small:after, .select-mini:after, .form-select-mini:after {
    pointer-events: none;
    position: absolute;
    content: '';
    top: 43%;
    right: 18px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    z-index: 2; }
  /* line 268, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .form-select select, .select select, .select-small select, .form-select-small select, .select-mini select, .form-select-mini select {
    padding: 0.5625em 1.5em;
    padding-right: 2.22222em;
    min-width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: treeline;
    border: 0;
    margin: 0;
    outline: 0;
    display: inline-block;
    background-color: #b7b7b7;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6875;
    letter-spacing: 0.04em;
    font-weight: bold;
    position: relative;
    cursor: pointer; }
    /* line 289, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .form-select select:-ms-expand, .select select:-ms-expand, .select-small select:-ms-expand, .form-select-small select:-ms-expand, .select-mini select:-ms-expand, .form-select-mini select:-ms-expand {
      display: none; }
    /* line 293, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .form-select select:-moz-focusring, .select select:-moz-focusring, .select-small select:-moz-focusring, .form-select-small select:-moz-focusring, .select-mini select:-moz-focusring, .form-select-mini select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #fff; }
    /* line 300, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .form-select select:focus option, .select select:focus option, .select-small select:focus option, .form-select-small select:focus option, .select-mini select:focus option, .form-select-mini select:focus option,
    .form-select select:focus optgroup,
    .select select:focus optgroup,
    .select-small select:focus optgroup,
    .form-select-small select:focus optgroup,
    .select-mini select:focus optgroup,
    .form-select-mini select:focus optgroup, .form-select select:active option, .select select:active option, .select-small select:active option, .form-select-small select:active option, .select-mini select:active option, .form-select-mini select:active option,
    .form-select select:active optgroup,
    .select select:active optgroup,
    .select-small select:active optgroup,
    .form-select-small select:active optgroup,
    .select-mini select:active optgroup,
    .form-select-mini select:active optgroup {
      color: #3a3a3a;
      background-color: #fff; }
    /* line 307, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .form-select select.field-error, .select select.field-error, .select-small select.field-error, .form-select-small select.field-error, .select-mini select.field-error, .form-select-mini select.field-error {
      background: #e85c41; }
  /* line 312, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .form-select:hover, .select:hover, .select-small:hover, .form-select-small:hover, .select-mini:hover, .form-select-mini:hover, .form-select:focus, .select:focus, .select-small:focus, .form-select-small:focus, .select-mini:focus, .form-select-mini:focus, .form-select:active, .select:active, .select-small:active, .form-select-small:active, .select-mini:active, .form-select-mini:active,
  .form-select select:hover,
  .select select:hover,
  .select-small select:hover,
  .form-select-small select:hover,
  .select-mini select:hover,
  .form-select-mini select:hover,
  .form-select select:focus,
  .select select:focus,
  .select-small select:focus,
  .form-select-small select:focus,
  .select-mini select:focus,
  .form-select-mini select:focus,
  .form-select select:active,
  .select select:active,
  .select-small select:active,
  .form-select-small select:active,
  .select-mini select:active,
  .form-select-mini select:active {
    background-color: #5d5c5d; }
  @media screen\0 {
    /* line 322, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .form-select:after, .select:after, .select-small:after, .form-select-small:after, .select-mini:after, .form-select-mini:after {
      display: none; }
    /* line 326, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .form-select select, .select select, .select-small select, .form-select-small select, .select-mini select, .form-select-mini select {
      padding-right: 18px; }
      /* line 331, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
      .form-select select:focus option, .select select:focus option, .select-small select:focus option, .form-select-small select:focus option, .select-mini select:focus option, .form-select-mini select:focus option,
      .form-select select:focus optgroup,
      .select select:focus optgroup,
      .select-small select:focus optgroup,
      .form-select-small select:focus optgroup,
      .select-mini select:focus optgroup,
      .form-select-mini select:focus optgroup, .form-select select:active option, .select select:active option, .select-small select:active option, .form-select-small select:active option, .select-mini select:active option, .form-select-mini select:active option,
      .form-select select:active optgroup,
      .select select:active optgroup,
      .select-small select:active optgroup,
      .form-select-small select:active optgroup,
      .select-mini select:active optgroup,
      .form-select-mini select:active optgroup {
        color: #3a3a3a;
        background-color: #fff; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* line 341, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .form-select:after, .select:after, .select-small:after, .form-select-small:after, .select-mini:after, .form-select-mini:after {
      display: block; }
    /* line 346, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
    .form-select select:active, .select select:active, .select-small select:active, .form-select-small select:active, .select-mini select:active, .form-select-mini select:active {
      background-color: #fff; }
      /* line 349, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
      .form-select select:active option, .select select:active option, .select-small select:active option, .form-select-small select:active option, .select-mini select:active option, .form-select-mini select:active option,
      .form-select select:active optgroup,
      .select select:active optgroup,
      .select-small select:active optgroup,
      .form-select-small select:active optgroup,
      .select-mini select:active optgroup,
      .form-select-mini select:active optgroup {
        color: #3a3a3a;
        background-color: #fff; } }

/* line 362, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.select-small, .form-select-small, .select-mini, .form-select-mini {
  min-width: 0; }
  /* line 366, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .select-small select, .form-select-small select, .select-mini select, .form-select-mini select {
    font-size: 12px;
    line-height: 1.75;
    padding: 0.75em 1.5em;
    padding-right: 2.85714em; }

/* line 380, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.select-mini select, .form-select-mini select {
  font-size: 12px;
  line-height: 1.75;
  padding: 0.25em 0.75em;
  padding-right: 2.85714em; }

/*doc
title: Form Buttons
description: |
examples:
  - |
    %input.form-btn{ type: "submit", value: "Submit" }
  - |
    %button.form-btn Submit
*/
/* line 401, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.form-btn, .form-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none; }

/*doc
title: Input Messages & Errors
description: |
  Error messages for form fields, etc
examples:
  - |
    .form-group
      %input.form-input
      .field-message
        %ul
          %li Lets take a moment and help you fill the field correctly.
  - |
    .form-group
      %input.form-input.field-error
      .field-message
        %ul
          %li Something is wrong with this field.
  - |
    .form-group
      .form-select
        %select.field-error
          %option{ value: "Foo" } There are options
          %option{ value: "Bar" } Yep, two options
      .field-message
        %ul.parsley-errors-list
          %li Errors support selects, and parsley
  - |
    %form.form
      .form-group
        %label.form-label Label Something
        %input.form-input
        .field-message
          %ul
            %li Lets take a moment and help you fill the field correctly.
      .form-group
        %label.form-label Label Something
        %input.form-input.field-error
        .field-message
          %ul
            %li Something is wrong with this field.
      .form-group
        %label.form-label Label Something
        .form-select
          %select.field-error
            %option{ value: "Foo" } There are options
            %option{ value: "Bar" } Yep, two options
        .field-message
          %ul.parsley-errors-list
            %li Errors support selects, and parsley
*/
/* line 463, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.field-message ul {
  margin: 0;
  padding: 0;
  list-style: none; }
/* line 469, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.field-message li {
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  color: #5d5c5d;
  padding-bottom: 6px; }
  /* line 476, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .field-message li:first-child {
    padding-top: 12px; }
  /* line 480, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
  .field-message li:last-child {
    padding-bottom: 12px; }
/* line 485, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_inputs.scss */
.field-error + .field-message li,
.field-message .parsley-errors-list li {
  color: #e85c41; }

/*page
title: Buttons
category: elements
*/
/*doc
title: Base Class
description: |
  Comes in three exciting sizes
examples:
  - |
    %a.btn Button
  - |
    %a.btn-small Button
  - |
    %a.btn-mini Button
*/
/* line 51, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
.form-btn, .form-button, .btn, .btn-small, .ghost.more, .btn-mini {
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  border: 0;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6875;
  padding: 0.5625em 1.5em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.02em;
  text-decoration: none;
  max-width: 100%;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
  transition: all 0.2s ease;
  background: #b7b7b7; }
  /* line 71, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .form-btn:hover, .form-button:hover, .btn:hover, .btn-small:hover, .ghost.more:hover, .btn-mini:hover {
    text-decoration: none;
    cursor: pointer;
    background: #5d5c5d; }

/* line 81, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
.btn-small, .ghost.more {
  font-size: 12px;
  line-height: 1.75;
  padding: 0.75em 1.5em; }

/* line 91, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
.btn-mini {
  font-size: 12px;
  line-height: 1.75;
  padding: 0.25em 0.75em; }

/*doc
title: Variants
description: |
  Comes in three exciting styles
examples:
  - |
    %a.btn Button
  - |
    %a.btn.primary Button
  - |
    %a.btn.pop Button
  - |
    %a.btn.ghost Button
  - |
    .col.span1of1.ptb3{ style: 'background: #333;' }
      %a.btn.ghost.on_dark Button
*/
/* line 120, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
.primary.form-btn, .primary.form-button, .primary.btn, .primary.btn-small, .primary.ghost.more, .primary.btn-mini {
  background: #5d5c5d; }
  /* line 123, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .primary.form-btn:hover, .primary.form-button:hover, .primary.btn:hover, .primary.btn-small:hover, .primary.ghost.more:hover, .primary.btn-mini:hover {
    background: #373737; }
/* line 128, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
.pop.form-btn, .pop.form-button, .pop.btn, .pop.btn-small, .pop.ghost.more, .pop.btn-mini {
  background: #52bad5; }
  /* line 131, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .pop.form-btn:hover, .pop.form-button:hover, .pop.btn:hover, .pop.btn-small:hover, .pop.ghost.more:hover, .pop.btn-mini:hover {
    background: #2c9ab7; }
/* line 136, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
.ghost.form-btn, .ghost.form-button, .ghost.btn, .ghost.btn-small, .ghost.more, .ghost.btn-mini {
  background: transparent;
  color: #8a8a8a;
  border: 1px solid #b7b7b7; }
  /* line 12, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .ghost.form-btn:hover, .ghost.form-button:hover, .ghost.btn:hover, .ghost.btn-small:hover, .ghost.more:hover, .ghost.btn-mini:hover {
    background: transparent;
    color: #373737;
    border: 1px solid #5d5c5d; }
  /* line 18, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .ghost.pop.form-btn, .ghost.pop.form-button, .ghost.pop.btn, .ghost.pop.btn-small, .ghost.pop.more, .ghost.pop.btn-mini {
    color: #52bad5;
    border-color: #6dc5dc; }
    /* line 22, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
    .ghost.pop.form-btn:hover, .ghost.pop.form-button:hover, .ghost.pop.btn:hover, .ghost.pop.btn-small:hover, .ghost.pop.more:hover, .ghost.pop.btn-mini:hover {
      color: #2c9ab7;
      border-color: #52bad5; }
  /* line 28, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .ghost.on_dark.form-btn, .ghost.on_dark.form-button, .ghost.on_dark.btn, .ghost.on_dark.btn-small, .ghost.on_dark.more, .ghost.on_dark.btn-mini {
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.8); }
    /* line 32, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
    .ghost.on_dark.form-btn:hover, .ghost.on_dark.form-button:hover, .ghost.on_dark.btn:hover, .ghost.on_dark.btn-small:hover, .ghost.on_dark.more:hover, .ghost.on_dark.btn-mini:hover {
      color: white;
      border-color: white; }

/*doc
title: Link Styles
description: |
  For links that take you elsewhere
examples:
  - |
    %a.more Read More
  - |
    %a.more.ghost Read More
*/
/* line 152, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
.more {
  color: #2c9ab7;
  padding-right: 2em; }
  /* line 156, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .more:hover {
    color: #52bad5;
    cursor: pointer;
    text-decoration: none !important; }
    /* line 160, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
    .more:hover:after {
      -webkit-transform: translateY(-0.08333em) translateX(0.25em) scale(1.1);
              transform: translateY(-0.08333em) translateX(0.25em) scale(1.1); }
  /* line 165, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .more:after {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    content: '\2192';
    margin-left: 0.5em;
    position: absolute;
    -webkit-transform: translateY(-0.08333em);
            transform: translateY(-0.08333em);
    transition: all 0.2s ease, color 0s linear; }
  /* line 174, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
  .ghost.more {
    padding: 0.5em 2.75em 0.5em 1.5em;
    background: transparent;
    color: #8a8a8a;
    border: 1px solid #b7b7b7; }
    /* line 12, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
    .ghost.more:hover {
      background: transparent;
      color: #373737;
      border: 1px solid #5d5c5d; }
    /* line 18, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
    .ghost.pop.more {
      color: #52bad5;
      border-color: #6dc5dc; }
      /* line 22, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
      .ghost.pop.more:hover {
        color: #2c9ab7;
        border-color: #52bad5; }
    /* line 28, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
    .ghost.on_dark.more {
      color: rgba(255, 255, 255, 0.8);
      border: 1px solid rgba(255, 255, 255, 0.8); }
      /* line 32, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_buttons.scss */
      .ghost.on_dark.more:hover {
        color: white;
        border-color: white; }

/*page
title: Tables
category: elements
*/
/*doc
title: Table
description: |
  The most basic table, just applies basic font styles & gives borders.
example: |
  %table.table
    %tbody
      %tr
        %td{ colspan: 2 }
          %h2.mt2 Quick Examples
      %tr
        %td
          %h3 Your list is okay
        %td
          %h3 Your list is NOT okay
      %tr
        %td
          %ul.list-marked
            %li List Item One
            %li Nemo enim ipsam voluptatem quia
            %li List Item thre and this one goes on for a while
        %td
          %ul.list-marked
            %li List Item One
            %li Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
            %li List Item thre and this one goes on for a while
*/
/* line 34, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
.table, .table-container table, .table-fixed {
  font-size: 16px; }
  /* line 37, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
  .table th, .table-container table th, .table-fixed th {
    font-weight: bold; }
  /* line 41, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
  .table th, .table-container table th, .table-fixed th,
  .table td,
  .table-container table td,
  .table-fixed td {
    padding: 18px; }
  /* line 46, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
  .table tr, .table-container table tr, .table-fixed tr {
    border-bottom: 1px solid #dcdcdc; }
    /* line 49, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
    .table tr:first-child, .table-container table tr:first-child, .table-fixed tr:first-child {
      border-top: 1px solid #dcdcdc; }
  /* line 54, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
  .table td, .table-container table td, .table-fixed td,
  .table th,
  .table-container table th,
  .table-fixed th {
    border-right: 1px solid #dcdcdc; }
    /* line 58, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
    .table td:first-child, .table-container table td:first-child, .table-fixed td:first-child,
    .table th:first-child,
    .table-container table th:first-child,
    .table-fixed th:first-child {
      border-left: 1px solid #dcdcdc; }
  /* line 63, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
  .table .em, .table-container table .em, .table-fixed .em {
    font-weight: bold;
    font-size: 150%; }
  @media only screen and (max-width: 840px) {
    /* line 34, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
    .table, .table-container table, .table-fixed {
      font-size: 12px; }
      /* line 71, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/elements/_tables.scss */
      .table td, .table-container table td, .table-fixed td,
      .table th,
      .table-container table th,
      .table-fixed th {
        padding: 12px; } }

/* line 3, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_reset.scss */
body {
  line-height: 1.35;
  background: #f9f9f9; }

/* line 8, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_reset.scss */
small {
  font-size: 50%; }

/* line 12, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_reset.scss */
.hide {
  display: none; }

/*page
title: Colors
category: base
*/
/*doc
title: Colors
description: |
  Brand colors ... organized in scale from light to dark as 1, 2, 3, 4. The 3 level is "standard" and other levels are only used as needed.
examples:
  - |
    .bg-white.span1of1.ptb6
  - |
    .bg-grey.span1of1.ptb6

  - |
    .bg-r1.span1of1.ptb6
  - |
    .bg-r2.span1of1.ptb6
  - |
    .bg-r3.span1of1.ptb6
  - |
    .bg-r4.span1of1.ptb6

  - |
    .bg-y1.span1of1.ptb6
  - |
    .bg-y2.span1of1.ptb6
  - |
    .bg-y3.span1of1.ptb6
  - |
    .bg-y4.span1of1.ptb6

  - |
    .bg-g1.span1of1.ptb6
  - |
    .bg-g2.span1of1.ptb6
  - |
    .bg-g3.span1of1.ptb6
  - |
    .bg-g4.span1of1.ptb6

  - |
    .bg-b1.span1of1.ptb6
  - |
    .bg-b2.span1of1.ptb6
  - |
    .bg-b3.span1of1.ptb6
  - |
    .bg-b4.span1of1.ptb6

  - |
    .bg-light.span1of1.ptb6
  - |
    .bg-k1.span1of1.ptb6
  - |
    .bg-k2.span1of1.ptb6
  - |
    .bg-k3.span1of1.ptb6
  - |
    .bg-k4.span1of1.ptb6
  - |
    .bg-dark.span1of1.ptb6
*/
/* line 68, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
body {
  color: #3a3a3a; }
  /* line 46, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@style.scss */
  body ::-moz-selection {
    background: #d8f0f6; }
  body ::selection {
    background: #d8f0f6; }
  /* line 47, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@style.scss */
  body ::-moz-selection {
    background: #d8f0f6; }

/* line 74, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-r1 {
  background-color: #f5b7ab; }

/* line 75, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-r2 {
  background-color: #ee836e; }

/* line 76, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-r3 {
  background-color: #e85c41; }

/* line 77, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-r4 {
  background-color: #db3a1b; }

/* line 80, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-y1 {
  background-color: #ffe8aa; }

/* line 81, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-y2 {
  background-color: #fede88; }

/* line 82, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-y3 {
  background-color: #fed156; }

/* line 83, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-y4 {
  background-color: #febe12; }

/* line 86, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-g1 {
  background-color: #c5e5de; }

/* line 87, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-g2 {
  background-color: #95d1c4; }

/* line 88, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-g3 {
  background-color: #72c1b0; }

/* line 89, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-g4 {
  background-color: #449a88; }

/* line 92, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-b1 {
  background-color: #b1e0ec; }

/* line 93, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-b2 {
  background-color: #6dc5dc; }

/* line 94, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-b3 {
  background-color: #52bad5; }

/* line 95, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-b4 {
  background-color: #2c9ab7; }

/* line 98, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-light {
  background-color: #f9f9f9; }

/* line 99, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-k1 {
  background-color: #f2f2f2; }

/* line 100, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-k2 {
  background-color: #b7b7b7; }

/* line 101, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-k3 {
  background-color: #5d5c5d; }

/* line 102, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-k4 {
  background-color: #373737; }

/* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-dark {
  background-color: #060808; }

/* line 107, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-grey {
  background: #eee; }

/* line 108, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.bg-white {
  background: #fff; }

/*doc
title: Type Colors
description: |
  Shy away from these if possible, but if needed -- it sets the type to the "3 level" of each color.
examples:
  - |
    .type-green Colored Text
  - |
    .type-blue Colored Text
  - |
    .type-yellow Colored Text
  - |
    .type-red Colored Text
  - |
    .bg-k4.ptb3.col.span1of1
      .type-white Colored Text
  - |
    .type-gray Colored Text
  - |
    .type-black Colored Text
  - |
    .type-dark Colored Text
  - |
    .type-mid Colored Text
  - |
    .type-light Colored Text
*/
/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-green {
  color: #72c1b0 !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-green a:hover {
    color: #72c1b0; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-green {
  color: #72c1b0 !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-green:hover {
    color: #72c1b0; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-blue {
  color: #52bad5 !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-blue a:hover {
    color: #52bad5; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-blue {
  color: #52bad5 !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-blue:hover {
    color: #52bad5; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-yellow {
  color: #fed156 !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-yellow a:hover {
    color: #fed156; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-yellow {
  color: #fed156 !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-yellow:hover {
    color: #fed156; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-red {
  color: #e85c41 !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-red a:hover {
    color: #e85c41; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-red {
  color: #e85c41 !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-red:hover {
    color: #e85c41; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-white {
  color: #fff !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-white a:hover {
    color: #fff; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-white {
  color: #fff !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-white:hover {
    color: #fff; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-light {
  color: #d8d9da !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-light a:hover {
    color: #d8d9da; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-light {
  color: #d8d9da !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-light:hover {
    color: #d8d9da; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-gray {
  color: #b7b7b7 !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-gray a:hover {
    color: #b7b7b7; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-gray {
  color: #b7b7b7 !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-gray:hover {
    color: #b7b7b7; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-mid {
  color: #474747 !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-mid a:hover {
    color: #474747; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-mid {
  color: #474747 !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-mid:hover {
    color: #474747; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-dark {
  color: #3a3a3a !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-dark a:hover {
    color: #3a3a3a; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-dark {
  color: #3a3a3a !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-dark:hover {
    color: #3a3a3a; }

/* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
.type-black {
  color: #060808 !important; }
  /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  .type-black a:hover {
    color: #060808; }

/* line 148, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
a.type-black {
  color: #060808 !important; }
  /* line 151, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/_colors.scss */
  a.type-black:hover {
    color: #060808; }

/*page
title: Freddicons
category: icons
description: |
  We use these for fancy icon-ness
*/
@font-face {
  font-family: 'freddicons';
  src: url("https://mailchimp.com/resources/assets/fonts/freddicons.eot");
  src: url("https://mailchimp.com/resources/assets/fonts/freddicons.eot#iefix") format("embedded-opentype"), url("https://mailchimp.com/resources/assets/fonts/freddicons.woff") format("woff"), url("https://mailchimp.com/resources/assets/fonts/freddicons.ttf") format("truetype"), url("https://mailchimp.com/resources/assets/fonts/freddicons.svg#freddicons") format("svg");
  font-weight: normal;
  font-style: normal; }
/* line 23, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
[data-icon]:before {
  font-family: 'freddicons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* line 34, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-mid, .icon-small {
  font-family: 'freddicons'; }

/*doc
title: 36px Freddicons
description: |
  These should typically be used at 36px size. This is set by adding the `icond-mid` class.

  ```haml
  %p.icon-mid
  ```
examples:
  - |
    .icon-pause.icon-mid
  - |
    .icon-pause-dark.icon-mid
  - |
    .icon-edit.icon-mid
  - |
    .icon-edit-dark.icon-mid
  - |
    .icon-code.icon-mid
  - |
    .icon-close.icon-mid
  - |
    .icon-close-dark.icon-mid
  - |
    .icon-checkmark.icon-mid
  - |
    .icon-checkmark-dark.icon-mid
  - |
    .icon-warning.icon-mid
  - |
    .icon-warning-dark.icon-mid
  - |
    .icon-scheduled.icon-mid
  - |
    .icon-scheduled-dark.icon-mid
  - |
    .icon-info.icon-mid
  - |
    .icon-info-dark.icon-mid
  - |
    .icon-full-star-1.icon-mid
  - |
    .icon-star-outline.icon-mid
  - |
    .icon-half-star-2.icon-mid
  - |
    .icon-sending.icon-mid
*/
/* line 87, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-mid {
  font-size: 36px !important; }

/*doc
title: 20px Freddicons
description: |
  These should typically be used at 20px size. This is set by adding the `icond-small` class.

  ```haml
  %p.icon-small
  ```
examples:
  - |
    .icon-hamburger.icon-small
  - |
    .icon-logout.icon-small
  - |
    .icon-no-segments.icon-small
  - |
    .icon-print.icon-small
  - |
    .icon-printer.icon-small
  - |
    .icon-search.icon-small
  - |
    .icon-no-comments.icon-small
  - |
    .icon-no-comments-2.icon-small
  - |
    .icon-comments.icon-small
  - |
    .icon-play.icon-small
  - |
    .icon-arrow-left.icon-small
  - |
    .icon-add.icon-small
  - |
    .icon-delete.icon-small
  - |
    .icon-remove.icon-small
  - |
    .icon-check.icon-small
  - |
    .icon-check-large.icon-small
  - |
    .icon-close-large.icon-small
  - |
    .icon-plus-large.icon-small
  - |
    .icon-calendar.icon-small
  - |
    .icon-heart.icon-small
  - |
    .icon-heart-outline.icon-small
  - |
    .icon-edit-2.icon-small
  - |
    .icon-download.icon-small
  - |
    .icon-pro-arrow-left.icon-small
  - |
    .icon-pro-arrow.icon-small
  - |
    .icon-arrow.icon-small
  - |
    .icon-arrow-down.icon-small
  - |
    .icon-arrow-up.icon-small
  - |
    .icon-share.icon-small
  - |
    .icon-subscriber.icon-small
  - |
    .icon-small-info.icon-small
  - |
    .icon-small-info-dark.icon-small
  - |
    .icon-code-small.icon-small
  - |
    .icon-trash.icon-small
  - |
    .icon-trash-2.icon-small
  - |
    .icon-duplicate.icon-small
  - |
    .icon-tablet.icon-small
  - |
    .icon-move-dots.icon-small
  - |
    .icon-slider-dots.icon-small
  - |
    .icon-media.icon-small
  - |
    .icon-link.icon-small
  - |
    .icon-inspect.icon-small
  - |
    .icon-calendar-1.icon-small
  - |
    .icon-calendar-7.icon-small
  - |
    .icon-calendar-30.icon-small
  - |
    .icon-camera.icon-small
  - |
    .icon-importing.icon-small
  - |
    .icon-goose-egg.icon-small
  - |
    .icon-ecommerce360.icon-small
  - |
    .icon-analytics.icon-small
  - |
    .icon-settings.icon-small
  - |
    .icon-exchange.icon-small
  - |
    .icon-refresh.icon-small
  - |
    .icon-fullscreen.icon-small
*/
/* line 211, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-small {
  font-size: 20px !important; }

/* line 223, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-hamburger, .icon-logout, .icon-twitter, .icon-f_logo, .icon-no-segments, .icon-linkedin-logo, .icon-full-star-1, .icon-star-outline, .icon-half-star-2, .icon-social-pro1, .icon-no-ga-tracking1, .icon-print, .icon-search, .icon-navigation-icons-04, .icon-helper-arrow, .icon-dashboard-sprites-ie8-9, .icon-dashboard-sprites-ie8-8, .icon-dashboard-sprites-ie8-7, .icon-dashboard-sprites-ie8-6, .icon-dashboard-sprites-ie8-5, .icon-dashboard-sprites-ie8-4, .icon-dashboard-sprites-ie8-3, .icon-dashboard-sprites-ie8-2, .icon-dashboard-sprites-ie8-1, .icon-dashboard-sprites-ie8-10, .icon-helper-arrow-2, .icon-no-comments, .icon-pause, .icon-pause-dark, .icon-edit, .icon-code, .icon-close, .icon-close-dark, .icon-checkmark, .icon-checkmark-dark, .icon-warning, .icon-warning-dark, .icon-scheduled, .icon-scheduled-dark, .icon-info, .icon-info-dark, .icon-edit-dark, .icon-arrow-left, .icon-add, .icon-calendar, .icon-heart, .icon-edit-2, .icon-download, .icon-delete, .icon-printer, .icon-pro-arrow-left, .icon-pro-arrow, .icon-remove, .icon-scheduled-2, .icon-share, .icon-subscriber, .icon-small-info, .icon-small-info-dark, .icon-code-small, .icon-heart-outline, .icon-trash, .icon-tablet, .icon-play, .icon-no-comments-2, .icon-move-dots, .icon-media, .icon-link, .icon-inspect, .icon-slider-dots, .icon-calendar-1, .icon-calendar-7, .icon-calendar-30, .icon-camera, .icon-importing, .icon-goose-egg, .icon-ecommerce360, .icon-analytics, .icon-duplicate, .icon-trash-2, .icon-sending, .icon-comments, .icon-settings, .icon-arrow, .icon-arrow-2, .icon-arrow-down, .icon-arrow-up, .icon-exchange, .icon-check, .icon-check-large, .icon-close-large, .icon-plus-large, .icon-refresh, .icon-fullscreen {
  font-family: 'freddicons';
  speak: none;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* line 234, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-hamburger:before {
  content: '\68'; }

/* line 238, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-twitter:before {
  content: '\6e'; }

/* line 242, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-f_logo:before {
  content: '\6f'; }

/* line 246, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-no-segments:before {
  content: '\46'; }

/* line 250, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-linkedin-logo:before {
  content: '\47'; }

/* line 254, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-full-star-1:before {
  content: '\78'; }

/* line 258, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-star-outline:before {
  content: '\49'; }

/* line 262, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-half-star-2:before {
  content: '\44'; }

/* line 266, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-no-ga-tracking1:before {
  content: '\45'; }

/* line 270, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-print:before {
  content: '\4a'; }

/* line 274, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-search:before {
  content: '\62'; }

/* line 278, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-navigation-icons-04:before {
  content: '\64'; }

/* line 282, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-helper-arrow:before {
  content: '\34'; }

/* line 286, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-9:before {
  content: '\58'; }

/* line 290, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-8:before {
  content: '\59'; }

/* line 294, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-7:before {
  content: '\5a'; }

/* line 298, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-5:before {
  content: '\32'; }

/* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-4:before {
  content: '\57'; }

/* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-3:before {
  content: '\61'; }

/* line 310, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-2:before {
  content: '\63'; }

/* line 314, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-1:before {
  content: '\65'; }

/* line 318, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-10:before {
  content: '\38'; }

/* line 322, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-helper-arrow-2:before {
  content: '\39'; }

/* line 326, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-code:before {
  content: '\53'; }

/* line 330, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-close:before {
  content: '\6c'; }

/* line 334, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-close-dark:before {
  content: '\76'; }

/* line 338, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-checkmark:before {
  content: '\6a'; }

/* line 342, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-checkmark-dark:before {
  content: '\74'; }

/* line 346, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-arrow-left:before {
  content: '\55'; }

/* line 350, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-calendar:before {
  content: '\36'; }

/* line 354, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-heart:before {
  content: '\37'; }

/* line 358, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-delete:before {
  content: '\52'; }

/* line 362, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-pro-arrow-left:before {
  content: '\56'; }

/* line 366, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-pro-arrow:before {
  content: '\50'; }

/* line 370, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-subscriber:before {
  content: '\72'; }

/* line 374, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-code-small:before {
  content: '\21'; }

/* line 378, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-heart-outline:before {
  content: '\5e'; }

/* line 382, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-trash:before {
  content: '\79'; }

/* line 386, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-tablet:before {
  content: '\23'; }

/* line 390, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-no-comments:before {
  content: '\6d'; }

/* line 394, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-move-dots:before {
  content: '\25'; }

/* line 398, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-link:before {
  content: '\28'; }

/* line 402, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-slider-dots:before {
  content: '\29'; }

/* line 406, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-calendar-1:before {
  content: '\2a'; }

/* line 410, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-calendar-7:before {
  content: '\2b'; }

/* line 414, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-calendar-30:before {
  content: '\2d'; }

/* line 418, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-analytics:before {
  content: '\3d'; }

/* line 422, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-duplicate:before {
  content: '\3e'; }

/* line 426, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-trash-2:before {
  content: '\3f'; }

/* line 430, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-sending:before {
  content: '\5b'; }

/* line 434, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-comments:before {
  content: '\40'; }

/* line 438, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-arrow:before {
  content: '\4d'; }

/* line 442, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-arrow-2:before,
.icon-arrow-down:before {
  content: '\22'; }

/* line 447, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-arrow-up:before {
  content: '\24'; }

/* line 451, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-exchange:before {
  content: '\2c'; }

/* line 455, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-check:before {
  content: '\2f'; }

/* line 459, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-check-large:before {
  content: '\70'; }

/* line 463, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-close-large:before {
  content: '\71'; }

/* line 467, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-plus-large:before {
  content: '\e600'; }

/* line 471, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-refresh:before {
  content: '\5d'; }

/* line 475, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-dashboard-sprites-ie8-6:before {
  content: '\31'; }

/* line 479, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-ecommerce360:before {
  content: '\3c'; }

/* line 483, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-goose-egg:before {
  content: '\3b'; }

/* line 487, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-importing:before {
  content: '\30'; }

/* line 491, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-logout:before {
  content: '\69'; }

/* line 495, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-social-pro:before {
  content: '\48'; }

/* line 499, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-no-comments-2:before {
  content: '\54'; }

/* line 503, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-add-subscriber:before {
  content: '\67'; }

/* line 507, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-download:before {
  content: '\4c'; }

/* line 511, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-edit-2:before {
  content: '\75'; }

/* line 515, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-share:before {
  content: '\41'; }

/* line 519, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-printer:before {
  content: '\4b'; }

/* line 523, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-remove:before {
  content: '\4f'; }

/* line 527, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-camera:before {
  content: '\2e'; }

/* line 531, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-media:before {
  content: '\26'; }

/* line 535, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-settings:before {
  content: '\5f'; }

/* line 539, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-play:before {
  content: '\27'; }

/* line 543, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-add:before {
  content: '\7a'; }

/* line 547, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-inspect:before {
  content: '\60'; }

/* line 551, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-scheduled:before {
  content: '\4e'; }

/* line 555, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-scheduled-dark:before {
  content: '\33'; }

/* line 559, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-small-info-dark:before {
  content: '\66'; }

/* line 563, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-small-info:before {
  content: '\35'; }

/* line 567, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-info:before {
  content: '\42'; }

/* line 571, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-info-dark:before {
  content: '\7e'; }

/* line 575, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-edit-dark:before {
  content: '\3a'; }

/* line 579, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-edit:before {
  content: '\51'; }

/* line 583, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-pause-dark:before {
  content: '\43'; }

/* line 587, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-pause:before {
  content: '\5c'; }

/* line 591, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-warning-dark:before {
  content: '\73'; }

/* line 595, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-warning:before {
  content: '\6b'; }

/* line 599, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/icons/_freddicons.scss */
.icon-fullscreen:before {
  content: '\e601'; }

/*page
title: Base
category: typography
description: |
  Our hierarchy is primarily Helvetica driven with a baseline of 6px. For content heavy properties we use [Open Sans](https://en.wikipedia.org/wiki/Open_Sans) for body copy as it is a nice font for long-form reading. It is included as a [separate partial](/typography/open-sans) to prevent trying to load the fonts in properties that don't need it.
*/
/*doc
title: Kerning
description: |
  Kerning explicitly turns `text-rendering: optimizelegibility;` on. This enables hints for kerning, but comes at a performance cost. So it is suggested to only use for relatively short portions of text.

  It can also cause issues with calculation of widths, so in some cases buttons would wrap oddly etc. Essentially, use with caution.
example: |
  .helvetica.bold{ style: "font-size: 60px;" } True Type Avast in Wow.
  .helvetica.bold.kern{ style: "font-size: 60px;" } True Type Avast in Wow.
*/
/* line 21, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
.optimize-legibility, .kern, .super_title,
.title,
.heading,
.subheading,
.body_big {
  text-rendering: optimizeLegibility; }

/*doc
title: Modifiers
description: |
  Additional classes for forcing specific display characteristics like bold, or itallic. Try and stay away from using these.
examples:
  - |
    %h2.subheading.regular Hello
  - |
    %p.body.bold Hello
  - |
    %p.helvetica Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas mollis ligula, id dictum nunc facilisis sed.
  - |
    %p.monospace Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas mollis ligula, id dictum nunc facilisis sed.
*/
/* line 52, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
.regular {
  font-weight: normal !important; }

/* line 59, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
.bold {
  font-weight: bold !important; }

/* line 67, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
small {
  font-size: 50%; }

/* line 72, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
.helvetica {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* line 79, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
.monospace {
  font-family: Consolas, Monaco, Menlo, "Courier New", monospace; }

/*nodoc
*/
/*doc
title: Codeblocks
description: |
  For highlightin, look to include `simian/components/syntax` and use a highlighter like [Rouge](https://github.com/jneen/rouge).
examples:
  - |
    %pre Hello World
  - |
    %code Hello World
*/
/* line 114, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
pre {
  font-family: Consolas, Monaco, Menlo, "Courier New", monospace;
  overflow: auto;
  color: #f2f2f2;
  background: #373737;
  border-radius: 4px;
  padding: 18px;
  white-space: pre; }

/* line 124, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
code {
  font-family: Consolas, Monaco, Menlo, "Courier New", monospace; }

/*doc
title: Overflows
description: |
  For cases when a block needs to maintain a single line and overflow with ellipsis. Use with caution as it does require setting an element to display block.
example: |
  %p.overflow-ellipsis
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas mollis ligula, id dictum nunc facilisis sed.
*/
/* line 139, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_base.scss */
.overflow-ellipsis {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*nodoc
*/
/*page
title: Buttons
category: elements
description: |
  Buttons contain actions; like Sign Up Free, Learn More, and Subscribe. They should be written in title case with short, straightforward, and actionable language.

  Standard buttons include:

  - **Log In**
  - **Sign Up Free**
  - **Subscribe**
  - **Email Us**
*/
/*doc
title: Button Group
description: |
  Button groups are sets of two or more buttons that collapse as stacked buttons under `$breakpoint-small`
examples:
  - |
    .btn-group.ptb4
      %input.btn.primary{ type: "submit", value: "Update" }>
      %a.btn.pop{ href: "#" }> Delete
  - |
    .btn-group.ptb4
      %input.btn.primary{ type: "submit", value: "Save" }>
      %input.btn{ type: "reset", value: "Reset" }>
  - |
    .btn-group.ptb4
      .group-primary>
        %input.btn.primary{ type: "submit", value: "Save" }>

      .group-secondary>
        %a.btn-small{ href: "#" }> Feature
        %a.btn-small{ href: "#" }> Unapprove
        %a.btn-small{ href: "#" }> Hold
        %a.btn-small{ href: "#" }> Delete
*/
/* line 40, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
.btn-group {
  display: table;
  width: 100%; }
  @media screen and (max-width: 520px) {
    /* line 40, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
    .btn-group {
      display: block; } }
  /* line 49, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
  .btn-group .btn,
  .btn-group .btn-small,
  .btn-group .btn-mini {
    margin-left: 6px;
    margin-bottom: 6px;
    box-sizing: border-box; }
    /* line 56, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
    .btn-group .btn:first-child,
    .btn-group .btn-small:first-child,
    .btn-group .btn-mini:first-child {
      margin-left: 0; }
    @media screen and (max-width: 520px) {
      /* line 49, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
      .btn-group .btn,
      .btn-group .btn-small,
      .btn-group .btn-mini {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  /* line 68, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
  .btn-group .group-primary,
  .btn-group .group-secondary {
    display: table-cell;
    vertical-align: middle; }
    @media screen and (max-width: 520px) {
      /* line 68, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
      .btn-group .group-primary,
      .btn-group .group-secondary {
        display: block; } }
  /* line 78, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
  .btn-group .group-secondary {
    text-align: right; }

/* line 88, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
.normalize a.more {
  box-shadow: none; }

/*doc
title: Badges
description: |
  Badges can be used in-line with titles (a common use case is tags) and then links to an index of like items.
examples:
  - |
    %a.badge Badge
*/
/* line 102, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
.badge {
  border-radius: 1.3em;
  background: #b7b7b7;
  transition: all 0.3s ease;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 12px;
  padding: 0.5em 1em;
  display: inline-block;
  vertical-align: middle; }
  /* line 55, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
  .color-b.badge {
    background: #52bad5; }
  /* line 56, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
  .color-g.badge {
    background: #72c1b0; }
  /* line 57, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
  .color-r.badge {
    background: #e85c41; }
  /* line 58, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
  .color-y.badge {
    background: #fed156; }
  /* line 59, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
  .color-k.badge {
    background: #5d5c5d; }
  /* line 115, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_buttons.scss */
  .badge:hover {
    background: #5d5c5d;
    text-decoration: none; }
    /* line 90, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
    .badge:hover {
      background: #2c9ab7; }
    /* line 91, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
    .badge:hover.color-b {
      background: #2c9ab7; }
    /* line 92, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
    .badge:hover.color-g {
      background: #449a88; }
    /* line 93, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
    .badge:hover.color-r {
      background: #db3a1b; }
    /* line 94, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
    .badge:hover.color-y {
      background: #febe12; }
    /* line 95, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/@mixins/_@style.scss */
    .badge:hover.color-k {
      background: #373737; }

/*page
title: Images
category: elements
description: |
  Various display classes for images, including "device decorators" to represent them inside devices.
*/
/*doc
title: Figure (with caption)
description: |
  To be applied to a figure or a bare image. Sets the images to behave more predictably.

  - give them a max width of 100%
  - display block to prevent line height spacing beneath
  - modifier class to make images behave when nested under a "center'd" class
examples:
  - |
    .col.span1of3
      %img.img{ src: "http://placehold.it/864x400/72c1b0/ffffff" }
  - |
    .col.span1of3
      %figure.img
        %img{ src: "http://placehold.it/864x400/72c1b0/ffffff" }
  - |
    .center
      %img.img{ src: "http://placehold.it/240x120/72c1b0/ffffff" }
  - |
    %figure.img
      %img{ src: "http://placehold.it/864x400/72c1b0/ffffff" }
      %figcaption.img-caption
        %p.small This is a placeholder image
  - |
    %figure.img
      %img{ src: "http://placehold.it/864x400/72c1b0/ffffff" }
      %figcaption.img-caption.span1of1.align-right
        %p.small This is a placeholder image <a href="#0">and link</a>
*/
/* line 40, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.img img {
  max-width: 100%;
  display: block; }
/* line 46, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.center .img, .center.img img {
  margin-left: auto;
  margin-right: auto; }

/* line 56, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.img-caption {
  padding-top: 12px;
  color: #5d5c5d; }

/*doc
title: Images with Hover Captions
description: |
  Colorful tiles of images. Primary use is for inspirations galleries, the caption should be fairly unimportant.
example: |
  .row.center
    .col.span1of4>
      %figure.center.img.hover
        %img{ src: "http://placehold.it/864x864/72c1b0/ffffff" }
        %figcaption Lorem Ipsum
    .col.span1of4>
      %figure.center.img.hover
        %img{ src: "http://placehold.it/864x864/72c1b0/ffffff" }
        %figcaption Lorem Ipsum
*/
/* line 80, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.hover.img {
  position: relative;
  display: block;
  overflow: hidden; }
  /* line 85, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .hover.img img {
    width: 100%; }
  /* line 89, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .hover.img:hover figcaption {
    opacity: 0.85; }
  /* line 93, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .hover.img figcaption {
    margin: 0;
    width: 100%;
    height: 100%;
    padding-top: 45%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    text-align: center;
    background-color: #52bad5;
    transition: all 0.3s ease; }
    /* line 108, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .hover.img figcaption h2 {
      color: #fff; }

/*doc
title: Ghost Browser
description: |
  A minimal representation of a browser to surround screenshots.
example: |
  .row.center
    .col.span1of1>
      %figure.ghost-browser
        %img.is-active{ src: "http://placehold.it/1004x700/72c1b0/ffffff" }>
*/
/* line 124, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.ghost-browser {
  border-width: 2px;
  border-style: solid;
  color: #6dc5dc;
  padding-top: 36px;
  border-radius: 8px;
  overflow: hidden;
  position: relative; }
  /* line 133, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .ghost-browser img {
    display: block;
    border-top-width: 2px;
    border-top-style: solid;
    min-width: 100%; }
  /* line 140, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .no-address.ghost-browser {
    padding-top: 0; }
    /* line 143, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .no-address.ghost-browser img {
      border-top-width: 0; }
  /* line 149, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .ghost-browser::before {
    position: absolute;
    top: 16px;
    display: block;
    font-size: 26px;
    line-height: 0;
    speak: none; }
  /* line 158, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .os-mac .ghost-browser::before {
    content: '○ ○ ○';
    left: 10px; }
  /* line 163, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .os-windows .ghost-browser::before {
    content: '▭▭▭';
    right: 10px;
    top: 18px;
    font-size: 40px; }
  @media screen and (max-width: 520px) {
    /* line 124, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .ghost-browser {
      padding-top: 24px; }
      /* line 174, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
      .ghost-browser::before {
        display: none; } }

/* line 210, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.android, .ipad, .iphone {
  position: relative;
  color: #6dc5dc;
  border: 2px solid;
  background: rgba(255, 255, 255, 0.95);
  border-color: currentColor; }
  /* line 217, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .android .screen, .ipad .screen, .iphone .screen {
    margin: 0 auto;
    border: 2px solid currentColor;
    box-sizing: border-box; }
    /* line 222, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .android .screen img, .ipad .screen img, .iphone .screen img {
      width: 100%;
      display: block; }
  /* line 228, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .android .camera, .ipad .camera, .iphone .camera,
  .android .home_button,
  .ipad .home_button,
  .iphone .home_button,
  .android .camera_and_speaker,
  .ipad .camera_and_speaker,
  .iphone .camera_and_speaker {
    position: absolute;
    height: 0;
    left: 50%; }
    /* line 235, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .android .camera, .ipad .camera, .iphone .camera, .android .camera::after, .ipad .camera::after, .iphone .camera::after,
    .android .home_button,
    .ipad .home_button,
    .iphone .home_button,
    .android .home_button::after,
    .ipad .home_button::after,
    .iphone .home_button::after,
    .android .camera_and_speaker,
    .ipad .camera_and_speaker,
    .iphone .camera_and_speaker,
    .android .camera_and_speaker::after,
    .ipad .camera_and_speaker::after,
    .iphone .camera_and_speaker::after {
      box-shadow: 0 0 0 2px #b1e0ec inset; }
  /* line 241, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .android .home_button, .ipad .home_button, .iphone .home_button {
    bottom: 0;
    border-radius: 50%; }

/*doc
title: Ghost Android
description: |
  A minimal representation of a landscape android device. The embeded screenshot *must* maintain the correct ratio.  Using the `android_figure` helper from Bananabin::Helpers::DeviceDecorators will correct the corners if given an image of a different ratio.
example: |
  .row.center
    .col.span2of3
      .android.fallback_to_browser
        .camera
        .screen
          %img{ src: "http://placehold.it/682x426/72c1b0/ffffff" }
*/
/* line 260, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.android {
  padding: 5% 0;
  border-radius: 6.5%/10.5%; }
  /* line 265, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .android .screen {
    width: 80%; }
  /* line 269, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .android .camera {
    top: 48%;
    left: 4.25%;
    width: 2%;
    padding-top: 2%;
    border-radius: 50%; }
  @media screen and (max-width: 615px) {
    /* line 185, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .fallback_to_browser.android {
      padding: 36px 0 0 0;
      border-radius: 8px !important;
      overflow: hidden; }
      /* line 191, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
      .fallback_to_browser.android .screen {
        border-width: 0;
        border-top-width: 2px;
        width: 100%; }
      /* line 197, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
      .fallback_to_browser.android .camera,
      .fallback_to_browser.android .home_button,
      .fallback_to_browser.android .camera_and_speaker {
        display: none; } }
  @media screen and (max-width: 520px) {
    /* line 185, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .fallback_to_browser.android {
      padding-top: 24px; } }

/*doc
title: Ghost iPad
description:
  A minimal representation of a portrait iPad. The embeded screenshot *must* maintain the correct ratio. Using the `ipad_figure` helper from Bananabin::Helpers::DeviceDecorators will correct the corners if given an image of a different ratio.
example: |
  .row.center
    .col.span2of3
      .ipad.fallback_to_browser
        .camera
        .screen
          %img{ src: "http://placehold.it/768x1024/72c1b0/ffffff" }
        .home_button
*/
/* line 297, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.ipad {
  padding: 11% 0;
  border-radius: 6%/4%; }
  /* line 302, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .ipad .screen {
    width: 90%; }
  /* line 306, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .ipad .camera {
    top: 3.5%;
    margin-top: 0;
    width: 2%;
    padding-top: 2%;
    border-radius: 50%;
    margin-left: -1%; }
  /* line 315, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .ipad .home_button {
    bottom: 1.5%;
    margin-bottom: 0;
    width: 7%;
    padding-top: 7%;
    margin-left: -3.5%; }
    /* line 322, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .ipad .home_button:after {
      content: '';
      display: block;
      position: absolute;
      top: 30%;
      left: 30%;
      height: 40%;
      width: 40%;
      box-sizing: border-box;
      border-radius: 25%; }
  @media screen and (max-width: 615px) {
    /* line 185, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .fallback_to_browser.ipad {
      padding: 36px 0 0 0;
      border-radius: 8px !important;
      overflow: hidden; }
      /* line 191, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
      .fallback_to_browser.ipad .screen {
        border-width: 0;
        border-top-width: 2px;
        width: 100%; }
      /* line 197, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
      .fallback_to_browser.ipad .camera,
      .fallback_to_browser.ipad .home_button,
      .fallback_to_browser.ipad .camera_and_speaker {
        display: none; } }
  @media screen and (max-width: 520px) {
    /* line 185, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .fallback_to_browser.ipad {
      padding-top: 24px; } }

/*doc
title: Ghost iPhone
description:
  A minimal representation of a portrait iPhone. The embeded screenshot *must* maintain the correct ratio. Using the `iphone_figure` helper from Bananabin::Helpers::DeviceDecorators will correct the corners if given an image of a different ratio.
example: |
  .row.center
    .col.span1of3
      .iphone.fallback_to_browser
        .camera_and_speaker
        .screen
          %img{ src: "http://placehold.it/400x710/72c1b0/ffffff" }
        .home_button
*/
/* line 355, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
.iphone {
  padding: 22% 0;
  border-radius: 14%/7%; }
  /* line 360, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .iphone .screen {
    width: 90%; }
  /* line 364, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .iphone .camera_and_speaker {
    display: block;
    position: absolute;
    top: 4.8%;
    width: 18%;
    padding-top: 3.5%;
    margin-top: 0;
    margin-left: -9%;
    border-radius: 18px; }
    /* line 374, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .iphone .camera_and_speaker:after {
      content: '';
      width: 25%;
      padding-top: 25%;
      position: absolute;
      top: -10%;
      left: -40%;
      border-radius: 50%; }
  /* line 385, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
  .iphone .home_button {
    bottom: 2%;
    margin-bottom: 0;
    width: 14%;
    padding-top: 14%;
    margin-left: -7%; }
  @media screen and (max-width: 520px) {
    /* line 185, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .fallback_to_browser.iphone {
      padding: 36px 0 0 0;
      border-radius: 8px !important;
      overflow: hidden; }
      /* line 191, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
      .fallback_to_browser.iphone .screen {
        border-width: 0;
        border-top-width: 2px;
        width: 100%; }
      /* line 197, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
      .fallback_to_browser.iphone .camera,
      .fallback_to_browser.iphone .home_button,
      .fallback_to_browser.iphone .camera_and_speaker {
        display: none; } }
  @media screen and (max-width: 520px) {
    /* line 185, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_images.scss */
    .fallback_to_browser.iphone {
      padding-top: 24px; } }

/*page
title: Inputs
category: elements
*/
/*doc
title: Form Button
description: |
  Just an alias of the `.form-btn` class
example: |
  %button.form-button Form Button
*/
/* line 18, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_inputs.scss */
.form-button .hide {
  display: none; }

/*doc
title: Form Captcha
description: |
  Container for captchas.
example: |
  .form-captcha
    %p.body Captcha Would be Here
*/
/*doc
title: Form Canary
description: |
  A 'hidden' form field -- mildy successful at acting as a honeypot.
example: |
  %input.form-canary{ type: 'text', placholder: 'You shouldn\'t see me' }
*/
/* line 48, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_inputs.scss */
.form-canary {
  position: absolute;
  left: -99999em; }

/*page
title: Forms
category: elements
*/
/*doc
title: Form Example
description: |
  adding the `please-validate` class to the form lets parsley know that it should be validated. based on the input attributes parsley will validate and add error messages where appropriate.
example: |
  %form.form.please-validate

    %label.form-label{ for: "field-name" } Name
    %input.form-input{ id: "field-name", type: "text", placeholder: "Whats Your Name?", required: "required" }

    %label.form-label{ for: "field-email" } Email
    %input.form-input{ id: "field-email", type: "email", required: "true", placeholder: "Enter Your Email" }

    %label.form-label{ for: "field-message" } Message
    %textarea.form-area{ id: "field-message", placeholder: "What do you want to say?" }

    %input.form-button{ type: "submit" }
*/
/* line 27, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
.form .form-input,
.form .form-area,
.form .form-button,
.form .form-select {
  margin: 0 0 18px 0; }
  /* line 33, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
  .form .form-input + label, .form .form-input + .form-label,
  .form .form-area + label,
  .form .form-area + .form-label,
  .form .form-button + label,
  .form .form-button + .form-label,
  .form .form-select + label,
  .form .form-select + .form-label {
    margin-top: 18px; }
/* line 40, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
.form .form-group .form-input,
.form .form-group .form-area,
.form .form-group .form-button,
.form .form-group .form-select {
  margin-bottom: 0; }

/*doc
title: Inline Form
description: |
  Form for *extra* simple placements, like email subscriptions or app-link notifications.
example: |
  %form.form-inline.please-validate
    %input.form-input{ type: "email", placeholder: "Enter your email address" }>
    %button.form-button.ss-navigateright>
      %span.hide Submit
*/
/* line 69, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
.center .form-inline {
  margin-left: auto;
  margin-right: auto; }
/* line 74, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
.form-inline .form-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: normal;
  margin: 0;
  padding: 0 18px;
  width: 85%;
  border-right: 0; }
  /* line 84, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
  .form-inline .form-input.field-error + .form-button {
    background: #ee836e;
    box-shadow: 0 0 0 1px #e85c41;
    cursor: default; }
  /* line 92, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
  .form-inline .form-input:hover + .form-button {
    background: #8a8a8a; }
    /* line 95, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
    .form-inline .form-input:hover + .form-button.ghost {
      background: #fff;
      border-color: #8a8a8a; }
  /* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
  .form-inline .form-input:focus + .form-button {
    background: #373737; }
    /* line 106, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
    .form-inline .form-input:focus + .form-button.ghost {
      background: #fff;
      border-color: #373737; }
/* line 114, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
.form-inline .form-button {
  margin: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-sizing: border-box;
  font-size: 16px;
  width: 15%;
  padding: 0;
  vertical-align: middle;
  height: 54px;
  line-height: 57.375px; }
  /* line 127, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
  .form-inline .form-button.ghost {
    background: #fff;
    border-color: #dcdcdc;
    border-left: 0;
    text-align: right;
    padding-right: 18px; }
    /* line 134, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
    .form-inline .form-button.ghost:hover, .form-inline .form-button.ghost:focus {
      color: #52bad5 !important; }

/*doc
title: Friendly Form
description: |
  A variant of the inline form, uses 'body_big'. Adding a 'ghost' class to the button creates the appearance of a single field to fill.
example: |
  %form.form-inline.form-friendly.please-validate
    %input.form-input{ type: "text", placeholder: "Search this site" }>
    %button.form-button.icon-search.ghost>
      %span.hide Search
*/
/* line 158, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
.form-friendly .form-input {
  height: 54px;
  font-size: 21px;
  line-height: 1.71429;
  font-weight: 300;
  letter-spacing: 0.05em; }
  /* line 102, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@style.scss */
  .form-friendly .form-input::-webkit-input-placeholder {
    font-weight: 300;
    letter-spacing: 0.03em; }
  /* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@style.scss */
  .form-friendly .form-input:-moz-placeholder {
    font-weight: 300;
    letter-spacing: 0.03em; }
  /* line 104, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@style.scss */
  .form-friendly .form-input::-moz-placeholder {
    font-weight: 300;
    letter-spacing: 0.03em; }
  /* line 105, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/@mixins/_@style.scss */
  .form-friendly .form-input:-ms-input-placeholder {
    font-weight: 300;
    letter-spacing: 0.03em; }
/* line 171, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
.form-friendly .form-button {
  height: 54px;
  font-size: 21px;
  line-height: 1.71429; }
  /* line 176, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
  .form-friendly .form-button[class*="ss-"], .form-friendly .form-button[class*="icon-"] {
    font-size: 20px; }

/*doc
title: Load Indicator
description: |
example: |
  .row.ptb6.center
    .load-indicator{ style: 'display: inline-block' }
      .circle-1
      .circle-2
*/
/* line 196, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
.load-indicator {
  width: 48px;
  height: 48px;
  position: absolute;
  background: transparent;
  margin: 0 auto;
  display: none; }
  /* line 204, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
  .load-indicator .circle-1,
  .load-indicator .circle-2 {
    border: 3px solid #3a3a3a;
    border-radius: 100em;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-animation-name: load-indicator;
            animation-name: load-indicator;
    -webkit-animation-duration: 1.15s;
            animation-duration: 1.15s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  /* line 221, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_forms.scss */
  .load-indicator .circle-2 {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s; }

@-webkit-keyframes load-indicator {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  80%,
    100% {
    opacity: 0.15;
    z-index: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes load-indicator {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  80%,
    100% {
    opacity: 0.15;
    z-index: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
/*page
title: Tables
category: elements
*/
/*doc
title: Overflowing Table
description: |
  Wrapping a table with the `.table-container` class causes it co hit an overflow point when it's container is too small. The full table is then accessible through horizontal scrolling.
example: |
  .table-container
    %table
      %tbody
        %tr.em
          %th
            Price
            %small /month
          %td $10
          %td $15
          %td $30
          %td $50
        %tr.small
          %th Subscribers
          %td 0-500
          %td 501-1,000
          %td 1,001-2,500
          %td 2,501-5,000
        %tr.small
          %th Send limit
          %td Unlimited
          %td Unlimited
          %td Unlimited
          %td Unlimited
*/
/* line 37, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_tables.scss */
.table-container {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  /* line 43, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_tables.scss */
  .table-container table {
    min-width: 100%; }

/*doc
title: Fixed Table
description: |
  For tables that *shouldn't* gain overflow scrolling inside their containers and maintain fixed column widths based on their counts. Give the table a `table-fixed` class.
example: |
  %table.table-fixed
    %tbody
      %tr
        %td{ colspan: 2 }
          %h2.mt2 Quick Examples
      %tr
        %td
          %h3 Your list is okay
        %td
          %h3 Your list is NOT okay
      %tr
        %td
          %ul.list-marked
            %li List Item One
            %li Nemo enim ipsam voluptatem quia
            %li List Item thre and this one goes on for a while
        %td
          %ul.list-marked
            %li List Item One
            %li Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
            %li List Item thre and this one goes on for a while
*/
/* line 80, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_tables.scss */
.table-fixed {
  table-layout: fixed; }

/*page
title: Cards
category: elements
description: |
  Messages are used to notify a user after an action such as signing up for a newsletter, or submitting a form. What is written in these messages really matters as this is the point the site or application actually "talks" to a user. [Voice & Tone](http://voiceandtone.com) is great for guidance on writing for them.
*/
/*doc
title: Cards
description: |
  Cards act as containers for arbitrary content. Often as a callout, or another way to seperate from the main flow of the document. They act as a `.col` would, so any spanXofX or alignment classes will work to modify them.
example: |
  .card
    .col.span1of4.middle>
      %img.img{ src: "http://placehold.it/600x600/52BAD5/52BAD5" }
    .col.span3of4.middle>
      %h2.heading.mt2 Cards can take any content
      %p.body.mt1 But be aware, they will get double padded. So this will affect some design decisisons.
*/
/* line 21, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/elements/_cards.scss */
.card {
  background: #fff;
  padding: 18px;
  border-color: #dcdcdc;
  border-style: solid;
  border-bottom-width: 4px; }

/*page
title: Open Sans
category: typography
description: |
  Included as a separate partial so only web properties that need it can require it. By importing the partial body type will become open-sans, and well as the `.open-sans` class becoming available.

  Import *before* bananabin, as it overwrites many of the base variables to apply open-sans styles.

  ```scss
  @import 'https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/bananabin/typography/open-sans';
  @import 'https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/bananabin';
  ```
*/
@font-face {
  font-family: 'Open Sans';
  src: url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-regular-webfont.eot");
  src: url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-regular-webfont.woff") format("woff"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-regular-webfont.ttf") format("truetype"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-italic-webfont.eot");
  src: url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-italic-webfont.woff") format("woff"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-italic-webfont.ttf") format("truetype"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bold-webfont.eot");
  src: url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bold-webfont.woff") format("woff"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bold-webfont.ttf") format("truetype"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bolditalic-webfont.eot");
  src: url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bolditalic-webfont.woff") format("woff"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bolditalic-webfont.ttf") format("truetype"), url("//static.mailchimp.com/web/assets/fonts/open-sans/opensans-bolditalic-webfont.svg#open_sansbold_italic") format("svg");
  font-weight: bold;
  font-style: italic; }
/* line 62, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_open-sans.scss */
.open-sans, .page-header .page-title h2,
.page-header .page-title nav {
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; }

/* line 78, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/typography/_open-sans.scss */
.page-header .page-title h2,
.page-header .page-title nav {
  font-weight: normal; }

/*doc
title: Example
description: |
  Some cases of open-sans use
example: |
  %link{ href: "/assets/css/page/doc-open-sans.css", rel: "stylesheet" }

  .normalize
    %h1 Lorem ipsum dolor sit amet.

    %p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas mollis ligula, id dictum nunc facilisis sed. Fusce euismod ultrices urna a egestas.

    %p.body_big Hello world! Lorem ipsum dolor sit amet.

    %ul
      %li
        %h3 Heading
        %p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas mollis ligula, id dictum nunc facilisis sed. Fusce euismod ultrices urna a egestas.
      %li
        %h3 Heading
        %p Vivamus ultrices mi vitae nulla ullamcorper quis accumsan risus rutrum. Etiam a dignissim magna. Ut mauris velit, egestas id consequat nec, elementum at leo.
      %li Vivamus ultrices mi vitae nulla ullamcorper quis accumsan risus rutrum. Etiam a dignissim magna. Ut mauris velit, egestas id consequat nec, elementum at leo.

    %p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas mollis ligula, id dictum nunc facilisis sed. Fusce euismod ultrices urna a egestas.

    %blockquote
      %p Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    %p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi egestas mollis ligula, id dictum nunc facilisis sed. Fusce euismod ultrices urna a egestas. Vivamus ultrices mi vitae nulla ullamcorper quis accumsan risus rutrum. Etiam a dignissim magna. Ut mauris velit, egestas id consequat nec, elementum at leo.
*/
/*page
title: Site Navigation
category: partials
*/
/*doc
title: Site Navigation
layout: organism
description: |
  Navigation for your site. Requires "bananabin/_modules/site_nav.js.coffee"
full_width: true
example: |
  - nav_data = {primary: [{title: "Features", url: "#"}, {title: "Pricing", url: "#"}], secondary: [{call_to_action: {label: "Sign Up Free", url: "#"}}, {title: "Log In", url: "#"}], action: {type: :search, label: "Search", url: "#"}}
  = pattern[:site_nav].render(nav_data)
example_url: "/examples/site_nav"
*/
/* line 18, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
.site-nav-shim {
  height: 60px; }

/* line 27, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
.site-nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 500;
  background: #fff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.066);
  box-sizing: border-box;
  height: 60px; }
  /* line 39, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .freddie-container {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  /* line 46, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .freddie {
    width: 36px;
    height: 36px;
    line-height: 0; }
  /* line 52, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .site-nav-links {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  /* line 57, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .site-nav-primary,
  .site-nav .site-nav-secondary {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  /* line 64, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .site-nav-secondary {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  /* line 68, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .site-nav-actions {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  /* line 72, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .item {
    height: 60px;
    padding: 0 18px;
    line-height: 60px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    color: #3a3a3a;
    font-weight: 600;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: rgba(249, 249, 249, 0);
    transition: background-color .2s linear, color .2s linear; }
    /* line 91, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
    .site-nav .item[href]:hover {
      text-decoration: none;
      background: #f9f9f9; }
    /* line 96, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
    .site-nav .item.active, .site-nav .item.active:hover {
      color: #2c9ab7; }
      @media screen and (min-width: 886px) {
        /* line 101, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
        .site-nav .item.active:after, .site-nav .item.active:hover:after {
          content: '';
          display: block;
          position: absolute;
          bottom: 0;
          left: 18px;
          right: 18px;
          height: 3px;
          background: #3faac6; } }
    @media screen and (min-width: 1004px) {
      /* line 72, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav .item {
        padding: 0 24px; } }
    @media screen and (max-width: 886px) and (max-height: 600px) {
      /* line 72, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav .item {
        height: 48px;
        line-height: 48px; } }
  /* line 124, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .site-nav-menu-actions {
    display: none; }
  @media screen and (max-width: 886px) {
    /* line 129, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
    .site-nav .site-nav-links {
      position: absolute;
      bottom: 60px;
      left: 0;
      right: 0;
      background: #f9f9f9;
      border-top: 1px solid #dcdcdc;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      box-sizing: border-box;
      padding-top: 12px;
      opacity: 0;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      transition: opacity .2s ease; }
      /* line 145, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav-is-open .site-nav .site-nav-links {
        height: calc(100vh - 60px);
        top: 60px;
        bottom: auto;
        opacity: 1; }
      /* line 152, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav .site-nav-links .site-nav-primary,
      .site-nav .site-nav-links .site-nav-secondary {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; }
      /* line 160, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav .site-nav-links .item[href]:hover {
        background: white; }
      /* line 165, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav .site-nav-links .site-nav-secondary-cta {
        padding: 0; }
    /* line 170, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
    .site-nav .site-nav-menu-actions {
      display: inline-block; }
      /* line 172, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav .site-nav-menu-actions .item {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; }
      /* line 176, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav .site-nav-menu-actions .site-nav-menu-close,
      .site-nav .site-nav-menu-actions .site-nav-menu-open {
        cursor: pointer; }
      /* line 181, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav .site-nav-menu-actions .site-nav-menu-close {
        display: none; }
      /* line 186, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav-is-open .site-nav .site-nav-menu-actions .site-nav-menu-close {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; }
      /* line 189, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
      .site-nav-is-open .site-nav .site-nav-menu-actions .site-nav-menu-open {
        display: none; } }
  /* line 196, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_nav.scss */
  .site-nav .svg-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: currentColor; }

/*page
title: Site Foot
category: partials
*/
/*doc
title: Site Foot
description: |
  A site footer with optional subnav.

  The css is not included by default, to use:

  ```scss
  @import 'https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/bananabin/partials/site_footer';
  ```
full_width: true
example: |
  - footer_data = { sections: [{title: "Winterfell", subnav: [{title: "Jon Snow", href: "#"}, {title: "Hodor", href: "#"}]}, {title: "House Lannister", subnav: [{title: "Ser Jaime", href: "#"}, {title: "Cersei", href: "#"}]}], colophon: "©2001-2016 All Rights Reserved. MailChimp® is a registered trademark of The Rocket Science Group. [Privacy](/legal/privacy) and [Terms](/legal)" }
  = pattern[:footer].render(footer_data)
example_url: "/examples/site_nav"
*/
/* line 23, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
.site-footer {
  font-size: 12px;
  padding-top: 8vmin;
  padding-bottom: 8vmin; }
  /* line 28, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
  .site-footer .script-logo {
    display: inline-block;
    max-width: 130px; }
    /* line 31, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
    .site-footer .script-logo svg {
      width: 100%; }
  /* line 36, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
  .site-footer .menu-item {
    margin-bottom: 6px; }
  /* line 40, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
  .site-footer .subheading {
    font-size: 14px;
    padding: 0 0 12px 0; }
  /* line 45, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
  .site-footer .social-link {
    display: inline-block;
    margin: 9px;
    color: #b7b7b7;
    transition: color .3s ease; }
    /* line 50, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
    .site-footer .social-link:hover {
      color: #52bad5; }
  /* line 55, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
  .site-footer .app-link {
    display: inline-block;
    width: 50%;
    max-width: 162px;
    margin: 9px; }
    /* line 61, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
    .site-footer .app-link svg {
      width: 100%;
      height: auto;
      max-height: 48px; }
  /* line 68, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
  .site-footer .svg-icon {
    display: inline-block;
    width: auto;
    max-width: 34px;
    height: 24px;
    vertical-align: middle;
    fill: currentColor; }
  @media screen and (max-width: 840px) {
    /* line 78, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
    .site-footer .menu-list {
      font-size: inherit;
      line-height: inherit; }
      /* line 82, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
      .site-footer .menu-list li {
        line-height: inherit; } }
  @media screen and (max-width: 615px) {
    /* line 89, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
    .site-footer .footer-logo-container {
      text-align: center; }
    /* line 93, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/bananabin/partials/_site_footer.scss */
    .site-footer .script-logo {
      margin-top: 36px; } }

/*nopage
title: Syntax Highlighting
category: components
*/
/*nodoc
title: Pre Elements
*/
/* line 45, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
pre.highlight {
  background: #373737;
  color: #fff;
  font-family: Consolas, Monaco, Menlo, "Courier New", monospace;
  line-height: 1.35; }

/*
** [pygments](http://pygments.org/) compatible styles for syntax highlighting.
*/
/* line 55, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.hll {
  background-color: #9b7b25; }

/* line 57, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.err {
  color: #cc6666; }

/* Error */
/* line 58, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.c {
  color: #8a8a8a; }

/* Comment */
/* line 59, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.k {
  color: #EE836E; }

/* Keyword */
/* line 60, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.l {
  color: #72C1B0; }

/* Literal */
/* line 61, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.n {
  color: #2C9AB7; }

/* Name */
/* line 62, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.o {
  color: #6DC5DC; }

/* Operator */
/* line 63, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.p {
  color: #2C9AB7; }

/* Punctuation */
/* line 65, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.cm {
  color: #8a8a8a; }

/* Comment.Multiline */
/* line 66, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.cp {
  color: #8a8a8a; }

/* Comment.Preproc */
/* line 67, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.c1 {
  color: #8a8a8a; }

/* Comment.Single */
/* line 68, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.cs {
  color: #8a8a8a; }

/* Comment.Special */
/* line 70, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.gd {
  color: #cc6666; }

/* Generic.Deleted */
/* line 71, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.ge {
  font-style: italic; }

/* Generic.Emph */
/* line 72, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.gh {
  color: #B1E0EC;
  font-weight: bold; }

/* Generic.Heading */
/* line 73, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.gi {
  color: #FEDE88; }

/* Generic.Inserted */
/* line 74, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.gp {
  color: #f2f2f2;
  font-weight: bold; }

/* Generic.Prompt */
/* line 75, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.gs {
  font-weight: bold; }

/* Generic.Strong */
/* line 76, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.gu {
  color: #6DC5DC;
  font-weight: bold; }

/* Generic.Subheading */
/* line 78, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.kc {
  color: #EE836E; }

/* Keyword.Constant */
/* line 79, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.kd {
  color: #EE836E; }

/* Keyword.Declaration */
/* line 80, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.kn {
  color: #6DC5DC; }

/* Keyword.Namespace */
/* line 81, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.kp {
  color: #EE836E; }

/* Keyword.Pseudo */
/* line 82, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.kr {
  color: #EE836E; }

/* Keyword.Reserved */
/* line 83, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.kt {
  color: #95D1C4; }

/* Keyword.Type */
/* line 85, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.ld {
  color: #FEDE88; }

/* Literal.Date */
/* line 86, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.m {
  color: #72C1B0; }

/* Literal.Number */
/* line 87, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.s {
  color: #FEDE88; }

/* Literal.String */
/* line 88, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.mf {
  color: #72C1B0; }

/* Literal.Number.Float */
/* line 89, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.mh {
  color: #72C1B0; }

/* Literal.Number.Hex */
/* line 90, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.mi {
  color: #72C1B0; }

/* Literal.Number.Integer */
/* line 91, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.mo {
  color: #72C1B0; }

/* Literal.Number.Oct */
/* line 92, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.sb {
  color: #FEDE88; }

/* Literal.String.Backtick */
/* line 93, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.sc {
  color: #2C9AB7; }

/* Literal.String.Char */
/* line 94, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.sd {
  color: #f2f2f2; }

/* Literal.String.Doc */
/* line 95, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.s2 {
  color: #FEDE88; }

/* Literal.String.Double */
/* line 96, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.se {
  color: #72C1B0; }

/* Literal.String.Escape */
/* line 97, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.sh {
  color: #FEDE88; }

/* Literal.String.Heredoc */
/* line 98, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.si {
  color: #72C1B0; }

/* Literal.String.Interpol */
/* line 99, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.sx {
  color: #FEDE88; }

/* Literal.String.Other */
/* line 100, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.sr {
  color: #FEDE88; }

/* Literal.String.Regex */
/* line 101, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.s1 {
  color: #FEDE88; }

/* Literal.String.Single */
/* line 102, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.ss {
  color: #FEDE88; }

/* Literal.String.Symbol */
/* line 103, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.il {
  color: #72C1B0; }

/* Literal.Number.Integer.Long */
/* line 105, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.na {
  color: #95D1C4; }

/* Name.Attribute */
/* line 106, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nb {
  color: #2C9AB7; }

/* Name.Builtin */
/* line 107, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nc {
  color: #95D1C4; }

/* Name.Class */
/* line 108, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.no {
  color: #cc6666; }

/* Name.Constant */
/* line 109, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nd {
  color: #6DC5DC; }

/* Name.Decorator */
/* line 110, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.ni {
  color: #2C9AB7; }

/* Name.Entity */
/* line 111, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.ne {
  color: #cc6666; }

/* Name.Exception */
/* line 112, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nf {
  color: #95D1C4; }

/* Name.Function */
/* line 113, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nl {
  color: #2C9AB7; }

/* Name.Label */
/* line 114, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nn {
  color: #95D1C4; }

/* Name.Namespace */
/* line 115, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nx {
  color: #95D1C4; }

/* Name.Other */
/* line 116, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.py {
  color: #2C9AB7; }

/* Name.Property */
/* line 117, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nt {
  color: #6DC5DC; }

/* Name.Tag */
/* line 118, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.nv {
  color: #cc6666; }

/* Name.Variable */
/* line 119, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.bp {
  color: #2C9AB7; }

/* Name.Builtin.Pseudo */
/* line 120, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.vc {
  color: #cc6666; }

/* Name.Variable.Class */
/* line 121, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.vg {
  color: #cc6666; }

/* Name.Variable.Global */
/* line 122, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.vi {
  color: #cc6666; }

/* Name.Variable.Instance */
/* line 124, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.ow {
  color: #6DC5DC; }

/* Operator.Word */
/* line 125, /usr/local/rvm/gems/ruby-2.3.4/gems/bananabin-2.2.11/gem/vendor/assets/css/simian/components/_syntax.scss */
.w {
  color: #2C9AB7; }

/* Text.Whitespace */
/* line 1, /var/www/html/base/source/stylesheets/_reset.scss */
* {
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-kerning: normal;
  -moz-font-kerning: normal;
       font-kerning: normal;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1"; }

/* line 19, /var/www/html/base/source/stylesheets/_reset.scss */
.span7of8,
.span2of3,
.span5of8 {
  margin: 0 auto; }

/* line 25, /var/www/html/base/source/stylesheets/_reset.scss */
.span5of8 {
  min-width: 607.5px; }
  @media (max-width: 770px) {
    /* line 25, /var/www/html/base/source/stylesheets/_reset.scss */
    .span5of8 {
      width: 100%;
      min-width: 0%; } }

@media (max-width: 770px) {
  /* line 33, /var/www/html/base/source/stylesheets/_reset.scss */
  .col {
    padding-left: 30px;
    padding-right: 30px; } }

/* line 40, /var/www/html/base/source/stylesheets/_reset.scss */
body {
  background: #fff;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  overflow-x: hidden; }

/* line 49, /var/www/html/base/source/stylesheets/_reset.scss */
.site-footer > .content > .block {
  display: inline-table; }

/* line 53, /var/www/html/base/source/stylesheets/_reset.scss */
.type-gray {
  color: #9E9E9E !important; }

@media (max-width: 1008px) {
  /* line 57, /var/www/html/base/source/stylesheets/_reset.scss */
  .title {
    font-size: 26px !important; } }

@media (max-width: 1008px) {
  /* line 63, /var/www/html/base/source/stylesheets/_reset.scss */
  .heading {
    font-size: 18px !important; } }

/* line 69, /var/www/html/base/source/stylesheets/_reset.scss */
.span1of5 {
  width: 20%; }

/* line 74, /var/www/html/base/source/stylesheets/_reset.scss */
p {
  font-family: 'Open Sans',sans-serif; }

@font-face {
  font-family: 'icomoon';
  src: url("https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/icomoon/fonts/icomoon.eot");
  src: url("https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/icomoon/fonts/icomoon.eot") format("embedded-opentype"), url("https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/icomoon/fonts/icomoon.ttf") format("truetype"), url("https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/icomoon/fonts/icomoon.woff") format("woff"), url("https://mailchimp.com/resources/wp-content/themes/mailchimp_resource/stylesheets/icomoon/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* line 12, /var/www/html/base/source/stylesheets/icomoon/style.css.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 27, /var/www/html/base/source/stylesheets/icomoon/style.css.scss */
.icon-mcr-arrow-right:before {
  content: "\e903"; }

/* line 30, /var/www/html/base/source/stylesheets/icomoon/style.css.scss */
.icon-mcr-facebook:before {
  content: "\e900"; }

/* line 33, /var/www/html/base/source/stylesheets/icomoon/style.css.scss */
.icon-mcr-link:before {
  content: "\e901"; }

/* line 36, /var/www/html/base/source/stylesheets/icomoon/style.css.scss */
.icon-mcr-twitter:before {
  content: "\e902"; }

/* line 1, /var/www/html/base/source/components/component-title-copy/component-title-copy.scss */
.component-title-copy {
  padding: 60px 0; }
  /* line 3, /var/www/html/base/source/components/component-title-copy/component-title-copy.scss */
  .component-title-copy .col {
    padding: 0 20px; }
  /* line 6, /var/www/html/base/source/components/component-title-copy/component-title-copy.scss */
  .component-title-copy p {
    width: 90%;
    max-width: 640px;
    margin: 0 auto; }

/* line 1, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.component-main-header {
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
  width: 100%;
  background-color: #52bad5;
  min-height: 530px; }
  /* line 9, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .component-main-header:hover h1 {
    text-decoration: underline; }
  /* line 13, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .component-main-header .component-main-header_image {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  /* line 19, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .component-main-header .component-main-header_content {
    padding: 0 70px;
    padding-top: 80px;
    padding-bottom: 160px;
    width: 60%;
    min-width: 380px; }
    /* line 26, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .component-main-header .component-main-header_content .subheading {
      opacity: 0.5;
      margin-bottom: 10px; }
    /* line 30, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .component-main-header .component-main-header_content p,
    .component-main-header .component-main-header_content h1 {
      max-width: 380px; }
    /* line 34, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .component-main-header .component-main-header_content .title {
      margin-bottom: 30px;
      opacity: 1; }
    @media (max-width: 1440px) {
      /* line 19, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
      .component-main-header .component-main-header_content {
        padding: 0 40px;
        padding-top: 70px;
        padding-bottom: 60px;
        min-width: 0; } }
    @media (max-width: 520px) {
      /* line 19, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
      .component-main-header .component-main-header_content {
        padding: 0px;
        padding-bottom: 80px;
        padding-top: 60px;
        min-width: 0;
        width: 100%; } }
  @media (max-width: 770px) {
    /* line 1, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .component-main-header {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      /* line 55, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
      .component-main-header .component-main-header_image:before {
        padding-top: 71%;
        content: "";
        display: block; } }

/* line 64, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.front-page-header-title .heading {
  font-size: 40px; }

/* line 69, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.front-page-header-container {
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 70vw;
  width: 100%;
  min-width: 1024px; }
  @media (max-width: 1100px) {
    /* line 69, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header-container {
      max-width: 842px;
      width: 100%;
      min-width: 0; } }

/* line 87, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.front-page-header-featured-post-info-small .heading {
  margin-bottom: 10px;
  font-size: 36px; }
@media (max-width: 840px) {
  /* line 86, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header-featured-post-info-small {
    border: 20px solid transparent;
    border-top: 0;
    border-bottom: 0;
    box-sizing: border-box; } }
@media (max-width: 1008px) {
  /* line 99, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header-featured-post-info-small .heading {
    font-size: 26px !important;
    line-height: 1.2 !important; } }

/* line 106, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.front-page-header {
  padding-bottom: 80px; }
  /* line 108, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header a {
    text-decoration: none;
    color: inherit; }
    /* line 112, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header a:hover .heading {
      text-decoration: underline; }
  /* line 117, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header a.front-page-header-featured-post {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 55%; }
    @media (max-width: 1100px) {
      /* line 117, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
      .front-page-header a.front-page-header-featured-post {
        width: 100%; } }
    /* line 124, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header a.front-page-header-featured-post .cat-title {
      font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
      margin: 40px 0px 15px 0; }
  /* line 129, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header .cat-title {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600; }
  /* line 134, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header .post-title {
    font-size: 21px;
    font-weight: 600; }
  /* line 138, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header .small-date {
    font-size: 12px;
    margin-top: 25px; }

/* line 145, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.front-page-header-featured-list {
  width: 45%;
  border-left: 50px solid transparent;
  box-sizing: border-box; }
  @media (max-width: 1100px) {
    /* line 145, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header-featured-list {
      width: 100%;
      border-left: 0px;
      padding-top: 60px;
      margin-top: 60px;
      border-top: 1px solid #E9EAEA; } }
  /* line 156, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header-featured-list a {
    display: block;
    margin-bottom: 40px;
    border-bottom: 1px solid #E9EAEA;
    padding-bottom: 40px; }
    /* line 161, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header-featured-list a > div {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 840px) {
        /* line 161, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
        .front-page-header-featured-list a > div {
          border: 20px solid transparent;
          border-top: 0;
          border-bottom: 0;
          box-sizing: border-box; } }
    /* line 170, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header-featured-list a:last-child {
      border: 0;
      padding: 0;
      margin: 0; }
    /* line 176, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header-featured-list a .heading {
      font-size: 20px;
      margin: 5px 0 10px 0; }
    /* line 180, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header-featured-list a .front-page-image {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      width: 30%; }
      @media (max-width: 600px) {
        /* line 180, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
        .front-page-header-featured-list a .front-page-image {
          width: 40%; } }
  /* line 190, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-header-featured-list p {
    font-size: 14px; }

/* line 195, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.front-page-header-title {
  margin-top: 60px;
  margin-bottom: 60px;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 840px) {
    /* line 195, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header-title {
      border: 20px solid transparent;
      border-top: 0;
      border-bottom: 0;
      box-sizing: border-box; } }
  @media (max-width: 1008px) {
    /* line 207, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-header-title .heading {
      font-size: 40px !important;
      line-height: 1.2 !important; } }

/* line 215, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.front-page-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  /* line 219, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
  .front-page-image div {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    /* line 223, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
    .front-page-image div:before {
      padding-top: 68.059%;
      content: "";
      display: block; }

/* line 231, /var/www/html/base/source/components/component-main-header/component-main-header.scss */
.front-page-header-featured-post-info {
  width: 70%;
  border-right: 40px solid transparent;
  box-sizing: border-box;
  /*  @media (max-width: 600px) {
        .heading {
            font-size: 26px !important;
            line-height: 1.2 !important;
        }
    }*/ }

/* line 1, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
.component-info-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 0; }
  /* line 5, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
  .component-info-box ol {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0;
    /* li:before {
         content: counter(item) "  ";
         counter-increment: item
     }*/ }
    /* line 9, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
    .component-info-box ol li {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: bold; }
      /* line 13, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
      .component-info-box ol li a {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 6px 0; }
        /* line 17, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
        .component-info-box ol li a:hover {
          text-decoration: none; }
          /* line 19, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
          .component-info-box ol li a:hover .heading {
            text-decoration: underline; }
        /* line 23, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
        .component-info-box ol li a .heading {
          margin-bottom: 0px;
          margin-left: 0px;
          margin-right: 10px; }
        /* line 28, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
        .component-info-box ol li a div {
          opacity: 0.5;
          position: relative;
          top: 2px;
          font-size: 16px; }
  @media (max-width: 840px) {
    /* line 42, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
    .component-info-box ol {
      margin-top: 15px; }
      /* line 44, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
      .component-info-box ol li {
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
        /* line 46, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
        .component-info-box ol li a {
          padding: 12px 0;
          padding-top: 0;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; }
          /* line 50, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
          .component-info-box ol li a div {
            top: 6px; }
        /* line 54, /var/www/html/base/source/components/component-info-box/component-info-box.scss */
        .component-info-box ol li:before {
          padding-top: 6px;
          font-size: 12px; } }

/* line 1, /var/www/html/base/source/components/component-grid/component-grid.scss */
.component-grid {
  padding: 60px 0;
  padding-bottom: 0px;
  border-top: 1px solid #E9EAEA; }
  /* line 5, /var/www/html/base/source/components/component-grid/component-grid.scss */
  .component-grid:first-child {
    border-bottom: 1px solid #E9EAEA; }
  /* line 8, /var/www/html/base/source/components/component-grid/component-grid.scss */
  .component-grid .component-grid-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 20px solid transparent;
    box-sizing: border-box;
    margin-bottom: 10px; }
    /* line 15, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-header .more {
      width: 115px; }
    /* line 18, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-header div {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    /* line 24, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-header .subheading {
      font-size: 26px;
      line-height: 30px; }
  /* line 29, /var/www/html/base/source/components/component-grid/component-grid.scss */
  .component-grid .component-grid-filter {
    margin-bottom: 60px; }
    /* line 31, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-filter nav {
      border: 1px solid #5D5C5D;
      display: inline-block; }
    /* line 35, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-filter a {
      color: #5D5C5D;
      background-color: white;
      padding: 10px 30px;
      display: inline-block; }
      /* line 40, /var/www/html/base/source/components/component-grid/component-grid.scss */
      .component-grid .component-grid-filter a.is-active {
        background-color: #5D5C5D;
        color: white; }
  /* line 46, /var/www/html/base/source/components/component-grid/component-grid.scss */
  .component-grid .component-grid-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    /* line 50, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-items .component-grid-item {
      width: 50%;
      padding: 0;
      border: 20px solid transparent;
      box-sizing: border-box;
      padding-bottom: 40px;
      max-width: 400px; }
    /* line 58, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-items .component-grid-item_image {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      /* line 62, /var/www/html/base/source/components/component-grid/component-grid.scss */
      .component-grid .component-grid-items .component-grid-item_image:before {
        padding-top: 68.059%;
        content: "";
        display: block; }
    /* line 68, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-items .heading {
      padding: 20px 0;
      padding-top: 42px;
      font-size: 21px; }
    /* line 73, /var/www/html/base/source/components/component-grid/component-grid.scss */
    .component-grid .component-grid-items a {
      color: inherit; }
      /* line 75, /var/www/html/base/source/components/component-grid/component-grid.scss */
      .component-grid .component-grid-items a:hover {
        text-decoration: none; }
        /* line 77, /var/www/html/base/source/components/component-grid/component-grid.scss */
        .component-grid .component-grid-items a:hover h2 {
          text-decoration: underline; }
    @media (max-width: 600px) {
      /* line 46, /var/www/html/base/source/components/component-grid/component-grid.scss */
      .component-grid .component-grid-items {
        display: block; }
        /* line 83, /var/www/html/base/source/components/component-grid/component-grid.scss */
        .component-grid .component-grid-items .component-grid-item {
          width: 100%;
          max-width: 100%; }
        /* line 88, /var/www/html/base/source/components/component-grid/component-grid.scss */
        .component-grid .component-grid-items .heading {
          font-size: 26px !important;
          line-height: 1.2 !important; }
        /* line 95, /var/www/html/base/source/components/component-grid/component-grid.scss */
        .component-grid .component-grid-items.component-grid-items-portrait-mobile .component-grid-item_image:before {
          padding-top: 130%; } }

/* line 1, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
.component-main-links {
  padding: 60px 0;
  border-top: 1px solid #E9EAEA; }
  /* line 4, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
  .component-main-links .content {
    border: 20px solid transparent;
    box-sizing: border-box; }
    /* line 8, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
    .component-main-links .content .subheading {
      font-size: 26px; }
  /* line 12, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
  .component-main-links .component-main-links-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 30px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    /* line 17, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
    .component-main-links .component-main-links-items a {
      display: inline-block;
      text-align: center;
      margin: 15px 0; }
      /* line 21, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
      .component-main-links .component-main-links-items a img {
        display: inline-block;
        width: 150px;
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%); }
      /* line 27, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
      .component-main-links .component-main-links-items a:hover img {
        -webkit-filter: grayscale(0%);
                filter: grayscale(0%); }
    @media (max-width: 840px) {
      /* line 12, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
      .component-main-links .component-main-links-items {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row; }
        /* line 35, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
        .component-main-links .component-main-links-items a {
          width: 50%; }
          /* line 37, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
          .component-main-links .component-main-links-items a img {
            width: 175px; } }
    @media (max-width: 600px) {
      /* line 43, /var/www/html/base/source/components/component-main-links/component-main-links.scss */
      .component-main-links .component-main-links-items a {
        width: 100%;
        margin: 22px 0; } }

/* line 1, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
.component-article-header {
  /*padding: 60px 0;
  display: flex;
  justify-content: center;
  padding-bottom: 0px;*/
  padding: 60px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 140px;
  background-color: #52bad5; }
  /* line 11, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
  .component-article-header.component-article-header_no-media {
    padding-bottom: 60px; }
  /* line 15, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
  .component-article-header nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    /* line 18, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
    .component-article-header nav ul li:after {
      content: '/';
      padding-left: 10px;
      padding-right: 10px; }
    /* line 24, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
    .component-article-header nav ul li:last-child:after {
      display: none; }
    /* line 27, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
    .component-article-header nav ul li:last-child a {
      color: inherit;
      font-family: 'Helvetica', 'Arial', sans-serif;
      text-decoration: none;
      border-bottom: 1px solid;
      padding-bottom: 5px; }
    /* line 35, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
    .component-article-header nav ul li a {
      color: inherit;
      font-family: 'Helvetica', 'Arial', sans-serif; }
      /* line 38, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
      .component-article-header nav ul li a:hover {
        text-decoration: none;
        border-bottom: 1px solid;
        padding-bottom: 5px; }
  /* line 47, /var/www/html/base/source/components/component-article-header/component-article-header.scss */
  .component-article-header .title {
    margin-bottom: 20px;
    margin-top: 20px; }

/* line 1, /var/www/html/base/source/components/component-content/component-content.scss */
.component-content {
  padding: 60px 0;
  padding-bottom: 0px; }
  /* line 2, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .content {
    position: relative; }
  /* line 7, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content_col {
    width: 100%; }
  /* line 10, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-main-image,
  .component-content .component-content-inner {
    padding-bottom: 60px; }
    /* line 14, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-main-image .body p,
    .component-content .component-content-inner .body p {
      padding-bottom: 30px; }
      /* line 16, /var/www/html/base/source/components/component-content/component-content.scss */
      .component-content .component-content-main-image .body p:last-child,
      .component-content .component-content-inner .body p:last-child {
        padding-bottom: 0; }
    /* line 20, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-main-image .body h2,
    .component-content .component-content-main-image .body h3,
    .component-content .component-content-inner .body h2,
    .component-content .component-content-inner .body h3 {
      padding-bottom: 30px; }
  /* line 28, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg .mivhak-code-wrapper,
  .component-content .component-content-inner_markdown .mivhak-code-wrapper {
    direction: ltr !important;
    border: 0;
    line-height: normal !important;
    margin: 0;
    overflow: hidden;
    position: relative;
    transition: 300ms height ease-out;
    border-radius: 3px; }
    /* line 37, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg .mivhak-code-wrapper .ace_scroller,
    .component-content .component-content-inner_markdown .mivhak-code-wrapper .ace_scroller {
      position: static !important; }
    /* line 40, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg .mivhak-code-wrapper .ace_content,
    .component-content .component-content-inner_markdown .mivhak-code-wrapper .ace_content {
      position: absolute;
      box-sizing: border-box;
      min-width: 100%;
      left: 0 !important;
      top: 0 !important;
      border: 20px solid transparent !important; }
    /* line 48, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg .mivhak-code-wrapper pre,
    .component-content .component-content-inner_markdown .mivhak-code-wrapper pre {
      font-family: Consolas, Monaco, Menlo, "Courier New", monospace !important;
      overflow: hidden !important;
      color: #f2f2f2 !important;
      background: #373737 !important;
      border-radius: 4px !important;
      padding: 18px;
      white-space: pre; }
  @media (max-width: 770px) {
    /* line 58, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg .table,
    .component-content .component-content-inner_markdown .table {
      overflow-x: auto; } }
  /* line 64, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg blockquote h1,
  .component-content .component-content-inner_wysiwyg blockquote h2,
  .component-content .component-content-inner_wysiwyg blockquote p,
  .component-content .component-content-inner_wysiwyg blockquote h3,
  .component-content .component-content-inner_markdown blockquote h1,
  .component-content .component-content-inner_markdown blockquote h2,
  .component-content .component-content-inner_markdown blockquote p,
  .component-content .component-content-inner_markdown blockquote h3 {
    padding-bottom: 0px; }
  /* line 71, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg hr,
  .component-content .component-content-inner_markdown hr {
    margin: 60px 0; }
    /* line 73, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg hr.transparent,
    .component-content .component-content-inner_markdown hr.transparent {
      opacity: 0; }
  /* line 77, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg h1,
  .component-content .component-content-inner_markdown h1 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: -0.015em;
    -webkit-font-smoothing: inherit;
    padding-bottom: 30px;
    padding-top: 30px; }
  /* line 86, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg .big,
  .component-content .component-content-inner_markdown .big {
    font-size: 40px;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing: -0.015em;
    -webkit-font-smoothing: inherit;
    padding-bottom: 30px; }
  /* line 94, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg h2,
  .component-content .component-content-inner_markdown h2 {
    font-size: 26px;
    line-height: 1.38462;
    font-weight: bold;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: inherit;
    padding-bottom: 30px; }
  /* line 102, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg h3,
  .component-content .component-content-inner_markdown h3 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0;
    -webkit-font-smoothing: inherit; }
  /* line 110, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg table,
  .component-content .component-content-inner_markdown table {
    background-color: #ffffff;
    width: auto !important; }
    /* line 113, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg table h1,
    .component-content .component-content-inner_wysiwyg table h2,
    .component-content .component-content-inner_wysiwyg table h3,
    .component-content .component-content-inner_wysiwyg table p,
    .component-content .component-content-inner_markdown table h1,
    .component-content .component-content-inner_markdown table h2,
    .component-content .component-content-inner_markdown table h3,
    .component-content .component-content-inner_markdown table p {
      padding-bottom: 0px !important; }
    /* line 119, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg table p,
    .component-content .component-content-inner_markdown table p {
      display: inline-block; }
    /* line 122, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg table h1,
    .component-content .component-content-inner_wysiwyg table h2,
    .component-content .component-content-inner_wysiwyg table h3,
    .component-content .component-content-inner_markdown table h1,
    .component-content .component-content-inner_markdown table h2,
    .component-content .component-content-inner_markdown table h3 {
      display: inline !important; }
  /* line 128, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg ul,
  .component-content .component-content-inner_wysiwyg ol,
  .component-content .component-content-inner_markdown ul,
  .component-content .component-content-inner_markdown ol {
    margin-bottom: 40px; }
    /* line 131, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg ul li,
    .component-content .component-content-inner_wysiwyg ol li,
    .component-content .component-content-inner_markdown ul li,
    .component-content .component-content-inner_markdown ol li {
      position: relative;
      margin-bottom: 0.5em; }
  /* line 136, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg ul.list-small-bullets,
  .component-content .component-content-inner_wysiwyg ol.list-small-bullets,
  .component-content .component-content-inner_markdown ul.list-small-bullets,
  .component-content .component-content-inner_markdown ol.list-small-bullets {
    list-style: none; }
    /* line 139, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg ul.list-small-bullets li,
    .component-content .component-content-inner_wysiwyg ol.list-small-bullets li,
    .component-content .component-content-inner_markdown ul.list-small-bullets li,
    .component-content .component-content-inner_markdown ol.list-small-bullets li {
      position: relative;
      margin-bottom: 0.5em;
      margin-left: 20px;
      padding-left: 15px; }
      /* line 144, /var/www/html/base/source/components/component-content/component-content.scss */
      .component-content .component-content-inner_wysiwyg ul.list-small-bullets li:before,
      .component-content .component-content-inner_wysiwyg ol.list-small-bullets li:before,
      .component-content .component-content-inner_markdown ul.list-small-bullets li:before,
      .component-content .component-content-inner_markdown ol.list-small-bullets li:before {
        content: '';
        width: 4px;
        height: 4px;
        background-color: currentColor;
        display: inline-block;
        position: absolute;
        top: 12px;
        left: 0;
        border-radius: 10000px;
        list-style: none; }
  /* line 158, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg ul.list-small-numbers,
  .component-content .component-content-inner_wysiwyg ol.list-small-numbers,
  .component-content .component-content-inner_markdown ul.list-small-numbers,
  .component-content .component-content-inner_markdown ol.list-small-numbers {
    list-style: none;
    counter-reset: number; }
    /* line 162, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg ul.list-small-numbers li,
    .component-content .component-content-inner_wysiwyg ol.list-small-numbers li,
    .component-content .component-content-inner_markdown ul.list-small-numbers li,
    .component-content .component-content-inner_markdown ol.list-small-numbers li {
      position: relative;
      margin-bottom: 0.5em;
      margin-left: 20px;
      padding-left: 15px; }
      /* line 167, /var/www/html/base/source/components/component-content/component-content.scss */
      .component-content .component-content-inner_wysiwyg ul.list-small-numbers li:before,
      .component-content .component-content-inner_wysiwyg ol.list-small-numbers li:before,
      .component-content .component-content-inner_markdown ul.list-small-numbers li:before,
      .component-content .component-content-inner_markdown ol.list-small-numbers li:before {
        counter-increment: number;
        content: counter(number) ". ";
        font-size: 11px;
        display: inline-block;
        position: absolute;
        top: 6px;
        font-weight: bold;
        left: 0;
        list-style: none; }
  /* line 180, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_wysiwyg img,
  .component-content .component-content-inner_markdown img {
    max-width: 100%;
    height: auto; }
    /* line 183, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_wysiwyg img.full-width-img,
    .component-content .component-content-inner_markdown img.full-width-img {
      width: 98vw;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      position: relative;
      max-width: 1100px; }
  /* line 193, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_markdown h1,
  .component-content .component-content-inner_markdown h2,
  .component-content .component-content-inner_markdown h3,
  .component-content .component-content-inner_markdown .big,
  .component-content .component-content-inner_markdown p {
    padding-bottom: 0px !important; }
  /* line 200, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_markdown ol,
  .component-content .component-content-inner_markdown ul {
    list-style-position: inside; }
  /* line 205, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-main-image {
    position: relative;
    margin-top: -150px;
    width: 100%; }
  /* line 211, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_media video,
  .component-content .component-content-inner_media img {
    display: block;
    max-width: 100%;
    height: auto; }
  /* line 217, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_media .small {
    line-height: 1.2;
    margin-top: 10px; }
  /* line 222, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner-table {
    width: 100%;
    display: none; }
  /* line 227, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_quote blockquote {
    border-left: 3px solid;
    padding: 0 18px; }
    /* line 230, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_quote blockquote .heading {
      font-weight: normal; }
  /* line 236, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_list ol,
  .component-content .component-content-inner_list ul {
    list-style-position: inside; }
    /* line 239, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_list ol h3,
    .component-content .component-content-inner_list ul h3 {
      display: inline;
      padding-bottom: 0px !important; }
    /* line 243, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_list ol li,
    .component-content .component-content-inner_list ul li {
      font-weight: bold;
      padding-bottom: 30px; }
      /* line 246, /var/www/html/base/source/components/component-content/component-content.scss */
      .component-content .component-content-inner_list ol li:last-child,
      .component-content .component-content-inner_list ul li:last-child {
        padding-bottom: 0; }
      /* line 249, /var/www/html/base/source/components/component-content/component-content.scss */
      .component-content .component-content-inner_list ol li p,
      .component-content .component-content-inner_list ul li p {
        padding-top: 5px !important;
        font-weight: normal;
        font-size: 16px;
        line-height: 1.6875; }
  /* line 258, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_list.component-content-inner_list-disc ul,
  .component-content .component-content-inner_list.component-content-inner_list-disc ol {
    list-style-type: disc;
    font-size: 11px; }
    /* line 263, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_list.component-content-inner_list-disc ul li.component-content-inner_list-notext,
    .component-content .component-content-inner_list.component-content-inner_list-disc ol li.component-content-inner_list-notext {
      padding-bottom: 15px; }
    /* line 267, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_list.component-content-inner_list-disc ul h3,
    .component-content .component-content-inner_list.component-content-inner_list-disc ol h3 {
      margin-left: -6px;
      top: 3px;
      position: relative; }
  /* line 275, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_list.component-content-inner_list-letter ul,
  .component-content .component-content-inner_list.component-content-inner_list-letter ol {
    list-style-type: lower-latin; }
  /* line 281, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_list.component-content-inner_list-number ul,
  .component-content .component-content-inner_list.component-content-inner_list-number ol {
    list-style-type: decimal; }
  /* line 287, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content .component-content-inner_list.component-content-inner_list-number-small ul,
  .component-content .component-content-inner_list.component-content-inner_list-number-small ol {
    list-style-type: decimal;
    list-style-position: initial; }
    /* line 291, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content .component-content-inner_list.component-content-inner_list-number-small ul li,
    .component-content .component-content-inner_list.component-content-inner_list-number-small ol li {
      font-size: 11px;
      margin-left: 30px;
      padding-left: 12px; }
      /* line 295, /var/www/html/base/source/components/component-content/component-content.scss */
      .component-content .component-content-inner_list.component-content-inner_list-number-small ul li.component-content-inner_list-notext,
      .component-content .component-content-inner_list.component-content-inner_list-number-small ol li.component-content-inner_list-notext {
        padding-bottom: 25px; }

/* line 306, /var/www/html/base/source/components/component-content/component-content.scss */
.component-content-inner-table .body {
  position: relative;
  max-width: 280px; }
  @media (max-width: 770px) {
    /* line 306, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-content-inner-table .body {
      position: static; } }
  /* line 312, /var/www/html/base/source/components/component-content/component-content.scss */
  .component-content-inner-table .body.active {
    position: fixed;
    top: 0 !important;
    margin-top: 126px; }
    @media (max-width: 770px) {
      /* line 312, /var/www/html/base/source/components/component-content/component-content.scss */
      .component-content-inner-table .body.active {
        max-width: auto;
        position: relative;
        margin-top: 0px !important; } }

/*.component-article_have-table-of-content .table_of_contents a {
    position: relative;

}*/
/* line 330, /var/www/html/base/source/components/component-content/component-content.scss */
.component-article_have-table-of-content .table_of_contents a {
  position: relative;
  line-height: 17px;
  display: inline-block;
  margin-bottom: 6px;
  font-size: 14px; }

/*.component-article_have-table-of-content .table_of_contents a:before {
    content: '';
    display: none;
    position: absolute;
    background: currentColor;
    opacity: 0.66;
    width: 2px;
    top: 0;
    bottom: 0;
    right: calc(100% + 0.5em);
}*/
/* line 351, /var/www/html/base/source/components/component-content/component-content.scss */
.component-article_have-table-of-content .table_of_contents a:before {
  content: '';
  display: none;
  position: absolute;
  background: currentColor;
  opacity: 0.66;
  width: 4px;
  top: 0;
  bottom: 0;
  right: calc(100% + 0.5em); }

/* line 363, /var/www/html/base/source/components/component-content/component-content.scss */
.component-article_have-table-of-content .table_of_contents a.is-active:before {
  display: block; }

/* line 367, /var/www/html/base/source/components/component-content/component-content.scss */
.component-article_have-table-of-content .table_of_contents a.is-active:before {
  display: block; }

/* line 371, /var/www/html/base/source/components/component-content/component-content.scss */
.component-article_have-table-of-content .component-content > .content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }
  @media (max-width: 770px) {
    /* line 371, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-article_have-table-of-content .component-content > .content {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

/* line 379, /var/www/html/base/source/components/component-content/component-content.scss */
.component-article_have-table-of-content .component-content-inner {
  margin-right: 0;
  width: 100%;
  max-width: 607.5px;
  min-width: 0; }

/* line 386, /var/www/html/base/source/components/component-content/component-content.scss */
.component-article_have-table-of-content .component-content-inner-table {
  /*box-sizing: border-box;
  border: 22px solid transparent;
  border-top: 7px solid transparent;
  border-right: none;
  display: block;
  min-width: 316px;
  width: 30%;*/
  box-sizing: border-box;
  border: 22px solid transparent;
  border-top: 7px solid transparent;
  display: block;
  min-width: 316px;
  width: 30%; }
  @media (max-width: 770px) {
    /* line 400, /var/www/html/base/source/components/component-content/component-content.scss */
    .component-article_have-table-of-content .component-content-inner-table > .body {
      position: static;
      -webkit-transform: translateY(0px) !important;
              transform: translateY(0px) !important; } }

/* line 1, /var/www/html/base/source/components/component-tags/component-tags.scss */
.component-tags {
  padding: 60px 0;
  text-align: center;
  padding-top: 0px; }
  /* line 5, /var/www/html/base/source/components/component-tags/component-tags.scss */
  .component-tags .col {
    padding: 0; }
  /* line 8, /var/www/html/base/source/components/component-tags/component-tags.scss */
  .component-tags a {
    font-weight: bold;
    padding: 10px 25px;
    display: inline-block;
    background-color: #969696;
    color: white;
    margin: 5px 5px; }

/* line 1, /var/www/html/base/source/components/component-share/component-share.scss */
.component-share {
  padding: 60px 0;
  text-align: center;
  padding-top: 0px;
  margin-top: -30px; }
  /* line 6, /var/www/html/base/source/components/component-share/component-share.scss */
  .component-share .col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  /* line 10, /var/www/html/base/source/components/component-share/component-share.scss */
  .component-share a {
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ebebeb;
    width: 50px;
    height: 50px;
    border-radius: 10000px;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 5px; }
    /* line 20, /var/www/html/base/source/components/component-share/component-share.scss */
    .component-share a div {
      font-size: 16px;
      color: #3e3e3e;
      line-height: 17px;
      position: relative;
      top: 0px; }

/* line 1, /var/www/html/base/source/components/component-signup/component-signup.scss */
.component-signup {
  padding: 60px 0;
  text-align: center;
  border-top: 1px solid #E9EAEA; }
  /* line 5, /var/www/html/base/source/components/component-signup/component-signup.scss */
  .component-signup .form-input {
    margin: 20px 0; }

/* line 44, /var/www/html/base/source/stylesheets/style.css.scss */
li {
  font-family: 'Open Sans',sans-serif; }

/* line 50, /var/www/html/base/source/stylesheets/style.css.scss */
#resources-category .component-article-header,
#resources-single .component-article-header {
  color: #fff; }

/* line 57, /var/www/html/base/source/stylesheets/style.css.scss */
#resources-category .component-article-header,
#resources-tag .component-article-header {
  padding-bottom: 60px; }
  /* line 60, /var/www/html/base/source/stylesheets/style.css.scss */
  #resources-category .component-article-header h1 span,
  #resources-tag .component-article-header h1 span {
    opacity: 0.4; }

/* line 67, /var/www/html/base/source/stylesheets/style.css.scss */
#resources-tag .component-article-header {
  background-color: transparent; }
  /* line 69, /var/www/html/base/source/stylesheets/style.css.scss */
  #resources-tag .component-article-header a {
    color: #2c9ab7; }

/* line 75, /var/www/html/base/source/stylesheets/style.css.scss */
.user-is-logged .site-nav-shim {
  height: 29px !important; }
  @media (max-width: 786px) {
    /* line 75, /var/www/html/base/source/stylesheets/style.css.scss */
    .user-is-logged .site-nav-shim {
      height: 14px !important; } }

/* line 83, /var/www/html/base/source/stylesheets/style.css.scss */
.section-resource {
  border-bottom: 1px solid #E9EAEA; }