Subversion Repositories wimsdev

Rev

Rev 13440 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /* WIMS custom styles */
  2. /**
  3.  * Foundation for Sites by ZURB
  4.  * Version 6.5.3
  5.  * foundation.zurb.com
  6.  * Licensed under MIT Open Source
  7.  */
  8. /* Foundation New (6.4) x-y Grid styles */
  9. .grid-container {
  10.   padding-right: 0.625rem;
  11.   padding-left: 0.625rem;
  12.   max-width: 75rem;
  13.   margin-left: auto;
  14.   margin-right: auto; }
  15.   @media print, screen and (min-width: 40em) {
  16.     .grid-container {
  17.       padding-right: 0.9375rem;
  18.       padding-left: 0.9375rem; } }
  19.   .grid-container.fluid {
  20.     padding-right: 0.625rem;
  21.     padding-left: 0.625rem;
  22.     max-width: 100%;
  23.     margin-left: auto;
  24.     margin-right: auto; }
  25.     @media print, screen and (min-width: 40em) {
  26.       .grid-container.fluid {
  27.         padding-right: 0.9375rem;
  28.         padding-left: 0.9375rem; } }
  29.   .grid-container.full {
  30.     padding-right: 0;
  31.     padding-left: 0;
  32.     max-width: 100%;
  33.     margin-left: auto;
  34.     margin-right: auto; }
  35.  
  36. .grid-x {
  37.   display: flex;
  38.   flex-flow: row wrap; }
  39.  
  40. .cell {
  41.   flex: 0 0 auto;
  42.   min-height: 0px;
  43.   min-width: 0px;
  44.   width: 100%; }
  45.   .cell.auto {
  46.     flex: 1 1 0px; }
  47.   .cell.shrink {
  48.     flex: 0 0 auto; }
  49.  
  50. .grid-x > .auto {
  51.   width: auto; }
  52.  
  53. .grid-x > .shrink {
  54.   width: auto; }
  55.  
  56. .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  57.   flex-basis: auto; }
  58.  
  59. @media print, screen and (min-width: 40em) {
  60.   .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
  61.     flex-basis: auto; } }
  62.  
  63. @media print, screen and (min-width: 64em) {
  64.   .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
  65.     flex-basis: auto; } }
  66.  
  67. .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  68.   flex: 0 0 auto; }
  69.  
  70. .grid-x > .small-1 {
  71.   width: 8.3333333333%; }
  72.  
  73. .grid-x > .small-2 {
  74.   width: 16.6666666667%; }
  75.  
  76. .grid-x > .small-3 {
  77.   width: 25%; }
  78.  
  79. .grid-x > .small-4 {
  80.   width: 33.3333333333%; }
  81.  
  82. .grid-x > .small-5 {
  83.   width: 41.6666666667%; }
  84.  
  85. .grid-x > .small-6 {
  86.   width: 50%; }
  87.  
  88. .grid-x > .small-7 {
  89.   width: 58.3333333333%; }
  90.  
  91. .grid-x > .small-8 {
  92.   width: 66.6666666667%; }
  93.  
  94. .grid-x > .small-9 {
  95.   width: 75%; }
  96.  
  97. .grid-x > .small-10 {
  98.   width: 83.3333333333%; }
  99.  
  100. .grid-x > .small-11 {
  101.   width: 91.6666666667%; }
  102.  
  103. .grid-x > .small-12 {
  104.   width: 100%; }
  105.  
  106. @media print, screen and (min-width: 40em) {
  107.   .grid-x > .medium-auto {
  108.     flex: 1 1 0px;
  109.     width: auto; }
  110.   .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
  111.     flex: 0 0 auto; }
  112.   .grid-x > .medium-shrink {
  113.     width: auto; }
  114.   .grid-x > .medium-1 {
  115.     width: 8.3333333333%; }
  116.   .grid-x > .medium-2 {
  117.     width: 16.6666666667%; }
  118.   .grid-x > .medium-3 {
  119.     width: 25%; }
  120.   .grid-x > .medium-4 {
  121.     width: 33.3333333333%; }
  122.   .grid-x > .medium-5 {
  123.     width: 41.6666666667%; }
  124.   .grid-x > .medium-6 {
  125.     width: 50%; }
  126.   .grid-x > .medium-7 {
  127.     width: 58.3333333333%; }
  128.   .grid-x > .medium-8 {
  129.     width: 66.6666666667%; }
  130.   .grid-x > .medium-9 {
  131.     width: 75%; }
  132.   .grid-x > .medium-10 {
  133.     width: 83.3333333333%; }
  134.   .grid-x > .medium-11 {
  135.     width: 91.6666666667%; }
  136.   .grid-x > .medium-12 {
  137.     width: 100%; } }
  138.  
  139. @media print, screen and (min-width: 64em) {
  140.   .grid-x > .large-auto {
  141.     flex: 1 1 0px;
  142.     width: auto; }
  143.   .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
  144.     flex: 0 0 auto; }
  145.   .grid-x > .large-shrink {
  146.     width: auto; }
  147.   .grid-x > .large-1 {
  148.     width: 8.3333333333%; }
  149.   .grid-x > .large-2 {
  150.     width: 16.6666666667%; }
  151.   .grid-x > .large-3 {
  152.     width: 25%; }
  153.   .grid-x > .large-4 {
  154.     width: 33.3333333333%; }
  155.   .grid-x > .large-5 {
  156.     width: 41.6666666667%; }
  157.   .grid-x > .large-6 {
  158.     width: 50%; }
  159.   .grid-x > .large-7 {
  160.     width: 58.3333333333%; }
  161.   .grid-x > .large-8 {
  162.     width: 66.6666666667%; }
  163.   .grid-x > .large-9 {
  164.     width: 75%; }
  165.   .grid-x > .large-10 {
  166.     width: 83.3333333333%; }
  167.   .grid-x > .large-11 {
  168.     width: 91.6666666667%; }
  169.   .grid-x > .large-12 {
  170.     width: 100%; } }
  171.  
  172. .grid-margin-x:not(.grid-x) > .cell {
  173.   width: auto; }
  174.  
  175. .grid-margin-y:not(.grid-y) > .cell {
  176.   height: auto; }
  177.  
  178. .grid-margin-x {
  179.   margin-left: -0.625rem;
  180.   margin-right: -0.625rem; }
  181.   @media print, screen and (min-width: 40em) {
  182.     .grid-margin-x {
  183.       margin-left: -0.9375rem;
  184.       margin-right: -0.9375rem; } }
  185.   .grid-margin-x > .cell {
  186.     width: calc(100% - 1.25rem);
  187.     margin-left: 0.625rem;
  188.     margin-right: 0.625rem; }
  189.   @media print, screen and (min-width: 40em) {
  190.     .grid-margin-x > .cell {
  191.       width: calc(100% - 1.875rem);
  192.       margin-left: 0.9375rem;
  193.       margin-right: 0.9375rem; } }
  194.   .grid-margin-x > .auto {
  195.     width: auto; }
  196.   .grid-margin-x > .shrink {
  197.     width: auto; }
  198.   .grid-margin-x > .small-1 {
  199.     width: calc(8.3333333333% - 1.25rem); }
  200.   .grid-margin-x > .small-2 {
  201.     width: calc(16.6666666667% - 1.25rem); }
  202.   .grid-margin-x > .small-3 {
  203.     width: calc(25% - 1.25rem); }
  204.   .grid-margin-x > .small-4 {
  205.     width: calc(33.3333333333% - 1.25rem); }
  206.   .grid-margin-x > .small-5 {
  207.     width: calc(41.6666666667% - 1.25rem); }
  208.   .grid-margin-x > .small-6 {
  209.     width: calc(50% - 1.25rem); }
  210.   .grid-margin-x > .small-7 {
  211.     width: calc(58.3333333333% - 1.25rem); }
  212.   .grid-margin-x > .small-8 {
  213.     width: calc(66.6666666667% - 1.25rem); }
  214.   .grid-margin-x > .small-9 {
  215.     width: calc(75% - 1.25rem); }
  216.   .grid-margin-x > .small-10 {
  217.     width: calc(83.3333333333% - 1.25rem); }
  218.   .grid-margin-x > .small-11 {
  219.     width: calc(91.6666666667% - 1.25rem); }
  220.   .grid-margin-x > .small-12 {
  221.     width: calc(100% - 1.25rem); }
  222.   @media print, screen and (min-width: 40em) {
  223.     .grid-margin-x > .auto {
  224.       width: auto; }
  225.     .grid-margin-x > .shrink {
  226.       width: auto; }
  227.     .grid-margin-x > .small-1 {
  228.       width: calc(8.3333333333% - 1.875rem); }
  229.     .grid-margin-x > .small-2 {
  230.       width: calc(16.6666666667% - 1.875rem); }
  231.     .grid-margin-x > .small-3 {
  232.       width: calc(25% - 1.875rem); }
  233.     .grid-margin-x > .small-4 {
  234.       width: calc(33.3333333333% - 1.875rem); }
  235.     .grid-margin-x > .small-5 {
  236.       width: calc(41.6666666667% - 1.875rem); }
  237.     .grid-margin-x > .small-6 {
  238.       width: calc(50% - 1.875rem); }
  239.     .grid-margin-x > .small-7 {
  240.       width: calc(58.3333333333% - 1.875rem); }
  241.     .grid-margin-x > .small-8 {
  242.       width: calc(66.6666666667% - 1.875rem); }
  243.     .grid-margin-x > .small-9 {
  244.       width: calc(75% - 1.875rem); }
  245.     .grid-margin-x > .small-10 {
  246.       width: calc(83.3333333333% - 1.875rem); }
  247.     .grid-margin-x > .small-11 {
  248.       width: calc(91.6666666667% - 1.875rem); }
  249.     .grid-margin-x > .small-12 {
  250.       width: calc(100% - 1.875rem); }
  251.     .grid-margin-x > .medium-auto {
  252.       width: auto; }
  253.     .grid-margin-x > .medium-shrink {
  254.       width: auto; }
  255.     .grid-margin-x > .medium-1 {
  256.       width: calc(8.3333333333% - 1.875rem); }
  257.     .grid-margin-x > .medium-2 {
  258.       width: calc(16.6666666667% - 1.875rem); }
  259.     .grid-margin-x > .medium-3 {
  260.       width: calc(25% - 1.875rem); }
  261.     .grid-margin-x > .medium-4 {
  262.       width: calc(33.3333333333% - 1.875rem); }
  263.     .grid-margin-x > .medium-5 {
  264.       width: calc(41.6666666667% - 1.875rem); }
  265.     .grid-margin-x > .medium-6 {
  266.       width: calc(50% - 1.875rem); }
  267.     .grid-margin-x > .medium-7 {
  268.       width: calc(58.3333333333% - 1.875rem); }
  269.     .grid-margin-x > .medium-8 {
  270.       width: calc(66.6666666667% - 1.875rem); }
  271.     .grid-margin-x > .medium-9 {
  272.       width: calc(75% - 1.875rem); }
  273.     .grid-margin-x > .medium-10 {
  274.       width: calc(83.3333333333% - 1.875rem); }
  275.     .grid-margin-x > .medium-11 {
  276.       width: calc(91.6666666667% - 1.875rem); }
  277.     .grid-margin-x > .medium-12 {
  278.       width: calc(100% - 1.875rem); } }
  279.   @media print, screen and (min-width: 64em) {
  280.     .grid-margin-x > .large-auto {
  281.       width: auto; }
  282.     .grid-margin-x > .large-shrink {
  283.       width: auto; }
  284.     .grid-margin-x > .large-1 {
  285.       width: calc(8.3333333333% - 1.875rem); }
  286.     .grid-margin-x > .large-2 {
  287.       width: calc(16.6666666667% - 1.875rem); }
  288.     .grid-margin-x > .large-3 {
  289.       width: calc(25% - 1.875rem); }
  290.     .grid-margin-x > .large-4 {
  291.       width: calc(33.3333333333% - 1.875rem); }
  292.     .grid-margin-x > .large-5 {
  293.       width: calc(41.6666666667% - 1.875rem); }
  294.     .grid-margin-x > .large-6 {
  295.       width: calc(50% - 1.875rem); }
  296.     .grid-margin-x > .large-7 {
  297.       width: calc(58.3333333333% - 1.875rem); }
  298.     .grid-margin-x > .large-8 {
  299.       width: calc(66.6666666667% - 1.875rem); }
  300.     .grid-margin-x > .large-9 {
  301.       width: calc(75% - 1.875rem); }
  302.     .grid-margin-x > .large-10 {
  303.       width: calc(83.3333333333% - 1.875rem); }
  304.     .grid-margin-x > .large-11 {
  305.       width: calc(91.6666666667% - 1.875rem); }
  306.     .grid-margin-x > .large-12 {
  307.       width: calc(100% - 1.875rem); } }
  308.  
  309. .grid-padding-x .grid-padding-x {
  310.   margin-right: -0.625rem;
  311.   margin-left: -0.625rem; }
  312.   @media print, screen and (min-width: 40em) {
  313.     .grid-padding-x .grid-padding-x {
  314.       margin-right: -0.9375rem;
  315.       margin-left: -0.9375rem; } }
  316.  
  317. .grid-container:not(.full) > .grid-padding-x {
  318.   margin-right: -0.625rem;
  319.   margin-left: -0.625rem; }
  320.   @media print, screen and (min-width: 40em) {
  321.     .grid-container:not(.full) > .grid-padding-x {
  322.       margin-right: -0.9375rem;
  323.       margin-left: -0.9375rem; } }
  324.  
  325. .grid-padding-x > .cell {
  326.   padding-right: 0.625rem;
  327.   padding-left: 0.625rem; }
  328.   @media print, screen and (min-width: 40em) {
  329.     .grid-padding-x > .cell {
  330.       padding-right: 0.9375rem;
  331.       padding-left: 0.9375rem; } }
  332.  
  333. .small-up-1 > .cell {
  334.   width: 100%; }
  335.  
  336. .small-up-2 > .cell {
  337.   width: 50%; }
  338.  
  339. .small-up-3 > .cell {
  340.   width: 33.3333333333%; }
  341.  
  342. .small-up-4 > .cell {
  343.   width: 25%; }
  344.  
  345. .small-up-5 > .cell {
  346.   width: 20%; }
  347.  
  348. .small-up-6 > .cell {
  349.   width: 16.6666666667%; }
  350.  
  351. .small-up-7 > .cell {
  352.   width: 14.2857142857%; }
  353.  
  354. .small-up-8 > .cell {
  355.   width: 12.5%; }
  356.  
  357. @media print, screen and (min-width: 40em) {
  358.   .medium-up-1 > .cell {
  359.     width: 100%; }
  360.   .medium-up-2 > .cell {
  361.     width: 50%; }
  362.   .medium-up-3 > .cell {
  363.     width: 33.3333333333%; }
  364.   .medium-up-4 > .cell {
  365.     width: 25%; }
  366.   .medium-up-5 > .cell {
  367.     width: 20%; }
  368.   .medium-up-6 > .cell {
  369.     width: 16.6666666667%; }
  370.   .medium-up-7 > .cell {
  371.     width: 14.2857142857%; }
  372.   .medium-up-8 > .cell {
  373.     width: 12.5%; } }
  374.  
  375. @media print, screen and (min-width: 64em) {
  376.   .large-up-1 > .cell {
  377.     width: 100%; }
  378.   .large-up-2 > .cell {
  379.     width: 50%; }
  380.   .large-up-3 > .cell {
  381.     width: 33.3333333333%; }
  382.   .large-up-4 > .cell {
  383.     width: 25%; }
  384.   .large-up-5 > .cell {
  385.     width: 20%; }
  386.   .large-up-6 > .cell {
  387.     width: 16.6666666667%; }
  388.   .large-up-7 > .cell {
  389.     width: 14.2857142857%; }
  390.   .large-up-8 > .cell {
  391.     width: 12.5%; } }
  392.  
  393. .grid-margin-x.small-up-1 > .cell {
  394.   width: calc(100% - 1.25rem); }
  395.  
  396. .grid-margin-x.small-up-2 > .cell {
  397.   width: calc(50% - 1.25rem); }
  398.  
  399. .grid-margin-x.small-up-3 > .cell {
  400.   width: calc(33.3333333333% - 1.25rem); }
  401.  
  402. .grid-margin-x.small-up-4 > .cell {
  403.   width: calc(25% - 1.25rem); }
  404.  
  405. .grid-margin-x.small-up-5 > .cell {
  406.   width: calc(20% - 1.25rem); }
  407.  
  408. .grid-margin-x.small-up-6 > .cell {
  409.   width: calc(16.6666666667% - 1.25rem); }
  410.  
  411. .grid-margin-x.small-up-7 > .cell {
  412.   width: calc(14.2857142857% - 1.25rem); }
  413.  
  414. .grid-margin-x.small-up-8 > .cell {
  415.   width: calc(12.5% - 1.25rem); }
  416.  
  417. @media print, screen and (min-width: 40em) {
  418.   .grid-margin-x.small-up-1 > .cell {
  419.     width: calc(100% - 1.875rem); }
  420.   .grid-margin-x.small-up-2 > .cell {
  421.     width: calc(50% - 1.875rem); }
  422.   .grid-margin-x.small-up-3 > .cell {
  423.     width: calc(33.3333333333% - 1.875rem); }
  424.   .grid-margin-x.small-up-4 > .cell {
  425.     width: calc(25% - 1.875rem); }
  426.   .grid-margin-x.small-up-5 > .cell {
  427.     width: calc(20% - 1.875rem); }
  428.   .grid-margin-x.small-up-6 > .cell {
  429.     width: calc(16.6666666667% - 1.875rem); }
  430.   .grid-margin-x.small-up-7 > .cell {
  431.     width: calc(14.2857142857% - 1.875rem); }
  432.   .grid-margin-x.small-up-8 > .cell {
  433.     width: calc(12.5% - 1.875rem); }
  434.   .grid-margin-x.medium-up-1 > .cell {
  435.     width: calc(100% - 1.875rem); }
  436.   .grid-margin-x.medium-up-2 > .cell {
  437.     width: calc(50% - 1.875rem); }
  438.   .grid-margin-x.medium-up-3 > .cell {
  439.     width: calc(33.3333333333% - 1.875rem); }
  440.   .grid-margin-x.medium-up-4 > .cell {
  441.     width: calc(25% - 1.875rem); }
  442.   .grid-margin-x.medium-up-5 > .cell {
  443.     width: calc(20% - 1.875rem); }
  444.   .grid-margin-x.medium-up-6 > .cell {
  445.     width: calc(16.6666666667% - 1.875rem); }
  446.   .grid-margin-x.medium-up-7 > .cell {
  447.     width: calc(14.2857142857% - 1.875rem); }
  448.   .grid-margin-x.medium-up-8 > .cell {
  449.     width: calc(12.5% - 1.875rem); } }
  450.  
  451. @media print, screen and (min-width: 64em) {
  452.   .grid-margin-x.large-up-1 > .cell {
  453.     width: calc(100% - 1.875rem); }
  454.   .grid-margin-x.large-up-2 > .cell {
  455.     width: calc(50% - 1.875rem); }
  456.   .grid-margin-x.large-up-3 > .cell {
  457.     width: calc(33.3333333333% - 1.875rem); }
  458.   .grid-margin-x.large-up-4 > .cell {
  459.     width: calc(25% - 1.875rem); }
  460.   .grid-margin-x.large-up-5 > .cell {
  461.     width: calc(20% - 1.875rem); }
  462.   .grid-margin-x.large-up-6 > .cell {
  463.     width: calc(16.6666666667% - 1.875rem); }
  464.   .grid-margin-x.large-up-7 > .cell {
  465.     width: calc(14.2857142857% - 1.875rem); }
  466.   .grid-margin-x.large-up-8 > .cell {
  467.     width: calc(12.5% - 1.875rem); } }
  468.  
  469. .small-margin-collapse {
  470.   margin-right: 0;
  471.   margin-left: 0; }
  472.   .small-margin-collapse > .cell {
  473.     margin-right: 0;
  474.     margin-left: 0; }
  475.   .small-margin-collapse > .small-1 {
  476.     width: 8.3333333333%; }
  477.   .small-margin-collapse > .small-2 {
  478.     width: 16.6666666667%; }
  479.   .small-margin-collapse > .small-3 {
  480.     width: 25%; }
  481.   .small-margin-collapse > .small-4 {
  482.     width: 33.3333333333%; }
  483.   .small-margin-collapse > .small-5 {
  484.     width: 41.6666666667%; }
  485.   .small-margin-collapse > .small-6 {
  486.     width: 50%; }
  487.   .small-margin-collapse > .small-7 {
  488.     width: 58.3333333333%; }
  489.   .small-margin-collapse > .small-8 {
  490.     width: 66.6666666667%; }
  491.   .small-margin-collapse > .small-9 {
  492.     width: 75%; }
  493.   .small-margin-collapse > .small-10 {
  494.     width: 83.3333333333%; }
  495.   .small-margin-collapse > .small-11 {
  496.     width: 91.6666666667%; }
  497.   .small-margin-collapse > .small-12 {
  498.     width: 100%; }
  499.   @media print, screen and (min-width: 40em) {
  500.     .small-margin-collapse > .medium-1 {
  501.       width: 8.3333333333%; }
  502.     .small-margin-collapse > .medium-2 {
  503.       width: 16.6666666667%; }
  504.     .small-margin-collapse > .medium-3 {
  505.       width: 25%; }
  506.     .small-margin-collapse > .medium-4 {
  507.       width: 33.3333333333%; }
  508.     .small-margin-collapse > .medium-5 {
  509.       width: 41.6666666667%; }
  510.     .small-margin-collapse > .medium-6 {
  511.       width: 50%; }
  512.     .small-margin-collapse > .medium-7 {
  513.       width: 58.3333333333%; }
  514.     .small-margin-collapse > .medium-8 {
  515.       width: 66.6666666667%; }
  516.     .small-margin-collapse > .medium-9 {
  517.       width: 75%; }
  518.     .small-margin-collapse > .medium-10 {
  519.       width: 83.3333333333%; }
  520.     .small-margin-collapse > .medium-11 {
  521.       width: 91.6666666667%; }
  522.     .small-margin-collapse > .medium-12 {
  523.       width: 100%; } }
  524.   @media print, screen and (min-width: 64em) {
  525.     .small-margin-collapse > .large-1 {
  526.       width: 8.3333333333%; }
  527.     .small-margin-collapse > .large-2 {
  528.       width: 16.6666666667%; }
  529.     .small-margin-collapse > .large-3 {
  530.       width: 25%; }
  531.     .small-margin-collapse > .large-4 {
  532.       width: 33.3333333333%; }
  533.     .small-margin-collapse > .large-5 {
  534.       width: 41.6666666667%; }
  535.     .small-margin-collapse > .large-6 {
  536.       width: 50%; }
  537.     .small-margin-collapse > .large-7 {
  538.       width: 58.3333333333%; }
  539.     .small-margin-collapse > .large-8 {
  540.       width: 66.6666666667%; }
  541.     .small-margin-collapse > .large-9 {
  542.       width: 75%; }
  543.     .small-margin-collapse > .large-10 {
  544.       width: 83.3333333333%; }
  545.     .small-margin-collapse > .large-11 {
  546.       width: 91.6666666667%; }
  547.     .small-margin-collapse > .large-12 {
  548.       width: 100%; } }
  549.  
  550. .small-padding-collapse {
  551.   margin-right: 0;
  552.   margin-left: 0; }
  553.   .small-padding-collapse > .cell {
  554.     padding-right: 0;
  555.     padding-left: 0; }
  556.  
  557. @media print, screen and (min-width: 40em) {
  558.   .medium-margin-collapse {
  559.     margin-right: 0;
  560.     margin-left: 0; }
  561.     .medium-margin-collapse > .cell {
  562.       margin-right: 0;
  563.       margin-left: 0; } }
  564.  
  565. @media print, screen and (min-width: 40em) {
  566.   .medium-margin-collapse > .small-1 {
  567.     width: 8.3333333333%; }
  568.   .medium-margin-collapse > .small-2 {
  569.     width: 16.6666666667%; }
  570.   .medium-margin-collapse > .small-3 {
  571.     width: 25%; }
  572.   .medium-margin-collapse > .small-4 {
  573.     width: 33.3333333333%; }
  574.   .medium-margin-collapse > .small-5 {
  575.     width: 41.6666666667%; }
  576.   .medium-margin-collapse > .small-6 {
  577.     width: 50%; }
  578.   .medium-margin-collapse > .small-7 {
  579.     width: 58.3333333333%; }
  580.   .medium-margin-collapse > .small-8 {
  581.     width: 66.6666666667%; }
  582.   .medium-margin-collapse > .small-9 {
  583.     width: 75%; }
  584.   .medium-margin-collapse > .small-10 {
  585.     width: 83.3333333333%; }
  586.   .medium-margin-collapse > .small-11 {
  587.     width: 91.6666666667%; }
  588.   .medium-margin-collapse > .small-12 {
  589.     width: 100%; } }
  590.  
  591. @media print, screen and (min-width: 40em) {
  592.   .medium-margin-collapse > .medium-1 {
  593.     width: 8.3333333333%; }
  594.   .medium-margin-collapse > .medium-2 {
  595.     width: 16.6666666667%; }
  596.   .medium-margin-collapse > .medium-3 {
  597.     width: 25%; }
  598.   .medium-margin-collapse > .medium-4 {
  599.     width: 33.3333333333%; }
  600.   .medium-margin-collapse > .medium-5 {
  601.     width: 41.6666666667%; }
  602.   .medium-margin-collapse > .medium-6 {
  603.     width: 50%; }
  604.   .medium-margin-collapse > .medium-7 {
  605.     width: 58.3333333333%; }
  606.   .medium-margin-collapse > .medium-8 {
  607.     width: 66.6666666667%; }
  608.   .medium-margin-collapse > .medium-9 {
  609.     width: 75%; }
  610.   .medium-margin-collapse > .medium-10 {
  611.     width: 83.3333333333%; }
  612.   .medium-margin-collapse > .medium-11 {
  613.     width: 91.6666666667%; }
  614.   .medium-margin-collapse > .medium-12 {
  615.     width: 100%; } }
  616.  
  617. @media print, screen and (min-width: 64em) {
  618.   .medium-margin-collapse > .large-1 {
  619.     width: 8.3333333333%; }
  620.   .medium-margin-collapse > .large-2 {
  621.     width: 16.6666666667%; }
  622.   .medium-margin-collapse > .large-3 {
  623.     width: 25%; }
  624.   .medium-margin-collapse > .large-4 {
  625.     width: 33.3333333333%; }
  626.   .medium-margin-collapse > .large-5 {
  627.     width: 41.6666666667%; }
  628.   .medium-margin-collapse > .large-6 {
  629.     width: 50%; }
  630.   .medium-margin-collapse > .large-7 {
  631.     width: 58.3333333333%; }
  632.   .medium-margin-collapse > .large-8 {
  633.     width: 66.6666666667%; }
  634.   .medium-margin-collapse > .large-9 {
  635.     width: 75%; }
  636.   .medium-margin-collapse > .large-10 {
  637.     width: 83.3333333333%; }
  638.   .medium-margin-collapse > .large-11 {
  639.     width: 91.6666666667%; }
  640.   .medium-margin-collapse > .large-12 {
  641.     width: 100%; } }
  642.  
  643. @media print, screen and (min-width: 40em) {
  644.   .medium-padding-collapse {
  645.     margin-right: 0;
  646.     margin-left: 0; }
  647.     .medium-padding-collapse > .cell {
  648.       padding-right: 0;
  649.       padding-left: 0; } }
  650.  
  651. @media print, screen and (min-width: 64em) {
  652.   .large-margin-collapse {
  653.     margin-right: 0;
  654.     margin-left: 0; }
  655.     .large-margin-collapse > .cell {
  656.       margin-right: 0;
  657.       margin-left: 0; } }
  658.  
  659. @media print, screen and (min-width: 64em) {
  660.   .large-margin-collapse > .small-1 {
  661.     width: 8.3333333333%; }
  662.   .large-margin-collapse > .small-2 {
  663.     width: 16.6666666667%; }
  664.   .large-margin-collapse > .small-3 {
  665.     width: 25%; }
  666.   .large-margin-collapse > .small-4 {
  667.     width: 33.3333333333%; }
  668.   .large-margin-collapse > .small-5 {
  669.     width: 41.6666666667%; }
  670.   .large-margin-collapse > .small-6 {
  671.     width: 50%; }
  672.   .large-margin-collapse > .small-7 {
  673.     width: 58.3333333333%; }
  674.   .large-margin-collapse > .small-8 {
  675.     width: 66.6666666667%; }
  676.   .large-margin-collapse > .small-9 {
  677.     width: 75%; }
  678.   .large-margin-collapse > .small-10 {
  679.     width: 83.3333333333%; }
  680.   .large-margin-collapse > .small-11 {
  681.     width: 91.6666666667%; }
  682.   .large-margin-collapse > .small-12 {
  683.     width: 100%; } }
  684.  
  685. @media print, screen and (min-width: 64em) {
  686.   .large-margin-collapse > .medium-1 {
  687.     width: 8.3333333333%; }
  688.   .large-margin-collapse > .medium-2 {
  689.     width: 16.6666666667%; }
  690.   .large-margin-collapse > .medium-3 {
  691.     width: 25%; }
  692.   .large-margin-collapse > .medium-4 {
  693.     width: 33.3333333333%; }
  694.   .large-margin-collapse > .medium-5 {
  695.     width: 41.6666666667%; }
  696.   .large-margin-collapse > .medium-6 {
  697.     width: 50%; }
  698.   .large-margin-collapse > .medium-7 {
  699.     width: 58.3333333333%; }
  700.   .large-margin-collapse > .medium-8 {
  701.     width: 66.6666666667%; }
  702.   .large-margin-collapse > .medium-9 {
  703.     width: 75%; }
  704.   .large-margin-collapse > .medium-10 {
  705.     width: 83.3333333333%; }
  706.   .large-margin-collapse > .medium-11 {
  707.     width: 91.6666666667%; }
  708.   .large-margin-collapse > .medium-12 {
  709.     width: 100%; } }
  710.  
  711. @media print, screen and (min-width: 64em) {
  712.   .large-margin-collapse > .large-1 {
  713.     width: 8.3333333333%; }
  714.   .large-margin-collapse > .large-2 {
  715.     width: 16.6666666667%; }
  716.   .large-margin-collapse > .large-3 {
  717.     width: 25%; }
  718.   .large-margin-collapse > .large-4 {
  719.     width: 33.3333333333%; }
  720.   .large-margin-collapse > .large-5 {
  721.     width: 41.6666666667%; }
  722.   .large-margin-collapse > .large-6 {
  723.     width: 50%; }
  724.   .large-margin-collapse > .large-7 {
  725.     width: 58.3333333333%; }
  726.   .large-margin-collapse > .large-8 {
  727.     width: 66.6666666667%; }
  728.   .large-margin-collapse > .large-9 {
  729.     width: 75%; }
  730.   .large-margin-collapse > .large-10 {
  731.     width: 83.3333333333%; }
  732.   .large-margin-collapse > .large-11 {
  733.     width: 91.6666666667%; }
  734.   .large-margin-collapse > .large-12 {
  735.     width: 100%; } }
  736.  
  737. @media print, screen and (min-width: 64em) {
  738.   .large-padding-collapse {
  739.     margin-right: 0;
  740.     margin-left: 0; }
  741.     .large-padding-collapse > .cell {
  742.       padding-right: 0;
  743.       padding-left: 0; } }
  744.  
  745. .small-offset-0 {
  746.   margin-left: 0%; }
  747.  
  748. .grid-margin-x > .small-offset-0 {
  749.   margin-left: calc(0% + 0.625rem); }
  750.  
  751. .small-offset-1 {
  752.   margin-left: 8.3333333333%; }
  753.  
  754. .grid-margin-x > .small-offset-1 {
  755.   margin-left: calc(8.3333333333% + 0.625rem); }
  756.  
  757. .small-offset-2 {
  758.   margin-left: 16.6666666667%; }
  759.  
  760. .grid-margin-x > .small-offset-2 {
  761.   margin-left: calc(16.6666666667% + 0.625rem); }
  762.  
  763. .small-offset-3 {
  764.   margin-left: 25%; }
  765.  
  766. .grid-margin-x > .small-offset-3 {
  767.   margin-left: calc(25% + 0.625rem); }
  768.  
  769. .small-offset-4 {
  770.   margin-left: 33.3333333333%; }
  771.  
  772. .grid-margin-x > .small-offset-4 {
  773.   margin-left: calc(33.3333333333% + 0.625rem); }
  774.  
  775. .small-offset-5 {
  776.   margin-left: 41.6666666667%; }
  777.  
  778. .grid-margin-x > .small-offset-5 {
  779.   margin-left: calc(41.6666666667% + 0.625rem); }
  780.  
  781. .small-offset-6 {
  782.   margin-left: 50%; }
  783.  
  784. .grid-margin-x > .small-offset-6 {
  785.   margin-left: calc(50% + 0.625rem); }
  786.  
  787. .small-offset-7 {
  788.   margin-left: 58.3333333333%; }
  789.  
  790. .grid-margin-x > .small-offset-7 {
  791.   margin-left: calc(58.3333333333% + 0.625rem); }
  792.  
  793. .small-offset-8 {
  794.   margin-left: 66.6666666667%; }
  795.  
  796. .grid-margin-x > .small-offset-8 {
  797.   margin-left: calc(66.6666666667% + 0.625rem); }
  798.  
  799. .small-offset-9 {
  800.   margin-left: 75%; }
  801.  
  802. .grid-margin-x > .small-offset-9 {
  803.   margin-left: calc(75% + 0.625rem); }
  804.  
  805. .small-offset-10 {
  806.   margin-left: 83.3333333333%; }
  807.  
  808. .grid-margin-x > .small-offset-10 {
  809.   margin-left: calc(83.3333333333% + 0.625rem); }
  810.  
  811. .small-offset-11 {
  812.   margin-left: 91.6666666667%; }
  813.  
  814. .grid-margin-x > .small-offset-11 {
  815.   margin-left: calc(91.6666666667% + 0.625rem); }
  816.  
  817. @media print, screen and (min-width: 40em) {
  818.   .medium-offset-0 {
  819.     margin-left: 0%; }
  820.   .grid-margin-x > .medium-offset-0 {
  821.     margin-left: calc(0% + 0.9375rem); }
  822.   .medium-offset-1 {
  823.     margin-left: 8.3333333333%; }
  824.   .grid-margin-x > .medium-offset-1 {
  825.     margin-left: calc(8.3333333333% + 0.9375rem); }
  826.   .medium-offset-2 {
  827.     margin-left: 16.6666666667%; }
  828.   .grid-margin-x > .medium-offset-2 {
  829.     margin-left: calc(16.6666666667% + 0.9375rem); }
  830.   .medium-offset-3 {
  831.     margin-left: 25%; }
  832.   .grid-margin-x > .medium-offset-3 {
  833.     margin-left: calc(25% + 0.9375rem); }
  834.   .medium-offset-4 {
  835.     margin-left: 33.3333333333%; }
  836.   .grid-margin-x > .medium-offset-4 {
  837.     margin-left: calc(33.3333333333% + 0.9375rem); }
  838.   .medium-offset-5 {
  839.     margin-left: 41.6666666667%; }
  840.   .grid-margin-x > .medium-offset-5 {
  841.     margin-left: calc(41.6666666667% + 0.9375rem); }
  842.   .medium-offset-6 {
  843.     margin-left: 50%; }
  844.   .grid-margin-x > .medium-offset-6 {
  845.     margin-left: calc(50% + 0.9375rem); }
  846.   .medium-offset-7 {
  847.     margin-left: 58.3333333333%; }
  848.   .grid-margin-x > .medium-offset-7 {
  849.     margin-left: calc(58.3333333333% + 0.9375rem); }
  850.   .medium-offset-8 {
  851.     margin-left: 66.6666666667%; }
  852.   .grid-margin-x > .medium-offset-8 {
  853.     margin-left: calc(66.6666666667% + 0.9375rem); }
  854.   .medium-offset-9 {
  855.     margin-left: 75%; }
  856.   .grid-margin-x > .medium-offset-9 {
  857.     margin-left: calc(75% + 0.9375rem); }
  858.   .medium-offset-10 {
  859.     margin-left: 83.3333333333%; }
  860.   .grid-margin-x > .medium-offset-10 {
  861.     margin-left: calc(83.3333333333% + 0.9375rem); }
  862.   .medium-offset-11 {
  863.     margin-left: 91.6666666667%; }
  864.   .grid-margin-x > .medium-offset-11 {
  865.     margin-left: calc(91.6666666667% + 0.9375rem); } }
  866.  
  867. @media print, screen and (min-width: 64em) {
  868.   .large-offset-0 {
  869.     margin-left: 0%; }
  870.   .grid-margin-x > .large-offset-0 {
  871.     margin-left: calc(0% + 0.9375rem); }
  872.   .large-offset-1 {
  873.     margin-left: 8.3333333333%; }
  874.   .grid-margin-x > .large-offset-1 {
  875.     margin-left: calc(8.3333333333% + 0.9375rem); }
  876.   .large-offset-2 {
  877.     margin-left: 16.6666666667%; }
  878.   .grid-margin-x > .large-offset-2 {
  879.     margin-left: calc(16.6666666667% + 0.9375rem); }
  880.   .large-offset-3 {
  881.     margin-left: 25%; }
  882.   .grid-margin-x > .large-offset-3 {
  883.     margin-left: calc(25% + 0.9375rem); }
  884.   .large-offset-4 {
  885.     margin-left: 33.3333333333%; }
  886.   .grid-margin-x > .large-offset-4 {
  887.     margin-left: calc(33.3333333333% + 0.9375rem); }
  888.   .large-offset-5 {
  889.     margin-left: 41.6666666667%; }
  890.   .grid-margin-x > .large-offset-5 {
  891.     margin-left: calc(41.6666666667% + 0.9375rem); }
  892.   .large-offset-6 {
  893.     margin-left: 50%; }
  894.   .grid-margin-x > .large-offset-6 {
  895.     margin-left: calc(50% + 0.9375rem); }
  896.   .large-offset-7 {
  897.     margin-left: 58.3333333333%; }
  898.   .grid-margin-x > .large-offset-7 {
  899.     margin-left: calc(58.3333333333% + 0.9375rem); }
  900.   .large-offset-8 {
  901.     margin-left: 66.6666666667%; }
  902.   .grid-margin-x > .large-offset-8 {
  903.     margin-left: calc(66.6666666667% + 0.9375rem); }
  904.   .large-offset-9 {
  905.     margin-left: 75%; }
  906.   .grid-margin-x > .large-offset-9 {
  907.     margin-left: calc(75% + 0.9375rem); }
  908.   .large-offset-10 {
  909.     margin-left: 83.3333333333%; }
  910.   .grid-margin-x > .large-offset-10 {
  911.     margin-left: calc(83.3333333333% + 0.9375rem); }
  912.   .large-offset-11 {
  913.     margin-left: 91.6666666667%; }
  914.   .grid-margin-x > .large-offset-11 {
  915.     margin-left: calc(91.6666666667% + 0.9375rem); } }
  916.  
  917. .grid-y {
  918.   display: flex;
  919.   flex-flow: column nowrap; }
  920.   .grid-y > .cell {
  921.     width: auto;
  922.     max-width: none; }
  923.   .grid-y > .auto {
  924.     height: auto; }
  925.   .grid-y > .shrink {
  926.     height: auto; }
  927.   .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  928.     flex-basis: auto; }
  929.   @media print, screen and (min-width: 40em) {
  930.     .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
  931.       flex-basis: auto; } }
  932.   @media print, screen and (min-width: 64em) {
  933.     .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
  934.       flex-basis: auto; } }
  935.   .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  936.     flex: 0 0 auto; }
  937.   .grid-y > .small-1 {
  938.     height: 8.3333333333%; }
  939.   .grid-y > .small-2 {
  940.     height: 16.6666666667%; }
  941.   .grid-y > .small-3 {
  942.     height: 25%; }
  943.   .grid-y > .small-4 {
  944.     height: 33.3333333333%; }
  945.   .grid-y > .small-5 {
  946.     height: 41.6666666667%; }
  947.   .grid-y > .small-6 {
  948.     height: 50%; }
  949.   .grid-y > .small-7 {
  950.     height: 58.3333333333%; }
  951.   .grid-y > .small-8 {
  952.     height: 66.6666666667%; }
  953.   .grid-y > .small-9 {
  954.     height: 75%; }
  955.   .grid-y > .small-10 {
  956.     height: 83.3333333333%; }
  957.   .grid-y > .small-11 {
  958.     height: 91.6666666667%; }
  959.   .grid-y > .small-12 {
  960.     height: 100%; }
  961.   @media print, screen and (min-width: 40em) {
  962.     .grid-y > .medium-auto {
  963.       flex: 1 1 0px;
  964.       height: auto; }
  965.     .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
  966.       flex: 0 0 auto; }
  967.     .grid-y > .medium-shrink {
  968.       height: auto; }
  969.     .grid-y > .medium-1 {
  970.       height: 8.3333333333%; }
  971.     .grid-y > .medium-2 {
  972.       height: 16.6666666667%; }
  973.     .grid-y > .medium-3 {
  974.       height: 25%; }
  975.     .grid-y > .medium-4 {
  976.       height: 33.3333333333%; }
  977.     .grid-y > .medium-5 {
  978.       height: 41.6666666667%; }
  979.     .grid-y > .medium-6 {
  980.       height: 50%; }
  981.     .grid-y > .medium-7 {
  982.       height: 58.3333333333%; }
  983.     .grid-y > .medium-8 {
  984.       height: 66.6666666667%; }
  985.     .grid-y > .medium-9 {
  986.       height: 75%; }
  987.     .grid-y > .medium-10 {
  988.       height: 83.3333333333%; }
  989.     .grid-y > .medium-11 {
  990.       height: 91.6666666667%; }
  991.     .grid-y > .medium-12 {
  992.       height: 100%; } }
  993.   @media print, screen and (min-width: 64em) {
  994.     .grid-y > .large-auto {
  995.       flex: 1 1 0px;
  996.       height: auto; }
  997.     .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
  998.       flex: 0 0 auto; }
  999.     .grid-y > .large-shrink {
  1000.       height: auto; }
  1001.     .grid-y > .large-1 {
  1002.       height: 8.3333333333%; }
  1003.     .grid-y > .large-2 {
  1004.       height: 16.6666666667%; }
  1005.     .grid-y > .large-3 {
  1006.       height: 25%; }
  1007.     .grid-y > .large-4 {
  1008.       height: 33.3333333333%; }
  1009.     .grid-y > .large-5 {
  1010.       height: 41.6666666667%; }
  1011.     .grid-y > .large-6 {
  1012.       height: 50%; }
  1013.     .grid-y > .large-7 {
  1014.       height: 58.3333333333%; }
  1015.     .grid-y > .large-8 {
  1016.       height: 66.6666666667%; }
  1017.     .grid-y > .large-9 {
  1018.       height: 75%; }
  1019.     .grid-y > .large-10 {
  1020.       height: 83.3333333333%; }
  1021.     .grid-y > .large-11 {
  1022.       height: 91.6666666667%; }
  1023.     .grid-y > .large-12 {
  1024.       height: 100%; } }
  1025.  
  1026. .grid-padding-y .grid-padding-y {
  1027.   margin-top: -0.625rem;
  1028.   margin-bottom: -0.625rem; }
  1029.   @media print, screen and (min-width: 40em) {
  1030.     .grid-padding-y .grid-padding-y {
  1031.       margin-top: -0.9375rem;
  1032.       margin-bottom: -0.9375rem; } }
  1033.  
  1034. .grid-padding-y > .cell {
  1035.   padding-top: 0.625rem;
  1036.   padding-bottom: 0.625rem; }
  1037.   @media print, screen and (min-width: 40em) {
  1038.     .grid-padding-y > .cell {
  1039.       padding-top: 0.9375rem;
  1040.       padding-bottom: 0.9375rem; } }
  1041.  
  1042. .grid-margin-y {
  1043.   margin-top: -0.625rem;
  1044.   margin-bottom: -0.625rem; }
  1045.   @media print, screen and (min-width: 40em) {
  1046.     .grid-margin-y {
  1047.       margin-top: -0.9375rem;
  1048.       margin-bottom: -0.9375rem; } }
  1049.   .grid-margin-y > .cell {
  1050.     height: calc(100% - 1.25rem);
  1051.     margin-top: 0.625rem;
  1052.     margin-bottom: 0.625rem; }
  1053.   @media print, screen and (min-width: 40em) {
  1054.     .grid-margin-y > .cell {
  1055.       height: calc(100% - 1.875rem);
  1056.       margin-top: 0.9375rem;
  1057.       margin-bottom: 0.9375rem; } }
  1058.   .grid-margin-y > .auto {
  1059.     height: auto; }
  1060.   .grid-margin-y > .shrink {
  1061.     height: auto; }
  1062.   .grid-margin-y > .small-1 {
  1063.     height: calc(8.3333333333% - 1.25rem); }
  1064.   .grid-margin-y > .small-2 {
  1065.     height: calc(16.6666666667% - 1.25rem); }
  1066.   .grid-margin-y > .small-3 {
  1067.     height: calc(25% - 1.25rem); }
  1068.   .grid-margin-y > .small-4 {
  1069.     height: calc(33.3333333333% - 1.25rem); }
  1070.   .grid-margin-y > .small-5 {
  1071.     height: calc(41.6666666667% - 1.25rem); }
  1072.   .grid-margin-y > .small-6 {
  1073.     height: calc(50% - 1.25rem); }
  1074.   .grid-margin-y > .small-7 {
  1075.     height: calc(58.3333333333% - 1.25rem); }
  1076.   .grid-margin-y > .small-8 {
  1077.     height: calc(66.6666666667% - 1.25rem); }
  1078.   .grid-margin-y > .small-9 {
  1079.     height: calc(75% - 1.25rem); }
  1080.   .grid-margin-y > .small-10 {
  1081.     height: calc(83.3333333333% - 1.25rem); }
  1082.   .grid-margin-y > .small-11 {
  1083.     height: calc(91.6666666667% - 1.25rem); }
  1084.   .grid-margin-y > .small-12 {
  1085.     height: calc(100% - 1.25rem); }
  1086.   @media print, screen and (min-width: 40em) {
  1087.     .grid-margin-y > .auto {
  1088.       height: auto; }
  1089.     .grid-margin-y > .shrink {
  1090.       height: auto; }
  1091.     .grid-margin-y > .small-1 {
  1092.       height: calc(8.3333333333% - 1.875rem); }
  1093.     .grid-margin-y > .small-2 {
  1094.       height: calc(16.6666666667% - 1.875rem); }
  1095.     .grid-margin-y > .small-3 {
  1096.       height: calc(25% - 1.875rem); }
  1097.     .grid-margin-y > .small-4 {
  1098.       height: calc(33.3333333333% - 1.875rem); }
  1099.     .grid-margin-y > .small-5 {
  1100.       height: calc(41.6666666667% - 1.875rem); }
  1101.     .grid-margin-y > .small-6 {
  1102.       height: calc(50% - 1.875rem); }
  1103.     .grid-margin-y > .small-7 {
  1104.       height: calc(58.3333333333% - 1.875rem); }
  1105.     .grid-margin-y > .small-8 {
  1106.       height: calc(66.6666666667% - 1.875rem); }
  1107.     .grid-margin-y > .small-9 {
  1108.       height: calc(75% - 1.875rem); }
  1109.     .grid-margin-y > .small-10 {
  1110.       height: calc(83.3333333333% - 1.875rem); }
  1111.     .grid-margin-y > .small-11 {
  1112.       height: calc(91.6666666667% - 1.875rem); }
  1113.     .grid-margin-y > .small-12 {
  1114.       height: calc(100% - 1.875rem); }
  1115.     .grid-margin-y > .medium-auto {
  1116.       height: auto; }
  1117.     .grid-margin-y > .medium-shrink {
  1118.       height: auto; }
  1119.     .grid-margin-y > .medium-1 {
  1120.       height: calc(8.3333333333% - 1.875rem); }
  1121.     .grid-margin-y > .medium-2 {
  1122.       height: calc(16.6666666667% - 1.875rem); }
  1123.     .grid-margin-y > .medium-3 {
  1124.       height: calc(25% - 1.875rem); }
  1125.     .grid-margin-y > .medium-4 {
  1126.       height: calc(33.3333333333% - 1.875rem); }
  1127.     .grid-margin-y > .medium-5 {
  1128.       height: calc(41.6666666667% - 1.875rem); }
  1129.     .grid-margin-y > .medium-6 {
  1130.       height: calc(50% - 1.875rem); }
  1131.     .grid-margin-y > .medium-7 {
  1132.       height: calc(58.3333333333% - 1.875rem); }
  1133.     .grid-margin-y > .medium-8 {
  1134.       height: calc(66.6666666667% - 1.875rem); }
  1135.     .grid-margin-y > .medium-9 {
  1136.       height: calc(75% - 1.875rem); }
  1137.     .grid-margin-y > .medium-10 {
  1138.       height: calc(83.3333333333% - 1.875rem); }
  1139.     .grid-margin-y > .medium-11 {
  1140.       height: calc(91.6666666667% - 1.875rem); }
  1141.     .grid-margin-y > .medium-12 {
  1142.       height: calc(100% - 1.875rem); } }
  1143.   @media print, screen and (min-width: 64em) {
  1144.     .grid-margin-y > .large-auto {
  1145.       height: auto; }
  1146.     .grid-margin-y > .large-shrink {
  1147.       height: auto; }
  1148.     .grid-margin-y > .large-1 {
  1149.       height: calc(8.3333333333% - 1.875rem); }
  1150.     .grid-margin-y > .large-2 {
  1151.       height: calc(16.6666666667% - 1.875rem); }
  1152.     .grid-margin-y > .large-3 {
  1153.       height: calc(25% - 1.875rem); }
  1154.     .grid-margin-y > .large-4 {
  1155.       height: calc(33.3333333333% - 1.875rem); }
  1156.     .grid-margin-y > .large-5 {
  1157.       height: calc(41.6666666667% - 1.875rem); }
  1158.     .grid-margin-y > .large-6 {
  1159.       height: calc(50% - 1.875rem); }
  1160.     .grid-margin-y > .large-7 {
  1161.       height: calc(58.3333333333% - 1.875rem); }
  1162.     .grid-margin-y > .large-8 {
  1163.       height: calc(66.6666666667% - 1.875rem); }
  1164.     .grid-margin-y > .large-9 {
  1165.       height: calc(75% - 1.875rem); }
  1166.     .grid-margin-y > .large-10 {
  1167.       height: calc(83.3333333333% - 1.875rem); }
  1168.     .grid-margin-y > .large-11 {
  1169.       height: calc(91.6666666667% - 1.875rem); }
  1170.     .grid-margin-y > .large-12 {
  1171.       height: calc(100% - 1.875rem); } }
  1172.  
  1173. .grid-frame {
  1174.   overflow: hidden;
  1175.   position: relative;
  1176.   flex-wrap: nowrap;
  1177.   align-items: stretch;
  1178.   width: 100vw; }
  1179.  
  1180. .cell .grid-frame {
  1181.   width: 100%; }
  1182.  
  1183. .cell-block {
  1184.   overflow-x: auto;
  1185.   max-width: 100%;
  1186.   -webkit-overflow-scrolling: touch;
  1187.   -ms-overflow-style: -ms-autohiding-scrollbar; }
  1188.  
  1189. .cell-block-y {
  1190.   overflow-y: auto;
  1191.   max-height: 100%;
  1192.   min-height: 100%;
  1193.   -webkit-overflow-scrolling: touch;
  1194.   -ms-overflow-style: -ms-autohiding-scrollbar; }
  1195.  
  1196. .cell-block-container {
  1197.   display: flex;
  1198.   flex-direction: column;
  1199.   max-height: 100%; }
  1200.   .cell-block-container > .grid-x {
  1201.     max-height: 100%;
  1202.     flex-wrap: nowrap; }
  1203.  
  1204. @media print, screen and (min-width: 40em) {
  1205.   .medium-grid-frame {
  1206.     overflow: hidden;
  1207.     position: relative;
  1208.     flex-wrap: nowrap;
  1209.     align-items: stretch;
  1210.     width: 100vw; }
  1211.   .cell .medium-grid-frame {
  1212.     width: 100%; }
  1213.   .medium-cell-block {
  1214.     overflow-x: auto;
  1215.     max-width: 100%;
  1216.     -webkit-overflow-scrolling: touch;
  1217.     -ms-overflow-style: -ms-autohiding-scrollbar; }
  1218.   .medium-cell-block-container {
  1219.     display: flex;
  1220.     flex-direction: column;
  1221.     max-height: 100%; }
  1222.     .medium-cell-block-container > .grid-x {
  1223.       max-height: 100%;
  1224.       flex-wrap: nowrap; }
  1225.   .medium-cell-block-y {
  1226.     overflow-y: auto;
  1227.     max-height: 100%;
  1228.     min-height: 100%;
  1229.     -webkit-overflow-scrolling: touch;
  1230.     -ms-overflow-style: -ms-autohiding-scrollbar; } }
  1231.  
  1232. @media print, screen and (min-width: 64em) {
  1233.   .large-grid-frame {
  1234.     overflow: hidden;
  1235.     position: relative;
  1236.     flex-wrap: nowrap;
  1237.     align-items: stretch;
  1238.     width: 100vw; }
  1239.   .cell .large-grid-frame {
  1240.     width: 100%; }
  1241.   .large-cell-block {
  1242.     overflow-x: auto;
  1243.     max-width: 100%;
  1244.     -webkit-overflow-scrolling: touch;
  1245.     -ms-overflow-style: -ms-autohiding-scrollbar; }
  1246.   .large-cell-block-container {
  1247.     display: flex;
  1248.     flex-direction: column;
  1249.     max-height: 100%; }
  1250.     .large-cell-block-container > .grid-x {
  1251.       max-height: 100%;
  1252.       flex-wrap: nowrap; }
  1253.   .large-cell-block-y {
  1254.     overflow-y: auto;
  1255.     max-height: 100%;
  1256.     min-height: 100%;
  1257.     -webkit-overflow-scrolling: touch;
  1258.     -ms-overflow-style: -ms-autohiding-scrollbar; } }
  1259.  
  1260. .grid-y.grid-frame {
  1261.   width: auto;
  1262.   overflow: hidden;
  1263.   position: relative;
  1264.   flex-wrap: nowrap;
  1265.   align-items: stretch;
  1266.   height: 100vh; }
  1267.  
  1268. @media print, screen and (min-width: 40em) {
  1269.   .grid-y.medium-grid-frame {
  1270.     width: auto;
  1271.     overflow: hidden;
  1272.     position: relative;
  1273.     flex-wrap: nowrap;
  1274.     align-items: stretch;
  1275.     height: 100vh; } }
  1276.  
  1277. @media print, screen and (min-width: 64em) {
  1278.   .grid-y.large-grid-frame {
  1279.     width: auto;
  1280.     overflow: hidden;
  1281.     position: relative;
  1282.     flex-wrap: nowrap;
  1283.     align-items: stretch;
  1284.     height: 100vh; } }
  1285.  
  1286. .cell .grid-y.grid-frame {
  1287.   height: 100%; }
  1288.  
  1289. @media print, screen and (min-width: 40em) {
  1290.   .cell .grid-y.medium-grid-frame {
  1291.     height: 100%; } }
  1292.  
  1293. @media print, screen and (min-width: 64em) {
  1294.   .cell .grid-y.large-grid-frame {
  1295.     height: 100%; } }
  1296.  
  1297. .grid-margin-y {
  1298.   margin-top: -0.625rem;
  1299.   margin-bottom: -0.625rem; }
  1300.   @media print, screen and (min-width: 40em) {
  1301.     .grid-margin-y {
  1302.       margin-top: -0.9375rem;
  1303.       margin-bottom: -0.9375rem; } }
  1304.   .grid-margin-y > .cell {
  1305.     height: calc(100% - 1.25rem);
  1306.     margin-top: 0.625rem;
  1307.     margin-bottom: 0.625rem; }
  1308.   @media print, screen and (min-width: 40em) {
  1309.     .grid-margin-y > .cell {
  1310.       height: calc(100% - 1.875rem);
  1311.       margin-top: 0.9375rem;
  1312.       margin-bottom: 0.9375rem; } }
  1313.   .grid-margin-y > .auto {
  1314.     height: auto; }
  1315.   .grid-margin-y > .shrink {
  1316.     height: auto; }
  1317.   .grid-margin-y > .small-1 {
  1318.     height: calc(8.3333333333% - 1.25rem); }
  1319.   .grid-margin-y > .small-2 {
  1320.     height: calc(16.6666666667% - 1.25rem); }
  1321.   .grid-margin-y > .small-3 {
  1322.     height: calc(25% - 1.25rem); }
  1323.   .grid-margin-y > .small-4 {
  1324.     height: calc(33.3333333333% - 1.25rem); }
  1325.   .grid-margin-y > .small-5 {
  1326.     height: calc(41.6666666667% - 1.25rem); }
  1327.   .grid-margin-y > .small-6 {
  1328.     height: calc(50% - 1.25rem); }
  1329.   .grid-margin-y > .small-7 {
  1330.     height: calc(58.3333333333% - 1.25rem); }
  1331.   .grid-margin-y > .small-8 {
  1332.     height: calc(66.6666666667% - 1.25rem); }
  1333.   .grid-margin-y > .small-9 {
  1334.     height: calc(75% - 1.25rem); }
  1335.   .grid-margin-y > .small-10 {
  1336.     height: calc(83.3333333333% - 1.25rem); }
  1337.   .grid-margin-y > .small-11 {
  1338.     height: calc(91.6666666667% - 1.25rem); }
  1339.   .grid-margin-y > .small-12 {
  1340.     height: calc(100% - 1.25rem); }
  1341.   @media print, screen and (min-width: 40em) {
  1342.     .grid-margin-y > .auto {
  1343.       height: auto; }
  1344.     .grid-margin-y > .shrink {
  1345.       height: auto; }
  1346.     .grid-margin-y > .small-1 {
  1347.       height: calc(8.3333333333% - 1.875rem); }
  1348.     .grid-margin-y > .small-2 {
  1349.       height: calc(16.6666666667% - 1.875rem); }
  1350.     .grid-margin-y > .small-3 {
  1351.       height: calc(25% - 1.875rem); }
  1352.     .grid-margin-y > .small-4 {
  1353.       height: calc(33.3333333333% - 1.875rem); }
  1354.     .grid-margin-y > .small-5 {
  1355.       height: calc(41.6666666667% - 1.875rem); }
  1356.     .grid-margin-y > .small-6 {
  1357.       height: calc(50% - 1.875rem); }
  1358.     .grid-margin-y > .small-7 {
  1359.       height: calc(58.3333333333% - 1.875rem); }
  1360.     .grid-margin-y > .small-8 {
  1361.       height: calc(66.6666666667% - 1.875rem); }
  1362.     .grid-margin-y > .small-9 {
  1363.       height: calc(75% - 1.875rem); }
  1364.     .grid-margin-y > .small-10 {
  1365.       height: calc(83.3333333333% - 1.875rem); }
  1366.     .grid-margin-y > .small-11 {
  1367.       height: calc(91.6666666667% - 1.875rem); }
  1368.     .grid-margin-y > .small-12 {
  1369.       height: calc(100% - 1.875rem); }
  1370.     .grid-margin-y > .medium-auto {
  1371.       height: auto; }
  1372.     .grid-margin-y > .medium-shrink {
  1373.       height: auto; }
  1374.     .grid-margin-y > .medium-1 {
  1375.       height: calc(8.3333333333% - 1.875rem); }
  1376.     .grid-margin-y > .medium-2 {
  1377.       height: calc(16.6666666667% - 1.875rem); }
  1378.     .grid-margin-y > .medium-3 {
  1379.       height: calc(25% - 1.875rem); }
  1380.     .grid-margin-y > .medium-4 {
  1381.       height: calc(33.3333333333% - 1.875rem); }
  1382.     .grid-margin-y > .medium-5 {
  1383.       height: calc(41.6666666667% - 1.875rem); }
  1384.     .grid-margin-y > .medium-6 {
  1385.       height: calc(50% - 1.875rem); }
  1386.     .grid-margin-y > .medium-7 {
  1387.       height: calc(58.3333333333% - 1.875rem); }
  1388.     .grid-margin-y > .medium-8 {
  1389.       height: calc(66.6666666667% - 1.875rem); }
  1390.     .grid-margin-y > .medium-9 {
  1391.       height: calc(75% - 1.875rem); }
  1392.     .grid-margin-y > .medium-10 {
  1393.       height: calc(83.3333333333% - 1.875rem); }
  1394.     .grid-margin-y > .medium-11 {
  1395.       height: calc(91.6666666667% - 1.875rem); }
  1396.     .grid-margin-y > .medium-12 {
  1397.       height: calc(100% - 1.875rem); } }
  1398.   @media print, screen and (min-width: 64em) {
  1399.     .grid-margin-y > .large-auto {
  1400.       height: auto; }
  1401.     .grid-margin-y > .large-shrink {
  1402.       height: auto; }
  1403.     .grid-margin-y > .large-1 {
  1404.       height: calc(8.3333333333% - 1.875rem); }
  1405.     .grid-margin-y > .large-2 {
  1406.       height: calc(16.6666666667% - 1.875rem); }
  1407.     .grid-margin-y > .large-3 {
  1408.       height: calc(25% - 1.875rem); }
  1409.     .grid-margin-y > .large-4 {
  1410.       height: calc(33.3333333333% - 1.875rem); }
  1411.     .grid-margin-y > .large-5 {
  1412.       height: calc(41.6666666667% - 1.875rem); }
  1413.     .grid-margin-y > .large-6 {
  1414.       height: calc(50% - 1.875rem); }
  1415.     .grid-margin-y > .large-7 {
  1416.       height: calc(58.3333333333% - 1.875rem); }
  1417.     .grid-margin-y > .large-8 {
  1418.       height: calc(66.6666666667% - 1.875rem); }
  1419.     .grid-margin-y > .large-9 {
  1420.       height: calc(75% - 1.875rem); }
  1421.     .grid-margin-y > .large-10 {
  1422.       height: calc(83.3333333333% - 1.875rem); }
  1423.     .grid-margin-y > .large-11 {
  1424.       height: calc(91.6666666667% - 1.875rem); }
  1425.     .grid-margin-y > .large-12 {
  1426.       height: calc(100% - 1.875rem); } }
  1427.  
  1428. .grid-frame.grid-margin-y {
  1429.   height: calc(100vh + 1.25rem); }
  1430.   @media print, screen and (min-width: 40em) {
  1431.     .grid-frame.grid-margin-y {
  1432.       height: calc(100vh + 1.875rem); } }
  1433.   @media print, screen and (min-width: 64em) {
  1434.     .grid-frame.grid-margin-y {
  1435.       height: calc(100vh + 1.875rem); } }
  1436.  
  1437. @media print, screen and (min-width: 40em) {
  1438.   .grid-margin-y.medium-grid-frame {
  1439.     height: calc(100vh + 1.875rem); } }
  1440.  
  1441. @media print, screen and (min-width: 64em) {
  1442.   .grid-margin-y.large-grid-frame {
  1443.     height: calc(100vh + 1.875rem); } }
  1444.