/**
* @desc			Media breakpoints
* @author		Firespring
*/
/**
* @desc			Media breakpoints
* @author		Firespring
*/
/* ==========================================================================
Apply a natural box layout model to all elements
Via http://www.paulirish.com/2012/box-sizing-border-box-ftw/
========================================================================== */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
* @desc			General styles
* @author		Firespring
*/
/* ==========================================================================
Link colors
========================================================================== */
a:link {
  color: #dd3812;
  text-decoration: none; }

a:visited {
  color: #dd3812;
  text-decoration: none; }

a:hover {
  color: #000;
  text-decoration: underline; }

a:active {
  color: #000;
  text-decoration: underline; }

/* ============================================================================
Responsive media elements
============================================================================ */
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

object,
embed {
  max-width: 100%;
  height: auto; }

/* ============================================================================
Meta info list
============================================================================ */
.info-meta > div {
  display: inline-block; }
  .info-meta > div:first-child {
    margin: 0; }

.info-meta .prefix:after {
  content: '\00A0'; }

/**
* @desc			Helper classes
* @author		Firespring
*/
/* ============================================================================
Image replacement
============================================================================ */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden; }
  
  .ir:before {
    content: '';
    display: block;
    width: 0;
    height: 150%; }

/* ============================================================================
Hide from both screenreaders and browsers
============================================================================ */

.hidden {
  display: none !important;
  visibility: hidden; }

/* ============================================================================
Hide only visually, but have it available for screenreaders
============================================================================ */

.hidden-visually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  
  .hidden-visually.focusable:active,
  .hidden-visually.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/* ============================================================================
Hide visually and from screenreaders, but maintain layout
============================================================================ */

.invisible {
  visibility: hidden; }

/* ============================================================================
Self-clearing floats
============================================================================ */

.clearfix:after {
  display: table;
  content: "";
  clear: both; }

/* ============================================================================
Misc
============================================================================ */
/**
* @desc			Helpers for aligning text and centering block elements
* @author		Firespring
*/
/* ==========================================================================
Text alignment
========================================================================== */

.text-left {
  text-align: left; }


.text-right {
  text-align: right; }


.text-center {
  text-align: center; }


.text-justify {
  text-align: justify; }

/* ============================================================================
Center align elements
============================================================================ */
/* Horizontally
========================================================================== */

.center-horz {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Vertically
============================================================================ */

.center-vert {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

/**
* @desc			Helpers for floats
* @author		Firespring
*/
/* ==========================================================================
General floats
========================================================================== */
.float-left {
  float: left; }

.float-right {
  float: right; }

.float-none {
  float: none; }

/* ==========================================================================
Mixins
========================================================================== */
/**
* @desc			Flexbox grid classes
* @author		Firespring
*/
/* ============================================================================
Grid rows
============================================================================ */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }

/* Collapsed grids
============================================================================ */
.grid--compact {
  margin: 0; }
  .grid--compact .grid-col {
    padding: 0; }
  .grid--compact .grid {
    margin: 0; }

/* Reversed grids
============================================================================ */
.grid--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: row-reverse;
      flex-wrap: row-reverse; }

/* ============================================================================
Column general defaults
============================================================================ */
.grid-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100%;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }

[class*='col--w-'] {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.grid-col--reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -ms-flex-wrap: column-reverse;
      flex-wrap: column-reverse; }

/* Block grid
============================================================================ */
.grid--block {
  border: 1px solid #b3b3b6;
  border-width: 0 0 0 1px;
  list-style: none;
  margin: 0;
  padding: 0; }
  .grid--block li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
    border: 1px solid #b3b3b6;
    border-width: 0 1px 1px 0;
    background-color: #fff; }
    .grid--block li > * {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%;
      max-width: 100%; }
    .grid--block li:first-child {
      border-width: 1px 1px 1px 0; }
  .grid--block .image img {
    width: auto; }
  .grid--block + .table-actions {
    border-top: 0;
    padding: 0; }
  .grid--block.grid--plain {
    border: 0;
    margin-right: -0.625rem;
    margin-left: -0.625rem; }
    .grid--block.grid--plain li {
      background: none;
      border: 0;
      padding: 0.5rem; }

/* Horizontal Alignment */
.grid--block-horz-left li {
  text-align: left; }

.grid--block-horz-center li {
  text-align: center; }

.grid--block-horz-right li {
  text-align: right; }

