/*

   VERTICAL ALIGN
   http://tachyons.io/docs/typography/vertical-align/

*/

.v-base     { vertical-align: baseline; }
.v-mid      { vertical-align: middle; }
.v-top      { vertical-align: top; }
.v-btm      { vertical-align: bottom; }

/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center
    j = justify

*/

.tl  { text-align: left; }
.tr  { text-align: right; }
.tc  { text-align: center; }
.tj  { text-align: justify; }

/*

   TEXT TRANSFORM
   Docs: http://tachyons.io/docs/typography/text-transform/

   Base:
     tt = text-transform

   Modifiers
     c = capitalize
     l = lowercase
     u = uppercase
     n = none

*/

.ttc { text-transform: capitalize; }
.ttl { text-transform: lowercase; }
.ttu { text-transform: uppercase; }
.ttn { text-transform: none; }

/*

  FLEXBOX
  http://tachyons.io/docs/layout/flexbox/

*/

.flex {
  display: flex;
  justify-content: space-between;
}
.inline-flex { display: inline-flex; }

/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0; /* 1 */
  min-height: 0; /* 1 */
}

.flex-none { flex: none; }

.flex-column  { flex-direction: column; }
.flex-row     { flex-direction: row; }
.flex-wrap    { flex-wrap: wrap; }
.flex-nowrap    { flex-wrap: nowrap; }
.flex-wrap-reverse    { flex-wrap: wrap-reverse; }
.flex-column-reverse  { flex-direction: column-reverse; }
.flex-row-reverse     { flex-direction: row-reverse; }

.items-start    { align-items: flex-start; }
.items-end      { align-items: flex-end; }
.items-center   { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch  { align-items: stretch; }

.self-start    { align-self: flex-start; }
.self-end      { align-self: flex-end; }
.self-center   { align-self: center; }
.self-baseline { align-self: baseline; }
.self-stretch  { align-self: stretch; }

.justify-start   { justify-content: flex-start; }
.justify-end     { justify-content: flex-end; }
.justify-center  { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around  { justify-content: space-around; }

.content-start   { align-content: flex-start; }
.content-end     { align-content: flex-end; }
.content-center  { align-content: center; }
.content-between { align-content: space-between; }
.content-around  { align-content: space-around; }
.content-stretch { align-content: stretch; }

.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-last { order: 99999; }


/*

   WIDTHS
   Docs: http://tachyons.io/docs/layout/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:
     -ns = not-small
     -m  = medium
     -l  = large

*/

/* Width Scale http://tachyons.io/docs/layout/widths/ */

.w1 {    width: 1rem!important; }
.w2 {    width: 2rem!important; }
.w3 {    width: 4rem!important; }
.w4 {    width: 8rem!important; }
.w5 {    width: 16rem!important; }

.w-10 {  width:  10%; }
.w-20 {  width:  20%; }
.w-25 {  width:  25%; }
.w-30 {  width:  30%; }
.w-33 {  width:  33%; }
.w-34 {  width:  34%; }
.w-35 {  width:  35%; }
.w-40 {  width:  40%; }
.w-45 {  width:  45%; }
.w-50 {  width:  49%; }
.w-55 {  width:  54%; }
.w-60 {  width:  59%; }
.w-65 {  width:  64%; }
.w-70 {  width:  69%; }
.w-75 {  width:  74%; }
.w-80 {  width:  79%; }
.w-85 {  width:  84%; }
.w-90 {  width:  89%; }
.w-95 {  width:  94%; }
.w-100 { width: 100%; }

.w-third { width: 32%; }
.w-two-thirds { width: 65%; }
.w-auto { width: auto; }


/*

   HEIGHTS
   Docs: http://tachyons.io/docs/layout/heights/

   Base:
     h = height
     min-h = min-height
     min-vh = min-height vertical screen height
     vh = vertical screen height

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

     -25   = literal value 25%
     -50   = literal value 50%
     -75   = literal value 75%
     -100  = literal value 100%

     -auto = string value of auto
     -inherit = string value of inherit

*/

/* Height Scale */

.h1 { height: 1rem!important; }
.h2 { height: 2rem!important; }
.h3 { height: 4rem!important; }
.h4 { height: 8rem!important; }
.h5 { height: 16rem!important; }


/* Height Percentages - Based off of height of parent */

.h-25 {  height:  25%; }
.h-30 {  height:  30%; }
.h-35 {  height:  35%; }
.h-40 {  height:  40%; }
.h-45 {  height:  45%; }
.h-50 {  height:  50%; }
.h-55 {  height:  55%; }
.h-60 {  height:  60%; }
.h-65 {  height:  65%; }
.h-70 {  height:  70%; }
.h-75 {  height:  75%; }
.h-80 {  height:  80%; }
.h-85 {  height:  85%; }
.h-90 {  height:  90%; }
.h-95 {  height:  95%; }
.h-100 { height: 100%; }

.min-h-100 { min-height: 100%; }

/* Screen Height Percentage */

.vh-25 {  height:  25vh; }
.vh-40 {  height:  40vh; }
.vh-50 {  height:  50vh; }
.vh-75 {  height:  75vh; }
.vh-80 {  height:  80vh; }
.vh-85 {  height:  85vh; }
.vh-90 {  height:  90vh; }
.vh-95 {  height:  95vh; }
.vh-100 { height: 100vh; }

.min-vh-100 { min-height: 100vh; }

/*

   TYPE SCALE
   Docs: http://tachyons.io/docs/typography/scale/

   Base:
    f = font-size

   Modifiers
     1 = 1st step in size scale
     2 = 2nd step in size scale
     3 = 3rd step in size scale
     4 = 4th step in size scale
     5 = 5th step in size scale
     6 = 6th step in size scale
     7 = 7th step in size scale


*/
/* For Hero Titles */
.f-headline .remark-code, .f-headline code, .f-6 code, .f-6 .remark-code, .f-6, .f-headline { font-size: 6rem!important; }
.f-subheadline code, .f-5 code, .f-subheadline .remark-code, .f-5 .remark-code, .f-5, .f-subheadline { font-size: 5rem!important; }
/* Type Scale */
.f1 code, .f1 .remark-code, .f1 { font-size: 3rem!important; }
.f2 code, .f2 .remark-code, .f2 { font-size: 2.25rem!important; }
.f3 code, .f3 .remark-code, .f3 { font-size: 1.5rem!important; }
.f4 code, .f4 .remark-code, .f4 { font-size: 1.25rem!important; }
.f5 code, .f5 .remark-code, .f5 { font-size: 1rem!important; }
.f6 code, .f6 .remark-code, .f6 { font-size: .875rem!important; }
.f7 code, .f7 .remark-code, .f7 { font-size: .75rem!important; }