prodio
Version:
Simplified project management
1,510 lines (1,499 loc) • 156 kB
CSS
/**
* Ink
*
* A set of tools for quick development of web interfaces.
*
* @package Ink
* @author Sapo Ink Team
* @license http://opensource.org/licenses/MIT MIT
* @link http://ink.sapo.pt
* @version 3.0.0
*/
/**
* Ink class names prefix
* Used in all of Inks components root elements
*/
/**
* Grid class names
*/
/**
* Alerts class names
*/
/**
* Badges class names
*/
/**
* Buttons class names
*/
/**
* Forms class names
*/
/**
* Labels class names
*/
/**
* Navigation class names
*/
/**
* Dropdown class names
*/
/**
* Tables class names
*/
/**
* Images class names
*/
/**
* Sets the grids maximum width
* @var $grid-max-width (pixels|ems|percentage)
*/
/*!
* Sets the grids breakpoint
*
* To add a new break point you'll need to add an element to the list.
*
* Here's an example: ( class-name-prefix, minimum-width, maximum-width, gutter-width, no-media-query).
*
* class-name-prefix: this is the prefix used in tons of inks classes i.e.: large-100, small-40, etc.
* minimum-width: (pixels|null) the minimum width for the breakpoint
* maximum-width: (pixels|null) the maximum width for the breakpoint
* gutter-width: (ems) the width for the gutters (space between grid columns) for the breakpoint
* no-media-query: (true|false) if you need to support IE8 set this to true on a single breakpoint.
* Since IE8 does not support the @media statement leaving one of the breakpoints
* outside a @media query let's you use the grid in IE8.
*
*/
.show-all {
display: inherit;
}
.hide-all {
display: none !important;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.push-left {
float: left;
}
.push-center {
float: none !important;
margin-left: auto;
margin-right: auto;
}
.push-right {
float: right;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.clearfix {
*zoom: 1;
overflow: hidden;
*zoom: 1;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
html.no-flexbox .ink-grid,
html.no-flexboxlegacy .ink-grid {
width: auto;
max-width: 1440px;
margin: 0 auto;
}
html.no-flexbox .all-5,
html.no-flexboxlegacy .all-5 {
width: 5%;
float: left;
clear: none;
}
html.no-flexbox .all-10,
html.no-flexboxlegacy .all-10 {
width: 10%;
float: left;
clear: none;
}
html.no-flexbox .all-15,
html.no-flexboxlegacy .all-15 {
width: 15%;
float: left;
clear: none;
}
html.no-flexbox .all-20,
html.no-flexboxlegacy .all-20 {
width: 20%;
float: left;
clear: none;
}
html.no-flexbox .all-25,
html.no-flexboxlegacy .all-25 {
width: 25%;
float: left;
clear: none;
}
html.no-flexbox .all-30,
html.no-flexboxlegacy .all-30 {
width: 30%;
float: left;
clear: none;
}
html.no-flexbox .all-33,
html.no-flexboxlegacy .all-33 {
width: 33.33%;
float: left;
clear: none;
}
html.no-flexbox .all-35,
html.no-flexboxlegacy .all-35 {
width: 35%;
float: left;
clear: none;
}
html.no-flexbox .all-40,
html.no-flexboxlegacy .all-40 {
width: 40%;
float: left;
clear: none;
}
html.no-flexbox .all-45,
html.no-flexboxlegacy .all-45 {
width: 45%;
float: left;
clear: none;
}
html.no-flexbox .all-50,
html.no-flexboxlegacy .all-50 {
width: 50%;
float: left;
clear: none;
}
html.no-flexbox .all-55,
html.no-flexboxlegacy .all-55 {
width: 55%;
float: left;
clear: none;
}
html.no-flexbox .all-60,
html.no-flexboxlegacy .all-60 {
width: 60%;
float: left;
clear: none;
}
html.no-flexbox .all-65,
html.no-flexboxlegacy .all-65 {
width: 65%;
float: left;
clear: none;
}
html.no-flexbox .all-66,
html.no-flexboxlegacy .all-66 {
width: 66.66%;
float: left;
clear: none;
}
html.no-flexbox .all-70,
html.no-flexboxlegacy .all-70 {
width: 70%;
float: left;
clear: none;
}
html.no-flexbox .all-75,
html.no-flexboxlegacy .all-75 {
width: 75%;
float: left;
clear: none;
}
html.no-flexbox .all-80,
html.no-flexboxlegacy .all-80 {
width: 80%;
float: left;
clear: none;
}
html.no-flexbox .all-85,
html.no-flexboxlegacy .all-85 {
width: 85%;
float: left;
clear: none;
}
html.no-flexbox .all-90,
html.no-flexboxlegacy .all-90 {
width: 90%;
float: left;
clear: none;
}
html.no-flexbox .all-95,
html.no-flexboxlegacy .all-95 {
width: 95%;
float: left;
clear: none;
}
html.no-flexbox .all-100,
html.no-flexboxlegacy .all-100 {
width: 100%;
float: left;
clear: none;
}
html.no-flexbox [class~=all-100],
html.no-flexboxlegacy [class~=all-100] {
float: none;
clear: both;
}
@media screen and (min-width: 1261px) {
html.no-flexbox .ink-grid,
html.no-flexboxlegacy .ink-grid {
padding: 0 2em;
}
html.no-flexbox .column-group > [class*=xlarge-],
html.no-flexboxlegacy .column-group > [class*=xlarge-] {
float: left;
clear: none;
}
html.no-flexbox .xlarge-5,
html.no-flexboxlegacy .xlarge-5 {
width: 5%;
}
html.no-flexbox .xlarge-10,
html.no-flexboxlegacy .xlarge-10 {
width: 10%;
}
html.no-flexbox .xlarge-15,
html.no-flexboxlegacy .xlarge-15 {
width: 15%;
}
html.no-flexbox .xlarge-20,
html.no-flexboxlegacy .xlarge-20 {
width: 20%;
}
html.no-flexbox .xlarge-25,
html.no-flexboxlegacy .xlarge-25 {
width: 25%;
}
html.no-flexbox .xlarge-30,
html.no-flexboxlegacy .xlarge-30 {
width: 30%;
}
html.no-flexbox .xlarge-33,
html.no-flexboxlegacy .xlarge-33 {
width: 33.33%;
}
html.no-flexbox .xlarge-35,
html.no-flexboxlegacy .xlarge-35 {
width: 35%;
}
html.no-flexbox .xlarge-40,
html.no-flexboxlegacy .xlarge-40 {
width: 40%;
}
html.no-flexbox .xlarge-45,
html.no-flexboxlegacy .xlarge-45 {
width: 45%;
}
html.no-flexbox .xlarge-50,
html.no-flexboxlegacy .xlarge-50 {
width: 50%;
}
html.no-flexbox .xlarge-55,
html.no-flexboxlegacy .xlarge-55 {
width: 55%;
}
html.no-flexbox .xlarge-60,
html.no-flexboxlegacy .xlarge-60 {
width: 60%;
}
html.no-flexbox .xlarge-65,
html.no-flexboxlegacy .xlarge-65 {
width: 65%;
}
html.no-flexbox .xlarge-66,
html.no-flexboxlegacy .xlarge-66 {
width: 66.66%;
}
html.no-flexbox .xlarge-70,
html.no-flexboxlegacy .xlarge-70 {
width: 70%;
}
html.no-flexbox .xlarge-75,
html.no-flexboxlegacy .xlarge-75 {
width: 75%;
}
html.no-flexbox .xlarge-80,
html.no-flexboxlegacy .xlarge-80 {
width: 80%;
}
html.no-flexbox .xlarge-85,
html.no-flexboxlegacy .xlarge-85 {
width: 85%;
}
html.no-flexbox .xlarge-90,
html.no-flexboxlegacy .xlarge-90 {
width: 90%;
}
html.no-flexbox .xlarge-95,
html.no-flexboxlegacy .xlarge-95 {
width: 95%;
}
html.no-flexbox .xlarge-100,
html.no-flexboxlegacy .xlarge-100 {
width: 100%;
}
html.no-flexbox [class*=xlarge-100],
html.no-flexboxlegacy [class*=xlarge-100] {
float: none;
clear: both;
}
html.no-flexbox .column-group,
html.no-flexboxlegacy .column-group {
*zoom: 1;
}
html.no-flexbox .column-group:after,
html.no-flexboxlegacy .column-group:after {
content: "";
display: table;
clear: both;
}
html.no-flexbox .column-group.gutters,
html.no-flexboxlegacy .column-group.gutters {
margin-left: -2em;
}
html.no-flexbox .column-group.gutters > [class*=xlarge-], html.no-flexbox .column-group.gutters > [class*=all-],
html.no-flexboxlegacy .column-group.gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.gutters > [class*=all-] {
padding-left: 2em;
margin-bottom: 2em;
}
html.no-flexbox .column-group.horizontal-gutters,
html.no-flexboxlegacy .column-group.horizontal-gutters {
margin-left: -2em;
}
html.no-flexbox .column-group.horizontal-gutters > [class*=xlarge-], html.no-flexbox .column-group.horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.horizontal-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.horizontal-gutters > [class*=all-] {
padding-left: 2em;
}
html.no-flexbox .column-group.vertical-gutters > [class*=xlarge-], html.no-flexbox .column-group.vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.vertical-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.vertical-gutters > [class*=all-] {
margin-bottom: 2em;
}
html.no-flexbox .column-group.double-gutters,
html.no-flexboxlegacy .column-group.double-gutters {
margin-left: -4em;
}
html.no-flexbox .column-group.double-gutters > [class*=xlarge-], html.no-flexbox .column-group.double-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.double-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.double-gutters > [class*=all-] {
padding-left: 4em;
margin-bottom: 4em;
}
html.no-flexbox .column-group.double-horizontal-gutters,
html.no-flexboxlegacy .column-group.double-horizontal-gutters {
margin-left: -4em;
}
html.no-flexbox .column-group.double-horizontal-gutters > [class*=xlarge-], html.no-flexbox .column-group.double-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.double-horizontal-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.double-horizontal-gutters > [class*=all-] {
padding-left: 4em;
}
html.no-flexbox .column-group.double-vertical-gutters > [class*=xlarge-], html.no-flexbox .column-group.double-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.double-vertical-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.double-vertical-gutters > [class*=all-] {
margin-bottom: 4em;
}
html.no-flexbox .column-group.half-gutters,
html.no-flexboxlegacy .column-group.half-gutters {
margin-left: -1em;
}
html.no-flexbox .column-group.half-gutters > [class*=xlarge-], html.no-flexbox .column-group.half-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.half-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.half-gutters > [class*=all-] {
padding-left: 1em;
margin-bottom: 1em;
}
html.no-flexbox .column-group.half-horizontal-gutters,
html.no-flexboxlegacy .column-group.half-horizontal-gutters {
margin-left: -1em;
}
html.no-flexbox .column-group.half-horizontal-gutters > [class*=xlarge-], html.no-flexbox .column-group.half-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.half-horizontal-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.half-horizontal-gutters > [class*=all-] {
padding-left: 1em;
}
html.no-flexbox .column-group.half-vertical-gutters > [class*=xlarge-], html.no-flexbox .column-group.half-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.half-vertical-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.half-vertical-gutters > [class*=all-] {
margin-bottom: 1em;
}
html.no-flexbox .column-group.quarter-gutters,
html.no-flexboxlegacy .column-group.quarter-gutters {
margin-left: -0.5em;
}
html.no-flexbox .column-group.quarter-gutters > [class*=xlarge-], html.no-flexbox .column-group.quarter-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.quarter-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.quarter-gutters > [class*=all-] {
padding-left: 0.5em;
margin-bottom: 0.5em;
}
html.no-flexbox .column-group.quarter-horizontal-gutters,
html.no-flexboxlegacy .column-group.quarter-horizontal-gutters {
margin-left: -0.5em;
}
html.no-flexbox .column-group.quarter-horizontal-gutters > [class*=xlarge-], html.no-flexbox .column-group.quarter-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.quarter-horizontal-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.quarter-horizontal-gutters > [class*=all-] {
padding-left: 0.5em;
}
html.no-flexbox .column-group.quarter-vertical-gutters > [class*=xlarge-], html.no-flexbox .column-group.quarter-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.quarter-vertical-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.quarter-vertical-gutters > [class*=all-] {
margin-bottom: 0.5em;
}
html.no-flexbox .column-group.xlarge-gutters,
html.no-flexboxlegacy .column-group.xlarge-gutters {
margin-left: -2em;
}
html.no-flexbox .column-group.xlarge-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-gutters > [class*=all-] {
padding-left: 2em;
margin-bottom: 2em;
}
html.no-flexbox .column-group.xlarge-horizontal-gutters,
html.no-flexboxlegacy .column-group.xlarge-horizontal-gutters {
margin-left: -2em;
}
html.no-flexbox .column-group.xlarge-horizontal-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-horizontal-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-horizontal-gutters > [class*=all-] {
padding-left: 2em;
}
html.no-flexbox .column-group.xlarge-vertical-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-vertical-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-vertical-gutters > [class*=all-] {
margin-bottom: 2em;
}
html.no-flexbox .column-group.xlarge-double-gutters,
html.no-flexboxlegacy .column-group.xlarge-double-gutters {
margin-left: -4em;
}
html.no-flexbox .column-group.xlarge-double-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-double-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-double-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-double-gutters > [class*=all-] {
padding-left: 4em;
margin-bottom: 4em;
}
html.no-flexbox .column-group.xlarge-double-horizontal-gutters,
html.no-flexboxlegacy .column-group.xlarge-double-horizontal-gutters {
margin-left: -4em;
}
html.no-flexbox .column-group.xlarge-double-horizontal-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-double-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-double-horizontal-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-double-horizontal-gutters > [class*=all-] {
padding-left: 4em;
}
html.no-flexbox .column-group.xlarge-double-vertical-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-double-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-double-vertical-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-double-vertical-gutters > [class*=all-] {
margin-bottom: 4em;
}
html.no-flexbox .column-group.xlarge-half-gutters,
html.no-flexboxlegacy .column-group.xlarge-half-gutters {
margin-left: -1em;
}
html.no-flexbox .column-group.xlarge-half-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-half-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-half-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-half-gutters > [class*=all-] {
padding-left: 1em;
margin-bottom: 1em;
}
html.no-flexbox .column-group.xlarge-half-horizontal-gutters,
html.no-flexboxlegacy .column-group.xlarge-half-horizontal-gutters {
margin-left: -1em;
}
html.no-flexbox .column-group.xlarge-half-horizontal-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-half-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-half-horizontal-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-half-horizontal-gutters > [class*=all-] {
padding-left: 1em;
}
html.no-flexbox .column-group.xlarge-half-vertical-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-half-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-half-vertical-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-half-vertical-gutters > [class*=all-] {
margin-bottom: 1em;
}
html.no-flexbox .column-group.xlarge-quarter-gutters,
html.no-flexboxlegacy .column-group.xlarge-quarter-gutters {
margin-left: -0.5em;
}
html.no-flexbox .column-group.xlarge-quarter-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-quarter-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-quarter-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-quarter-gutters > [class*=all-] {
padding-left: 0.5em;
margin-bottom: 0.5em;
}
html.no-flexbox .column-group.xlarge-quarter-horizontal-gutters,
html.no-flexboxlegacy .column-group.xlarge-quarter-horizontal-gutters {
margin-left: -0.5em;
}
html.no-flexbox .column-group.xlarge-quarter-horizontal-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-quarter-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-quarter-horizontal-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-quarter-horizontal-gutters > [class*=all-] {
padding-left: 0.5em;
}
html.no-flexbox .column-group.xlarge-quarter-vertical-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-quarter-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-quarter-vertical-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-quarter-vertical-gutters > [class*=all-] {
margin-bottom: 0.5em;
}
html.no-flexbox .column-group.xlarge-no-gutters,
html.no-flexboxlegacy .column-group.xlarge-no-gutters {
margin-left: 0;
}
html.no-flexbox .column-group.xlarge-no-gutters > [class*=xlarge-], html.no-flexbox .column-group.xlarge-no-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.xlarge-no-gutters > [class*=xlarge-],
html.no-flexboxlegacy .column-group.xlarge-no-gutters > [class*=all-] {
padding-left: 0;
margin-bottom: 0;
}
html.no-flexbox .ink-table td[class*=xlarge-], html.no-flexbox .ink-table th[class*=xlarge-], html.no-flexbox .ink-table tr[class*=xlarge-], html.no-flexbox .ink-table thead[class*=xlarge-], html.no-flexbox .ink-table tbody[class*=xlarge-], html.no-flexbox .ink-table tfoot[class*=xlarge-],
html.no-flexboxlegacy .ink-table td[class*=xlarge-],
html.no-flexboxlegacy .ink-table th[class*=xlarge-],
html.no-flexboxlegacy .ink-table tr[class*=xlarge-],
html.no-flexboxlegacy .ink-table thead[class*=xlarge-],
html.no-flexboxlegacy .ink-table tbody[class*=xlarge-],
html.no-flexboxlegacy .ink-table tfoot[class*=xlarge-] {
float: none;
}
html.no-flexbox .xlarge-push-left,
html.no-flexboxlegacy .xlarge-push-left {
float: left;
}
html.no-flexbox .xlarge-push-center,
html.no-flexboxlegacy .xlarge-push-center {
float: none;
margin-left: auto;
margin-right: auto;
}
html.no-flexbox .xlarge-push-right,
html.no-flexboxlegacy .xlarge-push-right {
float: right;
}
html.no-flexbox .xlarge-align-left,
html.no-flexboxlegacy .xlarge-align-left {
text-align: left;
}
html.no-flexbox .xlarge-align-center,
html.no-flexboxlegacy .xlarge-align-center {
text-align: center;
}
html.no-flexbox .xlarge-align-right,
html.no-flexboxlegacy .xlarge-align-right {
text-align: right;
}
html.no-flexbox .xlarge-no-margin,
html.no-flexboxlegacy .xlarge-no-margin {
margin: 0 !important;
}
html.no-flexbox .space,
html.no-flexboxlegacy .space {
margin: 2em;
}
html.no-flexbox .xlarge-space,
html.no-flexboxlegacy .xlarge-space {
margin: 2em;
}
html.no-flexbox .padding,
html.no-flexboxlegacy .padding {
padding: 2em;
}
html.no-flexbox .xlarge-padding,
html.no-flexboxlegacy .xlarge-padding {
padding: 2em;
}
html.no-flexbox .double-space,
html.no-flexboxlegacy .double-space {
margin: 4em;
}
html.no-flexbox .xlarge-double-space,
html.no-flexboxlegacy .xlarge-double-space {
margin: 4em;
}
html.no-flexbox .double-padding,
html.no-flexboxlegacy .double-padding {
padding: 4em;
}
html.no-flexbox .xlarge-double-padding,
html.no-flexboxlegacy .xlarge-double-padding {
padding: 4em;
}
html.no-flexbox .half-space,
html.no-flexboxlegacy .half-space {
margin: 1em;
}
html.no-flexbox .xlarge-half-space,
html.no-flexboxlegacy .xlarge-half-space {
margin: 1em;
}
html.no-flexbox .half-padding,
html.no-flexboxlegacy .half-padding {
padding: 1em;
}
html.no-flexbox .xlarge-half-padding,
html.no-flexboxlegacy .xlarge-half-padding {
padding: 1em;
}
html.no-flexbox .quarter-space,
html.no-flexboxlegacy .quarter-space {
margin: 0.5em;
}
html.no-flexbox .xlarge-quarter-space,
html.no-flexboxlegacy .xlarge-quarter-space {
margin: 0.5em;
}
html.no-flexbox .quarter-padding,
html.no-flexboxlegacy .quarter-padding {
padding: 0.5em;
}
html.no-flexbox .xlarge-quarter-padding,
html.no-flexboxlegacy .xlarge-quarter-padding {
padding: 0.5em;
}
html.no-flexbox .vertical-space,
html.no-flexboxlegacy .vertical-space {
margin-top: 2em;
margin-bottom: 2em;
}
html.no-flexbox .xlarge-vertical-space,
html.no-flexboxlegacy .xlarge-vertical-space {
margin-top: 2em;
margin-bottom: 2em;
}
html.no-flexbox .vertical-padding,
html.no-flexboxlegacy .vertical-padding {
padding-top: 2em;
padding-bottom: 2em;
}
html.no-flexbox .xlarge-vertical-padding,
html.no-flexboxlegacy .xlarge-vertical-padding {
padding-top: 2em;
padding-bottom: 2em;
}
html.no-flexbox .double-vertical-space,
html.no-flexboxlegacy .double-vertical-space {
margin-top: 4em;
margin-bottom: 4em;
}
html.no-flexbox .xlarge-double-vertical-space,
html.no-flexboxlegacy .xlarge-double-vertical-space {
margin-top: 4em;
margin-bottom: 4em;
}
html.no-flexbox .double-vertical-padding,
html.no-flexboxlegacy .double-vertical-padding {
padding-top: 4em;
padding-bottom: 4em;
}
html.no-flexbox .xlarge-double-vertical-padding,
html.no-flexboxlegacy .xlarge-double-vertical-padding {
padding-top: 4em;
padding-bottom: 4em;
}
html.no-flexbox .half-vertical-space,
html.no-flexboxlegacy .half-vertical-space {
margin-top: 1em;
margin-bottom: 1em;
}
html.no-flexbox .xlarge-half-vertical-space,
html.no-flexboxlegacy .xlarge-half-vertical-space {
margin-top: 1em;
margin-bottom: 1em;
}
html.no-flexbox .half-vertical-padding,
html.no-flexboxlegacy .half-vertical-padding {
padding-top: 1em;
padding-bottom: 1em;
}
html.no-flexbox .xlarge-half-vertical-padding,
html.no-flexboxlegacy .xlarge-half-vertical-padding {
padding-top: 1em;
padding-bottom: 1em;
}
html.no-flexbox .quarter-vertical-space,
html.no-flexboxlegacy .quarter-vertical-space {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
html.no-flexbox .xlarge-quarter-vertical-space,
html.no-flexboxlegacy .xlarge-quarter-vertical-space {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
html.no-flexbox .quarter-vertical-padding,
html.no-flexboxlegacy .quarter-vertical-padding {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
html.no-flexbox .xlarge-quarter-vertical-padding,
html.no-flexboxlegacy .xlarge-quarter-vertical-padding {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
html.no-flexbox .horizontal-space,
html.no-flexboxlegacy .horizontal-space {
margin-left: 2em;
margin-right: 2em;
}
html.no-flexbox .xlarge-horizontal-space,
html.no-flexboxlegacy .xlarge-horizontal-space {
margin-left: 2em;
margin-right: 2em;
}
html.no-flexbox .horizontal-padding,
html.no-flexboxlegacy .horizontal-padding {
padding-left: 2em;
padding-right: 2em;
}
html.no-flexbox .xlarge-horizontal-padding,
html.no-flexboxlegacy .xlarge-horizontal-padding {
padding-left: 2em;
padding-right: 2em;
}
html.no-flexbox .double-horizontal-space,
html.no-flexboxlegacy .double-horizontal-space {
margin-left: 4em;
margin-right: 4em;
}
html.no-flexbox .xlarge-double-horizontal-space,
html.no-flexboxlegacy .xlarge-double-horizontal-space {
margin-left: 4em;
margin-right: 4em;
}
html.no-flexbox .double-horizontal-padding,
html.no-flexboxlegacy .double-horizontal-padding {
padding-left: 4em;
padding-right: 4em;
}
html.no-flexbox .xlarge-double-horizontal-padding,
html.no-flexboxlegacy .xlarge-double-horizontal-padding {
padding-left: 4em;
padding-right: 4em;
}
html.no-flexbox .half-horizontal-space,
html.no-flexboxlegacy .half-horizontal-space {
margin-left: 1em;
margin-right: 1em;
}
html.no-flexbox .xlarge-half-horizontal-space,
html.no-flexboxlegacy .xlarge-half-horizontal-space {
margin-left: 1em;
margin-right: 1em;
}
html.no-flexbox .half-horizontal-padding,
html.no-flexboxlegacy .half-horizontal-padding {
padding-left: 1em;
padding-right: 1em;
}
html.no-flexbox .xlarge-half-horizontal-padding,
html.no-flexboxlegacy .xlarge-half-horizontal-padding {
padding-left: 1em;
padding-right: 1em;
}
html.no-flexbox .quarter-horizontal-space,
html.no-flexboxlegacy .quarter-horizontal-space {
margin-left: 0.5em;
margin-right: 0.5em;
}
html.no-flexbox .xlarge-quarter-horizontal-space,
html.no-flexboxlegacy .xlarge-quarter-horizontal-space {
margin-left: 0.5em;
margin-right: 0.5em;
}
html.no-flexbox .quarter-horizontal-padding,
html.no-flexboxlegacy .quarter-horizontal-padding {
padding-left: 0.5em;
padding-right: 0.5em;
}
html.no-flexbox .xlarge-quarter-horizontal-padding,
html.no-flexboxlegacy .xlarge-quarter-horizontal-padding {
padding-left: 0.5em;
padding-right: 0.5em;
}
html.no-flexbox .top-space,
html.no-flexboxlegacy .top-space {
margin-top: 2em;
}
html.no-flexbox .xlarge-top-space,
html.no-flexboxlegacy .xlarge-top-space {
margin-top: 2em;
}
html.no-flexbox .top-padding,
html.no-flexboxlegacy .top-padding {
padding-top: 2em;
}
html.no-flexbox .xlarge-top-padding,
html.no-flexboxlegacy .xlarge-top-padding {
padding-top: 2em;
}
html.no-flexbox .double-top-space,
html.no-flexboxlegacy .double-top-space {
margin-top: 4em;
}
html.no-flexbox .xlarge-double-top-space,
html.no-flexboxlegacy .xlarge-double-top-space {
margin-top: 4em;
}
html.no-flexbox .double-top-padding,
html.no-flexboxlegacy .double-top-padding {
padding-top: 4em;
}
html.no-flexbox .xlarge-double-top-padding,
html.no-flexboxlegacy .xlarge-double-top-padding {
padding-top: 4em;
}
html.no-flexbox .half-top-space,
html.no-flexboxlegacy .half-top-space {
margin-top: 1em;
}
html.no-flexbox .xlarge-half-top-space,
html.no-flexboxlegacy .xlarge-half-top-space {
margin-top: 1em;
}
html.no-flexbox .half-top-padding,
html.no-flexboxlegacy .half-top-padding {
padding-top: 1em;
}
html.no-flexbox .xlarge-half-top-padding,
html.no-flexboxlegacy .xlarge-half-top-padding {
padding-top: 1em;
}
html.no-flexbox .quarter-top-space,
html.no-flexboxlegacy .quarter-top-space {
margin-top: 0.5em;
}
html.no-flexbox .xlarge-quarter-top-space,
html.no-flexboxlegacy .xlarge-quarter-top-space {
margin-top: 0.5em;
}
html.no-flexbox .quarter-top-padding,
html.no-flexboxlegacy .quarter-top-padding {
padding-top: 0.5em;
}
html.no-flexbox .xlarge-quarter-top-padding,
html.no-flexboxlegacy .xlarge-quarter-top-padding {
padding-top: 0.5em;
}
html.no-flexbox .right-space,
html.no-flexboxlegacy .right-space {
margin-right: 2em;
}
html.no-flexbox .xlarge-right-space,
html.no-flexboxlegacy .xlarge-right-space {
margin-right: 2em;
}
html.no-flexbox .right-padding,
html.no-flexboxlegacy .right-padding {
padding-right: 2em;
}
html.no-flexbox .xlarge-right-padding,
html.no-flexboxlegacy .xlarge-right-padding {
padding-right: 2em;
}
html.no-flexbox .double-right-space,
html.no-flexboxlegacy .double-right-space {
margin-right: 4em;
}
html.no-flexbox .xlarge-double-right-space,
html.no-flexboxlegacy .xlarge-double-right-space {
margin-right: 4em;
}
html.no-flexbox .double-right-padding,
html.no-flexboxlegacy .double-right-padding {
padding-right: 4em;
}
html.no-flexbox .xlarge-double-right-padding,
html.no-flexboxlegacy .xlarge-double-right-padding {
padding-right: 4em;
}
html.no-flexbox .half-right-space,
html.no-flexboxlegacy .half-right-space {
margin-right: 1em;
}
html.no-flexbox .xlarge-half-right-space,
html.no-flexboxlegacy .xlarge-half-right-space {
margin-right: 1em;
}
html.no-flexbox .half-right-padding,
html.no-flexboxlegacy .half-right-padding {
padding-right: 1em;
}
html.no-flexbox .xlarge-half-right-padding,
html.no-flexboxlegacy .xlarge-half-right-padding {
padding-right: 1em;
}
html.no-flexbox .quarter-right-space,
html.no-flexboxlegacy .quarter-right-space {
margin-right: 0.5em;
}
html.no-flexbox .xlarge-quarter-right-space,
html.no-flexboxlegacy .xlarge-quarter-right-space {
margin-right: 0.5em;
}
html.no-flexbox .quarter-right-padding,
html.no-flexboxlegacy .quarter-right-padding {
padding-right: 0.5em;
}
html.no-flexbox .xlarge-quarter-right-padding,
html.no-flexboxlegacy .xlarge-quarter-right-padding {
padding-right: 0.5em;
}
html.no-flexbox .bottom-space,
html.no-flexboxlegacy .bottom-space {
margin-bottom: 2em;
}
html.no-flexbox .xlarge-bottom-space,
html.no-flexboxlegacy .xlarge-bottom-space {
margin-bottom: 2em;
}
html.no-flexbox .bottom-padding,
html.no-flexboxlegacy .bottom-padding {
padding-bottom: 2em;
}
html.no-flexbox .xlarge-bottom-padding,
html.no-flexboxlegacy .xlarge-bottom-padding {
padding-bottom: 2em;
}
html.no-flexbox .double-bottom-space,
html.no-flexboxlegacy .double-bottom-space {
margin-bottom: 4em;
}
html.no-flexbox .xlarge-double-bottom-space,
html.no-flexboxlegacy .xlarge-double-bottom-space {
margin-bottom: 4em;
}
html.no-flexbox .double-bottom-padding,
html.no-flexboxlegacy .double-bottom-padding {
padding-bottom: 4em;
}
html.no-flexbox .xlarge-double-bottom-padding,
html.no-flexboxlegacy .xlarge-double-bottom-padding {
padding-bottom: 4em;
}
html.no-flexbox .half-bottom-space,
html.no-flexboxlegacy .half-bottom-space {
margin-bottom: 1em;
}
html.no-flexbox .xlarge-half-bottom-space,
html.no-flexboxlegacy .xlarge-half-bottom-space {
margin-bottom: 1em;
}
html.no-flexbox .half-bottom-padding,
html.no-flexboxlegacy .half-bottom-padding {
padding-bottom: 1em;
}
html.no-flexbox .xlarge-half-bottom-padding,
html.no-flexboxlegacy .xlarge-half-bottom-padding {
padding-bottom: 1em;
}
html.no-flexbox .quarter-bottom-space,
html.no-flexboxlegacy .quarter-bottom-space {
margin-bottom: 0.5em;
}
html.no-flexbox .xlarge-quarter-bottom-space,
html.no-flexboxlegacy .xlarge-quarter-bottom-space {
margin-bottom: 0.5em;
}
html.no-flexbox .quarter-bottom-padding,
html.no-flexboxlegacy .quarter-bottom-padding {
padding-bottom: 0.5em;
}
html.no-flexbox .xlarge-quarter-bottom-padding,
html.no-flexboxlegacy .xlarge-quarter-bottom-padding {
padding-bottom: 0.5em;
}
html.no-flexbox .left-space,
html.no-flexboxlegacy .left-space {
margin-left: 2em;
}
html.no-flexbox .xlarge-left-space,
html.no-flexboxlegacy .xlarge-left-space {
margin-left: 2em;
}
html.no-flexbox .left-padding,
html.no-flexboxlegacy .left-padding {
padding-left: 2em;
}
html.no-flexbox .xlarge-left-padding,
html.no-flexboxlegacy .xlarge-left-padding {
padding-left: 2em;
}
html.no-flexbox .double-left-space,
html.no-flexboxlegacy .double-left-space {
margin-left: 4em;
}
html.no-flexbox .xlarge-double-left-space,
html.no-flexboxlegacy .xlarge-double-left-space {
margin-left: 4em;
}
html.no-flexbox .double-left-padding,
html.no-flexboxlegacy .double-left-padding {
padding-left: 4em;
}
html.no-flexbox .xlarge-double-left-padding,
html.no-flexboxlegacy .xlarge-double-left-padding {
padding-left: 4em;
}
html.no-flexbox .half-left-space,
html.no-flexboxlegacy .half-left-space {
margin-left: 1em;
}
html.no-flexbox .xlarge-half-left-space,
html.no-flexboxlegacy .xlarge-half-left-space {
margin-left: 1em;
}
html.no-flexbox .half-left-padding,
html.no-flexboxlegacy .half-left-padding {
padding-left: 1em;
}
html.no-flexbox .xlarge-half-left-padding,
html.no-flexboxlegacy .xlarge-half-left-padding {
padding-left: 1em;
}
html.no-flexbox .quarter-left-space,
html.no-flexboxlegacy .quarter-left-space {
margin-left: 0.5em;
}
html.no-flexbox .xlarge-quarter-left-space,
html.no-flexboxlegacy .xlarge-quarter-left-space {
margin-left: 0.5em;
}
html.no-flexbox .quarter-left-padding,
html.no-flexboxlegacy .quarter-left-padding {
padding-left: 0.5em;
}
html.no-flexbox .xlarge-quarter-left-padding,
html.no-flexboxlegacy .xlarge-quarter-left-padding {
padding-left: 0.5em;
}
html.no-flexbox .hide-xlarge,
html.no-flexboxlegacy .hide-xlarge {
display: none !important;
}
html.no-flexbox .show-xlarge,
html.no-flexboxlegacy .show-xlarge {
display: inherit !important;
}
html.no-flexbox table.show-xlarge,
html.no-flexboxlegacy table.show-xlarge {
display: table;
}
html.no-flexbox thead.show-xlarge,
html.no-flexboxlegacy thead.show-xlarge {
display: table-header-group;
}
html.no-flexbox tbody.show-xlarge,
html.no-flexboxlegacy tbody.show-xlarge {
display: table-row-group;
}
html.no-flexbox tfoot.show-xlarge,
html.no-flexboxlegacy tfoot.show-xlarge {
display: table-footer-group;
}
html.no-flexbox tr.show-xlarge,
html.no-flexboxlegacy tr.show-xlarge {
display: table-row;
}
html.no-flexbox th.show-xlarge,
html.no-flexbox td.show-xlarge,
html.no-flexboxlegacy th.show-xlarge,
html.no-flexboxlegacy td.show-xlarge {
display: table-cell;
}
}
@media screen and (min-width: 961px) and (max-width: 1260px) {
html.no-flexbox .ink-grid,
html.no-flexboxlegacy .ink-grid {
padding: 0 1.75em;
}
html.no-flexbox .column-group > [class*=large-],
html.no-flexboxlegacy .column-group > [class*=large-] {
float: left;
clear: none;
}
html.no-flexbox .large-5,
html.no-flexboxlegacy .large-5 {
width: 5%;
}
html.no-flexbox .large-10,
html.no-flexboxlegacy .large-10 {
width: 10%;
}
html.no-flexbox .large-15,
html.no-flexboxlegacy .large-15 {
width: 15%;
}
html.no-flexbox .large-20,
html.no-flexboxlegacy .large-20 {
width: 20%;
}
html.no-flexbox .large-25,
html.no-flexboxlegacy .large-25 {
width: 25%;
}
html.no-flexbox .large-30,
html.no-flexboxlegacy .large-30 {
width: 30%;
}
html.no-flexbox .large-33,
html.no-flexboxlegacy .large-33 {
width: 33.33%;
}
html.no-flexbox .large-35,
html.no-flexboxlegacy .large-35 {
width: 35%;
}
html.no-flexbox .large-40,
html.no-flexboxlegacy .large-40 {
width: 40%;
}
html.no-flexbox .large-45,
html.no-flexboxlegacy .large-45 {
width: 45%;
}
html.no-flexbox .large-50,
html.no-flexboxlegacy .large-50 {
width: 50%;
}
html.no-flexbox .large-55,
html.no-flexboxlegacy .large-55 {
width: 55%;
}
html.no-flexbox .large-60,
html.no-flexboxlegacy .large-60 {
width: 60%;
}
html.no-flexbox .large-65,
html.no-flexboxlegacy .large-65 {
width: 65%;
}
html.no-flexbox .large-66,
html.no-flexboxlegacy .large-66 {
width: 66.66%;
}
html.no-flexbox .large-70,
html.no-flexboxlegacy .large-70 {
width: 70%;
}
html.no-flexbox .large-75,
html.no-flexboxlegacy .large-75 {
width: 75%;
}
html.no-flexbox .large-80,
html.no-flexboxlegacy .large-80 {
width: 80%;
}
html.no-flexbox .large-85,
html.no-flexboxlegacy .large-85 {
width: 85%;
}
html.no-flexbox .large-90,
html.no-flexboxlegacy .large-90 {
width: 90%;
}
html.no-flexbox .large-95,
html.no-flexboxlegacy .large-95 {
width: 95%;
}
html.no-flexbox .large-100,
html.no-flexboxlegacy .large-100 {
width: 100%;
}
html.no-flexbox [class*=large-100],
html.no-flexboxlegacy [class*=large-100] {
float: none;
clear: both;
}
html.no-flexbox .column-group,
html.no-flexboxlegacy .column-group {
*zoom: 1;
}
html.no-flexbox .column-group:after,
html.no-flexboxlegacy .column-group:after {
content: "";
display: table;
clear: both;
}
html.no-flexbox .column-group.gutters,
html.no-flexboxlegacy .column-group.gutters {
margin-left: -1.75em;
}
html.no-flexbox .column-group.gutters > [class*=large-], html.no-flexbox .column-group.gutters > [class*=all-],
html.no-flexboxlegacy .column-group.gutters > [class*=large-],
html.no-flexboxlegacy .column-group.gutters > [class*=all-] {
padding-left: 1.75em;
margin-bottom: 1.75em;
}
html.no-flexbox .column-group.horizontal-gutters,
html.no-flexboxlegacy .column-group.horizontal-gutters {
margin-left: -1.75em;
}
html.no-flexbox .column-group.horizontal-gutters > [class*=large-], html.no-flexbox .column-group.horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.horizontal-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.horizontal-gutters > [class*=all-] {
padding-left: 1.75em;
}
html.no-flexbox .column-group.vertical-gutters > [class*=large-], html.no-flexbox .column-group.vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.vertical-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.vertical-gutters > [class*=all-] {
margin-bottom: 1.75em;
}
html.no-flexbox .column-group.double-gutters,
html.no-flexboxlegacy .column-group.double-gutters {
margin-left: -3.5em;
}
html.no-flexbox .column-group.double-gutters > [class*=large-], html.no-flexbox .column-group.double-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.double-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.double-gutters > [class*=all-] {
padding-left: 3.5em;
margin-bottom: 3.5em;
}
html.no-flexbox .column-group.double-horizontal-gutters,
html.no-flexboxlegacy .column-group.double-horizontal-gutters {
margin-left: -3.5em;
}
html.no-flexbox .column-group.double-horizontal-gutters > [class*=large-], html.no-flexbox .column-group.double-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.double-horizontal-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.double-horizontal-gutters > [class*=all-] {
padding-left: 3.5em;
}
html.no-flexbox .column-group.double-vertical-gutters > [class*=large-], html.no-flexbox .column-group.double-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.double-vertical-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.double-vertical-gutters > [class*=all-] {
margin-bottom: 3.5em;
}
html.no-flexbox .column-group.half-gutters,
html.no-flexboxlegacy .column-group.half-gutters {
margin-left: -0.875em;
}
html.no-flexbox .column-group.half-gutters > [class*=large-], html.no-flexbox .column-group.half-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.half-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.half-gutters > [class*=all-] {
padding-left: 0.875em;
margin-bottom: 0.875em;
}
html.no-flexbox .column-group.half-horizontal-gutters,
html.no-flexboxlegacy .column-group.half-horizontal-gutters {
margin-left: -0.875em;
}
html.no-flexbox .column-group.half-horizontal-gutters > [class*=large-], html.no-flexbox .column-group.half-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.half-horizontal-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.half-horizontal-gutters > [class*=all-] {
padding-left: 0.875em;
}
html.no-flexbox .column-group.half-vertical-gutters > [class*=large-], html.no-flexbox .column-group.half-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.half-vertical-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.half-vertical-gutters > [class*=all-] {
margin-bottom: 0.875em;
}
html.no-flexbox .column-group.quarter-gutters,
html.no-flexboxlegacy .column-group.quarter-gutters {
margin-left: -0.4375em;
}
html.no-flexbox .column-group.quarter-gutters > [class*=large-], html.no-flexbox .column-group.quarter-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.quarter-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.quarter-gutters > [class*=all-] {
padding-left: 0.4375em;
margin-bottom: 0.4375em;
}
html.no-flexbox .column-group.quarter-horizontal-gutters,
html.no-flexboxlegacy .column-group.quarter-horizontal-gutters {
margin-left: -0.4375em;
}
html.no-flexbox .column-group.quarter-horizontal-gutters > [class*=large-], html.no-flexbox .column-group.quarter-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.quarter-horizontal-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.quarter-horizontal-gutters > [class*=all-] {
padding-left: 0.4375em;
}
html.no-flexbox .column-group.quarter-vertical-gutters > [class*=large-], html.no-flexbox .column-group.quarter-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.quarter-vertical-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.quarter-vertical-gutters > [class*=all-] {
margin-bottom: 0.4375em;
}
html.no-flexbox .column-group.large-gutters,
html.no-flexboxlegacy .column-group.large-gutters {
margin-left: -1.75em;
}
html.no-flexbox .column-group.large-gutters > [class*=large-], html.no-flexbox .column-group.large-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-gutters > [class*=all-] {
padding-left: 1.75em;
margin-bottom: 1.75em;
}
html.no-flexbox .column-group.large-horizontal-gutters,
html.no-flexboxlegacy .column-group.large-horizontal-gutters {
margin-left: -1.75em;
}
html.no-flexbox .column-group.large-horizontal-gutters > [class*=large-], html.no-flexbox .column-group.large-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-horizontal-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-horizontal-gutters > [class*=all-] {
padding-left: 1.75em;
}
html.no-flexbox .column-group.large-vertical-gutters > [class*=large-], html.no-flexbox .column-group.large-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-vertical-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-vertical-gutters > [class*=all-] {
margin-bottom: 1.75em;
}
html.no-flexbox .column-group.large-double-gutters,
html.no-flexboxlegacy .column-group.large-double-gutters {
margin-left: -3.5em;
}
html.no-flexbox .column-group.large-double-gutters > [class*=large-], html.no-flexbox .column-group.large-double-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-double-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-double-gutters > [class*=all-] {
padding-left: 3.5em;
margin-bottom: 3.5em;
}
html.no-flexbox .column-group.large-double-horizontal-gutters,
html.no-flexboxlegacy .column-group.large-double-horizontal-gutters {
margin-left: -3.5em;
}
html.no-flexbox .column-group.large-double-horizontal-gutters > [class*=large-], html.no-flexbox .column-group.large-double-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-double-horizontal-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-double-horizontal-gutters > [class*=all-] {
padding-left: 3.5em;
}
html.no-flexbox .column-group.large-double-vertical-gutters > [class*=large-], html.no-flexbox .column-group.large-double-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-double-vertical-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-double-vertical-gutters > [class*=all-] {
margin-bottom: 3.5em;
}
html.no-flexbox .column-group.large-half-gutters,
html.no-flexboxlegacy .column-group.large-half-gutters {
margin-left: -0.875em;
}
html.no-flexbox .column-group.large-half-gutters > [class*=large-], html.no-flexbox .column-group.large-half-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-half-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-half-gutters > [class*=all-] {
padding-left: 0.875em;
margin-bottom: 0.875em;
}
html.no-flexbox .column-group.large-half-horizontal-gutters,
html.no-flexboxlegacy .column-group.large-half-horizontal-gutters {
margin-left: -0.875em;
}
html.no-flexbox .column-group.large-half-horizontal-gutters > [class*=large-], html.no-flexbox .column-group.large-half-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-half-horizontal-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-half-horizontal-gutters > [class*=all-] {
padding-left: 0.875em;
}
html.no-flexbox .column-group.large-half-vertical-gutters > [class*=large-], html.no-flexbox .column-group.large-half-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-half-vertical-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-half-vertical-gutters > [class*=all-] {
margin-bottom: 0.875em;
}
html.no-flexbox .column-group.large-quarter-gutters,
html.no-flexboxlegacy .column-group.large-quarter-gutters {
margin-left: -0.4375em;
}
html.no-flexbox .column-group.large-quarter-gutters > [class*=large-], html.no-flexbox .column-group.large-quarter-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-quarter-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-quarter-gutters > [class*=all-] {
padding-left: 0.4375em;
margin-bottom: 0.4375em;
}
html.no-flexbox .column-group.large-quarter-horizontal-gutters,
html.no-flexboxlegacy .column-group.large-quarter-horizontal-gutters {
margin-left: -0.4375em;
}
html.no-flexbox .column-group.large-quarter-horizontal-gutters > [class*=large-], html.no-flexbox .column-group.large-quarter-horizontal-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-quarter-horizontal-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-quarter-horizontal-gutters > [class*=all-] {
padding-left: 0.4375em;
}
html.no-flexbox .column-group.large-quarter-vertical-gutters > [class*=large-], html.no-flexbox .column-group.large-quarter-vertical-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-quarter-vertical-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-quarter-vertical-gutters > [class*=all-] {
margin-bottom: 0.4375em;
}
html.no-flexbox .column-group.large-no-gutters,
html.no-flexboxlegacy .column-group.large-no-gutters {
margin-left: 0;
}
html.no-flexbox .column-group.large-no-gutters > [class*=large-], html.no-flexbox .column-group.large-no-gutters > [class*=all-],
html.no-flexboxlegacy .column-group.large-no-gutters > [class*=large-],
html.no-flexboxlegacy .column-group.large-no-gutters > [class*=all-] {
padding-left: 0;
margin-bottom: 0;
}
html.no-flexbox .ink-table td[class*=large-], html.no-flexbox .ink-table th[class*=large-], html.no-flexbox .ink-table tr[class*=large-], html.no-flexbox .ink-table thead[class*=large-], html.no-flexbox .ink-table tbody[class*=large-], html.no-flexbox .ink-table tfoot[class*=large-],
html.no-flexboxlegacy .ink-table td[class*=large-],
html.no-flexboxlegacy .ink-table th[class*=large-],
html.no-flexboxlegacy .ink-table tr[class*=large-],
html.no-flexboxlegacy .ink-table thead[class*=large-],
html.no-flexboxlegacy .ink-table tbody[class*=large-],
html.no-flexboxlegacy .ink-table tfoot[class*=large-] {
float: none;
}
html.no-flexbox .large-push-left,
html.no-flexboxlegacy .large-push-left {
float: left;
}
html.no-flexbox .large-push-center,
html.no-flexboxlegacy .large-push-center {
float: none;
margin-left: auto;
margin-right: auto;
}
html.no-flexbox .large-push-right,
html.no-flexboxlegacy .large-push-right {
float: right;
}
html.no-flexbox .large-align-left,
html.no-flexboxlegacy .large-align-left {
text-align: left;
}
html.no-flexbox .large-align-center,
html.no-flexboxlegacy .large-align-center {
text-align: center;
}
html.no-flexbox .large-align-right,
html.no-flexboxlegacy .large-align-right {
text-align: right;
}
html.no-flexbox .large-no-margin,
html.no-flexboxlegacy .large-no-margin {
margin: 0 !important;
}
html.no-flexbox .space,
html.no-flexboxlegacy .space {
margin: 1.75em;
}
html.no-flexbox .large-space,
html.no-flexboxlegacy .large-space {
margin: 1.75em;
}
html.no-flexbox .padding,
html.no-flexboxlegacy .padding {
padding: 1.75em;
}
html.no-flexbox .large-padding,
html.no-flexboxlegacy .large-padding {
padding: 1.75em;
}
html.no-flexbox .double-space,
html.no-flexboxlegacy .double-space {
margin: 3.5em;
}
html.no-flexbox .large-double-space,
html.no-flexboxlegacy .large-double-space {
margin: 3.5em