/* ==========================================================================
   Capital Framework
   Core Less file
   ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 1 */
  -moz-box-sizing: content-box;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! normalize-legacy-addon | MIT License | https://github.com/cfpb/normalize-legacy-addon */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  *display: inline;
  *zoom: 1;
}
/* ==========================================================================
   Base
   ========================================================================== */
/* 
 * Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 * `em` units.
*/
html {
  font-size: 100%;
}
/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
blockquote {
  margin: 1em 40px;
}
/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  _font-family: 'courier new', monospace;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  word-wrap: break-word;
}
/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Improves image quality when scaled in IE 7.
 */
img {
  -ms-interpolation-mode: bicubic;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}
/*
 * Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  vertical-align: baseline;
  *vertical-align: middle;
}
/*
 * Removes inner spacing in IE 7 without affecting normal text inputs.
 * Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  *overflow: visible;
}
/*
 * Removes excess padding in IE 7.
 * Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  *height: 13px;
  *width: 13px;
}
/* ==========================================================================
   Capital Framework
   Less variables
   ========================================================================== */
/* topdoc
  name: Theme variables
  family: cf-core
  notes:
    - "The following color and sizing variables are exposed, allowing you to
       easily override them before compiling."
  patterns:
    - name: Sizing
      codenotes:
        - |
          @base-font-size-px
          @base-line-height-px
          @base-line-height
          @bp-xs-max
          @bp-sm-min
          @bp-sm-max
          @bp-med-min
          @bp-med-max
          @bp-lg-min
          @bp-lg-max
          @bp-xl-min
    - name: Colors
      codenotes:
        - |
          @text
          @link-text
          @link-underline
          @link-text-visited
          @link-underline-visited
          @link-text-hover
          @link-underline-hover
          @link-text-active
          @link-underline-active
          @table-border
          @thead-text
          @thead-bg
          @td-bg
          @td-bg-alt
          @input-bg
          @input-border
          @input-border-focus
          @input-placeholder
          @figure__bordered
  tags:
    - cf-core
*/
/* topdoc
  name: EOF
  eof: true
*/
/* ==========================================================================
   Capital Framework
   Media queries
   ========================================================================== */
/* topdoc
  name: Media query mixins
  family: cf-core
  notes:
    - "These mixins allow us to write consistent media queries using pixel
      values, which are easier to remember. The mixins handle converting the
      pixels into em's."
  patterns:
    - name: "min-width/max-width media queries"
      codenotes:
        - ".respond-to-min(@bp, @rules)"
        - ".respond-to-max(@bp, @rules)"
      notes:
        - "@bp: the breakpoint size in pixels. It will get converted into em's."
        - "@rules: a CSS or Less ruleset. Note that it can contain the full set
          of Less features."
    - name: "min-width/max-width media query usage"
      codenotes:
        - |
            .respond-to-min(768px, {
                .title {
                    font-size: 2em;
                }
            });

            Compiles to:

            @media only all and (min-width: 48em) {
                .title {
                    font-size: 2em;
                }
            }
    - name: "min-width/max-width media query range"
      codenotes:
        - ".respond-to-range(@bp1, @bp2, @rules)"
      notes:
        - "@bp1: the min-width breakpoint size in pixels.
          It will get converted into em's."
        - "@bp2: the max-width breakpoint size in pixels.
          It will get converted into em's."
        - "@rules: a CSS or Less ruleset. Note that it can contain the full set
          of Less features."
    - name: "min-width/max-width media query range usage"
      codenotes:
        - |
            .respond-to-range(320px, 768px, {
                .title {
                    font-size: 2em;
                }
            });

            Compiles to:

            @media only all and (min-width: 20em) and (max-width: 48em) {
                .title {
                    font-size: 2em;
                }
            }
  tags:
    - cf-core
*/
/* topdoc
  name: EOF
  eof: true
*/
/* ==========================================================================
   Capital Framework
   Utilities
   ========================================================================== */
/* topdoc
  name: JS-only
  family: cf-core
  patterns:
    - name: Setup
      codenotes:
        - <html class="no-js">
        - |
            <script>
                // Confirm availability of JS and remove no-js class from html
                var docElement = document.documentElement;
                docElement.className = docElement.className.replace(/(^|\s)no-js(\s|$)/, '$1$2');
            </script>
      notes:
        - "First add the .no-js class to the HTML element."
        - "Then add the script to your HEAD which removes the .no-js class when
           JS is available."
    - name: Utility class
      codenotes:
        - .u-js-only;
      notes:
        - "Hide stuff when JavaScript isn't available. Depends on having a small
           script in the HEAD of your HTML document that removes a .no-js class."
  tags:
    - cf-core
*/
.no-js .u-js-only {
  display: none !important;
}
/* topdoc
  name: Clearfix
  family: cf-core
  patterns:
    - name: Utility class
      markup: |
        <div class="u-clearfix">
            <div style="float:left; width:100%; height:60px; background:black;"></div>
        </div>
      codenotes:
        - .u-clearfix;
      notes:
        - "Use this class to clear floats. For example, without .u-clearfix the
           black box would spill into the markup section."
        - "More information: http://css-tricks.com/snippets/css/clear-fix/"
  tags:
    - cf-core
*/
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.lt-ie8 .u-clearfix {
  zoom: 1;
}
/* topdoc
  name: Visually hidden
  family: cf-core
  patterns:
    - name: Utility class
      markup: |
        <h1>
            <a href="#">
                <span class="cf-icon cf-icon-twitter-square"></span>
                <span class="u-visually-hidden">Share on Twitter</span>
            </a>
        </h1>
      codenotes:
        - .u-visually-hidden;
      notes:
        - "Use this class to hide something from view while keeping it
          accessible to screen readers."
  tags:
    - cf-core
*/
.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
/* topdoc
  name: Inline block
  family: cf-core
  patterns:
    - name: Utility class
      codenotes:
        - .u-inline-block;
      notes:
        - "Also adds a .lt-ie8 class to hack inline-block for IE 7 and below."
  tags:
    - cf-core
*/
.u-inline-block {
  display: inline-block;
}
.lt-ie8 .u-inline-block {
  display: inline;
}
/* topdoc
  name: Floating right
  family: cf-core
  patterns:
    - name: Utility class
      codenotes:
        - .u-right;
      notes:
        - "IE7 float: right drop bug fixes:"
        - "1. If the float: right follows an element in the html structure that
          should be to its left (and not above it), then that preceding
          element(s) must be float: left.
          http://stackoverflow.com/questions/10981767/clean-css-fix-of-ie7s-float-right-drop-bug#answer-11437688"
        - "2. Simply change the markup order so that the element floating right
          comes before the element to its left."
  tags:
    - cf-core
*/
.u-right {
  float: right;
}
/* topdoc
  name: Break word
  family: cf-core
  patterns:
    - name: Utility class
      markup: |
        <div style="width: 100px;">
            This link should break:
            <br>
            <a class="u-break-word" href="#">
                something@something.com
            </a>
            <br>
            <br>
            This link should not:
            <br>
            <a href="#">
                something@something.com
            </a>
        </div>
      codenotes:
        - .u-break-word
      notes:
        - "Use this on elements where you need the words to break when confined
           to small containers."
        - "This only works in IE8 when the element with the .u-break-word class
           has layout. See <http://stackoverflow.com/questions/3997223/word-wrapbreak-word-not-working-in-ie8>
           for more information."
  tags:
    - cf-core
*/
.u-break-word {
  word-break: break-all;
}
/* topdoc
  name: Align with button
  family: cf-core
  patterns:
    - name: Utility class
      codenotes:
        - ".u-align-with-btn(@font-size: @base-font-size-px);"
      notes:
        - "Adds top padding (among other things) to help alignment with buttons."
        - "If you pass no arguments then the padding will be calculated using
          @base-font-size-px."
        - "Pass one argument to use a custom font size to calculate the top
          padding."
  tags:
    - cf-core
*/
/* topdoc
  name: Flexible proportional containers
  family: cf-core
  notes:
    - "Utilizes intrinsic ratios to create a flexible container that retains its
      aspect ratio. When image tags scale they retain their aspect ratio, but if
      you need a flexible video you will need to use this mixin."
    - "You can read more about intrinsic rations here:
      http://alistapart.com/article/creating-intrinsic-ratios-for-video"
  patterns:
    - name: Default example
      markup: |
        <div class="u-flexible-container">
            <video
              class="u-flexible-container_inner"
              style="background:#75787B;"
              controls>
            </video>
        </div>
      notes:
        - "Defaults to a 16:19 ratio."
        - "Original mixin credit: https://gist.github.com/craigmdennis/6655047"
        - "Note that inline style usage is being used for demo purposes only.
          Please do not use inline styles."
      codenotes:
        - |
          Structural sheat sheet:
          -----------------------
          .u-flexible-container
            .u-flexible-container_inner
    - name: Background image examples
      markup: |
        <div class="u-flexible-container"
             style="
               background-image:url(http://placekitten.com/700/394);
               background-position: center center;
             ">
        </div>
        <div class="u-flexible-container"
             style="
               background-image:url(http://placekitten.com/700/394);
               background-position: center center;
               background-size: cover;
             ">
        </div>
      codenotes:
        - |
          Structural sheat sheet:
          -----------------------
          .u-flexible-container
      notes:
        - "If you're not using the video or object elements and all you need is
          a proportionally cropped or scaling background image with a fluid
          container then you can leave out u-flexible-container_inner."
        - "Note that inline style usage is being used for demo purposes only.
          Please do not use inline styles."
    - name: 4-3 modifier
      markup: |
        <div class="u-flexible-container u-flexible-container__4-3">
            <video
              class="u-flexible-container_inner"
              style="background:#75787B;"
              controls>
            </video>
        </div>
      codenotes:
        - |
          Structural sheat sheet:
          -----------------------
          .u-flexible-container.u-flexible-container__4-3
            .u-flexible-container_inner
      notes:
        - "Create your own aspect ratios by using this modifier as an example."
        - "Note that inline style usage is being used for demo purposes only.
          Please do not use inline styles."
  tags:
    - cf-core
*/
.u-flexible-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.u-flexible-container_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-flexible-container__4-3 {
  position: relative;
  padding-bottom: 75%;
  height: 0;
}
/* topdoc
  name: Link mixins
  family: cf-core
  patterns:
    - codenotes:
        - .u-link__colors();
      notes:
        - "Pass this mixin no arguments to color your link states with the
          following defaults: :link (default state) pacific, :hover pacific-50,
          :focus: pacific, :visited teal, :active navy."
    - codenotes:
        - .u-link__colors(@c);
      notes:
        - "Pass this mixin one color to be used on all of the following
          states of your link; :link (default state), :visited, :hover, :focus,
          :active."
    - codenotes:
        - .u-link__colors(@c, @h);
      notes:
        - "Pass this mixin two colors to use the first color for the :link,
          :visited, and :active states, and the second color for the :hover and
          :focus states."
    - codenotes:
        - .u-link__colors(@c, @v, @h, @f, @a);
      notes:
        - "Pass this mixin five colors in 'love/hate' mnemonic order to color
          :link, :visited, :hover, :focus, and :active states respectively."
        - "Even though this mixin is basically the same as
          .u-link__colors-base(@c, @v, @h, @f, @a); we encourage you to use
          .u-link__colors(@c, @v, @h, @f, @a) to promote consistency."
    - codenotes:
        - .u-link__colors(@c, @v, @h, @f, @a, @bc, @bv, @bh, @bf, @ba);
      notes:
        - "Allows you to color text and the borders separately."
        - "The first five colors in 'love/hate' mnemonic order will color text
          for the :link, :visited, :hover, :focus, and :active states
          respectively. The last five colors in 'love/hate' mnemonic order will
          color the borders for the :link, :visited, :hover, :focus, and :active
          states respectively."
        - "Even though this mixin is basically the same as
          .u-link__colors-base(@c, @v, @h, @f, @a, @bc, @bv, @bh, @bf, @ba); we
          encourage you to use .u-link__colors(@c, @v, @h, @f, @a, @bc, @bv, @bh, @bf, @ba)
          to promote consistency."
    - codenotes:
        - .u-link__colors-base(@c, @v, @h, @f, @a);
      notes:
        - "This is the base mixin that all .u-link__colors() mixins use. Please
          refrain from using this mixin directly in order to promote a
          consistent use of mixin names for coloring links throughout this
          project. Remember that if you need to set colors for all states of a
          link you should use .u-link__colors(@c, @v, @h, @f, @a)."
    - codenotes:
        - .u-link__border();
      notes:
        - "Forces the default bottom border on the :link and :hover states."
    - codenotes:
        - .u-link__no-border();
      notes:
        - "Turn off the default bottom border on the :link and :hover states."
    - codenotes:
        - .u-link__hover-border();
      notes:
        - "Turn off the default bottom border on the :link state and force a
          bottom border on the :hover state."
    - codenotes:
        - .u-link-child__hover();
      notes:
        - "When a link has child elements you may want only certain children to
          change color when the parent link is hovered.
          Pass no arguments to this mixin to color the child element pacific
          when the parent link is hovered."
    - codenotes:
        - .u-link-child__hover(@c);
      notes:
        - "Pass this mixin one color to color the child element when the parent
          link is hovered."
  tags:
    - cf-core
*/
/* topdoc
  name: Margin utilities
  family: cf-core
  patterns:
    - name: Utility classes
      codenotes:
        - .u-m<p><#>;
      notes:
        - "Replace <p> with the first letter of the position ('t' for top or 'b'
           for bottom) and <#> with the pixel value of the margin you want."
        - "Available values: 0, 5, 10, 15, 20, 30, 45, 60."
  tags:
    - cf-core
*/
.u-mt0 {
  margin-top: 0 !important;
}
.u-mb0 {
  margin-bottom: 0 !important;
}
.u-mt5 {
  margin-top: 5px !important;
}
.u-mb5 {
  margin-bottom: 5px !important;
}
.u-mt10 {
  margin-top: 10px !important;
}
.u-mb10 {
  margin-bottom: 10px !important;
}
.u-mt15 {
  margin-top: 15px !important;
}
.u-mb15 {
  margin-bottom: 15px !important;
}
.u-mt20 {
  margin-top: 20px !important;
}
.u-mb20 {
  margin-bottom: 20px !important;
}
.u-mt30 {
  margin-top: 30px !important;
}
.u-mb30 {
  margin-bottom: 30px !important;
}
.u-mt45 {
  margin-top: 45px !important;
}
.u-mb45 {
  margin-bottom: 45px !important;
}
.u-mt60 {
  margin-top: 60px !important;
}
.u-mb60 {
  margin-bottom: 60px !important;
}
/* topdoc
  name: Width utilities
  family: cf-core
  patterns:
    - name: Percent-based
      markup: |
        <div class="u-w100pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w100pct</code>
        </div>
        <div class="u-w90pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w90pct</code>
        </div>
        <div class="u-w80pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w80pct</code>
        </div>
        <div class="u-w70pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w70pct</code>
        </div>
        <div class="u-w60pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w60pct</code>
        </div>
        <div class="u-w50pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w50pct</code>
        </div>
        <div class="u-w40pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w40pct</code>
        </div>
        <div class="u-w30pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w30pct</code>
        </div>
        <div class="u-w20pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w20pct</code>
        </div>
        <div class="u-w10pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w10pct</code>
        </div>
        <div class="u-w75pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w75pct</code>
        </div>
        <div class="u-w25pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w25pct</code>
        </div>
        <div class="u-w66pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w66pct</code>
        </div>
        <div class="u-w33pct" style="background: #f4edf3; margin-bottom: 1px;">
            <code>.u-w33pct</code>
        </div>
      notes:
        - "Inline styles are for demonstration purposes only, please don't use
           them."
  tags:
    - cf-core
*/
.u-w100pct {
  width: 100%;
}
.u-w90pct {
  width: 90%;
}
.u-w80pct {
  width: 80%;
}
.u-w70pct {
  width: 70%;
}
.u-w60pct {
  width: 60%;
}
.u-w50pct {
  width: 50%;
}
.u-w40pct {
  width: 40%;
}
.u-w30pct {
  width: 30%;
}
.u-w20pct {
  width: 20%;
}
.u-w10pct {
  width: 10%;
}
.u-w75pct {
  width: 75%;
}
.u-w25pct {
  width: 25%;
}
.u-w66pct {
  width: 66.66666667%;
}
.u-w33pct {
  width: 33.33333333%;
}
/* topdoc
  name: Width-specific display
  family: cf-core
  patterns:
    - name: Show on mobile
      markup: |
        <section>
            <p>The the text in the box below is visible only at widths less than 600px</p>
            <div style="border: 1px solid black; height: 22px; padding: 5px;">
                <p class="u-show-on-mobile">Visible on mobile</p>
            </div>
        </section>
      codenotes:
        - ".u-show-on-mobile"
        - "Uses 'display:block' to toggle display. Would need to be extended
          for inline use cases."
      notes:
        - "Displays an element only at mobile widths."
    - name: Hide on mobile
      markup: |
        <section>
            <p>The text in the box below is hidden at widths less than 600px</p>
            <div style="border: 1px solid black; height: 22px; padding: 5px;">
                <p class="u-hide-on-mobile">Hidden on mobile</p>
            </div>
        </section>
      codenotes:
        - ".u-hide-on-mobile"
      notes:
        - "Hides an element at mobile widths"
  tags:
    - cf-core
*/
@media only all and (max-width: 37.5em) {
  .u-hide-on-mobile {
    display: none;
  }
}
.u-show-on-mobile {
  display: none;
}
@media only all and (max-width: 37.5em) {
  .u-show-on-mobile {
    display: block;
  }
}
/* topdoc
  name: Small text utility
  family: cf-core
  patterns:
    - name: .u-small-text (utility class)
      markup: |
        Lorem ipsum<br>
        <span class="u-small-text">dolor sit amet</span>
      codenotes:
        - ".u-small-text"
      notes:
        - "14px text."
        - "The utility class should only be used when the default text size is
           16px. For example you wouldn't want to use the class inside of an
           `h1` because the `font-size` in the `h1` will make `.u-small-text`
           bigger than it should be. See the docs for the `.u-small-text()`
           mixin."
    - name: .u-small-text() (Less mixin)
      codenotes:
        - ".u-small-text(@context)"
        - |
          // Mixin usage:
          .example {
            font-size: unit(20px / @base-font-size-px, em);
            small {
              .u-small-text(20px);
            }
          }
          // Compiles to:
          .example {
            font-size: 1.25em;
          }
          .example small {
            font-size: 0.7em;
          }
      notes:
        - "This mixin enables you to easily create consistent small text by
           passing the context `font-size`."
  tags:
    - cf-core
*/
.u-small-text {
  font-size: 0.875em;
}
small {
  font-size: 0.875em;
}
/* topdoc
    name: EOF
    eof: true
*/
/* ==========================================================================
   Capital Framework
   Base styles
   ========================================================================== */
