Subversion Repositories wimsdev

Rev

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