/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/* Welcome to Compass. Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* */
/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/*doc
---
title: Files
name: files
category: Files
These are the common files we use in our framework.
*/
/*doc
---
title: global-imports.scss
name: global-imports.scss
category: Files
---
This is a centralized import file that covers the main libraries and component files. you should import this into any new standalone .css
These are the files that need to be on each stand alone stylesheet, this is the basis of our framework
*/
/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/*doc
---
title: variables.scss
name: variables.scss
category: Files
---
Variables.scss contain color values, fonts, font-sizes and padding options you should use instead of setting those yourself.
For example: instead of using `font-size: 22px` you should instead use `font-size: $txt-size-xxlarge` this way we can adjust the sizes in one place rather than all over the stylesheets.
*/
/*------------------------------------*\
COLORS
\*------------------------------------*/
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px, ... */
/*doc
---
title: Setting basic defaults
name: defaults
category: Theming
---
Variables.scss contain color values, fonts, font-sizes, grid values etc.... that you can use to create your own themes for other journals.
#Units
We are assuming that pixel values will be converted to pixels using the rem-calc function from the foundation framework from zurb - http:foundation.zurb.com/ - if not using foundation you can change these values to use the units of your choice. you will have to go through the scss code to remove the rem-calc function.
*/
/*doc
---
title: Reusable Variables
name: reusable_variables
category: utilities
---
Use variables rather than setting the values yourself.
Unfortunately it's impractical to list them all here but I'll provide a few highlights:
option | result
--------------- | -----------------
`$border-radius-default`| our default border-radius
`$border-radius-large` | our larger border-radius
`$default-box-shadow` | our default box shadow (you can also `@include box-shadow()`);
`$pad-xsmall`| 5px
`$pad-small`| 10px
`$pad-notsmall`| 15px
`$pad-default`| 20px
`$pad-medium`| 30px
`$pad-large`| 40px
`$font-face-fancy`| Open Sans font
`$font-face-plain` | arial font
`$clr-brand`| sets the journal color
`$clr-highlight`| sets the plos-default color
*/
/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/*doc
---
title: variables.scss
name: variables.scss
category: Files
---
Variables.scss contain color values, fonts, font-sizes and padding options you should use instead of setting those yourself.
For example: instead of using `font-size: 22px` you should instead use `font-size: $txt-size-xxlarge` this way we can adjust the sizes in one place rather than all over the stylesheets.
*/
/*------------------------------------*\
COLORS
\*------------------------------------*/
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px, ... */
/*doc
---
title: Setting basic defaults
name: defaults
category: Theming
---
Variables.scss contain color values, fonts, font-sizes, grid values etc.... that you can use to create your own themes for other journals.
#Units
We are assuming that pixel values will be converted to pixels using the rem-calc function from the foundation framework from zurb - http:foundation.zurb.com/ - if not using foundation you can change these values to use the units of your choice. you will have to go through the scss code to remove the rem-calc function.
*/
/*doc
---
title: Reusable Variables
name: reusable_variables
category: utilities
---
Use variables rather than setting the values yourself.
Unfortunately it's impractical to list them all here but I'll provide a few highlights:
option | result
--------------- | -----------------
`$border-radius-default`| our default border-radius
`$border-radius-large` | our larger border-radius
`$default-box-shadow` | our default box shadow (you can also `@include box-shadow()`);
`$pad-xsmall`| 5px
`$pad-small`| 10px
`$pad-notsmall`| 15px
`$pad-default`| 20px
`$pad-medium`| 30px
`$pad-large`| 40px
`$font-face-fancy`| Open Sans font
`$font-face-plain` | arial font
`$clr-brand`| sets the journal color
`$clr-highlight`| sets the plos-default color
*/
/* line 429, sass/vendor/foundation/components/_global.scss */
meta.foundation-version {
font-family: "/5.5.3/"; }
/* line 433, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0em; }
/* line 438, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 90em)/";
width: 0em; }
/* line 443, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:0em)/";
width: 0em; }
/* line 448, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:0em) and (max-width:90em)/";
width: 0em; }
/* line 453, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em; }
/* line 458, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
width: 64.063em; }
/* line 463, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em; }
/* line 468, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
width: 90.063em; }
/* line 473, sass/vendor/foundation/components/_global.scss */
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em; }
/* line 478, sass/vendor/foundation/components/_global.scss */
meta.foundation-data-attribute-namespace {
font-family: false; }
/* line 487, sass/vendor/foundation/components/_global.scss */
html, body {
height: 100%; }
/* line 490, sass/vendor/foundation/components/_global.scss */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/* line 496, sass/vendor/foundation/components/_global.scss */
html, body {
font-size: 100%; }
/* line 500, sass/vendor/foundation/components/_global.scss */
body {
background: #fff;
color: #333;
cursor: auto;
font-family: "arial";
font-style: normal;
font-weight: normal;
line-height: 120%;
margin: 0;
padding: 0;
position: relative; }
/* line 513, sass/vendor/foundation/components/_global.scss */
a:hover {
cursor: pointer; }
/* line 516, sass/vendor/foundation/components/_global.scss */
img {
max-width: 100%;
height: auto; }
/* line 518, sass/vendor/foundation/components/_global.scss */
img {
-ms-interpolation-mode: bicubic; }
/* line 523, sass/vendor/foundation/components/_global.scss */
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
/* line 530, sass/vendor/foundation/components/_global.scss */
.left {
float: left !important; }
/* line 531, sass/vendor/foundation/components/_global.scss */
.right {
float: right !important; }
/* line 237, sass/vendor/foundation/components/_global.scss */
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
/* line 238, sass/vendor/foundation/components/_global.scss */
.clearfix:after {
clear: both; }
/* line 535, sass/vendor/foundation/components/_global.scss */
.hide {
display: none; }
/* line 540, sass/vendor/foundation/components/_global.scss */
.invisible {
visibility: hidden; }
/* line 546, sass/vendor/foundation/components/_global.scss */
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* line 549, sass/vendor/foundation/components/_global.scss */
img {
display: inline-block;
vertical-align: middle; }
/* line 559, sass/vendor/foundation/components/_global.scss */
textarea {
height: auto;
min-height: 50px; }
/* line 562, sass/vendor/foundation/components/_global.scss */
select {
width: 100%; }
/* line 107, sass/vendor/foundation/components/_block-grid.scss */
[class*="block-grid-"] {
display: block;
padding: 0;
margin: 0; }
/* line 237, sass/vendor/foundation/components/_global.scss */
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
content: " ";
display: table; }
/* line 238, sass/vendor/foundation/components/_global.scss */
[class*="block-grid-"]:after {
clear: both; }
/* line 51, sass/vendor/foundation/components/_block-grid.scss */
[class*="block-grid-"] > li {
display: block;
float: left;
height: auto;
padding: 0 10px 20px; }
@media only screen {
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-1 > li {
list-style: none;
width: 100%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-1 > li:nth-of-type(1n) {
padding-left: 0px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-2 > li {
list-style: none;
width: 50%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-2 > li:nth-of-type(2n+1) {
padding-left: 0px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-2 > li:nth-of-type(2n) {
padding-left: 10px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-3 > li:nth-of-type(3n+1) {
padding-left: 0px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-3 > li:nth-of-type(3n+2) {
padding-left: 6.66667px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-3 > li:nth-of-type(3n) {
padding-left: 13.33333px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-4 > li {
list-style: none;
width: 25%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-4 > li:nth-of-type(4n+1) {
padding-left: 0px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-4 > li:nth-of-type(4n+2) {
padding-left: 5px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-4 > li:nth-of-type(4n+3) {
padding-left: 10px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-4 > li:nth-of-type(4n) {
padding-left: 15px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-5 > li {
list-style: none;
width: 20%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(5n+1) {
padding-left: 0px;
padding-right: 16px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(5n+2) {
padding-left: 4px;
padding-right: 12px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(5n+3) {
padding-left: 8px;
padding-right: 8px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(5n+4) {
padding-left: 12px;
padding-right: 4px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-5 > li:nth-of-type(5n) {
padding-left: 16px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(6n+1) {
padding-left: 0px;
padding-right: 16.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(6n+2) {
padding-left: 3.33333px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(6n+3) {
padding-left: 6.66667px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(6n+4) {
padding-left: 10px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(6n+5) {
padding-left: 13.33333px;
padding-right: 3.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-6 > li:nth-of-type(6n) {
padding-left: 16.66667px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n+1) {
padding-left: 0px;
padding-right: 17.14286px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n+2) {
padding-left: 2.85714px;
padding-right: 14.28571px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n+3) {
padding-left: 5.71429px;
padding-right: 11.42857px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n+4) {
padding-left: 8.57143px;
padding-right: 8.57143px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n+5) {
padding-left: 11.42857px;
padding-right: 5.71429px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n+6) {
padding-left: 14.28571px;
padding-right: 2.85714px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-7 > li:nth-of-type(7n) {
padding-left: 17.14286px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li {
list-style: none;
width: 12.5%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+1) {
padding-left: 0px;
padding-right: 17.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+2) {
padding-left: 2.5px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+3) {
padding-left: 5px;
padding-right: 12.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+4) {
padding-left: 7.5px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+5) {
padding-left: 10px;
padding-right: 7.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+6) {
padding-left: 12.5px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n+7) {
padding-left: 15px;
padding-right: 2.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-8 > li:nth-of-type(8n) {
padding-left: 17.5px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+1) {
padding-left: 0px;
padding-right: 17.77778px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+2) {
padding-left: 2.22222px;
padding-right: 15.55556px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+3) {
padding-left: 4.44444px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+4) {
padding-left: 6.66667px;
padding-right: 11.11111px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+5) {
padding-left: 8.88889px;
padding-right: 8.88889px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+6) {
padding-left: 11.11111px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+7) {
padding-left: 13.33333px;
padding-right: 4.44444px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n+8) {
padding-left: 15.55556px;
padding-right: 2.22222px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-9 > li:nth-of-type(9n) {
padding-left: 17.77778px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li {
list-style: none;
width: 10%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+1) {
padding-left: 0px;
padding-right: 18px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+2) {
padding-left: 2px;
padding-right: 16px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+3) {
padding-left: 4px;
padding-right: 14px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+4) {
padding-left: 6px;
padding-right: 12px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+5) {
padding-left: 8px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+6) {
padding-left: 10px;
padding-right: 8px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+7) {
padding-left: 12px;
padding-right: 6px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+8) {
padding-left: 14px;
padding-right: 4px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n+9) {
padding-left: 16px;
padding-right: 2px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-10 > li:nth-of-type(10n) {
padding-left: 18px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+1) {
padding-left: 0px;
padding-right: 18.18182px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+2) {
padding-left: 1.81818px;
padding-right: 16.36364px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+3) {
padding-left: 3.63636px;
padding-right: 14.54545px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+4) {
padding-left: 5.45455px;
padding-right: 12.72727px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+5) {
padding-left: 7.27273px;
padding-right: 10.90909px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+6) {
padding-left: 9.09091px;
padding-right: 9.09091px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+7) {
padding-left: 10.90909px;
padding-right: 7.27273px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+8) {
padding-left: 12.72727px;
padding-right: 5.45455px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+9) {
padding-left: 14.54545px;
padding-right: 3.63636px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n+10) {
padding-left: 16.36364px;
padding-right: 1.81818px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-11 > li:nth-of-type(11n) {
padding-left: 18.18182px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+1) {
padding-left: 0px;
padding-right: 18.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+2) {
padding-left: 1.66667px;
padding-right: 16.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+3) {
padding-left: 3.33333px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+4) {
padding-left: 5px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+5) {
padding-left: 6.66667px;
padding-right: 11.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+6) {
padding-left: 8.33333px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+7) {
padding-left: 10px;
padding-right: 8.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+8) {
padding-left: 11.66667px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+9) {
padding-left: 13.33333px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+10) {
padding-left: 15px;
padding-right: 3.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n+11) {
padding-left: 16.66667px;
padding-right: 1.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.small-block-grid-12 > li:nth-of-type(12n) {
padding-left: 18.33333px;
padding-right: 0px; } }
@media only screen and (min-width: 0em) {
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-1 > li {
list-style: none;
width: 100%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-1 > li:nth-of-type(1n) {
padding-left: 0px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-2 > li {
list-style: none;
width: 50%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-2 > li:nth-of-type(2n+1) {
padding-left: 0px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-2 > li:nth-of-type(2n) {
padding-left: 10px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li:nth-of-type(3n+1) {
padding-left: 0px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li:nth-of-type(3n+2) {
padding-left: 6.66667px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-3 > li:nth-of-type(3n) {
padding-left: 13.33333px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li {
list-style: none;
width: 25%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li:nth-of-type(4n+1) {
padding-left: 0px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li:nth-of-type(4n+2) {
padding-left: 5px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li:nth-of-type(4n+3) {
padding-left: 10px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-4 > li:nth-of-type(4n) {
padding-left: 15px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li {
list-style: none;
width: 20%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(5n+1) {
padding-left: 0px;
padding-right: 16px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(5n+2) {
padding-left: 4px;
padding-right: 12px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(5n+3) {
padding-left: 8px;
padding-right: 8px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(5n+4) {
padding-left: 12px;
padding-right: 4px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-5 > li:nth-of-type(5n) {
padding-left: 16px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(6n+1) {
padding-left: 0px;
padding-right: 16.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(6n+2) {
padding-left: 3.33333px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(6n+3) {
padding-left: 6.66667px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(6n+4) {
padding-left: 10px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(6n+5) {
padding-left: 13.33333px;
padding-right: 3.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-6 > li:nth-of-type(6n) {
padding-left: 16.66667px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n+1) {
padding-left: 0px;
padding-right: 17.14286px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n+2) {
padding-left: 2.85714px;
padding-right: 14.28571px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n+3) {
padding-left: 5.71429px;
padding-right: 11.42857px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n+4) {
padding-left: 8.57143px;
padding-right: 8.57143px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n+5) {
padding-left: 11.42857px;
padding-right: 5.71429px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n+6) {
padding-left: 14.28571px;
padding-right: 2.85714px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-7 > li:nth-of-type(7n) {
padding-left: 17.14286px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li {
list-style: none;
width: 12.5%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+1) {
padding-left: 0px;
padding-right: 17.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+2) {
padding-left: 2.5px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+3) {
padding-left: 5px;
padding-right: 12.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+4) {
padding-left: 7.5px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+5) {
padding-left: 10px;
padding-right: 7.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+6) {
padding-left: 12.5px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n+7) {
padding-left: 15px;
padding-right: 2.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-8 > li:nth-of-type(8n) {
padding-left: 17.5px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+1) {
padding-left: 0px;
padding-right: 17.77778px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+2) {
padding-left: 2.22222px;
padding-right: 15.55556px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+3) {
padding-left: 4.44444px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+4) {
padding-left: 6.66667px;
padding-right: 11.11111px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+5) {
padding-left: 8.88889px;
padding-right: 8.88889px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+6) {
padding-left: 11.11111px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+7) {
padding-left: 13.33333px;
padding-right: 4.44444px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n+8) {
padding-left: 15.55556px;
padding-right: 2.22222px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-9 > li:nth-of-type(9n) {
padding-left: 17.77778px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li {
list-style: none;
width: 10%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+1) {
padding-left: 0px;
padding-right: 18px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+2) {
padding-left: 2px;
padding-right: 16px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+3) {
padding-left: 4px;
padding-right: 14px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+4) {
padding-left: 6px;
padding-right: 12px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+5) {
padding-left: 8px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+6) {
padding-left: 10px;
padding-right: 8px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+7) {
padding-left: 12px;
padding-right: 6px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+8) {
padding-left: 14px;
padding-right: 4px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n+9) {
padding-left: 16px;
padding-right: 2px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-10 > li:nth-of-type(10n) {
padding-left: 18px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+1) {
padding-left: 0px;
padding-right: 18.18182px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+2) {
padding-left: 1.81818px;
padding-right: 16.36364px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+3) {
padding-left: 3.63636px;
padding-right: 14.54545px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+4) {
padding-left: 5.45455px;
padding-right: 12.72727px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+5) {
padding-left: 7.27273px;
padding-right: 10.90909px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+6) {
padding-left: 9.09091px;
padding-right: 9.09091px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+7) {
padding-left: 10.90909px;
padding-right: 7.27273px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+8) {
padding-left: 12.72727px;
padding-right: 5.45455px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+9) {
padding-left: 14.54545px;
padding-right: 3.63636px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n+10) {
padding-left: 16.36364px;
padding-right: 1.81818px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-11 > li:nth-of-type(11n) {
padding-left: 18.18182px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+1) {
padding-left: 0px;
padding-right: 18.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+2) {
padding-left: 1.66667px;
padding-right: 16.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+3) {
padding-left: 3.33333px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+4) {
padding-left: 5px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+5) {
padding-left: 6.66667px;
padding-right: 11.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+6) {
padding-left: 8.33333px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+7) {
padding-left: 10px;
padding-right: 8.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+8) {
padding-left: 11.66667px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+9) {
padding-left: 13.33333px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+10) {
padding-left: 15px;
padding-right: 3.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n+11) {
padding-left: 16.66667px;
padding-right: 1.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.medium-block-grid-12 > li:nth-of-type(12n) {
padding-left: 18.33333px;
padding-right: 0px; } }
@media only screen and (min-width: 64.063em) {
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-1 > li {
list-style: none;
width: 100%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-1 > li:nth-of-type(1n) {
padding-left: 0px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-2 > li {
list-style: none;
width: 50%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-2 > li:nth-of-type(2n+1) {
padding-left: 0px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-2 > li:nth-of-type(2n) {
padding-left: 10px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-3 > li {
list-style: none;
width: 33.33333%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-3 > li:nth-of-type(3n+1) {
padding-left: 0px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-3 > li:nth-of-type(3n+2) {
padding-left: 6.66667px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-3 > li:nth-of-type(3n) {
padding-left: 13.33333px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-4 > li {
list-style: none;
width: 25%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-4 > li:nth-of-type(4n+1) {
padding-left: 0px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-4 > li:nth-of-type(4n+2) {
padding-left: 5px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-4 > li:nth-of-type(4n+3) {
padding-left: 10px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-4 > li:nth-of-type(4n) {
padding-left: 15px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-5 > li {
list-style: none;
width: 20%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(5n+1) {
padding-left: 0px;
padding-right: 16px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(5n+2) {
padding-left: 4px;
padding-right: 12px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(5n+3) {
padding-left: 8px;
padding-right: 8px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(5n+4) {
padding-left: 12px;
padding-right: 4px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-5 > li:nth-of-type(5n) {
padding-left: 16px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li {
list-style: none;
width: 16.66667%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(6n+1) {
padding-left: 0px;
padding-right: 16.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(6n+2) {
padding-left: 3.33333px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(6n+3) {
padding-left: 6.66667px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(6n+4) {
padding-left: 10px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(6n+5) {
padding-left: 13.33333px;
padding-right: 3.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-6 > li:nth-of-type(6n) {
padding-left: 16.66667px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li {
list-style: none;
width: 14.28571%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n+1) {
padding-left: 0px;
padding-right: 17.14286px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n+2) {
padding-left: 2.85714px;
padding-right: 14.28571px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n+3) {
padding-left: 5.71429px;
padding-right: 11.42857px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n+4) {
padding-left: 8.57143px;
padding-right: 8.57143px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n+5) {
padding-left: 11.42857px;
padding-right: 5.71429px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n+6) {
padding-left: 14.28571px;
padding-right: 2.85714px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-7 > li:nth-of-type(7n) {
padding-left: 17.14286px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li {
list-style: none;
width: 12.5%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+1) {
padding-left: 0px;
padding-right: 17.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+2) {
padding-left: 2.5px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+3) {
padding-left: 5px;
padding-right: 12.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+4) {
padding-left: 7.5px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+5) {
padding-left: 10px;
padding-right: 7.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+6) {
padding-left: 12.5px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n+7) {
padding-left: 15px;
padding-right: 2.5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-8 > li:nth-of-type(8n) {
padding-left: 17.5px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li {
list-style: none;
width: 11.11111%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+1) {
padding-left: 0px;
padding-right: 17.77778px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+2) {
padding-left: 2.22222px;
padding-right: 15.55556px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+3) {
padding-left: 4.44444px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+4) {
padding-left: 6.66667px;
padding-right: 11.11111px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+5) {
padding-left: 8.88889px;
padding-right: 8.88889px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+6) {
padding-left: 11.11111px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+7) {
padding-left: 13.33333px;
padding-right: 4.44444px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n+8) {
padding-left: 15.55556px;
padding-right: 2.22222px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-9 > li:nth-of-type(9n) {
padding-left: 17.77778px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li {
list-style: none;
width: 10%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+1) {
padding-left: 0px;
padding-right: 18px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+2) {
padding-left: 2px;
padding-right: 16px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+3) {
padding-left: 4px;
padding-right: 14px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+4) {
padding-left: 6px;
padding-right: 12px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+5) {
padding-left: 8px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+6) {
padding-left: 10px;
padding-right: 8px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+7) {
padding-left: 12px;
padding-right: 6px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+8) {
padding-left: 14px;
padding-right: 4px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n+9) {
padding-left: 16px;
padding-right: 2px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-10 > li:nth-of-type(10n) {
padding-left: 18px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li {
list-style: none;
width: 9.09091%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+1) {
padding-left: 0px;
padding-right: 18.18182px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+2) {
padding-left: 1.81818px;
padding-right: 16.36364px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+3) {
padding-left: 3.63636px;
padding-right: 14.54545px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+4) {
padding-left: 5.45455px;
padding-right: 12.72727px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+5) {
padding-left: 7.27273px;
padding-right: 10.90909px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+6) {
padding-left: 9.09091px;
padding-right: 9.09091px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+7) {
padding-left: 10.90909px;
padding-right: 7.27273px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+8) {
padding-left: 12.72727px;
padding-right: 5.45455px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+9) {
padding-left: 14.54545px;
padding-right: 3.63636px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n+10) {
padding-left: 16.36364px;
padding-right: 1.81818px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-11 > li:nth-of-type(11n) {
padding-left: 18.18182px;
padding-right: 0px; }
/* line 62, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li {
list-style: none;
width: 8.33333%; }
/* line 69, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none; }
/* line 70, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+1) {
padding-left: 0px;
padding-right: 18.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+2) {
padding-left: 1.66667px;
padding-right: 16.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+3) {
padding-left: 3.33333px;
padding-right: 15px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+4) {
padding-left: 5px;
padding-right: 13.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+5) {
padding-left: 6.66667px;
padding-right: 11.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+6) {
padding-left: 8.33333px;
padding-right: 10px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+7) {
padding-left: 10px;
padding-right: 8.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+8) {
padding-left: 11.66667px;
padding-right: 6.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+9) {
padding-left: 13.33333px;
padding-right: 5px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+10) {
padding-left: 15px;
padding-right: 3.33333px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n+11) {
padding-left: 16.66667px;
padding-right: 1.66667px; }
/* line 85, sass/vendor/foundation/components/_block-grid.scss */
.large-block-grid-12 > li:nth-of-type(12n) {
padding-left: 18.33333px;
padding-right: 0px; } }
/* line 347, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar {
display: inline-block;
font-size: 0;
width: 100%;
background: #333333; }
/* line 45, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * {
display: block;
float: left;
font-size: 1rem;
margin: 0 auto;
padding: 1.25rem;
text-align: center;
width: 25%; }
/* line 54, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * i, .icon-bar > * img {
display: block;
margin: 0 auto; }
/* line 58, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * i + label, .icon-bar > * img + label {
margin-top: .0625rem; }
/* line 63, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * i {
font-size: 1.875rem;
vertical-align: middle; }
/* line 68, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * img {
height: 1.875rem;
width: 1.875rem; }
/* line 76, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.label-right > * i, .icon-bar.label-right > * img {
display: inline-block;
margin: 0 .0625rem 0 0; }
/* line 80, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
margin-top: 0; }
/* line 85, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.label-right > * label {
display: inline-block; }
/* line 88, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.vertical.label-right > * {
text-align: left; }
/* line 92, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.vertical, .icon-bar.small-vertical {
height: 100%;
width: auto; }
/* line 96, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.vertical .item, .icon-bar.small-vertical .item {
float: none;
margin: auto;
width: auto; }
@media only screen and (min-width: 0em) {
/* line 103, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.medium-vertical {
height: 100%;
width: auto; }
/* line 108, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.medium-vertical .item {
float: none;
margin: auto;
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 115, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.large-vertical {
height: 100%;
width: auto; }
/* line 120, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.large-vertical .item {
float: none;
margin: auto;
width: auto; } }
/* line 137, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * {
font-size: 1rem;
padding: 1.25rem; }
/* line 143, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * i + label, .icon-bar > * img + label {
margin-top: .0625rem;
font-size: 1rem; }
/* line 149, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * i {
font-size: 1.875rem; }
/* line 153, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * img {
height: 1.875rem;
width: 1.875rem; }
/* line 177, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * label {
color: #fff; }
/* line 179, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > * i {
color: #fff; }
/* line 182, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > a:hover {
background: #3c63af; }
/* line 186, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > a:hover label {
color: #fff; }
/* line 188, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > a:hover i {
color: #fff; }
/* line 191, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > a.active {
background: #3c63af; }
/* line 195, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > a.active label {
color: #fff; }
/* line 197, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar > a.active i {
color: #fff; }
/* line 201, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar .item.disabled {
cursor: not-allowed;
opacity: 0.7;
pointer-events: none; }
/* line 205, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar .item.disabled > * {
opacity: 0.7;
cursor: not-allowed; }
/* line 246, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.two-up .item {
width: 50%; }
/* line 247, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 248, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.two-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 253, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.two-up.large-vertical .item {
width: auto; } }
/* line 260, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.three-up .item {
width: 33.3333%; }
/* line 261, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 262, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.three-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 267, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.three-up.large-vertical .item {
width: auto; } }
/* line 274, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.four-up .item {
width: 25%; }
/* line 275, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 276, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.four-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 281, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.four-up.large-vertical .item {
width: auto; } }
/* line 288, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.five-up .item {
width: 20%; }
/* line 289, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 290, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.five-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 295, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.five-up.large-vertical .item {
width: auto; } }
/* line 302, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.six-up .item {
width: 16.66667%; }
/* line 303, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 304, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.six-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 309, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.six-up.large-vertical .item {
width: auto; } }
/* line 316, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.seven-up .item {
width: 14.28571%; }
/* line 317, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 318, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.seven-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 323, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.seven-up.large-vertical .item {
width: auto; } }
/* line 330, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.eight-up .item {
width: 12.5%; }
/* line 331, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 332, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.eight-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 337, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.eight-up.large-vertical .item {
width: auto; } }
/* line 362, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.two-up .item {
width: 50%; }
/* line 363, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 364, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.two-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 369, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.two-up.large-vertical .item {
width: auto; } }
/* line 376, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.three-up .item {
width: 33.3333%; }
/* line 377, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 378, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.three-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 383, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.three-up.large-vertical .item {
width: auto; } }
/* line 390, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.four-up .item {
width: 25%; }
/* line 391, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 392, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.four-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 397, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.four-up.large-vertical .item {
width: auto; } }
/* line 404, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.five-up .item {
width: 20%; }
/* line 405, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 406, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.five-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 411, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.five-up.large-vertical .item {
width: auto; } }
/* line 418, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.six-up .item {
width: 16.66667%; }
/* line 419, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 420, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.six-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 425, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.six-up.large-vertical .item {
width: auto; } }
/* line 432, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.seven-up .item {
width: 14.28571%; }
/* line 433, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 434, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.seven-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 439, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.seven-up.large-vertical .item {
width: auto; } }
/* line 446, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.eight-up .item {
width: 12.5%; }
/* line 447, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
width: auto; }
@media only screen and (min-width: 0em) {
/* line 448, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.eight-up.medium-vertical .item {
width: auto; } }
@media only screen and (min-width: 64.063em) {
/* line 453, sass/vendor/foundation/components/_icon-bar.scss */
.icon-bar.eight-up.large-vertical .item {
width: auto; } }
/* line 54, sass/vendor/foundation/components/_inline-lists.scss */
.inline-list {
list-style: none;
margin-top: 0;
margin-bottom: 1.0625rem;
margin-left: -1.375rem;
margin-right: 0;
overflow: hidden;
padding: 0; }
/* line 43, sass/vendor/foundation/components/_inline-lists.scss */
.inline-list > li {
display: block;
float: left;
list-style: none;
margin-left: 1.375rem; }
/* line 48, sass/vendor/foundation/components/_inline-lists.scss */
.inline-list > li > * {
display: block; }
/* line 91, sass/vendor/foundation/components/_labels.scss */
.label {
display: inline-block;
font-family: "arial";
font-weight: normal;
line-height: 1;
margin-bottom: auto;
position: relative;
text-align: center;
text-decoration: none;
white-space: nowrap;
padding: 0.25rem 0.5rem 0.25rem;
font-size: 0.6875rem;
background-color: #3c63af;
color: #fff; }
/* line 96, sass/vendor/foundation/components/_labels.scss */
.label.radius {
border-radius: 5px; }
/* line 97, sass/vendor/foundation/components/_labels.scss */
.label.round {
border-radius: 1000px; }
/* line 99, sass/vendor/foundation/components/_labels.scss */
.label.alert {
background-color: #e53350;
color: #fff; }
/* line 100, sass/vendor/foundation/components/_labels.scss */
.label.warning {
background-color: #e53350;
color: #fff; }
/* line 101, sass/vendor/foundation/components/_labels.scss */
.label.success {
background-color: #16a127;
color: #fff; }
/* line 102, sass/vendor/foundation/components/_labels.scss */
.label.secondary {
background-color: #333;
color: #fff; }
/* line 103, sass/vendor/foundation/components/_labels.scss */
.label.info {
background-color: #16a127;
color: #fff; }
/* line 131, sass/vendor/foundation/components/_range-slider.scss */
.range-slider {
border: 1px solid #DDDDDD;
margin: 1.25rem 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
display: block;
height: 1rem;
width: 100%;
background: #FAFAFA; }
/* line 134, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.vertical-range {
border: 1px solid #DDDDDD;
margin: 1.25rem 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
display: inline-block;
height: 12.5rem;
width: 1rem; }
/* line 136, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.vertical-range .range-slider-handle {
bottom: -10.5rem;
margin-left: -0.5rem;
margin-top: 0;
position: absolute; }
/* line 142, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.vertical-range .range-slider-active-segment {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-top-left-radius: initial;
bottom: 0;
height: auto;
width: 0.875rem; }
/* line 151, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.radius {
background: #FAFAFA;
border-radius: 5px; }
/* line 153, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.radius .range-slider-handle {
background: #3c63af;
border-radius: 5px; }
/* line 118, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.radius .range-slider-handle:hover {
background: #35579a; }
/* line 155, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.round {
background: #FAFAFA;
border-radius: 1000px; }
/* line 157, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.round .range-slider-handle {
background: #3c63af;
border-radius: 1000px; }
/* line 118, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.round .range-slider-handle:hover {
background: #35579a; }
/* line 159, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.disabled, .range-slider[disabled] {
background: #FAFAFA;
cursor: not-allowed;
opacity: 0.7; }
/* line 161, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
background: #3c63af;
cursor: default;
opacity: 0.7; }
/* line 118, sass/vendor/foundation/components/_range-slider.scss */
.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
background: #35579a; }
/* line 164, sass/vendor/foundation/components/_range-slider.scss */
.range-slider-active-segment {
background: #323232;
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
display: inline-block;
height: 0.875rem;
position: absolute; }
/* line 172, sass/vendor/foundation/components/_range-slider.scss */
.range-slider-handle {
border: 1px solid none;
cursor: pointer;
display: inline-block;
height: 1.375rem;
position: absolute;
top: -0.3125rem;
width: 2rem;
z-index: 1;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #3c63af; }
/* line 118, sass/vendor/foundation/components/_range-slider.scss */
.range-slider-handle:hover {
background: #35579a; }
/* line 173, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal-bg {
background: #000;
background: rgba(0, 0, 0, 0.45);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1004;
left: 0; }
/* line 175, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal {
border-radius: 5px;
display: none;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: 1005;
left: 0;
background-color: #fff;
padding: 0;
border: solid 0 #666666;
box-shadow: 0; }
@media only screen and (max-width: 90em) {
/* line 175, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal {
min-height: 100vh; } }
/* line 89, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal .column, .reveal-modal .columns {
min-width: 0; }
/* line 92, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal > :first-child {
margin-top: 0; }
/* line 94, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal > :last-child {
margin-bottom: 0; }
@media only screen and (min-width: 0em) {
/* line 175, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal {
left: 0;
margin: 0 auto;
max-width: 61.25rem;
right: 0;
width: 100%; } }
@media only screen and (min-width: 0em) {
/* line 175, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal {
top: 0; } }
/* line 186, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.radius {
box-shadow: none;
border-radius: 5px; }
/* line 187, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.round {
box-shadow: none;
border-radius: 1000px; }
/* line 188, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.collapse {
padding: 0;
box-shadow: none; }
@media only screen and (min-width: 0em) {
/* line 189, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.tiny {
left: 0;
margin: 0 auto;
max-width: 61.25rem;
right: 0;
width: 30%; } }
@media only screen and (min-width: 0em) {
/* line 190, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.small {
left: 0;
margin: 0 auto;
max-width: 61.25rem;
right: 0;
width: 40%; } }
@media only screen and (min-width: 0em) {
/* line 191, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.medium {
left: 0;
margin: 0 auto;
max-width: 61.25rem;
right: 0;
width: 60%; } }
@media only screen and (min-width: 0em) {
/* line 192, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.large {
left: 0;
margin: 0 auto;
max-width: 61.25rem;
right: 0;
width: 70%; } }
@media only screen and (min-width: 0em) {
/* line 193, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.xlarge {
left: 0;
margin: 0 auto;
max-width: 61.25rem;
right: 0;
width: 95%; } }
/* line 194, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.full {
height: 100vh;
height: 100%;
left: 0;
margin-left: 0 !important;
max-width: none !important;
min-height: 100vh;
top: 0; }
@media only screen and (min-width: 0em) {
/* line 194, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.full {
left: 0;
margin: 0 auto;
max-width: 61.25rem;
right: 0;
width: 100%; } }
/* line 206, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal.toback {
z-index: 1003; }
/* line 210, sass/vendor/foundation/components/_reveal.scss */
.reveal-modal .close-reveal-modal {
color: #AAAAAA;
cursor: pointer;
font-size: 2.5rem;
font-weight: bold;
line-height: 1;
position: absolute;
top: 0.625rem;
right: 1.375rem;
text-decoration: none; }
/* line 30, sass/vendor/foundation/components/_tabs.scss */
.tabs {
margin-bottom: 0 !important;
margin-left: 0; }
/* line 237, sass/vendor/foundation/components/_global.scss */
.tabs:before, .tabs:after {
content: " ";
display: table; }
/* line 238, sass/vendor/foundation/components/_global.scss */
.tabs:after {
clear: both; }
/* line 35, sass/vendor/foundation/components/_tabs.scss */
.tabs dd,
.tabs .tab-title {
float: left;
list-style: none;
margin-bottom: 0 !important;
position: relative; }
/* line 42, sass/vendor/foundation/components/_tabs.scss */
.tabs dd > a,
.tabs .tab-title > a {
display: block;
background-color: #EFEFEF;
color: #222222;
font-family: "arial";
font-size: 1rem;
padding: 0 0; }
/* line 50, sass/vendor/foundation/components/_tabs.scss */
.tabs dd > a:hover,
.tabs .tab-title > a:hover {
background-color: #e1e1e1; }
/* line 55, sass/vendor/foundation/components/_tabs.scss */
.tabs dd.active > a,
.tabs .tab-title.active > a {
background-color: #fff;
color: #222222; }
/* line 64, sass/vendor/foundation/components/_tabs.scss */
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px; }
/* line 69, sass/vendor/foundation/components/_tabs.scss */
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px; }
/* line 74, sass/vendor/foundation/components/_tabs.scss */
.tabs.vertical dd,
.tabs.vertical .tab-title {
position: inherit;
float: none;
display: block;
top: auto; }
/* line 84, sass/vendor/foundation/components/_tabs.scss */
.tabs-content {
margin-bottom: 0 !important;
width: 100%; }
/* line 237, sass/vendor/foundation/components/_global.scss */
.tabs-content:before, .tabs-content:after {
content: " ";
display: table; }
/* line 238, sass/vendor/foundation/components/_global.scss */
.tabs-content:after {
clear: both; }
/* line 89, sass/vendor/foundation/components/_tabs.scss */
.tabs-content > .content {
display: none;
float: left;
padding: 0 !important 0;
width: 100%; }
/* line 95, sass/vendor/foundation/components/_tabs.scss */
.tabs-content > .content.active {
display: block;
float: none; }
/* line 99, sass/vendor/foundation/components/_tabs.scss */
.tabs-content > .content.contained {
padding: 0 !important; }
/* line 104, sass/vendor/foundation/components/_tabs.scss */
.tabs-content.vertical {
display: block; }
/* line 107, sass/vendor/foundation/components/_tabs.scss */
.tabs-content.vertical > .content {
padding: 0 0 !important; }
@media only screen and (min-width: 0em) {
/* line 115, sass/vendor/foundation/components/_tabs.scss */
.tabs.vertical {
float: left;
margin: 0;
margin-bottom: 0 !important;
max-width: 20%;
width: 20%; }
/* line 125, sass/vendor/foundation/components/_tabs.scss */
.tabs-content.vertical {
float: left;
margin-left: -1px;
max-width: 80%;
padding-left: 1rem;
width: 80%; } }
/* line 136, sass/vendor/foundation/components/_tabs.scss */
.no-js .tabs-content > .content {
display: block;
float: none; }
/* Tooltips */
/* line 38, sass/vendor/foundation/components/_tooltips.scss */
.has-tip {
border-bottom: none;
color: #333;
cursor: pointer;
font-weight: normal; }
/* line 44, sass/vendor/foundation/components/_tooltips.scss */
.has-tip:hover, .has-tip:focus {
border-bottom: none;
color: #3c63af; }
/* line 50, sass/vendor/foundation/components/_tooltips.scss */
.has-tip.tip-left, .has-tip.tip-right {
float: none !important; }
/* line 54, sass/vendor/foundation/components/_tooltips.scss */
.tooltip {
background: #efefef;
color: #333;
display: none;
font-size: 11px;
font-weight: normal;
line-height: 1.3;
max-width: 300px;
padding: 1.25rem;
position: absolute;
width: 100%;
z-index: 1006;
left: 50%; }
/* line 68, sass/vendor/foundation/components/_tooltips.scss */
.tooltip > .nub {
border: solid 5px;
border-color: transparent transparent #efefef transparent;
display: block;
height: 0;
pointer-events: none;
position: absolute;
top: -10px;
width: 0;
left: 5px; }
/* line 79, sass/vendor/foundation/components/_tooltips.scss */
.tooltip > .nub.rtl {
left: auto;
right: 5px; }
/* line 85, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.radius {
border-radius: 5px; }
/* line 88, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.round {
border-radius: 1000px; }
/* line 90, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.round > .nub {
left: 2rem; }
/* line 95, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.opened {
border-bottom: none !important;
color: #3c63af !important; }
/* line 101, sass/vendor/foundation/components/_tooltips.scss */
.tap-to-close {
color: #777777;
display: block;
font-size: 0.625rem;
font-weight: normal; }
@media only screen {
/* line 110, sass/vendor/foundation/components/_tooltips.scss */
.tooltip > .nub {
border-color: transparent transparent #efefef transparent;
top: -10px; }
/* line 114, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.tip-top > .nub {
border-color: #efefef transparent transparent transparent;
bottom: -10px;
top: auto; }
/* line 120, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.tip-left, .tooltip.tip-right {
float: none !important; }
/* line 123, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.tip-left > .nub {
border-color: transparent transparent transparent #efefef;
left: auto;
margin-top: -5px;
right: -10px;
top: 50%; }
/* line 130, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.tip-right > .nub {
border-color: transparent #efefef transparent transparent;
left: -10px;
margin-top: -5px;
right: auto;
top: 50%; }
/* line 140, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.tip-override > .nub {
border-color: transparent transparent #efefef transparent; }
/* line 144, sass/vendor/foundation/components/_tooltips.scss */
.tooltip.tip-override.tip-left > .nub,
.tooltip.tip-override.tip-right > .nub {
margin-top: 0; } }
/* line 113, sass/vendor/foundation/components/_top-bar.scss */
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:0em)/";
width: 0em; }
/* Wrapped around .top-bar to contain to grid width */
/* line 119, sass/vendor/foundation/components/_top-bar.scss */
.contain-to-grid {
width: 100%;
background: #efefef; }
/* line 123, sass/vendor/foundation/components/_top-bar.scss */
.contain-to-grid .top-bar {
margin-bottom: 0; }
/* line 129, sass/vendor/foundation/components/_top-bar.scss */
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
left: 0; }
/* line 136, sass/vendor/foundation/components/_top-bar.scss */
.fixed.expanded:not(.top-bar) {
height: auto;
max-height: 100%;
overflow-y: auto;
width: 100%; }
/* line 142, sass/vendor/foundation/components/_top-bar.scss */
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99; }
/* line 149, sass/vendor/foundation/components/_top-bar.scss */
.fixed.expanded:not(.top-bar) .top-bar-section {
margin-top: auto;
z-index: 98; }
/* line 156, sass/vendor/foundation/components/_top-bar.scss */
.top-bar {
background: #efefef;
height: auto;
line-height: auto;
margin-bottom: 0;
overflow: hidden;
position: relative; }
/* line 165, sass/vendor/foundation/components/_top-bar.scss */
.top-bar ul {
list-style: none;
margin-bottom: 0; }
/* line 170, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .row {
max-width: none; }
/* line 174, sass/vendor/foundation/components/_top-bar.scss */
.top-bar form,
.top-bar input,
.top-bar select {
margin-bottom: 0; }
/* line 180, sass/vendor/foundation/components/_top-bar.scss */
.top-bar input,
.top-bar select {
font-size: 0.75rem;
height: 1.75rem;
padding-bottom: .35rem;
padding-top: .35rem; }
/* line 188, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .button, .top-bar button {
font-size: 0.75rem;
margin-bottom: 0;
padding-bottom: 0.4125rem;
padding-top: 0.4125rem; }
@media only screen and (max-width: 90em) {
/* line 188, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .button, .top-bar button {
position: relative;
top: -1px; } }
/* line 204, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .title-area {
margin: 0;
position: relative; }
/* line 209, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .name {
font-size: 16px;
height: auto;
margin: 0; }
/* line 214, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
font-size: 13px;
line-height: auto;
margin: 0; }
/* line 219, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
color: #3c63af;
display: block;
font-weight: normal;
padding: 0 0;
width: 75%; }
/* line 230, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0; }
/* line 235, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .toggle-topbar a {
color: #3c63af;
display: block;
font-size: false;
font-weight: false;
height: auto;
line-height: auto;
padding: 0 0;
position: relative;
text-transform: false; }
/* line 248, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .toggle-topbar.menu-icon {
margin-top: -16px;
top: 50%; }
/* line 252, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .toggle-topbar.menu-icon a {
color: false;
height: 34px;
line-height: 33px;
padding: 0 1.5625rem 0 0;
position: relative; }
/* line 186, sass/vendor/foundation/components/_global.scss */
.top-bar .toggle-topbar.menu-icon a span::after {
content: "";
display: block;
height: 0;
position: absolute;
margin-top: -8px;
top: 50%;
right: 0;
box-shadow: 0 0 0 1px false, 0 7px 0 1px false, 0 14px 0 1px false;
-webkit-box-shadow: 0 0 0 1px false, 0 7px 0 1px false, 0 14px 0 1px false;
width: 16px; }
/* line 223, sass/vendor/foundation/components/_global.scss */
.top-bar .toggle-topbar.menu-icon a span:hover:after {
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
-webkit-box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
/* line 268, sass/vendor/foundation/components/_top-bar.scss */
.top-bar.expanded {
background: transparent;
height: auto; }
/* line 272, sass/vendor/foundation/components/_top-bar.scss */
.top-bar.expanded .title-area {
background: #efefef; }
/* line 277, sass/vendor/foundation/components/_top-bar.scss */
.top-bar.expanded .toggle-topbar a {
color: false; }
/* line 280, sass/vendor/foundation/components/_top-bar.scss */
.top-bar.expanded .toggle-topbar a span::after {
box-shadow: 0 0 0 1px false, 0 7px 0 1px false, 0 14px 0 1px false; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
/* line 293, sass/vendor/foundation/components/_top-bar.scss */
.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
.top-bar.expanded .top-bar-section .dropdown {
clip: initial; }
/* line 299, sass/vendor/foundation/components/_top-bar.scss */
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
padding: 0; } }
/* line 308, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section {
left: 0;
position: relative;
width: auto;
transition: left 300ms ease-out; }
/* line 314, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul {
display: block;
font-size: 16px;
height: auto;
margin: 0;
padding: 0;
width: 100%; }
/* line 323, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .divider,
.top-bar-section [role="separator"] {
border-top: solid 1px #787878;
clear: both;
height: 1px;
width: 100%; }
/* line 331, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li {
background: #efefef; }
/* line 334, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > a {
color: #3c63af;
display: block;
font-family: "arial";
font-size: 13px;
font-weight: normal;
padding-left: 0;
padding: 12px 0 12px 0;
text-transform: none;
width: 100%; }
/* line 345, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > a.button {
font-size: 13px;
padding-left: 0;
padding-right: 0;
background-color: #3c63af;
border-color: #304f8c;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
background-color: #304f8c; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
color: #fff; }
/* line 352, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > a.button.secondary {
background-color: #333;
border-color: #292929;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
background-color: #292929; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
color: #fff; }
/* line 353, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > a.button.success {
background-color: #16a127;
border-color: #12811f;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
background-color: #12811f; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
color: #fff; }
/* line 354, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > a.button.alert {
background-color: #e53350;
border-color: #c71936;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
background-color: #c71936; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
color: #fff; }
/* line 355, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > a.button.warning {
background-color: #e53350;
border-color: #c71936;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
background-color: #c71936; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
color: #fff; }
/* line 356, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > a.button.info {
background-color: #16a127;
border-color: #12811f;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
background-color: #12811f; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
color: #fff; }
/* line 359, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > button {
font-size: 13px;
padding-left: 0;
padding-right: 0;
background-color: #3c63af;
border-color: #304f8c;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
background-color: #304f8c; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
color: #fff; }
/* line 365, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > button.secondary {
background-color: #333;
border-color: #292929;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
background-color: #292929; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
color: #fff; }
/* line 366, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > button.success {
background-color: #16a127;
border-color: #12811f;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
background-color: #12811f; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
color: #fff; }
/* line 367, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > button.alert {
background-color: #e53350;
border-color: #c71936;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
background-color: #c71936; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
color: #fff; }
/* line 368, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > button.warning {
background-color: #e53350;
border-color: #c71936;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
background-color: #c71936; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
color: #fff; }
/* line 369, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li > button.info {
background-color: #16a127;
border-color: #12811f;
color: #fff; }
/* line 163, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
background-color: #12811f; }
/* line 169, sass/vendor/foundation/components/_buttons.scss */
.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
color: #fff; }
/* line 373, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li:hover:not(.has-form) > a {
background-color: #555555;
color: #fff;
background: #3c63af; }
/* line 383, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li.active > a {
background: #ffd87a;
color: #ffd87a; }
/* line 387, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li.active > a:hover {
background: #3c63af;
color: #fff; }
/* line 395, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-form {
padding: 0; }
/* line 400, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown {
position: relative; }
/* line 404, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown > a:after {
margin-right: 0;
margin-top: -false/2-2;
position: absolute;
top: 50%;
right: 0; }
/* line 417, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown.moved {
position: static; }
/* line 420, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown.moved > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
width: 100%; }
/* line 425, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown.moved > a:after {
display: none; }
/* line 432, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block;
padding: 0;
position: absolute;
top: 0;
z-index: 99;
left: 100%; }
/* line 440, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li {
height: auto;
width: 100%; }
/* line 444, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li a {
font-weight: normal;
padding: 8px 0; }
/* line 447, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li a.parent-link {
font-weight: normal; }
/* line 452, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
margin-bottom: 0;
margin-top: 0;
font-size: 1.125rem; }
/* line 458, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
color: #3c63af;
display: block; }
/* line 462, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
background: none; }
/* line 466, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li.has-form {
padding: 8px 0; }
/* line 470, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
top: auto; }
/* line 476, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown label {
color: false;
font-size: false;
font-weight: false;
margin-bottom: 0;
padding: 8px 0 2px;
text-transform: false; }
/* line 487, sass/vendor/foundation/components/_top-bar.scss */
.js-generated {
display: block; }
@media only screen and (min-width: 0em) {
/* line 492, sass/vendor/foundation/components/_top-bar.scss */
.top-bar {
background: #efefef;
overflow: visible; }
/* line 237, sass/vendor/foundation/components/_global.scss */
.top-bar:before, .top-bar:after {
content: " ";
display: table; }
/* line 238, sass/vendor/foundation/components/_global.scss */
.top-bar:after {
clear: both; }
/* line 497, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .toggle-topbar {
display: none; }
/* line 499, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .title-area {
float: left; }
/* line 500, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .name h1 a,
.top-bar .name h2 a,
.top-bar .name h3 a,
.top-bar .name h4 a,
.top-bar .name h5 a,
.top-bar .name h6 a {
width: auto; }
/* line 507, sass/vendor/foundation/components/_top-bar.scss */
.top-bar input,
.top-bar select,
.top-bar .button,
.top-bar button {
font-size: 0.875rem;
height: 1.75rem;
position: relative;
top: auto-1.75rem/2; }
/* line 517, sass/vendor/foundation/components/_top-bar.scss */
.top-bar .has-form > .button,
.top-bar .has-form > button {
font-size: 0.875rem;
height: 1.75rem;
position: relative;
top: auto-1.75rem/2; }
/* line 525, sass/vendor/foundation/components/_top-bar.scss */
.top-bar.expanded {
background: #efefef; }
/* line 530, sass/vendor/foundation/components/_top-bar.scss */
.contain-to-grid .top-bar {
margin: 0 auto;
margin-bottom: 0;
max-width: 61.25rem; }
/* line 536, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section {
transition: none 0 0;
left: 0 !important; }
/* line 540, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul {
display: inline;
height: auto !important;
width: auto; }
/* line 545, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li {
float: left; }
/* line 547, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section ul li .js-generated {
display: none; }
/* line 553, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section li:not(.head-search).hover > a:not(.button) {
background-color: #555555;
background: #3c63af;
color: #fff; }
/* line 563, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section li:not(.head-search):not(.has-form) a:not(.button) {
background: #efefef;
line-height: auto;
padding: 0 0; }
/* line 567, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section li:not(.head-search):not(.has-form) a:not(.button):hover {
background-color: #555555;
background: #3c63af; }
/* line 577, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section li:not(.head-search).active:not(.has-form) a:not(.button) {
background: #ffd87a;
color: #ffd87a;
line-height: auto;
padding: 0 0; }
/* line 582, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section li:not(.head-search).active:not(.has-form) a:not(.button):hover {
background: #3c63af;
color: #fff; }
/* line 602, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown.moved {
position: relative; }
/* line 603, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown.moved > .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block; }
/* line 609, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
/* line 614, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
/* line 621, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: "\00bb";
top: 0.1875rem;
right: 5px; }
/* line 633, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown {
left: 0;
background: transparent;
min-width: 100%;
top: auto; }
/* line 640, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li a {
background: transparent;
color: #333;
line-height: auto;
padding: 12px 0;
white-space: nowrap; }
/* line 649, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: transparent;
color: #333; }
/* line 654, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background-color: #555555;
color: #fff;
background: #222222; }
/* line 663, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li label {
background: false;
white-space: nowrap; }
/* line 669, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0; }
/* line 676, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
border-right: solid 1px #f1f1f1;
border-bottom: none;
border-top: none;
clear: none;
height: auto;
width: 0; }
/* line 686, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .has-form {
background: #efefef;
height: auto;
padding: 0 0; }
/* line 694, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .right li .dropdown {
left: auto;
right: 0; }
/* line 698, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .right li .dropdown li .dropdown {
right: 100%; }
/* line 702, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .left li .dropdown {
right: auto;
left: 0; }
/* line 706, sass/vendor/foundation/components/_top-bar.scss */
.top-bar-section .left li .dropdown li .dropdown {
left: 100%; }
/* line 716, sass/vendor/foundation/components/_top-bar.scss */
.no-js .top-bar-section ul li:hover > a {
background-color: #555555;
background: #3c63af;
color: #fff; }
/* line 725, sass/vendor/foundation/components/_top-bar.scss */
.no-js .top-bar-section ul li:active > a {
background: #ffd87a;
color: #ffd87a; }
/* line 733, sass/vendor/foundation/components/_top-bar.scss */
.no-js .top-bar-section .has-dropdown:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; }
/* line 738, sass/vendor/foundation/components/_top-bar.scss */
.no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important; } }
/* line 158, sass/vendor/foundation/components/_type.scss */
.text-left {
text-align: left !important; }
/* line 159, sass/vendor/foundation/components/_type.scss */
.text-right {
text-align: right !important; }
/* line 160, sass/vendor/foundation/components/_type.scss */
.text-center {
text-align: center !important; }
/* line 161, sass/vendor/foundation/components/_type.scss */
.text-justify {
text-align: justify !important; }
@media only screen and (max-width: 90em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.small-only-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.small-only-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.small-only-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.small-only-text-justify {
text-align: justify !important; } }
@media only screen {
/* line 165, sass/vendor/foundation/components/_type.scss */
.small-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.small-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.small-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.small-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 0em) and (max-width: 90em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.medium-only-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.medium-only-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.medium-only-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.medium-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 0em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.medium-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.medium-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.medium-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.medium-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.large-only-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.large-only-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.large-only-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.large-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 64.063em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.large-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.large-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.large-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.large-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.xlarge-only-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.xlarge-only-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.xlarge-only-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.xlarge-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 90.063em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.xlarge-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.xlarge-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.xlarge-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.xlarge-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.xxlarge-only-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.xxlarge-only-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.xxlarge-only-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.xxlarge-only-text-justify {
text-align: justify !important; } }
@media only screen and (min-width: 120.0625em) {
/* line 165, sass/vendor/foundation/components/_type.scss */
.xxlarge-text-left {
text-align: left !important; }
/* line 166, sass/vendor/foundation/components/_type.scss */
.xxlarge-text-right {
text-align: right !important; }
/* line 167, sass/vendor/foundation/components/_type.scss */
.xxlarge-text-center {
text-align: center !important; }
/* line 168, sass/vendor/foundation/components/_type.scss */
.xxlarge-text-justify {
text-align: justify !important; } }
/* Typography resets */
/* line 196, sass/vendor/foundation/components/_type.scss */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
.block-quote,
.pullquote,
th,
td {
margin: 0;
padding: 0; }
/* Default Link Styles */
/* line 220, sass/vendor/foundation/components/_type.scss */
a {
color: #3c63af;
line-height: inherit;
text-decoration: none; }
/* line 225, sass/vendor/foundation/components/_type.scss */
a:hover, a:focus {
color: #333; }
/* line 233, sass/vendor/foundation/components/_type.scss */
a img {
border: none; }
/* Default paragraph styles */
/* line 237, sass/vendor/foundation/components/_type.scss */
p {
font-family: inherit;
font-size: 0.8125rem;
font-weight: normal;
line-height: 1.125rem;
margin-bottom: 0.8125rem;
text-rendering: optimizeLegibility; }
/* line 245, sass/vendor/foundation/components/_type.scss */
p.lead {
font-size: 1.03125rem;
line-height: 1.6; }
/* line 247, sass/vendor/foundation/components/_type.scss */
p aside {
font-size: 0.8125rem;
font-style: italic;
line-height: 1.125rem; }
/* Default header styles */
/* line 255, sass/vendor/foundation/components/_type.scss */
h1, h2, h3, h4, h5, h6 {
color: #333;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1.25;
margin-bottom: 1.6875rem;
margin-top: 0;
text-rendering: optimizeLegibility; }
/* line 265, sass/vendor/foundation/components/_type.scss */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #333;
font-size: 0.75rem;
line-height: 0; }
/* line 272, sass/vendor/foundation/components/_type.scss */
h1 {
font-size: 1rem; }
/* line 273, sass/vendor/foundation/components/_type.scss */
h2 {
font-size: 0.625rem; }
/* line 274, sass/vendor/foundation/components/_type.scss */
h3 {
font-size: 0.6875rem; }
/* line 275, sass/vendor/foundation/components/_type.scss */
h4 {
font-size: 0.6875rem; }
/* line 276, sass/vendor/foundation/components/_type.scss */
h5 {
font-size: 0.8125rem; }
/* line 277, sass/vendor/foundation/components/_type.scss */
h6 {
font-size: 0.8125rem; }
/* line 279, sass/vendor/foundation/components/_type.scss */
.subheader {
line-height: 1.3;
color: #333;
font-weight: bold;
margin-top: 1.6875rem;
margin-bottom: 0.5625rem; }
/* line 281, sass/vendor/foundation/components/_type.scss */
hr {
border: solid #DDDDDD;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 1.25rem 0 1.1875rem; }
/* Helpful Typography Defaults */
/* line 290, sass/vendor/foundation/components/_type.scss */
em,
i {
font-style: italic;
line-height: inherit; }
/* line 296, sass/vendor/foundation/components/_type.scss */
strong,
b {
font-weight: bold;
line-height: inherit; }
/* line 302, sass/vendor/foundation/components/_type.scss */
small {
font-size: 0.75rem;
line-height: inherit; }
/* line 307, sass/vendor/foundation/components/_type.scss */
code {
background-color: #c2c2c2;
border-color: #aeaeae;
border-style: solid;
border-width: 1px;
color: #333333;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
padding: 0.125rem 0.3125rem 0.0625rem; }
/* Lists */
/* line 319, sass/vendor/foundation/components/_type.scss */
ul,
ol,
dl {
font-family: inherit;
font-size: 0.8125rem;
line-height: 1.125rem;
list-style-position: outside;
margin-bottom: 0.8125rem; }
/* line 329, sass/vendor/foundation/components/_type.scss */
ul {
margin-left: 1.25rem; }
/* Unordered Lists */
/* line 336, sass/vendor/foundation/components/_type.scss */
ul li ul,
ul li ol {
margin-left: 1.25rem;
margin-bottom: 0; }
/* line 345, sass/vendor/foundation/components/_type.scss */
ul.square li ul, ul.circle li ul, ul.disc li ul {
list-style: inherit; }
/* line 348, sass/vendor/foundation/components/_type.scss */
ul.square {
list-style-type: square;
margin-left: 1.25rem; }
/* line 349, sass/vendor/foundation/components/_type.scss */
ul.circle {
list-style-type: circle;
margin-left: 1.25rem; }
/* line 350, sass/vendor/foundation/components/_type.scss */
ul.disc {
list-style-type: disc;
margin-left: 1.25rem; }
/* Ordered Lists */
/* line 354, sass/vendor/foundation/components/_type.scss */
ol {
margin-left: 1.25rem; }
/* line 357, sass/vendor/foundation/components/_type.scss */
ol li ul,
ol li ol {
margin-left: 1.25rem;
margin-bottom: 0; }
/* line 366, sass/vendor/foundation/components/_type.scss */
.no-bullet {
list-style-type: none;
margin-left: 0; }
/* line 371, sass/vendor/foundation/components/_type.scss */
.no-bullet li ul,
.no-bullet li ol {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none; }
/* Definition Lists */
/* line 382, sass/vendor/foundation/components/_type.scss */
dl dt {
margin-bottom: 0;
font-weight: bold; }
/* line 386, sass/vendor/foundation/components/_type.scss */
dl dd {
margin-bottom: 0.8125rem; }
/* Abbreviations */
/* line 390, sass/vendor/foundation/components/_type.scss */
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #333;
cursor: help; }
/* line 397, sass/vendor/foundation/components/_type.scss */
abbr {
text-transform: none; }
/* line 399, sass/vendor/foundation/components/_type.scss */
abbr[title] {
border-bottom: 1px dotted #DDDDDD; }
/* Blockquotes */
/* line 405, sass/vendor/foundation/components/_type.scss */
blockquote,
.block-quote,
.pullquote {
margin: 0 0 0.8125rem;
padding: 0 1.25rem;
border-left: 0.3125rem solid #ccc; }
/* line 410, sass/vendor/foundation/components/_type.scss */
blockquote cite, .block-quote cite, .pullquote cite {
display: block;
font-size: 13px;
color: #333; }
/* line 414, sass/vendor/foundation/components/_type.scss */
blockquote cite:before, .block-quote cite:before, .pullquote cite:before {
content: "\2014 \0020"; }
/* line 418, sass/vendor/foundation/components/_type.scss */
blockquote cite a, .block-quote cite a, .pullquote cite a,
blockquote cite a:visited,
.block-quote cite a:visited,
.pullquote cite a:visited {
color: #3c63af; }
/* line 424, sass/vendor/foundation/components/_type.scss */
blockquote,
.block-quote,
.pullquote,
blockquote p,
.block-quote p,
.pullquote p {
line-height: 1.125rem;
color: #333; }
/* Microformats */
/* line 431, sass/vendor/foundation/components/_type.scss */
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #DDDDDD;
padding: 0.625rem 0.75rem; }
/* line 437, sass/vendor/foundation/components/_type.scss */
.vcard li {
margin: 0;
display: block; }
/* line 441, sass/vendor/foundation/components/_type.scss */
.vcard .fn {
font-weight: bold;
font-size: 0.9375rem; }
/* line 448, sass/vendor/foundation/components/_type.scss */
.vevent .summary {
font-weight: bold; }
/* line 450, sass/vendor/foundation/components/_type.scss */
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
padding: 0 0.0625rem; }
@media only screen and (min-width: 0em) {
/* line 461, sass/vendor/foundation/components/_type.scss */
h1, h2, h3, h4, h5, h6 {
line-height: 1.25; }
/* line 462, sass/vendor/foundation/components/_type.scss */
h1 {
font-size: 1.625rem; }
/* line 463, sass/vendor/foundation/components/_type.scss */
h2 {
font-size: 1.25rem; }
/* line 464, sass/vendor/foundation/components/_type.scss */
h3 {
font-size: 1rem; }
/* line 465, sass/vendor/foundation/components/_type.scss */
h4 {
font-size: 1rem; }
/* line 466, sass/vendor/foundation/components/_type.scss */
h5 {
font-size: 0.8125rem; }
/* line 467, sass/vendor/foundation/components/_type.scss */
h6 {
font-size: 0.8125rem; } }
/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/*doc
---
title: Intro
name: intro
category: Grid
---
A grid allows us to set widths of columns and containers so that they are consistent.
The plos-grid mixins use the foundation grid but allow us to extend the foundation grid in a few important ways:
- it allows us to put margins on the outside which allows us the ability to set containers.
- it allows us to use pixel widths for columns that do not fit into the 12 columns grid.
## Usage
* wrap in a container: `@extend .plos-row` or use the `@plos-row` mixin if you need more control
* for each column `@extend .plos-column-NUMBER` or use the `@plos-columns` mixin if you need more control
```html_example
3 column div
8 column div
```
``` scss_example
.grid-example-simple{
@extend .plos-row; // make this 3 columns out of 12 width
.grid-example-column-1 {
@extend .plos-column-3;
}
.grid-example-column-2{
@extend .plos-column-8;
}
}
```
column classes | result
------------------------------------------| -----------------
`@extend .plos-column-NUMBER` | sets the column width NUMBER of 12 with the default margins on either side.
`@extend .plos-column-third` | sets the column to a third of the container with default margins on either side
`@extend .plos-column-half` | sets the column to half of the container with default margins on either side.
`@extend %width-full` | sets the column the full-width of teh container with default margins on either side.
*/
/* sets up the body container */
/* line 181, sass/_scaffold.scss */
.plos-row {
margin: 0 auto;
max-width: 61.25rem;
width: 100%; }
/* line 237, sass/vendor/foundation/components/_global.scss */
.plos-row:before, .plos-row:after {
content: " ";
display: table; }
/* line 238, sass/vendor/foundation/components/_global.scss */
.plos-row:after {
clear: both; }
/* line 189, sass/_scaffold.scss */
.plos-column-0 {
width: 0rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-1 {
width: 5.10417rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-2 {
width: 10.20833rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-3 {
width: 15.3125rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-4 {
width: 20.41667rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-5 {
width: 25.52083rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-6 {
width: 30.625rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-7 {
width: 35.72917rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-8 {
width: 40.83333rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-9 {
width: 45.9375rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-10 {
width: 51.04167rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 189, sass/_scaffold.scss */
.plos-column-11 {
width: 56.14583rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 197, sass/_scaffold.scss */
.plos-column-third {
width: 20.41667rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/* line 201, sass/_scaffold.scss */
.plos-column-half {
width: 30.625rem;
float: left;
margin-left: 0.625rem;
margin-right: 0.625rem; }
/*
%width-x-small {
@include plos-grid-column(267);
}
%width-small {
@include plos-grid-column(306);
}
%width-medium {
@include plos-grid-column(470);
}
*/
/* line 234, sass/_scaffold.scss */
main,
#pagehdr {
display: block;
margin: 0 auto;
max-width: 61.25rem;
width: 100%;
min-width: 61.25rem;
max-width: 61.25rem;
margin: 0 auto; }
/* line 237, sass/vendor/foundation/components/_global.scss */
main:before, main:after,
#pagehdr:before,
#pagehdr:after {
content: " ";
display: table; }
/* line 238, sass/vendor/foundation/components/_global.scss */
main:after,
#pagehdr:after {
clear: both; }
/* line 239, sass/_scaffold.scss */
main.width-full,
#pagehdr.width-full {
width: 100%;
max-width: 100%; }
/*doc
---
title: layout options
name: layout
category: Scaffold
---
```sass_example
```
```sass_example
```
*/
/*doc
---
title: Advanced Features
name: z-advanced
category: Grid
---
##setting column widths in pixels
`@extend .plos-grid-column(NUMBER)` - creates a column of the width you set with margins on either side.
```html_example
120px div
```
```sass_example
.grid-example-one {
@include plos-grid-column(120);
}
```
##further customisation
###gutters
variable | result
------------------------------------------| -----------------
`$gutter: none` | no gutter on either side
`$gutter: left` | default gutter on the left side - the plos default is 20px
`$gutter: right` | default gutter on the right side - the plos default is 20px
`$gutter: left, $gutter-width: 50` | *50px gutter on the left side ONLY - $gutter width does nothing without $gutter: left or right.
`$gutter: right, $gutter-width: 50` | *50px gutter on the right side ONLY - $gutter width does nothing without $gutter: left or right.
```html_example
120px div left gutter of 50px none on the right
120px div with default gutter on the left, none on the right
120px div with 50px gutter on the right, none on the left
120px div with default gutter on the right, none on the left
120px div with no gutter
```
```sass_example
.grid-example-two{
@include plos-grid-column( 120, $gutter: left, $gutter-width: 50px );
}
.grid-example-three{
@include plos-grid-column( 120, $gutter: left );
}
.grid-example-four{
@include plos-grid-column( 120, $gutter: right, $gutter-width: 50px );
}
.grid-example-five{
@include plos-grid-column( 120, $gutter: right );
}
.grid-example-six{
@include plos-grid-column( 120, $gutter: none );
}
```
*/
/*doc
---
title: Grid
name: grid
category: Theming
---
you can adjust the the number of columns, total width, gutter widths etc... in `_variables.scss`
*/
/*doc
---
title: scaffold.scss
name: scaffold.scss
category: Files
---
This file contains the code for the grid and general layout.
*/
/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.eot?v=4.1.0");
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
/* line 14, sass/vendor/_font-awesome.scss */
.fa, .list-bullet > li:before, .bulleted > li:before, .more-icon, .icon-fa, .icon-spinner, .icon-twitter, .icon-facebook, .icon-rss, .icon-email, .icon-minus, .icon-plus-no-square, .icon-plus, .icon-close, .icon-alert, .icon-important, .block-important:after, .icon-arrow-right, .icon-arrow-left, .icon-caret-down, .icon-caret-left, .icon-caret-right, .icon-angle-up, .icon-angle-down, .icon-angle-right, .icon-angle-left, .icon-chevron-left, .icon-chevron-right, .icon-circle, .icon-times-circle, .icon-pointer, .block-tip:after, .icon-info, .block-more-information:after, .icon-warning, .icon-bell {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
/* line 24, sass/vendor/_font-awesome.scss */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%; }
/* line 29, sass/vendor/_font-awesome.scss */
.fa-2x {
font-size: 2em; }
/* line 32, sass/vendor/_font-awesome.scss */
.fa-3x {
font-size: 3em; }
/* line 35, sass/vendor/_font-awesome.scss */
.fa-4x {
font-size: 4em; }
/* line 38, sass/vendor/_font-awesome.scss */
.fa-5x {
font-size: 5em; }
/* line 41, sass/vendor/_font-awesome.scss */
.fa-fw {
width: 1.28571429em;
text-align: center; }
/* line 45, sass/vendor/_font-awesome.scss */
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none; }
/* line 50, sass/vendor/_font-awesome.scss */
.fa-ul > li {
position: relative; }
/* line 53, sass/vendor/_font-awesome.scss */
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center; }
/* line 60, sass/vendor/_font-awesome.scss */
.fa-li.fa-lg {
left: -1.85714286em; }
/* line 63, sass/vendor/_font-awesome.scss */
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em; }
/* line 68, sass/vendor/_font-awesome.scss */
.pull-right {
float: right; }
/* line 71, sass/vendor/_font-awesome.scss */
.pull-left {
float: left; }
/* line 74, sass/vendor/_font-awesome.scss */
.fa.pull-left, .list-bullet > li.pull-left:before, .bulleted > li.pull-left:before, .pull-left.more-icon, .pull-left.icon-fa, .pull-left.icon-spinner, .pull-left.icon-twitter, .pull-left.icon-facebook, .pull-left.icon-rss, .pull-left.icon-email, .pull-left.icon-minus, .pull-left.icon-plus-no-square, .pull-left.icon-plus, .pull-left.icon-close, .pull-left.icon-alert, .pull-left.icon-important, .pull-left.block-important:after, .pull-left.icon-arrow-right, .pull-left.icon-arrow-left, .pull-left.icon-caret-down, .pull-left.icon-caret-left, .pull-left.icon-caret-right, .pull-left.icon-angle-up, .pull-left.icon-angle-down, .pull-left.icon-angle-right, .pull-left.icon-angle-left, .pull-left.icon-chevron-left, .pull-left.icon-chevron-right, .pull-left.icon-circle, .pull-left.icon-times-circle, .pull-left.icon-pointer, .pull-left.block-tip:after, .pull-left.icon-info, .pull-left.block-more-information:after, .pull-left.icon-warning, .pull-left.icon-bell {
margin-right: .3em; }
/* line 77, sass/vendor/_font-awesome.scss */
.fa.pull-right, .list-bullet > li.pull-right:before, .bulleted > li.pull-right:before, .pull-right.more-icon, .pull-right.icon-fa, .pull-right.icon-spinner, .pull-right.icon-twitter, .pull-right.icon-facebook, .pull-right.icon-rss, .pull-right.icon-email, .pull-right.icon-minus, .pull-right.icon-plus-no-square, .pull-right.icon-plus, .pull-right.icon-close, .pull-right.icon-alert, .pull-right.icon-important, .pull-right.block-important:after, .pull-right.icon-arrow-right, .pull-right.icon-arrow-left, .pull-right.icon-caret-down, .pull-right.icon-caret-left, .pull-right.icon-caret-right, .pull-right.icon-angle-up, .pull-right.icon-angle-down, .pull-right.icon-angle-right, .pull-right.icon-angle-left, .pull-right.icon-chevron-left, .pull-right.icon-chevron-right, .pull-right.icon-circle, .pull-right.icon-times-circle, .pull-right.icon-pointer, .pull-right.block-tip:after, .pull-right.icon-info, .pull-right.block-more-information:after, .pull-right.icon-warning, .pull-right.icon-bell {
margin-left: .3em; }
/* line 80, sass/vendor/_font-awesome.scss */
.fa-spin, .icon-spinner {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear; }
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg); }
100% {
-o-transform: rotate(359deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
/* line 120, sass/vendor/_font-awesome.scss */
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
/* line 128, sass/vendor/_font-awesome.scss */
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
/* line 136, sass/vendor/_font-awesome.scss */
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
/* line 144, sass/vendor/_font-awesome.scss */
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1); }
/* line 152, sass/vendor/_font-awesome.scss */
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1); }
/* line 160, sass/vendor/_font-awesome.scss */
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
/* line 168, sass/vendor/_font-awesome.scss */
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
/* line 175, sass/vendor/_font-awesome.scss */
.fa-stack-1x {
line-height: inherit; }
/* line 178, sass/vendor/_font-awesome.scss */
.fa-stack-2x {
font-size: 2em; }
/* line 181, sass/vendor/_font-awesome.scss */
.fa-inverse, .more-icon {
color: #3c63af; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
/* line 186, sass/vendor/_font-awesome.scss */
.fa-glass:before {
content: "\f000"; }
/* line 189, sass/vendor/_font-awesome.scss */
.fa-music:before {
content: "\f001"; }
/* line 192, sass/vendor/_font-awesome.scss */
.fa-search:before {
content: "\f002"; }
/* line 195, sass/vendor/_font-awesome.scss */
.fa-envelope-o:before, .icon-email:before {
content: "\f003"; }
/* line 198, sass/vendor/_font-awesome.scss */
.fa-heart:before {
content: "\f004"; }
/* line 201, sass/vendor/_font-awesome.scss */
.fa-star:before {
content: "\f005"; }
/* line 204, sass/vendor/_font-awesome.scss */
.fa-star-o:before {
content: "\f006"; }
/* line 207, sass/vendor/_font-awesome.scss */
.fa-user:before {
content: "\f007"; }
/* line 210, sass/vendor/_font-awesome.scss */
.fa-film:before {
content: "\f008"; }
/* line 213, sass/vendor/_font-awesome.scss */
.fa-th-large:before {
content: "\f009"; }
/* line 216, sass/vendor/_font-awesome.scss */
.fa-th:before {
content: "\f00a"; }
/* line 219, sass/vendor/_font-awesome.scss */
.fa-th-list:before {
content: "\f00b"; }
/* line 222, sass/vendor/_font-awesome.scss */
.fa-check:before {
content: "\f00c"; }
/* line 225, sass/vendor/_font-awesome.scss */
.fa-times:before {
content: "\f00d"; }
/* line 228, sass/vendor/_font-awesome.scss */
.fa-search-plus:before {
content: "\f00e"; }
/* line 231, sass/vendor/_font-awesome.scss */
.fa-search-minus:before {
content: "\f010"; }
/* line 234, sass/vendor/_font-awesome.scss */
.fa-power-off:before {
content: "\f011"; }
/* line 237, sass/vendor/_font-awesome.scss */
.fa-signal:before {
content: "\f012"; }
/* line 240, sass/vendor/_font-awesome.scss */
.fa-gear:before,
.fa-cog:before {
content: "\f013"; }
/* line 244, sass/vendor/_font-awesome.scss */
.fa-trash-o:before {
content: "\f014"; }
/* line 247, sass/vendor/_font-awesome.scss */
.fa-home:before {
content: "\f015"; }
/* line 250, sass/vendor/_font-awesome.scss */
.fa-file-o:before {
content: "\f016"; }
/* line 253, sass/vendor/_font-awesome.scss */
.fa-clock-o:before {
content: "\f017"; }
/* line 256, sass/vendor/_font-awesome.scss */
.fa-road:before {
content: "\f018"; }
/* line 259, sass/vendor/_font-awesome.scss */
.fa-download:before {
content: "\f019"; }
/* line 262, sass/vendor/_font-awesome.scss */
.fa-arrow-circle-o-down:before {
content: "\f01a"; }
/* line 265, sass/vendor/_font-awesome.scss */
.fa-arrow-circle-o-up:before {
content: "\f01b"; }
/* line 268, sass/vendor/_font-awesome.scss */
.fa-inbox:before {
content: "\f01c"; }
/* line 271, sass/vendor/_font-awesome.scss */
.fa-play-circle-o:before {
content: "\f01d"; }
/* line 274, sass/vendor/_font-awesome.scss */
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e"; }
/* line 278, sass/vendor/_font-awesome.scss */
.fa-refresh:before {
content: "\f021"; }
/* line 281, sass/vendor/_font-awesome.scss */
.fa-list-alt:before {
content: "\f022"; }
/* line 284, sass/vendor/_font-awesome.scss */
.fa-lock:before {
content: "\f023"; }
/* line 287, sass/vendor/_font-awesome.scss */
.fa-flag:before {
content: "\f024"; }
/* line 290, sass/vendor/_font-awesome.scss */
.fa-headphones:before {
content: "\f025"; }
/* line 293, sass/vendor/_font-awesome.scss */
.fa-volume-off:before {
content: "\f026"; }
/* line 296, sass/vendor/_font-awesome.scss */
.fa-volume-down:before {
content: "\f027"; }
/* line 299, sass/vendor/_font-awesome.scss */
.fa-volume-up:before {
content: "\f028"; }
/* line 302, sass/vendor/_font-awesome.scss */
.fa-qrcode:before {
content: "\f029"; }
/* line 305, sass/vendor/_font-awesome.scss */
.fa-barcode:before {
content: "\f02a"; }
/* line 308, sass/vendor/_font-awesome.scss */
.fa-tag:before {
content: "\f02b"; }
/* line 311, sass/vendor/_font-awesome.scss */
.fa-tags:before {
content: "\f02c"; }
/* line 314, sass/vendor/_font-awesome.scss */
.fa-book:before {
content: "\f02d"; }
/* line 317, sass/vendor/_font-awesome.scss */
.fa-bookmark:before {
content: "\f02e"; }
/* line 320, sass/vendor/_font-awesome.scss */
.fa-print:before {
content: "\f02f"; }
/* line 323, sass/vendor/_font-awesome.scss */
.fa-camera:before {
content: "\f030"; }
/* line 326, sass/vendor/_font-awesome.scss */
.fa-font:before {
content: "\f031"; }
/* line 329, sass/vendor/_font-awesome.scss */
.fa-bold:before {
content: "\f032"; }
/* line 332, sass/vendor/_font-awesome.scss */
.fa-italic:before {
content: "\f033"; }
/* line 335, sass/vendor/_font-awesome.scss */
.fa-text-height:before {
content: "\f034"; }
/* line 338, sass/vendor/_font-awesome.scss */
.fa-text-width:before {
content: "\f035"; }
/* line 341, sass/vendor/_font-awesome.scss */
.fa-align-left:before {
content: "\f036"; }
/* line 344, sass/vendor/_font-awesome.scss */
.fa-align-center:before {
content: "\f037"; }
/* line 347, sass/vendor/_font-awesome.scss */
.fa-align-right:before {
content: "\f038"; }
/* line 350, sass/vendor/_font-awesome.scss */
.fa-align-justify:before {
content: "\f039"; }
/* line 353, sass/vendor/_font-awesome.scss */
.fa-list:before {
content: "\f03a"; }
/* line 356, sass/vendor/_font-awesome.scss */
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b"; }
/* line 360, sass/vendor/_font-awesome.scss */
.fa-indent:before {
content: "\f03c"; }
/* line 363, sass/vendor/_font-awesome.scss */
.fa-video-camera:before {
content: "\f03d"; }
/* line 366, sass/vendor/_font-awesome.scss */
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e"; }
/* line 371, sass/vendor/_font-awesome.scss */
.fa-pencil:before {
content: "\f040"; }
/* line 374, sass/vendor/_font-awesome.scss */
.fa-map-marker:before {
content: "\f041"; }
/* line 377, sass/vendor/_font-awesome.scss */
.fa-adjust:before {
content: "\f042"; }
/* line 380, sass/vendor/_font-awesome.scss */
.fa-tint:before {
content: "\f043"; }
/* line 383, sass/vendor/_font-awesome.scss */
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044"; }
/* line 387, sass/vendor/_font-awesome.scss */
.fa-share-square-o:before {
content: "\f045"; }
/* line 390, sass/vendor/_font-awesome.scss */
.fa-check-square-o:before {
content: "\f046"; }
/* line 393, sass/vendor/_font-awesome.scss */
.fa-arrows:before {
content: "\f047"; }
/* line 396, sass/vendor/_font-awesome.scss */
.fa-step-backward:before {
content: "\f048"; }
/* line 399, sass/vendor/_font-awesome.scss */
.fa-fast-backward:before {
content: "\f049"; }
/* line 402, sass/vendor/_font-awesome.scss */
.fa-backward:before {
content: "\f04a"; }
/* line 405, sass/vendor/_font-awesome.scss */
.fa-play:before {
content: "\f04b"; }
/* line 408, sass/vendor/_font-awesome.scss */
.fa-pause:before {
content: "\f04c"; }
/* line 411, sass/vendor/_font-awesome.scss */
.fa-stop:before {
content: "\f04d"; }
/* line 414, sass/vendor/_font-awesome.scss */
.fa-forward:before {
content: "\f04e"; }
/* line 417, sass/vendor/_font-awesome.scss */
.fa-fast-forward:before {
content: "\f050"; }
/* line 420, sass/vendor/_font-awesome.scss */
.fa-step-forward:before {
content: "\f051"; }
/* line 423, sass/vendor/_font-awesome.scss */
.fa-eject:before {
content: "\f052"; }
/* line 426, sass/vendor/_font-awesome.scss */
.fa-chevron-left:before, .icon-chevron-left:before {
content: "\f053"; }
/* line 429, sass/vendor/_font-awesome.scss */
.fa-chevron-right:before, .list-bullet > li:before, .bulleted > li:before, .icon-chevron-right:before {
content: "\f054"; }
/* line 432, sass/vendor/_font-awesome.scss */
.fa-plus-circle:before {
content: "\f055"; }
/* line 435, sass/vendor/_font-awesome.scss */
.fa-minus-circle:before {
content: "\f056"; }
/* line 438, sass/vendor/_font-awesome.scss */
.fa-times-circle:before, .icon-times-circle:before {
content: "\f057"; }
/* line 441, sass/vendor/_font-awesome.scss */
.fa-check-circle:before {
content: "\f058"; }
/* line 444, sass/vendor/_font-awesome.scss */
.fa-question-circle:before {
content: "\f059"; }
/* line 447, sass/vendor/_font-awesome.scss */
.fa-info-circle:before, .icon-info:before {
content: "\f05a"; }
/* line 450, sass/vendor/_font-awesome.scss */
.fa-crosshairs:before {
content: "\f05b"; }
/* line 453, sass/vendor/_font-awesome.scss */
.fa-times-circle-o:before {
content: "\f05c"; }
/* line 456, sass/vendor/_font-awesome.scss */
.fa-check-circle-o:before {
content: "\f05d"; }
/* line 459, sass/vendor/_font-awesome.scss */
.fa-ban:before {
content: "\f05e"; }
/* line 462, sass/vendor/_font-awesome.scss */
.fa-arrow-left:before, .icon-arrow-left:before {
content: "\f060"; }
/* line 465, sass/vendor/_font-awesome.scss */
.fa-arrow-right:before, .icon-arrow-right:before {
content: "\f061"; }
/* line 468, sass/vendor/_font-awesome.scss */
.fa-arrow-up:before {
content: "\f062"; }
/* line 471, sass/vendor/_font-awesome.scss */
.fa-arrow-down:before {
content: "\f063"; }
/* line 474, sass/vendor/_font-awesome.scss */
.fa-mail-forward:before,
.fa-share:before {
content: "\f064"; }
/* line 478, sass/vendor/_font-awesome.scss */
.fa-expand:before {
content: "\f065"; }
/* line 481, sass/vendor/_font-awesome.scss */
.fa-compress:before {
content: "\f066"; }
/* line 484, sass/vendor/_font-awesome.scss */
.fa-plus:before, .icon-plus-no-square:before {
content: "\f067"; }
/* line 487, sass/vendor/_font-awesome.scss */
.fa-minus:before, .icon-minus:before {
content: "\f068"; }
/* line 490, sass/vendor/_font-awesome.scss */
.fa-asterisk:before {
content: "\f069"; }
/* line 493, sass/vendor/_font-awesome.scss */
.fa-exclamation-circle:before, .icon-important:before {
content: "\f06a"; }
/* line 496, sass/vendor/_font-awesome.scss */
.fa-gift:before {
content: "\f06b"; }
/* line 499, sass/vendor/_font-awesome.scss */
.fa-leaf:before {
content: "\f06c"; }
/* line 502, sass/vendor/_font-awesome.scss */
.fa-fire:before {
content: "\f06d"; }
/* line 505, sass/vendor/_font-awesome.scss */
.fa-eye:before {
content: "\f06e"; }
/* line 508, sass/vendor/_font-awesome.scss */
.fa-eye-slash:before {
content: "\f070"; }
/* line 511, sass/vendor/_font-awesome.scss */
.fa-warning:before, .icon-warning:before,
.fa-exclamation-triangle:before,
.icon-alert:before {
content: "\f071"; }
/* line 515, sass/vendor/_font-awesome.scss */
.fa-plane:before {
content: "\f072"; }
/* line 518, sass/vendor/_font-awesome.scss */
.fa-calendar:before {
content: "\f073"; }
/* line 521, sass/vendor/_font-awesome.scss */
.fa-random:before {
content: "\f074"; }
/* line 524, sass/vendor/_font-awesome.scss */
.fa-comment:before {
content: "\f075"; }
/* line 527, sass/vendor/_font-awesome.scss */
.fa-magnet:before {
content: "\f076"; }
/* line 530, sass/vendor/_font-awesome.scss */
.fa-chevron-up:before {
content: "\f077"; }
/* line 533, sass/vendor/_font-awesome.scss */
.fa-chevron-down:before {
content: "\f078"; }
/* line 536, sass/vendor/_font-awesome.scss */
.fa-retweet:before {
content: "\f079"; }
/* line 539, sass/vendor/_font-awesome.scss */
.fa-shopping-cart:before {
content: "\f07a"; }
/* line 542, sass/vendor/_font-awesome.scss */
.fa-folder:before {
content: "\f07b"; }
/* line 545, sass/vendor/_font-awesome.scss */
.fa-folder-open:before {
content: "\f07c"; }
/* line 548, sass/vendor/_font-awesome.scss */
.fa-arrows-v:before {
content: "\f07d"; }
/* line 551, sass/vendor/_font-awesome.scss */
.fa-arrows-h:before {
content: "\f07e"; }
/* line 554, sass/vendor/_font-awesome.scss */
.fa-bar-chart-o:before {
content: "\f080"; }
/* line 557, sass/vendor/_font-awesome.scss */
.fa-twitter-square:before {
content: "\f081"; }
/* line 560, sass/vendor/_font-awesome.scss */
.fa-facebook-square:before {
content: "\f082"; }
/* line 563, sass/vendor/_font-awesome.scss */
.fa-camera-retro:before {
content: "\f083"; }
/* line 566, sass/vendor/_font-awesome.scss */
.fa-key:before {
content: "\f084"; }
/* line 569, sass/vendor/_font-awesome.scss */
.fa-gears:before,
.fa-cogs:before {
content: "\f085"; }
/* line 573, sass/vendor/_font-awesome.scss */
.fa-comments:before {
content: "\f086"; }
/* line 576, sass/vendor/_font-awesome.scss */
.fa-thumbs-o-up:before {
content: "\f087"; }
/* line 579, sass/vendor/_font-awesome.scss */
.fa-thumbs-o-down:before {
content: "\f088"; }
/* line 582, sass/vendor/_font-awesome.scss */
.fa-star-half:before {
content: "\f089"; }
/* line 585, sass/vendor/_font-awesome.scss */
.fa-heart-o:before {
content: "\f08a"; }
/* line 588, sass/vendor/_font-awesome.scss */
.fa-sign-out:before {
content: "\f08b"; }
/* line 591, sass/vendor/_font-awesome.scss */
.fa-linkedin-square:before {
content: "\f08c"; }
/* line 594, sass/vendor/_font-awesome.scss */
.fa-thumb-tack:before {
content: "\f08d"; }
/* line 597, sass/vendor/_font-awesome.scss */
.fa-external-link:before {
content: "\f08e"; }
/* line 600, sass/vendor/_font-awesome.scss */
.fa-sign-in:before {
content: "\f090"; }
/* line 603, sass/vendor/_font-awesome.scss */
.fa-trophy:before {
content: "\f091"; }
/* line 606, sass/vendor/_font-awesome.scss */
.fa-github-square:before {
content: "\f092"; }
/* line 609, sass/vendor/_font-awesome.scss */
.fa-upload:before {
content: "\f093"; }
/* line 612, sass/vendor/_font-awesome.scss */
.fa-lemon-o:before {
content: "\f094"; }
/* line 615, sass/vendor/_font-awesome.scss */
.fa-phone:before {
content: "\f095"; }
/* line 618, sass/vendor/_font-awesome.scss */
.fa-square-o:before {
content: "\f096"; }
/* line 621, sass/vendor/_font-awesome.scss */
.fa-bookmark-o:before {
content: "\f097"; }
/* line 624, sass/vendor/_font-awesome.scss */
.fa-phone-square:before {
content: "\f098"; }
/* line 627, sass/vendor/_font-awesome.scss */
.fa-twitter:before, .icon-twitter:before {
content: "\f099"; }
/* line 630, sass/vendor/_font-awesome.scss */
.fa-facebook:before, .icon-facebook:before {
content: "\f09a"; }
/* line 633, sass/vendor/_font-awesome.scss */
.fa-github:before {
content: "\f09b"; }
/* line 636, sass/vendor/_font-awesome.scss */
.fa-unlock:before {
content: "\f09c"; }
/* line 639, sass/vendor/_font-awesome.scss */
.fa-credit-card:before {
content: "\f09d"; }
/* line 642, sass/vendor/_font-awesome.scss */
.fa-rss:before, .icon-rss:before {
content: "\f09e"; }
/* line 645, sass/vendor/_font-awesome.scss */
.fa-hdd-o:before {
content: "\f0a0"; }
/* line 648, sass/vendor/_font-awesome.scss */
.fa-bullhorn:before {
content: "\f0a1"; }
/* line 651, sass/vendor/_font-awesome.scss */
.fa-bell:before, .icon-bell:before {
content: "\f0f3"; }
/* line 654, sass/vendor/_font-awesome.scss */
.fa-certificate:before {
content: "\f0a3"; }
/* line 657, sass/vendor/_font-awesome.scss */
.fa-hand-o-right:before, .icon-pointer:before {
content: "\f0a4"; }
/* line 660, sass/vendor/_font-awesome.scss */
.fa-hand-o-left:before {
content: "\f0a5"; }
/* line 663, sass/vendor/_font-awesome.scss */
.fa-hand-o-up:before {
content: "\f0a6"; }
/* line 666, sass/vendor/_font-awesome.scss */
.fa-hand-o-down:before {
content: "\f0a7"; }
/* line 669, sass/vendor/_font-awesome.scss */
.fa-arrow-circle-left:before {
content: "\f0a8"; }
/* line 672, sass/vendor/_font-awesome.scss */
.fa-arrow-circle-right:before {
content: "\f0a9"; }
/* line 675, sass/vendor/_font-awesome.scss */
.fa-arrow-circle-up:before {
content: "\f0aa"; }
/* line 678, sass/vendor/_font-awesome.scss */
.fa-arrow-circle-down:before {
content: "\f0ab"; }
/* line 681, sass/vendor/_font-awesome.scss */
.fa-globe:before {
content: "\f0ac"; }
/* line 684, sass/vendor/_font-awesome.scss */
.fa-wrench:before {
content: "\f0ad"; }
/* line 687, sass/vendor/_font-awesome.scss */
.fa-tasks:before {
content: "\f0ae"; }
/* line 690, sass/vendor/_font-awesome.scss */
.fa-filter:before {
content: "\f0b0"; }
/* line 693, sass/vendor/_font-awesome.scss */
.fa-briefcase:before {
content: "\f0b1"; }
/* line 696, sass/vendor/_font-awesome.scss */
.fa-arrows-alt:before {
content: "\f0b2"; }
/* line 699, sass/vendor/_font-awesome.scss */
.fa-group:before,
.fa-users:before {
content: "\f0c0"; }
/* line 703, sass/vendor/_font-awesome.scss */
.fa-chain:before,
.fa-link:before {
content: "\f0c1"; }
/* line 707, sass/vendor/_font-awesome.scss */
.fa-cloud:before {
content: "\f0c2"; }
/* line 710, sass/vendor/_font-awesome.scss */
.fa-flask:before {
content: "\f0c3"; }
/* line 713, sass/vendor/_font-awesome.scss */
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4"; }
/* line 717, sass/vendor/_font-awesome.scss */
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5"; }
/* line 721, sass/vendor/_font-awesome.scss */
.fa-paperclip:before {
content: "\f0c6"; }
/* line 724, sass/vendor/_font-awesome.scss */
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7"; }
/* line 728, sass/vendor/_font-awesome.scss */
.fa-square:before {
content: "\f0c8"; }
/* line 731, sass/vendor/_font-awesome.scss */
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9"; }
/* line 736, sass/vendor/_font-awesome.scss */
.fa-list-ul:before {
content: "\f0ca"; }
/* line 739, sass/vendor/_font-awesome.scss */
.fa-list-ol:before {
content: "\f0cb"; }
/* line 742, sass/vendor/_font-awesome.scss */
.fa-strikethrough:before {
content: "\f0cc"; }
/* line 745, sass/vendor/_font-awesome.scss */
.fa-underline:before {
content: "\f0cd"; }
/* line 748, sass/vendor/_font-awesome.scss */
.fa-table:before {
content: "\f0ce"; }
/* line 751, sass/vendor/_font-awesome.scss */
.fa-magic:before {
content: "\f0d0"; }
/* line 754, sass/vendor/_font-awesome.scss */
.fa-truck:before {
content: "\f0d1"; }
/* line 757, sass/vendor/_font-awesome.scss */
.fa-pinterest:before {
content: "\f0d2"; }
/* line 760, sass/vendor/_font-awesome.scss */
.fa-pinterest-square:before {
content: "\f0d3"; }
/* line 763, sass/vendor/_font-awesome.scss */
.fa-google-plus-square:before {
content: "\f0d4"; }
/* line 766, sass/vendor/_font-awesome.scss */
.fa-google-plus:before {
content: "\f0d5"; }
/* line 769, sass/vendor/_font-awesome.scss */
.fa-money:before {
content: "\f0d6"; }
/* line 772, sass/vendor/_font-awesome.scss */
.fa-caret-down:before, .icon-caret-down:before {
content: "\f0d7"; }
/* line 775, sass/vendor/_font-awesome.scss */
.fa-caret-up:before {
content: "\f0d8"; }
/* line 778, sass/vendor/_font-awesome.scss */
.fa-caret-left:before {
content: "\f0d9"; }
/* line 781, sass/vendor/_font-awesome.scss */
.fa-caret-right:before {
content: "\f0da"; }
/* line 784, sass/vendor/_font-awesome.scss */
.fa-columns:before {
content: "\f0db"; }
/* line 787, sass/vendor/_font-awesome.scss */
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc"; }
/* line 791, sass/vendor/_font-awesome.scss */
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd"; }
/* line 795, sass/vendor/_font-awesome.scss */
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de"; }
/* line 799, sass/vendor/_font-awesome.scss */
.fa-envelope:before {
content: "\f0e0"; }
/* line 802, sass/vendor/_font-awesome.scss */
.fa-linkedin:before {
content: "\f0e1"; }
/* line 805, sass/vendor/_font-awesome.scss */
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2"; }
/* line 809, sass/vendor/_font-awesome.scss */
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3"; }
/* line 813, sass/vendor/_font-awesome.scss */
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4"; }
/* line 817, sass/vendor/_font-awesome.scss */
.fa-comment-o:before {
content: "\f0e5"; }
/* line 820, sass/vendor/_font-awesome.scss */
.fa-comments-o:before {
content: "\f0e6"; }
/* line 823, sass/vendor/_font-awesome.scss */
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7"; }
/* line 827, sass/vendor/_font-awesome.scss */
.fa-sitemap:before {
content: "\f0e8"; }
/* line 830, sass/vendor/_font-awesome.scss */
.fa-umbrella:before {
content: "\f0e9"; }
/* line 833, sass/vendor/_font-awesome.scss */
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea"; }
/* line 837, sass/vendor/_font-awesome.scss */
.fa-lightbulb-o:before {
content: "\f0eb"; }
/* line 840, sass/vendor/_font-awesome.scss */
.fa-exchange:before {
content: "\f0ec"; }
/* line 843, sass/vendor/_font-awesome.scss */
.fa-cloud-download:before {
content: "\f0ed"; }
/* line 846, sass/vendor/_font-awesome.scss */
.fa-cloud-upload:before {
content: "\f0ee"; }
/* line 849, sass/vendor/_font-awesome.scss */
.fa-user-md:before {
content: "\f0f0"; }
/* line 852, sass/vendor/_font-awesome.scss */
.fa-stethoscope:before {
content: "\f0f1"; }
/* line 855, sass/vendor/_font-awesome.scss */
.fa-suitcase:before {
content: "\f0f2"; }
/* line 858, sass/vendor/_font-awesome.scss */
.fa-bell-o:before {
content: "\f0a2"; }
/* line 861, sass/vendor/_font-awesome.scss */
.fa-coffee:before {
content: "\f0f4"; }
/* line 864, sass/vendor/_font-awesome.scss */
.fa-cutlery:before {
content: "\f0f5"; }
/* line 867, sass/vendor/_font-awesome.scss */
.fa-file-text-o:before {
content: "\f0f6"; }
/* line 870, sass/vendor/_font-awesome.scss */
.fa-building-o:before {
content: "\f0f7"; }
/* line 873, sass/vendor/_font-awesome.scss */
.fa-hospital-o:before {
content: "\f0f8"; }
/* line 876, sass/vendor/_font-awesome.scss */
.fa-ambulance:before {
content: "\f0f9"; }
/* line 879, sass/vendor/_font-awesome.scss */
.fa-medkit:before {
content: "\f0fa"; }
/* line 882, sass/vendor/_font-awesome.scss */
.fa-fighter-jet:before {
content: "\f0fb"; }
/* line 885, sass/vendor/_font-awesome.scss */
.fa-beer:before {
content: "\f0fc"; }
/* line 888, sass/vendor/_font-awesome.scss */
.fa-h-square:before {
content: "\f0fd"; }
/* line 891, sass/vendor/_font-awesome.scss */
.fa-plus-square:before, .icon-plus:before {
content: "\f0fe"; }
/* line 894, sass/vendor/_font-awesome.scss */
.fa-angle-double-left:before {
content: "\f100"; }
/* line 897, sass/vendor/_font-awesome.scss */
.fa-angle-double-right:before {
content: "\f101"; }
/* line 900, sass/vendor/_font-awesome.scss */
.fa-angle-double-up:before {
content: "\f102"; }
/* line 903, sass/vendor/_font-awesome.scss */
.fa-angle-double-down:before {
content: "\f103"; }
/* line 906, sass/vendor/_font-awesome.scss */
.fa-angle-left:before, .icon-angle-left:before {
content: "\f104"; }
/* line 909, sass/vendor/_font-awesome.scss */
.fa-angle-right:before, .icon-angle-right:before {
content: "\f105"; }
/* line 912, sass/vendor/_font-awesome.scss */
.fa-angle-up:before, .icon-angle-up:before {
content: "\f106"; }
/* line 915, sass/vendor/_font-awesome.scss */
.fa-angle-down:before, .icon-angle-down:before {
content: "\f107"; }
/* line 918, sass/vendor/_font-awesome.scss */
.fa-desktop:before {
content: "\f108"; }
/* line 921, sass/vendor/_font-awesome.scss */
.fa-laptop:before {
content: "\f109"; }
/* line 924, sass/vendor/_font-awesome.scss */
.fa-tablet:before {
content: "\f10a"; }
/* line 927, sass/vendor/_font-awesome.scss */
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"; }
/* line 931, sass/vendor/_font-awesome.scss */
.fa-circle-o:before {
content: "\f10c"; }
/* line 934, sass/vendor/_font-awesome.scss */
.fa-quote-left:before {
content: "\f10d"; }
/* line 937, sass/vendor/_font-awesome.scss */
.fa-quote-right:before {
content: "\f10e"; }
/* line 940, sass/vendor/_font-awesome.scss */
.fa-spinner:before, .icon-spinner:before {
content: "\f110"; }
/* line 943, sass/vendor/_font-awesome.scss */
.fa-circle:before {
content: "\f111"; }
/* line 946, sass/vendor/_font-awesome.scss */
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112"; }
/* line 950, sass/vendor/_font-awesome.scss */
.fa-github-alt:before {
content: "\f113"; }
/* line 953, sass/vendor/_font-awesome.scss */
.fa-folder-o:before {
content: "\f114"; }
/* line 956, sass/vendor/_font-awesome.scss */
.fa-folder-open-o:before {
content: "\f115"; }
/* line 959, sass/vendor/_font-awesome.scss */
.fa-smile-o:before {
content: "\f118"; }
/* line 962, sass/vendor/_font-awesome.scss */
.fa-frown-o:before {
content: "\f119"; }
/* line 965, sass/vendor/_font-awesome.scss */
.fa-meh-o:before {
content: "\f11a"; }
/* line 968, sass/vendor/_font-awesome.scss */
.fa-gamepad:before {
content: "\f11b"; }
/* line 971, sass/vendor/_font-awesome.scss */
.fa-keyboard-o:before {
content: "\f11c"; }
/* line 974, sass/vendor/_font-awesome.scss */
.fa-flag-o:before {
content: "\f11d"; }
/* line 977, sass/vendor/_font-awesome.scss */
.fa-flag-checkered:before {
content: "\f11e"; }
/* line 980, sass/vendor/_font-awesome.scss */
.fa-terminal:before {
content: "\f120"; }
/* line 983, sass/vendor/_font-awesome.scss */
.fa-code:before {
content: "\f121"; }
/* line 986, sass/vendor/_font-awesome.scss */
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122"; }
/* line 990, sass/vendor/_font-awesome.scss */
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123"; }
/* line 995, sass/vendor/_font-awesome.scss */
.fa-location-arrow:before {
content: "\f124"; }
/* line 998, sass/vendor/_font-awesome.scss */
.fa-crop:before {
content: "\f125"; }
/* line 1001, sass/vendor/_font-awesome.scss */
.fa-code-fork:before {
content: "\f126"; }
/* line 1004, sass/vendor/_font-awesome.scss */
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127"; }
/* line 1008, sass/vendor/_font-awesome.scss */
.fa-question:before {
content: "\f128"; }
/* line 1011, sass/vendor/_font-awesome.scss */
.fa-info:before {
content: "\f129"; }
/* line 1014, sass/vendor/_font-awesome.scss */
.fa-exclamation:before {
content: "\f12a"; }
/* line 1017, sass/vendor/_font-awesome.scss */
.fa-superscript:before {
content: "\f12b"; }
/* line 1020, sass/vendor/_font-awesome.scss */
.fa-subscript:before {
content: "\f12c"; }
/* line 1023, sass/vendor/_font-awesome.scss */
.fa-eraser:before {
content: "\f12d"; }
/* line 1026, sass/vendor/_font-awesome.scss */
.fa-puzzle-piece:before {
content: "\f12e"; }
/* line 1029, sass/vendor/_font-awesome.scss */
.fa-microphone:before {
content: "\f130"; }
/* line 1032, sass/vendor/_font-awesome.scss */
.fa-microphone-slash:before {
content: "\f131"; }
/* line 1035, sass/vendor/_font-awesome.scss */
.fa-shield:before {
content: "\f132"; }
/* line 1038, sass/vendor/_font-awesome.scss */
.fa-calendar-o:before {
content: "\f133"; }
/* line 1041, sass/vendor/_font-awesome.scss */
.fa-fire-extinguisher:before {
content: "\f134"; }
/* line 1044, sass/vendor/_font-awesome.scss */
.fa-rocket:before {
content: "\f135"; }
/* line 1047, sass/vendor/_font-awesome.scss */
.fa-maxcdn:before {
content: "\f136"; }
/* line 1050, sass/vendor/_font-awesome.scss */
.fa-chevron-circle-left:before {
content: "\f137"; }
/* line 1053, sass/vendor/_font-awesome.scss */
.fa-chevron-circle-right:before {
content: "\f138"; }
/* line 1056, sass/vendor/_font-awesome.scss */
.fa-chevron-circle-up:before {
content: "\f139"; }
/* line 1059, sass/vendor/_font-awesome.scss */
.fa-chevron-circle-down:before {
content: "\f13a"; }
/* line 1062, sass/vendor/_font-awesome.scss */
.fa-html5:before {
content: "\f13b"; }
/* line 1065, sass/vendor/_font-awesome.scss */
.fa-css3:before {
content: "\f13c"; }
/* line 1068, sass/vendor/_font-awesome.scss */
.fa-anchor:before {
content: "\f13d"; }
/* line 1071, sass/vendor/_font-awesome.scss */
.fa-unlock-alt:before {
content: "\f13e"; }
/* line 1074, sass/vendor/_font-awesome.scss */
.fa-bullseye:before {
content: "\f140"; }
/* line 1077, sass/vendor/_font-awesome.scss */
.fa-ellipsis-h:before {
content: "\f141"; }
/* line 1080, sass/vendor/_font-awesome.scss */
.fa-ellipsis-v:before {
content: "\f142"; }
/* line 1083, sass/vendor/_font-awesome.scss */
.fa-rss-square:before {
content: "\f143"; }
/* line 1086, sass/vendor/_font-awesome.scss */
.fa-play-circle:before {
content: "\f144"; }
/* line 1089, sass/vendor/_font-awesome.scss */
.fa-ticket:before {
content: "\f145"; }
/* line 1092, sass/vendor/_font-awesome.scss */
.fa-minus-square:before {
content: "\f146"; }
/* line 1095, sass/vendor/_font-awesome.scss */
.fa-minus-square-o:before {
content: "\f147"; }
/* line 1098, sass/vendor/_font-awesome.scss */
.fa-level-up:before {
content: "\f148"; }
/* line 1101, sass/vendor/_font-awesome.scss */
.fa-level-down:before {
content: "\f149"; }
/* line 1104, sass/vendor/_font-awesome.scss */
.fa-check-square:before {
content: "\f14a"; }
/* line 1107, sass/vendor/_font-awesome.scss */
.fa-pencil-square:before {
content: "\f14b"; }
/* line 1110, sass/vendor/_font-awesome.scss */
.fa-external-link-square:before {
content: "\f14c"; }
/* line 1113, sass/vendor/_font-awesome.scss */
.fa-share-square:before {
content: "\f14d"; }
/* line 1116, sass/vendor/_font-awesome.scss */
.fa-compass:before {
content: "\f14e"; }
/* line 1119, sass/vendor/_font-awesome.scss */
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150"; }
/* line 1123, sass/vendor/_font-awesome.scss */
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151"; }
/* line 1127, sass/vendor/_font-awesome.scss */
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152"; }
/* line 1131, sass/vendor/_font-awesome.scss */
.fa-euro:before,
.fa-eur:before {
content: "\f153"; }
/* line 1135, sass/vendor/_font-awesome.scss */
.fa-gbp:before {
content: "\f154"; }
/* line 1138, sass/vendor/_font-awesome.scss */
.fa-dollar:before,
.fa-usd:before {
content: "\f155"; }
/* line 1142, sass/vendor/_font-awesome.scss */
.fa-rupee:before,
.fa-inr:before {
content: "\f156"; }
/* line 1146, sass/vendor/_font-awesome.scss */
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157"; }
/* line 1152, sass/vendor/_font-awesome.scss */
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158"; }
/* line 1157, sass/vendor/_font-awesome.scss */
.fa-won:before,
.fa-krw:before {
content: "\f159"; }
/* line 1161, sass/vendor/_font-awesome.scss */
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a"; }
/* line 1165, sass/vendor/_font-awesome.scss */
.fa-file:before {
content: "\f15b"; }
/* line 1168, sass/vendor/_font-awesome.scss */
.fa-file-text:before {
content: "\f15c"; }
/* line 1171, sass/vendor/_font-awesome.scss */
.fa-sort-alpha-asc:before {
content: "\f15d"; }
/* line 1174, sass/vendor/_font-awesome.scss */
.fa-sort-alpha-desc:before {
content: "\f15e"; }
/* line 1177, sass/vendor/_font-awesome.scss */
.fa-sort-amount-asc:before {
content: "\f160"; }
/* line 1180, sass/vendor/_font-awesome.scss */
.fa-sort-amount-desc:before {
content: "\f161"; }
/* line 1183, sass/vendor/_font-awesome.scss */
.fa-sort-numeric-asc:before {
content: "\f162"; }
/* line 1186, sass/vendor/_font-awesome.scss */
.fa-sort-numeric-desc:before {
content: "\f163"; }
/* line 1189, sass/vendor/_font-awesome.scss */
.fa-thumbs-up:before {
content: "\f164"; }
/* line 1192, sass/vendor/_font-awesome.scss */
.fa-thumbs-down:before {
content: "\f165"; }
/* line 1195, sass/vendor/_font-awesome.scss */
.fa-youtube-square:before {
content: "\f166"; }
/* line 1198, sass/vendor/_font-awesome.scss */
.fa-youtube:before {
content: "\f167"; }
/* line 1201, sass/vendor/_font-awesome.scss */
.fa-xing:before {
content: "\f168"; }
/* line 1204, sass/vendor/_font-awesome.scss */
.fa-xing-square:before {
content: "\f169"; }
/* line 1207, sass/vendor/_font-awesome.scss */
.fa-youtube-play:before {
content: "\f16a"; }
/* line 1210, sass/vendor/_font-awesome.scss */
.fa-dropbox:before {
content: "\f16b"; }
/* line 1213, sass/vendor/_font-awesome.scss */
.fa-stack-overflow:before {
content: "\f16c"; }
/* line 1216, sass/vendor/_font-awesome.scss */
.fa-instagram:before {
content: "\f16d"; }
/* line 1219, sass/vendor/_font-awesome.scss */
.fa-flickr:before {
content: "\f16e"; }
/* line 1222, sass/vendor/_font-awesome.scss */
.fa-adn:before {
content: "\f170"; }
/* line 1225, sass/vendor/_font-awesome.scss */
.fa-bitbucket:before {
content: "\f171"; }
/* line 1228, sass/vendor/_font-awesome.scss */
.fa-bitbucket-square:before {
content: "\f172"; }
/* line 1231, sass/vendor/_font-awesome.scss */
.fa-tumblr:before {
content: "\f173"; }
/* line 1234, sass/vendor/_font-awesome.scss */
.fa-tumblr-square:before {
content: "\f174"; }
/* line 1237, sass/vendor/_font-awesome.scss */
.fa-long-arrow-down:before {
content: "\f175"; }
/* line 1240, sass/vendor/_font-awesome.scss */
.fa-long-arrow-up:before {
content: "\f176"; }
/* line 1243, sass/vendor/_font-awesome.scss */
.fa-long-arrow-left:before {
content: "\f177"; }
/* line 1246, sass/vendor/_font-awesome.scss */
.fa-long-arrow-right:before {
content: "\f178"; }
/* line 1249, sass/vendor/_font-awesome.scss */
.fa-apple:before {
content: "\f179"; }
/* line 1252, sass/vendor/_font-awesome.scss */
.fa-windows:before {
content: "\f17a"; }
/* line 1255, sass/vendor/_font-awesome.scss */
.fa-android:before {
content: "\f17b"; }
/* line 1258, sass/vendor/_font-awesome.scss */
.fa-linux:before {
content: "\f17c"; }
/* line 1261, sass/vendor/_font-awesome.scss */
.fa-dribbble:before {
content: "\f17d"; }
/* line 1264, sass/vendor/_font-awesome.scss */
.fa-skype:before {
content: "\f17e"; }
/* line 1267, sass/vendor/_font-awesome.scss */
.fa-foursquare:before {
content: "\f180"; }
/* line 1270, sass/vendor/_font-awesome.scss */
.fa-trello:before {
content: "\f181"; }
/* line 1273, sass/vendor/_font-awesome.scss */
.fa-female:before {
content: "\f182"; }
/* line 1276, sass/vendor/_font-awesome.scss */
.fa-male:before {
content: "\f183"; }
/* line 1279, sass/vendor/_font-awesome.scss */
.fa-gittip:before {
content: "\f184"; }
/* line 1282, sass/vendor/_font-awesome.scss */
.fa-sun-o:before {
content: "\f185"; }
/* line 1285, sass/vendor/_font-awesome.scss */
.fa-moon-o:before {
content: "\f186"; }
/* line 1288, sass/vendor/_font-awesome.scss */
.fa-archive:before {
content: "\f187"; }
/* line 1291, sass/vendor/_font-awesome.scss */
.fa-bug:before {
content: "\f188"; }
/* line 1294, sass/vendor/_font-awesome.scss */
.fa-vk:before {
content: "\f189"; }
/* line 1297, sass/vendor/_font-awesome.scss */
.fa-weibo:before {
content: "\f18a"; }
/* line 1300, sass/vendor/_font-awesome.scss */
.fa-renren:before {
content: "\f18b"; }
/* line 1303, sass/vendor/_font-awesome.scss */
.fa-pagelines:before {
content: "\f18c"; }
/* line 1306, sass/vendor/_font-awesome.scss */
.fa-stack-exchange:before {
content: "\f18d"; }
/* line 1309, sass/vendor/_font-awesome.scss */
.fa-arrow-circle-o-right:before {
content: "\f18e"; }
/* line 1312, sass/vendor/_font-awesome.scss */
.fa-arrow-circle-o-left:before {
content: "\f190"; }
/* line 1315, sass/vendor/_font-awesome.scss */
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191"; }
/* line 1319, sass/vendor/_font-awesome.scss */
.fa-dot-circle-o:before {
content: "\f192"; }
/* line 1322, sass/vendor/_font-awesome.scss */
.fa-wheelchair:before {
content: "\f193"; }
/* line 1325, sass/vendor/_font-awesome.scss */
.fa-vimeo-square:before {
content: "\f194"; }
/* line 1328, sass/vendor/_font-awesome.scss */
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195"; }
/* line 1332, sass/vendor/_font-awesome.scss */
.fa-plus-square-o:before {
content: "\f196"; }
/* line 1335, sass/vendor/_font-awesome.scss */
.fa-space-shuttle:before {
content: "\f197"; }
/* line 1338, sass/vendor/_font-awesome.scss */
.fa-slack:before {
content: "\f198"; }
/* line 1341, sass/vendor/_font-awesome.scss */
.fa-envelope-square:before {
content: "\f199"; }
/* line 1344, sass/vendor/_font-awesome.scss */
.fa-wordpress:before {
content: "\f19a"; }
/* line 1347, sass/vendor/_font-awesome.scss */
.fa-openid:before {
content: "\f19b"; }
/* line 1350, sass/vendor/_font-awesome.scss */
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c"; }
/* line 1355, sass/vendor/_font-awesome.scss */
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d"; }
/* line 1359, sass/vendor/_font-awesome.scss */
.fa-yahoo:before {
content: "\f19e"; }
/* line 1362, sass/vendor/_font-awesome.scss */
.fa-google:before {
content: "\f1a0"; }
/* line 1365, sass/vendor/_font-awesome.scss */
.fa-reddit:before {
content: "\f1a1"; }
/* line 1368, sass/vendor/_font-awesome.scss */
.fa-reddit-square:before {
content: "\f1a2"; }
/* line 1371, sass/vendor/_font-awesome.scss */
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
/* line 1374, sass/vendor/_font-awesome.scss */
.fa-stumbleupon:before {
content: "\f1a4"; }
/* line 1377, sass/vendor/_font-awesome.scss */
.fa-delicious:before {
content: "\f1a5"; }
/* line 1380, sass/vendor/_font-awesome.scss */
.fa-digg:before {
content: "\f1a6"; }
/* line 1383, sass/vendor/_font-awesome.scss */
.fa-pied-piper-square:before,
.fa-pied-piper:before {
content: "\f1a7"; }
/* line 1387, sass/vendor/_font-awesome.scss */
.fa-pied-piper-alt:before {
content: "\f1a8"; }
/* line 1390, sass/vendor/_font-awesome.scss */
.fa-drupal:before {
content: "\f1a9"; }
/* line 1393, sass/vendor/_font-awesome.scss */
.fa-joomla:before {
content: "\f1aa"; }
/* line 1396, sass/vendor/_font-awesome.scss */
.fa-language:before {
content: "\f1ab"; }
/* line 1399, sass/vendor/_font-awesome.scss */
.fa-fax:before {
content: "\f1ac"; }
/* line 1402, sass/vendor/_font-awesome.scss */
.fa-building:before {
content: "\f1ad"; }
/* line 1405, sass/vendor/_font-awesome.scss */
.fa-child:before {
content: "\f1ae"; }
/* line 1408, sass/vendor/_font-awesome.scss */
.fa-paw:before {
content: "\f1b0"; }
/* line 1411, sass/vendor/_font-awesome.scss */
.fa-spoon:before {
content: "\f1b1"; }
/* line 1414, sass/vendor/_font-awesome.scss */
.fa-cube:before {
content: "\f1b2"; }
/* line 1417, sass/vendor/_font-awesome.scss */
.fa-cubes:before {
content: "\f1b3"; }
/* line 1420, sass/vendor/_font-awesome.scss */
.fa-behance:before {
content: "\f1b4"; }
/* line 1423, sass/vendor/_font-awesome.scss */
.fa-behance-square:before {
content: "\f1b5"; }
/* line 1426, sass/vendor/_font-awesome.scss */
.fa-steam:before {
content: "\f1b6"; }
/* line 1429, sass/vendor/_font-awesome.scss */
.fa-steam-square:before {
content: "\f1b7"; }
/* line 1432, sass/vendor/_font-awesome.scss */
.fa-recycle:before {
content: "\f1b8"; }
/* line 1435, sass/vendor/_font-awesome.scss */
.fa-automobile:before,
.fa-car:before {
content: "\f1b9"; }
/* line 1439, sass/vendor/_font-awesome.scss */
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba"; }
/* line 1443, sass/vendor/_font-awesome.scss */
.fa-tree:before {
content: "\f1bb"; }
/* line 1446, sass/vendor/_font-awesome.scss */
.fa-spotify:before {
content: "\f1bc"; }
/* line 1449, sass/vendor/_font-awesome.scss */
.fa-deviantart:before {
content: "\f1bd"; }
/* line 1452, sass/vendor/_font-awesome.scss */
.fa-soundcloud:before {
content: "\f1be"; }
/* line 1455, sass/vendor/_font-awesome.scss */
.fa-database:before {
content: "\f1c0"; }
/* line 1458, sass/vendor/_font-awesome.scss */
.fa-file-pdf-o:before {
content: "\f1c1"; }
/* line 1461, sass/vendor/_font-awesome.scss */
.fa-file-word-o:before {
content: "\f1c2"; }
/* line 1464, sass/vendor/_font-awesome.scss */
.fa-file-excel-o:before {
content: "\f1c3"; }
/* line 1467, sass/vendor/_font-awesome.scss */
.fa-file-powerpoint-o:before {
content: "\f1c4"; }
/* line 1470, sass/vendor/_font-awesome.scss */
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5"; }
/* line 1475, sass/vendor/_font-awesome.scss */
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6"; }
/* line 1479, sass/vendor/_font-awesome.scss */
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7"; }
/* line 1483, sass/vendor/_font-awesome.scss */
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8"; }
/* line 1487, sass/vendor/_font-awesome.scss */
.fa-file-code-o:before {
content: "\f1c9"; }
/* line 1490, sass/vendor/_font-awesome.scss */
.fa-vine:before {
content: "\f1ca"; }
/* line 1493, sass/vendor/_font-awesome.scss */
.fa-codepen:before {
content: "\f1cb"; }
/* line 1496, sass/vendor/_font-awesome.scss */
.fa-jsfiddle:before {
content: "\f1cc"; }
/* line 1499, sass/vendor/_font-awesome.scss */
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd"; }
/* line 1505, sass/vendor/_font-awesome.scss */
.fa-circle-o-notch:before {
content: "\f1ce"; }
/* line 1508, sass/vendor/_font-awesome.scss */
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0"; }
/* line 1512, sass/vendor/_font-awesome.scss */
.fa-ge:before,
.fa-empire:before {
content: "\f1d1"; }
/* line 1516, sass/vendor/_font-awesome.scss */
.fa-git-square:before {
content: "\f1d2"; }
/* line 1519, sass/vendor/_font-awesome.scss */
.fa-git:before {
content: "\f1d3"; }
/* line 1522, sass/vendor/_font-awesome.scss */
.fa-hacker-news:before {
content: "\f1d4"; }
/* line 1525, sass/vendor/_font-awesome.scss */
.fa-tencent-weibo:before {
content: "\f1d5"; }
/* line 1528, sass/vendor/_font-awesome.scss */
.fa-qq:before {
content: "\f1d6"; }
/* line 1531, sass/vendor/_font-awesome.scss */
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7"; }
/* line 1535, sass/vendor/_font-awesome.scss */
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8"; }
/* line 1539, sass/vendor/_font-awesome.scss */
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9"; }
/* line 1543, sass/vendor/_font-awesome.scss */
.fa-history:before {
content: "\f1da"; }
/* line 1546, sass/vendor/_font-awesome.scss */
.fa-circle-thin:before {
content: "\f1db"; }
/* line 1549, sass/vendor/_font-awesome.scss */
.fa-header:before {
content: "\f1dc"; }
/* line 1552, sass/vendor/_font-awesome.scss */
.fa-paragraph:before {
content: "\f1dd"; }
/* line 1555, sass/vendor/_font-awesome.scss */
.fa-sliders:before {
content: "\f1de"; }
/* line 1558, sass/vendor/_font-awesome.scss */
.fa-share-alt:before {
content: "\f1e0"; }
/* line 1561, sass/vendor/_font-awesome.scss */
.fa-share-alt-square:before {
content: "\f1e1"; }
/* line 1564, sass/vendor/_font-awesome.scss */
.fa-bomb:before {
content: "\f1e2"; }
/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/*doc
---
title: typography.scss
name: typography
category: Files
---
type styles including sizes and vertical spacing
*/
/* line 34, sass/_typography.scss */
p {
word-wrap: break-word; }
/* line 38, sass/_typography.scss */
sup, sub {
vertical-align: 0;
position: relative; }
/* line 43, sass/_typography.scss */
sub {
top: 0.5ex; }
/* line 47, sass/_typography.scss */
sup {
bottom: 1ex; }
/*doc
---
title: other text styles
name: other
category: typography
---
Other text-styles
example | extension
--------|----------
I am condensed
| `@extend %condense`
*/
/*doc
---
title: header styles
name: header styles
category: typography
---
we want to use semantic headers - a logical flow of `h1`, `h2`, `h3` etc...
example | extension
--------|----------
i have a small amount of padding ???? we dont' use this much, should we?
| `@extend .pad-xsmall-x`
i have a border radius
| ` @include border-radius()`
i have a large border radius
| ` @include border-radius($border-radius-large)`
i have box-shadow
| ` @include box-shadow()`
*/
/* line 334, sass/_utilities.scss */
.center-simple {
margin: 0 auto; }
/* line 338, sass/_utilities.scss */
.pad-xsmall-x {
padding: 0 1.25rem; }
/* line 342, sass/_utilities.scss */
.pad-default-y {
padding: 18px 0; }
/* line 346, sass/_utilities.scss */
.margins-reset {
margin: 0;
padding: 0; }
/* line 358, sass/_utilities.scss */
.overlay {
background-position: bottom;
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
/* line 369, sass/_utilities.scss */
.print-only {
display: none !important; }
@media print {
/* line 374, sass/_utilities.scss */
.hide-on-print {
display: none !important; }
/* line 377, sass/_utilities.scss */
.print-only {
display: block !important; }
/* line 380, sass/_utilities.scss */
.hide-for-print, .article-tabs,
#nav-article,
.signposts,
.article-content #figure-carousel-section,
#pagehdr,
#floatTitleTop {
display: none !important; }
/* line 383, sass/_utilities.scss */
.show-for-print {
display: inherit !important; } }
/* line 389, sass/_utilities.scss */
.dummy-anchor {
visibility: hidden; }
/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/*doc
---
title: small components
name: small components
category: components
---
##pill
I am a pill
`@extend .pill`
I am a small pill
`@extend .pill-small`
I am button
`@extend .button-big`
I am hoverable button
`@extend .button`
*/
/* line 58, sass/_components.scss */
.pill {
background: #3c63af;
padding: 1.25rem;
border-radius: 5px;
color: #fff;
display: inline-block; }
/* line 50, sass/_components.scss */
.pill:hover {
background: #333; }
/* line 62, sass/_components.scss */
.pill-small {
background: #3c63af;
padding: 0.625rem;
border-radius: 5px;
color: #fff;
display: inline-block; }
/* line 66, sass/_components.scss */
.button {
border-radius: 4px;
width: auto;
padding: 0.3125rem;
height: auto;
line-height: 1.0625rem;
font-size: 12px;
font-weight: bold;
color: #fff; }
/* line 84, sass/_components.scss */
.button-big {
background: #333;
padding: 0 0.625rem;
border-radius: 5px;
color: #fff;
display: inline-block;
line-height: 2.1875rem;
font-weight: bold;
font-size: 15px;
text-align: center; }
/* line 50, sass/_components.scss */
.button-big:hover {
background: #333; }
/* line 90, sass/_components.scss */
.button-big.highlighted {
background-color: #3c63af; }
/* line 95, sass/_components.scss */
.button-default {
background: #333;
padding: 0 0.625rem;
border-radius: 5px;
color: #fff;
display: inline-block;
line-height: 2.1875rem;
font-family: "arial";
font-size: 14px;
text-align: center; }
/* line 50, sass/_components.scss */
.button-default:hover {
background: #333; }
/*doc
---
title: blocks
name: blocks
category: components
---
Blocks are essentially boxes with some defaults, such as color and bottom margin. You can either use the extendable classes below or the mixin if you need more flexibility. if you are using a certain style over and over feel free to add a extendable class of your own.
### Extendable Classes
We created extendable classes for some commonly used blocks.
example | extension
--------|----------
I am a block - usually on the homepage
| `@extend .block`
I am a block - with no shadow
| `@extend .block-noshadow`
I am a block - with padding and no border radius
| `@extend .block-card`
###Mixin
We also have a mixin you can use to create your own blocks:
`@include blocks();`
variable | result | default
------------------------------------------| ----------------- | ---------
`$radius: top` | default radius on the top corners of block | yes
`$radius: none` | no radius |
`$radius: all` | default radius on all corners of block |
`$padding: default` | block has a padding of `$pad-small` - 10px | yes
`$padding: none` | block has no padding |
`$padding: NUMBER` | allows you to set the number padding - use variables |
`$color: COLOR` | sets the background color | `$white`
*/
/* line 173, sass/_components.scss */
.block {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
padding: 0.625rem;
-webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.15);
margin-bottom: 1.25rem;
background: #fff; }
/* line 176, sass/_components.scss */
.block-noshadow {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
padding: 0.625rem;
margin-bottom: 1.25rem;
background: #fff; }
/* line 180, sass/_components.scss */
.block-card {
padding: 0;
-webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.15);
margin-bottom: 1.25rem;
background: #fff; }
/* line 183, sass/_components.scss */
.block-dark {
border-radius: 5px;
padding: 0.625rem;
margin-bottom: 1.25rem;
background: #333; }
/* line 195, sass/_components.scss */
.action-label {
display: inline-block;
float: left;
margin-right: 0.25rem;
border-radius: 2px; }
/* line 266, sass/_components.scss */
.tooltip-aside {
background: #3c63af;
padding: 0.9375rem 0.625rem 0.625rem 1.25rem;
border-radius: 5px;
color: #fff;
display: inline-block;
padding-right: 1.25rem;
width: 10rem;
margin-left: 0;
display: block; }
/* line 240, sass/_components.scss */
.tooltip-aside .close {
position: absolute;
top: 0.3125rem;
right: 0.3125rem; }
/* line 270, sass/_components.scss */
.tooltip-aside li {
font-size: 16px;
font-weight: bold;
text-align: left;
list-style-type: disc;
list-style-position: inside;
padding-bottom: 0.5rem; }
/* line 278, sass/_components.scss */
.tooltip-aside li a {
font-weight: bold;
color: #fff; }
/* line 283, sass/_components.scss */
.tooltip-aside li a:hover {
color: #a7bee9; }
/*
Modal component
*/
/* line 430, sass/_components.scss */
.reveal-modal-bg {
background-color: rgba(0, 0, 0, 0.5); }
/*
TypeAhead
*/
/* line 440, sass/_components.scss */
.twitter-typeahead .tt-menu {
background-color: white;
min-width: 100%;
border: 1px solid #ccc;
border-top-color: transparent;
padding: 0.3125rem 0; }
/* line 447, sass/_components.scss */
.twitter-typeahead h5 {
font-weight: bold;
padding: 0.3125rem 0.625rem;
margin: 0; }
/* line 452, sass/_components.scss */
.twitter-typeahead .tt-suggestion {
padding: 0.3125rem 0.625rem;
margin: 0; }
/* line 456, sass/_components.scss */
.twitter-typeahead .tt-suggestion.tt-cursor, .twitter-typeahead .tt-suggestion:hover {
cursor: pointer; }
/* line 464, sass/_components.scss */
.pos-right {
right: 0; }
/* line 468, sass/_components.scss */
.shim {
height: 50px;
position: absolute;
width: 100%; }
/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/*doc
---
title: icons
name: icons
category: typography
---
We use the fantastic FontAwesome library for most icons. There are a few manipulation functions, found in the documentation.
For icons after text:
use with `::after` example:
.next {
@extend .icon-chevron-right;
color: white;
&:after{
content: "\f054";
}
}
example | extension
--------|----------
more| `@extend .more-icon`
twitter
| `@extend .icon-twitter`
facebook
| `@extend .icon-facebook`
email
| `@extend .icon-email`
Example of hiding the text normally shown in a and replacing it with an icon:
Text Normally Shown
.example {
.icon-text {
@extend .aria-text;
}
.icon:before {
@extend .icon-of-your-choice;
white-space: nowrap;
color: $whateverYouLike;
}
}
*/
/* line 69, sass/_icons.scss */
.more-icon {
content: '\f138';
padding-left: 0.1875rem; }
/* line 78, sass/_icons.scss */
.icon-fa, .icon-spinner, .icon-twitter, .icon-facebook, .icon-rss, .icon-email, .icon-minus, .icon-plus-no-square, .icon-plus, .icon-close, .icon-alert, .icon-important, .block-important:after, .icon-arrow-right, .icon-arrow-left, .icon-caret-down, .icon-caret-left, .icon-caret-right, .icon-angle-up, .icon-angle-down, .icon-angle-right, .icon-angle-left, .icon-chevron-left, .icon-chevron-right, .icon-circle, .icon-times-circle, .icon-pointer, .block-tip:after, .icon-info, .block-more-information:after, .icon-warning, .icon-bell {
line-height: 44px;
font-size: 22px; }
/* line 91, sass/_icons.scss */
.icon-twitter {
content: '\f099'; }
/* line 97, sass/_icons.scss */
.icon-facebook {
content: '\f09a'; }
/* line 103, sass/_icons.scss */
.icon-rss {
content: '\f09e'; }
/* line 109, sass/_icons.scss */
.icon-email {
content: '\f003'; }
/* line 114, sass/_icons.scss */
.icon-minus {
line-height: normal; }
/* line 119, sass/_icons.scss */
.icon-plus-no-square {
line-height: normal; }
/* line 124, sass/_icons.scss */
.icon-plus {
line-height: normal; }
/* line 129, sass/_icons.scss */
.icon-close {
line-height: normal;
content: '\f00d'; }
/* line 134, sass/_icons.scss */
.icon-alert {
color: #e53350; }
/* line 139, sass/_icons.scss */
.icon-important, .block-important:after {
content: "\f06a"; }
/* line 152, sass/_icons.scss */
.icon-caret-down {
font-size: 16px;
line-height: 2.1875rem; }
/* line 160, sass/_icons.scss */
.icon-caret-left {
content: '\f0d9';
font-size: 16px;
line-height: 2.1875rem; }
/* line 167, sass/_icons.scss */
.icon-caret-right {
content: '\f0da';
font-size: 16px;
line-height: 2.1875rem; }
/* line 175, sass/_icons.scss */
.icon-angle-up {
font-size: 18px;
line-height: 2.1875rem; }
/* line 182, sass/_icons.scss */
.icon-angle-down {
font-size: 18px;
line-height: 2.1875rem; }
/* line 188, sass/_icons.scss */
.icon-angle-right {
font-size: 18px;
line-height: 2.1875rem; }
/* line 195, sass/_icons.scss */
.icon-angle-left {
font-size: 18px;
line-height: 2.1875rem; }
/* line 202, sass/_icons.scss */
.icon-chevron-left {
font-size: 26px;
line-height: 2.1875rem; }
/* line 209, sass/_icons.scss */
.icon-chevron-right {
font-size: 26px;
line-height: 2.1875rem; }
/* line 216, sass/_icons.scss */
.icon-circle {
content: '\f111';
font-size: 10px;
line-height: 2.1875rem; }
/* line 223, sass/_icons.scss */
.icon-question, .icon-question:hover {
width: 18px;
height: 18px;
background: #3c63af;
border-radius: 9px;
text-align: center;
line-height: 18px;
background-color: #3c63af;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 18px;
text-decoration: none; }
/* line 234, sass/_icons.scss */
.icon-times-circle {
line-height: 18px;
font-size: 20px; }
/* line 241, sass/_icons.scss */
.icon-pointer, .block-tip:after {
content: "\f0a4"; }
/* line 247, sass/_icons.scss */
.icon-info, .block-more-information:after {
content: "\f05a"; }
/* line 253, sass/_icons.scss */
.icon-warning {
font-size: 13px;
line-height: 2.1875rem; }
/* line 260, sass/_icons.scss */
.icon-bell {
content: '\f0f3'; }
/* line 266, sass/_icons.scss */
.list-icon, .list-bullet > li:before, .bulleted > li:before {
position: absolute;
top: 9px;
line-height: 0; }
/* line 272, sass/_icons.scss */
.aria-text {
position: absolute;
top: -9999px;
left: -9999px; }
/* line 296, sass/_icons.scss */
.icon-author-contribute {
background: url("../../resource/img/icon.author.co.gif") no-repeat 0 0;
vertical-align: middle;
display: inline-block;
width: 0.9375rem;
height: 0.8125rem; }
/* line 300, sass/_icons.scss */
.icon-author-footnotes {
background: url("../../resource/img/icon.author.grp.png") no-repeat 0 0;
vertical-align: middle;
display: inline-block;
width: 0.9375rem;
height: 0.8125rem; }
/* line 303, sass/_icons.scss */
.icon-author-address {
background: url("../../resource/img/icon.author.email.png") no-repeat 0 0;
vertical-align: middle;
display: inline-block;
width: 0.9375rem;
height: 0.8125rem; }
/* line 306, sass/_icons.scss */
.icon-correction {
background: url("../../resource/img/icon.correction.png") no-repeat 0 0;
vertical-align: middle;
display: inline-block;
width: 0.9375rem;
height: 0.9375rem; }
/* line 309, sass/_icons.scss */
.icon-expand {
background: url("../../resource/img/icon.sprite.expand.png") no-repeat 0 0;
vertical-align: middle;
display: inline-block;
width: 1.5625rem;
height: 1.5625rem; }
/* line 311, sass/_icons.scss */
.icon-expand:hover {
background-position: 0 -25px;
cursor: pointer; }
/* line 318, sass/_icons.scss */
.closer, .tooltip-aside .close, .closer-brand {
background: url("../../resource/img/icon.sprite.close.png") no-repeat 0 -24px;
vertical-align: middle;
display: inline-block;
width: 1.5625rem;
height: 1.5625rem;
color: #fff;
text-indent: -9999px; }
/* line 325, sass/_icons.scss */
.closer-brand {
border-radius: 3px; }
/* line 330, sass/_icons.scss */
.plosone .closer-brand {
background-position: 0 0; }
/*!
* Copyright (c) 2017 Public Library of Science
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
*/
/*doc
---
title: typography.scss
name: typography
category: Files
---
forms styles
*/
/* line 33, sass/_forms.scss */
form fieldset {
border: 0 none;
margin: 0;
padding: 0; }
/*the following is copied from foundation/components/_type.scss */
/* line 29, sass/print.scss */
* {
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important; }
/* line 35, sass/print.scss */
body {
margin: 2em auto; }
/* line 37, sass/print.scss */
body p {
font-size: 1em; }
/* line 40, sass/print.scss */
a,
a:visited {
text-decoration: underline; }
/* line 43, sass/print.scss */
abbr[title]:after {
content: " (" attr(title) ")"; }
/* line 46, sass/print.scss */
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
/* line 50, sass/print.scss */
pre,
blockquote,
.block-quote,
.pullquote {
border: 1px solid #999;
page-break-inside: avoid; }
/* line 56, sass/print.scss */
thead {
display: table-header-group;
/* h5bp.com/t */ }
/* line 58, sass/print.scss */
tr,
img {
page-break-inside: avoid; }
/* line 61, sass/print.scss */
img {
max-width: 100% !important; }
@page {
margin: .75in; }
/* line 65, sass/print.scss */
p,
h2,
h3 {
orphans: 3;
widows: 3; }
/* line 72, sass/print.scss */
h2,
h3 {
page-break-after: avoid; }
/* end portion from foundation/components/_type.scss */
/*# sourceMappingURL=../sass */