/* TACHYONS PRINT v4.7.1| github.com/lowmess/tachyons-print */
/* Modules */
/*
   ASPECT RATIOS
*/
/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 * <div class="aspect-ratio aspect-ratio--16x9">
 *  <iframe class="aspect-ratio--object"></iframe>
 * </div>
 *
 * */
/*
    BACKGROUND POSITION
    Base:
    bg = background
    Modifiers:
    -center = center center
    -top = top center
    -right = center right
    -bottom = bottom center
    -left = center left
    Media Query Extensions:
      -p = print
 */
/*

   BACKGROUND SIZE

   Media Query Extensions:
     -p = print

*/
/*
  Often used in combination with background image set as an inline style
  on an html element.
*/
/*

   BORDER BASE

   Legend

   a = all
   t = top
   r = right
   b = bottom
   l = left

   Media Query Extensions:
     -p = print

*/
/*

   Tachyons
   COLOR VARIABLES

   Grayscale
   - Solids
   - Transparencies
*/
/*

   BORDER COLORS

*/
/*

   BORDER RADIUS

   Base:
     br   = border-radius

   Modifiers:
     0    = 0/none
     1    = 1st step in scale
     2    = 2nd step in scale
     3    = 3rd step in scale
     4    = 4th step in scale
     -100 = 100%


   Media Query Extensions:
     -p = print

*/
/*

   BORDER STYLES

   Base:
     bs = border-style

   Modifiers:
     none   = none
     dotted = dotted
     dashed = dashed
     solid  = solid

   Media Query Extensions:
     -p = print

 */
/*

   BORDER WIDTHS

   Base:
     bw = border-width

   Modifiers:
     0 = 0 width border
     1 = 1st step in border-width scale
     2 = 2nd step in border-width scale
     3 = 3rd step in border-width scale
     4 = 4th step in border-width scale
     5 = 5th step in border-width scale

   Media Query Extensions:
     -p = print

*/
/*

  BOX-SHADOW

  Media Query Extensions:
   -p = print

 */
/*

   CODE

   Media Query Extensions:
     -p = print

*/
/*

   COORDINATES

   Use in combination with the position module.

   Media Query Extensions:
    -p = print

*/
/*

   CLEARFIX

   Media Query Extensions:
     -p = print

*/
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
/*

   DISPLAY

   Base:
    d = display

   Modifiers:
    n     = none
    b     = block
    ib    = inline-block
    it    = inline-table
    t     = table
    tc    = table-cell
    t-row          = table-row
    t-column       = table-column
    t-column-group = table-column-group

   Media Query Extensions:
     -p = print

*/
/*

  FLEXBOX

  Media Query Extensions:
    -p = print

 */
/*

   FLOATS

   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.

   2. Don't forget to clearfix your floats with .cf

   Base:
     f = float

   Modifiers:
     l = left
     r = right
     n = none

   Media Query Extensions:
     -p = print

*/
/*

   FONT STYLE

*/
/*

   FONT WEIGHT

   Media Query Extensions:
     -p = print

*/
/*

   HEIGHTS

   Media Query Extensions:
     -p = print

*/
/*

   LETTER SPACING

   Media Query Extensions:
     -p = print

*/
/*

   LINE HEIGHT / LEADING

   Media Query Extensions:
     -p = print

*/
/*

   LINKS

   Media Query Extensions:
     -p = print

*/
/*

   LISTS

   Media Query Extensions:
     -p = print

*/
/*

   MAX WIDTHS

   Media Query Extensions:
     -p = print

*/
/*
   NEGATIVE MARGINS
   Base:
     n = negative
   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale
   Media Query Extensions:
     -p = print
*/
/*

   WIDTHS

   Base:
     w = width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale

     -10  = literal value 10%
     -20  = literal value 20%
     -25  = literal value 25%
     -30  = literal value 30%
     -33  = literal value 33%
     -34  = literal value 34%
     -40  = literal value 40%
     -50  = literal value 50%
     -60  = literal value 60%
     -70  = literal value 70%
     -75  = literal value 75%
     -80  = literal value 80%
     -90  = literal value 90%
     -100 = literal value 100%

     -third      = 100% / 3 (Not supported in opera mini or IE8)
     -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
     -auto  = string value auto


   Media Query Extensions:
     -p = print

*/
/*

    OVERFLOW

    Media Query Extensions:
      -p = print

 */
/*

  OUTLINES

  Media Query Extensions:
    -p = print

*/
/*

    POSITIONING

    Media Query Extensions:
      -p = print

 */
