|
|
Line 596: |
Line 596: |
| th.hide-for-medium-down { | | th.hide-for-medium-down { |
| display: table-cell !important; } } | | display: table-cell !important; } } |
- | /* X-Large Displays: 1400px and up */
| |
- | @media only screen and (min-width: 1440px) {
| |
- | .show-for-xlarge {
| |
- | display: inherit !important; }
| |
| | | |
- | .show-for-large,
| |
- | .show-for-large-down {
| |
- | display: none !important; }
| |
- |
| |
- | .hide-for-large,
| |
- | .hide-for-large-down {
| |
- | display: inherit !important; }
| |
- |
| |
- | .hide-for-xlarge {
| |
- | display: none !important; }
| |
- |
| |
- | /* Specific visilbity for tables */
| |
- | table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
| |
- | display: table; }
| |
- |
| |
- | thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
| |
- | display: table-header-group !important; }
| |
- |
| |
- | tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
| |
- | display: table-row-group !important; }
| |
- |
| |
- | tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
| |
- | display: table-row !important; }
| |
- |
| |
- | td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
| |
- | th.show-for-xlarge,
| |
- | th.hide-for-large,
| |
- | th.hide-for-large-down {
| |
- | display: table-cell !important; } }
| |
- | /* Orientation targeting */
| |
- | .show-for-landscape,
| |
- | .hide-for-portrait {
| |
- | display: inherit !important; }
| |
- |
| |
- | .hide-for-landscape,
| |
- | .show-for-portrait {
| |
- | display: none !important; }
| |
- |
| |
- | /* Specific visilbity for tables */
| |
- | table.hide-for-landscape, table.show-for-portrait {
| |
- | display: table; }
| |
- |
| |
- | thead.hide-for-landscape, thead.show-for-portrait {
| |
- | display: table-header-group !important; }
| |
- |
| |
- | tbody.hide-for-landscape, tbody.show-for-portrait {
| |
- | display: table-row-group !important; }
| |
- |
| |
- | tr.hide-for-landscape, tr.show-for-portrait {
| |
- | display: table-row !important; }
| |
- |
| |
- | td.hide-for-landscape, td.show-for-portrait,
| |
- | th.hide-for-landscape,
| |
- | th.show-for-portrait {
| |
- | display: table-cell !important; }
| |
- |
| |
- | @media only screen and (orientation: landscape) {
| |
- | .show-for-landscape,
| |
- | .hide-for-portrait {
| |
- | display: inherit !important; }
| |
- |
| |
- | .hide-for-landscape,
| |
- | .show-for-portrait {
| |
- | display: none !important; }
| |
- |
| |
- | /* Specific visilbity for tables */
| |
- | table.show-for-landscape, table.hide-for-portrait {
| |
- | display: table; }
| |
- |
| |
- | thead.show-for-landscape, thead.hide-for-portrait {
| |
- | display: table-header-group !important; }
| |
- |
| |
- | tbody.show-for-landscape, tbody.hide-for-portrait {
| |
- | display: table-row-group !important; }
| |
- |
| |
- | tr.show-for-landscape, tr.hide-for-portrait {
| |
- | display: table-row !important; }
| |
- |
| |
- | td.show-for-landscape, td.hide-for-portrait,
| |
- | th.show-for-landscape,
| |
- | th.hide-for-portrait {
| |
- | display: table-cell !important; } }
| |
- | @media only screen and (orientation: portrait) {
| |
- | .show-for-portrait,
| |
- | .hide-for-landscape {
| |
- | display: inherit !important; }
| |
- |
| |
- | .hide-for-portrait,
| |
- | .show-for-landscape {
| |
- | display: none !important; }
| |
- |
| |
- | /* Specific visilbity for tables */
| |
- | table.show-for-portrait, table.hide-for-landscape {
| |
- | display: table; }
| |
- |
| |
- | thead.show-for-portrait, thead.hide-for-landscape {
| |
- | display: table-header-group !important; }
| |
- |
| |
- | tbody.show-for-portrait, tbody.hide-for-landscape {
| |
- | display: table-row-group !important; }
| |
- |
| |
- | tr.show-for-portrait, tr.hide-for-landscape {
| |
- | display: table-row !important; }
| |
- |
| |
- | td.show-for-portrait, td.hide-for-landscape,
| |
- | th.show-for-portrait,
| |
- | th.hide-for-landscape {
| |
- | display: table-cell !important; } }
| |
- | /* Touch-enabled device targeting */
| |
- | .show-for-touch {
| |
- | display: none !important; }
| |
- |
| |
- | .hide-for-touch {
| |
- | display: inherit !important; }
| |
- |
| |
- | .touch .show-for-touch {
| |
- | display: inherit !important; }
| |
- |
| |
- | .touch .hide-for-touch {
| |
- | display: none !important; }
| |
- |
| |
- | /* Specific visilbity for tables */
| |
- | table.hide-for-touch {
| |
- | display: table; }
| |
- |
| |
- | .touch table.show-for-touch {
| |
- | display: table; }
| |
- |
| |
- | thead.hide-for-touch {
| |
- | display: table-header-group !important; }
| |
- |
| |
- | .touch thead.show-for-touch {
| |
- | display: table-header-group !important; }
| |
- |
| |
- | tbody.hide-for-touch {
| |
- | display: table-row-group !important; }
| |
- |
| |
- | .touch tbody.show-for-touch {
| |
- | display: table-row-group !important; }
| |
- |
| |
- | tr.hide-for-touch {
| |
- | display: table-row !important; }
| |
- |
| |
- | .touch tr.show-for-touch {
| |
- | display: table-row !important; }
| |
- |
| |
- | td.hide-for-touch {
| |
- | display: table-cell !important; }
| |
- |
| |
- | .touch td.show-for-touch {
| |
- | display: table-cell !important; }
| |
- |
| |
- | th.hide-for-touch {
| |
- | display: table-cell !important; }
| |
- |
| |
- | .touch th.show-for-touch {
| |
- | display: table-cell !important; }
| |
- |
| |
- | /* Foundation Block Grids for below small breakpoint */
| |
- | @media only screen {
| |
- | [class*="block-grid-"] {
| |
- | display: block;
| |
- | padding: 0;
| |
- | margin: 0 -0.625em;
| |
- | *zoom: 1; }
| |
- | [class*="block-grid-"]:before, [class*="block-grid-"]:after {
| |
- | content: " ";
| |
- | display: table; }
| |
- | [class*="block-grid-"]:after {
| |
- | clear: both; }
| |
- | [class*="block-grid-"] > li {
| |
- | display: inline;
| |
- | height: auto;
| |
- | float: left;
| |
- | padding: 0 0.625em 1.25em; }
| |
- |
| |
- | .small-block-grid-1 > li {
| |
- | width: 100%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-1 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-1 > li:nth-of-type(1n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-2 > li {
| |
- | width: 50%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-2 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-2 > li:nth-of-type(2n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-3 > li {
| |
- | width: 33.33333%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-3 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-3 > li:nth-of-type(3n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-4 > li {
| |
- | width: 25%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-4 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-4 > li:nth-of-type(4n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-5 > li {
| |
- | width: 20%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-5 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-5 > li:nth-of-type(5n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-6 > li {
| |
- | width: 16.66667%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-6 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-6 > li:nth-of-type(6n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-7 > li {
| |
- | width: 14.28571%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-7 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-7 > li:nth-of-type(7n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-8 > li {
| |
- | width: 12.5%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-8 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-8 > li:nth-of-type(8n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-9 > li {
| |
- | width: 11.11111%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-9 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-9 > li:nth-of-type(9n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-10 > li {
| |
- | width: 10%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-10 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-10 > li:nth-of-type(10n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-11 > li {
| |
- | width: 9.09091%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-11 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-11 > li:nth-of-type(11n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .small-block-grid-12 > li {
| |
- | width: 8.33333%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .small-block-grid-12 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .small-block-grid-12 > li:nth-of-type(12n+1) {
| |
- | clear: both; } }
| |
- | /* Foundation Block Grids for above small breakpoint */
| |
- | @media only screen and (min-width: 768px) {
| |
- | /* Remove small grid clearing */
| |
- | .small-block-grid-1 > li:nth-of-type(1n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-2 > li:nth-of-type(2n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-3 > li:nth-of-type(3n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-4 > li:nth-of-type(4n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-5 > li:nth-of-type(5n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-6 > li:nth-of-type(6n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-7 > li:nth-of-type(7n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-8 > li:nth-of-type(8n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-9 > li:nth-of-type(9n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-10 > li:nth-of-type(10n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-11 > li:nth-of-type(11n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .small-block-grid-12 > li:nth-of-type(12n+1) {
| |
- | clear: none; }
| |
- |
| |
- | .large-block-grid-1 > li {
| |
- | width: 100%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-1 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-1 > li:nth-of-type(1n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-2 > li {
| |
- | width: 50%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-2 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-2 > li:nth-of-type(2n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-3 > li {
| |
- | width: 33.33333%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-3 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-3 > li:nth-of-type(3n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-4 > li {
| |
- | width: 25%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-4 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-4 > li:nth-of-type(4n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-5 > li {
| |
- | width: 20%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-5 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-5 > li:nth-of-type(5n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-6 > li {
| |
- | width: 16.66667%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-6 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-6 > li:nth-of-type(6n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-7 > li {
| |
- | width: 14.28571%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-7 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-7 > li:nth-of-type(7n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-8 > li {
| |
- | width: 12.5%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-8 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-8 > li:nth-of-type(8n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-9 > li {
| |
- | width: 11.11111%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-9 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-9 > li:nth-of-type(9n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-10 > li {
| |
- | width: 10%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-10 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-10 > li:nth-of-type(10n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-11 > li {
| |
- | width: 9.09091%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-11 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-11 > li:nth-of-type(11n+1) {
| |
- | clear: both; }
| |
- |
| |
- | .large-block-grid-12 > li {
| |
- | width: 8.33333%;
| |
- | padding: 0 0.625em 1.25em; }
| |
- | .large-block-grid-12 > li:nth-of-type(n) {
| |
- | clear: none; }
| |
- | .large-block-grid-12 > li:nth-of-type(12n+1) {
| |
- | clear: both; } }
| |
| p.lead { | | p.lead { |
| font-size: 1.21875em; | | font-size: 1.21875em; |