/* topdoc
  name: Webfonts
  family: cf-core
  patterns:
    - name: Webfont mixins and variables
      codenotes:
        - ".webfont-regular()"
        - ".webfont-italic()"
        - ".webfont-medium()"
        - ".webfont-demi()"
      notes:
        - "Use these mixins to easily add the your preferred font family to your
          elements."
        - "To use your own fonts in the webfont mixins, set your own font with the
          @webfont-regular/italic/medium/demi variables."
        - "To avoid faux bold and italics,
          you must use the font family name for that particular style.
          For example, when defining an italic in Helvetica
          you need to use the Helvetica Italic font family.
          Use the mixins when setting bold or italic text as they also
          set the appropriate font-weight and font-style."
        - "These mixins also add the appropriate .lt-ie9 overrides.
          .lt-ie9 overrides are necessary to override font-style and font-weight
          each time the webfont is used. These overrides are built into the webfont
          mixins so you get them automatically. Note that this requires you to
          use conditional classes on the <html> element:
          https://github.com/h5bp/html5-boilerplate/blob/v4.3.0/doc/html.md#conditional-html-classes."
  tags:
    - cf-core
*/
/* topdoc
  name: Type hierarchy
  family: cf-core
  patterns:
    - name: Default body type
      markup: |
        <p>Lorem ipsum dolor sit amet, <em>consectetur adipisicing elit</em>, sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    - name: Heading level 1
      markup: |
        <h1>Example heading element</h1>
        <p class="h1">A non-heading element</p>
      notes:
        - Responsive heading. At small screen sizes, displays as h2.
    - name: Heading level 2
      markup: |
        <h2>Example heading element</h2>
        <p class="h2">A non-heading element</p>
      notes:
        - Responsive heading. At small screen sizes, displays as h3.
    - name: Heading level 3
      markup: |
        <h3>Example heading element</h3>
        <p class="h3">A non-heading element</p>
      notes:
        - Responsive heading. At small screen sizes, displays as h4.
    - name: Heading level 4
      markup: |
        <h4>Example heading element</h4>
        <p class="h4">A non-heading element</p>
    - name: Heading level 5
      markup: |
        <h5>Example heading element</h5>
        <p class="h5">A non-heading element</p>
    - name: Heading level 6
      markup: |
        <h6>Example heading element</h6>
        <p class="h6">A non-heading element</p>
    - name: Lead paragraph
      markup: |
        <p class="lead-paragraph">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
      notes:
        - Responsive. Displays as an h3 on large screens; displays at h4 size (but still Regular weight) on small screens.
    - name: Display heading (aka "superheading")
      markup: |
        <h1 class="superheading">Example display heading</h1>
  tags:
    - cf-core
*/
body {
  color: #212121;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 100%;
  line-height: 1.375;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}