/* Vertical Alignment */
.grid--block-vert-top li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.grid--block-vert-middle li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.grid--block-vert-bottom li {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

/* IE9 fix */
.lt-ie10 .grid--block li {
  max-width: 100%;
  border-width: 0 1px 1px 0 !important; }
  .lt-ie10 .grid--block li:first-child {
    border-width: 1px 1px 1px 0 !important; }

/* ============================================================================
Media queries
============================================================================ */
/* Extra small column widths
============================================================================ */
@media (min-width: 480px) {
  .grid-col--xs-1 {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
  .grid-col--xs-2 {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
  .grid-col--xs-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  .grid-col--xs-4 {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
  .grid-col--xs-5 {
    -ms-flex-preferred-size: 41.666666667%;
        flex-basis: 41.666666667%;
    max-width: 41.666666667%; }
  .grid-col--xs-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  .grid-col--xs-7 {
    -ms-flex-preferred-size: 58.333333333%;
        flex-basis: 58.333333333%;
    max-width: 58.333333333%; }
  .grid-col--xs-8 {
    -ms-flex-preferred-size: 66.666666667%;
        flex-basis: 66.666666667%;
    max-width: 66.666666667%; }
  .grid-col--xs-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  .grid-col--xs-10 {
    -ms-flex-preferred-size: 83.333333333%;
        flex-basis: 83.333333333%;
    max-width: 83.333333333%; }
  .grid-col--xs-11 {
    -ms-flex-preferred-size: 91.666666667%;
        flex-basis: 91.666666667%;
    max-width: 91.666666667%; }
  .grid-col--xs-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  .grid-col--xs-expand {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .grid-col--xs-shrink {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  /* Default column offsets */
  .grid-col--xs-push-0 {
    margin-left: 0; }
  .grid-col--xs-push-1 {
    margin-left: 8.333333333%; }
  .grid-col--xs-push-2 {
    margin-left: 16.666666667%; }
  .grid-col--xs-push-3 {
    margin-left: 25%; }
  .grid-col--xs-push-4 {
    margin-left: 33.333333333%; }
  .grid-col--xs-push-5 {
    margin-left: 41.666666667%; }
  .grid-col--xs-push-6 {
    margin-left: 50%; }
  .grid-col--xs-push-7 {
    margin-left: 58.333333333%; }
  .grid-col--xs-push-8 {
    margin-left: 66.666666667%; }
  .grid-col--xs-push-9 {
    margin-left: 75%; }
  .grid-col--xs-push-10 {
    margin-left: 83.333333333%; }
  .grid-col--xs-push-11 {
    margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--xs-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .grid-col--xs-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  /* Column position */
  .grid--xs-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .grid--xs-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .grid--xs-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .grid--xs-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .grid--xs-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .grid--xs-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .grid--xs-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .grid--xs-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  /* Block grid */
  .grid--block-xs-1 li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
    .grid--block-xs-1 li:nth-child(1) {
      border-top-width: 1px; }
  .grid--block-xs-2 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
    .grid--block-xs-2 li:nth-child(-n+2) {
      border-top-width: 1px; }
  .grid--block-xs-3 li {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
    .grid--block-xs-3 li:nth-child(-n+3) {
      border-top-width: 1px; }
  .grid--block-xs-4 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
    .grid--block-xs-4 li:nth-child(-n+4) {
      border-top-width: 1px; }
  .grid--block-xs-5 li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
    .grid--block-xs-5 li:nth-child(-n+5) {
      border-top-width: 1px; }
  .grid--block-xs-6 li {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
    .grid--block-xs-6 li:nth-child(-n+6) {
      border-top-width: 1px; }
  .grid--block-xs-7 li {
    -ms-flex-preferred-size: 14.285714%;
        flex-basis: 14.285714%;
    max-width: 14.285714%; }
    .grid--block-xs-7 li:nth-child(-n+7) {
      border-top-width: 1px; }
  .grid--block-xs-8 li {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
    .grid--block-xs-8 li:nth-child(-n+8) {
      border-top-width: 1px; }
  .grid--block-xs-9 li {
    -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
    max-width: 11.11111111%; }
    .grid--block-xs-9 li:nth-child(-n+9) {
      border-top-width: 1px; }
  .grid--block-xs-10 li {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
    .grid--block-xs-10 li:nth-child(-n+10) {
      border-top-width: 1px; }
  .grid--block-xs-11 li {
    -ms-flex-preferred-size: 9.090909091%;
        flex-basis: 9.090909091%;
    max-width: 9.090909091%; }
    .grid--block-xs-11 li:nth-child(-n+11) {
      border-top-width: 1px; }
  .grid--block-xs-12 li {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
    .grid--block-xs-12 li:nth-child(-n+12) {
      border-top-width: 1px; } }

/* Small breakpoint
============================================================================ */
@media (min-width: 768px) {
  .grid-col--sm-1 {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
  .grid-col--sm-2 {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
  .grid-col--sm-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  .grid-col--sm-4 {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
  .grid-col--sm-5 {
    -ms-flex-preferred-size: 41.666666667%;
        flex-basis: 41.666666667%;
    max-width: 41.666666667%; }
  .grid-col--sm-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  .grid-col--sm-7 {
    -ms-flex-preferred-size: 58.333333333%;
        flex-basis: 58.333333333%;
    max-width: 58.333333333%; }
  .grid-col--sm-8 {
    -ms-flex-preferred-size: 66.666666667%;
        flex-basis: 66.666666667%;
    max-width: 66.666666667%; }
  .grid-col--sm-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  .grid-col--sm-10 {
    -ms-flex-preferred-size: 83.333333333%;
        flex-basis: 83.333333333%;
    max-width: 83.333333333%; }
  .grid-col--sm-11 {
    -ms-flex-preferred-size: 91.666666667%;
        flex-basis: 91.666666667%;
    max-width: 91.666666667%; }
  .grid-col--sm-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  .grid-col--sm-expand {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .grid-col--sm-shrink {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .grid-col--sm-push-0 {
    margin-left: 0; }
  .grid-col--sm-push-1 {
    margin-left: 8.333333333%; }
  .grid-col--sm-push-2 {
    margin-left: 16.666666667%; }
  .grid-col--sm-push-3 {
    margin-left: 25%; }
  .grid-col--sm-push-4 {
    margin-left: 33.333333333%; }
  .grid-col--sm-push-5 {
    margin-left: 41.666666667%; }
  .grid-col--sm-push-6 {
    margin-left: 50%; }
  .grid-col--sm-push-7 {
    margin-left: 58.333333333%; }
  .grid-col--sm-push-8 {
    margin-left: 66.666666667%; }
  .grid-col--sm-push-9 {
    margin-left: 75%; }
  .grid-col--sm-push-10 {
    margin-left: 83.333333333%; }
  .grid-col--sm-push-11 {
    margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .grid-col--sm-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  /* Column position */
  .grid--sm-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .grid--sm-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .grid--sm-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .grid--sm-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .grid--sm-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .grid--sm-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .grid--sm-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .grid--sm-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  /* Block grid */
  .grid--block-sm-1 li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
    .grid--block-sm-1 li:nth-child(1) {
      border-top-width: 1px; }
  .grid--block-sm-2 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
    .grid--block-sm-2 li:nth-child(-n+2) {
      border-top-width: 1px; }
  .grid--block-sm-3 li {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
    .grid--block-sm-3 li:nth-child(-n+3) {
      border-top-width: 1px; }
  .grid--block-sm-4 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
    .grid--block-sm-4 li:nth-child(-n+4) {
      border-top-width: 1px; }
  .grid--block-sm-5 li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
    .grid--block-sm-5 li:nth-child(-n+5) {
      border-top-width: 1px; }
  .grid--block-sm-6 li {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
    .grid--block-sm-6 li:nth-child(-n+6) {
      border-top-width: 1px; }
  .grid--block-sm-7 li {
    -ms-flex-preferred-size: 14.285714%;
        flex-basis: 14.285714%;
    max-width: 14.285714%; }
    .grid--block-sm-7 li:nth-child(-n+7) {
      border-top-width: 1px; }
  .grid--block-sm-8 li {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
    .grid--block-sm-8 li:nth-child(-n+8) {
      border-top-width: 1px; }
  .grid--block-sm-9 li {
    -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
    max-width: 11.11111111%; }
    .grid--block-sm-9 li:nth-child(-n+9) {
      border-top-width: 1px; }
  .grid--block-sm-10 li {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
    .grid--block-sm-10 li:nth-child(-n+10) {
      border-top-width: 1px; }
  .grid--block-sm-11 li {
    -ms-flex-preferred-size: 9.090909091%;
        flex-basis: 9.090909091%;
    max-width: 9.090909091%; }
    .grid--block-sm-11 li:nth-child(-n+11) {
      border-top-width: 1px; }
  .grid--block-sm-12 li {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
    .grid--block-sm-12 li:nth-child(-n+12) {
      border-top-width: 1px; } }

/* Medium breakpoint
============================================================================ */
@media (min-width: 992px) {
  .grid-col--md-1 {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
  .grid-col--md-2 {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
  .grid-col--md-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  .grid-col--md-4 {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
  .grid-col--md-5 {
    -ms-flex-preferred-size: 41.666666667%;
        flex-basis: 41.666666667%;
    max-width: 41.666666667%; }
  .grid-col--md-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  .grid-col--md-7 {
    -ms-flex-preferred-size: 58.333333333%;
        flex-basis: 58.333333333%;
    max-width: 58.333333333%; }
  .grid-col--md-8 {
    -ms-flex-preferred-size: 66.666666667%;
        flex-basis: 66.666666667%;
    max-width: 66.666666667%; }
  .grid-col--md-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  .grid-col--md-10 {
    -ms-flex-preferred-size: 83.333333333%;
        flex-basis: 83.333333333%;
    max-width: 83.333333333%; }
  .grid-col--md-11 {
    -ms-flex-preferred-size: 91.666666667%;
        flex-basis: 91.666666667%;
    max-width: 91.666666667%; }
  .grid-col--md-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  .grid-col--md-expand {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .grid-col--md-shrink {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .grid-col--md-push-0 {
    margin-left: 0; }
  .grid-col--md-push-1 {
    margin-left: 8.333333333%; }
  .grid-col--md-push-2 {
    margin-left: 16.666666667%; }
  .grid-col--md-push-3 {
    margin-left: 25%; }
  .grid-col--md-push-4 {
    margin-left: 33.333333333%; }
  .grid-col--md-push-5 {
    margin-left: 41.666666667%; }
  .grid-col--md-push-6 {
    margin-left: 50%; }
  .grid-col--md-push-7 {
    margin-left: 58.333333333%; }
  .grid-col--md-push-8 {
    margin-left: 66.666666667%; }
  .grid-col--md-push-9 {
    margin-left: 75%; }
  .grid-col--md-push-10 {
    margin-left: 83.333333333%; }
  .grid-col--md-push-11 {
    margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .grid-col--md-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  /* Column position */
  .grid--md-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .grid--md-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .grid--md-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .grid--md-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .grid--md-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .grid--md-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .grid--md-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .grid--md-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  /* Block grid */
  .grid--block-md-1 li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
    .grid--block-md-1 li:nth-child(1) {
      border-top-width: 1px; }
  .grid--block-md-2 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
    .grid--block-md-2 li:nth-child(-n+2) {
      border-top-width: 1px; }
  .grid--block-md-3 li {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
    .grid--block-md-3 li:nth-child(-n+3) {
      border-top-width: 1px; }
  .grid--block-md-4 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
    .grid--block-md-4 li:nth-child(-n+4) {
      border-top-width: 1px; }
  .grid--block-md-5 li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
    .grid--block-md-5 li:nth-child(-n+5) {
      border-top-width: 1px; }
  .grid--block-md-6 li {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
    .grid--block-md-6 li:nth-child(-n+6) {
      border-top-width: 1px; }
  .grid--block-md-7 li {
    -ms-flex-preferred-size: 14.285714%;
        flex-basis: 14.285714%;
    max-width: 14.285714%; }
    .grid--block-md-7 li:nth-child(-n+7) {
      border-top-width: 1px; }
  .grid--block-md-8 li {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
    .grid--block-md-8 li:nth-child(-n+8) {
      border-top-width: 1px; }
  .grid--block-md-9 li {
    -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
    max-width: 11.11111111%; }
    .grid--block-md-9 li:nth-child(-n+9) {
      border-top-width: 1px; }
  .grid--block-md-10 li {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
    .grid--block-md-10 li:nth-child(-n+10) {
      border-top-width: 1px; }
  .grid--block-md-11 li {
    -ms-flex-preferred-size: 9.090909091%;
        flex-basis: 9.090909091%;
    max-width: 9.090909091%; }
    .grid--block-md-11 li:nth-child(-n+11) {
      border-top-width: 1px; }
  .grid--block-md-12 li {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
    .grid--block-md-12 li:nth-child(-n+12) {
      border-top-width: 1px; } }

/* Large breakpoint
============================================================================ */
@media (min-width: 1200px) {
  .grid-col--lg-1 {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
  .grid-col--lg-2 {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
  .grid-col--lg-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  .grid-col--lg-4 {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
  .grid-col--lg-5 {
    -ms-flex-preferred-size: 41.666666667%;
        flex-basis: 41.666666667%;
    max-width: 41.666666667%; }
  .grid-col--lg-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  .grid-col--lg-7 {
    -ms-flex-preferred-size: 58.333333333%;
        flex-basis: 58.333333333%;
    max-width: 58.333333333%; }
  .grid-col--lg-8 {
    -ms-flex-preferred-size: 66.666666667%;
        flex-basis: 66.666666667%;
    max-width: 66.666666667%; }
  .grid-col--lg-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  .grid-col--lg-10 {
    -ms-flex-preferred-size: 83.333333333%;
        flex-basis: 83.333333333%;
    max-width: 83.333333333%; }
  .grid-col--lg-11 {
    -ms-flex-preferred-size: 91.666666667%;
        flex-basis: 91.666666667%;
    max-width: 91.666666667%; }
  .grid-col--lg-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  .grid-col--lg-expand {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .grid-col--lg-shrink {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .grid-col--lg-push-0 {
    margin-left: 0; }
  .grid-col--lg-push-1 {
    margin-left: 8.333333333%; }
  .grid-col--lg-push-2 {
    margin-left: 16.666666667%; }
  .grid-col--lg-push-3 {
    margin-left: 25%; }
  .grid-col--lg-push-4 {
    margin-left: 33.333333333%; }
  .grid-col--lg-push-5 {
    margin-left: 41.666666667%; }
  .grid-col--lg-push-6 {
    margin-left: 50%; }
  .grid-col--lg-push-7 {
    margin-left: 58.333333333%; }
  .grid-col--lg-push-8 {
    margin-left: 66.666666667%; }
  .grid-col--lg-push-9 {
    margin-left: 75%; }
  .grid-col--lg-push-10 {
    margin-left: 83.333333333%; }
  .grid-col--lg-push-11 {
    margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .grid-col--lg-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  /* Column position */
  .grid--lg-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .grid--lg-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .grid--lg-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .grid--lg-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .grid--lg-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .grid--lg-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .grid--lg-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .grid--lg-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  /* Block grid */
  .grid--block-lg-1 li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
    .grid--block-lg-1 li:nth-child(1) {
      border-top-width: 1px; }
  .grid--block-lg-2 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
    .grid--block-lg-2 li:nth-child(-n+2) {
      border-top-width: 1px; }
  .grid--block-lg-3 li {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
    .grid--block-lg-3 li:nth-child(-n+3) {
      border-top-width: 1px; }
  .grid--block-lg-4 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
    .grid--block-lg-4 li:nth-child(-n+4) {
      border-top-width: 1px; }
  .grid--block-lg-5 li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
    .grid--block-lg-5 li:nth-child(-n+5) {
      border-top-width: 1px; }
  .grid--block-lg-6 li {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
    .grid--block-lg-6 li:nth-child(-n+6) {
      border-top-width: 1px; }
  .grid--block-lg-7 li {
    -ms-flex-preferred-size: 14.285714%;
        flex-basis: 14.285714%;
    max-width: 14.285714%; }
    .grid--block-lg-7 li:nth-child(-n+7) {
      border-top-width: 1px; }
  .grid--block-lg-8 li {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
    .grid--block-lg-8 li:nth-child(-n+8) {
      border-top-width: 1px; }
  .grid--block-lg-9 li {
    -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
    max-width: 11.11111111%; }
    .grid--block-lg-9 li:nth-child(-n+9) {
      border-top-width: 1px; }
  .grid--block-lg-10 li {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
    .grid--block-lg-10 li:nth-child(-n+10) {
      border-top-width: 1px; }
  .grid--block-lg-11 li {
    -ms-flex-preferred-size: 9.090909091%;
        flex-basis: 9.090909091%;
    max-width: 9.090909091%; }
    .grid--block-lg-11 li:nth-child(-n+11) {
      border-top-width: 1px; }
  .grid--block-lg-12 li {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
    .grid--block-lg-12 li:nth-child(-n+12) {
      border-top-width: 1px; } }

/* XL breakpoint
============================================================================ */
@media (min-width: 1600px) {
  .grid-col--xl-1 {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
  .grid-col--xl-2 {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
  .grid-col--xl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  .grid-col--xl-4 {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
  .grid-col--xl-5 {
    -ms-flex-preferred-size: 41.666666667%;
        flex-basis: 41.666666667%;
    max-width: 41.666666667%; }
  .grid-col--xl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  .grid-col--xl-7 {
    -ms-flex-preferred-size: 58.333333333%;
        flex-basis: 58.333333333%;
    max-width: 58.333333333%; }
  .grid-col--xl-8 {
    -ms-flex-preferred-size: 66.666666667%;
        flex-basis: 66.666666667%;
    max-width: 66.666666667%; }
  .grid-col--xl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  .grid-col--xl-10 {
    -ms-flex-preferred-size: 83.333333333%;
        flex-basis: 83.333333333%;
    max-width: 83.333333333%; }
  .grid-col--xl-11 {
    -ms-flex-preferred-size: 91.666666667%;
        flex-basis: 91.666666667%;
    max-width: 91.666666667%; }
  .grid-col--xl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  .grid-col--xl-expand {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .grid-col--xl-shrink {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .grid-col--xl-push-0 {
    margin-left: 0; }
  .grid-col--xl-push-1 {
    margin-left: 8.333333333%; }
  .grid-col--xl-push-2 {
    margin-left: 16.666666667%; }
  .grid-col--xl-push-3 {
    margin-left: 25%; }
  .grid-col--xl-push-4 {
    margin-left: 33.333333333%; }
  .grid-col--xl-push-5 {
    margin-left: 41.666666667%; }
  .grid-col--xl-push-6 {
    margin-left: 50%; }
  .grid-col--xl-push-7 {
    margin-left: 58.333333333%; }
  .grid-col--xl-push-8 {
    margin-left: 66.666666667%; }
  .grid-col--xl-push-9 {
    margin-left: 75%; }
  .grid-col--xl-push-10 {
    margin-left: 83.333333333%; }
  .grid-col--xl-push-11 {
    margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .grid-col--xl-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  /* Column position */
  .grid--xl-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .grid--xl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .grid--xl-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .grid--xl-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .grid--xl-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .grid--xl-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .grid--xl-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .grid--xl-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  /* Block grid */
  .grid--block-xl-1 li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
    .grid--block-xl-1 li:nth-child(1) {
      border-top-width: 1px; }
  .grid--block-xl-2 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
    .grid--block-xl-2 li:nth-child(-n+2) {
      border-top-width: 1px; }
  .grid--block-xl-3 li {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
    .grid--block-xl-3 li:nth-child(-n+3) {
      border-top-width: 1px; }
  .grid--block-xl-4 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
    .grid--block-xl-4 li:nth-child(-n+4) {
      border-top-width: 1px; }
  .grid--block-xl-5 li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
    .grid--block-xl-5 li:nth-child(-n+5) {
      border-top-width: 1px; }
  .grid--block-xl-6 li {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
    .grid--block-xl-6 li:nth-child(-n+6) {
      border-top-width: 1px; }
  .grid--block-xl-7 li {
    -ms-flex-preferred-size: 14.285714%;
        flex-basis: 14.285714%;
    max-width: 14.285714%; }
    .grid--block-xl-7 li:nth-child(-n+7) {
      border-top-width: 1px; }
  .grid--block-xl-8 li {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
    .grid--block-xl-8 li:nth-child(-n+8) {
      border-top-width: 1px; }
  .grid--block-xl-9 li {
    -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
    max-width: 11.11111111%; }
    .grid--block-xl-9 li:nth-child(-n+9) {
      border-top-width: 1px; }
  .grid--block-xl-10 li {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
    .grid--block-xl-10 li:nth-child(-n+10) {
      border-top-width: 1px; }
  .grid--block-xl-11 li {
    -ms-flex-preferred-size: 9.090909091%;
        flex-basis: 9.090909091%;
    max-width: 9.090909091%; }
    .grid--block-xl-11 li:nth-child(-n+11) {
      border-top-width: 1px; }
  .grid--block-xl-12 li {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
    .grid--block-xl-12 li:nth-child(-n+12) {
      border-top-width: 1px; } }

/* XXL breakpoint
============================================================================ */
@media (min-width: 1800px) {
  .grid-col--xxl-1 {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
  .grid-col--xxl-2 {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
  .grid-col--xxl-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  .grid-col--xxl-4 {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
  .grid-col--xxl-5 {
    -ms-flex-preferred-size: 41.666666667%;
        flex-basis: 41.666666667%;
    max-width: 41.666666667%; }
  .grid-col--xxl-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  .grid-col--xxl-7 {
    -ms-flex-preferred-size: 58.333333333%;
        flex-basis: 58.333333333%;
    max-width: 58.333333333%; }
  .grid-col--xxl-8 {
    -ms-flex-preferred-size: 66.666666667%;
        flex-basis: 66.666666667%;
    max-width: 66.666666667%; }
  .grid-col--xxl-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  .grid-col--xxl-10 {
    -ms-flex-preferred-size: 83.333333333%;
        flex-basis: 83.333333333%;
    max-width: 83.333333333%; }
  .grid-col--xxl-11 {
    -ms-flex-preferred-size: 91.666666667%;
        flex-basis: 91.666666667%;
    max-width: 91.666666667%; }
  .grid-col--xxl-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  .grid-col--xxl-expand {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .grid-col--xxl-shrink {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .grid-col--xxl-push-0 {
    margin-left: 0; }
  .grid-col--xxl-push-1 {
    margin-left: 8.333333333%; }
  .grid-col--xxl-push-2 {
    margin-left: 16.666666667%; }
  .grid-col--xxl-push-3 {
    margin-left: 25%; }
  .grid-col--xxl-push-4 {
    margin-left: 33.333333333%; }
  .grid-col--xxl-push-5 {
    margin-left: 41.666666667%; }
  .grid-col--xxl-push-6 {
    margin-left: 50%; }
  .grid-col--xxl-push-7 {
    margin-left: 58.333333333%; }
  .grid-col--xxl-push-8 {
    margin-left: 66.666666667%; }
  .grid-col--xxl-push-9 {
    margin-left: 75%; }
  .grid-col--xxl-push-10 {
    margin-left: 83.333333333%; }
  .grid-col--xxl-push-11 {
    margin-left: 91.666666667%; }
  /* Column order */
  .grid-col--xxl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .grid-col--xxl-last {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  /* Column position */
  .grid--xxl-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .grid--xxl-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .grid--xxl-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .grid--xxl-around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .grid--xxl-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .grid--xxl-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .grid--xxl-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .grid--xxl-bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  /* Block grid */
  .grid--block-xxl-1 li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
    .grid--block-xxl-1 li:nth-child(1) {
      border-top-width: 1px; }
  .grid--block-xxl-2 li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
    .grid--block-xxl-2 li:nth-child(-n+2) {
      border-top-width: 1px; }
  .grid--block-xxl-3 li {
    -ms-flex-preferred-size: 33.333333333%;
        flex-basis: 33.333333333%;
    max-width: 33.333333333%; }
    .grid--block-xxl-3 li:nth-child(-n+3) {
      border-top-width: 1px; }
  .grid--block-xxl-4 li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
    .grid--block-xxl-4 li:nth-child(-n+4) {
      border-top-width: 1px; }
  .grid--block-xxl-5 li {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
    .grid--block-xxl-5 li:nth-child(-n+5) {
      border-top-width: 1px; }
  .grid--block-xxl-6 li {
    -ms-flex-preferred-size: 16.666666667%;
        flex-basis: 16.666666667%;
    max-width: 16.666666667%; }
    .grid--block-xxl-6 li:nth-child(-n+6) {
      border-top-width: 1px; }
  .grid--block-xxl-7 li {
    -ms-flex-preferred-size: 14.285714%;
        flex-basis: 14.285714%;
    max-width: 14.285714%; }
    .grid--block-xxl-7 li:nth-child(-n+7) {
      border-top-width: 1px; }
  .grid--block-xxl-8 li {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
    .grid--block-xxl-8 li:nth-child(-n+8) {
      border-top-width: 1px; }
  .grid--block-xxl-9 li {
    -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
    max-width: 11.11111111%; }
    .grid--block-xxl-9 li:nth-child(-n+9) {
      border-top-width: 1px; }
  .grid--block-xxl-10 li {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%; }
    .grid--block-xxl-10 li:nth-child(-n+10) {
      border-top-width: 1px; }
  .grid--block-xxl-11 li {
    -ms-flex-preferred-size: 9.090909091%;
        flex-basis: 9.090909091%;
    max-width: 9.090909091%; }
    .grid--block-xxl-11 li:nth-child(-n+11) {
      border-top-width: 1px; }
  .grid--block-xxl-12 li {
    -ms-flex-preferred-size: 8.333333333%;
        flex-basis: 8.333333333%;
    max-width: 8.333333333%; }
    .grid--block-xxl-12 li:nth-child(-n+12) {
      border-top-width: 1px; } }

/**
* @desc			Margin helpers
* @author		Firespring
*/
/* ============================================================================
All sides
============================================================================ */

.margin-none {
  margin: 0; }


.margin-xs {
  margin: 0.1875rem; }


.margin-thin {
  margin: 0.375rem; }


.margin-medium {
  margin: 0.6875rem; }


.margin-thick {
  margin: 0.875rem; }


.margin-scale {
  margin: 1.3125rem; }

/* ============================================================================
Top
============================================================================ */

.margin-top-none {
  margin-top: 0; }


.margin-top-xs {
  margin-top: 0.1875rem; }


.margin-top-thin {
  margin-top: 0.375rem; }


.margin-top-medium {
  margin-top: 0.6875rem; }


.margin-top-thick {
  margin-top: 0.875rem; }


.margin-top-scale {
  margin-top: 1.3125rem; }

/* ============================================================================
Right
============================================================================ */

.margin-right-none {
  margin-right: 0; }


.margin-right-xs {
  margin-right: 0.1875rem; }


.margin-right-thin {
  margin-right: 0.375rem; }


.margin-right-medium {
  margin-right: 0.6875rem; }


.margin-right-thick {
  margin-right: 0.875rem; }


.margin-right-scale {
  margin-right: 1.3125rem; }

/* ============================================================================
Bottom
============================================================================ */

.margin-bottom-none {
  margin-bottom: 0; }


.margin-bottom-xs {
  margin-bottom: 0.1875rem; }


.margin-bottom-thin {
  margin-bottom: 0.375rem; }


.margin-bottom-medium {
  margin-bottom: 0.6875rem; }


.margin-bottom-thick {
  margin-bottom: 0.875rem; }


.margin-bottom-scale {
  margin-bottom: 1.3125rem; }

/* ============================================================================
Left
============================================================================ */

.margin-left-none {
  margin-left: 0; }


.margin-left-xs {
  margin-left: 0.1875rem; }


.margin-left-thin {
  margin-left: 0.375rem; }


.margin-left-medium {
  margin-left: 0.6875rem; }

.info-meta > div,
.margin-left-thick {
  margin-left: 0.875rem; }


.margin-left-scale {
  margin-left: 1.3125rem; }

/**
* @desc			Helpers for aligning text and centering block elements
* @author		Firespring
*/
/* ==========================================================================
Defaults
========================================================================== */
[class*="border-"] {
  border-style: solid; }

/* ==========================================================================
All sides
========================================================================== */

.border-none {
  border-width: 0; }


.border-thin {
  border-width: 1px; }


.border-medium {
  border-width: 3px; }


.border-thick {
  border-width: 6px; }

/* ==========================================================================
Top
========================================================================== */

.border-top-none {
  border-top-width: 0; }


.border-top-thin {
  border-top-width: 1px; }


.border-top-medium {
  border-top-width: 3px; }


.border-top-thick {
  border-top-width: 6px; }

/* ==========================================================================
Right
========================================================================== */

.border-right-none {
  border-right-width: 0; }


.border-right-thin {
  border-right-width: 1px; }


.border-right-medium {
  border-right-width: 3px; }


.border-right-thick {
  border-right-width: 6px; }

/* ==========================================================================
Bottom
========================================================================== */

.border-bottom-none {
  border-bottom-width: 0; }


.border-bottom-thin {
  border-bottom-width: 1px; }


.border-bottom-medium {
  border-bottom-width: 3px; }


.border-bottom-thick {
  border-bottom-width: 6px; }

/* ==========================================================================
Left
========================================================================== */

.border-left-none {
  border-left-width: 0; }


.border-left-thin {
  border-left-width: 1px; }


.border-left-medium {
  border-left-width: 3px; }


.border-left-thick {
  border-right-width: 6px; }

/**
* @desc			Padding helpers
* @author		Firespring
*/
/* ============================================================================
All sides
============================================================================ */

.padding-none {
  padding: 0; }


.padding-thin {
  padding: 0.375rem; }


.padding-medium {
  padding: 0.6875rem; }

.grid--block li,
.padding-thick {
  padding: 0.875rem; }


.padding-scale {
  padding: 1.3125rem; }

/* ============================================================================
Top
============================================================================ */

.padding-top-none {
  padding-top: 0; }


.padding-top-thin {
  padding-top: 0.375rem; }


.padding-top-medium {
  padding-top: 0.6875rem; }


.padding-top-thick {
  padding-top: 0.875rem; }


.padding-top-scale {
  padding-top: 1.3125rem; }

/* ============================================================================
Right
============================================================================ */

.padding-right-none {
  padding-right: 0; }


.padding-right-thin {
  padding-right: 0.375rem; }


.padding-right-medium {
  padding-right: 0.6875rem; }


.padding-right-thick {
  padding-right: 0.875rem; }


.padding-right-scale {
  padding-right: 1.3125rem; }

/* ============================================================================
Bottom
============================================================================ */

.padding-bottom-none {
  padding-bottom: 0; }


.padding-bottom-thin {
  padding-bottom: 0.375rem; }


.padding-bottom-medium {
  padding-bottom: 0.6875rem; }


.padding-bottom-thick {
  padding-bottom: 0.875rem; }


.padding-bottom-scale {
  padding-bottom: 1.3125rem; }

/* ============================================================================
Left
============================================================================ */

.padding-left-none {
  padding-left: 0; }


.padding-left-thin {
  padding-left: 0.375rem; }


.padding-left-medium {
  padding-left: 0.6875rem; }


.padding-left-thick {
  padding-left: 0.875rem; }


.padding-left-scale {
  padding-left: 1.3125rem; }

/**
* @desc			Width helpers
* @author		Firespring
*/
.width--auto {
  width: auto; }

.width--25p {
  width: 25%; }

.width--33p {
  width: 33.33333%; }

.width--49p {
  width: 50%; }

.width--50p {
  width: 50%; }

.width--66p {
  width: 66.66667%; }

.width--99p {
  width: 99%; }

.width--100p {
  width: 100%; }

.width--50 {
  width: 50px; }

.width--100 {
  width: 100px; }

.width--150 {
  width: 150px; }

.width--200 {
  width: 200px; }

/**
* @desc			Shadow helpers
* @author		Firespring
*/

.box-shadow-none {
  -webkit-box-shadow: none;
          box-shadow: none; }


.box-shadow-1px-border-top {
  -webkit-box-shadow: 0 -1px 0 0 #b3b3b6;
          box-shadow: 0 -1px 0 0 #b3b3b6; }


.box-shadow-1px-border-bottom {
  -webkit-box-shadow: 0 1px 0 0 #b3b3b6;
          box-shadow: 0 1px 0 0 #b3b3b6; }


.box-shadow-3px-border-bottom {
  -webkit-box-shadow: 0 3px 0 0 #b3b3b6;
          box-shadow: 0 3px 0 0 #b3b3b6; }

/**
* @desc			Display helpers
* @author		Firespring
*/
/* ==========================================================================
Text alignment
========================================================================== */
/**
* @desc			Visibility Helper classes
* @author		Firespring
*/
/* ============================================================================
Resolution
============================================================================ */
/* General defaults
============================================================================ */
.show-small,
.show-medium,
.show-large,
.show-xlarge,
.show-xxlarge {
  display: none !important; }

/* Small
============================================================================ */
@media (max-width: 992px) {
  .show-small {
    display: block !important; }
  table.show-small {
    display: table; }
  tr.show-small {
    display: table-row !important; }
  th.show-small,
  td.show-small {
    display: table-cell !important; }
  .hide-small {
    display: none !important; } }

/* Medium
============================================================================ */
@media (min-width: 992px) and (max-width: 1200px) {
  .show-medium {
    display: block !important; }
  table.show-medium {
    display: table; }
  tr.show-medium {
    display: table-row !important; }
  th.show-medium,
  td.show-medium {
    display: table-cell !important; }
  .hide-medium {
    display: none !important; } }

/* Large
============================================================================ */
@media (min-width: 1200px) and (max-width: 1600px) {
  .show-large {
    display: block !important; }
  table.show-large {
    display: table; }
  tr.show-large {
    display: table-row !important; }
  th.show-large,
  td.show-large {
    display: table-cell !important; }
  .hide-large {
    display: none !important; } }

/* X-Large
============================================================================ */
@media (min-width: 1600px) and (max-width: 1800px) {
  .show-xlarge {
    display: block !important; }
  table.show-xlarge {
    display: table; }
  tr.show-xlarge {
    display: table-row !important; }
  th.show-xlarge,
  td.show-xlarge {
    display: table-cell !important; }
  .hide-xlarge {
    display: none !important; } }

/* XX-Large
============================================================================ */
@media (min-width: 1800px) {
  .show-xxlarge {
    display: block !important; }
  table.show-xxlarge {
    display: table; }
  tr.show-xxlarge {
    display: table-row !important; }
  th.show-xxlarge,
  td.show-xxlarge {
    display: table-cell !important; }
  .hide-xxlarge {
    display: none !important; } }

/* ============================================================================
Orientation
============================================================================ */
/* General Defaults
   ========================================================================== */
.show-landscape,
.hide-portrait {
  display: block !important; }

.hide-landscape,
.show-portrait {
  display: none !important; }

/* Landscape
   ========================================================================== */
@media only screen and (orientation: landscape) {
  .show-landscape,
  .hide-portrait {
    display: block !important; }
  table.show-landscape,
  table.hide-portrait {
    display: table; }
  tr.show-landscape,
  tr.hide-portrait {
    display: table-row !important; }
  th.show-landscape,
  td.show-landscape,
  th.hide-portrait,
  td.hide-portrait {
    display: table-cell !important; }
  .hide-landscape,
  .show-portrait {
    display: none !important; } }

/* Portrait
   ========================================================================== */
@media only screen and (orientation: portrait) {
  .show-portrait,
  .hide-landscape {
    display: block !important; }
  table.show-portrait,
  table.hide-landscape {
    display: table; }
  tr.show-portrait,
  tr.hide-landscape {
    display: table-row !important; }
  th.show-portrait,
  td.show-portrait,
  th.hide-landscape,
  td.hide-landscape {
    display: table-cell !important; }
  .hide-portrait,
  .show-landscape {
    display: none !important; } }

/* ============================================================================
Touch, using Modernizr
============================================================================ */
/* General defaults
   ========================================================================== */
.show-touch,
.touch .hide-touch {
  display: none !important; }

.hide-touch,
.touch .show-touch {
  display: inherit !important; }

/* Specific visibility for tables using Modernizr
   ========================================================================== */
table.hide-touch,
.touch table.show-touch {
  display: table; }

thead.hide-touch,
.touch thead.show-touch {
  display: table-header-group !important; }

tbody.hide-touch,
.touch tbody.show-touch {
  display: table-row-group !important; }

tr.hide-touch,
.touch tr.show-touch {
  display: table-row !important; }

td.hide-touch,
.touch td.show-touch,
th.hide-touch,
.touch th.show-touch {
  display: table-cell !important; }

/* ============================================================================
Resolution
============================================================================ */
/* General defaults
   ========================================================================== */
.show-retina {
  display: none !important; }

.hide-retina {
  display: inherit !important; }

/* Retina/high-res device targeting
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .show-retina {
    display: block !important; }
  table.show-retina {
    display: table; }
  tr.show-retina {
    display: table-row !important; }
  th.show-retina,
  td.show-retina {
    display: table-cell !important; }
  .hide-retina {
    display: none !important; } }

/**
* @desc			DB - Basic styles
* @author		Firespring
*/
html {
  font-size: 14px; }
  html.login {
    font-size: 16px; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #efefef;
  font-family: "Montserrat", sans-serif; }
  body.login {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #e3e3e3;
    padding: 0 1rem;
    font-family: "Source Sans Pro", sans-serif; }
    body.login a:link,
    body.login a:visited {
      color: #247bb5;
      text-decoration: none; }
    body.login a:hover,
    body.login a:active {
      color: #333; }
    body.login .page-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      width: 100%;
      max-width: 22.5rem;
      padding: 1rem 0; }
      body.login .page-wrapper > div {
        display: inline-block;
        vertical-align: middle; }
    body.login [class*='page-wrapper__'] {
      width: 100%;
      max-width: none; }
    body.login .page-wrapper__logo {
      border-radius: 3px 3px 0 0;
      background-color: #323234;
      padding: 1rem; }
      body.login .page-wrapper__logo img {
        display: block;
        height: 3.125rem;
        margin: 0 auto; }
    body.login .page-wrapper__main {
      background-color: #fff;
      border-radius: 0 0 3px 3px;
      padding: 1.5rem; }
    body.login h1 {
      font-size: 1.125rem;
      line-height: 1.5; }
    body.login .form-row {
      border: 0;
      padding: 0; }
    body.login .form-row:not(:first-child) {
      margin: 1rem 0 0; }
    body.login .form-actions {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 2.25rem 0 0; }
    body.login .form--horizontal .form-row__label {
      -ms-flex: 1 0 6.25rem;
      -webkit-box-flex: 1;
              flex: 1 0 6.25rem;
      max-width: 6.25rem; }
    body.login .page-wrapper__footer {
      margin: 0; }
    body.login .page-footer {
      background: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      body.login .page-footer a {
        color: #646468; }
        body.login .page-footer a:hover, body.login .page-footer a:active {
          color: #333; }
      body.login .page-footer > div + div {
        margin: 0.625rem 0 0; }

body.centered {
  display: table;
  width: 100%;
  min-height: 100vh;
  align: center;
  padding: 1rem; }

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px; }
  main h2 {
    margin: 0;
    line-height: 1; }
  main .timeline {
    margin: 20px 0 0;
    padding: 20px 0; }

.main__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  -webkit-transform: translateY(0);
          transform: translateY(0); }
  .main__header button {
    display: none;
    margin: 0 0 0 auto;
    border: 0;
    padding: 0;
    background: none;
    font-size: 23px;
    cursor: pointer; }

.main-header-current {
  position: relative;
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 23px;
  line-height: 1.2; }
  .main-header-current.menu-toggle {
    cursor: pointer; }
    .main-header-current.menu-toggle:hover {
      color: #dd3812; }
      .main-header-current.menu-toggle:hover .fa {
        color: #dd3812; }
  .main-header-current > .fa {
    position: absolute;
    top: 0;
    color: #b3b3b6; }
  .main-header-current .fa-caret-down {
    right: -24px;
    cursor: pointer; }
    .main-header-current .fa-caret-down:hover, .main-header-current .fa-caret-down:active {
      color: #dd3812; }
  .main-header-current span {
    margin-right: 5px; }

.main-header-current__domain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .main-header-current__domain span {
    display: inline-block;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis; }

.main-header-switcher {
  display: none;
  position: absolute;
  left: -14px;
  top: 2px;
  width: 100%;
  background: #fff;
  padding: .5rem 1rem;
  z-index: 1000;
  font-weight: bold;
  font-size: 23px;
  line-height: 1;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 24px rgba(0, 0, 0, 0.25); }
  .main-header-switcher a:link,
  .main-header-switcher a:visited {
    display: block;
    padding: 1rem 0;
    color: #222;
    text-decoration: none;
    border-top: 1px solid #ddd;
    word-break: break-all; }
    .main-header-switcher a:link:first-child,
    .main-header-switcher a:visited:first-child {
      border: 0; }
  .main-header-switcher a:hover,
  .main-header-switcher a:active {
    color: #dd3812; }
    .main-header-switcher a:hover .fa,
    .main-header-switcher a:active .fa {
      color: #dd3812; }
  .main-header-switcher .fa {
    margin: 0 10px 0 0;
    font-size: 1.25em;
    color: #b3b3b6; }

.btn,
.btn:link,
.btn:visited {
  display: inline-block;
  background: none;
  color: #dd3812;
  border: 1px solid #dd3812;
  border-radius: 3px;
  padding: 1rem;
  text-decoration: none;
  cursor: pointer; }

.btn:hover,
.btn:active {
  color: #000;
  border-color: #000; }

.error {
  margin: 0 0 1.5rem;
  text-align: left;
  color: #C73337;
  border: 1px solid #C73337;
  border-radius: 3px;
  padding: .75rem; }
  .error .fa {
    margin: 0 5px 0 0; }

/* Media queries
============================================================================ */
@media (min-width: 768px) {
  body {
    padding-top: 84px; }
  .main__header button {
    display: none; }
  .main-header-switcher {
    top: -1px;
    width: auto; }
  .main-header-current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main-header-current__domain span {
    max-width: 300px; }
  .main-header-current__switch {
    margin-left: 12px; } }

@media (min-width: 992px) {
  main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0; }
    main .widgets {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 75%;
              flex: 1 0 75%;
      max-width: 75%;
      padding: 82px 6px 20px 0; }
    main .timeline {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 25%;
              flex: 1 0 25%;
      min-width: 25%;
      max-width: 25%;
      margin: 0;
      padding: 0 0 0 6px;
      position: fixed;
      right: 0;
      max-height: calc(100vh - 84px);
      overflow-y: scroll;
      overflow-x: auto; }
    main .timeline__wrapper {
      padding: 82px 0 20px; }
  .main__header {
    position: absolute;
    top: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1000; }
  .main-header-switcher {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .main-header-switcher a:link,
    .main-header-switcher a:visited {
      text-align: center;
      white-space: nowrap; } }

@media (min-width: 1200px) {
  .main-header-current span {
    max-width: none; } }

@media (min-width: 1600px) {
  main .widgets {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 80%;
            flex: 1 0 80%;
    max-width: 80%; }
  main .timeline {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
    min-width: 20%;
    max-width: 20%;
    margin: 0; } }

/* ============================================================================
Media Object
============================================================================ */
.media-obj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.media-obj__image {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100px;
          flex: 1 0 100px;
  max-width: 100px;
  margin: 0 15px 0 0; }

.media-obj__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.media-obj-list > div {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0; }
  .media-obj-list > div:first-child {
    padding-top: 0; }
  .media-obj-list > div:last-child {
    border: 0;
    padding-bottom: 0; }

.media-obj__meta {
  color: #67676b; }

.media-obj__date {
  text-transform: uppercase; }
  .media-obj__date:after {
    content: '\00A0\2014\00A0'; }

.media-obj__more:link,
.media-obj__more:visited {
  display: inline-block;
  color: #67676b;
  font-size: 12px; }

.media-obj__more:hover,
.media-obj__more:active {
  color: #333; }

/* ============================================================================
Tables
============================================================================ */
table {
  margin: 0;
  border-collapse: collapse; }
  table .nowrap {
    white-space: nowrap; }

th {
  padding: 0 15px 10px;
  text-align: left; }
  th:first-child {
    padding-left: 0; }
  th:last-child {
    padding-right: 0; }

td {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 15px; }
  td:first-child {
    padding-left: 0; }
  td:last-child {
    padding-right: 0; }

tr:last-child td {
  border-bottom: 0; }

/**
* @desc			DB - Header styles
* @author		Firespring
*/
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #dd3812;
  color: #fff;
  padding: 15px; }
  .header img {
    display: block; }

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.header__logo img {
  width: auto;
  height: 30px; }

.header__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #fff; }

.header__user-avatar img {
  width: 30px;
  border-radius: 50%; }

.header__user-info {
  display: none; }
  .header__user-info a {
    color: #fff; }

.header__user-name {
  max-width: 114px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.header__whats-new {
  margin: 0 0 0 12px;
  font-size: 23px;
  line-height: 1; }
  .header__whats-new a {
    color: #ffa992; }
    .header__whats-new a:hover, .header__whats-new a:active {
      color: #fff; }

.header__whats-new--unread a {
  position: relative; }
  .header__whats-new--unread a:before {
    display: block;
    position: absolute;
    top: 4px;
    right: -2px;
    content: '';
    width: 14px;
    height: 14px;
    background: #15a25e;
    border-radius: 100%;
    border: 1px solid #fff; }

.header__support {
  margin: 0 0 0 12px;
  font-size: 23px;
  line-height: 1; }
  .header__support a {
    color: #ffa992; }
    .header__support a:hover, .header__support a:active {
      color: #fff; }

.popup-menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2001;
  width: 250px;
  background: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 3px 3px; }
  .popup-menu a {
    color: #222; }
  .popup-menu ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .popup-menu ul + ul {
      margin: 1.5rem 0 0; }
  .popup-menu li + li {
    margin: 6px 0 0; }
  .popup-menu .fa {
    margin: 0 10px 0 0;
    color: #b3b3b6; }

.popup-menu__close {
  position: absolute;
  right: 9px;
  top: 20px;
  font-size: 20px;
  line-height: 1; }
  .popup-menu__close a:link,
  .popup-menu__close a:visited,
  .popup-menu__close .fa {
    color: #222; }

.support-menu,
.whats-new-menu {
  padding: 15px 24px; }
  .support-menu h2,
  .whats-new-menu h2 {
    font-size: 26px;
    line-height: 1;
    margin: 0 0 24px;
    color: #222; }

.whats-new-menu li {
  position: relative;
  padding: 0 0 0 2rem; }
  .whats-new-menu li .fa {
    position: absolute;
    left: 0;
    top: 3.5px;
    font-size: 12px; }
  .whats-new-menu li + li {
    margin-top: 12px; }

.whats-new-menu .unread .fa {
  color: #15a25e; }

.whats-new-menu .date {
  margin: 2px 0 0;
  font-size: .875rem;
  color: #67676b; }

.account-menu {
  width: 270px;
  padding: 15px 24px 30px; }
  .account-menu .header__user {
    margin: 0 0 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #67676b; }
  .account-menu .header__user-name {
    color: #222; }
  .account-menu .header__user-info {
    display: block; }
  .account-menu .header__user-avatar {
    margin: 0 12px 0 0; }

/* ============================================================================
Media queries
============================================================================ */
@media (min-width: 768px) {
  .header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    padding: 20px 30px; }
  .header__logo img {
    width: 100%;
    height: auto; }
  .header__user {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .header__user-avatar img {
    width: 44px; }
  .header__user-avatar {
    margin: 0 12px 0 0; }
  .header__user-info {
    display: block; }
  .header__support {
    margin: 0 0 0 32px; }
  .popup-menu {
    right: 12px; }
    .popup-menu .popup-menu__close {
      right: 12px;
      top: 31px; }
  .support-menu,
  .whats-new-menu {
    padding: 30px 24px; }
  .account-menu {
    right: 9px;
    padding: 20px 24px 30px; }
    .account-menu .popup-menu__close {
      right: 15px;
      top: 31px; } }

/**
* @desc			DB - Mobile Nav styles
* @author		Firespring
*/
/**
* @desc			DB - Widgets styles
* @author		Firespring
*/
/* ============================================================================
Base
============================================================================ */
/* Media queries
============================================================================ */
@media (min-width: 768px) {
  .widgets__row + .widgets__row {
    margin: 20px 0 0; }
  .widgets__row > div + div {
    margin: 20px 0 0; }
  .widgets__row .col-r > div + div {
    margin: 20px 0 0; } }

@media (min-width: 1400px) {
  .widgets__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .widgets__row > div + div {
      margin: 0 0 0 20px; }
    .widgets__row .col-l {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 40%;
              flex: 1 0 40%;
      max-width: 40%; }
    .widgets__row .col-l--expand {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      max-width: none; }
    .widgets__row .col-r {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .widgets__row--website {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; } }

/* ============================================================================
Widget
============================================================================ */
.widget {
  display: none;
  border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  overflow: hidden; }

.widget__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 18px;
  background: #222; }
  .widget__header h2 {
    font-size: 20px;
    color: #fff; }
    .widget__header h2 .fa {
      display: inline-block;
      margin: 0 5px 0 0; }

.widget__content {
  padding: 20px; }

.widget-header-action a {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.33);
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  text-align: center; }
  .widget-header-action a:hover {
    border: 1px solid rgba(255, 255, 255, 0.75); }

/* Media queries */
@media (min-width: 768px) {
  .widget {
    display: block; } }

/* ============================================================================
Individual widgets
============================================================================ */
.widget--website-tools .widget__header {
  background: transparent;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 26px 18px 8px; }
  .widget--website-tools .widget__header h2 {
    color: #222;
    font-size: 26px; }

.widget--facebook .widget__tabs,
.widget--facebook .widget__tab-select {
  background: #222; }

.widget--facebook form {
  margin: 0; }

.widget--facebook [type=url] {
  width: 100%;
  padding: 1rem;
  border-radius: 3px;
  border: 1px solid #333; }

.widget--facebook .form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .75rem 0 0; }
  .widget--facebook .form-control button {
    white-space: nowrap;
    margin: 0 0 0 1rem; }

.widget--facebook .media-obj__image {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50px;
          flex: 1 0 50px;
  max-width: 50px; }

.widget--donations .widget__tabs,
.widget--donations .widget__tab-select {
  background: #222; }

.widget--nonprofit-news .media-obj__date {
  font-size: .9em; }
  .widget--nonprofit-news .media-obj__date:before {
    content: '\00A0\00A0'; }
  .widget--nonprofit-news .media-obj__date:after {
    content: ''; }

.widget--nonprofit-news .media-obj__text strong {
  font-size: 1.25em; }

/* Grid Menu
============================================================================ */
.widget--menu-grid .nav-wrap {
  overflow: hidden;
  border-top: 1px solid #e5e5e5; }

.widget--menu-grid nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-width: 0 1px 1px 0;
  margin: -1px; }
  .widget--menu-grid nav .fa {
    margin: 0 0 5px;
    font-size: 42px; }
  .widget--menu-grid nav a {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    max-width: 50%;
    color: #333;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-width: 1px 0 0 1px; }

/* Media queries */
@media (min-width: 768px) {
  .widget--menu-grid nav a {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33.33333%;
            flex: 1 0 33.33333%;
    max-width: 33.33333%; } }

/* Chart
============================================================================ */
.widget-chart {
  width: 100%;
  height: auto; }
  .widget-chart canvas {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }

.widget-chart--line canvas[style] {
  width: 100% !important;
  height: 200px !important; }

.widget-chart--donut canvas {
  width: 90%;
  max-width: 90%; }

.widget-chart--donut canvas[style] {
  width: 80% !important;
  height: auto !important; }

/* Leaderboard
============================================================================ */
.leaderboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px; }
  .leaderboard + .widget-chart {
    margin: 30px 0 0; }

.leaderboard__metric {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  max-width: 50%;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1; }
  .leaderboard__metric > div + div {
    margin: 8px 0 0; }
  .leaderboard__metric .metric-name {
    font-size: 14px;
    text-transform: uppercase;
    color: #67676b; }
  .leaderboard__metric .metric-value {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -1px; }
    .leaderboard__metric .metric-value:after {
      display: inline-block;
      font-size: 20px;
      font-family: 'FontAwesome';
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); }
  .leaderboard__metric .metric-value--good {
    color: #15a25e; }
    .leaderboard__metric .metric-value--good:after {
      content: '\f0aa'; }
    .leaderboard__metric .metric-value--good.metric-value--flip:after {
      content: '\f0ab'; }
  .leaderboard__metric .metric-value--bad {
    color: #C73337; }
    .leaderboard__metric .metric-value--bad:after {
      content: '\f0ab'; }
    .leaderboard__metric .metric-value--bad.metric-value--flip:after {
      content: '\f0aa'; }

/* Media queries */
@media (min-width: 768px) {
  .leaderboard {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .leaderboard__metric {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    max-width: none;
    margin: 0; } }

/* Tabs
============================================================================ */
.widget--tabbed .widget__content {
  padding: 0; }

.widget__tabs {
  display: none;
  padding: 4px 20px 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1; }
  .widget__tabs a {
    white-space: nowrap; }
    .widget__tabs a + a {
      margin: 0 0 0 24px; }
    .widget__tabs a:link, .widget__tabs a:visited {
      padding: 0 0 12px;
      color: rgba(255, 255, 255, 0.5);
      text-decoration: none; }
      .widget__tabs a:link.active, .widget__tabs a:visited.active {
        color: white;
        -webkit-box-shadow: inset 0 -3px 0 white;
                box-shadow: inset 0 -3px 0 white; }
    .widget__tabs a:hover, .widget__tabs a:active {
      color: white; }

.widget__tab-select {
  padding: 0 20px 10px;
  text-align: center; }

.widget__tab-select-control {
  display: inline-block;
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  line-height: 1; }
  .widget__tab-select-control select {
    -webkit-appearance: none;
    display: block;
    background: none;
    border: 0;
    padding: 8px 30px 8px 10px;
    color: #fff;
    outline: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1; }
  .widget__tab-select-control:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    content: '\f0d7';
    font-family: 'FontAwesome';
    z-index: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #fff; }

.widget-tab-pane {
  display: none;
  padding: 20px; }

.widget-tab-pane--active {
  display: block; }

/* 'Donations - Campaigns'
============================================================================ */
#widget-donations-campaigns {
  padding: 0; }
  #widget-donations-campaigns .widget-column--chart {
    padding: 20px; }
  #widget-donations-campaigns .widget-column--metrics > div {
    padding: 20px; }
  #widget-donations-campaigns .campaign-total {
    border-bottom: 1px solid #e5e5e5; }
    #widget-donations-campaigns .campaign-total .metric-value {
      font-weight: bold;
      font-size: 30px; }
  #widget-donations-campaigns .campaign-list > div:not(:first-child) {
    margin: 20px 0 0; }
  #widget-donations-campaigns .campaign-list .metric-value {
    font-weight: bold;
    font-size: 30px; }
  #widget-donations-campaigns h4 {
    margin: 0;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #67676b; }

/* Date Filters
============================================================================ */
.date-filters {
  margin: 0 0 20px;
  font-size: .9rem; }
  .date-filters > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.date-filters__nav {
  margin: 0 0 10px; }
  .date-filters__nav a {
    margin-bottom: 4px;
    background: #ddd;
    border-radius: 20px;
    padding: 6px 10px;
    line-height: 1;
    color: #333;
    white-space: nowrap; }
    .date-filters__nav a:hover, .date-filters__nav a:active {
      background: #bbb;
      text-decoration: none; }
    .date-filters__nav a:active {
      -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35);
              box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35); }
    .date-filters__nav a:not(:last-child) {
      margin-right: 8px; }
    .date-filters__nav a.active {
      background: #666;
      color: #efefef;
      -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75);
              box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75); }

/* Media queries
============================================================================ */
@media (min-width: 480px) {
  .widget--facebook .media-obj__image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100px;
            flex: 1 0 100px;
    max-width: 100px; } }

@media (min-width: 768px) {
  /*
	#widget-donations-campaigns {
	
		.widget-columns {
			display: flex;
		}

		.widget-column--chart {
			flex: 1;
		}

		.widget-column--metrics {
			flex: 1 0 320px;
			max-width: 320px;
			border-left: 1px solid #e5e5e5;
		}
	
	}
	*/
  .widget__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .widget__tab-select {
    display: none; }
  #widget-donations-campaigns .widget-columns:before, #widget-donations-campaigns .widget-columns:after {
    display: table;
    content: ' '; }
  #widget-donations-campaigns .widget-columns:after {
    clear: both; }
  #widget-donations-campaigns .widget-column--chart {
    float: left;
    width: calc(100% - 350px); }
  #widget-donations-campaigns .widget-column--metrics {
    float: right;
    width: 350px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
  #widget-donations-campaigns .campaign-total .metric-value {
    font-size: 42px; } }

@media (min-width: 1400px) {
  .widget--facebook .widget-tab-pane {
    max-height: 500px;
    overflow: auto; }
  .widget--facebook .widget__content {
    padding-bottom: 20px; } }

/**
* @desc			DB - Widgets menu
* @author		Firespring
*/
/* ============================================================================
Base
============================================================================ */
.widgets-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px -10px 10px; }

.widgets-menu__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  max-width: 50%;
  padding: 10px; }
  .widgets-menu__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 170px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    padding: 40px 6px 0;
    text-align: center;
    color: #fff; }
    .widgets-menu__item a:hover {
      text-decoration: none; }
    .widgets-menu__item a.widget-website-tools {
      background: #08c5ff; }
    .widgets-menu__item a.widget-website-analytics {
      background: #400080; }
    .widgets-menu__item a.widget-timeline {
      background: #2129a4; }
    .widgets-menu__item a.widget-donations {
      background: #27a768; }
    .widgets-menu__item a.widget-email-campaigns {
      background: #800080; }
    .widgets-menu__item a.widget-facebook {
      background: #3b5998; }
    .widgets-menu__item a.widget-nonprofit-news {
      background: #016370; }
    .widgets-menu__item a .fa {
      margin: 0 0 10px;
      font-size: 60px;
      line-height: 1; }

/* Media queries */
@media (min-width: 600px) {
  .widgets-menu__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33.33333%;
            flex: 1 0 33.33333%;
    max-width: 33.33333%; } }

@media (min-width: 768px) {
  .widgets-menu {
    display: none; } }

/**
* @desc			DB - Timeline styles
* @author		Firespring
*/
.timeline {
  display: none; }
  .timeline .event-meta {
    color: #67676b; }
  .timeline .event-info {
    font-size: 18px; }

.timeline__wrapper {
  -webkit-box-shadow: inset 1px 0 0 #e1e1e1;
          box-shadow: inset 1px 0 0 #e1e1e1; }

.timeline__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px;
  padding: 0 0 0 20px; }
  .timeline__header h2 {
    font-size: 30px; }
  .timeline__header .fa {
    margin: 0 12px 0 0;
    color: #67676b;
    font-size: 30px; }

.timeline__day {
  padding: 20px;
  border-bottom: 1px solid #e1e1e1; }
  .timeline__day:first-child {
    padding-top: 0; }
  .timeline__day:last-child {
    border-bottom: 0;
    padding-bottom: 0; }

.timeline-day-header {
  margin: 0 0 12px;
  padding: 0 0 12px;
  text-align: center;
  text-transform: uppercase; }
  .timeline-day-header h3 {
    margin: 0; }
  .timeline-day-header:after {
    display: block;
    content: '';
    width: 64px;
    height: 4px;
    margin: 10px auto 0;
    background: #dd3812; }

.timeline-day-header__date {
  color: #67676b;
  font-size: 13px;
  letter-spacing: 1px; }

.timeline-day-header__day {
  font-size: 20px; }

.timeline-event {
  position: relative; }
  .timeline-event:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -25px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #2c96dd; }
  .timeline-event + .timeline-event {
    margin: 24px 0 0; }
  .timeline-event a {
    color: #333; }

.timeline-event--calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .timeline-event--calendar .event-time {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 54px;
            flex: 1 0 54px;
    max-width: 54px; }

.timeline-event--nonprofit-hub > div + div,
.timeline-event--firespring > div + div {
  margin: 3px 0 0; }

.timeline-event--nonprofit-hub .event-meta,
.timeline-event--firespring .event-meta {
  font-size: 11px; }

.timeline-event--nonprofit-hub .event-type,
.timeline-event--firespring .event-type {
  text-transform: uppercase; }

.timeline-event--nonprofit-hub .event-info:after,
.timeline-event--firespring .event-info:after {
  display: inline-block;
  font-size: 16px;
  font-family: 'FontAwesome';
  content: '\f08e';
  color: #67676b;
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.timeline-event--nonprofit-hub:before {
  background-color: #8dc63f; }

.timeline-event--firespring:before {
  background-color: #f55930; }

.event-info__misc {
  display: inline-block;
  font-size: 14px;
  color: #67676b;
  white-space: nowrap; }

/* Media queries
============================================================================ */
@media (min-width: 768px) {
  .timeline {
    display: block; } }

@media (min-width: 1600px) {
  .timeline__header {
    padding: 0 0 0 32px; }
  .timeline__day {
    padding: 24px; }
  .timeline-event:before {
    left: -29px; } }