/*

  Opacity

  Media Query Extensions:
    -p = print

*/
/*

   COLOR VARIABLES

   Variables to set colors for
   color, background-color, and border-color

   Media Query Extensions:
     -p = print

*/
/* variables */
/*

   SKINS

   Media Query Extensions:
     -p = print

*/
/* Text colors */
/* Variables */
/* Spacing Scale - based on a ratio of 1:2 */
/*
   SPACING

   An eight step powers of two scale ranging from 0 to 16rem.
   Namespaces are composable and thus highly grockable - check the legend below

   Legend:

   p = padding
   m = margin

   a = all
   h = horizontal
   v = vertical
   t = top
   r = right
   b = bottom
   l = left

   0 = none
   1 = 1st step in spacing scale
   2 = 2nd step in spacing scale
   3 = 3rd step in spacing scale
   4 = 4th step in spacing scale
   5 = 5th step in spacing scale
   6 = 6th step in spacing scale
   7 = 7th step in spacing scale

   Media Query Extensions:
     -p = print

*/
/*

  TABLES

  Media Query Extensions:
    -p = print

*/
/*

   TEXT DECORATION

   Media Query Extensions:
     -p = print

*/
/*

  TEXT ALIGN

  Media Query Extensions:
    -p = print

*/
/*

   TEXT TRANSFORM

   Media Query Extensions:
     -p = print

*/
/*

   TYPE SCALE

   Media Query Extensions:
     -p = print

*/
/*

   TYPOGRAPHY

   Media Query Extensions:
     -p = print

*/
/*

  WORD BREAK

  Media Query Extensions:
    -p = print

*/
/*

   UTILITIES

   Media Query Extensions:
     -p = print

*/
/*

   VISIBILITY

   Media Query Extensions:
     -p = print

*/
/*
    Text that is hidden but accessible
    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
/*

   WHITE SPACE

   Media Query Extensions:
     -p = print

*/
/*

   VERTICAL ALIGN

   Media Query Extensions:
     -p = print

*/
@media print {
 .aspect-ratio-p { height: 0; position: relative; }
 .aspect-ratio--16x9-p { padding-bottom: 56.25%; }
 .aspect-ratio--9x16-p { padding-bottom: 177.77%; }
 .aspect-ratio--4x3-p { padding-bottom: 75%; }
 .aspect-ratio--3x4-p { padding-bottom: 133.33%; }
 .aspect-ratio--6x4-p { padding-bottom: 66.6%; }
 .aspect-ratio--4x6-p { padding-bottom: 150%; }
 .aspect-ratio--8x5-p { padding-bottom: 62.5%; }
 .aspect-ratio--5x8-p { padding-bottom: 160%; }
 .aspect-ratio--7x5-p { padding-bottom: 71.42%; }
 .aspect-ratio--5x7-p { padding-bottom: 140%; }
 .aspect-ratio--1x1-p { padding-bottom: 100%; }
 .aspect-ratio--object-p { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
 .bg-center-p { background-repeat: no-repeat; background-position: center center; }
 .bg-top-p { background-repeat: no-repeat; background-position: top center; }
 .bg-right-p { background-repeat: no-repeat; background-position: center right; }
 .bg-bottom-p { background-repeat: no-repeat; background-position: bottom center; }
 .bg-left-p { background-repeat: no-repeat; background-position: center left; }
 .cover-p { background-size: cover; }
 .contain-p { background-size: contain; }
 .ba-p { border-style: solid; border-width: 1px; }
 .bt-p { border-top-style: solid; border-top-width: 1px; }
 .br-p { border-right-style: solid; border-right-width: 1px; }
 .bb-p { border-bottom-style: solid; border-bottom-width: 1px; }
 .bl-p { border-left-style: solid; border-left-width: 1px; }
 .bn-p { border-style: none; border-width: 0; }
 .b--black-p { border-color: #000; }
 .b--near-black-p { border-color: #111; }
 .b--dark-gray-p { border-color: #333; }
 .b--mid-gray-p { border-color: #555; }
 .b--gray-p { border-color: #777; }
 .b--silver-p { border-color: #999; }
 .b--light-silver-p { border-color: #aaa; }
 .b--moon-gray-p { border-color: #ccc; }
 .b--light-gray-p { border-color: #eee; }
 .b--near-white-p { border-color: #f4f4f4; }
 .b--white-p { border-color: #fff; }
 .b--white-90-p { border-color: rgba( 255, 255, 255, .9 ); }
 .b--white-80-p { border-color: rgba( 255, 255, 255, .8 ); }
 .b--white-70-p { border-color: rgba( 255, 255, 255, .7 ); }
 .b--white-60-p { border-color: rgba( 255, 255, 255, .6 ); }
 .b--white-50-p { border-color: rgba( 255, 255, 255, .5 ); }
 .b--white-40-p { border-color: rgba( 255, 255, 255, .4 ); }
 .b--white-30-p { border-color: rgba( 255, 255, 255, .3 ); }
 .b--white-20-p { border-color: rgba( 255, 255, 255, .2 ); }
 .b--white-10-p { border-color: rgba( 255, 255, 255, .1 ); }
 .b--white-05-p { border-color: rgba( 255, 255, 255, .05 ); }
 .b--white-025-p { border-color: rgba( 255, 255, 255, .025 ); }
 .b--white-0125-p { border-color: rgba( 255, 255, 255, .0125 ); }
 .b--black-90-p { border-color: rgba( 0, 0, 0, .9 ); }
 .b--black-80-p { border-color: rgba( 0, 0, 0, .8 ); }
 .b--black-70-p { border-color: rgba( 0, 0, 0, .7 ); }
 .b--black-60-p { border-color: rgba( 0, 0, 0, .6 ); }
 .b--black-50-p { border-color: rgba( 0, 0, 0, .5 ); }
 .b--black-40-p { border-color: rgba( 0, 0, 0, .4 ); }
 .b--black-30-p { border-color: rgba( 0, 0, 0, .3 ); }
 .b--black-20-p { border-color: rgba( 0, 0, 0, .2 ); }
 .b--black-10-p { border-color: rgba( 0, 0, 0, .1 ); }
 .b--black-05-p { border-color: rgba( 0, 0, 0, .05 ); }
 .b--black-025-p { border-color: rgba( 0, 0, 0, .025 ); }
 .b--black-0125-p { border-color: rgba( 0, 0, 0, .0125 ); }
 .b--dark-red-p { border-color: #f00008; }
 .b--red-p { border-color: #ff3223; }
 .b--orange-p { border-color: #f3a801; }
 .b--gold-p { border-color: #f2c800; }
 .b--yellow-p { border-color: #ffde37; }
 .b--purple-p { border-color: #7d5da9; }
 .b--light-purple-p { border-color: #8d4f92; }
 .b--hot-pink-p { border-color: #d62288; }
 .b--dark-pink-p { border-color: #c64774; }
 .b--pink-p { border-color: #f49cc8; }
 .b--dark-green-p { border-color: #006c71; }
 .b--green-p { border-color: #41d69f; }
 .b--navy-p { border-color: #001b44; }
 .b--dark-blue-p { border-color: #00449e; }
 .b--blue-p { border-color: #357edd; }
 .b--light-blue-p { border-color: #96ccff; }
 .b--lightest-blue-p { border-color: #cdecff; }
 .b--washed-blue-p { border-color: #f6fffe; }
 .b--washed-green-p { border-color: #e8fdf5; }
 .b--washed-yellow-p { border-color: #fff8d5; }
 .b--light-pink-p { border-color: #efa4b8; }
 .b--light-yellow-p { border-color: #f3dd70; }
 .b--light-red-p { border-color: #ffd3c0; }
 .b--transparent-p { border-color: transparent; }
 .br0-p { border-radius: 0; }
 .br1-p { border-radius: .125rem; }
 .br2-p { border-radius: .25rem; }
 .br3-p { border-radius: .5rem; }
 .br4-p { border-radius: 1rem; }
 .br-100-p { border-radius: 100%; }
 .br--bottom-p { border-top-left-radius: 0; border-top-right-radius: 0; }
 .br--top-p { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
 .br--right-p { border-top-left-radius: 0; border-bottom-left-radius: 0; }
 .br--left-p { border-top-right-radius: 0; border-bottom-right-radius: 0; }
 .b--dotted-p { border-style: dotted; }
 .b--dashed-p { border-style: dashed; }
 .b--solid-p { border-style: solid; }
 .b--none-p { border-style: none; }
 .bw0-p { border-width: 0; }
 .bw1-p { border-width: .125rem; }
 .bw2-p { border-width: .25rem; }
 .bw3-p { border-width: .5rem; }
 .bw4-p { border-width: 1rem; }
 .bw5-p { border-width: 2rem; }
 .bt-0-p { border-top-width: 0; }
 .br-0-p { border-right-width: 0; }
 .bb-0-p { border-bottom-width: 0; }
 .bl-0-p { border-left-width: 0; }
 .shadow-1-p { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
 .shadow-2-p { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
 .shadow-3-p { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
 .shadow-4-p { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
 .shadow-5-p { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
 .pre-p { overflow-x: auto; overflow-y: hidden; overflow: scroll; }
 .top-0-p { top: 0; }
 .left-0-p { left: 0; }
 .right-0-p { right: 0; }
 .bottom-0-p { bottom: 0; }
 .top-1-p { top: 1rem; }
 .left-1-p { left: 1rem; }
 .right-1-p { right: 1rem; }
 .bottom-1-p { bottom: 1rem; }
 .top-2-p { top: 2rem; }
 .left-2-p { left: 2rem; }
 .right-2-p { right: 2rem; }
 .bottom-2-p { bottom: 2rem; }
 .top--1-p { top: -1rem; }
 .right--1-p { right: -1rem; }
 .bottom--1-p { bottom: -1rem; }
 .left--1-p { left: -1rem; }
 .top--2-p { top: -2rem; }
 .right--2-p { right: -2rem; }
 .bottom--2-p { bottom: -2rem; }
 .left--2-p { left: -2rem; }
 .absolute--fill-p { top: 0; right: 0; bottom: 0; left: 0; }
 .cf-p:before, .cf-p:after { content: " "; display: table; }
 .cf-p:after { clear: both; }
 .cf-p { zoom: 1; }
 .cl-p { clear: left; }
 .cr-p { clear: right; }
 .cb-p { clear: both; }
 .cn-p { clear: none; }
 .dn-p { display: none; }
 .di-p { display: inline; }
 .db-p { display: block; }
 .dib-p { display: inline-block; }
 .dit-p { display: inline-table; }
 .dt-p { display: table; }
 .dtc-p { display: table-cell; }
 .dt-row-p { display: table-row; }
 .dt-row-group-p { display: table-row-group; }
 .dt-column-p { display: table-column; }
 .dt-column-group-p { display: table-column-group; }/*
    This will set table to full width and then
    all cells will be equal width
  */
 .dt--fixed-p { table-layout: fixed; width: 100%; }
 .flex-p { display: -webkit-box; display: -ms-flexbox; display: flex; }
 .flex-auto-p { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ }
 .flex-none-p { -webkit-box-flex: 0; -ms-flex: none; flex: none; }
 .flex-column-p { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
 .flex-row-p { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
 .flex-wrap-p { -ms-flex-wrap: wrap; flex-wrap: wrap; }
 .flex-column-reverse-p { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
 .flex-row-reverse-p { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
 .flex-wrap-reverse-p { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }
 .items-start-p { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
 .items-end-p { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
 .items-center-p { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
 .items-baseline-p { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
 .items-stretch-p { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
 .self-start-p { -ms-flex-item-align: start; align-self: flex-start; }
 .self-end-p { -ms-flex-item-align: end; align-self: flex-end; }
 .self-center-p { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
 .self-baseline-p { -ms-flex-item-align: baseline; align-self: baseline; }
 .self-stretch-p { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; }
 .justify-start-p { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
 .justify-end-p { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
 .justify-center-p { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
 .justify-between-p { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
 .justify-around-p { -ms-flex-pack: distribute; justify-content: space-around; }
 .content-start-p { -ms-flex-line-pack: start; align-content: flex-start; }
 .content-end-p { -ms-flex-line-pack: end; align-content: flex-end; }
 .content-center-p { -ms-flex-line-pack: center; align-content: center; }
 .content-between-p { -ms-flex-line-pack: justify; align-content: space-between; }
 .content-around-p { -ms-flex-line-pack: distribute; align-content: space-around; }
 .content-stretch-p { -ms-flex-line-pack: stretch; align-content: stretch; }
 .order-0-p { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
 .order-1-p { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
 .order-2-p { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
 .order-3-p { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
 .order-4-p { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
 .order-5-p { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; }
 .order-6-p { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
 .order-7-p { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; }
 .order-8-p { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; }
 .order-last-p { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; }
 .fl-p { float: left; display: inline; }
 .fr-p { float: right; display: inline; }
 .fn-p { float: none; }
 .i-p { font-style: italic; }
 .fs-normal-p { font-style: normal; }
 .normal-p { font-weight: normal; }
 .b-p { font-weight: bold; }
 .fw1-p { font-weight: 100; }
 .fw2-p { font-weight: 200; }
 .fw3-p { font-weight: 300; }
 .fw4-p { font-weight: 400; }
 .fw5-p { font-weight: 500; }
 .fw6-p { font-weight: 600; }
 .fw7-p { font-weight: 700; }
 .fw8-p { font-weight: 800; }
 .fw9-p { font-weight: 900; }/* Height Scale */
 .h1-p { height: 1rem; }
 .h2-p { height: 2rem; }
 .h3-p { height: 4rem; }
 .h4-p { height: 8rem; }
 .h5-p { height: 16rem; }/* Height Percentages */
 .h-25-p { height: 25%; }
 .h-50-p { height: 50%; }
 .h-75-p { height: 75%; }
 .h-100-p { height: 100%; }
 .min-h-100-p { min-height: 100%; }/* String Properties */
 .h-auto-p { height: auto; }
 .h-inherit-p { height: inherit; }
 .tracked-p { letter-spacing: .16em; }
 .tracked-tight-p { letter-spacing: -.05em; }
 .tracked-mega-p { letter-spacing: .32em; }
 .lh-solid-p { line-height: 1; }
 .lh-title-p { line-height: 1.3; }
 .lh-copy-p { line-height: 1.6; }
 .link-p { text-decoration: none; }
 .list-p { list-style-type: none; }/* Max Width Percentages */
 .mw-100-p { max-width: 100%; }/* Max Width Scale */
 .mw1-p { max-width: 1rem; }
 .mw2-p { max-width: 2rem; }
 .mw3-p { max-width: 4rem; }
 .mw4-p { max-width: 8rem; }
 .mw5-p { max-width: 16rem; }
 .mw6-p { max-width: 32rem; }
 .mw7-p { max-width: 48rem; }
 .mw8-p { max-width: 64rem; }
 .mw9-p { max-width: 96rem; }/* Max Width String Properties */
 .mw-none-p { max-width: none; }
 .na1-p { margin: -.25rem; }
 .na2-p { margin: -.5rem; }
 .na3-p { margin: -1rem; }
 .na4-p { margin: -2rem; }
 .na5-p { margin: -4rem; }
 .na6-p { margin: -8rem; }
 .na7-p { margin: -16rem; }
 .nl1-p { margin-left: -.25rem; }
 .nl2-p { margin-left: -.5rem; }
 .nl3-p { margin-left: -1rem; }
 .nl4-p { margin-left: -2rem; }
 .nl5-p { margin-left: -4rem; }
 .nl6-p { margin-left: -8rem; }
 .nl7-p { margin-left: -16rem; }
 .nr1-p { margin-right: -.25rem; }
 .nr2-p { margin-right: -.5rem; }
 .nr3-p { margin-right: -1rem; }
 .nr4-p { margin-right: -2rem; }
 .nr5-p { margin-right: -4rem; }
 .nr6-p { margin-right: -8rem; }
 .nr7-p { margin-right: -16rem; }
 .nb1-p { margin-bottom: -.25rem; }
 .nb2-p { margin-bottom: -.5rem; }
 .nb3-p { margin-bottom: -1rem; }
 .nb4-p { margin-bottom: -2rem; }
 .nb5-p { margin-bottom: -4rem; }
 .nb6-p { margin-bottom: -8rem; }
 .nb7-p { margin-bottom: -16rem; }
 .nt1-p { margin-top: -.25rem; }
 .nt2-p { margin-top: -.5rem; }
 .nt3-p { margin-top: -1rem; }
 .nt4-p { margin-top: -2rem; }
 .nt5-p { margin-top: -4rem; }
 .nt6-p { margin-top: -8rem; }
 .nt7-p { margin-top: -16rem; }/* Width Scale */
 .w1-p { width: 1rem; }
 .w2-p { width: 2rem; }
 .w3-p { width: 4rem; }
 .w4-p { width: 8rem; }
 .w5-p { width: 16rem; }
 .w-10-p { width: 10%; }
 .w-20-p { width: 20%; }
 .w-25-p { width: 25%; }
 .w-60-p { width: 30%; }
 .w-33-p { width: 33%; }
 .w-34-p { width: 34%; }
 .w-40-p { width: 40%; }
 .w-50-p { width: 50%; }
 .w-60-p { width: 60%; }
 .w-60-p { width: 70%; }
 .w-75-p { width: 75%; }
 .w-80-p { width: 80%; }
 .w-90-p { width: 90%; }
 .w-100-p { width: 100%; }
 .w-third-p { width: calc( 100% / 3 ); }
 .w-two-thirds-p { width: calc( 100% / 1.5 ); }
 .w-auto-p { width: auto; }
 .overflow-visible-p { overflow: visible; }
 .overflow-hidden-p { overflow: hidden; }
 .overflow-scroll-p { overflow: scroll; }
 .overflow-auto-p { overflow: auto; }
 .overflow-x-visible-p { overflow-x: visible; }
 .overflow-x-hidden-p { overflow-x: hidden; }
 .overflow-x-scroll-p { overflow-x: scroll; }
 .overflow-x-auto-p { overflow-x: auto; }
 .overflow-y-visible-p { overflow-y: visible; }
 .overflow-y-hidden-p { overflow-y: hidden; }
 .overflow-y-scroll-p { overflow-y: scroll; }
 .overflow-y-auto-p { overflow-y: auto; }
 .outline-p { outline: 1px solid; }
 .outline-transparent-p { outline: 1px solid transparent; }
 .outline-0-p { outline: 0; }
 .static-p { position: static; }
 .relative-p { position: relative; }
 .absolute-p { position: absolute; }
 .fixed-p { position: fixed; }
 .o-100-p { opacity: 1; }
 .o-90-p { opacity: .9; }
 .o-80-p { opacity: .8; }
 .o-70-p { opacity: .7; }
 .o-60-p { opacity: .6; }
 .o-50-p { opacity: .5; }
 .o-40-p { opacity: .4; }
 .o-30-p { opacity: .3; }
 .o-20-p { opacity: .2; }
 .o-10-p { opacity: .1; }
 .o-05-p { opacity: .05; }
 .o-025-p { opacity: .025; }
 .o-0-p { opacity: 0; }
 .black-90-p { color: rgba( 0, 0, 0, .9 ); }
 .black-80-p { color: rgba( 0, 0, 0, .8 ); }
 .black-70-p { color: rgba( 0, 0, 0, .7 ); }
 .black-60-p { color: rgba( 0, 0, 0, .6 ); }
 .black-50-p { color: rgba( 0, 0, 0, .5 ); }
 .black-40-p { color: rgba( 0, 0, 0, .4 ); }
 .black-30-p { color: rgba( 0, 0, 0, .3 ); }
 .black-20-p { color: rgba( 0, 0, 0, .2 ); }
 .black-10-p { color: rgba( 0, 0, 0, .1 ); }
 .black-05-p { color: rgba( 0, 0, 0, .05 ); }
 .white-90-p { color: rgba( 255, 255, 255, .9 ); }
 .white-80-p { color: rgba( 255, 255, 255, .8 ); }
 .white-70-p { color: rgba( 255, 255, 255, .7 ); }
 .white-60-p { color: rgba( 255, 255, 255, .6 ); }
 .white-50-p { color: rgba( 255, 255, 255, .5 ); }
 .white-40-p { color: rgba( 255, 255, 255, .4 ); }
 .white-30-p { color: rgba( 255, 255, 255, .3 ); }
 .white-20-p { color: rgba( 255, 255, 255, .2 ); }
 .white-10-p { color: rgba( 255, 255, 255, .1 ); }
 .black-p { color: #000; }
 .near-black-p { color: #111; }
 .dark-gray-p { color: #333; }
 .mid-gray-p { color: #555; }
 .gray-p { color: #777; }
 .silver -p { color: #999; }
 .light-silver-p { color: #aaa; }
 .moon-gray-p { color: #ccc; }
 .light-gray-p { color: #eee; }
 .near-white-p { color: #f4f4f4; }
 .white-p { color: #fff; }
 .dark-red-p { color: #f00008; }
 .red-p { color: #ff3223; }
 .orange-p { color: #f3a801; }
 .gold-p { color: #f2c800; }
 .yellow-p { color: #ffde37; }
 .purple-p { color: #7d5da9; }
 .light-purple-p { color: #8d4f92; }
 .hot-pink-p { color: #d62288; }
 .dark-pink-p { color: #c64774; }
 .pink-p { color: #f49cc8; }
 .dark-green-p { color: #006c71; }
 .green-p { color: #41d69f; }
 .navy-p { color: #001b44; }
 .dark-blue-p { color: #00449e; }
 .blue-p { color: #357edd; }
 .light-blue-p { color: #96ccff; }
 .lightest-blue-p { color: #cdecff; }
 .washed-blue-p { color: #f6fffe; }
 .washed-green-p { color: #e8fdf5; }
 .washed-yellow-p { color: #fff8d5; }
 .light-pink-p { color: #efa4b8; }
 .light-yellow-p { color: #f3dd70; }
 .light-red-p { color: #ffd3c0; }
 .color-inherit-p { color: inherit; }
 .bg-black-90-p { background-color: rgba( 0, 0, 0, .9 ); }
 .bg-black-80-p { background-color: rgba( 0, 0, 0, .8 ); }
 .bg-black-70-p { background-color: rgba( 0, 0, 0, .7 ); }
 .bg-black-60-p { background-color: rgba( 0, 0, 0, .6 ); }
 .bg-black-50-p { background-color: rgba( 0, 0, 0, .5 ); }
 .bg-black-40-p { background-color: rgba( 0, 0, 0, .4 ); }
 .bg-black-30-p { background-color: rgba( 0, 0, 0, .3 ); }
 .bg-black-20-p { background-color: rgba( 0, 0, 0, .2 ); }
 .bg-black-10-p { background-color: rgba( 0, 0, 0, .1 ); }
 .bg-black-05-p { background-color: rgba( 0, 0, 0, .05 ); }
 .bg-white-90-p { background-color: rgba( 255, 255, 255, .9 ); }
 .bg-white-80-p { background-color: rgba( 255, 255, 255, .8 ); }
 .bg-white-70-p { background-color: rgba( 255, 255, 255, .7 ); }
 .bg-white-60-p { background-color: rgba( 255, 255, 255, .6 ); }
 .bg-white-50-p { background-color: rgba( 255, 255, 255, .5 ); }
 .bg-white-40-p { background-color: rgba( 255, 255, 255, .4 ); }
 .bg-white-30-p { background-color: rgba( 255, 255, 255, .3 ); }
 .bg-white-20-p { background-color: rgba( 255, 255, 255, .2 ); }
 .bg-white-10-p { background-color: rgba( 255, 255, 255, .1 ); }/* Background colors */
 .bg-black-p { background-color: #000; }
 .bg-near-black-p { background-color: #111; }
 .bg-dark-gray-p { background-color: #333; }
 .bg-mid-gray-p { background-color: #555; }
 .bg-gray-p { background-color: #777; }
 .bg-silver -p { background-color: #999; }
 .bg-light-silver-p { background-color: #aaa; }
 .bg-moon-gray-p { background-color: #ccc; }
 .bg-light-gray-p { background-color: #eee; }
 .bg-near-white-p { background-color: #f4f4f4; }
 .bg-white-p { background-color: #fff; }
 .bg-transparent-p { background-color: transparent; }
 .bg-dark-red-p { background-color: #f00008; }
 .bg-red-p { background-color: #ff3223; }
 .bg-orange-p { background-color: #f3a801; }
 .bg-gold-p { background-color: #f2c800; }
 .bg-yellow-p { background-color: #ffde37; }
 .bg-purple-p { background-color: #7d5da9; }
 .bg-light-purple-p { background-color: #8d4f92; }
 .bg-hot-pink-p { background-color: #d62288; }
 .bg-dark-pink-p { background-color: #c64774; }
 .bg-pink-p { background-color: #f49cc8; }
 .bg-dark-green-p { background-color: #006c71; }
 .bg-green-p { background-color: #41d69f; }
 .bg-navy-p { background-color: #001b44; }
 .bg-dark-blue-p { background-color: #00449e; }
 .bg-blue-p { background-color: #357edd; }
 .bg-light-blue-p { background-color: #96ccff; }
 .bg-lightest-blue-p { background-color: #cdecff; }
 .bg-washed-blue-p { background-color: #f6fffe; }
 .bg-washed-green-p { background-color: #e8fdf5; }
 .bg-washed-yellow-p { background-color: #fff8d5; }
 .bg-light-pink-p { background-color: #efa4b8; }
 .bg-light-yellow-p { background-color: #f3dd70; }
 .bg-light-red-p { background-color: #ffd3c0; }
 .bg-inherit-p { background-color: inherit; }
 .pa0-p { padding: 0; }
 .pa1-p { padding: .25rem; }
 .pa2-p { padding: .5rem; }
 .pa3-p { padding: 1rem; }
 .pa4-p { padding: 2rem; }
 .pa5-p { padding: 4rem; }
 .pa6-p { padding: 8rem; }
 .pa7-p { padding: 16rem; }
 .pl0-p { padding-left: 0; }
 .pl1-p { padding-left: .25rem; }
 .pl2-p { padding-left: .5rem; }
 .pl3-p { padding-left: 1rem; }
 .pl4-p { padding-left: 2rem; }
 .pl5-p { padding-left: 4rem; }
 .pl6-p { padding-left: 8rem; }
 .pl7-p { padding-left: 16rem; }
 .pr0-p { padding-right: 0; }
 .pr1-p { padding-right: .25rem; }
 .pr2-p { padding-right: .5rem; }
 .pr3-p { padding-right: 1rem; }
 .pr4-p { padding-right: 2rem; }
 .pr5-p { padding-right: 4rem; }
 .pr6-p { padding-right: 8rem; }
 .pr7-p { padding-right: 16rem; }
 .pb0-p { padding-bottom: 0; }
 .pb1-p { padding-bottom: .25rem; }
 .pb2-p { padding-bottom: .5rem; }
 .pb3-p { padding-bottom: 1rem; }
 .pb4-p { padding-bottom: 2rem; }
 .pb5-p { padding-bottom: 4rem; }
 .pb6-p { padding-bottom: 8rem; }
 .pb7-p { padding-bottom: 16rem; }
 .pt0-p { padding-top: 0; }
 .pt1-p { padding-top: .25rem; }
 .pt2-p { padding-top: .5rem; }
 .pt3-p { padding-top: 1rem; }
 .pt4-p { padding-top: 2rem; }
 .pt5-p { padding-top: 4rem; }
 .pt6-p { padding-top: 8rem; }
 .pt7-p { padding-top: 16rem; }
 .pv0-p { padding-top: 0; padding-bottom: 0; }
 .pv1-p { padding-top: .25rem; padding-bottom: .25rem; }
 .pv2-p { padding-top: .5rem; padding-bottom: .5rem; }
 .pv3-p { padding-top: 1rem; padding-bottom: 1rem; }
 .pv4-p { padding-top: 2rem; padding-bottom: 2rem; }
 .pv5-p { padding-top: 4rem; padding-bottom: 4rem; }
 .pv6-p { padding-top: 8rem; padding-bottom: 8rem; }
 .pv7-p { padding-top: 16rem; padding-bottom: 16rem; }
 .ph0-p { padding-left: 0; padding-right: 0; }
 .ph1-p { padding-left: .25rem; padding-right: .25rem; }
 .ph2-p { padding-left: .5rem; padding-right: .5rem; }
 .ph3-p { padding-left: 1rem; padding-right: 1rem; }
 .ph4-p { padding-left: 2rem; padding-right: 2rem; }
 .ph5-p { padding-left: 4rem; padding-right: 4rem; }
 .ph6-p { padding-left: 8rem; padding-right: 8rem; }
 .ph7-p { padding-left: 16rem; padding-right: 16rem; }
 .ma0-p { margin: 0; }
 .ma1-p { margin: .25rem; }
 .ma2-p { margin: .5rem; }
 .ma3-p { margin: 1rem; }
 .ma4-p { margin: 2rem; }
 .ma5-p { margin: 4rem; }
 .ma6-p { margin: 8rem; }
 .ma7-p { margin: 16rem; }
 .ml0-p { margin-left: 0; }
 .ml1-p { margin-left: .25rem; }
 .ml2-p { margin-left: .5rem; }
 .ml3-p { margin-left: 1rem; }
 .ml4-p { margin-left: 2rem; }
 .ml5-p { margin-left: 4rem; }
 .ml6-p { margin-left: 8rem; }
 .ml7-p { margin-left: 16rem; }
 .mr0-p { margin-right: 0; }
 .mr1-p { margin-right: .25rem; }
 .mr2-p { margin-right: .5rem; }
 .mr3-p { margin-right: 1rem; }
 .mr4-p { margin-right: 2rem; }
 .mr5-p { margin-right: 4rem; }
 .mr6-p { margin-right: 8rem; }
 .mr7-p { margin-right: 16rem; }
 .mb0-p { margin-bottom: 0; }
 .mb1-p { margin-bottom: .25rem; }
 .mb2-p { margin-bottom: .5rem; }
 .mb3-p { margin-bottom: 1rem; }
 .mb4-p { margin-bottom: 2rem; }
 .mb5-p { margin-bottom: 4rem; }
 .mb6-p { margin-bottom: 8rem; }
 .mb7-p { margin-bottom: 16rem; }
 .mt0-p { margin-top: 0; }
 .mt1-p { margin-top: .25rem; }
 .mt2-p { margin-top: .5rem; }
 .mt3-p { margin-top: 1rem; }
 .mt4-p { margin-top: 2rem; }
 .mt5-p { margin-top: 4rem; }
 .mt6-p { margin-top: 8rem; }
 .mt7-p { margin-top: 16rem; }
 .mv0-p { margin-top: 0; margin-bottom: 0; }
 .mv1-p { margin-top: .25rem; margin-bottom: .25rem; }
 .mv2-p { margin-top: .5rem; margin-bottom: .5rem; }
 .mv3-p { margin-top: 1rem; margin-bottom: 1rem; }
 .mv4-p { margin-top: 2rem; margin-bottom: 2rem; }
 .mv5-p { margin-top: 4rem; margin-bottom: 4rem; }
 .mv6-p { margin-top: 8rem; margin-bottom: 8rem; }
 .mv7-p { margin-top: 16rem; margin-bottom: 16rem; }
 .mh0-p { margin-left: 0; margin-right: 0; }
 .mh1-p { margin-left: .25rem; margin-right: .25rem; }
 .mh2-p { margin-left: .5rem; margin-right: .5rem; }
 .mh3-p { margin-left: 1rem; margin-right: 1rem; }
 .mh4-p { margin-left: 2rem; margin-right: 2rem; }
 .mh5-p { margin-left: 4rem; margin-right: 4rem; }
 .mh6-p { margin-left: 8rem; margin-right: 8rem; }
 .mh7-p { margin-left: 16rem; margin-right: 16rem; }
 .collapse { border-collapse: collapse; border-spacing: 0; }
 .striped--moon-gray:nth-child(odd) { background-color: #aaa; }
 .striped--moon-gray:nth-child(odd) { background-color: #ccc; }
 .striped--light-gray:nth-child(odd) { background-color: #eee; }
 .striped--near-white:nth-child(odd) { background-color: #f4f4f4; }
 .strike-p { text-decoration: line-through; }
 .underline-p { text-decoration: underline; }
 .no-underline-p { text-decoration: none; }
 .tl-p { text-align: left; }
 .tr-p { text-align: right; }
 .tc-p { text-align: center; }
 .ttc-p { text-transform: capitalize; }
 .ttl-p { text-transform: lowercase; }
 .ttu-p { text-transform: uppercase; }
 .ttn-p { text-transform: none; }/* For Hero Titles */
 .f-6-p, .f-headline-p { font-size: 6rem; }
 .f-5-p, .f-subheadline-p { font-size: 5rem; }/* Type Scale */
 .f1-p { font-size: 3rem; }
 .f2-p { font-size: 2.25rem; }
 .f3-p { font-size: 1.5rem; }
 .f4-p { font-size: 1.25rem; }
 .f5-p { font-size: 1rem; }
 .f6-p { font-size: .875rem; }
 .f7-p { font-size: .75rem; }/* Measure is limited to ~66 characters */
 .measure-p { max-width: 30em; }/* Measure is limited to ~80 characters */
 .measure-wide-p { max-width: 34em; }/* Measure is limited to ~45 characters */
 .measure-narrow-p { max-width: 20em; }/* Book paragraph style - paragraphs are indented with no vertical spacing. */
 .indent-p { text-indent: 1em; margin-top: 0; margin-bottom: 0; }
 .small-caps-p { font-variant: small-caps; }/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
 .truncate-p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .word-normal-p { word-break: normal; }
 .word-wrap-p { word-break: break-all; }
 .word-nowrap-p { word-break: keep-all; }
 .overflow-container-p { overflow-y: scroll; }
 .center-p { margin-right: auto; margin-left: auto; }
 .clip-p { position: fixed !important; position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); }
 .ws-normal-p { white-space: normal; }
 .nowrap-p { white-space: nowrap; }
 .pre-p { white-space: pre; }
 .v-base-p { vertical-align: baseline; }
 .v-mid-p { vertical-align: middle; }
 .v-top-p { vertical-align: top; }
 .v-btm-p { vertical-align: bottom; }
}