h1,
.h1 {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0.44117647em;
  font-size: 2.125em;
  line-height: 1.25;
}
h1 em,
.h1 em,
h1 i,
.h1 i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 h1 em,
.lt-ie9 .h1 em,
.lt-ie9 h1 i,
.lt-ie9 .h1 i {
  font-style: normal !important;
}
h1 strong,
.h1 strong,
h1 b,
.h1 b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 h1 strong,
.lt-ie9 .h1 strong,
.lt-ie9 h1 b,
.lt-ie9 .h1 b {
  font-weight: normal !important;
}
p + h1,
p + .h1,
ul + h1,
ul + .h1,
ol + h1,
ol + .h1,
dl + h1,
dl + .h1,
figure + h1,
figure + .h1,
img + h1,
img + .h1,
table + h1,
table + .h1,
blockquote + h1,
blockquote + .h1 {
  margin-top: 1.76470588em;
}
@media only all and (max-width: 37.5em) {
  h1,
  .h1 {
    font-family: Arial, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0.57692308em;
    font-size: 1.625em;
    line-height: 1.25;
  }
  h1 em,
  .h1 em,
  h1 i,
  .h1 i {
    font-family: Arial, Arial, sans-serif;
    font-style: italic;
    font-weight: normal;
  }
  .lt-ie9 h1 em,
  .lt-ie9 .h1 em,
  .lt-ie9 h1 i,
  .lt-ie9 .h1 i {
    font-style: normal !important;
  }
  h1 strong,
  .h1 strong,
  h1 b,
  .h1 b {
    font-family: Arial, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
  }
  .lt-ie9 h1 strong,
  .lt-ie9 .h1 strong,
  .lt-ie9 h1 b,
  .lt-ie9 .h1 b {
    font-weight: normal !important;
  }
  p + h1,
  p + .h1,
  ul + h1,
  ul + .h1,
  ol + h1,
  ol + .h1,
  dl + h1,
  dl + .h1,
  figure + h1,
  figure + .h1,
  img + h1,
  img + .h1,
  table + h1,
  table + .h1,
  blockquote + h1,
  blockquote + .h1 {
    margin-top: 1.73076923em;
  }
  h2 + h1,
  h2 + .h1,
  .h2 + h1,
  .h2 + .h1,
  h3 + h1,
  h3 + .h1,
  .h3 + h1,
  .h3 + .h1,
  h4 + h1,
  h4 + .h1,
  .h4 + h1,
  .h4 + .h1,
  h5 + h1,
  h5 + .h1,
  .h5 + h1,
  .h5 + .h1,
  h6 + h1,
  h6 + .h1,
  .h6 + h1,
  .h6 + .h1 {
    margin-top: 1.15384615em;
  }
}
h2,
.h2 {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0.57692308em;
  font-size: 1.625em;
  line-height: 1.25;
}
h2 em,
.h2 em,
h2 i,
.h2 i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 h2 em,
.lt-ie9 .h2 em,
.lt-ie9 h2 i,
.lt-ie9 .h2 i {
  font-style: normal !important;
}
h2 strong,
.h2 strong,
h2 b,
.h2 b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 h2 strong,
.lt-ie9 .h2 strong,
.lt-ie9 h2 b,
.lt-ie9 .h2 b {
  font-weight: normal !important;
}
p + h2,
p + .h2,
ul + h2,
ul + .h2,
ol + h2,
ol + .h2,
dl + h2,
dl + .h2,
figure + h2,
figure + .h2,
img + h2,
img + .h2,
table + h2,
table + .h2,
blockquote + h2,
blockquote + .h2 {
  margin-top: 1.73076923em;
}
h1 + h2,
h1 + .h2,
.h1 + h2,
.h1 + .h2,
h3 + h2,
h3 + .h2,
.h3 + h2,
.h3 + .h2,
h4 + h2,
h4 + .h2,
.h4 + h2,
.h4 + .h2,
h5 + h2,
h5 + .h2,
.h5 + h2,
.h5 + .h2,
h6 + h2,
h6 + .h2,
.h6 + h2,
.h6 + .h2 {
  margin-top: 1.15384615em;
}
@media only all and (max-width: 37.5em) {
  h2,
  .h2 {
    font-family: Arial, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0.68181818em;
    font-size: 1.375em;
    line-height: 1.25;
  }
  h2 em,
  .h2 em,
  h2 i,
  .h2 i {
    font-family: Arial, Arial, sans-serif;
    font-style: italic;
    font-weight: normal;
  }
  .lt-ie9 h2 em,
  .lt-ie9 .h2 em,
  .lt-ie9 h2 i,
  .lt-ie9 .h2 i {
    font-style: normal !important;
  }
  h2 strong,
  .h2 strong,
  h2 b,
  .h2 b {
    font-family: Arial, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
  }
  .lt-ie9 h2 strong,
  .lt-ie9 .h2 strong,
  .lt-ie9 h2 b,
  .lt-ie9 .h2 b {
    font-weight: normal !important;
  }
  p + h2,
  p + .h2,
  ul + h2,
  ul + .h2,
  ol + h2,
  ol + .h2,
  dl + h2,
  dl + .h2,
  figure + h2,
  figure + .h2,
  img + h2,
  img + .h2,
  table + h2,
  table + .h2,
  blockquote + h2,
  blockquote + .h2 {
    margin-top: 1.36363636em;
  }
}
h3,
.h3 {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0.68181818em;
  font-size: 1.375em;
  line-height: 1.25;
}
h3 em,
.h3 em,
h3 i,
.h3 i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 h3 em,
.lt-ie9 .h3 em,
.lt-ie9 h3 i,
.lt-ie9 .h3 i {
  font-style: normal !important;
}
h3 strong,
.h3 strong,
h3 b,
.h3 b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 h3 strong,
.lt-ie9 .h3 strong,
.lt-ie9 h3 b,
.lt-ie9 .h3 b {
  font-weight: normal !important;
}
p + h3,
p + .h3,
ul + h3,
ul + .h3,
ol + h3,
ol + .h3,
dl + h3,
dl + .h3,
figure + h3,
figure + .h3,
img + h3,
img + .h3,
table + h3,
table + .h3,
blockquote + h3,
blockquote + .h3,
h1 + h3,
h1 + .h3,
.h1 + h3,
.h1 + .h3,
h2 + h3,
h2 + .h3,
.h2 + h3,
.h2 + .h3,
h4 + h3,
h4 + .h3,
.h4 + h3,
.h4 + .h3,
h5 + h3,
h5 + .h3,
.h5 + h3,
.h5 + .h3,
h6 + h3,
h6 + .h3,
.h6 + h3,
.h6 + .h3 {
  margin-top: 1.36363636em;
}
@media only all and (max-width: 37.5em) {
  h3,
  .h3 {
    font-family: Arial, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0.83333333em;
    font-size: 1.125em;
    line-height: 1.25;
  }
  .lt-ie9 h3,
  .lt-ie9 .h3 {
    font-weight: normal !important;
  }
}
h4,
.h4 {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0.83333333em;
  font-size: 1.125em;
  line-height: 1.25;
}
.lt-ie9 h4,
.lt-ie9 .h4 {
  font-weight: normal !important;
}
p + h4,
p + .h4,
ul + h4,
ul + .h4,
ol + h4,
ol + .h4,
dl + h4,
dl + .h4,
figure + h4,
figure + .h4,
img + h4,
img + .h4,
table + h4,
table + .h4,
blockquote + h4,
blockquote + .h4,
h1 + h4,
h1 + .h4,
.h1 + h4,
.h1 + .h4,
h2 + h4,
h2 + .h4,
.h2 + h4,
.h2 + .h4,
h3 + h4,
h3 + .h4,
.h3 + h4,
.h3 + .h4,
h5 + h4,
h5 + .h4,
.h5 + h4,
.h5 + .h4,
h6 + h4,
h6 + .h4,
.h6 + h4,
.h6 + .h4 {
  margin-top: 1.66666667em;
}
h5,
.h5 {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 1.07142857em;
  font-size: 0.875em;
  letter-spacing: 1px;
  line-height: 1.25;
  text-transform: uppercase;
}
.lt-ie9 h5,
.lt-ie9 .h5 {
  font-weight: normal !important;
}
p + h5,
p + .h5,
ul + h5,
ul + .h5,
ol + h5,
ol + .h5,
dl + h5,
dl + .h5,
figure + h5,
figure + .h5,
img + h5,
img + .h5,
table + h5,
table + .h5,
blockquote + h5,
blockquote + .h5,
h1 + h5,
h1 + .h5,
.h1 + h5,
.h1 + .h5,
h2 + h5,
h2 + .h5,
.h2 + h5,
.h2 + .h5,
h3 + h5,
h3 + .h5,
.h3 + h5,
.h3 + .h5,
h4 + h5,
h4 + .h5,
.h4 + h5,
.h4 + .h5,
h6 + h5,
h6 + .h5,
.h6 + h5,
.h6 + .h5 {
  margin-top: 2.14285714em;
}
h6,
.h6 {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 1.25em;
  font-size: 0.75em;
  letter-spacing: 1px;
  line-height: 1.25;
  text-transform: uppercase;
}
.lt-ie9 h6,
.lt-ie9 .h6 {
  font-weight: normal !important;
}
p + h6,
p + .h6,
ul + h6,
ul + .h6,
ol + h6,
ol + .h6,
dl + h6,
dl + .h6,
figure + h6,
figure + .h6,
img + h6,
img + .h6,
table + h6,
table + .h6,
blockquote + h6,
blockquote + .h6,
h1 + h6,
h1 + .h6,
.h1 + h6,
.h1 + .h6,
h2 + h6,
h2 + .h6,
.h2 + h6,
.h2 + .h6,
h3 + h6,
h3 + .h6,
.h3 + h6,
.h3 + .h6,
h4 + h6,
h4 + .h6,
.h4 + h6,
.h4 + .h6,
h5 + h6,
h5 + .h6,
.h5 + h6,
.h5 + .h6 {
  margin-top: 2.5em;
}
.lead-paragraph,
.subheader {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0.68181818em;
  font-size: 1.375em;
  line-height: 1.25;
  margin-top: 1.36363636em;
  margin-bottom: 0.83333333em;
}
.lead-paragraph em,
.lead-paragraph i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 .lead-paragraph em,
.lt-ie9 .lead-paragraph i {
  font-style: normal !important;
}
.lead-paragraph strong,
.lead-paragraph b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 .lead-paragraph strong,
.lt-ie9 .lead-paragraph b {
  font-weight: normal !important;
}
@media only all and (max-width: 37.5em) {
  .lead-paragraph,
  .subheader {
    margin-top: 1.66666667em;
    font-size: 1.125em;
  }
}
.superheading,
.superheader {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0.41666667em;
  font-size: 3em;
  line-height: 1.25;
}
.superheading em,
.superheading i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 .superheading em,
.lt-ie9 .superheading i {
  font-style: normal !important;
}
.superheading strong,
.superheading b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 .superheading strong,
.lt-ie9 .superheading b {
  font-weight: normal !important;
}
/* topdoc
  name: Body copy element vertical margins
  family: cf-core
  patterns:
    - name: Consistent vertical margins
      notes:
        - Applies 15px bottom margin to all p, ul, ol, dl, figure, table, and blockquote elements.
        - Applies -5px top margin to lists following paragraphs to reduce margin between them to 10px.
        - Applies 8px bottom margin to list items that are not within a nav element.
        - Assumes that the font size of each of these items remains the default.
      markup: |
        <p>Paragraph margin example</p>
        <p>Paragraph margin example</p>
        <ul>
            <li>List item 1</li>
            <li>List item 2</li>
            <li>List item 3</li>
        </ul>
        <p>Paragraph margin example</p>
  tags:
    - cf-core
*/
p,
ul,
ol,
dl,
figure,
table,
blockquote {
  margin-top: 0;
  margin-bottom: 0.9375em;
}
p + ul,
p + ol {
  margin-top: -0.3125em;
}
:not(nav) li {
  margin-bottom: 0.5em;
}
.lt-ie9 nav li {
  margin-bottom: 0;
}
/* topdoc
  name: Default link
  notes:
    - "Note that the .visited, .hover, .focus, .active classes are for demonstration purposes only and should not
      be used in production."
  family: cf-core
  patterns:
    - name: Default state
      markup: |
        <a href="#">Default link style</a>
    - name: Visited state
      markup: |
        <a href="#" class="visited">Visited link style</a>
    - name: Hovered state
      markup: |
        <a href="#" class="hover">Hovered link style</a>
    - name: Focused state
      markup: |
        <a href="#" class="focus">Focused link style</a>
    - name: Active state
      markup: |
        <a href="#" class="active">Active link style</a>
  tags:
    - cf-core
*/
a {
  border-width: 0;
  border-style: dotted;
  border-color: #0071bc;
  color: #0071bc;
  text-decoration: none;
}
a:visited,
a.visited {
  border-color: #4c2c92;
  color: #4c2c92;
}
a:hover,
a.hover {
  border-style: solid;
  border-color: #205493;
  color: #205493;
}
a:focus,
a.focus {
  border-style: solid;
  outline: thin dotted;
}
a:active,
a.active {
  border-style: solid;
  border-color: #046b99;
  color: #046b99;
}
/* topdoc
  name: Underlined links
  family: cf-core
  patterns:
    - name: States
      notes:
        - "Note that the .visited, .hover, .focus, .active classes are for demonstration purposes only and should not
          be used in production."
        - "The underline style properties are mostly set above in the a tag.
          To enable the underline simply set a bottom-border-width as done here."
      markup: |
        <p>
            <a href="#">Default</a>,
            <a href="#" class="visited">Visited</a>,
            <a href="#" class="hover">Hovered</a>,
            <a href="#" class="focus">Focused</a>,
            <a href="#" class="active">Active</a>
        </p>
    - name: Underline conditions
      notes:
        - "We're restricting link borders to links within p, li, and dd so that
          we don't have to override them every time we want a plain link."
      markup: |
        <p>
            <a href="#">A child of a paragraph</a>
        </p>
        <ul>
            <li>
                <a href="#">A child of a list item</a>
            </li>
        </ul>
        <dl>
            <dt>
                Definition list term
            </dt>
            <dd>
                <a href="#">A child of a definition list description</a>
            </dd>
        </dl>
    - name: Exceptions for underlined links
      notes:
        - "Inline text links inside of a nav element are not underlined."
      markup: |
        <nav>
            <p>
                <a href="#">A child of a paragraph</a>
            </p>
            <ul>
                <li>
                    <a href="#">A child of a list item</a>
                </li>
            </ul>
            <dl>
                <dt>
                    Definition list term
                </dt>
                <dd>
                    <a href="#">A child of a definition list description</a>
                </dd>
            </dl>
        </nav>
  tags:
    - cf-core
*/
p a,
li a,
dd a {
  border-bottom-width: 1px;
}
nav a {
  border-bottom-width: 0;
}
/* topdoc
  name: Lists
  family: cf-core
  patterns:
    - name: Unordered list
      markup: |
        <p>Paragraph example for visual reference</p>
        <ul>
            <li>List item 1</li>
            <li>List item 2</li>
            <li>List item 3</li>
        </ul>
    - name: Ordered list
      markup: |
        <p>Paragraph example for visual reference</p>
        <ol>
            <li>List item 1</li>
            <li>List item 2</li>
            <li>List item 3</li>
        </ol>
  tags:
    - cf-core
*/
ul {
  padding-left: 2em;
  list-style: square;
}
ol {
  padding-left: 1.9375em;
}
ol > li {
  padding-left: 0.0625em;
}
/* topdoc
  name: Tables
  family: cf-core
  patterns:
    - name: Standard table
      markup: |
        <table>
            <thead>
                <tr>
                    <th>Column 1 header</th>
                    <th>Column 2 header</th>
                    <th>Column 3 header</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Row 1, column 1</td>
                    <td>Row 1, column 2</td>
                    <td>Row 1, column 3</td>
                </tr>
                <tr>
                    <td>Row 2, column 1</td>
                    <td>Row 2, column 2</td>
                    <td>Row 2, column 3</td>
                </tr>
                <tr>
                    <td>Row 3, column 1</td>
                    <td>Row 3, column 2</td>
                    <td>Row 3, column 3</td>
                </tr>
            </tbody>
        </table>
  tags:
    - cf-core
*/
table {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
table em,
table i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 table em,
.lt-ie9 table i {
  font-style: normal !important;
}
table strong,
table b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 table strong,
.lt-ie9 table b {
  font-weight: normal !important;
}
th,
td {
  padding: 0.625em;
}
thead th,
thead td {
  color: #212121;
  background: #f1f1f1;
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 1.07142857em;
  font-size: 0.875em;
  letter-spacing: 1px;
  line-height: 1.25;
  text-transform: uppercase;
}
.lt-ie9 thead th,
.lt-ie9 thead td {
  font-weight: normal !important;
}
p + thead th,
p + thead td,
ul + thead th,
ul + thead td,
ol + thead th,
ol + thead td,
dl + thead th,
dl + thead td,
figure + thead th,
figure + thead td,
img + thead th,
img + thead td,
table + thead th,
table + thead td,
blockquote + thead th,
blockquote + thead td,
h1 + thead th,
h1 + thead td,
.h1 + thead th,
.h1 + thead td,
h2 + thead th,
h2 + thead td,
.h2 + thead th,
.h2 + thead td,
h3 + thead th,
h3 + thead td,
.h3 + thead th,
.h3 + thead td,
h4 + thead th,
h4 + thead td,
.h4 + thead th,
.h4 + thead td,
h6 + thead th,
h6 + thead td,
.h6 + thead th,
.h6 + thead td {
  margin-top: 2.14285714em;
}
thead,
tbody tr {
  border-bottom: 1px solid #5b616b;
}
th {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-align: left;
}
.lt-ie9 th {
  font-weight: normal !important;
}
tbody th {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
tbody th em,
tbody th i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 tbody th em,
.lt-ie9 tbody th i {
  font-style: normal !important;
}
tbody th strong,
tbody th b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 tbody th strong,
.lt-ie9 tbody th b {
  font-weight: normal !important;
}
/* topdoc
  name: Block quote
  family: cf-core
  patterns:
    - name: Default block quote
      markup: |
        <blockquote cite="link-to-source">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa
            similique fugit hic eligendi praesentium officiis illum optio iusto
            commodi eum tempore nisi ad in perferendis enim quo dolores.
            Reprehenderit similique earum quibusdam possimus vitae esse
            nesciunt mollitia sed beatae aliquid dolores iure a impedit quam
            minus eum modi illum ducimus eligendi eveniet labore non sequi
            voluptate et totam praesentium animi itaque asperiores dolorum
            sunt laudantium repellat nam commodi. Perspiciatis natus aliquam
            veniam officiis ducimus voluptatum ut necessitatibus non!
        </blockquote>
      notes:
        - "Use a block quote to quote from an external work. See .pull-quote if
          you need to highlight an excerpt from the current work."
        - "It is best practice to document the URL of a quoted work using the
          cite attribute."
  tags:
    - cf-core
*/
blockquote {
  margin-right: 0.9375em;
  margin-left: 0.9375em;
}
@media only all and (min-width: 37.5625em) {
  blockquote {
    margin-right: 1.875em;
    margin-left: 1.875em;
  }
}
/* topdoc
    name: Form labels
    family: cf-core
    notes:
      - "Visit https://github.com/cfpb/cf-forms for advanced form label patterns."
    patterns:
    - name: Default label
      markup: |
        <label>Form label</label>
    - name: Label wrapping a radio or checkbox
      markup: |
        <label>
            <input type="radio">
            Radio label
        </label>
        <label>
            <input type="checkbox">
            Checkbox label
        </label>
    tags:
    - cf-core
*/
label {
  display: block;
  margin-bottom: 0.3125em;
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}
label em,
label i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 label em,
.lt-ie9 label i {
  font-style: normal !important;
}
label strong,
label b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 label strong,
.lt-ie9 label b {
  font-weight: normal !important;
}
label input[type="radio"],
label input[type="checkbox"] {
  margin-right: 0.375em;
}
/* topdoc
    name: Form elements
    family: cf-core
    notes:
      - "The .focus class is only included for documentation demos and should
         not be used in production."
      - "Visit https://github.com/cfpb/cf-forms for advanced form field patterns."
    patterns:
    - name: type="text"
      markup: |
        <input type="text" value="Lorem ipsum">
        <input class="focus" type="text" value="Lorem ipsum">
        <br><br>
        <input placeholder="Lorem ipsum" type="text" value="">
    - name: type="search"
      markup: |
        <input type="search" value="Lorem ipsum">
        <input class="focus" type="search" value="Lorem ipsum">
        <br><br>
        <input placeholder="Lorem ipsum" type="search" value="">
    - name: type="email"
      markup: |
        <input type="email" value="Lorem ipsum">
        <input class="focus" type="email" value="Lorem ipsum">
        <br><br>
        <input placeholder="Lorem ipsum" type="email" value="">
    - name: type="url"
      markup: |
        <input type="url" value="Lorem ipsum">
        <input class="focus" type="url" value="Lorem ipsum">
        <br><br>
        <input placeholder="Lorem ipsum" type="url" value="">
    - name: type="tel"
      markup: |
        <input type="tel" value="Lorem ipsum">
        <input class="focus" type="tel" value="Lorem ipsum">
        <br><br>
        <input placeholder="Lorem ipsum" type="tel" value="">
    - name: type="number"
      markup: |
        <input type="number" value="1000">
        <input class="focus" type="number" value="1000">
        <br><br>
        <input placeholder="Lorem ipsum" type="number" value="">
    - name: textarea
      markup: |
        <textarea>Lorem ipsum</textarea>
        <textarea class="focus">Lorem ipsum</textarea>
    - name: multi-select
      markup: |
        <select multiple>
            <option value="option1">Lorem</option>
            <option value="option2">Ipsum</option>
            <option value="option3">Dolor</option>
            <option value="option4">Sit</option>
        </select>
        <select class="focus" multiple>
            <option value="option1">Lorem</option>
            <option value="option2">Ipsum</option>
            <option value="option3">Dolor</option>
            <option value="option4">Sit</option>
        </select>
    tags:
    - cf-core
*/
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select[multiple] {
  display: inline-block;
  margin: 0;
  padding: 0.375em;
  font-family: Arial, sans-serif;
  font-size: 1em;
  background: #ffffff;
  border: 1px solid #5b616b;
  border-radius: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -webkit-user-modify: read-write-plaintext-only;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="text"]:focus,
input[type="text"].focus,
input[type="search"]:focus,
input[type="search"].focus,
input[type="email"]:focus,
input[type="email"].focus,
input[type="url"]:focus,
input[type="url"].focus,
input[type="tel"]:focus,
input[type="tel"].focus,
input[type="number"]:focus,
input[type="number"].focus,
textarea:focus,
textarea.focus,
select[multiple]:focus,
select[multiple].focus {
  border: 1px solid #3e94cf;
  outline: 1px solid #3e94cf;
  outline-offset: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  color: grayscale(#c7336e);
}
::-moz-placeholder {
  color: grayscale(#c7336e);
}
:-ms-input-placeholder {
  color: grayscale(#c7336e);
}
/* topdoc
  name: Images
  family: cf-core
  patterns:
    - name: max-width
      markup: |
            <img src="http://placekitten.com/800/40" alt="">
      notes:
        - "Gives all images a default max-width of 100% of their container."
  tags:
    - cf-core
*/
img {
  max-width: 100%;
}
/* topdoc
  name: Figure
  family: cf-core
  patterns:
    - name: figure
      markup: |
        <figure>
            <img src="http://placekitten.com/340/320">
        </figure>
    - name: figure.figure__bordered
      markup: |
        <figure class="figure__bordered">
            <img src="http://placekitten.com/340/320">
        </figure>
  tags:
    - cf-core
*/
figure {
  margin-left: 0;
  margin-right: 0;
}
figure img {
  vertical-align: middle;
}
.figure__bordered img {
  border: 1px solid #d6d7d9;
}
/* topdoc
  name: EOF
  eof: true
*/
/* ==========================================================================
   Capital Framework
   Grid mixins
   ========================================================================== */
/* topdoc
  name: Less variables
  notes:
    - "The following variables are exposed,
       allowing you to easily override them before compiling.
       Most mixins allows you to further override these values by passing them
       arguments."
  family: cf-grid
  patterns:
    - codenotes:
        - "@grid_box-sizing-polyfill-path: '../../box-sizing-polyfill;"
      notes:
        - "The path where boxsizing.htc is located."
        - "This path MUST be overridden in your project and set to a root relative url."
    - codenotes:
        - "@grid_wrapper-width: 1200px;"
      notes:
        - "The grid's maximum width in px."
    - codenotes:
        - "@grid_gutter-width: 30px;"
      notes:
        - "The fixed width between columns."
    - codenotes:
        - "@grid_total-columns: 12;"
      notes:
        - "The total number of columns used in calculating column widths."
    - codenotes:
        - "@grid_debug"
      notes:
        - "Gives column blocks a background color if set to true."
  tags:
    - cf-grid
*/
/* topdoc
  name: Wrapper
  notes:
    - "Wrappers are centered containers with a max-width and fixed gutters
       that match the gutter widths of columns."
    - "To support IE 6/7, ensure that the path to boxsizing.htc is set using
       the @grid_box-sizing-polyfill-path Less variable.
       Read more: https://github.com/Schepp/box-sizing-polyfill."
  family: cf-grid
  patterns:
    - name: Less mixin
      codenotes:
        - ".grid_wrapper( @grid_wrapper-width: @grid_wrapper-width )"
      notes:
        - "You can create wrappers with different max-widths by passing a pixel
           value into the mixin."
    - name: Usage
      codenotes:
        - |
          .main-wrapper {
            .grid_wrapper();
          }
          .wide-wrapper {
            .grid_wrapper( 1900px );
          }
        - |
          <div class="main-wrapper">
              This container now has left and right padding and a centered max width.
          </div>
          <div class="wide-wrapper">
              This container is the same except it has a wider max-width.
          </div>
  tags:
    - cf-grid
*/
/* topdoc
  name: Columns
  family: cf-grid
  patterns:
    - name: Less mixin
      codenotes:
        - ".grid_column( @columns: 1; @total: @grid_total-columns; @prefix: 0; @suffix: 0 )"
      notes:
        - "Computes column widths and prefix/suffix padding."
        - "CSS borders are used for fixed gutters."
    - name: Usage
      codenotes:
        - |
          .main-wrapper {
            .grid_wrapper();
          }
          .half {
            .grid_column(1, 2);
          }
        - |
          <div class="main-wrapper">
              <div class="half">I am half of my parent.</div>
              <div class="half">I am half of my parent.</div>
          </div>
    - name: This is a placeholder for documenting prefix and suffix
      codenotes:
        - "..."
  tags:
    - cf-grid
*/
/* topdoc
  name: Push and Pull mixins for source ordering
  family: cf-grid
  patterns:
    - codenotes:
        - ".push( @offset: 1, @grid_total-columns: @grid_total-columns )"
        - ".pull( @offset: 1, @grid_total-columns: @grid_total-columns )"
    - name: Usage
      codenotes:
        - |
          .first {
            .grid_column(1, 2);
            .grid_pull(1);
          }
          .second {
            .grid_column(1, 2);
            .grid_push(1);
          }
        - |
          <div>
              <div class="second">I am first in the markup but appear after .first.</div>
              <div class="first">I am second in the markup but appear before .second.</div>
          </div>
  tags:
    - cf-grid
*/
/* topdoc
  name: Nested columns
  notes:
    - "Since all cf-grid columns have left and right gutters you will notice
      undesireable offsetting when nesting columns.
      Normally this is removed with complex selectors or by adding classes
      to the first and last column per 'row'.
      In cf-grid the way to get around this is by wrapping your columns in a
      container that utilizes the .grid_nested-col-group() mixin.
      This mixin uses negative left and right margins to pull the columns back
      into alignment with parent columns."
    - "NOTE: Working this way allows you to easily create responsive grids.
      You are free to control the number of columns per 'row' without having
      to deal with the first and last columns of each row."
    - "NOTE: cf-grids does not use 'rows' and there is no row container.
      To clarify, if you have a 12 column grid and place 24 columns inside
      of a wrapper cf-grid columns will automaitcally stack into 2 'rows'
      of 12."
  family: cf-grid
  patterns:
    - name: Less mixin
      codenotes:
        - ".grid_nested-col-group()"
    - name: Usage
      codenotes:
        - |
          .main-wrapper {
            .grid_wrapper();
          }
          .cols {
            .grid_nested-col-group();
          }
          .half {
            .grid_column(1, 2);
          }
        - |
          <div class="main-wrapper">
              <div class="half">
                  <div class="cols">
                      <div class="half"></div>
                      <div class="half"></div>
                  </div>
              </div>
              <div class="half">
                  <div class="cols">
                      <div class="half"></div>
                      <div class="half"></div>
                  </div>
              </div>
          </div>
  tags:
    - cf-grid
*/
/* topdoc
  name: EOF
  eof: true
*/
/* ==========================================================================
   Capital Framework
   Layout Helpers
   ========================================================================== */
/* topdoc
  name: Theme variables
  family: cf-layout
  notes:
    - "The following color and sizing variables are exposed, allowing you to
       easily override them before compiling."
  patterns:
  - name: Colors
    codenotes:
      - |
        @block__border-top
        @block__border-right
        @block__border-bottom
        @block__border-left
        @block__border
        @block__bg
        @content_main-border
        @content_sidebar-bg
        @content_sidebar-border
        @content_bar
        @content_line
        @grid_column__top-divider
        @grid_column__left-divider
  tags:
  - cf-layout
  - less
*/
/* topdoc
  name: Content layouts
  family: cf-layout
  patterns:
    - name: Standard content columns
      markup: |
        <div class="content-l">
            <div class="content-l_col content-l_col-1">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Full-width column (spans 12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-2-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Two thirds-width column (spans 8/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-4">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;">
                    Quarter width column (spans 3/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-3-4">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;">
                    Three-quarter width column (spans 9/12 columns)
                </div>
            </div>
        </div>
      codenotes:
        - |
          Structural cheat sheet:
          -----------------------
          .content-l
            .content-l_col
      notes:
        - "Simplifies use of grid structure inside content containers (like .content-main)."
        - "Since .content-l_col's are nested within .content_main extra margins will occur.
           The .content-l container uses the grid_nested-col-group mixin to counter this."
        - ".content-l_col-RATIO classes default to stacking on mobile and displaying as columns
           above mobile-max width (600px). This may not be the desired breakpoint for
           all use cases, so mixins are provided to simplify changing column display to
           stacked."
        - "Three .content-l modifiers handle the stacking overrides for use cases of
           .content_main, .content_full, and .content_sidebar containers."
        - "Note that the divs with inline styles are for demonstration purposes
           only and should not be used in production."
    - name: .content-l__full modifier
      markup: |
        <div class="content-l content-l__full">
            <div class="content-l_col content-l_col-1">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Full-width column (spans 12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-2-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Two thirds-width column (spans 8/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-4">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;">
                    Quarter width column (spans 3/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-3-4">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;">
                    Three-quarter width column (spans 9/12 columns)
                </div>
            </div>
        </div>
      codenotes:
        - .content-l.content-l__full
      notes:
        - "Designed for use within .content_full containers."
        - "Displays .content-l_col-1-2 as columns at tablet sizes & above (600px+)"
        - "Displays other common .content-l_col modifiers (.content-l_col-1-3,
           .content-l_col-2-3, .content-l_col-3-8, .content-l_col-5-8)
           as columns above 767px."
    - name: .content-l__main modifier
      markup: |
        <div class="content-l content-l__main">
            <div class="content-l_col content-l_col-1">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Full-width column (spans 12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-2-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Two thirds-width column (spans 8/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-4">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;">
                    Quarter width column (spans 3/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-3-4">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;">
                    Three-quarter width column (spans 9/12 columns)
                </div>
            </div>
        </div>
      codenotes:
        - .content-l.content-l__main
      notes:
        - "Designed for use in .content_main containers, which have reduced (75%) width
           above tablet sizes to accommodate adjacent sidebar column."
        - "Displays .content-l_col-1-2 as columns in the tablet range, 600-800px;
           stacked from 800-899, the start of sidebar range; and as columns again at 900px+"
        - "Displays other common .content-l_col modifiers (.content-l_col-1-3, .content-l_col-2-3,
           .content-l_col-3-8, .content-l_col-5-8) as columns above 900px."
    - name: .content-l__sidebar modifier
      markup: |
        <div class="content-l content-l__sidebar">
            <div class="content-l_col content-l_col-1">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Full-width column (spans 12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-2-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Two thirds-width column (spans 8/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-3">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Third-width column (spans 4/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-4">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;">
                    Quarter width column (spans 3/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-3-4">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;">
                    Three-quarter width column (spans 9/12 columns)
                </div>
            </div>
        </div>
      codenotes:
        - .content-l.content-l__sidebar
      notes:
        - "For use in sidebar containers, which are full width only
           on tablet widths (600-800px)."
        - "Displays .content-l_col-1-2 as columns in the tablet range,
           600-800px, and stacked at all other widths."
    - name: Large gutters modifier
      markup: |
        <div class="content-l content-l__main  content-l__large-gutters">
            <div class="content-l_col content-l_col-1">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Full-width column (spans 12 columns)
                </div>
            </div>
        </div>
        <div class="content-l content-l__main  content-l__large-gutters">
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
            <div class="content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 4px;">
                    Half-width column (spans 6/12 columns)
                </div>
            </div>
        </div>
      codenotes:
        - .content-l.content-l__large-gutters
      notes:
        - "Adds 30px gutters to all columns by simply adding the
           .content-l__large-gutters modifier."
  tags:
    - cf-layout
*/
.content-l {
  position: relative;
}
@media only all and (min-width: 37.5625em) {
  .content-l {
    display: block;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only all and (min-width: 37.5625em) and (max-width: 47.9375em) {
  .content-l__full .content-l_col.content-l_col-1-3 {
    display: block;
    width: 100%;
  }
  .content-l__full .content-l_col.content-l_col-1-3.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__full .content-l_col.content-l_col-1-3.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__full.content-l__large-gutters .content-l_col.content-l_col-1-3.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__full .content-l_col + .content-l_col-1-3 {
    margin-top: 1.875em;
  }
  .content-l__full .content-l_col.content-l_col-2-3 {
    display: block;
    width: 100%;
  }
  .content-l__full .content-l_col.content-l_col-2-3.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__full .content-l_col.content-l_col-2-3.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__full.content-l__large-gutters .content-l_col.content-l_col-2-3.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__full .content-l_col + .content-l_col-2-3 {
    margin-top: 1.875em;
  }
  .content-l__full .content-l_col.content-l_col-3-8 {
    display: block;
    width: 100%;
  }
  .content-l__full .content-l_col.content-l_col-3-8.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__full .content-l_col.content-l_col-3-8.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__full.content-l__large-gutters .content-l_col.content-l_col-3-8.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__full .content-l_col + .content-l_col-3-8 {
    margin-top: 1.875em;
  }
  .content-l__full .content-l_col.content-l_col-5-8 {
    display: block;
    width: 100%;
  }
  .content-l__full .content-l_col.content-l_col-5-8.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__full .content-l_col.content-l_col-5-8.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__full.content-l__large-gutters .content-l_col.content-l_col-5-8.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__full .content-l_col + .content-l_col-5-8 {
    margin-top: 1.875em;
  }
  .content-l__full .content-l_col.content-l_col-1-4 {
    display: block;
    width: 100%;
  }
  .content-l__full .content-l_col.content-l_col-1-4.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__full .content-l_col.content-l_col-1-4.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__full.content-l__large-gutters .content-l_col.content-l_col-1-4.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__full .content-l_col + .content-l_col-1-4 {
    margin-top: 1.875em;
  }
  .content-l__full .content-l_col.content-l_col-3-4 {
    display: block;
    width: 100%;
  }
  .content-l__full .content-l_col.content-l_col-3-4.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__full .content-l_col.content-l_col-3-4.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__full.content-l__large-gutters .content-l_col.content-l_col-3-4.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__full .content-l_col + .content-l_col-3-4 {
    margin-top: 1.875em;
  }
}
@media only all and (min-width: 56.3125em) and (max-width: 63.75em) {
  .content-l__main .content-l_col.content-l_col-1-2 {
    display: block;
    width: 100%;
  }
  .content-l__main .content-l_col.content-l_col-1-2.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__main .content-l_col.content-l_col-1-2.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__main.content-l__large-gutters .content-l_col.content-l_col-1-2.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__main .content-l_col + .content-l_col-1-2 {
    margin-top: 1.875em;
  }
}
@media only all and (min-width: 37.5625em) and (max-width: 56.25em) {
  .content-l__main .content-l_col.content-l_col-1-3 {
    display: block;
    width: 100%;
  }
  .content-l__main .content-l_col.content-l_col-1-3.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__main .content-l_col.content-l_col-1-3.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__main.content-l__large-gutters .content-l_col.content-l_col-1-3.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__main .content-l_col + .content-l_col-1-3 {
    margin-top: 1.875em;
  }
  .content-l__main .content-l_col.content-l_col-2-3 {
    display: block;
    width: 100%;
  }
  .content-l__main .content-l_col.content-l_col-2-3.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__main .content-l_col.content-l_col-2-3.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__main.content-l__large-gutters .content-l_col.content-l_col-2-3.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__main .content-l_col + .content-l_col-2-3 {
    margin-top: 1.875em;
  }
  .content-l__main .content-l_col.content-l_col-3-8 {
    display: block;
    width: 100%;
  }
  .content-l__main .content-l_col.content-l_col-3-8.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__main .content-l_col.content-l_col-3-8.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__main.content-l__large-gutters .content-l_col.content-l_col-3-8.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__main .content-l_col + .content-l_col-3-8 {
    margin-top: 1.875em;
  }
  .content-l__main .content-l_col.content-l_col-5-8 {
    display: block;
    width: 100%;
  }
  .content-l__main .content-l_col.content-l_col-5-8.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__main .content-l_col.content-l_col-5-8.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__main.content-l__large-gutters .content-l_col.content-l_col-5-8.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__main .content-l_col + .content-l_col-5-8 {
    margin-top: 1.875em;
  }
  .content-l__main .content-l_col.content-l_col-1-4 {
    display: block;
    width: 100%;
  }
  .content-l__main .content-l_col.content-l_col-1-4.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__main .content-l_col.content-l_col-1-4.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__main.content-l__large-gutters .content-l_col.content-l_col-1-4.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__main .content-l_col + .content-l_col-1-4 {
    margin-top: 1.875em;
  }
  .content-l__main .content-l_col.content-l_col-3-4 {
    display: block;
    width: 100%;
  }
  .content-l__main .content-l_col.content-l_col-3-4.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__main .content-l_col.content-l_col-3-4.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__main.content-l__large-gutters .content-l_col.content-l_col-3-4.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__main .content-l_col + .content-l_col-3-4 {
    margin-top: 1.875em;
  }
}
.content-l__sidebar .content-l_col.content-l_col-1-3 {
  display: block;
  width: 100%;
}
.content-l__sidebar .content-l_col.content-l_col-1-3.content-l_col__before-divider {
  margin-top: 3.75em;
  border-left-width: 15px;
}
.content-l__sidebar .content-l_col.content-l_col-1-3.content-l_col__before-divider:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 1.875em;
  background-color: #3a8899;
  position: static;
  width: 100%;
  margin-left: auto !important;
}
.content-l__sidebar.content-l__large-gutters .content-l_col.content-l_col-1-3.content-l_col__before-divider {
  border-left-width: 30px;
}
.content-l__sidebar .content-l_col + .content-l_col-1-3 {
  margin-top: 1.875em;
}
.content-l__sidebar .content-l_col.content-l_col-2-3 {
  display: block;
  width: 100%;
}
.content-l__sidebar .content-l_col.content-l_col-2-3.content-l_col__before-divider {
  margin-top: 3.75em;
  border-left-width: 15px;
}
.content-l__sidebar .content-l_col.content-l_col-2-3.content-l_col__before-divider:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 1.875em;
  background-color: #3a8899;
  position: static;
  width: 100%;
  margin-left: auto !important;
}
.content-l__sidebar.content-l__large-gutters .content-l_col.content-l_col-2-3.content-l_col__before-divider {
  border-left-width: 30px;
}
.content-l__sidebar .content-l_col + .content-l_col-2-3 {
  margin-top: 1.875em;
}
.content-l__sidebar .content-l_col.content-l_col-3-8 {
  display: block;
  width: 100%;
}
.content-l__sidebar .content-l_col.content-l_col-3-8.content-l_col__before-divider {
  margin-top: 3.75em;
  border-left-width: 15px;
}
.content-l__sidebar .content-l_col.content-l_col-3-8.content-l_col__before-divider:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 1.875em;
  background-color: #3a8899;
  position: static;
  width: 100%;
  margin-left: auto !important;
}
.content-l__sidebar.content-l__large-gutters .content-l_col.content-l_col-3-8.content-l_col__before-divider {
  border-left-width: 30px;
}
.content-l__sidebar .content-l_col + .content-l_col-3-8 {
  margin-top: 1.875em;
}
.content-l__sidebar .content-l_col.content-l_col-5-8 {
  display: block;
  width: 100%;
}
.content-l__sidebar .content-l_col.content-l_col-5-8.content-l_col__before-divider {
  margin-top: 3.75em;
  border-left-width: 15px;
}
.content-l__sidebar .content-l_col.content-l_col-5-8.content-l_col__before-divider:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 1.875em;
  background-color: #3a8899;
  position: static;
  width: 100%;
  margin-left: auto !important;
}
.content-l__sidebar.content-l__large-gutters .content-l_col.content-l_col-5-8.content-l_col__before-divider {
  border-left-width: 30px;
}
.content-l__sidebar .content-l_col + .content-l_col-5-8 {
  margin-top: 1.875em;
}
.content-l__sidebar .content-l_col.content-l_col-1-4 {
  display: block;
  width: 100%;
}
.content-l__sidebar .content-l_col.content-l_col-1-4.content-l_col__before-divider {
  margin-top: 3.75em;
  border-left-width: 15px;
}
.content-l__sidebar .content-l_col.content-l_col-1-4.content-l_col__before-divider:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 1.875em;
  background-color: #3a8899;
  position: static;
  width: 100%;
  margin-left: auto !important;
}
.content-l__sidebar.content-l__large-gutters .content-l_col.content-l_col-1-4.content-l_col__before-divider {
  border-left-width: 30px;
}
.content-l__sidebar .content-l_col + .content-l_col-1-4 {
  margin-top: 1.875em;
}
.content-l__sidebar .content-l_col.content-l_col-3-4 {
  display: block;
  width: 100%;
}
.content-l__sidebar .content-l_col.content-l_col-3-4.content-l_col__before-divider {
  margin-top: 3.75em;
  border-left-width: 15px;
}
.content-l__sidebar .content-l_col.content-l_col-3-4.content-l_col__before-divider:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 1.875em;
  background-color: #3a8899;
  position: static;
  width: 100%;
  margin-left: auto !important;
}
.content-l__sidebar.content-l__large-gutters .content-l_col.content-l_col-3-4.content-l_col__before-divider {
  border-left-width: 30px;
}
.content-l__sidebar .content-l_col + .content-l_col-3-4 {
  margin-top: 1.875em;
}
@media only all and (min-width: 56.3125em) {
  .content-l__sidebar .content-l_col.content-l_col-1-2 {
    display: block;
    width: 100%;
  }
  .content-l__sidebar .content-l_col.content-l_col-1-2.content-l_col__before-divider {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l__sidebar .content-l_col.content-l_col-1-2.content-l_col__before-divider:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
  .content-l__sidebar.content-l__large-gutters .content-l_col.content-l_col-1-2.content-l_col__before-divider {
    border-left-width: 30px;
  }
  .content-l__sidebar .content-l_col + .content-l_col-1-2 {
    margin-top: 1.875em;
  }
}
@media only all and (min-width: 37.5625em) {
  .content-l__large-gutters {
    margin-left: -30px;
    margin-right: -30px;
  }
  .content-l__large-gutters .content-l_col {
    border-left-width: 30px;
    border-right-width: 30px;
  }
}
@media only all and (max-width: 37.5em) {
  .content-l_col + .content-l_col {
    margin-top: 1.875em;
  }
}
@media only all and (min-width: 37.5625em) {
  .content-l_col-1 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 100%;
  }
  .lt-ie8 .content-l_col-1 {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content-l_col-1-2 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 50%;
  }
  .lt-ie8 .content-l_col-1-2 {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content-l_col-1-3 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 33.33333333%;
  }
  .lt-ie8 .content-l_col-1-3 {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content-l_col-2-3 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 66.66666667%;
  }
  .lt-ie8 .content-l_col-2-3 {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content-l_col-3-8 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 37.5%;
  }
  .lt-ie8 .content-l_col-3-8 {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content-l_col-5-8 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 62.5%;
  }
  .lt-ie8 .content-l_col-5-8 {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content-l_col-1-4 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 25%;
  }
  .lt-ie8 .content-l_col-1-4 {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content-l_col-3-4 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 75%;
  }
  .lt-ie8 .content-l_col-3-4 {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
}
/* topdoc
  name: Content layout column dividers
  family: cf-layout
  notes:
    - "Adds dividers between specified .content-l_col-X-X classes."
    - "Layout dividers work in conjunction with .content-l_col-X-X elements and
       have specific needs depending on which column element variant they are
       attached to. For example .content-l_col-1-2 has different divider needs
       than .content-l_col-1-3 because they may break to single columns at different
       breakpoints."
    - "Dividers use absolute positioning relative to the .content-l element and
       depends on .content-l using `position: relative;`. This allows vertical
       dividers to span the height of the tallest column. Just be aware that if
       you have more than one row of columns, and each row has columns of
       different widths, the borders will cause unwanted overlapping since they
       will span the height of the entire .content-l element."
  patterns:
    - name: .content-l_col__before-divider (modifier)
      markup: |
        <div class="content-l content-l__large-gutters">
            <div class="content-l_col content-l_col-1-2">
                <img src="http://placekitten.com/600/320" alt="Placeholder image">
                <br>
                Half-width column (spans 6/12 columns)
            </div>
            <div class="content-l_col content-l_col-1-2 content-l_col__before-divider">
                <img src="http://placekitten.com/600/320" alt="Placeholder image">
                <br>
                Half-width column (spans 6/12 columns)
            </div>
        </div>
        <br>
        <!-- Starting a new .content-l so that the dividers from
             .content-l_col.content-l_col-1-2.content-l_col__before-divider
             won't overlap the .content-l_col-1-3 columns. -->
        <div class="content-l content-l__large-gutters">
            <div class="content-l_col content-l_col-1-3">
                Third-width column (spans 4/12 columns)
            </div>
            <div class="content-l_col content-l_col-1-3 content-l_col__before-divider">
                Third-width column (spans 4/12 columns)
            </div>
            <div class="content-l_col content-l_col-1-3 content-l_col__before-divider">
                Third-width column (spans 4/12 columns)
            </div>
        </div>
      codenotes:
        - .content-l_col__before-divider
  tags:
    - cf-layout
*/
@media only all and (max-width: 37.5em) {
  .content-l_col__before-divider.content-l_col-1-2 {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l_col__before-divider.content-l_col-1-2:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
}
@media only all and (min-width: 37.5625em) {
  .content-l_col__before-divider.content-l_col-1-2 {
    border-left-width: 30px;
  }
  .content-l_col__before-divider.content-l_col-1-2:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    display: block;
    background-color: #3a8899;
    margin-left: -30px;
  }
}
@media only all and (max-width: 37.5em) {
  .content-l_col__before-divider.content-l_col-1-3 {
    margin-top: 3.75em;
    border-left-width: 15px;
  }
  .content-l_col__before-divider.content-l_col-1-3:before {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.875em;
    background-color: #3a8899;
    position: static;
    width: 100%;
    margin-left: auto !important;
  }
}
@media only all and (min-width: 37.5625em) {
  .content-l_col__before-divider.content-l_col-1-3 {
    border-left-width: 30px;
  }
  .content-l_col__before-divider.content-l_col-1-3:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    display: block;
    background-color: #3a8899;
    margin-left: -30px;
  }
}
/* topdoc
  name: Content bar
  family: cf-layout
  patterns:
    - name: A 10 pixel bar that divides the header or hero from the main content
      markup: |
        <div class="content_bar"></div>
      notes:
        - "This is necessary because we don't have a predictable place to put a
           full-width border. It needs to be under the hero on pages with
           heroes, but under the header if there is no hero."
        - ".content_bar must come after .content_hero but before .content_wrapper"
  tags:
    - cf-layout
*/
.content_bar {
  height: 10px;
  background: #3a8899;
}
/* topdoc
  name: Content line
  family: cf-layout
  patterns:
    - name: "A 1 pixel edge to edge bar that can divide content."
      markup: |
        <div class="content_line"></div>
  tags:
    - cf-layout
*/
.content_line {
  height: 1px;
  background: #3a8899;
}
/* topdoc
  name: Main content and sidebar
  family: cf-layout
  patterns:
    - name: Standard layout for the main content area and sidebar
      markup: |
        <main class="content" role="main">
            <section class="content_hero" style="background: #E3E4E5">
                Content hero
            </section>
            <div class="content_bar"></div>
            <div class="content_wrapper">
                <section class="content_main">
                    Main content area
                </section>
                <aside class="content_sidebar" style="background: #F1F2F2">
                    Sidebar
                </aside>
            </div>
        </main>
      codenotes:
        - |
          Structural cheat sheet:
          -----------------------
          main.content
            .content_hero
            .content_bar
            .content_wrapper
              .content_sidebar
              .content_main
      notes:
        - "By default .content_main and .content_sidebar stack vertically. When
           using the modifiers described below to create columns, the columns
           will remain stacked for smaller screens and then convert to to
           columns at 801px."
        - ".content_bar must come after .content_hero (if it exists) but before
           .content_wrapper."
        - "Inline styling is for demonstration purposes only; do not include it
           in your markup."
    - name: Left-hand navigation layout
      markup: |
        <main class="content content__1-3" role="main">
            <div class="content_bar"></div>
            <div class="content_wrapper">
                <aside class="content_sidebar">
                    Section navigation
                </aside>
                <section class="content_main">
                    <h2>Main content area</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                        Cum corrupti tempora nam nihil qui mollitia consectetur
                        corporis nemo culpa dolorum! Laborum at eos deleniti
                        consequatur itaque officiis debitis quisquam! Provident!
                    </p>
                </section>
            </div>
        </main>
        <footer class="footer" role="contentinfo">
            <div class="wrapper">
                Footer
            </div>
        </footer>
      codenotes:
        - .content__1-3
      notes:
        - "Add a class of .content__L-R to main.content to determine the width
           ratio of .content_main and .content_sidebar, where 'L' is the
           left-hand item and 'R' is the right-hand item. The two common
           configurations are 1-3 (sidebar on the left, content on the right, in
           a ratio of 1:3) and 2-1 (content on the left, sidebar on the right,
           in a ratio of 2:1). It is assumed that the content is wider than the
           sidebar."
    - name: Right-hand sidebar layout
      markup: |
        <main class="content content__2-1" role="main">
            <div class="content_bar"></div>
            <div class="content_wrapper">
                <section class="content_main">
                    <h2>Main content area</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                        Cum corrupti tempora nam nihil qui mollitia consectetur
                        corporis nemo culpa dolorum! Laborum at eos deleniti
                        consequatur itaque officiis debitis quisquam! Provident!
                    </p>
                </section>
                <aside class="content_sidebar" style="background: #F1F2F2">
                    Sidebar
                </aside>
            </div>
        </main>
        <footer class="footer" role="contentinfo">
            <div class="wrapper">
                Footer
            </div>
        </footer>
      codenotes:
        - .content__2-1
      notes:
        - "Add a class of .content__L-R to main.content to determine the width
           ratio of .content_main and .content_sidebar, where 'L' is the
           left-hand item and 'R' is the right-hand item. The two common
           configurations are 1-3 (sidebar on the left, content on the right, in
           a ratio of 1:3) and 2-1 (content on the left, sidebar on the right,
           in a ratio of 2:1). It is assumed that the content is wider than the
           sidebar."
        - "Inline styling is for demonstration purposes only; do not include it
           in your markup."
    - name: Narrow content column option
      markup: |
        <main class="content content__2-1" role="main">
            <div class="content_bar"></div>
            <div class="content_wrapper">
                <section class="content_main content_main__narrow">
                    <h2>Main content area</h2>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                        Cum corrupti tempora nam nihil qui mollitia consectetur
                        corporis nemo culpa dolorum! Laborum at eos deleniti
                        consequatur itaque officiis debitis quisquam! Provident!
                    </p>
                </section>
                <aside class="content_sidebar" style="background: #F1F2F2">
                    Sidebar
                </aside>
            </div>
        </main>
        <footer class="footer" role="contentinfo">
            <div class="wrapper">
                Footer
            </div>
        </footer>
      codenotes:
        - .content_main__narrow
      notes:
        - "Add a class of .content_main__narrow to .content_main to get a
           one-column (in a 12-column grid) gutter on the right side."
        - "Inline styling is for demonstration purposes only; do not include it
           in your markup."
    - name: Flush bottom modifier
      markup: |
        <main class="content content__1-3" role="main">
            <div class="content_bar"></div>
            <div class="content_wrapper">
                <aside class="content_sidebar content__flush-bottom">
                    Side with no bottom padding...
                </aside>
                <section class="content_main content__flush-bottom">
                    Main content with no bottom padding...
                    <div class="block
                                block__flush-bottom
                                block__flush-sides
                                block__bg">
                        .content__flush-bottom is very useful when you have a
                        content block inside of .content_main with a background
                        and flush sides.
                    </div>
                </section>
            </div>
        </main>
        <footer class="footer" role="contentinfo">
            <div class="wrapper">
                Footer
            </div>
        </footer>
      codenotes:
        - .content__flush-bottom
      notes:
        - "Add a class of .content__flush-bottom to .content_main or
           content_sidebar to remove bottom padding."
    - name: Flush top modifier (only on small screens)
      markup: |
        <main class="content content__1-3" role="main">
            <div class="content_bar"></div>
            <div class="content_wrapper">
                <aside class="content_sidebar content__flush-top-on-small">
                    Side with no top padding on small screens...
                </aside>
                <section class="content_main">
                    Main content
                </section>
            </div>
        </main>
        <footer class="footer" role="contentinfo">
            <div class="wrapper">
                Footer
            </div>
        </footer>
      codenotes:
        - .content__flush-top-on-small
      notes:
        - "Add a class of .content__flush-top-on-small to .content_main or
           .content_sidebar to remove top padding on small screens only.
           'Small' screens in this case refers to the breakpoint where
           .content_main and .content_sidebar single column layout."
    - name: Flush all modifier (only on small screens)
      markup: |
        <main class="content content__1-3" role="main">
            <div class="content_bar"></div>
            <div class="content_wrapper">
                <aside class="content_sidebar content__flush-all-on-small">
                    Side with no padding or border-based gutters on small screens...
                </aside>
                <section class="content_main">
                    Main content
                </section>
            </div>
        </main>
        <footer class="footer" role="contentinfo">
            <div class="wrapper">
                Footer
            </div>
        </footer>
      codenotes:
        - .content__flush-all-on-small
      notes:
        - "Add a class of .content__flush-all-on-small to .content_main or
           .content_sidebar to remove all padding and border-based gutters on
           small screens only. 'Small' screens in this case refers to the
           breakpoint where .content_main and .content_sidebar single column layout."
  tags:
    - cf-layout
*/
.content_intro,
.content_main,
.content_sidebar {
  padding: 1.875em 0.9375em;
}
@media only all and (min-width: 37.5625em) {
  .content_intro,
  .content_main,
  .content_sidebar {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 100%;
    padding: 3.75em 0.9375em;
  }
  .lt-ie8 .content_intro,
  .lt-ie8 .content_main,
  .lt-ie8 .content_sidebar {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
}
@media only all and (min-width: 56.3125em) {
  .content_intro,
  .content_main,
  .content_sidebar {
    padding: 3.75em 0;
  }
}
@media only all and (min-width: 56.3125em) {
  .content_intro {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 100%;
  }
  .lt-ie8 .content_intro {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
}
@media only all and (min-width: 56.3125em) {
  .content__1-3 .content_sidebar {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 25%;
    padding-right: 1.875em;
  }
  .lt-ie8 .content__1-3 .content_sidebar {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content__1-3 .content_main {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 75%;
    position: relative;
  }
  .lt-ie8 .content__1-3 .content_main {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content__1-3 .content_main:after {
    content: '';
    border-left: 1px solid #3a8899;
    position: absolute;
    top: 3.75em;
    bottom: 0;
    left: -1.875em;
  }
  .content__2-1 .content_main {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 66.66666667%;
  }
  .lt-ie8 .content__2-1 .content_main {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .content__2-1 .content_main:after {
    right: -1.875em;
  }
  .content__2-1 .content_sidebar {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 33.33333333%;
    padding-left: 1.875em;
  }
  .lt-ie8 .content__2-1 .content_sidebar {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
}
@media only all and (min-width: 63.8125em) {
  .content__2-1 .content_main__narrow {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 66.66666667%;
    padding-right: 8.33333333%;
  }
  .lt-ie8 .content__2-1 .content_main__narrow {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
  .lt-ie8 .content__2-1 .content_main__narrow {
    padding-right: 0;
  }
}
.content__flush-bottom {
  padding-bottom: 0;
}
@media only all and (max-width: 56.25em) {
  .content__flush-top-on-small {
    padding-top: 0;
  }
}
@media only all and (max-width: 56.25em) {
  .content__flush-all-on-small {
    padding: 0;
    border-width: 0;
  }
}
/* topdoc
  name: Block
  family: cf-layout
  notes:
    - ".block is a base class with several modifiers that help you separate
       chunks of content via margins, padding, borders, and backgrounds."
  patterns:
    - name: Standard block example
      markup: |
        Main content...
        <div class="block">
            Content block
        </div>
        <div class="block">
            Content block
        </div>
        <div class="block">
            Content block
        </div>
      codenotes:
        - .block
      notes:
        - "The standard .block class by itself simply adds a margin of twice the
           gutter width to the top and bottom."
    - name: Border-top modifier
      markup: |
        Main content...
        <div class="block block__border-top">
            Content block with top border.
        </div>
      codenotes:
        - .block.block__border-top
      notes:
        - "Adds top border to .block."
    - name: Border-right modifier
      markup: |
        Main content...
        <div class="block block__border-right">
            Content block with right border.
        </div>
      codenotes:
        - .block.block__border-right
      notes:
        - "Adds right border to .block."
    - name: Border-bottom modifier
      markup: |
        Main content...
        <div class="block block__border-bottom">
            Content block with bottom border.
        </div>
      codenotes:
        - .block.block__border-bottom
      notes:
        - "Adds bottom border to .block."
    - name: Border-left modifier
      markup: |
        Main content...
        <div class="block block__border-left">
            Content block with left border.
        </div>
      codenotes:
        - .block.block__border-left
      notes:
        - "Adds left border to .block."
    - name: Border modifier
      markup: |
        Main content...
        <div class="block block__border">
            Content block with borders on all sides.
        </div>
      codenotes:
        - .block.block__border
      notes:
        - "Adds border on all sides to .block."
    - name: Flush-top modifier
      markup: |
        Main content...
        <div class="block block__flush-top">
            Content block with no top margin.
        </div>
        <div class="block">
            Content block
        </div>
      codenotes:
        - .block.block__flush-top
      notes:
        - "Removes the top margin from .block."
    - name: Flush-bottom modifier
      markup: |
        Main content...
        <div class="block block__flush-bottom">
            Content block with no bottom margin.
        </div>
        <div class="block block__flush-top">
            Content block with no top margin.
        </div>
      codenotes:
        - .block.block__flush-bottom
      notes:
        - "Removes the bottom margin from .block."
    - name: Flush-sides modifier
      markup: |
        <main class="content content__1-3" role="main">
            <div class="content_wrapper">
                <aside class="content_sidebar">
                    Section navigation
                </aside>
                <section class="content_main">
                    Main content...
                    <aside class="block block__flush-sides">
                        Content block with no side margins.
                    </aside>
                </section>
            </div>
        </main>
      codenotes:
        - .block.block__flush-sides
      notes:
        - "Removes the side margin from .block."
        - "Typically used in conjuction with .block__bg to create a 'well' whose
           background extends into the left and right gutters. (See below.)"
    - name: Flush modifier
      markup: |
        <main class="content content__1-3" role="main">
            <div class="content_wrapper">
                <aside class="content_sidebar">
                    Section navigation
                </aside>
                <section class="content_main">
                    Main content...
                    <aside class="block block__flush">
                        Content block with no margins.
                    </aside>
                </section>
            </div>
        </main>
      codenotes:
        - .block.block__flush
      notes:
        - "Removes the side, top, and bottom margin from .block."
    - name: Background modifier
      markup: |
        Main content...
        <div class="block block__bg">
            Content block with a background
        </div>
      codenotes:
        - .block.block__bg
      notes:
        - "Adds a background color and padding to .block."
        - "Setup for (ems-equivalent) 30px padding on top and 60px on bottom."
    - name: Background and flush-sides modifier combo example
      markup: |
        <main class="content content__1-3" role="main">
            <div class="content_wrapper">
                <aside class="content_sidebar">
                    Section navigation
                </aside>
                <section class="content_main content__flush-bottom">
                    Main content...
                    <div class="block block__flush-sides block__bg">
                        Content block with a background and flush sides
                    </div>
                </section>
            </div>
        </main>
      codenotes:
        - .block.block__flush-sides.block__bg
      notes:
        - "This is an example of combining modifiers to get a flush padded bg
           with a .block."
    - name: Padded-top modifier
      markup: |
        Main content...
        <div class="block block__padded-top block__border-top">
            Content block with reduced top margin & added top padding
            and border.
        </div>
      codenotes:
        - .block.block__padded-top
      notes:
        - "Breaks top margin into margin & padding. Useful in combination with
           block__border-top to add padding between block contents & border."
    - name: Padded-bottom modifier
      markup: |
        <div class="block block__padded-bottom block__border-bottom">
            Content block with reduced bottom margin & added bottom padding
            and border.
        </div>
        Content...
      codenotes:
        - .block.block__padded-bottom
      notes:
        - "Breaks bottom margin into margin & padding. Useful in combination with
           block__border-bottom to add padding between block contents & border."
    - name: Sub blocks
      markup: |
        <div class="block block__sub">
            <div style="background: #F1F2F2; padding: 8px;">
                Sub content block
            </div>
        </div>
        <div class="block block__sub">
            <div style="background: #F1F2F2; padding: 8px;">
                Sub content block
            </div>
        </div>
        <div class="block block__sub">
            <div style="background: #F1F2F2; padding: 8px;">
                Sub content block
            </div>
        </div>
      codenotes:
        - .block.block__sub
      notes:
        - "Useful for when you need some consistent margins between
           blocks that are nested within other blocks."
        - "Note that the divs with inline styles are for demonstration purposes
           only and should not be used in production."
    - name: Mixing content blocks with content layouts
      markup: |
        <div class="content-l">
            <div class="block content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2; padding: 8px;">
                    Content block that is also a content column.
                    Notice how my top margins only exist on smaller screens when
                    I need to stack vertically.
                </div>
            </div>
            <div class="block content-l_col content-l_col-1-2">
                <div style="background: #F1F2F2; padding: 8px;">
                    Content block that is also a content column.
                    Notice how my top margins only exist on smaller screens when
                    I need to stack vertically.
                </div>
            </div>
        </div>
      codenotes:
        - .block.content-l_col
      notes:
        - "You can safely combine .block with .content-l_col to
           achieve a column-based layout at larger screens with no top margins
           and a vertical layout at smaller screens that do have margins."
        - "Note that the divs with inline styles are for demonstration purposes
           only and should not be used in production."
  tags:
    - cf-layout
*/
.block {
  margin-top: 3.75em;
  margin-bottom: 3.75em;
}
.block__border-top {
  border-top: 1px solid #3a8899;
}
.block__border-right {
  border-right: 1px solid #3a8899;
}
.block__border-bottom {
  border-bottom: 1px solid #3a8899;
}
.block__border-left {
  border-left: 1px solid #3a8899;
}
.block__border {
  border: 1px solid #3a8899;
}
.block__flush-top {
  margin-top: 0 !important;
}
.block__flush-bottom {
  margin-bottom: 0 !important;
}
.block__flush-sides {
  margin-right: -15px;
  margin-left: -15px;
}
@media only all and (min-width: 37.5625em) {
  .block__flush-sides {
    margin-right: -30px;
    margin-left: -30px;
  }
}
.block__flush {
  margin-top: 0 !important;
  margin-right: -15px;
  margin-bottom: 0 !important;
  margin-left: -15px;
}
@media only all and (min-width: 37.5625em) {
  .block__flush {
    margin-right: -30px;
    margin-left: -30px;
  }
}
.block__bg {
  padding: 1.875em 0.9375em;
  padding-bottom: 3.75em;
  background: #f2f8fa;
}
@media only all and (min-width: 37.5625em) {
  .block__bg {
    padding: 2.8125em 1.875em;
  }
}
.block__padded-top {
  padding-top: 1.875em;
  margin-top: 1.875em;
}
.block__padded-bottom {
  padding-bottom: 1.875em;
  margin-bottom: 1.875em;
}
.block__sub {
  margin-top: 1.875em;
  margin-bottom: 1.875em;
}
@media only all and (min-width: 37.5625em) {
  .content-l_col.block,
  .content-l_col.block__sub {
    margin-top: 0;
  }
}
/* topdoc
  name: Bleedbar sidebar styling
  family: cf-layout
  patterns:
    - name: Give the sidebar a background color that bleeds off the edge of the screen
      markup: |
        <main class="content content__2-1 content__bleedbar" role="main">
            <section class="content_hero" style="background: #E3E4E5">
                Content hero
            </section>
            <div class="content_bar"></div>
            <div class="content_wrapper">
                <section class="content_main">
                    Main content area
                </section>
                <aside class="content_sidebar">
                    Bleeding sidebar
                </aside>
            </div>
        </main>
      codenotes:
        - ".content__bleedbar"
      notes:
        - "Simply add class .content__bleedbar to main.content."
        - "Only supports sidebars on the right, for now."
        - "Inline styling is for demonstration purposes only; do not include it
           in your markup."
  tags:
    - cf-layout
*/
.content__bleedbar .content_main:after {
  content: none;
}
.content__bleedbar .content_sidebar {
  padding: 1.875em 0.9375em;
  background: #f2f8fa;
}
@media only all and (min-width: 56.3125em) {
  .content__bleedbar {
    overflow: hidden;
  }
  .content__bleedbar .content_sidebar {
    padding: 3.75em 0 0.9375em 1.875em;
    margin-left: 0;
    position: relative;
    z-index: 1;
    background: transparent;
  }
  .lt-ie8 .content__bleedbar .content_sidebar {
    padding-right: 30px;
    background: #f2f8fa;
  }
  .content__bleedbar .content_wrapper {
    position: relative;
  }
  .content__bleedbar .content_wrapper:after {
    content: '';
    display: block;
    width: 9999px;
    border-left: 1px solid #3a8899;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    margin-left: 10px;
    background: #f2f8fa;
  }
  .content__bleedbar.content__2-1 .content_wrapper:after {
    left: 66.666666667%;
  }
  .content__bleedbar.content__3-1 .content_wrapper:after {
    left: 75%;
  }
}
/* topdoc
  name: cf-grid helpers
  family: cf-layout
  patterns:
    - name: .wrapper (base)
      markup: |
        <div class="wrapper">
            Wrapper
        </div>
      notes:
        - "Turns an element into a cf-grid wrapper at 801px and above."
        - "Includes some explicit declarations for IE8 due to the fact that it
           doesn't support media queries."
    - name: .wrapper__match-content (modifier)
      markup: |
        <div class="wrapper wrapper__match-content">
            <code>.wrapper.wrapper__match-content</code>
            <img src="http://placekitten.com/800/40" alt="Placeholder image">
        </div>
        <br>
        <main class="content" role="main">
            <div class="content_wrapper">
                <section class="content_main">
                    <code>.content_wrapper .content_main</code>
                    <img src="http://placekitten.com/800/40" alt="Placeholder image">
                </section>
            </div>
        </main>
      notes:
        - "The .content area has a visual gutter twice the size of a normal
           wrapper because the gutters from the sidebar and main content divs
           add to the gutters of the wrapper. This modifier gives you a wrapper
           with wider gutters to match the visual gutters of the .content area."
    - name: Column divider modifiers
      notes:
        - "cf-grid columns use left and right borders for fixed margins which
           means it's not possible to set visual left and right borders directly
           on them. Instead we can use the :before pseudo element and position
           it absolutely. The added benefit of doing it this way is that the
           border spans the entire height of the next parent using `position:
           relative;`. This means that the border will always match the height
           of the tallest column in the row."
      codenotes:
        - .grid_column__top-divider
        - .grid_column__left-divider
        - |
          .my-column-1-2 {

              // Creates a column that spans 6 out of 12 columns.
              .grid_column(6, 12);

              // Add a top divider only at screen 599px and smaller.
              .respond-to-max(599px {
                  .grid_column__top-divider();
              });

              // Add a left divider only at screen 600px and larger.
              .respond-to-min(600px, {
                  .grid_column__left-divider();
              });

          }
  tags:
    - cf-layout
*/
@media only all and (min-width: 56.3125em) {
  .wrapper,
  .content_wrapper {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
    clear: both;
  }
}
.wrapper__match-content,
.content_wrapper__match-content {
  padding-left: 15px;
  padding-right: 15px;
}
@media only all and (min-width: 37.5625em) {
  .wrapper__match-content,
  .content_wrapper__match-content {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1170px;
  }
}
.lt-ie9 .wrapper,
.lt-ie9 .content_wrapper {
  max-width: 960px;
}
.lt-ie9 body {
  min-width: 800px;
}
.grid_column__top-divider {
  margin-top: 3.75em;
  border-left-width: 15px;
}
.grid_column__top-divider:before {
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 1.875em;
  background-color: #3a8899;
  position: static;
  width: 100%;
  margin-left: auto !important;
}
.grid_column__left-divider {
  border-left-width: 30px;
}
.grid_column__left-divider:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  display: block;
  background-color: #3a8899;
  margin-left: -30px;
}
/* topdoc
  name: Featured content module
  family: cf-layout
  patterns:
    - name: .featured-content-module
      markup:
        <section class="block
                        block__border
                        block__flush
                        featured-content-module">
          <div class="featured-content-module_text">
            <p class=h4>
              <span class="featured-content-module_icon cf-icon cf-icon-speech-bubble">
              </span>
              Featured
            </p>
            <h2>Feature title</h2>
            <p>Lorem ipsum dolor sit amet, ei ius adhuc inani iudico, labitur instructior ex pri. Cu pri inani constituto, cum aeque noster commodo cu.</p>
            <a class="jump-link jump-link__underline">
              <span class="jump-link_text">Read more about the feature</span>
            </a>
          </div>
          <div class="featured-content-module_visual">
            <img class="featured-content-module_img"
                 src="http://placekitten.com/g/540/270">
          </div>
        </section>
      notes:
        - "Featured content module, like a hero, consists of
           headline/text/optional call to action along with a visual. It is
           intended to be used in a main content column next to a sidebar."
        - "Text is full width & displayed above the visual in the
           default/mobile view. At larger screen sizes, the text occupies a
           fixed portion of the screen (equal to the width of 5 of 12 columns
           at 701px & 3 of 12 columns at 901px for desktop). The
           visual occupies the remaining space. The visual should be 640x360
           (16x9 ratio) and resize to fit the height of the FCM with a static
           width and is center-cropped when it becomes too wide for the
           available space."
      codenotes:
        - .featured-content-module
  tags:
    - cf-layout
*/
.featured-content-module {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  position: relative;
  min-height: 320px;
  background-color: #f2f8fa;
}
.featured-content-module em,
.featured-content-module i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 .featured-content-module em,
.lt-ie9 .featured-content-module i {
  font-style: normal !important;
}
.featured-content-module strong,
.featured-content-module b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 .featured-content-module strong,
.lt-ie9 .featured-content-module b {
  font-weight: normal !important;
}
@media only all and (max-width: 37.5em) {
  .featured-content-module {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only all and (min-width: 37.5625em) and (max-width: 43.75em) {
  .featured-content-module {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.featured-content-module_text {
  padding-top: 1.875em;
  padding-bottom: 1.875em;
}
@media only all and (min-width: 43.8125em) {
  .featured-content-module_text {
    width: 300px;
    padding-right: 1.875em;
    padding-left: 1.875em;
  }
}
@media only all and (min-width: 56.3125em) {
  .featured-content-module_text {
    width: 270px;
  }
}
@media only all and (min-width: 43.8125em) {
  .featured-content-module_visual {
    position: absolute;
    left: 360px;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
  }
}
@media only all and (min-width: 56.3125em) {
  .featured-content-module_visual {
    left: 330px;
  }
}
.featured-content-module_img {
  display: block;
}
@media only all and (min-width: 43.8125em) {
  .featured-content-module_img {
    height: 100%;
    max-width: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .lt-ie9 .featured-content-module_img {
    left: -302.5px;
    margin-left: 50%;
  }
}
/* topdoc
  name: Hero
  family: cf-layout
  patterns:
    - name: .hero
      markup: |
        <section class="content_hero hero">
            <div class="hero_wrapper wrapper">
                <div class="hero_text">
                    <h1 class="hero_heading">Hero title</h1>
                    <p class="hero_subhead">
                        Hero text goes here
                    </p>
                    <p class="hero_cta">
                        <a>Call to action</a>
                    </p>
                </div>
                <div class="hero_image" style="background-image: url('http://placekitten.com/g/400/195')"></div>
            </div>
        </section>
      notes:
        - "Hero consists of a headline, a small amount of additional text, an optional call to
           action, and an illustration. Its background color is flush with
           the sides of the screen, and the content is centered with wrapper classes."
        - "The illustration can be customized by setting the background-image property
           on the .hero_image element."
        - "On small screens (or where media queries are not supported), the text spans the
           full width of the .hero_wrapper and the illustration is displayed underneath."
        - "For larger screen sizes, media queries are used to position the illustration
           to the right of the text."
        - "On desktop, the hero should not exceed 285px in height. The image should be 195px in
           height to conform to this standard."
      codenotes:
        - .hero
  tags:
    - cf-layout
*/
.hero {
  background-color: #f2f8fa;
}
.hero_wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.875em 0.9375em;
  width: 100%;
}
@media only all and (min-width: 37.5625em) {
  .hero_wrapper {
    display: table;
  }
}
@media only all and (min-width: 50.0625em) {
  .hero_wrapper {
    padding-top: 2.8125em;
    padding-bottom: 2.8125em;
    min-height: 17.8125em;
  }
}
@media only all and (min-width: 76.875em) {
  .hero_wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}
.lt-ie9 .hero_wrapper {
  min-height: initial;
}
@media only all and (min-width: 37.5625em) {
  .hero_text {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 58.33333333%;
    display: table-cell;
    vertical-align: middle;
  }
  .lt-ie8 .hero_text {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
}
.hero_heading {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0.44117647em;
  font-size: 2.125em;
  line-height: 1.25;
}
.hero_heading em,
.hero_heading i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 .hero_heading em,
.lt-ie9 .hero_heading i {
  font-style: normal !important;
}
.hero_heading strong,
.hero_heading b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 .hero_heading strong,
.lt-ie9 .hero_heading b {
  font-weight: normal !important;
}
@media only all and (max-width: 50em) {
  .hero_heading {
    font-family: Arial, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0.57692308em;
    font-size: 1.625em;
    line-height: 1.25;
  }
  .hero_heading em,
  .hero_heading i {
    font-family: Arial, Arial, sans-serif;
    font-style: italic;
    font-weight: normal;
  }
  .lt-ie9 .hero_heading em,
  .lt-ie9 .hero_heading i {
    font-style: normal !important;
  }
  .hero_heading strong,
  .hero_heading b {
    font-family: Arial, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
  }
  .lt-ie9 .hero_heading strong,
  .lt-ie9 .hero_heading b {
    font-weight: normal !important;
  }
}
.hero_subhead {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0.68181818em;
  font-size: 1.375em;
  line-height: 1.25;
  margin-bottom: 1.36363636em;
}
.hero_subhead em,
.hero_subhead i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 .hero_subhead em,
.lt-ie9 .hero_subhead i {
  font-style: normal !important;
}
.hero_subhead strong,
.hero_subhead b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 .hero_subhead strong,
.lt-ie9 .hero_subhead b {
  font-weight: normal !important;
}
@media only all and (max-width: 50em) {
  .hero_subhead {
    font-family: Arial, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0.83333333em;
    font-size: 1.125em;
    line-height: 1.25;
  }
  .lt-ie9 .hero_subhead {
    font-weight: normal !important;
  }
}
.hero_subhead:last-child {
  margin-bottom: initial;
}
.hero_cta {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-bottom: initial;
}
.hero_cta em,
.hero_cta i {
  font-family: Arial, Arial, sans-serif;
  font-style: italic;
  font-weight: normal;
}
.lt-ie9 .hero_cta em,
.lt-ie9 .hero_cta i {
  font-style: normal !important;
}
.hero_cta strong,
.hero_cta b {
  font-family: Arial, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
}
.lt-ie9 .hero_cta strong,
.lt-ie9 .hero_cta b {
  font-weight: normal !important;
}
.hero_image {
  min-height: 12.1875em;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only all and (min-width: 37.5625em) {
  .hero_image {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid transparent;
    border-width: 0 15px;
    margin-right: -0.25em;
    vertical-align: top;
    width: 41.66666667%;
    display: table-cell;
    vertical-align: middle;
  }
  .lt-ie8 .hero_image {
    display: inline;
    margin-right: 0;
    zoom: 1;
    behavior: url('../../box-sizing-polyfill/boxsizing.htc');
  }
}
@media only all and (max-width: 37.5em) {
  .hero_image {
    margin-top: 1.875em;
  }
}
/* topdoc
  name: EOF
  eof: true
*/
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9zcmMvdmVuZG9yL25vcm1hbGl6ZS1jc3Mvbm9ybWFsaXplLmNzcyIsIi9zcmMvdmVuZG9yL25vcm1hbGl6ZS1sZWdhY3ktYWRkb24vbm9ybWFsaXplLWxlZ2FjeS1hZGRvbi5jc3MiLCIvLi4vY2YtY29yZS9zcmMvY2YtdXRpbGl0aWVzLmxlc3MiLCIvLi4vY2YtY29yZS9zcmMvY2YtbWVkaWEtcXVlcmllcy5sZXNzIiwiLy4uL2NmLWNvcmUvc3JjL2NmLWJhc2UubGVzcyIsIi8uLi9jZi1jb3JlL3NyYy9jZi12YXJzLmxlc3MiLCIvc3JjL2NmLWxheW91dC5sZXNzIiwiLy4uL2NmLWdyaWQvc3JjL2NmLWdyaWQubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBUUE7RUFDRSx1QkFBQTs7RUFDQSwwQkFBQTs7RUFDQSw4QkFBQTs7Ozs7O0FBT0Y7RUFDRSxTQUFBOzs7Ozs7Ozs7O0FBYUY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7RUFDRSxjQUFBOzs7Ozs7QUFRRjtBQUNBO0FBQ0E7QUFDQTtFQUNFLHFCQUFBOztFQUNBLHdCQUFBOzs7Ozs7O0FBUUYsS0FBSyxJQUFJO0VBQ1AsYUFBQTtFQUNBLFNBQUE7Ozs7OztBQVFGO0FBQ0E7RUFDRSxhQUFBOzs7Ozs7O0FBVUY7RUFDRSw2QkFBQTs7Ozs7O0FBUUYsQ0FBQztBQUNELENBQUM7RUFDQyxVQUFBOzs7Ozs7O0FBVUYsSUFBSTtFQUNGLHlCQUFBOzs7OztBQU9GO0FBQ0E7RUFDRSxpQkFBQTs7Ozs7QUFPRjtFQUNFLGtCQUFBOzs7Ozs7QUFRRjtFQUNFLGNBQUE7RUFDQSxnQkFBQTs7Ozs7QUFPRjtFQUNFLGdCQUFBO0VBQ0EsV0FBQTs7Ozs7QUFPRjtFQUNFLGNBQUE7Ozs7O0FBT0Y7QUFDQTtFQUNFLGNBQUE7RUFDQSxjQUFBO0VBQ0Esa0JBQUE7RUFDQSx3QkFBQTs7QUFHRjtFQUNFLFdBQUE7O0FBR0Y7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 */