@charset "UTF-8";
/** Foundation for Sites by ZURB Version 6.5.3 foundation.zurb.com Licensed under MIT Open Source */
@media print, screen and (min-width: 40em) { .reveal, .reveal.tiny, .reveal.small, .reveal.large { right: auto; left: auto; margin: 0 auto; } }

.row { max-width: 80rem; margin-right: auto; margin-left: auto; display: flex; flex-flow: row wrap; }

.row .row { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; }

@media print, screen and (min-width: 40em) { .row .row { margin-right: -1rem; margin-left: -1rem; } }

@media print, screen and (min-width: 64em) { .row .row { margin-right: -1rem; margin-left: -1rem; } }

.row .row.collapse { margin-right: 0; margin-left: 0; }

.row.expanded { max-width: none; }

.row.expanded .row { margin-right: auto; margin-left: auto; }

.row:not(.expanded) .row { max-width: none; }

.row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; }

.row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row { margin-right: 0; margin-left: 0; }

.column, .columns { flex: 1 1 0px; padding-right: 0.6666666667rem; padding-left: 0.6666666667rem; min-width: 0; }

@media print, screen and (min-width: 40em) { .column, .columns { padding-right: 1rem; padding-left: 1rem; } }

.column.row.row, .row.row.columns { float: none; display: block; }

.row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }

.small-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.small-offset-0 { margin-left: 0%; }

.small-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.small-offset-1 { margin-left: 8.3333333333%; }

.small-3 { flex: 0 0 25%; max-width: 25%; }

.small-offset-2 { margin-left: 16.6666666667%; }

.small-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.small-offset-3 { margin-left: 25%; }

.small-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.small-offset-4 { margin-left: 33.3333333333%; }

.small-6 { flex: 0 0 50%; max-width: 50%; }

.small-offset-5 { margin-left: 41.6666666667%; }

.small-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.small-offset-6 { margin-left: 50%; }

.small-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.small-offset-7 { margin-left: 58.3333333333%; }

.small-9 { flex: 0 0 75%; max-width: 75%; }

.small-offset-8 { margin-left: 66.6666666667%; }

.small-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.small-offset-9 { margin-left: 75%; }

.small-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.small-offset-10 { margin-left: 83.3333333333%; }

.small-12 { flex: 0 0 100%; max-width: 100%; }

.small-offset-11 { margin-left: 91.6666666667%; }

.small-up-1 { flex-wrap: wrap; }

.small-up-1 > .column, .small-up-1 > .columns { flex: 0 0 100%; max-width: 100%; }

.small-up-2 { flex-wrap: wrap; }

.small-up-2 > .column, .small-up-2 > .columns { flex: 0 0 50%; max-width: 50%; }

.small-up-3 { flex-wrap: wrap; }

.small-up-3 > .column, .small-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.small-up-4 { flex-wrap: wrap; }

.small-up-4 > .column, .small-up-4 > .columns { flex: 0 0 25%; max-width: 25%; }

.small-up-5 { flex-wrap: wrap; }

.small-up-5 > .column, .small-up-5 > .columns { flex: 0 0 20%; max-width: 20%; }

.small-up-6 { flex-wrap: wrap; }

.small-up-6 > .column, .small-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.small-up-7 { flex-wrap: wrap; }

.small-up-7 > .column, .small-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; }

.small-up-8 { flex-wrap: wrap; }

.small-up-8 > .column, .small-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; }

.small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.6666666667rem; padding-left: 0.6666666667rem; }

@media print, screen and (min-width: 40em) { .medium-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .medium-offset-0 { margin-left: 0%; }
  .medium-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .medium-offset-1 { margin-left: 8.3333333333%; }
  .medium-3 { flex: 0 0 25%; max-width: 25%; }
  .medium-offset-2 { margin-left: 16.6666666667%; }
  .medium-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .medium-offset-3 { margin-left: 25%; }
  .medium-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .medium-offset-4 { margin-left: 33.3333333333%; }
  .medium-6 { flex: 0 0 50%; max-width: 50%; }
  .medium-offset-5 { margin-left: 41.6666666667%; }
  .medium-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .medium-offset-6 { margin-left: 50%; }
  .medium-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .medium-offset-7 { margin-left: 58.3333333333%; }
  .medium-9 { flex: 0 0 75%; max-width: 75%; }
  .medium-offset-8 { margin-left: 66.6666666667%; }
  .medium-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .medium-offset-9 { margin-left: 75%; }
  .medium-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .medium-offset-10 { margin-left: 83.3333333333%; }
  .medium-12 { flex: 0 0 100%; max-width: 100%; }
  .medium-offset-11 { margin-left: 91.6666666667%; }
  .medium-up-1 { flex-wrap: wrap; }
  .medium-up-1 > .column, .medium-up-1 > .columns { flex: 0 0 100%; max-width: 100%; }
  .medium-up-2 { flex-wrap: wrap; }
  .medium-up-2 > .column, .medium-up-2 > .columns { flex: 0 0 50%; max-width: 50%; }
  .medium-up-3 { flex-wrap: wrap; }
  .medium-up-3 > .column, .medium-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .medium-up-4 { flex-wrap: wrap; }
  .medium-up-4 > .column, .medium-up-4 > .columns { flex: 0 0 25%; max-width: 25%; }
  .medium-up-5 { flex-wrap: wrap; }
  .medium-up-5 > .column, .medium-up-5 > .columns { flex: 0 0 20%; max-width: 20%; }
  .medium-up-6 { flex-wrap: wrap; }
  .medium-up-6 > .column, .medium-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .medium-up-7 { flex-wrap: wrap; }
  .medium-up-7 > .column, .medium-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; }
  .medium-up-8 { flex-wrap: wrap; }
  .medium-up-8 > .column, .medium-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } }

@media print, screen and (min-width: 40em) and (min-width: 40em) { .medium-expand { flex: 1 1 0px; } }

.row.medium-unstack > .column, .row.medium-unstack > .columns { flex: 0 0 100%; }

@media print, screen and (min-width: 40em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { flex: 1 1 0px; } }

@media print, screen and (min-width: 40em) { .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } }

@media print, screen and (min-width: 64em) { .large-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
  .large-offset-0 { margin-left: 0%; }
  .large-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .large-offset-1 { margin-left: 8.3333333333%; }
  .large-3 { flex: 0 0 25%; max-width: 25%; }
  .large-offset-2 { margin-left: 16.6666666667%; }
  .large-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .large-offset-3 { margin-left: 25%; }
  .large-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
  .large-offset-4 { margin-left: 33.3333333333%; }
  .large-6 { flex: 0 0 50%; max-width: 50%; }
  .large-offset-5 { margin-left: 41.6666666667%; }
  .large-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
  .large-offset-6 { margin-left: 50%; }
  .large-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
  .large-offset-7 { margin-left: 58.3333333333%; }
  .large-9 { flex: 0 0 75%; max-width: 75%; }
  .large-offset-8 { margin-left: 66.6666666667%; }
  .large-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
  .large-offset-9 { margin-left: 75%; }
  .large-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
  .large-offset-10 { margin-left: 83.3333333333%; }
  .large-12 { flex: 0 0 100%; max-width: 100%; }
  .large-offset-11 { margin-left: 91.6666666667%; }
  .large-up-1 { flex-wrap: wrap; }
  .large-up-1 > .column, .large-up-1 > .columns { flex: 0 0 100%; max-width: 100%; }
  .large-up-2 { flex-wrap: wrap; }
  .large-up-2 > .column, .large-up-2 > .columns { flex: 0 0 50%; max-width: 50%; }
  .large-up-3 { flex-wrap: wrap; }
  .large-up-3 > .column, .large-up-3 > .columns { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
  .large-up-4 { flex-wrap: wrap; }
  .large-up-4 > .column, .large-up-4 > .columns { flex: 0 0 25%; max-width: 25%; }
  .large-up-5 { flex-wrap: wrap; }
  .large-up-5 > .column, .large-up-5 > .columns { flex: 0 0 20%; max-width: 20%; }
  .large-up-6 { flex-wrap: wrap; }
  .large-up-6 > .column, .large-up-6 > .columns { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
  .large-up-7 { flex-wrap: wrap; }
  .large-up-7 > .column, .large-up-7 > .columns { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; }
  .large-up-8 { flex-wrap: wrap; }
  .large-up-8 > .column, .large-up-8 > .columns { flex: 0 0 12.5%; max-width: 12.5%; } }

@media print, screen and (min-width: 64em) and (min-width: 64em) { .large-expand { flex: 1 1 0px; } }

.row.large-unstack > .column, .row.large-unstack > .columns { flex: 0 0 100%; }

@media print, screen and (min-width: 64em) { .row.large-unstack > .column, .row.large-unstack > .columns { flex: 1 1 0px; } }

@media print, screen and (min-width: 64em) { .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } }

.shrink { flex: 0 0 auto; max-width: 100%; }

.column-block { margin-bottom: 1.3333333333rem; }

.column-block > :last-child { margin-bottom: 0; }

@media print, screen and (min-width: 40em) { .column-block { margin-bottom: 2rem; }
  .column-block > :last-child { margin-bottom: 0; } }

.grid-container { padding-right: 0.6666666667rem; padding-left: 0.6666666667rem; max-width: 80rem; margin-left: auto; margin-right: auto; }

@media print, screen and (min-width: 40em) { .grid-container { padding-right: 1rem; padding-left: 1rem; } }

.grid-container.fluid { padding-right: 0.6666666667rem; padding-left: 0.6666666667rem; max-width: 100%; margin-left: auto; margin-right: auto; }

@media print, screen and (min-width: 40em) { .grid-container.fluid { padding-right: 1rem; padding-left: 1rem; } }

.grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin-left: auto; margin-right: auto; }

.grid-x { display: flex; flex-flow: row wrap; }

.cell { flex: 0 0 auto; min-height: 0px; min-width: 0px; width: 100%; }

.cell.auto { flex: 1 1 0px; }

.cell.shrink { flex: 0 0 auto; }

.grid-x > .auto { width: auto; }

.grid-x > .shrink { width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex-basis: auto; }

@media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex-basis: auto; } }

@media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex-basis: auto; } }

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex: 0 0 auto; }

.grid-x > .small-1 { width: 8.3333333333%; }

.grid-x > .small-2 { width: 16.6666666667%; }

.grid-x > .small-3 { width: 25%; }

.grid-x > .small-4 { width: 33.3333333333%; }

.grid-x > .small-5 { width: 41.6666666667%; }

.grid-x > .small-6 { width: 50%; }

.grid-x > .small-7 { width: 58.3333333333%; }

.grid-x > .small-8 { width: 66.6666666667%; }

.grid-x > .small-9 { width: 75%; }

.grid-x > .small-10 { width: 83.3333333333%; }

.grid-x > .small-11 { width: 91.6666666667%; }

.grid-x > .small-12 { width: 100%; }

@media print, screen and (min-width: 40em) { .grid-x > .medium-auto { flex: 1 1 0px; width: auto; }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex: 0 0 auto; }
  .grid-x > .medium-shrink { width: auto; }
  .grid-x > .medium-1 { width: 8.3333333333%; }
  .grid-x > .medium-2 { width: 16.6666666667%; }
  .grid-x > .medium-3 { width: 25%; }
  .grid-x > .medium-4 { width: 33.3333333333%; }
  .grid-x > .medium-5 { width: 41.6666666667%; }
  .grid-x > .medium-6 { width: 50%; }
  .grid-x > .medium-7 { width: 58.3333333333%; }
  .grid-x > .medium-8 { width: 66.6666666667%; }
  .grid-x > .medium-9 { width: 75%; }
  .grid-x > .medium-10 { width: 83.3333333333%; }
  .grid-x > .medium-11 { width: 91.6666666667%; }
  .grid-x > .medium-12 { width: 100%; } }

@media print, screen and (min-width: 64em) { .grid-x > .large-auto { flex: 1 1 0px; width: auto; }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex: 0 0 auto; }
  .grid-x > .large-shrink { width: auto; }
  .grid-x > .large-1 { width: 8.3333333333%; }
  .grid-x > .large-2 { width: 16.6666666667%; }
  .grid-x > .large-3 { width: 25%; }
  .grid-x > .large-4 { width: 33.3333333333%; }
  .grid-x > .large-5 { width: 41.6666666667%; }
  .grid-x > .large-6 { width: 50%; }
  .grid-x > .large-7 { width: 58.3333333333%; }
  .grid-x > .large-8 { width: 66.6666666667%; }
  .grid-x > .large-9 { width: 75%; }
  .grid-x > .large-10 { width: 83.3333333333%; }
  .grid-x > .large-11 { width: 91.6666666667%; }
  .grid-x > .large-12 { width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell { width: auto; }

.grid-margin-y:not(.grid-y) > .cell { height: auto; }

.grid-margin-x { margin-left: -0.6666666667rem; margin-right: -0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -1rem; margin-right: -1rem; } }

.grid-margin-x > .cell { width: calc(100% - 1.3333333333rem); margin-left: 0.6666666667rem; margin-right: 0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 2rem); margin-left: 1rem; margin-right: 1rem; } }

.grid-margin-x > .auto { width: auto; }

.grid-margin-x > .shrink { width: auto; }

.grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.3333333333rem); }

.grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.3333333333rem); }

.grid-margin-x > .small-3 { width: calc(25% - 1.3333333333rem); }

.grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.3333333333rem); }

.grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.3333333333rem); }

.grid-margin-x > .small-6 { width: calc(50% - 1.3333333333rem); }

.grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.3333333333rem); }

.grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.3333333333rem); }

.grid-margin-x > .small-9 { width: calc(75% - 1.3333333333rem); }

.grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.3333333333rem); }

.grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.3333333333rem); }

.grid-margin-x > .small-12 { width: calc(100% - 1.3333333333rem); }

@media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto; }
  .grid-margin-x > .shrink { width: auto; }
  .grid-margin-x > .small-1 { width: calc(8.3333333333% - 2rem); }
  .grid-margin-x > .small-2 { width: calc(16.6666666667% - 2rem); }
  .grid-margin-x > .small-3 { width: calc(25% - 2rem); }
  .grid-margin-x > .small-4 { width: calc(33.3333333333% - 2rem); }
  .grid-margin-x > .small-5 { width: calc(41.6666666667% - 2rem); }
  .grid-margin-x > .small-6 { width: calc(50% - 2rem); }
  .grid-margin-x > .small-7 { width: calc(58.3333333333% - 2rem); }
  .grid-margin-x > .small-8 { width: calc(66.6666666667% - 2rem); }
  .grid-margin-x > .small-9 { width: calc(75% - 2rem); }
  .grid-margin-x > .small-10 { width: calc(83.3333333333% - 2rem); }
  .grid-margin-x > .small-11 { width: calc(91.6666666667% - 2rem); }
  .grid-margin-x > .small-12 { width: calc(100% - 2rem); }
  .grid-margin-x > .medium-auto { width: auto; }
  .grid-margin-x > .medium-shrink { width: auto; }
  .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 2rem); }
  .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 2rem); }
  .grid-margin-x > .medium-3 { width: calc(25% - 2rem); }
  .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 2rem); }
  .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 2rem); }
  .grid-margin-x > .medium-6 { width: calc(50% - 2rem); }
  .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 2rem); }
  .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 2rem); }
  .grid-margin-x > .medium-9 { width: calc(75% - 2rem); }
  .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 2rem); }
  .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 2rem); }
  .grid-margin-x > .medium-12 { width: calc(100% - 2rem); } }

@media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto; }
  .grid-margin-x > .large-shrink { width: auto; }
  .grid-margin-x > .large-1 { width: calc(8.3333333333% - 2rem); }
  .grid-margin-x > .large-2 { width: calc(16.6666666667% - 2rem); }
  .grid-margin-x > .large-3 { width: calc(25% - 2rem); }
  .grid-margin-x > .large-4 { width: calc(33.3333333333% - 2rem); }
  .grid-margin-x > .large-5 { width: calc(41.6666666667% - 2rem); }
  .grid-margin-x > .large-6 { width: calc(50% - 2rem); }
  .grid-margin-x > .large-7 { width: calc(58.3333333333% - 2rem); }
  .grid-margin-x > .large-8 { width: calc(66.6666666667% - 2rem); }
  .grid-margin-x > .large-9 { width: calc(75% - 2rem); }
  .grid-margin-x > .large-10 { width: calc(83.3333333333% - 2rem); }
  .grid-margin-x > .large-11 { width: calc(91.6666666667% - 2rem); }
  .grid-margin-x > .large-12 { width: calc(100% - 2rem); } }

.grid-padding-x .grid-padding-x { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -1rem; margin-left: -1rem; } }

.grid-container:not(.full) > .grid-padding-x { margin-right: -0.6666666667rem; margin-left: -0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -1rem; margin-left: -1rem; } }

.grid-padding-x > .cell { padding-right: 0.6666666667rem; padding-left: 0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: 1rem; padding-left: 1rem; } }

.small-up-1 > .cell { width: 100%; }

.small-up-2 > .cell { width: 50%; }

.small-up-3 > .cell { width: 33.3333333333%; }

.small-up-4 > .cell { width: 25%; }

.small-up-5 > .cell { width: 20%; }

.small-up-6 > .cell { width: 16.6666666667%; }

.small-up-7 > .cell { width: 14.2857142857%; }

.small-up-8 > .cell { width: 12.5%; }

@media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; }
  .medium-up-2 > .cell { width: 50%; }
  .medium-up-3 > .cell { width: 33.3333333333%; }
  .medium-up-4 > .cell { width: 25%; }
  .medium-up-5 > .cell { width: 20%; }
  .medium-up-6 > .cell { width: 16.6666666667%; }
  .medium-up-7 > .cell { width: 14.2857142857%; }
  .medium-up-8 > .cell { width: 12.5%; } }

@media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; }
  .large-up-2 > .cell { width: 50%; }
  .large-up-3 > .cell { width: 33.3333333333%; }
  .large-up-4 > .cell { width: 25%; }
  .large-up-5 > .cell { width: 20%; }
  .large-up-6 > .cell { width: 16.6666666667%; }
  .large-up-7 > .cell { width: 14.2857142857%; }
  .large-up-8 > .cell { width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.3333333333rem); }

.grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.3333333333rem); }

.grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.3333333333rem); }

.grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.3333333333rem); }

.grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.3333333333rem); }

.grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.3333333333rem); }

.grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.3333333333rem); }

.grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.3333333333rem); }

@media print, screen and (min-width: 40em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 2rem); }
  .grid-margin-x.small-up-2 > .cell { width: calc(50% - 2rem); }
  .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 2rem); }
  .grid-margin-x.small-up-4 > .cell { width: calc(25% - 2rem); }
  .grid-margin-x.small-up-5 > .cell { width: calc(20% - 2rem); }
  .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 2rem); }
  .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 2rem); }
  .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 2rem); }
  .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 2rem); }
  .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 2rem); }
  .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 2rem); }
  .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 2rem); }
  .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 2rem); }
  .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 2rem); }
  .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 2rem); }
  .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 2rem); } }

@media print, screen and (min-width: 64em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 2rem); }
  .grid-margin-x.large-up-2 > .cell { width: calc(50% - 2rem); }
  .grid-margin-x.large-up-3 > .cell { width: calc(33.3333333333% - 2rem); }
  .grid-margin-x.large-up-4 > .cell { width: calc(25% - 2rem); }
  .grid-margin-x.large-up-5 > .cell { width: calc(20% - 2rem); }
  .grid-margin-x.large-up-6 > .cell { width: calc(16.6666666667% - 2rem); }
  .grid-margin-x.large-up-7 > .cell { width: calc(14.2857142857% - 2rem); }
  .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 2rem); } }

.small-margin-collapse { margin-right: 0; margin-left: 0; }

.small-margin-collapse > .cell { margin-right: 0; margin-left: 0; }

.small-margin-collapse > .small-1 { width: 8.3333333333%; }

.small-margin-collapse > .small-2 { width: 16.6666666667%; }

.small-margin-collapse > .small-3 { width: 25%; }

.small-margin-collapse > .small-4 { width: 33.3333333333%; }

.small-margin-collapse > .small-5 { width: 41.6666666667%; }

.small-margin-collapse > .small-6 { width: 50%; }

.small-margin-collapse > .small-7 { width: 58.3333333333%; }

.small-margin-collapse > .small-8 { width: 66.6666666667%; }

.small-margin-collapse > .small-9 { width: 75%; }

.small-margin-collapse > .small-10 { width: 83.3333333333%; }

.small-margin-collapse > .small-11 { width: 91.6666666667%; }

.small-margin-collapse > .small-12 { width: 100%; }

@media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.3333333333%; }
  .small-margin-collapse > .medium-2 { width: 16.6666666667%; }
  .small-margin-collapse > .medium-3 { width: 25%; }
  .small-margin-collapse > .medium-4 { width: 33.3333333333%; }
  .small-margin-collapse > .medium-5 { width: 41.6666666667%; }
  .small-margin-collapse > .medium-6 { width: 50%; }
  .small-margin-collapse > .medium-7 { width: 58.3333333333%; }
  .small-margin-collapse > .medium-8 { width: 66.6666666667%; }
  .small-margin-collapse > .medium-9 { width: 75%; }
  .small-margin-collapse > .medium-10 { width: 83.3333333333%; }
  .small-margin-collapse > .medium-11 { width: 91.6666666667%; }
  .small-margin-collapse > .medium-12 { width: 100%; } }

@media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.3333333333%; }
  .small-margin-collapse > .large-2 { width: 16.6666666667%; }
  .small-margin-collapse > .large-3 { width: 25%; }
  .small-margin-collapse > .large-4 { width: 33.3333333333%; }
  .small-margin-collapse > .large-5 { width: 41.6666666667%; }
  .small-margin-collapse > .large-6 { width: 50%; }
  .small-margin-collapse > .large-7 { width: 58.3333333333%; }
  .small-margin-collapse > .large-8 { width: 66.6666666667%; }
  .small-margin-collapse > .large-9 { width: 75%; }
  .small-margin-collapse > .large-10 { width: 83.3333333333%; }
  .small-margin-collapse > .large-11 { width: 91.6666666667%; }
  .small-margin-collapse > .large-12 { width: 100%; } }

.small-padding-collapse { margin-right: 0; margin-left: 0; }

.small-padding-collapse > .cell { padding-right: 0; padding-left: 0; }

@media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; }
  .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } }

@media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.3333333333%; }
  .medium-margin-collapse > .small-2 { width: 16.6666666667%; }
  .medium-margin-collapse > .small-3 { width: 25%; }
  .medium-margin-collapse > .small-4 { width: 33.3333333333%; }
  .medium-margin-collapse > .small-5 { width: 41.6666666667%; }
  .medium-margin-collapse > .small-6 { width: 50%; }
  .medium-margin-collapse > .small-7 { width: 58.3333333333%; }
  .medium-margin-collapse > .small-8 { width: 66.6666666667%; }
  .medium-margin-collapse > .small-9 { width: 75%; }
  .medium-margin-collapse > .small-10 { width: 83.3333333333%; }
  .medium-margin-collapse > .small-11 { width: 91.6666666667%; }
  .medium-margin-collapse > .small-12 { width: 100%; } }

@media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.3333333333%; }
  .medium-margin-collapse > .medium-2 { width: 16.6666666667%; }
  .medium-margin-collapse > .medium-3 { width: 25%; }
  .medium-margin-collapse > .medium-4 { width: 33.3333333333%; }
  .medium-margin-collapse > .medium-5 { width: 41.6666666667%; }
  .medium-margin-collapse > .medium-6 { width: 50%; }
  .medium-margin-collapse > .medium-7 { width: 58.3333333333%; }
  .medium-margin-collapse > .medium-8 { width: 66.6666666667%; }
  .medium-margin-collapse > .medium-9 { width: 75%; }
  .medium-margin-collapse > .medium-10 { width: 83.3333333333%; }
  .medium-margin-collapse > .medium-11 { width: 91.6666666667%; }
  .medium-margin-collapse > .medium-12 { width: 100%; } }

@media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.3333333333%; }
  .medium-margin-collapse > .large-2 { width: 16.6666666667%; }
  .medium-margin-collapse > .large-3 { width: 25%; }
  .medium-margin-collapse > .large-4 { width: 33.3333333333%; }
  .medium-margin-collapse > .large-5 { width: 41.6666666667%; }
  .medium-margin-collapse > .large-6 { width: 50%; }
  .medium-margin-collapse > .large-7 { width: 58.3333333333%; }
  .medium-margin-collapse > .large-8 { width: 66.6666666667%; }
  .medium-margin-collapse > .large-9 { width: 75%; }
  .medium-margin-collapse > .large-10 { width: 83.3333333333%; }
  .medium-margin-collapse > .large-11 { width: 91.6666666667%; }
  .medium-margin-collapse > .large-12 { width: 100%; } }

@media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; }
  .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } }

@media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; }
  .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } }

@media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.3333333333%; }
  .large-margin-collapse > .small-2 { width: 16.6666666667%; }
  .large-margin-collapse > .small-3 { width: 25%; }
  .large-margin-collapse > .small-4 { width: 33.3333333333%; }
  .large-margin-collapse > .small-5 { width: 41.6666666667%; }
  .large-margin-collapse > .small-6 { width: 50%; }
  .large-margin-collapse > .small-7 { width: 58.3333333333%; }
  .large-margin-collapse > .small-8 { width: 66.6666666667%; }
  .large-margin-collapse > .small-9 { width: 75%; }
  .large-margin-collapse > .small-10 { width: 83.3333333333%; }
  .large-margin-collapse > .small-11 { width: 91.6666666667%; }
  .large-margin-collapse > .small-12 { width: 100%; } }

@media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.3333333333%; }
  .large-margin-collapse > .medium-2 { width: 16.6666666667%; }
  .large-margin-collapse > .medium-3 { width: 25%; }
  .large-margin-collapse > .medium-4 { width: 33.3333333333%; }
  .large-margin-collapse > .medium-5 { width: 41.6666666667%; }
  .large-margin-collapse > .medium-6 { width: 50%; }
  .large-margin-collapse > .medium-7 { width: 58.3333333333%; }
  .large-margin-collapse > .medium-8 { width: 66.6666666667%; }
  .large-margin-collapse > .medium-9 { width: 75%; }
  .large-margin-collapse > .medium-10 { width: 83.3333333333%; }
  .large-margin-collapse > .medium-11 { width: 91.6666666667%; }
  .large-margin-collapse > .medium-12 { width: 100%; } }

@media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.3333333333%; }
  .large-margin-collapse > .large-2 { width: 16.6666666667%; }
  .large-margin-collapse > .large-3 { width: 25%; }
  .large-margin-collapse > .large-4 { width: 33.3333333333%; }
  .large-margin-collapse > .large-5 { width: 41.6666666667%; }
  .large-margin-collapse > .large-6 { width: 50%; }
  .large-margin-collapse > .large-7 { width: 58.3333333333%; }
  .large-margin-collapse > .large-8 { width: 66.6666666667%; }
  .large-margin-collapse > .large-9 { width: 75%; }
  .large-margin-collapse > .large-10 { width: 83.3333333333%; }
  .large-margin-collapse > .large-11 { width: 91.6666666667%; }
  .large-margin-collapse > .large-12 { width: 100%; } }

@media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; }
  .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } }

.small-offset-0 { margin-left: 0%; }

.grid-margin-x > .small-offset-0 { margin-left: calc(0% + 0.6666666667rem); }

.small-offset-1 { margin-left: 8.3333333333%; }

.grid-margin-x > .small-offset-1 { margin-left: calc(8.3333333333% + 0.6666666667rem); }

.small-offset-2 { margin-left: 16.6666666667%; }

.grid-margin-x > .small-offset-2 { margin-left: calc(16.6666666667% + 0.6666666667rem); }

.small-offset-3 { margin-left: 25%; }

.grid-margin-x > .small-offset-3 { margin-left: calc(25% + 0.6666666667rem); }

.small-offset-4 { margin-left: 33.3333333333%; }

.grid-margin-x > .small-offset-4 { margin-left: calc(33.3333333333% + 0.6666666667rem); }

.small-offset-5 { margin-left: 41.6666666667%; }

.grid-margin-x > .small-offset-5 { margin-left: calc(41.6666666667% + 0.6666666667rem); }

.small-offset-6 { margin-left: 50%; }

.grid-margin-x > .small-offset-6 { margin-left: calc(50% + 0.6666666667rem); }

.small-offset-7 { margin-left: 58.3333333333%; }

.grid-margin-x > .small-offset-7 { margin-left: calc(58.3333333333% + 0.6666666667rem); }

.small-offset-8 { margin-left: 66.6666666667%; }

.grid-margin-x > .small-offset-8 { margin-left: calc(66.6666666667% + 0.6666666667rem); }

.small-offset-9 { margin-left: 75%; }

.grid-margin-x > .small-offset-9 { margin-left: calc(75% + 0.6666666667rem); }

.small-offset-10 { margin-left: 83.3333333333%; }

.grid-margin-x > .small-offset-10 { margin-left: calc(83.3333333333% + 0.6666666667rem); }

.small-offset-11 { margin-left: 91.6666666667%; }

.grid-margin-x > .small-offset-11 { margin-left: calc(91.6666666667% + 0.6666666667rem); }

@media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 1rem); }
  .medium-offset-1 { margin-left: 8.3333333333%; }
  .grid-margin-x > .medium-offset-1 { margin-left: calc(8.3333333333% + 1rem); }
  .medium-offset-2 { margin-left: 16.6666666667%; }
  .grid-margin-x > .medium-offset-2 { margin-left: calc(16.6666666667% + 1rem); }
  .medium-offset-3 { margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 1rem); }
  .medium-offset-4 { margin-left: 33.3333333333%; }
  .grid-margin-x > .medium-offset-4 { margin-left: calc(33.3333333333% + 1rem); }
  .medium-offset-5 { margin-left: 41.6666666667%; }
  .grid-margin-x > .medium-offset-5 { margin-left: calc(41.6666666667% + 1rem); }
  .medium-offset-6 { margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 1rem); }
  .medium-offset-7 { margin-left: 58.3333333333%; }
  .grid-margin-x > .medium-offset-7 { margin-left: calc(58.3333333333% + 1rem); }
  .medium-offset-8 { margin-left: 66.6666666667%; }
  .grid-margin-x > .medium-offset-8 { margin-left: calc(66.6666666667% + 1rem); }
  .medium-offset-9 { margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 1rem); }
  .medium-offset-10 { margin-left: 83.3333333333%; }
  .grid-margin-x > .medium-offset-10 { margin-left: calc(83.3333333333% + 1rem); }
  .medium-offset-11 { margin-left: 91.6666666667%; }
  .grid-margin-x > .medium-offset-11 { margin-left: calc(91.6666666667% + 1rem); } }

@media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; }
  .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 1rem); }
  .large-offset-1 { margin-left: 8.3333333333%; }
  .grid-margin-x > .large-offset-1 { margin-left: calc(8.3333333333% + 1rem); }
  .large-offset-2 { margin-left: 16.6666666667%; }
  .grid-margin-x > .large-offset-2 { margin-left: calc(16.6666666667% + 1rem); }
  .large-offset-3 { margin-left: 25%; }
  .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 1rem); }
  .large-offset-4 { margin-left: 33.3333333333%; }
  .grid-margin-x > .large-offset-4 { margin-left: calc(33.3333333333% + 1rem); }
  .large-offset-5 { margin-left: 41.6666666667%; }
  .grid-margin-x > .large-offset-5 { margin-left: calc(41.6666666667% + 1rem); }
  .large-offset-6 { margin-left: 50%; }
  .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 1rem); }
  .large-offset-7 { margin-left: 58.3333333333%; }
  .grid-margin-x > .large-offset-7 { margin-left: calc(58.3333333333% + 1rem); }
  .large-offset-8 { margin-left: 66.6666666667%; }
  .grid-margin-x > .large-offset-8 { margin-left: calc(66.6666666667% + 1rem); }
  .large-offset-9 { margin-left: 75%; }
  .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 1rem); }
  .large-offset-10 { margin-left: 83.3333333333%; }
  .grid-margin-x > .large-offset-10 { margin-left: calc(83.3333333333% + 1rem); }
  .large-offset-11 { margin-left: 91.6666666667%; }
  .grid-margin-x > .large-offset-11 { margin-left: calc(91.6666666667% + 1rem); } }

.grid-y { display: flex; flex-flow: column nowrap; }

.grid-y > .cell { width: auto; max-width: none; }

.grid-y > .auto { height: auto; }

.grid-y > .shrink { height: auto; }

.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { flex-basis: auto; }

@media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { flex-basis: auto; } }

@media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { flex-basis: auto; } }

.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { flex: 0 0 auto; }

.grid-y > .small-1 { height: 8.3333333333%; }

.grid-y > .small-2 { height: 16.6666666667%; }

.grid-y > .small-3 { height: 25%; }

.grid-y > .small-4 { height: 33.3333333333%; }

.grid-y > .small-5 { height: 41.6666666667%; }

.grid-y > .small-6 { height: 50%; }

.grid-y > .small-7 { height: 58.3333333333%; }

.grid-y > .small-8 { height: 66.6666666667%; }

.grid-y > .small-9 { height: 75%; }

.grid-y > .small-10 { height: 83.3333333333%; }

.grid-y > .small-11 { height: 91.6666666667%; }

.grid-y > .small-12 { height: 100%; }

@media print, screen and (min-width: 40em) { .grid-y > .medium-auto { flex: 1 1 0px; height: auto; }
  .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { flex: 0 0 auto; }
  .grid-y > .medium-shrink { height: auto; }
  .grid-y > .medium-1 { height: 8.3333333333%; }
  .grid-y > .medium-2 { height: 16.6666666667%; }
  .grid-y > .medium-3 { height: 25%; }
  .grid-y > .medium-4 { height: 33.3333333333%; }
  .grid-y > .medium-5 { height: 41.6666666667%; }
  .grid-y > .medium-6 { height: 50%; }
  .grid-y > .medium-7 { height: 58.3333333333%; }
  .grid-y > .medium-8 { height: 66.6666666667%; }
  .grid-y > .medium-9 { height: 75%; }
  .grid-y > .medium-10 { height: 83.3333333333%; }
  .grid-y > .medium-11 { height: 91.6666666667%; }
  .grid-y > .medium-12 { height: 100%; } }

@media print, screen and (min-width: 64em) { .grid-y > .large-auto { flex: 1 1 0px; height: auto; }
  .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { flex: 0 0 auto; }
  .grid-y > .large-shrink { height: auto; }
  .grid-y > .large-1 { height: 8.3333333333%; }
  .grid-y > .large-2 { height: 16.6666666667%; }
  .grid-y > .large-3 { height: 25%; }
  .grid-y > .large-4 { height: 33.3333333333%; }
  .grid-y > .large-5 { height: 41.6666666667%; }
  .grid-y > .large-6 { height: 50%; }
  .grid-y > .large-7 { height: 58.3333333333%; }
  .grid-y > .large-8 { height: 66.6666666667%; }
  .grid-y > .large-9 { height: 75%; }
  .grid-y > .large-10 { height: 83.3333333333%; }
  .grid-y > .large-11 { height: 91.6666666667%; }
  .grid-y > .large-12 { height: 100%; } }

.grid-padding-y .grid-padding-y { margin-top: -0.6666666667rem; margin-bottom: -0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-padding-y .grid-padding-y { margin-top: -1rem; margin-bottom: -1rem; } }

.grid-padding-y > .cell { padding-top: 0.6666666667rem; padding-bottom: 0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-padding-y > .cell { padding-top: 1rem; padding-bottom: 1rem; } }

.grid-margin-y { margin-top: -0.6666666667rem; margin-bottom: -0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -1rem; margin-bottom: -1rem; } }

.grid-margin-y > .cell { height: calc(100% - 1.3333333333rem); margin-top: 0.6666666667rem; margin-bottom: 0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 2rem); margin-top: 1rem; margin-bottom: 1rem; } }

.grid-margin-y > .auto { height: auto; }

.grid-margin-y > .shrink { height: auto; }

.grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.3333333333rem); }

.grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.3333333333rem); }

.grid-margin-y > .small-3 { height: calc(25% - 1.3333333333rem); }

.grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.3333333333rem); }

.grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.3333333333rem); }

.grid-margin-y > .small-6 { height: calc(50% - 1.3333333333rem); }

.grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.3333333333rem); }

.grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.3333333333rem); }

.grid-margin-y > .small-9 { height: calc(75% - 1.3333333333rem); }

.grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.3333333333rem); }

.grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.3333333333rem); }

.grid-margin-y > .small-12 { height: calc(100% - 1.3333333333rem); }

@media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; }
  .grid-margin-y > .shrink { height: auto; }
  .grid-margin-y > .small-1 { height: calc(8.3333333333% - 2rem); }
  .grid-margin-y > .small-2 { height: calc(16.6666666667% - 2rem); }
  .grid-margin-y > .small-3 { height: calc(25% - 2rem); }
  .grid-margin-y > .small-4 { height: calc(33.3333333333% - 2rem); }
  .grid-margin-y > .small-5 { height: calc(41.6666666667% - 2rem); }
  .grid-margin-y > .small-6 { height: calc(50% - 2rem); }
  .grid-margin-y > .small-7 { height: calc(58.3333333333% - 2rem); }
  .grid-margin-y > .small-8 { height: calc(66.6666666667% - 2rem); }
  .grid-margin-y > .small-9 { height: calc(75% - 2rem); }
  .grid-margin-y > .small-10 { height: calc(83.3333333333% - 2rem); }
  .grid-margin-y > .small-11 { height: calc(91.6666666667% - 2rem); }
  .grid-margin-y > .small-12 { height: calc(100% - 2rem); }
  .grid-margin-y > .medium-auto { height: auto; }
  .grid-margin-y > .medium-shrink { height: auto; }
  .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 2rem); }
  .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 2rem); }
  .grid-margin-y > .medium-3 { height: calc(25% - 2rem); }
  .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 2rem); }
  .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 2rem); }
  .grid-margin-y > .medium-6 { height: calc(50% - 2rem); }
  .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 2rem); }
  .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 2rem); }
  .grid-margin-y > .medium-9 { height: calc(75% - 2rem); }
  .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 2rem); }
  .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 2rem); }
  .grid-margin-y > .medium-12 { height: calc(100% - 2rem); } }

@media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; }
  .grid-margin-y > .large-shrink { height: auto; }
  .grid-margin-y > .large-1 { height: calc(8.3333333333% - 2rem); }
  .grid-margin-y > .large-2 { height: calc(16.6666666667% - 2rem); }
  .grid-margin-y > .large-3 { height: calc(25% - 2rem); }
  .grid-margin-y > .large-4 { height: calc(33.3333333333% - 2rem); }
  .grid-margin-y > .large-5 { height: calc(41.6666666667% - 2rem); }
  .grid-margin-y > .large-6 { height: calc(50% - 2rem); }
  .grid-margin-y > .large-7 { height: calc(58.3333333333% - 2rem); }
  .grid-margin-y > .large-8 { height: calc(66.6666666667% - 2rem); }
  .grid-margin-y > .large-9 { height: calc(75% - 2rem); }
  .grid-margin-y > .large-10 { height: calc(83.3333333333% - 2rem); }
  .grid-margin-y > .large-11 { height: calc(91.6666666667% - 2rem); }
  .grid-margin-y > .large-12 { height: calc(100% - 2rem); } }

.grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; }

.cell .grid-frame { width: 100%; }

.cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container { display: flex; flex-direction: column; max-height: 100%; }

.cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; }
  .cell .medium-grid-frame { width: 100%; }
  .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .medium-cell-block-container { display: flex; flex-direction: column; max-height: 100%; }
  .medium-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; }
  .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; }
  .cell .large-grid-frame { width: 100%; }
  .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .large-cell-block-container { display: flex; flex-direction: column; max-height: 100%; }
  .large-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; }
  .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; }

@media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } }

@media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } }

.cell .grid-y.grid-frame { height: 100%; }

@media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } }

@media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } }

.grid-margin-y { margin-top: -0.6666666667rem; margin-bottom: -0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -1rem; margin-bottom: -1rem; } }

.grid-margin-y > .cell { height: calc(100% - 1.3333333333rem); margin-top: 0.6666666667rem; margin-bottom: 0.6666666667rem; }

@media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 2rem); margin-top: 1rem; margin-bottom: 1rem; } }

.grid-margin-y > .auto { height: auto; }

.grid-margin-y > .shrink { height: auto; }

.grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.3333333333rem); }

.grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.3333333333rem); }

.grid-margin-y > .small-3 { height: calc(25% - 1.3333333333rem); }

.grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.3333333333rem); }

.grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.3333333333rem); }

.grid-margin-y > .small-6 { height: calc(50% - 1.3333333333rem); }

.grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.3333333333rem); }

.grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.3333333333rem); }

.grid-margin-y > .small-9 { height: calc(75% - 1.3333333333rem); }

.grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.3333333333rem); }

.grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.3333333333rem); }

.grid-margin-y > .small-12 { height: calc(100% - 1.3333333333rem); }

@media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; }
  .grid-margin-y > .shrink { height: auto; }
  .grid-margin-y > .small-1 { height: calc(8.3333333333% - 2rem); }
  .grid-margin-y > .small-2 { height: calc(16.6666666667% - 2rem); }
  .grid-margin-y > .small-3 { height: calc(25% - 2rem); }
  .grid-margin-y > .small-4 { height: calc(33.3333333333% - 2rem); }
  .grid-margin-y > .small-5 { height: calc(41.6666666667% - 2rem); }
  .grid-margin-y > .small-6 { height: calc(50% - 2rem); }
  .grid-margin-y > .small-7 { height: calc(58.3333333333% - 2rem); }
  .grid-margin-y > .small-8 { height: calc(66.6666666667% - 2rem); }
  .grid-margin-y > .small-9 { height: calc(75% - 2rem); }
  .grid-margin-y > .small-10 { height: calc(83.3333333333% - 2rem); }
  .grid-margin-y > .small-11 { height: calc(91.6666666667% - 2rem); }
  .grid-margin-y > .small-12 { height: calc(100% - 2rem); }
  .grid-margin-y > .medium-auto { height: auto; }
  .grid-margin-y > .medium-shrink { height: auto; }
  .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 2rem); }
  .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 2rem); }
  .grid-margin-y > .medium-3 { height: calc(25% - 2rem); }
  .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 2rem); }
  .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 2rem); }
  .grid-margin-y > .medium-6 { height: calc(50% - 2rem); }
  .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 2rem); }
  .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 2rem); }
  .grid-margin-y > .medium-9 { height: calc(75% - 2rem); }
  .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 2rem); }
  .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 2rem); }
  .grid-margin-y > .medium-12 { height: calc(100% - 2rem); } }

@media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; }
  .grid-margin-y > .large-shrink { height: auto; }
  .grid-margin-y > .large-1 { height: calc(8.3333333333% - 2rem); }
  .grid-margin-y > .large-2 { height: calc(16.6666666667% - 2rem); }
  .grid-margin-y > .large-3 { height: calc(25% - 2rem); }
  .grid-margin-y > .large-4 { height: calc(33.3333333333% - 2rem); }
  .grid-margin-y > .large-5 { height: calc(41.6666666667% - 2rem); }
  .grid-margin-y > .large-6 { height: calc(50% - 2rem); }
  .grid-margin-y > .large-7 { height: calc(58.3333333333% - 2rem); }
  .grid-margin-y > .large-8 { height: calc(66.6666666667% - 2rem); }
  .grid-margin-y > .large-9 { height: calc(75% - 2rem); }
  .grid-margin-y > .large-10 { height: calc(83.3333333333% - 2rem); }
  .grid-margin-y > .large-11 { height: calc(91.6666666667% - 2rem); }
  .grid-margin-y > .large-12 { height: calc(100% - 2rem); } }

.grid-frame.grid-margin-y { height: calc(100vh + 1.3333333333rem); }

@media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 2rem); } }

@media print, screen and (min-width: 64em) { .grid-frame.grid-margin-y { height: calc(100vh + 2rem); } }

@media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 2rem); } }

@media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 2rem); } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

.foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html { box-sizing: border-box; font-size: 15px; }

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

body { margin: 0; padding: 0; background: #fefefe; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

textarea { height: auto; min-height: 50px; border-radius: 0; }

select { box-sizing: border-box; width: 100%; border-radius: 0; }

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; }

button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; }

[data-whatinput='mouse'] button { outline: 0; }

pre { overflow: auto; }

button, input, optgroup, select, textarea { font-family: inherit; }

.is-visible { display: block !important; }

.is-hidden { display: none !important; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 80%; line-height: inherit; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; }

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; }

h1, .h1 { font-size: 1.6rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }

h2, .h2 { font-size: 1.4rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }

h3, .h3 { font-size: 1.2rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }

h4, .h4 { font-size: 1.2rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }

h5, .h5 { font-size: 1.1333333333rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }

h6, .h6 { font-size: 1.0666666667rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) { h1, .h1 { font-size: 2.9333333333rem; }
  h2, .h2 { font-size: 2rem; }
  h3, .h3 { font-size: 1.6666666667rem; }
  h4, .h4 { font-size: 1.3333333333rem; }
  h5, .h5 { font-size: 1rem; }
  h6, .h6 { font-size: 0.8rem; } }

a { line-height: inherit; color: #3C948B; text-decoration: none; cursor: pointer; }

a:hover, a:focus { color: #347f78; }

a img { border: 0; }

hr { clear: both; max-width: 80rem; height: 0; margin: 1.3333333333rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; }

ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; }

li { font-size: inherit; }

ul { margin-left: 1.25rem; list-style-type: disc; }

ol { margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; }

dl { margin-bottom: 1rem; }

dl dt { margin-bottom: 0.3rem; font-weight: bold; }

blockquote { margin: 0 0 1rem; padding: 0.6rem 1.3333333333rem 0 1.2666666667rem; border-left: 1px solid #cacaca; }

blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; }

cite { display: block; font-size: 0.8666666667rem; color: #8a8a8a; }

cite:before { content: "— "; }

abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; }

figure { margin: 0; }

code { padding: 0.1333333333rem 0.3333333333rem 0.0666666667rem; border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; }

kbd { margin: 0; padding: 0.1333333333rem 0.2666666667rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; }

.subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; }

.lead { font-size: 18.75px; line-height: 1.6; }

.stat { font-size: 2.5rem; line-height: 1; }

p + .stat { margin-top: -1rem; }

ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; }

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

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

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

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

@media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; }
  .medium-text-right { text-align: right; }
  .medium-text-center { text-align: center; }
  .medium-text-justify { text-align: justify; } }

@media print, screen and (min-width: 64em) { .large-text-left { text-align: left; }
  .large-text-right { text-align: right; }
  .large-text-center { text-align: center; }
  .large-text-justify { text-align: justify; } }

.show-for-print { display: none !important; }

@media print { * { background: transparent !important; box-shadow: none !important; color: black !important; text-shadow: none !important; }
  .show-for-print { display: block !important; }
  .hide-for-print { display: none !important; }
  table.show-for-print { display: table !important; }
  thead.show-for-print { display: table-header-group !important; }
  tbody.show-for-print { display: table-row-group !important; }
  tr.show-for-print { display: table-row !important; }
  td.show-for-print { display: table-cell !important; }
  th.show-for-print { display: table-cell !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .print-break-inside { page-break-inside: auto; } }

.button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.9em 1em; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; background-color: #3C948B; color: #fefefe; }

[data-whatinput='mouse'] .button { outline: 0; }

.button:hover, .button:focus { background-color: #337e76; color: #fefefe; }

.button.tiny { font-size: 0.6rem; }

.button.small { font-size: 0.75rem; }

.button.large { font-size: 1.25rem; }

.button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; }

.button.primary { background-color: #3C948B; color: #fefefe; }

.button.primary:hover, .button.primary:focus { background-color: #30766f; color: #fefefe; }

.button.secondary { background-color: #3F3F3F; color: #fefefe; }

.button.secondary:hover, .button.secondary:focus { background-color: #323232; color: #fefefe; }

.button.success { background-color: #43AC6A; color: #fefefe; }

.button.success:hover, .button.success:focus { background-color: #368a55; color: #fefefe; }

.button.warning { background-color: #ffae00; color: #fefefe; }

.button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #fefefe; }

.button.alert { background-color: #cc4b37; color: #fefefe; }

.button.alert:hover, .button.alert:focus { background-color: #a53b2a; color: #fefefe; }

.button.info { background-color: #1F4B46; color: #fefefe; }

.button.info:hover, .button.info:focus { background-color: #193c38; color: #fefefe; }

.button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; }

.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus { background-color: #3C948B; color: #fefefe; }

.button.disabled.primary, .button[disabled].primary { opacity: 0.25; cursor: not-allowed; }

.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus { background-color: #3C948B; color: #fefefe; }

.button.disabled.secondary, .button[disabled].secondary { opacity: 0.25; cursor: not-allowed; }

.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #3F3F3F; color: #fefefe; }

.button.disabled.success, .button[disabled].success { opacity: 0.25; cursor: not-allowed; }

.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43AC6A; color: #fefefe; }

.button.disabled.warning, .button[disabled].warning { opacity: 0.25; cursor: not-allowed; }

.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #ffae00; color: #fefefe; }

.button.disabled.alert, .button[disabled].alert { opacity: 0.25; cursor: not-allowed; }

.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cc4b37; color: #fefefe; }

.button.disabled.info, .button[disabled].info { opacity: 0.25; cursor: not-allowed; }

.button.disabled.info, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #1F4B46; color: #fefefe; }

.button.hollow { border: 1px solid #3C948B; color: #3C948B; }

.button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent; }

.button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; }

.button.hollow:hover, .button.hollow:focus { border-color: #1e4a46; color: #1e4a46; }

.button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] { border: 1px solid #3C948B; color: #3C948B; }

.button.hollow.primary { border: 1px solid #3C948B; color: #3C948B; }

.button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #1e4a46; color: #1e4a46; }

.button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] { border: 1px solid #3C948B; color: #3C948B; }

.button.hollow.secondary { border: 1px solid #3F3F3F; color: #3F3F3F; }

.button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #202020; color: #202020; }

.button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] { border: 1px solid #3F3F3F; color: #3F3F3F; }

.button.hollow.success { border: 1px solid #43AC6A; color: #43AC6A; }

.button.hollow.success:hover, .button.hollow.success:focus { border-color: #225635; color: #225635; }

.button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] { border: 1px solid #43AC6A; color: #43AC6A; }

.button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; }

.button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; }

.button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; }

.button.hollow.alert { border: 1px solid #cc4b37; color: #cc4b37; }

.button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; }

.button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] { border: 1px solid #cc4b37; color: #cc4b37; }

.button.hollow.info { border: 1px solid #1F4B46; color: #1F4B46; }

.button.hollow.info:hover, .button.hollow.info:focus { border-color: #102623; color: #102623; }

.button.hollow.info:hover.disabled, .button.hollow.info:hover[disabled], .button.hollow.info:focus.disabled, .button.hollow.info:focus[disabled] { border: 1px solid #1F4B46; color: #1F4B46; }

.button.clear { border: 1px solid #3C948B; color: #3C948B; }

.button.clear, .button.clear:hover, .button.clear:focus { background-color: transparent; }

.button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { background-color: transparent; }

.button.clear:hover, .button.clear:focus { border-color: #1e4a46; color: #1e4a46; }

.button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] { border: 1px solid #3C948B; color: #3C948B; }

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] { border-color: transparent; }

.button.clear.primary { border: 1px solid #3C948B; color: #3C948B; }

.button.clear.primary:hover, .button.clear.primary:focus { border-color: #1e4a46; color: #1e4a46; }

.button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border: 1px solid #3C948B; color: #3C948B; }

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] { border-color: transparent; }

.button.clear.secondary { border: 1px solid #3F3F3F; color: #3F3F3F; }

.button.clear.secondary:hover, .button.clear.secondary:focus { border-color: #202020; color: #202020; }

.button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border: 1px solid #3F3F3F; color: #3F3F3F; }

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] { border-color: transparent; }

.button.clear.success { border: 1px solid #43AC6A; color: #43AC6A; }

.button.clear.success:hover, .button.clear.success:focus { border-color: #225635; color: #225635; }

.button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border: 1px solid #43AC6A; color: #43AC6A; }

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] { border-color: transparent; }

.button.clear.warning { border: 1px solid #ffae00; color: #ffae00; }

.button.clear.warning:hover, .button.clear.warning:focus { border-color: #805700; color: #805700; }

.button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border: 1px solid #ffae00; color: #ffae00; }

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] { border-color: transparent; }

.button.clear.alert { border: 1px solid #cc4b37; color: #cc4b37; }

.button.clear.alert:hover, .button.clear.alert:focus { border-color: #67251a; color: #67251a; }

.button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border: 1px solid #cc4b37; color: #cc4b37; }

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] { border-color: transparent; }

.button.clear.info { border: 1px solid #1F4B46; color: #1F4B46; }

.button.clear.info:hover, .button.clear.info:focus { border-color: #102623; color: #102623; }

.button.clear.info:hover.disabled, .button.clear.info:hover[disabled], .button.clear.info:focus.disabled, .button.clear.info:focus[disabled] { border: 1px solid #1F4B46; color: #1F4B46; }

.button.clear.info, .button.clear.info.disabled, .button.clear.info[disabled], .button.clear.info:hover, .button.clear.info:hover.disabled, .button.clear.info:hover[disabled], .button.clear.info:focus, .button.clear.info:focus.disabled, .button.clear.info:focus[disabled] { border-color: transparent; }

.button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; }

.button.dropdown.hollow::after, .button.dropdown.clear::after { border-top-color: #3C948B; }

.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { border-top-color: #3C948B; }

.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { border-top-color: #3F3F3F; }

.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { border-top-color: #43AC6A; }

.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { border-top-color: #ffae00; }

.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { border-top-color: #cc4b37; }

.button.dropdown.hollow.info::after, .button.dropdown.clear.info::after { border-top-color: #1F4B46; }

.button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; }

a.button:hover, a.button:focus { text-decoration: none; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.6rem; margin: 0 0 1.0666666667rem; padding: 0.5333333333rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: "Open Sans", sans-serif; font-size: 1.0666666667rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; appearance: none; }

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea { max-width: 100%; }

textarea[rows] { height: auto; }

input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; }

[type='submit'], [type='button'] { appearance: none; border-radius: 0; }

input[type='search'] { box-sizing: border-box; }

::placeholder { color: #cacaca; }

[type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1.0666666667rem; }

[type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5333333333rem; margin-right: 1.0666666667rem; margin-bottom: 0; }

[type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; }

label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5333333333rem; }

[type='file'] { width: 100%; }

label { display: block; margin: 0; font-size: 0.9333333333rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; }

label.middle { margin: 0 0 1.0666666667rem; padding: 0.6rem 0; }

.help-text { margin-top: -0.5333333333rem; font-size: 0.8666666667rem; font-style: italic; color: #0a0a0a; }

.input-group { display: flex; width: 100%; margin-bottom: 1.0666666667rem; align-items: stretch; }

.input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0 0 0 0; }

.input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; }

.input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; }

.input-group-label:first-child { border-right: 0; }

.input-group-label:last-child { border-left: 0; }

.input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; }

.input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; }

.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1.0666666667rem; }

fieldset { margin: 0; padding: 0; border: 0; }

legend { max-width: 100%; margin-bottom: 0.5333333333rem; }

.fieldset { margin: 1.2rem 0; padding: 1.3333333333rem; border: 1px solid #cacaca; }

.fieldset legend { margin: 0; margin-left: -0.2rem; padding: 0 0.2rem; }

select { height: 2.6rem; margin: 0 0 1.0666666667rem; padding: 0.5333333333rem; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: "Open Sans", sans-serif; font-size: 1.0666666667rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2887, 87, 87%29'></polygon></svg>"); background-origin: content-box; background-position: right -1.0666666667rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.6rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

@media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }

select:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

select:disabled { background-color: #e6e6e6; cursor: not-allowed; }

select::-ms-expand { display: none; }

select[multiple] { height: auto; background-image: none; }

.is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea; }

.is-invalid-input:not(:focus)::placeholder { color: #cc4b37; }

.is-invalid-label { color: #cc4b37; }

.form-error { display: none; margin-top: -0.5333333333rem; margin-bottom: 1.0666666667rem; font-size: 0.8rem; font-weight: bold; color: #cc4b37; }

.form-error.is-visible { display: block; }

.accordion { margin-left: 0; background: #fefefe; list-style-type: none; }

.accordion[disabled] .accordion-title { cursor: not-allowed; }

.accordion-item:first-child > :first-child { border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child { border-radius: 0 0 0 0; }

.accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.8rem; line-height: 1; color: #3C948B; }

:last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; }

.accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; }

.accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: '+'; }

.is-active > .accordion-title::before { content: '\2013'; }

.accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a; }

:last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; }

.accordion-menu li { width: 100%; }

.accordion-menu a { padding: 0.7rem 1rem; }

.accordion-menu .is-accordion-submenu a { padding: 0.7rem 1rem; }

.accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #3C948B transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after { right: 1rem; left: auto; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { transform: rotate(180deg); transform-origin: 50% 50%; }

.is-accordion-submenu-parent { position: relative; }

.has-submenu-toggle > a { margin-right: 40px; }

.submenu-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; }

.submenu-toggle::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #3C948B transparent transparent; top: 0; bottom: 0; margin: auto; }

.submenu-toggle[aria-expanded='true']::after { transform: scaleY(-1); transform-origin: 50% 50%; }

.submenu-toggle-text { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #3C948B; color: #fefefe; }

.badge.primary { background: #3C948B; color: #0a0a0a; }

.badge.secondary { background: #3F3F3F; color: #fefefe; }

.badge.success { background: #43AC6A; color: #0a0a0a; }

.badge.warning { background: #ffae00; color: #0a0a0a; }

.badge.alert { background: #cc4b37; color: #fefefe; }

.badge.info { background: #1F4B46; color: #fefefe; }

.breadcrumbs { margin: 1rem 1rem 1rem 1rem; list-style: none; }

.breadcrumbs::before, .breadcrumbs::after { display: table; content: ' '; flex-basis: 0; order: 1; }

.breadcrumbs::after { clear: both; }

.breadcrumbs li { float: left; font-size: 0.8rem; color: #1f4b47; cursor: default; text-transform: uppercase; }

.breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; }

.breadcrumbs a { color: #3C948B; }

.breadcrumbs a:hover { text-decoration: underline; }

.breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; }

.button-group { margin-bottom: 1rem; display: flex; flex-wrap: nowrap; align-items: stretch; }

.button-group::before, .button-group::after { display: table; content: ' '; flex-basis: 0; order: 1; }

.button-group::after { clear: both; }

.button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; flex: 0 0 auto; }

.button-group .button:last-child { margin-right: 0; }

.button-group.tiny .button { font-size: 0.6rem; }

.button-group.small .button { font-size: 0.75rem; }

.button-group.large .button { font-size: 1.25rem; }

.button-group.expanded .button { flex: 1 1 0px; }

.button-group.primary .button { background-color: #3C948B; color: #fefefe; }

.button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #30766f; color: #fefefe; }

.button-group.secondary .button { background-color: #3F3F3F; color: #fefefe; }

.button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #323232; color: #fefefe; }

.button-group.success .button { background-color: #43AC6A; color: #fefefe; }

.button-group.success .button:hover, .button-group.success .button:focus { background-color: #368a55; color: #fefefe; }

.button-group.warning .button { background-color: #ffae00; color: #fefefe; }

.button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #fefefe; }

.button-group.alert .button { background-color: #cc4b37; color: #fefefe; }

.button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a53b2a; color: #fefefe; }

.button-group.info .button { background-color: #1F4B46; color: #fefefe; }

.button-group.info .button:hover, .button-group.info .button:focus { background-color: #193c38; color: #fefefe; }

.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { flex-wrap: wrap; }

.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { flex: 0 0 100%; }

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; }

.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { flex: 1 1 0px; }

@media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { flex: 0 0 auto; margin-bottom: 0; } }

@media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { flex: 0 0 auto; margin-bottom: 0; } }

@media screen and (max-width: 39.99875em) { .button-group.stacked-for-small.expanded { display: block; }
  .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } }

@media screen and (max-width: 63.99875em) { .button-group.stacked-for-medium.expanded { display: block; }
  .button-group.stacked-for-medium.expanded .button { display: block; margin-right: 0; } }

.callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; background-color: white; color: #0a0a0a; }

.callout > :first-child { margin-top: 0; }

.callout > :last-child { margin-bottom: 0; }

.callout.primary { background-color: #dff2f0; color: #0a0a0a; }

.callout.secondary { background-color: #e2e2e2; color: #0a0a0a; }

.callout.success { background-color: #e2f4e8; color: #0a0a0a; }

.callout.warning { background-color: #fff3d9; color: #0a0a0a; }

.callout.alert { background-color: #f7e4e1; color: #0a0a0a; }

.callout.info { background-color: #d4edea; color: #0a0a0a; }

.callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; }

.callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }

.close-button { position: absolute; color: #8a8a8a; cursor: pointer; }

[data-whatinput='mouse'] .close-button { outline: 0; }

.close-button:hover, .close-button:focus { color: #0a0a0a; }

.close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; }

.close-button, .close-button.medium { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; }

.menu { padding: 0; margin: 0; list-style: none; position: relative; display: flex; flex-wrap: wrap; }

[data-whatinput='mouse'] .menu li { outline: 0; }

.menu a, .menu .button { line-height: 1; text-decoration: none; display: block; padding: 0.7rem 1rem; }

.menu input, .menu select, .menu a, .menu button { margin-bottom: 0; }

.menu input { display: inline-block; }

.menu, .menu.horizontal { flex-wrap: wrap; flex-direction: row; }

.menu.vertical { flex-wrap: nowrap; flex-direction: column; }

.menu.expanded li { flex: 1 1 0px; }

.menu.simple { align-items: center; }

.menu.simple li + li { margin-left: 1rem; }

.menu.simple a { padding: 0; }

@media print, screen and (min-width: 40em) { .menu.medium-horizontal { flex-wrap: wrap; flex-direction: row; }
  .menu.medium-vertical { flex-wrap: nowrap; flex-direction: column; }
  .menu.medium-expanded li { flex: 1 1 0px; }
  .menu.medium-simple li { flex: 1 1 0px; } }

@media print, screen and (min-width: 64em) { .menu.large-horizontal { flex-wrap: wrap; flex-direction: row; }
  .menu.large-vertical { flex-wrap: nowrap; flex-direction: column; }
  .menu.large-expanded li { flex: 1 1 0px; }
  .menu.large-simple li { flex: 1 1 0px; } }

.menu.nested { margin-right: 0; margin-left: 1rem; }

.menu.icons a { display: flex; }

.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: flex; }

.menu.icon-left li a { flex-flow: row nowrap; }

.menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg { margin-right: 0.25rem; }

.menu.icon-right li a { flex-flow: row nowrap; }

.menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg { margin-left: 0.25rem; }

.menu.icon-top li a { flex-flow: column nowrap; }

.menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg { align-self: stretch; margin-bottom: 0.25rem; text-align: center; }

.menu.icon-bottom li a { flex-flow: column nowrap; }

.menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg { align-self: stretch; margin-bottom: 0.25rem; text-align: center; }

.menu .is-active > a { background: #3C948B; color: #fefefe; }

.menu .active > a { background: #3C948B; color: #fefefe; }

.menu.align-left { justify-content: flex-start; }

.menu.align-right li { display: flex; justify-content: flex-end; }

.menu.align-right li .submenu li { justify-content: flex-start; }

.menu.align-right.vertical li { display: block; text-align: right; }

.menu.align-right.vertical li .submenu li { text-align: right; }

.menu.align-right .nested { margin-right: 1rem; margin-left: 0; }

.menu.align-center li { display: flex; justify-content: center; }

.menu.align-center li .submenu li { justify-content: flex-start; }

.menu .menu-text { padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; }

.menu-centered > .menu { justify-content: center; }

.menu-centered > .menu li { display: flex; justify-content: center; }

.menu-centered > .menu li .submenu li { justify-content: flex-start; }

.no-js [data-responsive-menu] ul { display: none; }

.menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; }

.menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ''; }

.menu-icon:hover::after { background: #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; }

.menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ''; }

.menu-icon.dark:hover::after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.is-drilldown { position: relative; overflow: hidden; }

.is-drilldown li { display: block; }

.is-drilldown.animate-height { transition: height 0.5s; }

.drilldown a { padding: 0.7rem 1rem; background: #fefefe; }

.drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; transition: transform 0.15s linear; }

.drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%); }

.drilldown .is-drilldown-submenu.is-closing { transform: translateX(100%); }

.drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; }

.drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous { min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a { position: relative; }

.drilldown .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #3C948B; position: absolute; top: 50%; margin-top: -6px; right: 1rem; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #3C948B; right: 1rem; left: auto; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #3C948B transparent transparent; right: auto; left: 1rem; }

.drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #3C948B transparent transparent; display: inline-block; vertical-align: middle; margin-right: 0.75rem; }

.dropdown-pane { position: absolute; z-index: 10; display: none; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 1rem; }

.dropdown-pane.is-opening { display: block; }

.dropdown-pane.is-open { display: block; visibility: visible; }

.dropdown-pane.tiny { width: 100px; }

.dropdown-pane.small { width: 200px; }

.dropdown-pane.large { width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #3C948B transparent transparent; right: 5px; left: auto; margin-top: -3px; }

[data-whatinput='mouse'] .dropdown.menu a { outline: 0; }

.dropdown.menu > li > a { background: #fefefe; padding: 0.7rem 1rem; }

.dropdown.menu > li.is-active > a { background: transparent; color: #3C948B; }

.no-js .dropdown.menu ul { display: none; }

.dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }

.dropdown.menu.vertical > li > a::after { right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #3C948B transparent transparent; right: auto; left: 5px; }

.dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #3C948B; }

@media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #3C948B transparent transparent; right: 5px; left: auto; margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after { right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #3C948B transparent transparent; right: auto; left: 5px; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #3C948B; } }

@media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #3C948B transparent transparent; right: 5px; left: auto; margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }
  .dropdown.menu.large-vertical > li > a::after { right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #3C948B transparent transparent; right: auto; left: 5px; }
  .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #3C948B; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; }

.is-dropdown-menu.vertical { width: 100px; }

.is-dropdown-menu.vertical.align-right { float: right; }

.is-dropdown-submenu-parent { position: relative; }

.is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; }

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; }

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; }

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; }

.is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fefefe; }

.dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; }

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; }

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #3C948B transparent transparent; right: auto; left: 5px; }

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #3C948B; }

.is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; }

.is-dropdown-submenu > li { width: 100%; }

.is-dropdown-submenu.js-dropdown-active { display: block; }

.responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1.0666666667rem; padding-bottom: 75%; overflow: hidden; }

.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; }

.label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 0; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #3C948B; color: #fefefe; }

.label.primary { background: #3C948B; color: #0a0a0a; }

.label.secondary { background: #3F3F3F; color: #fefefe; }

.label.success { background: #43AC6A; color: #0a0a0a; }

.label.warning { background: #ffae00; color: #0a0a0a; }

.label.alert { background: #cc4b37; color: #fefefe; }

.label.info { background: #1F4B46; color: #fefefe; }

.media-object { display: flex; margin-bottom: 1rem; flex-wrap: nowrap; }

.media-object img { max-width: none; }

@media screen and (max-width: 39.99875em) { .media-object.stack-for-small { flex-wrap: wrap; } }

.media-object-section { flex: 0 1 auto; }

.media-object-section:first-child { padding-right: 1rem; }

.media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; }

.media-object-section > :last-child { margin-bottom: 0; }

@media screen and (max-width: 39.99875em) { .stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; flex-basis: 100%; max-width: 100%; }
  .stack-for-small .media-object-section img { width: 100%; } }

.media-object-section.main-section { flex: 1 1 0px; }

.is-off-canvas-open { overflow: hidden; }

.js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(254, 254, 254, 0.25); opacity: 0; visibility: hidden; overflow: hidden; }

.js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; }

.js-off-canvas-overlay.is-closable { cursor: pointer; }

.js-off-canvas-overlay.is-overlay-absolute { position: absolute; }

.js-off-canvas-overlay.is-overlay-fixed { position: fixed; }

.off-canvas-wrapper { position: relative; overflow: hidden; }

.off-canvas { position: fixed; z-index: 12; transition: transform 0.5s ease; backface-visibility: hidden; background: #e6e6e6; }

[data-whatinput='mouse'] .off-canvas { outline: 0; }

.off-canvas.is-transition-push { z-index: 12; }

.off-canvas.is-closed { visibility: hidden; }

.off-canvas.is-transition-overlap { z-index: 13; }

.off-canvas.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }

.off-canvas.is-open { transform: translate(0, 0); }

.off-canvas-absolute { position: absolute; z-index: 12; transition: transform 0.5s ease; backface-visibility: hidden; background: #e6e6e6; }

[data-whatinput='mouse'] .off-canvas-absolute { outline: 0; }

.off-canvas-absolute.is-transition-push { z-index: 12; }

.off-canvas-absolute.is-closed { visibility: hidden; }

.off-canvas-absolute.is-transition-overlap { z-index: 13; }

.off-canvas-absolute.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }

.off-canvas-absolute.is-open { transform: translate(0, 0); }

.position-left { top: 0; left: 0; height: 100%; overflow-y: auto; width: 250px; transform: translateX(-250px); }

@media print, screen and (min-width: 40em) { .position-left { width: 250px; transform: translateX(-250px); } }

.off-canvas-content .off-canvas.position-left { transform: translateX(-250px); }

@media print, screen and (min-width: 40em) { .off-canvas-content .off-canvas.position-left { transform: translateX(-250px); } }

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { transform: translate(0, 0); }

.off-canvas-content.is-open-left.has-transition-push { transform: translateX(250px); }

@media print, screen and (min-width: 40em) { .off-canvas-content.is-open-left.has-transition-push { transform: translateX(250px); } }

.position-left.is-transition-push { box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); }

.position-right { top: 0; right: 0; height: 100%; overflow-y: auto; width: 250px; transform: translateX(250px); }

@media print, screen and (min-width: 40em) { .position-right { width: 250px; transform: translateX(250px); } }

.off-canvas-content .off-canvas.position-right { transform: translateX(250px); }

@media print, screen and (min-width: 40em) { .off-canvas-content .off-canvas.position-right { transform: translateX(250px); } }

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { transform: translate(0, 0); }

.off-canvas-content.is-open-right.has-transition-push { transform: translateX(-250px); }

@media print, screen and (min-width: 40em) { .off-canvas-content.is-open-right.has-transition-push { transform: translateX(-250px); } }

.position-right.is-transition-push { box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); }

.position-top { top: 0; left: 0; width: 100%; overflow-x: auto; height: 250px; transform: translateY(-250px); }

@media print, screen and (min-width: 40em) { .position-top { height: 250px; transform: translateY(-250px); } }

.off-canvas-content .off-canvas.position-top { transform: translateY(-250px); }

@media print, screen and (min-width: 40em) { .off-canvas-content .off-canvas.position-top { transform: translateY(-250px); } }

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { transform: translate(0, 0); }

.off-canvas-content.is-open-top.has-transition-push { transform: translateY(250px); }

@media print, screen and (min-width: 40em) { .off-canvas-content.is-open-top.has-transition-push { transform: translateY(250px); } }

.position-top.is-transition-push { box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); }

.position-bottom { bottom: 0; left: 0; width: 100%; overflow-x: auto; height: 250px; transform: translateY(250px); }

@media print, screen and (min-width: 40em) { .position-bottom { height: 250px; transform: translateY(250px); } }

.off-canvas-content .off-canvas.position-bottom { transform: translateY(250px); }

@media print, screen and (min-width: 40em) { .off-canvas-content .off-canvas.position-bottom { transform: translateY(250px); } }

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { transform: translate(0, 0); }

.off-canvas-content.is-open-bottom.has-transition-push { transform: translateY(-250px); }

@media print, screen and (min-width: 40em) { .off-canvas-content.is-open-bottom.has-transition-push { transform: translateY(-250px); } }

.position-bottom.is-transition-push { box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); }

.off-canvas-content { transform: none; transition: transform 0.5s ease; backface-visibility: hidden; }

.off-canvas-content.has-transition-push { transform: translate(0, 0); }

.off-canvas-content .off-canvas.is-open { transform: translate(0, 0); }

@media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-left.reveal-for-medium .close-button { display: none; }
  .off-canvas-content .position-left.reveal-for-medium { transform: none; }
  .off-canvas-content.has-reveal-left { margin-left: 250px; }
  .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-right.reveal-for-medium .close-button { display: none; }
  .off-canvas-content .position-right.reveal-for-medium { transform: none; }
  .off-canvas-content.has-reveal-right { margin-right: 250px; }
  .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; }
  .position-top.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-top.reveal-for-medium .close-button { display: none; }
  .off-canvas-content .position-top.reveal-for-medium { transform: none; }
  .off-canvas-content.has-reveal-top { margin-top: 250px; }
  .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; }
  .position-bottom.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-bottom.reveal-for-medium .close-button { display: none; }
  .off-canvas-content .position-bottom.reveal-for-medium { transform: none; }
  .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; }
  .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) { .position-left.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-left.reveal-for-large .close-button { display: none; }
  .off-canvas-content .position-left.reveal-for-large { transform: none; }
  .off-canvas-content.has-reveal-left { margin-left: 250px; }
  .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; }
  .position-right.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-right.reveal-for-large .close-button { display: none; }
  .off-canvas-content .position-right.reveal-for-large { transform: none; }
  .off-canvas-content.has-reveal-right { margin-right: 250px; }
  .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; }
  .position-top.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-top.reveal-for-large .close-button { display: none; }
  .off-canvas-content .position-top.reveal-for-large { transform: none; }
  .off-canvas-content.has-reveal-top { margin-top: 250px; }
  .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; }
  .position-bottom.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; }
  .position-bottom.reveal-for-large .close-button { display: none; }
  .off-canvas-content .position-bottom.reveal-for-large { transform: none; }
  .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; }
  .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } }

@media print, screen and (min-width: 40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { box-shadow: none; transform: none; }
  .off-canvas.in-canvas-for-medium .close-button { display: none; } }

@media print, screen and (min-width: 64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { box-shadow: none; transform: none; }
  .off-canvas.in-canvas-for-large .close-button { display: none; } }

.orbit { position: relative; }

.orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; }

.orbit-slide { width: 100%; position: absolute; }

.orbit-slide.no-motionui.is-active { top: 0; left: 0; }

.orbit-figure { margin: 0; }

.orbit-image { width: 100%; max-width: 100%; margin: 0; }

.orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(10, 10, 10, 0.5); color: #fefefe; }

.orbit-previous, .orbit-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; }

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; }

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous { left: 0; }

.orbit-next { left: auto; right: 0; }

.orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; }

[data-whatinput='mouse'] .orbit-bullets { outline: 0; }

.orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; }

.orbit-bullets button:hover { background-color: #8a8a8a; }

.orbit-bullets button.is-active { background-color: #8a8a8a; }

.pagination { margin-left: 0; margin-bottom: 1rem; }

.pagination::before, .pagination::after { display: table; content: ' '; flex-basis: 0; order: 1; }

.pagination::after { clear: both; }

.pagination li { margin-right: 0; border-radius: 0; font-size: 0.9333333333rem; display: inline-block; }

.pagination a, .pagination button { display: block; padding: 0.3333333333rem 0.6666666667rem; border-radius: 0; color: #0a0a0a; }

.pagination a:hover, .pagination button:hover { background: #e6e6e6; }

.pagination .current { padding: 0.3333333333rem 0.6666666667rem; background: #3C948B; color: #fefefe; cursor: default; }

.pagination .disabled { padding: 0.3333333333rem 0.6666666667rem; color: #cacaca; cursor: not-allowed; }

.pagination .disabled:hover { background: transparent; }

.pagination .ellipsis::after { padding: 0.3333333333rem 0.6666666667rem; content: '\2026'; color: #fefefe; }

.pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: '\00ab'; }

.pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: '\00bb'; }

.progress { height: 1rem; margin-bottom: 1rem; border-radius: 0; background-color: #cacaca; }

.progress.primary .progress-meter { background-color: #3C948B; }

.progress.secondary .progress-meter { background-color: #3F3F3F; }

.progress.success .progress-meter { background-color: #43AC6A; }

.progress.warning .progress-meter { background-color: #ffae00; }

.progress.alert .progress-meter { background-color: #cc4b37; }

.progress.info .progress-meter { background-color: #1F4B46; }

.progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #3C948B; }

.progress-meter-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; }

.slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; user-select: none; touch-action: none; }

.slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; transition: all 0.2s ease-in-out; }

.slider-fill.is-dragging { transition: all 0s linear; }

.slider-handle { position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 0; background-color: #3C948B; transition: all 0.2s ease-in-out; touch-action: manipulation; }

[data-whatinput='mouse'] .slider-handle { outline: 0; }

.slider-handle:hover { background-color: #337e76; }

.slider-handle.is-dragging { transition: all 0s linear; }

.slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; }

.slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; transform: scale(1, -1); }

.slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; }

.slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; transform: translateX(-50%); }

.sticky-container { position: relative; }

.sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); }

.sticky.is-stuck { position: fixed; z-index: 5; width: 100%; }

.sticky.is-stuck.is-at-top { top: 0; }

.sticky.is-stuck.is-at-bottom { bottom: 0; }

.sticky.is-anchored { position: relative; right: auto; left: auto; }

.sticky.is-anchored.is-at-bottom { bottom: 0; }

html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; }

html.is-reveal-open.zf-has-scroll { overflow-y: scroll; }

html.is-reveal-open body { overflow-y: hidden; }

.reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: auto; }

.reveal { z-index: 1006; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; }

[data-whatinput='mouse'] .reveal { outline: 0; }

@media print, screen and (min-width: 40em) { .reveal { min-height: 0; } }

.reveal .column, .reveal .columns { min-width: 0; }

.reveal > :last-child { margin-bottom: 0; }

@media print, screen and (min-width: 40em) { .reveal { width: false; max-width: 71.4285714286rem; } }

.reveal.collapse { padding: 0; }

@media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 71.4285714286rem; } }

@media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 71.4285714286rem; } }

@media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 71.4285714286rem; } }

.reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; }

@media screen and (max-width: 39.99875em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } }

.reveal.without-overlay { position: fixed; }

.switch { height: 2rem; position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.9333333333rem; font-weight: bold; color: #fefefe; user-select: none; }

.switch-input { position: absolute; margin-bottom: 0; opacity: 0; }

.switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 0; background: #cacaca; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; }

input + .switch-paddle { margin: 0; }

.switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; transform: translate3d(0, 0, 0); border-radius: 0; background: #fefefe; transition: all 0.25s ease-out; content: ''; }

input:checked ~ .switch-paddle { background: #3C948B; }

input:checked ~ .switch-paddle::after { left: 2.25rem; }

[data-whatinput='mouse'] input:focus ~ .switch-paddle { outline: 0; }

.switch-active, .switch-inactive { position: absolute; top: 50%; transform: translateY(-50%); }

.switch-active { left: 8%; display: none; }

input:checked + label > .switch-active { display: block; }

.switch-inactive { right: 15%; }

input:checked + label > .switch-inactive { display: none; }

.switch.tiny { height: 1.5rem; }

.switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.6666666667rem; }

.switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; }

.switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; }

.switch.small { height: 1.75rem; }

.switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.8rem; }

.switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; }

.switch.small input:checked ~ .switch-paddle::after { left: 2rem; }

.switch.large { height: 2.5rem; }

.switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1.0666666667rem; }

.switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; }

.switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; }

table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0; }

table thead, table tbody, table tfoot { border: 1px solid #f1f1f1; background-color: #fefefe; }

table caption { padding: 0.5333333333rem 0.6666666667rem 0.6666666667rem; font-weight: bold; }

table thead { background: #f8f8f8; color: #0a0a0a; }

table tfoot { background: #f1f1f1; color: #0a0a0a; }

table thead tr, table tfoot tr { background: transparent; }

table thead th, table thead td, table tfoot th, table tfoot td { padding: 0.5333333333rem 0.6666666667rem 0.6666666667rem; font-weight: bold; text-align: left; }

table tbody th, table tbody td { padding: 0.5333333333rem 0.6666666667rem 0.6666666667rem; }

table tbody tr:nth-child(even) { border-bottom: 0; background-color: #f1f1f1; }

table.unstriped tbody { background-color: #fefefe; }

table.unstriped tbody tr { border-bottom: 0; border-bottom: 1px solid #f1f1f1; background-color: #fefefe; }

@media screen and (max-width: 63.99875em) { table.stack thead { display: none; }
  table.stack tfoot { display: none; }
  table.stack tr, table.stack th, table.stack td { display: block; }
  table.stack td { border-top: 0; } }

table.scroll { display: block; width: 100%; overflow-x: auto; }

table.hover thead tr:hover { background-color: #f3f3f3; }

table.hover tfoot tr:hover { background-color: #ececec; }

table.hover tbody tr:hover { background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: #ececec; }

.table-scroll { overflow-x: auto; }

.tabs { margin: 0; border: 1px solid #e6e6e6; background: #fefefe; list-style-type: none; }

.tabs::before, .tabs::after { display: table; content: ' '; flex-basis: 0; order: 1; }

.tabs::after { clear: both; }

.tabs.vertical > li { display: block; float: none; width: auto; }

.tabs.simple > li > a { padding: 0; }

.tabs.simple > li > a:hover { background: transparent; }

.tabs.primary { background: #3C948B; }

.tabs.primary > li > a { color: #0a0a0a; }

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #398d84; }

.tabs-title { float: left; }

.tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.8rem; line-height: 1; color: #3C948B; }

[data-whatinput='mouse'] .tabs-title > a { outline: 0; }

.tabs-title > a:hover { background: #fefefe; color: #347f78; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #e6e6e6; color: #3C948B; }

.tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fefefe; color: #0a0a0a; transition: all 0.5s ease; }

.tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; }

.tabs-panel { display: none; padding: 1rem; }

.tabs-panel.is-active { display: block; }

.thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 4px #fefefe; border-radius: 0; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); line-height: 0; }

a.thumbnail { transition: box-shadow 200ms ease-out; }

a.thumbnail:hover, a.thumbnail:focus { box-shadow: 0 0 6px 1px rgba(60, 148, 139, 0.5); }

a.thumbnail image { box-shadow: none; }

.title-bar { padding: 0.5rem; background: #0a0a0a; color: #fefefe; display: flex; justify-content: flex-start; align-items: center; }

.title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; }

.title-bar-left, .title-bar-right { flex: 1 1 0px; }

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

.title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; }

.has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: normal; cursor: help; }

.tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 0; background-color: #0a0a0a; font-size: 80%; color: #fefefe; }

.tooltip::before { position: absolute; }

.tooltip.bottom::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; bottom: 100%; }

.tooltip.bottom.align-center::before { left: 50%; transform: translateX(-50%); }

.tooltip.top::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto; }

.tooltip.top.align-center::before { left: 50%; transform: translateX(-50%); }

.tooltip.left::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; left: 100%; }

.tooltip.left.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); }

.tooltip.right::before { display: block; width: 0; height: 0; border: inset 0.75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; right: 100%; left: auto; }

.tooltip.right.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); }

.tooltip.align-top::before { bottom: auto; top: 10%; }

.tooltip.align-bottom::before { bottom: 10%; top: auto; }

.tooltip.align-left::before { left: 10%; right: auto; }

.tooltip.align-right::before { left: auto; right: 10%; }

.top-bar { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0.5rem; flex-wrap: wrap; }

.top-bar, .top-bar ul { background-color: #e6e6e6; }

.top-bar input { max-width: 200px; margin-right: 1rem; }

.top-bar .input-group-field { width: 100%; margin-right: 0; }

.top-bar input.button { width: auto; }

.top-bar .top-bar-left, .top-bar .top-bar-right { flex: 0 0 100%; max-width: 100%; }

@media print, screen and (min-width: 40em) { .top-bar { flex-wrap: nowrap; }
  .top-bar .top-bar-left { flex: 1 1 auto; margin-right: auto; }
  .top-bar .top-bar-right { flex: 0 1 auto; margin-left: auto; } }

@media screen and (max-width: 63.99875em) { .top-bar.stacked-for-medium { flex-wrap: wrap; }
  .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { flex: 0 0 100%; max-width: 100%; } }

@media screen and (max-width: 74.99875em) { .top-bar.stacked-for-large { flex-wrap: wrap; }
  .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { flex: 0 0 100%; max-width: 100%; } }

.top-bar-title { flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; }

.top-bar-left, .top-bar-right { flex: 0 0 auto; }

.hide { display: none !important; }

.invisible { visibility: hidden; }

@media screen and (max-width: 39.99875em) { .hide-for-small-only { display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } }

@media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } }

@media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important; } }

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } }

@media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } }

@media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important; } }

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } }

.show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

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

@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } }

@media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } }

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

@media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } }

@media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } }

.align-left { justify-content: flex-start; }

.align-right { justify-content: flex-end; }

.align-center { justify-content: center; }

.align-justify { justify-content: space-between; }

.align-spaced { justify-content: space-around; }

.align-left.vertical.menu > li > a { justify-content: flex-start; }

.align-right.vertical.menu > li > a { justify-content: flex-end; }

.align-center.vertical.menu > li > a { justify-content: center; }

.align-top { align-items: flex-start; }

.align-self-top { align-self: flex-start; }

.align-bottom { align-items: flex-end; }

.align-self-bottom { align-self: flex-end; }

.align-middle { align-items: center; }

.align-self-middle { align-self: center; }

.align-stretch { align-items: stretch; }

.align-self-stretch { align-self: stretch; }

.align-center-middle { justify-content: center; align-items: center; align-content: center; }

.small-order-1 { order: 1; }

.small-order-2 { order: 2; }

.small-order-3 { order: 3; }

.small-order-4 { order: 4; }

.small-order-5 { order: 5; }

.small-order-6 { order: 6; }

@media print, screen and (min-width: 40em) { .medium-order-1 { order: 1; }
  .medium-order-2 { order: 2; }
  .medium-order-3 { order: 3; }
  .medium-order-4 { order: 4; }
  .medium-order-5 { order: 5; }
  .medium-order-6 { order: 6; } }

@media print, screen and (min-width: 64em) { .large-order-1 { order: 1; }
  .large-order-2 { order: 2; }
  .large-order-3 { order: 3; }
  .large-order-4 { order: 4; }
  .large-order-5 { order: 5; }
  .large-order-6 { order: 6; } }

.flex-container { display: flex; }

.flex-child-auto { flex: 1 1 auto; }

.flex-child-grow { flex: 1 0 auto; }

.flex-child-shrink { flex: 0 1 auto; }

.flex-dir-row { flex-direction: row; }

.flex-dir-row-reverse { flex-direction: row-reverse; }

.flex-dir-column { flex-direction: column; }

.flex-dir-column-reverse { flex-direction: column-reverse; }

@media print, screen and (min-width: 40em) { .medium-flex-container { display: flex; }
  .medium-flex-child-auto { flex: 1 1 auto; }
  .medium-flex-child-grow { flex: 1 0 auto; }
  .medium-flex-child-shrink { flex: 0 1 auto; }
  .medium-flex-dir-row { flex-direction: row; }
  .medium-flex-dir-row-reverse { flex-direction: row-reverse; }
  .medium-flex-dir-column { flex-direction: column; }
  .medium-flex-dir-column-reverse { flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) { .large-flex-container { display: flex; }
  .large-flex-child-auto { flex: 1 1 auto; }
  .large-flex-child-grow { flex: 1 0 auto; }
  .large-flex-child-shrink { flex: 0 1 auto; }
  .large-flex-dir-row { flex-direction: row; }
  .large-flex-dir-row-reverse { flex-direction: row-reverse; }
  .large-flex-dir-column { flex-direction: column; }
  .large-flex-dir-column-reverse { flex-direction: column-reverse; } }

.slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(-100%); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active { transform: translateY(0); }

.slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(-100%); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active { transform: translateX(0); }

.slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(100%); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active { transform: translateY(0); }

.slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(100%); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active { transform: translateX(0); }

.slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active { transform: translateY(100%); }

.slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active { transform: translateX(100%); }

.slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active { transform: translateY(-100%); }

.slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active { transform: translateX(-100%); }

.fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active { opacity: 1; }

.fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active { opacity: 0; }

.hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: top; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: right; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); transform-origin: left; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; }

.hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: top; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; }

.hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: right; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; }

.hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; }

.hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: left; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; }

.hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; }

.hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; }

.scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(0.5); transition-property: transform, opacity; opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; }

.scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1.5); transition-property: transform, opacity; opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; }

.scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active { transform: scale(1.5); opacity: 0; }

.scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active { transform: scale(0.5); opacity: 0; }

.spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; }

.spin-in.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; }

.spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; }

.spin-out.mui-leave.mui-leave-active { transform: rotate(0.75turn); opacity: 0; }

.spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; }

.spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active { transform: rotate(-0.75turn); opacity: 0; }

.slow { transition-duration: 750ms !important; }

.fast { transition-duration: 250ms !important; }

.linear { transition-timing-function: linear !important; }

.ease { transition-timing-function: ease !important; }

.ease-in { transition-timing-function: ease-in !important; }

.ease-out { transition-timing-function: ease-out !important; }

.ease-in-out { transition-timing-function: ease-in-out !important; }

.bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay { transition-delay: 300ms !important; }

.long-delay { transition-delay: 700ms !important; }

.shake { animation-name: shake-7; }

@keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } }

.spin-cw { animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); }
  100% { transform: rotate(0); } }

.spin-ccw { animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn { 0% { transform: rotate(0); }
  100% { transform: rotate(1turn); } }

.wiggle { animation-name: wiggle-7deg; }

@keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); }
  35%, 45%, 55%, 65% { transform: rotate(-7deg); }
  0%, 30%, 70%, 100% { transform: rotate(0); } }

.shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; }

.infinite { animation-iteration-count: infinite; }

.slow { animation-duration: 750ms !important; }

.fast { animation-duration: 250ms !important; }

.linear { animation-timing-function: linear !important; }

.ease { animation-timing-function: ease !important; }

.ease-in { animation-timing-function: ease-in !important; }

.ease-out { animation-timing-function: ease-out !important; }

.ease-in-out { animation-timing-function: ease-in-out !important; }

.bounce-in { animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out { animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay { animation-delay: 300ms !important; }

.long-delay { animation-delay: 700ms !important; }

/* Created on : Oct 15, 2016 Author     : Jan -Variables - Colors -Premium Colors -Social Colors -Fonts -Generic Elements -Header Site -Header Menu -Footer -Button -Schedule Page -News & Articles -Forum -Watch buttons */
/*Variables*/
/*Colors*/
/*Premium Colors*/
.green { background-color: #43AC6A; color: white; }

.red { background-color: #cc4b37; color: white; }

.yellow { background-color: #ffae00; color: white; }

/*watched status colors (for elements)*/
.acquired:hover, .acquired.active { background-color: #ECD06F; color: #fff; }

.watched:hover, .watched.active { background-color: #43AC6A; color: #fff; }

.skipped:hover, .skipped.active { background-color: #959595; color: #fff; }

/* visibility classes without !important... */
.hidden { display: none; }

/*Social Colors*/
/*Social site colors*/
/*Replace id references to classes*/
#twitter-color, .twitter-color { background: #2B7BB9; color: white; }

#facebook-color, .facebook-color { background: #3C5A99; color: white; }

#googleplus-color, .googleplus-color { background: #D73D32; color: white; }

#instagram-color { color: #e4405f; }

/*Social links*/
.twitter a { color: #2B7BB9; }

.twitter a:hover { color: #6dacdd; }

.facebook a { color: #3C5A99; }

.facebook a:hover { color: #738ec8; }

/*Googleplus business is no longer online - at some point this can be deleted*/
.googleplus a { color: #D73D32; }

.googleplus a:hover { color: #e88e87; }

/*Social buttons*/
a.twitter-button { color: #fff; background-color: #2B7BB9; }

a.twitter-button:hover { background-color: #6dacdd; text-decoration: none; }

a.facebook-button { color: #fff; background-color: #3C5A99; }

a.facebook-button:hover { background-color: #738ec8; text-decoration: none; }

a.googleplus-button { color: #fff; background-color: #D73D32; }

a.googleplus-button:hover { background-color: #e88e87; text-decoration: none; }

/*Bullet styling*/
ul.square { list-style-type: square; }

/*Fonts*/
/*------------------*/
/*Generic Elements*/
/*Heading*/
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 300; }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 400; }

p { line-height: 1.6; }

a { outline: none; }

/*Generic Classes*/
.left { float: left !important; }

.right { float: right !important; }

.card { position: relative; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); -mox-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); margin-bottom: 20px; }

.card .title, .card h2 { font-family: "Open Sans", sans-serif; font-weight: 500; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 1.5rem; line-height: 1; display: inline-block; width: 100%; position: relative; bottom: 0; left: 0; color: #000; }

.card .title.light, .card .title .light, .card h2.light, .card h2 .light { font-weight: 300; }

.card .title.light .label, .card .title .light .label, .card h2.light .label, .card h2 .light .label { font-weight: normal; }

.card .title h1, .card h2 h1 { font-size: 1.5rem; }

.card .title h2, .card h2 h2 { font-size: 1rem; }

.card .title div, .card h2 div { margin-bottom: 0.4rem; }

.card .title div:last-child, .card h2 div:last-child { margin-bottom: 0; }

.card hgroup, .card div.title { display: block; width: 100%; padding: 10px 0; }

.card .subtitle, .card .summary, .card h3 { display: block; font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 300; }

.card .summary { margin-bottom: 0; }

.card h2 { color: #959595; }

.card h3 { color: #ebebeb; }

.card .content { position: relative; padding: 1rem; font-weight: 300; }

.card p { margin: 0; }

.card .action { border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 1rem; }

.card .action .button { margin-bottom: 0; }

.card .action-buttons-footer-wrap:after { content: ""; display: block; clear: both; padding-bottom: 30px; }

.card .action-buttons-footer { position: absolute; width: 100%; bottom: 0; left: 0; padding: 0.5rem; border-top: 1px solid rgba(160, 160, 160, 0.2); }

.card .action-buttons-footer .fa { margin: 0 0.3rem; }

.card .action-buttons-footer .fa.active { color: #ECD06F; }

.card .action-buttons-footer .rate { color: #000; padding: 0; }

.card .action-buttons-footer .rate ul { margin: 0rem; }

.card .action-buttons-footer .rate a { text-decoration: none !important; }

.card .action-buttons-footer .rate .fa-star { margin-right: 0; }

.card .action-buttons-footer .rate .dropdown-pane { margin-top: 0.7rem; }

.card a { transition: color 0.3s ease; text-decoration: none; }

.card .image { position: relative; }

.card .image img { width: 100%; }

.card .image .title { font-family: "Open Sans", sans-serif; font-weight: 500; display: inline-block; width: 100%; position: absolute; bottom: 0; left: 0; padding: 1rem; color: #fff; background: rgba(60, 148, 139, 0.5); }

.card .image .title a { color: #fff; font-weight: 300; }

.card .image .title .label { margin-left: 0.5rem; position: relative; top: -2px; }

.card footer { font-family: "Open Sans", sans-serif; font-weight: 500; color: #808997; }

.card footer.small { margin-top: 0.2rem; font-size: 0.7em; }

/* parent needs to have position:relative to be correctly aligned*/
.action-buttons-dropdown { position: absolute; display: inline-block; width: 100%; top: 0; right: 0; }

.action-buttons-dropdown h1, .action-buttons-dropdown h2, .action-buttons-dropdown h3, .action-buttons-dropdown h4 { padding: 0; margin-top: 1rem; margin-bottom: 0.2rem; color: #000; }

.action-buttons-dropdown h1:first-child, .action-buttons-dropdown h2:first-child, .action-buttons-dropdown h3:first-child, .action-buttons-dropdown h4:first-child { margin-top: 0rem; }

.action-buttons-dropdown ul:last-child { margin-bottom: 0; }

.action-buttons-dropdown li { border-bottom: 1px solid #959595; margin: 0.3rem auto 0.3rem auto; }

.action-buttons-dropdown li:last-child { border-bottom: none; }

.action-buttons-dropdown li:hover { border-bottom: 1px solid #71c5bd; }

.action-buttons-dropdown li:hover:last-child { border-bottom: none; }

.action-buttons-dropdown .dropdown-action i { display: inline-block; margin: 0.6rem 0.6rem; padding: 0.3rem; }

.action-buttons-dropdown .dropdown-pane { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); -mox-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); width: auto; }

@media screen and (min-width: 40em) { .action-buttons-dropdown .dropdown-pane.is-open { width: auto; display: inline-block; white-space: nowrap; } }

.action-buttons-dropdown .dropdown-pane.is-open a { color: #3C948B; text-decoration: none; }

.action-buttons-dropdown .dropdown-pane.is-open a.button { color: #fff; }

.js-needpremium select[disabled] { pointer-events: none; }

.js-needpremium input[disabled] { pointer-events: none; }

.js-imagepick { cursor: pointer; }

.js-imagepick.current { border: 2px solid green; }

/* prevent FOUC */
@media screen and (max-width: 39.99875em) { .no-js .top-bar-left { display: none; } }

@media print, screen and (min-width: 40em) { .no-js .title-bar { display: none; } }

.card.primary, .card.primary-gradient { background-color: #3C948B; }

.card.primary .content, .card.primary-gradient .content, .card.primary .title, .card.primary-gradient .title, .card.primary h2, .card.primary-gradient h2 { color: #fff; }

.card.primary .title a, .card.primary-gradient .title a, .card.primary .subtitle a, .card.primary-gradient .subtitle a { text-decoration: none; }

.card.primary a, .card.primary-gradient a { color: #b9e3de; text-decoration: underline; }

.card.primary a:hover, .card.primary-gradient a:hover { color: white; text-decoration: underline; }

.card.primary .action, .card.primary-gradient .action, .card.primary .action-buttons-footer, .card.primary-gradient .action-buttons-footer { border-top-color: #71c5bd; }

.card.primary h2, .card.primary-gradient h2 { text-overflow: ellipsis; overflow: hidden; display: inline-block; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0rem; padding-bottom: 0.2rem; }

.card.primary-darken { background-color: #1f4b47; border-bottom: solid 3px #3C948B; }

.card.primary-darken .content, .card.primary-darken .title { color: #fff; }

.card.primary-darken a { color: #b9e3de; text-decoration: underline; }

.card.primary-darken a:hover { color: white; text-decoration: underline; }

.card.primary-darken .action, .card.primary-darken .action-buttons { border-top-color: #fff; }

.card.primary-darken hgroup { background: rgba(31, 75, 71, 0.9); }

.card.primary-gradient { background: #1f4b47; background: -webkit-linear-gradient(#3C948B, #1f4b47); background: -o-linear-gradient(#3C948B, #1f4b47); background: -moz-linear-gradient(#3C948B, #1f4b47); background: linear-gradient(#3C948B, #1f4b47); }

.card.article { background-color: #1f4b47; border-bottom: solid 3px #3C948B; margin: 0 1px; margin-bottom: 1rem; }

.card.article a { color: #fff; }

.card.article h2 { font-size: 1rem; margin-top: 0; }

.card.article h3 { font-size: 0.9rem; margin-top: 0; }

.card.article img { width: 100%; }

/*remove column padding*/
.no-padding { padding: 0 !important; }

.no-padding-right { padding-right: 0 !important; }

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

.no-padding-horizontal { padding-left: 0 !important; padding-right: 0 !important; }

/*remove margin*/
.no-margin-horizontal { margin-left: 0 !important; margin-right: 0 !important; }

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

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

.button.margin-right { margin-right: 0.3rem; }

/*awesome fonts icons margin-right*/
.button .fa { margin-right: 5px; }

.empty { color: #808997; flex: 1 1 0px; padding-right: 0.6666666667rem; padding-left: 0.6666666667rem; min-width: 0; }

@media print, screen and (min-width: 40em) { .empty { padding-right: 1rem; padding-left: 1rem; } }

#user-tools { /*Remove bullet styling from user tools*/ }

@media (max-width: 40.063em) { #user-tools { padding-left: 0; } }

#user-tools ul { list-style-type: none; list-style: none; margin-left: 0; }

#user-tools li h4 { padding-left: 15px; display: block; }

#user-tools li a:not { padding-top: 5px; padding-bottom: 5px; display: block; }

#user-tools li a { padding-left: 15px; padding-top: 5px; padding-bottom: 5px; display: block; }

#user-tools li a:hover { background: #ebebeb; }

#user-tools #user-thumb { text-align: center; background: none; border-bottom: 1px solid #c2c2c2; margin-bottom: 15px; }

#user-tools #user-thumb a { padding-left: 0; }

#user-tools #user-thumb img { margin-bottom: 10px; }

#user-tools #user-thumb h3 { font-size: 1.2rem; display: block; overflow: hidden; margin-bottom: 0; }

#user-tools #user-thumb a:hover { background: none; }

#user-tools #user-thumb #contributor-points a { padding: 0; }

#user-tools #user-thumb #contributor-points.points { background-color: #43AC6A; color: #fff; }

#user-tools #user-thumb #contributor-points.points a { color: #fff; }

#user-tools #user-thumb #contributor-points.no-points { background-color: #ebebeb; color: #808997; }

#user-tools #user-thumb #contributor-points.no-points a { color: #808997; }

#user-tools #user-menu, #user-tools #notifications, #user-tools #create { background: none; padding-top: 5px; padding-bottom: 5px; border: none; }

#user-tools #user-menu img, #user-tools #notifications img, #user-tools #create img { max-height: 30px; max-width: 30px; }

#user-tools #user-menu { padding-right: 0; }

@media (max-width: 40.063em) { #user-tools #user-menu { padding-left: 5px; } }

#user-tools #user-tools-dropdown { padding-top: 0; padding-bottom: 0; }

#user-tools #user-tools-dropdown .fa, #user-tools #user-tools-dropdown .far, #user-tools #user-tools-dropdown .fab, #user-tools #user-tools-dropdown .fas, #user-tools #notifications-dropdown .fa, #user-tools #notifications-dropdown .far, #user-tools #notifications-dropdown .fab, #user-tools #notifications-dropdown .fas { margin: 0 5px; }

#user-tools #personal, #user-tools #tools { display: inline-block; padding-top: 20px; padding-left: 0px; padding-right: 0px; }

#user-tools #personal > img { text-align: center; }

#user-tools #tools { background-color: #F7F7F7; border-left: 1px solid #c2c2c2; }

/*------------------*/
/*HEADER Site*/
#site-header { background-color: #3F3F3F; }

#site-header #top-header { padding-top: 15px; }

#site-header #search { padding-top: 5px; padding-left: 0; }

@media (max-width: 40.063em) { #site-header #search { padding-left: 10px; padding-top: 15px; } }

#site-header #search input { border-radius: 2rem 0 0 2rem; }

#site-header #search button { border-radius: 0 2rem 2rem 0; display: inline-block; width: 50%; border-bottom: none; }

@media (max-width: 40.063em) { #site-header #search button { width: 100%; } }

#site-header #logo { max-height: 50px; }

#user-tools { padding-top: 5px; }

#user-tools .access { font-family: "Open Sans", sans-serif; margin-left: 15px; color: #fff; font-size: 150%; font-weight: 100; text-decoration: none; position: relative; top: 5px; padding-bottom: 30px; display: inline-block; }

@media only screen and (max-width: 27.063em) { #user-tools .access { font-size: 130%; margin-left: 0px; padding: 0 2px 0 4px; display: inline-block; } }

#user-tools a:hover.access { color: #71c5bd; text-decoration: none; }

#site-navigation { background-color: #3C948B; /*change to secondary color when site-header is changed to gradient*/ /* Fallback for older browsers without RGBA-support */ background: #3c948b; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 500; }

@media (max-width: 40.063em) { #site-navigation { background-color: #1f4b47; } }

@media (min-width: 40.063em) { #site-navigation li { display: inline-block; } }

#site-navigation li a { color: #fff; text-decoration: none; }

#site-navigation li a:hover { color: #fff; background: #3F3F3F; }

#site-navigation .menu ul { padding-left: 0; padding-right: 0; }

#site-navigation .menu li a { padding: 0.9rem 1.1rem; }

#site-navigation .menu.medium-horizontal { display: block; }

.title-bar { background-color: #3C948B; min-height: 41px; display: none; }

.title-bar .show-for-small-only { /*align menu and icon right (but not the dropdown menu)*/ /*On mobile, the position on the right makes more sense for right hand thumb clicking*/ text-align: right; padding-right: 5px; }

.title-bar-title { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 400; }

#header-menu { font-size: 1.3em; border-top-width: 2px; color: #fff; }

/*header menu mobile*/
@media (max-width: 40.063em) { /*Breakpoint based on meta.foundation-mq-topbar*/
  #header-menu { display: block; width: 100%; }
  #header-menu li:first-child { border-top: #2d7069 2px solid; }
  #header-menu li { border-top: #95d4ce 1px dotted; border-bottom: #102725 1px dotted; } }

/*------------------*/
/*FOOTER SITE*/
#site-footer { font-family: "Open Sans", sans-serif; font-weight: 300; margin-bottom: 15px; }

#site-footer:after { margin-bottom: 15px; }

#site-footer .menu { margin-bottom: 0; }

#site-footer #menu ul { float: left; padding: 5px 0; }

@media only screen and (min-width: 640px) { #site-footer #menu ul { float: right; padding: 0; } }

#site-footer #menu .primary { font-size: 1.3em; }

#site-footer #menu .primary li:last-child > a { padding-right: 0; }

#site-footer #menu .secondary { font-size: 1em; }

#site-footer #menu .secondary li:last-child > a { padding-right: 0; }

#site-footer #follow { margin: 0; font-size: 1.3em; }

#site-footer #follow li { margin-left: 0px; margin-right: 5px; line-height: 1; display: inline-block; }

#site-footer #follow li a { padding: 0; }

#site-footer #follow li#twitter a { color: #2B7BB9; }

#site-footer #follow li#twitter a:hover { color: #6dacdd; }

#site-footer #follow li#facebook a { color: #3C5A99; }

#site-footer #follow li#facebook a:hover { color: #738ec8; }

#site-footer #follow li#googleplus a { color: #D73D32; }

#site-footer #follow li#googleplus a:hover { color: #e88e87; }

#site-footer #follow li#instagram a { color: #e4405f; }

#site-footer #follow li#instagram a:hover { color: #f199aa; }

#site-footer #follow li#reddit a { color: #ff4500; }

#site-footer #follow li#reddit a:hover { color: #ff8f66; }

@media only screen and (max-width: 640px) { #site-footer #follow { margin-top: 5px; margin-bottom: 5px; } }

#site-footer #menu .menu > li > a { padding: 0rem 1rem 0.8rem 0rem; }

#site-footer #menu .menu > ul:last-child > a { padding-right: 0; }

#site-footer #menu .menu > ul:first-child a { padding-left: 0; }

#site-footer #copyright { display: inline-block; text-align: left; }

@media only screen and (min-width: 640px) { #site-footer #copyright { margin: 5px 0; } }

article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*CLEARFIX*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

a:hover { text-decoration: underline; color: yellow-hover; }

.center { text-align: center; }

.radius, .tooltip.joyride { /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 3px; /* Firefox 1-3.6 */ -moz-border-radius: 3px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 3px; }

.alert-box.radius, .alert-box.tooltip.joyride { margin-top: 10px; }

.round, .joyride-buttons .button { /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 1000px; /* Firefox 1-3.6 */ -moz-border-radius: 1000px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 1000px; }

a.close { text-decoration: none !important; color: black; position: absolute; top: 0rem; right: 0.5rem; font-size: 1.2rem; }

.divider span:not(:last-child):after { content: ' | '; white-space: pre-wrap; }

.sub-nav { margin-left: 0; }

.sub-nav a { display: block; }

.sub-nav li { margin-left: 2px; margin-bottom: 2px; }

.sub-nav li a:hover { color: #fff; background-color: #71c5bd; }

.sub-nav dd a { color: #3F3F3F; text-decoration: none; font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 1rem; padding: 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0; background-color: #ebebeb; border-bottom: 1px solid #959595; }

.sub-nav dd a:hover { background-color: #959595; border-bottom: 1px solid #808997; }

.li-bottom-border li { border-bottom: 1px dotted #808997; padding: 5px 0; list-style-type: square; }

/*Mobile ad sticky bottom*/
.mobile-ad-wrapper { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 1; max-height: 50px; padding: 0rem; margin: 0rem !important; }

.mobile-ad-wrapper .close-button { color: #fff; }

.mobile-ad-wrapper .hidden { display: none; }

#user-login { color: #3C948B; padding: 10px; }

/**/
.button { background-color: #3C948B; color: #fff; border-bottom: #1f4b47 solid 1px; }

.button.negative { background-color: #fff; color: #3C948B; border: #3C948B solid 1px; }

.button.negative:hover { background-color: #3C948B; color: #fff; text-decoration: none; }

.button:hover { background-color: #71c5bd; color: #fff; }

.dropdown.button.secondary:after, button.dropdown.secondary:after { border-color: #fff transparent transparent transparent; }

a.button:focus { background-color: #705E5E; color: white; }

/*Social Buttons*/
.social-buttons { margin-bottom: 10px; text-align: right; }

.social-buttons span { display: block; font-family: "Open Sans",sans-serif; font-weight: 300; margin-bottom: 5px; text-align: right; }

.social-buttons #facebook i { color: #3C5A99; }

.social-buttons #facebook i:hover { color: #738ec8; }

.social-buttons #twitter i { color: #2B7BB9; }

.social-buttons #twitter i:hover { color: #6dacdd; }

.social-buttons #googleplus i { color: #D73D32; }

.social-buttons #googleplus i:hover { color: #e88e87; }

.social-buttons #reddit i { color: #ff4500; }

.social-buttons #reddit i:hover { color: #ff8f66; }

.social-buttons #tumblr i { color: #34465D; }

.social-buttons #tumblr i:hover { color: #59779e; }

.line-right { border-right: 1px #959595 solid; }

.edit { /*Maybe clean up markup and remove this class*/ padding: 4px 0; }

.edit .fa { margin-right: 0; }

#general-info-panel .edit .fa, .generic-info-panel .edit .fa { margin: 0; }

.pointer { cursor: pointer; }

input:disabled, select:disabled, checkbox:disabled, textarea:disabled { cursor: not-allowed; }

.tag .fa { margin-right: 0.5rem; }

.tag .fa.fa-2x { margin-top: -3px; }

.callout.primary .button.negative { text-decoration: none; color: #3C948B; }

.callout.primary .button.negative:hover { color: #fff; }

/*ALERT colors*/
/*Note: .panel.alert is deprecated - any instances should be replaced with callout*/
.callout { border: none; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); -mox-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); margin-bottom: 20px; /*Note: clean up the .red class*/ }

.callout ul { margin-bottom: 0; }

.callout .fa, .callout .fal, .callout .far, .callout .fab, .callout .fas { margin-right: 0.5rem; }

.callout .fa.fa-2x, .callout .fal.fa-2x, .callout .far.fa-2x, .callout .fab.fa-2x, .callout .fas.fa-2x { margin-top: -3px; }

.callout.success { color: #3C948B; }

.callout.success .fa { color: #3C948B; }

.callout.success a:link.button { color: #fff; text-decoration: none; }

.callout.success a:link, .callout.success a { color: #1f4b47; text-decoration: underline; }

.callout.success a:hover { color: #3C948B; text-decoration: underline; }

.callout.green, .callout.green p, .callout.primary { background-color: #f0f9f8; border-color: #b9e3de; color: #3C948B; }

.callout.green a:link, .callout.green a, .callout.green p a:link, .callout.green p a, .callout.primary a:link, .callout.primary a { color: #1f4b47; text-decoration: underline; }

.callout.green a:hover, .callout.green p a:hover, .callout.primary a:hover { color: #3C948B; text-decoration: underline; }

.callout.red, .callout.alert { background-color: #fbf0ee; border-color: #e19488; color: #cc4b37; }

.callout.red a, .callout.alert a { color: #a63b2a; text-decoration: underline; }

.callout.red hr, .callout.alert hr { background-color: #e19488; border-bottom: 1px solid #e19488; }

.callout.warning { border-color: #ffce66; color: #cc8b00; }

.callout.warning a { color: #996800; text-decoration: underline; }

/*TIP*/
.has-tip { display: inline-block; margin-bottom: 5px; }

section { margin-bottom: 10px; }

.th { margin-bottom: 10px; }

#following, .following { cursor: pointer; }

#following .active, .following .active { color: #ECD06F; }

#following span, .following span { font-family: "Open Sans", sans-serif; }

.image-gallery-item .upvote-container { display: inline-block; margin-top: 0.5rem; }

.upvote-container { cursor: pointer; }

.upvote-container .fas, .upvote-container .far { color: #3C948B; }

.upvote-container .active.up { color: #43AC6A; }

.upvote-container .active.down { color: #cc4b37; }

#main-img { margin-bottom: 10px; }

#main-img .no-img { text-align: center; vertical-align: central; }

#main-img .no-img i { padding: 20px; }

#main-img #watched, #main-img #following { width: 100%; margin-bottom: 0; }

#main-img #network img { -webkit-box-shadow: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; }

/*NETWORK*/
#review-short h3, #review-long h3 { font-size: 150%; }

#review-short i, #review-long i { color: #808997; margin-top: 10px; }

#review-short .fa, #review-long .fa { padding-left: 5px; }

/*GENERAL INFORMATION SECTION*/
h1 { display: inline-block; }

a.heading-edit-icon { position: relative; top: -20px; margin-left: 5px; color: #3C948B; }

a.heading-edit-icon:hover { color: #1f4b47; }

#general-info-panel, .generic-info-panel { background-color: #F7F7F7; }

#general-info-panel h2, .generic-info-panel h2 { display: inline-block; }

#general-info-panel .edit, .generic-info-panel .edit { display: inline-block; float: right; width: 50%; text-align: right; position: absolute; top: 0.7rem; right: 0rem; }

#general-info-panel .edit .button, .generic-info-panel .edit .button { margin-bottom: 0.5rem; width: 45%; display: inline-block; }

.generic-info-panel { background-color: #fff; }

#general-information { /*fake column padding*/ }

#general-information p { clear: right; }

#general-information article { clear: right; }

#general-information figure img { width: 100%; }

#general-information #main-img { position: relative; }

#general-information #main-img .action-buttons-dropdown { right: 1em; }

@media (max-width: 40.063em) { #general-information #main-img .action-buttons-dropdown { right: 0.5em; } }

@media screen and (min-width: 40em) { #general-information #main-img { float: left; } }

#general-information div#vote { margin: 0 auto; margin-bottom: 0px; display: inline-block; padding-left: 5px; }

#general-information div#vote .rateit { margin-bottom: 0px; margin-top: 0px; }

#general-information div#vote .box { position: relative; overflow: visible; font-weight: bold; text-align: center; top: 0; padding: 0.5em; font-size: 1.2em; color: #fff; margin: 0 10px 10px 0; display: inline-block; }

#general-information div#vote .green { background-color: #43AC6A; box-shadow: 0 2px 0 #368A54; }

#general-information div#vote .red { background-color: #cc4b37; box-shadow: 0 2px 0 #CF280E; }

#general-information div#vote .yellow { background-color: #ffae00; box-shadow: 0 2px 0 #ECD06F; }

#general-information #vote, #general-information p, #general-information .social-buttons { padding-left: 0.71429rem; padding-right: 0.71429rem; }

.page-subnav { margin-bottom: 1em; min-height: 2em; line-height: 1em; }

.page-subnav ul { transition: max-height .25s linear; margin: 0; padding: 0; width: 100%; }

.page-subnav li { transition: visibility .25s linear; display: inline-block; }

.page-subnav li a { display: block; text-align: center; text-decoration: none; color: #959595; padding: 7px 10px; }

.page-subnav li a:link { color: #959595; font-weight: normal; }

.page-subnav li a:hover { color: #fff; background-color: #71c5bd; }

.page-subnav li.active { background-color: #3F3F3F; }

.page-subnav li.active a { color: #fff; }

.page-subnav li.active:hover { background-color: #3F3F3F; }

@media (max-width: 650px) { .page-subnav { margin-bottom: 30px; }
  .page-subnav ul { max-height: 0; margin: 0 3.5em 0 0; }
  .page-subnav li { visibility: hidden; display: block; padding: 0em 0.6em; border: none; font-size: 1.14286rem; }
  .page-subnav .navbar-handle { display: block; clear: both; }
  #navbar-checkbox:checked + .page-subnav ul { max-height: 380px; }
  #navbar-checkbox:checked + .page-subnav li { visibility: visible; }
  #navbar-checkbox:checked + .page-subnav .navbar-handle, #navbar-checkbox:checked + .page-subnav .navbar-handle:after, #navbar-checkbox:checked + .page-subnav .navbar-handle:before { border-color: #aaa; } }

.navbar-checkbox { display: none; }

.navbar-handle { display: none; cursor: pointer; position: relative; font-size: 45px; padding: .5em 0; height: 0; width: 1.6666666667em; border-top: 0.1333333333em solid; }

.navbar-handle:before, .navbar-handle:after { position: absolute; left: 0; right: 0; content: ' '; border-top: 0.1333333333em solid; }

.navbar-handle:before { top: 0.3777777778em; }

.navbar-handle:after { top: 0.8888888889em; }

.page-subnav { position: relative; top: 0; left: 0; right: 0; }

.page-subnav .navbar-handle { position: absolute; font-size: 1.2em; top: 0.7em; right: 12px; z-index: 9; }

/*Display msg for when there is no content*/
.no-content-msg { color: #808997; }

/*Next Episode list short*/
#next-episode-widget .header-wrap { display: block; margin-top: 5px; }

#next-episode-widget i.fa { position: relative; margin-left: 5px; }

#next-episode-widget .secondary.button { border: #ffffff solid thin; }

/*Calendar*/
.calendar-time { font-size: 0.8em; /* change icon size */ display: block; position: relative; width: 4em; height: 5.5em; background-color: #fff; margin: 2em auto; margin-top: 0.8em; border-radius: 0.1em; box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd; overflow: visible; /* Can likely be removed. Look at it again later. -webkit-backface-visibility: hidden; -webkit-transform: rotate(0deg) skewY(0deg); -webkit-transform-origin: 50% 10%; transform-origin: 50% 10%;*/ }

.calendar-time * { display: block; width: 100%; font-size: 1em; font-weight: bold; font-style: normal; text-align: center; }

.calendar-time strong { position: absolute; top: 0; padding: 0.4em 0; color: #fff; background-color: #3C948B; border-bottom: 1px dashed #fff; box-shadow: 0 2px 0 #3C948B; }

.calendar-time em { position: absolute; bottom: -2em; color: #3C948B; }

.calendar-time span { width: 100%; font-size: 2.2em; letter-spacing: -0.05em; padding-top: 1.1em; color: #2f2f2f; }

/*Calendar overrides*/
#next-episode-widget .calendar-time { margin-right: 1rem; }

#countdown-shows-today .calendar-time { box-shadow: none; margin-right: 0.8em; position: absolute; right: 0; top: 0; font-size: 0.6rem; color: #fff; }

#countdown-shows-today .calendar-time em { color: #fff; background: #3C948B; font-size: 0.7rem; font-weight: 300; bottom: -1.7em; }

/*Episode list short*/
#episode-list-short td, #episode-list-short th { text-align: center; }

#episode-list-short td:first-child, #episode-list-short th:first-child { text-align: left; }

#episode-list-short td:nth-child(2) { color: #808997; }

/*Person & Character*/
#credits strong, #appearances strong { font-family: "Open Sans", sans-serif; font-size: 150%; font-weight: 500; }

#credits .row, #appearances .row { margin-top: 10px; }

#credits .year, #appearances .year { font-family: "Open Sans", sans-serif; font-size: 100%; display: inline-block; position: relative; top: -3px; color: #808997; }

#credits .collapsible, #appearances .collapsible { position: absolute; left: -20px; }

#credits .char-names, #appearances .char-names { padding: 10px; background-color: #e2e2e2; margin: 10px 0; line-height: 1.6em; }

#credits ul, #appearances ul { margin-top: 0px; margin-bottom: 0px; }

#credits li, #appearances li { background-color: #fff; padding: 5px 10px; }

#credits li i.fa, #appearances li i.fa { margin-right: 5px; position: absolute; left: -40px; top: 0.1rem; }

#credits li:nth-child(odd), #appearances li:nth-child(odd) { background-color: #ebebeb; }

#credits li:nth-child(even), #appearances li:nth-child(even) { background-color: #fff; }

#credits .expander, #appearances .expander { cursor: pointer; }

#credits .collapser, #appearances .collapser { cursor: pointer; }

#seasons h2 { margin-top: -4px; line-height: 1.1em; }

.personbox h2 { font-size: 20px; margin-top: 3px; }

.personbox .img { margin-right: 1rem; /* -webkit-box-shadow: 0px 2px 1px 0px rgba(36,36,36,0.55); -moz-box-shadow: 0px 2px 1px 0px rgba(36,36,36,0.55); box-shadow: 0px 2px 1px 0px rgba(36,36,36,0.55); */ }

.personbox article { margin-bottom: 20px; }

#seasons img { margin-bottom: 15px; }

.edit-button-spacing { margin: 10px 0 0px 0; display: inline-block; }

.edit-button-spacing a { margin-right: 5px; }

article.comment { border-bottom: #959595 solid thin; margin-bottom: 0px; padding-bottom: 0px; }

section.content, section.actions { margin-bottom: 0; padding-bottom: 0; }

/*GALLERY*/
#gallery-image figure { display: inline-block; position: relative; }

#gallery-image figure .edit { position: absolute; top: 0.5rem; right: 0.5rem; }

#gallery-image figure .edit .fa { margin-right: 0; }

#gallery-image .upvote-container { font-size: 1.5rem; display: inline-block; margin-top: 1rem; }

#gallery-image .description { margin-top: 1rem; margin-bottom: 0; font-family: "Open Sans", sans-serif; font-size: 1.1rem; }

#gallery-image .previous-next-tab { padding: 10px 0; }

#gallery-image .previous-next-tab a { color: #fff; text-decoration: none; }

#gallery-image .previous-next-tab a.button { min-width: 100px; }

/*EDIT LOG*/
.edit th { width: 45%; }

.edit th:first-child { width: 10%; }

.reason { display: inline-block; padding: 0.5rem 0.5rem 0.25rem 0.5rem; margin-bottom: -0.25rem; left: 25%; }

.reason:hover { color: #3C948B; }

/*SCHEDULE PAGE*/
.schedule h1 { margin-top: -15px; }

.schedule header { background: #3C948B; }

.schedule header .columns { line-height: 35px; }

.schedule header .timetravel { background: #1f4b47; border: 1px solid white; border-bottom: 1px solid #1f4b47; border-left: 1px solid #1f4b47; border-top: 1px solid #71c5bd; border-right: 1px solid #71c5bd; text-align: center; }

.schedule header .timetravel a { padding: 0 4px 0 4px; color: white; }

.schedule header .timetravel a:first-child { border-right: 1px solid #71c5bd; }

.schedule header .timetravel a:last-child { border-left: 1px solid #000; }

.schedule header .timetravel a:hover { text-decoration: none; color: #3C948B; }

.schedule header .hours div { background: #3C948B; border: 1px solid white; border-bottom: 1px solid #1f4b47; border-left: 1px solid #1f4b47; border-top: 1px solid #71c5bd; border-right: 1px solid #71c5bd; color: white; font-size: 110%; }

.schedule .shows div { height: 50px; line-height: 50px; background: #ebebeb; border-bottom: 1px solid #b8bdc5; border-left: 1px solid #808997; border-top: 1px solid #959595; border-right: 1px solid #959595; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.schedule .shows div.followed { background: #d2d2d2; }

.schedule .shows .continued { position: relative; top: 18px; margin-right: 5px; }

.schedule .shows .continued a:hover { text-decoration: none; }

.schedule div.network { height: 50px; padding: 1rem 0.5rem 0 0.5rem; padding-right: 0; line-height: 17px; background: #f8f8f8; border-bottom: 1px solid #808997; border-left: 1px solid #808997; border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }

.schedule div.network a:link { height: 50px; display: block; line-height: 1.2em; vertical-align: middle; }

/*Flags*/
/*Conflicts*/
.conflict-undo { cursor: pointer; }

/*Ad Classes*/
/*Note: ToDo clean up these classes and use f6 grid-x align-center instead*/
.ad.margin { margin: 1rem 0; }

.ad.margin.top { margin: 1rem 0 0 0; }

.ad.next-episode, .ad-margin-left { margin-left: 0.666rem; text-align: center; }

@media screen and (min-width: 64.063em) { .ad.next-episode, .ad-margin-left { margin-left: 1rem; position: relative; } }

/*ad-300x600*/
.blad-300x600, .blad-300x250 { margin-right: 0.666rem; text-align: center; }

@media screen and (min-width: 64.063em) { .blad-300x600, .blad-300x250 { margin-right: 1rem; min-width: 300px; } }

.margin-right { margin-right: 0.666rem; }

@media screen and (min-width: 64.063em) { .margin-right { margin-right: 1rem; } }

.ad.bottom-margin, .margin-bottom { margin-bottom: 1rem; }

.ad.margin-top, .margin-top { margin-top: 1rem; }

.ad.clear-right { clear: right; }

#revenue-footer { margin: 15px auto; text-align: center; }

#revenue-footer hr { padding-bottom: 15px; }

.display-none { display: none !important; }

.tvm-right-side-responsive { position: relative; right: 15px; }

.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*Note: deprecated. Remove where still being used*/
@media only screen and (max-width: 64em) { .revenue-center { text-align: center; width: 100%; } }

/*SHOW AKA*/
#aka ol { padding-left: 10px; font-family: 'Open Sans',sans-serif; font-size: 150%; font-weight: 300; }

#aka li > .country { font-size: 65%; }

/*NEWS & ARTICLES*/
#latest-news-item .fa-newspaper { margin-top: 0.2rem; }

#latest-news-item h1 { font-size: 1.6666666667rem; display: block; }

/*front page article block*/
/*news list on shows*/
#fp-articles ul, #news-list ul { margin-left: 0; }

#fp-articles li, #news-list li { border-bottom: 1px #3C948B dotted; padding: 5px 0; display: block; margin-bottom: 0; }

#fp-articles li h2, #news-list li h2 { font-size: 1.25rem; margin-bottom: 0; }

#fp-articles li .fa, #fp-articles li .fal, #news-list li .fa, #news-list li .fal { font-size: 0.75em; margin-right: 0.5rem; }

#fp-articles li span, #news-list li span { font-size: 0.7em; color: #808997; clear: both; display: block; }

#fp-articles li span, #news-list li span { margin-left: 25px; }

#news-list li, #news-card li { border-bottom: none; padding: 1rem; margin-bottom: 1rem; }

#news-list h3, #news-card h3 { font-size: 1.25rem; margin-bottom: 0; }

#news-list footer, #news-card footer { margin-top: 0.2rem; font-size: 0.7em; color: #808997; clear: both; display: block; }

#news-card footer .report, #news-card footer .source { font-size: 1rem; }

#news-card footer .social-buttons { color: #000; font-size: 1.1rem; margin-bottom: 0; }

@media only screen and (min-width: 27.063em) { #news-card footer .social-buttons { position: absolute; bottom: 1rem; right: 1rem; } }

#news-card footer .social-buttons i { margin-right: 0.1rem; }

/*FORUM*/
#forum #forum-topic article, #forum #forum-section article { display: inline-block; margin: 5px 0; width: 100%; border-bottom: #808997 dotted 1px; word-wrap: break-word; }

#forum #forum-topic article .icon, #forum #forum-section article .icon { min-width: 3.3rem; text-align: center; vertical-align: middle; padding: 10px; margin: 0 auto; color: #fff; margin: 0 10px 10px 0; background: #3C948B; border-bottom: #3F3F3F solid 2px; display: block; }

#forum #forum-topic article .icon .fa, #forum #forum-topic article .icon .fal, #forum #forum-topic article .icon .far, #forum #forum-section article .icon .fa, #forum #forum-section article .icon .fal, #forum #forum-section article .icon .far { margin-right: 0; }

#forum #forum-topic article .pin, #forum #forum-section article .pin { background: #fd9f1b; }

#forum #forum-topic article .lock, #forum #forum-section article .lock { background: #808997; }

#forum #forum-topic article .title, #forum #forum-section article .title { font-family: 'Open Sans',sans-serif; font-size: 150%; font-weight: 100; display: block; margin-bottom: 3px; line-height: 1; }

#forum #forum-topic article .topic-info, #forum #forum-section article .topic-info { display: block; margin-bottom: 10px; font-size: 13.5px; }

#forum #forum-topic article .topic-info .following, #forum #forum-section article .topic-info .following { display: inline-block; }

#forum #forum-topic article .topic-info .follow-toggle, #forum #forum-section article .topic-info .follow-toggle { color: #3F3F3F; }

#forum #forum-topic article .topic-info .follow-toggle :hover, #forum #forum-section article .topic-info .follow-toggle :hover { text-decoration: underline; }

#forum #forum-topic article .topic-info .follow-toggle .active, #forum #forum-section article .topic-info .follow-toggle .active { color: #43AC6A; }

#forum #forum-topic article .topic-info span, #forum #forum-section article .topic-info span { color: #808997; display: block; margin-top: 5px; margin-bottom: 10px; }

#forum #forum-topic article .topic-info span a, #forum #forum-section article .topic-info span a { color: #3C948B; }

#forum #forum-topic article .topic-info .vote, #forum #forum-section article .topic-info .vote { display: inline-block; margin: 3px 6px 0px 6px; }

#forum #forum-topic article .topic-info .vote .fa, #forum #forum-section article .topic-info .vote .fa { color: #808997; cursor: pointer; }

#forum #forum-topic article .topic-info .vote .fa:hover, #forum #forum-section article .topic-info .vote .fa:hover { color: #71c5bd; }

#forum #forum-topic article .topic-info .vote .voted, #forum #forum-section article .topic-info .vote .voted { color: #3C948B; }

#forum #forum-topic article .topic-info .vote .vote-count, #forum #forum-section article .topic-info .vote .vote-count { display: inline-block; }

#forum #forum-section article .icon { height: 65px; width: 65px; text-align: center; padding: 0.9rem 0; margin: 0 auto; color: #fff; margin: 0 10px 10px 0; background: #3C948B; border-bottom: #808997 solid 2px; display: block; margin-right: 1.3rem; }

#forum #forum-section article .icon .fa-3x { font-size: 2.5rem; }

#forum #forum-section article .title { font-family: 'Open Sans',sans-serif; font-size: 200%; font-weight: 100; display: block; color: #3F3F3F; }

#forum #forum-section .description { color: #808997; }

#forum #forum-section ul { display: inline-block; margin-left: 110px; }

#forum #guidelines ul { color: #3F3F3F; }

#forum #topics-added li { border-bottom: #808997 dotted 1px; margin: 3px 0; }

#forum #topics-added li a { overflow-wrap: break-word; }

#forum #topics-added .icon { color: #3C948B; margin-right: 0.5rem; font-size: 0.5rem; line-height: 2.1rem; }

#forum .date-posted { color: #808997; font-size: 80%; margin-bottom: 3px; }

#forum #thread .comment { margin: 10px 0; border-bottom: #808997 dotted 1px; padding: 1rem; word-wrap: break-word; }

#forum #thread .comment footer { clear: both; }

#forum #thread .comment img { width: 50px; margin-left: 0.2rem; }

#forum #thread .comment figure { margin-right: 0.5rem; text-align: center; min-width: 80px; }

#forum #thread .comment .label { position: relative; top: -0.2rem; margin-bottom: 0; }

#forum #thread .comment .label a { position: relative; }

#forum #thread .comment .username { font-size: 150%; font-family: 'Open Sans',sans-serif; font-weight: 100; line-height: 0; }

#forum #thread .comment article { display: inline-block; }

#forum #thread .comment .comment-info { margin: -0.2rem 0 0 0; display: inline-block; position: relative; top: -0.2rem; }

#forum #thread .comment .button { margin-bottom: 0px; }

#forum #thread .comment.primary { background: #ebebeb; margin-bottom: 20px; }

.comment .avatar { margin-right: 1rem; }

.comment .actions .fa { margin: 0; }

.comment .label { margin-top: 5px; margin-bottom: 5px; }

.comment .label a { color: white; }

/*WATCH BUTTONS*/
.toggle-icon { color: #3C948B; cursor: pointer; }

.toggle-icon:hover { color: #173936; }

.toggle-icon.fa { margin-top: 0.4rem; margin-bottom: 0rem; right: 0.3rem; top: 0.3rem; }

.toggle-icon.fa.fa-chevron-up { margin-bottom: 0.8rem; }

.article-featured .caption { font-family: 'Open Sans',sans-serif; font-weight: 100; display: inline-block; background: rgba(60, 148, 139, 0.75); position: absolute; bottom: 0px; left: 0; width: 100%; padding: 5px 10px; }

.article-featured .caption a, .article-featured .caption h2, .article-featured .caption h3, .article-featured .caption h4 { color: #fff; }

.article-featured .caption h2 { font-size: 1.78571rem; }

.article-featured .caption h3 { font-size: 1.42857rem; }

@media only screen and (max-width: 640px) { .article-featured .caption { padding: 0px 10px; }
  .article-featured .caption h2 { font-size: 1.32857rem; margin: 5px 0 10px 0; }
  .article-featured .caption h3 { font-size: 1.07143rem; } }

.article-no-img { text-align: center; background-color: #EFEFE6; width: 100%; }

.article-no-img a img { width: 100%; }

.article-list { /*Note: change .panel to .callout*/ }

.article-list ul { margin-left: 0; }

.article-list li { border-bottom: 1px #808997 dotted; padding: 5px 0; display: block; }

.article-list li h3 { display: inline-block; margin-bottom: 0; font-size: 1.3em; }

.article-list li h3 .fa { font-size: 0.75em; }

.article-list li span, .article-list .panel span { font-size: 0.8em; color: #808997; clear: both; display: block; }

.article-list li span { /*margin-left: 25px;*/ }

#comment-listview .content { margin-top: 5px; }

.comment-edit, .comment-delete { cursor: pointer; }

/*LOGIN*/
#forgotten-password { color: #999; margin: 1em 0; }

/*Modal*/
#modal { display: none; }

.rateit { cursor: pointer; }

/*Foundation override*/
.breadcrumbs { padding: 1rem 1rem; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15); webkit-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15); -mox-box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.15); background-color: #EFEFE7; color: #fff; }

select { padding-right: 25px; font-family: 'Font Awesome\ 5 Pro', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 1.5rem !important; color: #505761; }

/*Joyride override*/
.tooltip.joyride { text-align: left; padding: 1rem; background-color: #1f4b47; color: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); -mox-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); }

.tooltip.joyride p { margin-bottom: 0.5rem; }

.tooltip.joyride .close { color: #fff; }

.tooltip.top::before { border-color: #1f4b47 transparent transparent; }

.joyride-content-wrapper { padding: 1.28571rem 1.42857rem; }

.joyride-buttons { text-align: left !important; }

.joyride-buttons .button { margin-left: 0 !important; }

/**/
#header-usermenu .button { height: 40px; padding-left: 7px; padding-right: 7px; }

#header-usermenu .button.dropdown { padding-right: 35px; }

#header-usermenu .button.dropdown:after { right: 1rem; }

@media (max-width: 40.063em) { #header-usermenu .button.dropdown { padding-right: 35px; } }

#header-usermenu .fa { padding: 0 5px; width: 25px; }

#header-usermenu #watchlist { margin-right: 5px; }

#header-usermenu #watchlist:hover { text-decoration: none; }

@media (min-width: 64.063em) { #header-usermenu #watchlist .button { padding-right: 15px; } }

#notifications, #create { cursor: pointer; display: block; min-width: 55px; max-width: 75px; margin-right: 5px; margin-top: 0.4rem; }

@media (max-width: 40.063em) { #notifications, #create { min-width: 30px; } }

#notifications .fas.fa-envelope, #create .fas.fa-envelope { color: #ECD06F; }

#notifications .fal.fa-envelope, #notifications .fal.fa-edit, #create .fal.fa-envelope, #create .fal.fa-edit { color: #fff; }

#notifications .fa-envelope, #create .fa-envelope { vertical-align: -2px; }

#notifications .count, #create .count { color: white; font-size: 120%; font-family: "Open Sans", sans-serif; font-weight: 200; }

/*FOUNDATION OVERWRITE*/
/*pagination*/
.pagination { width: 100%; }

.pagination .current, .pagination .active { padding: 0; background-color: #3C948B; }

.pagination .current a, .pagination .active a { color: #fff; }

.pagination .current a:hover, .pagination .active a:hover { color: #3F3F3F; }

/*Menu top*/
.label.success, .label.primary, .label.secondary { color: #fff; }

.label.success a, .label.primary a, .label.secondary a { color: #fff; }

.label.disabled { background-color: #ebebeb; color: white; }

.label.disabled a { color: #808997; }

@media only screen and (max-width: 641px) { #notifications-dropdown.dropdown-pane ul { margin-left: 0px; overflow-y: auto; max-height: 300px; }
  #notifications-dropdown.dropdown-pane ul li { list-style: none; } }

@media only screen and (min-width: 642px) { #notifications-dropdown.dropdown-pane > ul { overflow-y: auto; max-height: 300px; margin-bottom: 2px; overflow-x: hidden; margin-left: 0; } }

#notifications-dropdown { padding: 0; }

#notifications-dropdown li a { padding: 7px 3px; }

#notifications-dropdown li { border-bottom: 1px dotted #808997; padding: 7px 5px; color: #3F3F3F; }

#notifications-dropdown li span { color: #808997; font-size: 80%; margin-bottom: 3px; margin-left: 5px; }

#notifications-dropdown > footer { background-color: #ebebeb; padding: 0 0.5rem; }

#notifications-dropdown > footer a:hover { background-color: #3C948B; }

@media only screen and (min-width: 650px) { #header-username { max-width: 80px; display: block; padding-left: 5px; white-space: nowrap; overflow: hidden; } }

/*shapes*/
.circle { width: 100px; height: auto; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

#filter #watchsettings label:before, #filter #showstatussettings label:before { content: "\00a0"; position: relative; margin-left: -0.5rem; }

/*Profile settings and preferences page*/
#profile-settings { margin-top: 10px; }

#profile-settings .sticky, #user-profile .sticky { position: fixed; top: 0; z-index: 100; border-top: 0; }

@media (max-width: 40.063em) { #profile-settings .sticky, #user-profile .sticky { left: 0; width: 100%; padding-left: 10px; padding-top: 10px; } }

#profile-settings .nav, #user-profile .nav { background-color: #fff; }

#profile-settings .nav a, #user-profile .nav a { padding: 4px 10px 2px; font-size: 1.14286rem; display: inline-block; background-color: #fff; }

@media (min-width: 40.063em) { #profile-settings .nav a, #user-profile .nav a { width: 100%; } }

#profile-settings .nav a:active, #profile-settings .nav a.active, #user-profile .nav a:active, #user-profile .nav a.active { background-color: #3F3F3F; color: white; font-size: 1.2rem; }

@media (max-width: 40.063em) { #profile-settings .nav ul li, #user-profile .nav ul li { display: inline; } }

#profile-settings #avatar, #user-profile #avatar { text-align: center; }

#profile-settings #avatar img, #user-profile #avatar img { margin-bottom: 10px; }

#profile-settings #avatar #edit, #user-profile #avatar #edit { font-size: 11px; }

#profile-settings #about, #user-profile #about { line-height: 1.2; }

#profile-settings .label a, #user-profile .label a { color: white; }

#profile-settings #profile-options, #user-profile #profile-options { display: inline-block; }

#profile-settings #profile-options strong, #user-profile #profile-options strong { font-family: 'Open Sans',sans-serif; font-weight: 100; }

#profile-settings #profile-options ul, #user-profile #profile-options ul { display: block; margin-bottom: 0px; }

#profile-settings #profile-options li, #user-profile #profile-options li { padding: 3px 0; display: block; position: relative; }

#profile-settings #profile-options li div, #user-profile #profile-options li div { border-bottom: #959595 solid 1px; float: left; position: relative; width: 100%; padding: 5px 0; }

#profile-settings #share span, #user-profile #share span { font-family: "Open Sans",sans-serif; font-weight: 300; display: block; margin-bottom: 14px; }

#profile-settings .button, #user-profile .button { margin-top: 1em; }

#profile-settings #watchlist-panel, #user-profile #watchlist-panel { margin-top: 20px; }

#profile-settings #feed-panel, #user-profile #feed-panel { margin-top: 20px; overflow-wrap: break-word; }

#follow-list ul li, #follow-list ol li { padding: 10px; }

#follow-list ul li:nth-child(odd), #follow-list ol li:nth-child(odd) { background-color: #ebebeb; border-bottom: 1px dotted #808997; }

#follow-list ul li .name, #follow-list ol li .name { font-family: "Open Sans",sans-serif; font-size: 110%; padding-right: 5px; }

.tag-showname i.far.fa-edit, .tag-showname i.fas.fa-edit { font-size: 18.6667px; position: relative; top: -10px; }

@media (max-width: 40.063em) { .tag-showname i.far.fa-edit, .tag-showname i.fas.fa-edit { top: 0px; } }

.tag-untag { padding: 10px; }

@media (min-width: 770px) { .tag-untag .far { display: none; }
  .tag-untag:hover .far { display: inline; } }

.tag-remove { text-decoration: none; }

.zebra-stripes > li:nth-child(odd), .zebra-stripes > article:nth-child(odd) { background-color: #ebebeb; }

.select2-choice { border: 1px solid #cacaca !important; border-radius: 0 !important; height: 2.6rem !important; padding: 0.5333333333rem !important; background-image: none !important; }

.select2-arrow { background: none !important; border-radius: 0 !important; border-left: none !important; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2887, 87, 87%29'></polygon></svg>") no-repeat 2px 16px !important; background-size: 9px 6px !important; }

.select2-container .select2-choice .select2-arrow b { background-image: none !important; }

/*OVERWRITE MODAL follow list*/
.select2-highlighted { background-color: #3C948B !important; }

.select2-result-label:hover { background-color: #3C948B; }

.select2-drop-active { border-color: -moz-use-text-color #3C948B #3C948B; }

.select2-choices { border-color: -moz-use-text-color #3C948B #3C948B !important; }

.select2-container-multi { border-top: #3C948B !important; }

.select2-container-multi .select2-choices { border: 1px solid #3C948B !important; }

.select2-search-choice { padding: 9px 15px !important; }

.select2-search-choice-close { top: 0; right: 0px !important; }

/* fix for bug in select2 within a (foundation) modal */
html.is-reveal-open body { position: relative; }

html.is-reveal-open { width: 100%; }

#social-settings #connected .fa-twitter, #social-settings #connected .fa-facebook, #social-settings #connected .fa-google-plus { padding-right: 10px; }

#social-settings #connected .disconnect { position: absolute; top: 0; right: 0; padding: 10px; }

#social-settings #connected .disconnect:link, #social-settings #connected .disconnect:visited { color: white; }

#social-settings #connected .disconnect:hover { color: #3F3F3F; }

.fake-column-padding { padding-left: 0.71429rem; padding-right: 0.71429rem; }

.fake-column-padding.right-side { padding-left: 0rem; padding-right: 1.42858rem; }

#site-error { text-align: center; }

#site-error img { margin: 20px 0; }

/*NOTIFICATION*/
.notification-article header { line-height: 140%; padding: 0 0 10px 0; }

.notification-article .date-posted { color: #808997; font-size: 80%; margin-bottom: 3px; }

.notification-article .notification-close { font-family: "Open Sans"; }

.notification-article .notification-close .fa { margin-right: 5px; }

.summary { margin-bottom: 15px; }

.membership-index .summary { margin: 10px 0; }

#migrate #header-img { display: block; margin-left: auto; margin-right: auto; }

#migrate h1 { text-align: center; display: block; padding-bottom: 15px; line-height: 1.1; }

#migrate #info { text-align: center; }

#migrate #import-form { display: block; margin-left: auto; margin-right: auto; text-align: center; }

#migrate #import-form #importmytvshows-csv { text-align: center; margin-bottom: 0; }

#migrate #import-form .control-label { font-size: 19px; padding-bottom: 8px; }

#migrate #import-form .field-importmytvshows-csv { padding-bottom: 0; margin-bottom: 0; }

#migrate #import-form button { margin-bottom: 0; }

#migrate article ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-width: 20em; -moz-column-width: 20em; column-width: 20em; }

#migrate p { text-align: center; }

.list-view .notification-article header i { margin-right: 5px; }

.help-block { margin: 10px 0; }

.error > .help-block { color: #F04124; }

.pace .pace-progress { background: #3C948B; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; }

.pace-inactive { display: none; }

.field-user-age { display: none; }

@media only screen and (max-width: 800px) { /* Force table to not be like tables anymore */
  #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }
  #no-more-tables tr { border-bottom: 2px solid #ccc; }
  #no-more-tables tr:last-child { border-bottom: none; }
  #no-more-tables td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; }
  #no-more-tables td[data-title] { min-height: 35px; }
  #no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 10px; left: 15px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
  /* Label the data */
  #no-more-tables td:before { content: attr(data-title); } }

@media only screen and (min-width: 800px) { #no-more-tables td[data-title="Watchlist"] { text-align: center; } }

.watchlist-icon.fa-stack, .toggle-watch-icon.fa-stack { width: 0.8em; height: 0.8em; left: 0px; top: -15px; margin-right: 10px; }

.watchlist-icon .fa-list-ul, .watchlist-icon .fa-chevron-up, .watchlist-icon .fa-chevron-down, .toggle-watch-icon .fa-list-ul, .toggle-watch-icon .fa-chevron-up, .toggle-watch-icon .fa-chevron-down { font-size: 0.9em; }

.watchlist-icon .fa-eye, .watchlist-icon .fa-eye-slash, .watchlist-icon .fa-cloud, .watchlist-icon .fa-ban, .toggle-watch-icon .fa-eye, .toggle-watch-icon .fa-eye-slash, .toggle-watch-icon .fa-cloud, .toggle-watch-icon .fa-ban { font-size: 0.6em; left: 12px; top: 12px; }

/*Overwrite select2 plugin */
.select2-selection.select2-selection--multiple, .select2-container--default.select2-container--focus { border-radius: initial; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); border: 1px solid #cacaca; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: inherit; }

.select2-container--default.select2-container--focus.select2-container--open { border: 1px solid #8a8a8a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

.select2-search.select2-search--inline { padding: 0.5333333333rem; }

.select2-container .select2-search--inline .select2-search__field { margin: initial; padding: 0.5333333333rem; height: 0; }

i.icon { display: inline-block; width: 32px; height: 32px; background: #ebebeb; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -16px; }

i.icon::before { content: ""; display: block; background: #c2c2c2; width: 10px; height: 10px; border-radius: 1000px; position: absolute; left: 50%; margin-left: -5px; top: 5px; }

i.icon::after { content: ""; display: block; background: #c2c2c2; width: 20px; height: 10px; border-radius: 1000px 1000px 0 0; display: block; position: absolute; left: 50%; margin-left: -10px; top: 15px; }

h6.byline { padding-left: 40px; position: relative; margin-bottom: 15px; margin-top: 10px; }

h6.byline .data { font-weight: 400; }

h6.byline .label { font-size: 60%; }

.indented.comment { padding-left: 15px; border-left: 1px solid #ebebeb; }

.push { margin-bottom: 40px; }

.bullets { margin-left: 30px; }

/*Frontpage*/
#front-page header h1 { font-size: 1.25rem; }

@media print, screen and (min-width: 40em) { #front-page header h1 { font-size: 1.675rem; margin-bottom: 1rem; } }

/*Popular Shows*/
#popular-shows-today .card, #fp-articles .card { margin: 0 1px; margin-bottom: 1rem; }

#popular-shows-today .card h2, #fp-articles .card h2 { font-size: 1rem; margin-top: 0; line-height: 1.3; }

#popular-shows-today .card h3, #fp-articles .card h3 { font-size: 0.9rem; margin-top: 0; }

#popular-shows-today .card img, #fp-articles .card img { width: 100%; }

@media only screen and (max-width: 640px) { #popular-shows-today article:nth-child(4), #popular-shows-today article:nth-child(5), #countdown-shows-today article:nth-child(4), #countdown-shows-today article:nth-child(5) { display: none; } }

/*Recently added shows*/
#fpRecentlyAddedShows .show-title, #show #related .show-title { line-height: 1em; font-size: 1.2rem; margin-top: 0.2rem; margin-bottom: 0rem; overflow-wrap: break-word; }

#fpRecentlyAddedShows p, #show #related p { line-height: 1.3em; }

#fpRecentlyAddedShows article, #show #related article { margin-bottom: 10px; }

#fpRecentlyAddedShows article:nth-child(even), #show #related article:nth-child(even) { clear: left; }

#fpRecentlyAddedShows .img img, #show #related .img img { padding: 5px 5px 0 0; }

#fpRecentlyAddedShows ul li, #show #related ul li { font-family: "Open Sans", sans-serif; }

#fpRecentlyAddedShows ul li strong, #show #related ul li strong { font-weight: 400; }

#fpRecentlyAddedShows .flag-align, #show #related .flag-align { position: relative; top: -0.1rem; }

#airing-today { font-family: "Open Sans", sans-serif; }

#airing-today th { background-color: #3F3F3F; color: #fff; font-weight: bold; text-align: left; }

#airing-today td:first-child { width: 20%; }

#airing-today .time, #airing-today .network { display: block; font-size: 0.9rem; }

#airing-today .showname { font-size: 1.2rem; font-weight: 500; }

#airing-today .epname { font-size: 0.9rem; color: #71c5bd; font-weight: 500; }

#about-side h1 { font-size: 1.3rem; }

#about-side img { margin: 0 10px 10px 0; width: 70px; }

#about-side .button { margin-bottom: 0.5rem; }

#about-side a { text-decoration: none; }

#about-side footer div { font-size: 0.9rem; }

#about-panel h3 a, #about-panel h4 a { text-decoration: none; }

#about-panel img { margin: 0 10px 10px 0; width: 80px; }

#about-panel .fa-circle { color: #3C948B; }

#about-panel article { overflow: hidden; }

#about-panel figure { margin-right: 10px; }

#about-panel #features { margin-bottom: 0; }

#about-panel #features h2 { font-size: 1.2rem; }

#user_stats #activity .share { text-align: right; margin-bottom: 25px; }

#user_stats #activity .share span { text-align: right; }

#user_stats #activity ul { font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 16px; }

#user_stats #activity ul li { border-bottom: 1px solid #959595; }

#user_stats #activity ul li:last-child { border-bottom: none; }

#user_stats #activity ul li span { color: #808997; }

#user_stats #activity > #time_watched article { text-align: center; font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 30px; line-height: 0.7; color: #808997; }

#user_stats #activity > #time_watched article span { font-size: 18px; }

#user_stats #activity > #time_watched article div > div:after { content: ":"; float: right; position: relative; right: -10px; }

#user_stats #activity > #time_watched article div > div:before { content: ":"; float: left; position: relative; left: -10px; }

#user_stats #activity > #time_watched article .colon span { display: block; position: relative; top: -13px; }

#user_stats #watched_list li { font-family: "Open Sans", sans-serif; font-weight: 300; background: #ebebeb; border-bottom: 1px solid #959595; padding: 10px; margin-bottom: 5px; }

#user_stats #watched_list li strong { font-size: 100%; }

#user_stats #watched_list li img { max-width: 40px; float: left; margin-right: 10px; }

#user_stats #watched_list li .fa, #user_stats #watched_list li .far, #user_stats #watched_list li .fas, #user_stats #watched_list li .fab { margin-right: 5px; color: #3C948B; margin-top: 5px; font-size: 1em; }

#user_stats #episodes_watched span, #user_stats #hours_watched span { color: #808997; }

#user_stats #time_selector a { margin-top: 10px; margin-bottom: 0; }

#user_stats #time_selector a:hover { text-decoration: none; }

#user_stats #time_selector a:focus { background-color: #1f4b47; }

#user_stats #following article span { background-color: #ebebeb; display: block; padding: 10px; font-family: "Open Sans", sans-serif; font-weight: 300; text-align: center; font-size: 17px; border-radius: 10px; }

@media only screen and (max-width: 640px) { #user_stats #following article span { margin-bottom: 10px; } }

#user_stats #following article span a { display: block; font-size: 25px; }

#user_stats #most_watched_shows ul, #user_stats #most_watched_networks ul { list-style-type: none; margin: 0; padding: 0; }

#user_stats #most_watched_shows li, #user_stats #most_watched_networks li { border-bottom: 1px solid #959595; font-size: 105%; }

#user_stats #most_watched_shows li:last-child, #user_stats #most_watched_networks li:last-child { border: none; }

#user_stats #most_watched_shows li, #user_stats #most_watched_networks li { color: #808997; text-decoration: none; display: block; -webkit-transition: padding-left 0.3s ease, font-size 0.3s ease, background-color 0.3s ease; -moz-transition: padding-left 0.3s ease, font-size 0.3s ease, background-color 0.3s ease; -o-transition: padding-left 0.3s ease, font-size 0.3s ease, background-color 0.3s ease; -ms-transition: padding-left 0.3s ease, font-size 0.3s ease, background-color 0.3s ease; transition: padding-left 0.3s ease, font-size 0.3s ease, background-color 0.3s ease; }

#user_stats #most_watched_shows li a, #user_stats #most_watched_networks li a { padding-left: 10px; }

#user_stats #most_watched_shows li:hover, #user_stats #most_watched_networks li:hover { padding-left: 15px; background: #f6f6f6; }

#achievements #pct_achieved #pct { font-family: Open Sans, sans-serif; font-weight: 500; padding-left: 10px; padding-top: 2px; color: #fff; position: relative; top: -6px; z-index: 50; }

#achievements #pct_achieved article { font-family: Open Sans, sans-serif; font-weight: 300; }

#achievements #pct_achieved .progress-meter { float: none; }

#achievements .achievement_list li { font-family: Open Sans, sans-serif; font-weight: 300; background: #ebebeb; border-bottom: 1px solid #959595; padding: 10px; margin-bottom: 5px; }

#achievements .achievement_list li strong { font-size: 100%; }

#achievements .achievement_list li img { max-width: 40px; float: left; margin-right: 10px; }

#achievements #right-side-ad { /*dirty fix. added because the current ad is bleeding outside of the column*/ position: relative; left: 10px; }

.top-contributors > article { margin-bottom: 15px; }

.top-contributors ol { list-style-type: none; margin: 0; margin-left: 2.2em; padding: 0; counter-reset: li-counter; }

.top-contributors ol li { font-family: Open Sans,sans-serif; font-weight: 300; }

.top-contributors ol > li { position: relative; margin-bottom: 20px; padding-left: 0em; min-height: 3em; border-left: 2px solid #ebebeb; }

.top-contributors ol > li:before { position: absolute; top: 0.4em; left: -1.3em; width: 0.8em; font-family: "Open Sans",sans-serif; font-weight: 300; font-size: 2em; line-height: 1; text-align: right; color: #808997; content: counter(li-counter); counter-increment: li-counter; }

.top-contributors li .username { font-size: 125%; }

.top-contributors li .contribution-points { font-size: 85%; position: relative; display: inline-block; top: -5px; }

.top-contributors li .contribution-points .fa-caret-up { color: #43AC6A; }

.top-contributors li .contribution-points .fa-caret-down { color: #cc4b37; }

.top-contributors .history a { font-size: 150%; background: #ebebeb; color: #959595; cursor: pointer; padding: 0px 10px 3px 10px; border-radius: 3px; }

.top-contributors .history a:hover { background: #3C948B; color: #fff; text-decoration: none; }

/*User Page*/
#user-page #message, #user-page #talk { margin: 0; margin-top: 0.5rem; }

#user-page #user-info .callout { background-color: #ebebeb; }

#user-page #articles article { margin: 1rem 0; border-bottom: solid 1px #ebebeb; }

#user-page #articles article div h1 { font-size: 20px; margin-top: 0; }

#user-page #articles article figure img { width: 100%; }

#user-page #articles article #content { padding: 1rem; }

#user-page #articles figure { position: relative; }

#user-page #articles .label { position: absolute; bottom: 0px; right: 0px; }

#user-page #contribution-list .showname { font-size: 19px; font-family: "Open Sans",sans-serif; font-weight: 300; }

#user-page #contribution-list ol { list-style-type: none; margin: 0; margin-left: 2.2em; padding: 0; counter-reset: li-counter; }

#user-page #contribution-list ol > li { position: relative; margin-bottom: 20px; padding-left: 0.5em; min-height: 3em; border-left: 2px solid #959595; }

#user-page #contribution-list ol > li:before { position: absolute; top: 0; left: -1em; width: 0.8em; font-family: "Open Sans",sans-serif; font-weight: 300; font-size: 2.5em; line-height: 1; text-align: right; color: #808997; content: counter(li-counter); counter-increment: li-counter; }

#user-page #achievement_list .has-tip { border-bottom: none; }

#user-page #achievement_list .badge { font-family: "Open Sans", sans-serif; font-weight: 300; background: #ebebeb; border-bottom: 1px solid #959595; padding: 3px; }

#points { margin-bottom: 1.5rem; }

#points article span { display: block; font-family: "Open Sans", sans-serif; font-weight: 300; text-align: center; font-size: 17px; font-size: 17px; border-radius: 10px; }

@media only screen and (max-width: 640px) { #points article span { margin-bottom: 10px; } }

#points article span a, #points article span .number { display: block; font-size: 25px; }

.calendar .dayofmonth { font-family: "Open Sans", sans-serif; font-size: 0.9rem; padding: 0.5rem; display: inline-block; display: block; margin-bottom: 5px; background-color: #ebebeb; }

.calendar .dayofmonth span { float: left; padding: 0 5px 0 0; }

.calendar .entry { font-size: 0.8rem; border-bottom: 1px dotted #959595; display: block; padding: 10px; }

.calendar .entry:hover { background: #f9f9f9; }

.calendar .entry .show { font-weight: normal; font-size: 0.9rem; line-height: 1.2em; }

@media only screen and (max-width: 40.063em) { .calendar .entry .show { font-size: 14px; } }

.calendar .entry .airtime { font-weight: normal; font-size: 11px; line-height: 1.2em; color: #1f4b47; }

.calendar { margin-left: 0; margin-bottom: 1.25rem; padding-bottom: 1px; border-bottom: 2px solid #3C948B; }

.calendar * { list-style: none; line-height: 1; margin-left: 0; }

.calendar .title { text-align: center; font-size: 1.6875rem; }

.calendar .week { padding: 0px; margin: 0px; }

.calendar .week:before, .calendar .week:after { content: " "; display: table; }

.calendar .week:after { clear: both; }

.calendar .day, .calendar .days { position: relative; padding: 1px; width: 100%; }

.calendar .day-header .day, .calendar .day-header .days { background-color: #3F3F3F; color: white; text-align: center; }

.calendar .day-header .day:last-child, .calendar .day-header .days:last-child { border-right: 0px; }

.day.previous-month, .days.previous-month, .day.next-month, .days.next-month { background: #e9e9e9; color: #222222; display: none; }

.day.today, .days.today { background: #ebebeb; padding: 0; }

.day.today .dayofmonth, .days.today .dayofmonth { background-color: #3F3F3F; border-bottom: 1px solid #fff; color: #fff; }

#calendar-wrap .entry { position: relative; }

#calendar-wrap .entry .show-wrap { margin-right: 0.8rem; }

#calendar-wrap .entry .watched, #calendar-wrap .entry .acquired, #calendar-wrap .entry .skipped { margin-bottom: 1px; }

#calendar-wrap .entry.watched { border-left: 3px solid #43AC6A; background-color: #f3fbf6; }

#calendar-wrap .entry.acquired { border-left: 3px solid #ECD06F; background-color: #fbf5e0; }

#calendar-wrap .entry.skipped { border-left: 3px solid black; background-color: #d9d9d9; }

#calendar-wrap .entry .tributton-watch { margin-top: 0.5rem; }

#calendar-wrap .entry .toggle-icon { color: #3C948B; cursor: pointer; }

#calendar-wrap .entry .toggle-icon:hover { color: #173936; }

#calendar-wrap .entry .toggle-icon.fa { position: absolute; margin-top: 0.4rem; margin-bottom: 0rem; right: 0.3rem; top: 0.3rem; }

#calendar-wrap .entry .toggle-icon.fa.fa-chevron-up { margin-bottom: 0.8rem; }

ul.calendar li ul, ul.calendar li ol { margin-left: 0px; }

#calendar-header { background-color: #ebebeb; padding: 0.5rem 0; }

#calendar-header #month { font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 1.5rem; }

#calendar #toggle-time .button, #countdown #toggle-time .button, .calendar-settings #toggle-time .button { margin-right: 1px; }

#calendar #toggle-time a, #countdown #toggle-time a, .calendar-settings #toggle-time a { color: white; text-decoration: none; }

@media only screen and (max-width: 769px) { #calendar #toggle-time li, #countdown #toggle-time li, .calendar-settings #toggle-time li { width: 50%; } }

#calendar .day .show, #countdown .day .show { font-family: 'Open Sans',sans-serif; font-weight: 300; margin-bottom: 10px; }

#calendar .day .show aside, #countdown .day .show aside { overflow: hidden; }

#calendar .day .show .has-tip, #countdown .day .show .has-tip { border-bottom-style: none; }

#calendar .day .show > div, #countdown .day .show > div { background-color: #ebebeb; }

#calendar .day .show header, #countdown .day .show header { background-color: #3C948B; color: #fff; padding: 10px; /* @media only screen and (max-width:769px){ .hour::after{ content: " - "; } }*/ }

@media only screen and (min-width: 769px) { #calendar .day .show header span, #countdown .day .show header span { display: block; } }

#calendar .day .show header .hour, #countdown .day .show header .hour { font-size: 1.3rem; }

#calendar .day .show header .network, #countdown .day .show header .network { font-weight: 400; }

#calendar .day .show header a, #countdown .day .show header a { color: white; }

#calendar .day .show section, #countdown .day .show section { padding: 10px; margin-bottom: 0px; }

#calendar .day .show section .show-name, #countdown .day .show section .show-name { font-size: 1.3rem; font-weight: 400; }

#calendar .day .show section .episode-name, #countdown .day .show section .episode-name { font-size: 1.1rem; }

#calendar .day .show footer, #countdown .day .show footer { background-color: #F7F7F7; }

#calendar .day .show .vote, #countdown .day .show .vote { padding: 10px; text-align: left; }

#calendar .day .show .comment, #countdown .day .show .comment { padding: 10px; padding-top: 12px; text-align: right; }

#calendar .toggle-watched, #countdown .toggle-watched { text-align: center; }

#calendar .tributton-watc .button.fa, #countdown .tributton-watc .button.fa, #calendar .tributton-watc .button.far, #countdown .tributton-watc .button.far, #calendar .tributton-watc .button.fab, #countdown .tributton-watc .button.fab, #calendar .tributton-watc .button.fas, #countdown .tributton-watc .button.fas { margin-right: 0px; }

#calendar .tributton-watc.hidden, #countdown .tributton-watc.hidden { display: none; }

#calendar .is-active, #countdown .is-active { color: #fff; background: #3F3F3F; }

#calendar-wrap .tributton-watch .button.fa, #calendar-wrap .tributton-watch .button.far, #calendar-wrap .tributton-watch .button.fab, #calendar-wrap .tributton-watch .button.fas { margin-right: 0px; }

.tributton-watch .button { margin: 0; padding-left: 4px; padding-right: 4px; padding: 0.6rem 0 0.6rem 0; background-color: #dedede; color: #959595; border: #F7F7F7 solid thin; border-top: none; border-bottom: #959595 solid 1px; }

.tributton-watch .button:nth-child(odd) { border-left: 0px; border-right: 0px; }

.tributton-watch .button .fa, .tributton-watch .button .far, .tributton-watch .button .fab, .tributton-watch .button .fas { margin-right: 0px; font-size: 1.1rem; }

.tributton-watch .button.acquired:hover, .tributton-watch .button.acquired.active { background-color: #ECD06F; color: #fff; }

.tributton-watch .button.watched:hover, .tributton-watch .button.watched.active { background-color: #43AC6A; color: #fff; }

.tributton-watch .button.skipped:hover, .tributton-watch .button.skipped.active { background-color: #959595; color: #fff; }

#countdown { /*Majority of styling comes from calendar/index.scss*/ }

#countdown .airtime { margin-top: 5px; }

/*EPISODE PAGE*/
#episodes #episode-video { margin: 10px 0 25px 0; }

@media screen and (min-width: 40em) { #episode-timetravel { float: right; } }

#episode-timetravel .button { margin-bottom: 1rem; }

@media screen and (max-width: 39.99875em) { #episode-timetravel .button { width: 48%; } }

.episodeguide .info { font-size: 0.9em; background-color: #efefe7; padding: 0px 10px; margin-bottom: 10px; font-family: Open Sans,sans-serif; font-weight: 300; font-size: 1rem; background: #efefe7 none repeat scroll 0 0; }

.episodeguide .info strong { font-weight: 500; }

.episodeguide header { font-family: Open Sans,sans-serif; }

.episodeguide article { background: #efefe7 none repeat scroll 0 0; border-bottom: 1px solid #e3e3e3; font-family: Open Sans,sans-serif; font-weight: 300; margin-bottom: 5px; padding: 10px; }

.episodeguide .description { padding: 0 20px; overflow: auto; }

.episodeguide .description p { font-weight: inherit; margin-bottom: 0px; }

.episodeguide h3 { font-size: 1.4em; margin-top: 5px; }

.episodeguide .season { margin-top: 25px; margin-bottom: 15px; }

@media print { #logo, img { margin-top: 15px; }
  .episodeguide img { width: 500px; margin-top: 15px; }
  .episodeguide .info { font-size: 0.8em; background-color: #efefe7; }
  .episodeguide h3 { font-size: 1.2em; }
  .episodeguide .description > p { font-size: 0.8em; }
  .episodeguide article { padding: 5px; margin-bottom: 0px; } }

/*Feaures page*/
#tvm_features { /*header{background-color:$primary-color;}*/ }

#tvm_features header, #tvm_features section { border-bottom: 1px dashed #959595; padding-bottom: 10px; margin-bottom: 10px; }

#tvm_features header#header, #tvm_features section#header { background: linear-gradient(rgba(44, 152, 140, 0.2), rgba(44, 152, 140, 0.2)), url("/images/features/v3/banner_features.png"); background-position: center; background-size: cover; }

#tvm_features header#header h1 div, #tvm_features section#header h1 div { background-image: url("/images/premium/3C948B-0-7.png"); }

#tvm_features header#header .subheader, #tvm_features section#header .subheader { color: #fff; }

#tvm_features header .img_center, #tvm_features section .img_center { text-align: center; }

#tvm_features header a, #tvm_features section a { text-decoration: none; }

#tvm_features header h2, #tvm_features section h2 { color: #1f4b47; }

#tvm_features header .button { margin-top: 10px; }

#tvm_features #description { padding: 1rem; }

#tvm_features #description, #tvm_features #features-section { padding-top: 1.5rem; padding-bottom: 1.5rem; border-style: none; }

#tvm_features #features-section { margin-top: 1.5rem; }

#tvm_features #features-section h1 { margin-bottom: 1rem; }

#tvm_features #features-section > article { margin: 0.7rem 0; border-bottom: solid 0.2rem #fff; -webkit-transition: border-bottom 0.2s ease-out; -moz-transition: border-bottom 0.2s ease-out; -o-transition: border-bottom 0.2s ease-out; transition: border-bottom 0.2s ease-out; }

#tvm_features #features-section > article h2 { color: #3C948B; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }

#tvm_features #features-section > article:hover h2 { color: #1f4b47; }

#tvm_features #features-section > article .feature-icon i { color: #3C948B; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; transition: color 0.5s ease-out; }

#tvm_features #features-section > article:hover .feature-icon i { color: #1f4b47; }

#tvm_features #features-section .illustrated-feature p { margin-top: 1rem; }

#tvm_features #reviews { background-color: #3C948B; padding: 1rem 0 2rem 0; }

#tvm_features #reviews h2 { color: white; margin-top: 0.5rem; margin-bottom: 1.5rem; }

#tvm_features #reviews blockquote { border: none; }

#tvm_features #reviews blockquote, #tvm_features #reviews cite { color: #fff; }

#tvm_features #reviews blockquote a, #tvm_features #reviews cite a { color: white; }

#tvm_features #reviews blockquote a:hover, #tvm_features #reviews cite a:hover { text-decoration: underline; }

#tvm_features #reviews cite { font-family: Garamond, "Garamond"; font-size: 1.5rem; font-weight: lighter; line-height: 1; }

#tvm_features #footer-cta { padding-top: 1.5rem; padding-bottom: 1.5rem; background-color: #def1ef; }

#tvm_features #footer-cta .subheader { color: #3C948B; }

#tvm_features #footer-cta i { color: #3C948B; }

#tvm_features #footer-cta .button { margin-top: 10px; }

#tvm_features #footer-cta .pulse { cursor: pointer; box-shadow: 0 0 0 rgba(44, 152, 140, 0.9); animation: pulse 2s infinite; }

@-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(44, 152, 140, 0.9); }
  70% { -webkit-box-shadow: 0 0 0 15px rgba(44, 152, 140, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(44, 152, 140, 0); } }

@keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(44, 152, 140, 0.9);
    box-shadow: 0 0 0 0 rgba(44, 152, 140, 0.9); }
  70% { -moz-box-shadow: 0 0 0 15px rgba(44, 152, 140, 0);
    box-shadow: 0 0 0 15px rgba(44, 152, 140, 0); }
  100% { -moz-box-shadow: 0 0 0 0 rgba(44, 152, 140, 0);
    box-shadow: 0 0 0 0 rgba(44, 152, 140, 0); } }

#tvm_features #tryptich img { width: 70%; height: auto; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 15px; }

#tvm_features #tryptich p { margin-top: 10px; }

#tvm_features .feature-icon { font-size: 4em; text-align: center; padding-top: 15px; color: #1f4b46; line-height: 0; }

#premium, #tvm_features { margin-top: -15px; }

#premium h1, #tvm_features h1 { display: block; }

#premium section, #tvm_features section { margin-bottom: 0px; }

#premium #header, #tvm_features #header { background-image: url("/images/premium/header.png"); background-size: cover; height: 330px; background-position: center center; text-align: center; }

#premium #header h1, #tvm_features #header h1 { margin-top: 75px; margin-bottom: 20px; }

#premium #header h1 div, #tvm_features #header h1 div { display: inline-block; text-shadow: 2px 2px #1f4b47; color: #fff; padding: 10px; background-image: url("/images/premium/3C948B-0-6.png"); }

#premium #header h1 div strong, #tvm_features #header h1 div strong { font-weight: 600; display: inline; }

#premium #header h1 div a.button, #tvm_features #header h1 div a.button { display: inline-block; }

#premium #why-premium, #tvm_features #why-premium { text-align: center; clear: both; }

#premium #why-premium #copy, #tvm_features #why-premium #copy { display: block; padding: 30px; }

#premium #why-premium aside, #tvm_features #why-premium aside { background-image: url("/images/premium/why_premium.png"); background-size: cover; height: 330px; background-position: center center; }

#premium #key-features, #tvm_features #key-features { display: block; clear: both; background-image: url("/images/premium/header_feature_list.png"); background-size: cover; min-height: 330px; background-position: center 70%; color: white; }

#premium #key-features .has-tip, #tvm_features #key-features .has-tip { color: white; border-bottom: dotted 1px #fff; }

#premium #key-features .has-tip a, #tvm_features #key-features .has-tip a { color: white; }

#premium #key-features h1, #tvm_features #key-features h1 { padding-top: 25px; text-align: center; color: white; }

#premium #key-features ul, #tvm_features #key-features ul { font-family: "Open Sans", sans-serif; font-size: 135%; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; }

@media only screen and (max-width: 640px) { #premium #key-features ul, #tvm_features #key-features ul { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } }

@media only screen and (max-width: 375px) { #premium #key-features ul, #tvm_features #key-features ul { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } }

#premium #key-features ul li, #tvm_features #key-features ul li { display: block; }

#premium #key-features ul li:before, #tvm_features #key-features ul li:before { font-family: Font Awesome\ 5 Pro; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f00c"; padding-right: 5px; }

#premium #testimonial, #tvm_features #testimonial { background-image: url("/images/premium/testimonial.png"); background-size: auto 100%; height: 330px; background-size: cover; background-position: center center; }

#premium #testimonial blockquote, #tvm_features #testimonial blockquote { margin-top: 25px; font-family: "Open Sans", sans-serif; padding: 18px 20px 1px 20px; border-left: none; background: rgba(60, 148, 139, 0.5); }

#premium #testimonial blockquote p, #tvm_features #testimonial blockquote p { font-size: 1.6rem; color: #fff; text-shadow: 2px 2px #1f4b46; }

#premium #testimonial blockquote em, #tvm_features #testimonial blockquote em { font-size: 1rem; }

@media only screen and (max-width: 375px) { #premium #testimonial blockquote, #tvm_features #testimonial blockquote { margin-top: 0; padding-top: 25px; } }

#premium #testimonial blockquote:before, #tvm_features #testimonial blockquote:before { color: #fff; font-size: 30px; line-height: 0.5em; margin-right: 0.27em; content: "\f10d"; font-family: Font Awesome\ 5 Pro; float: left; }

#premium #promotion h1, #tvm_features #promotion h1 { text-align: center; font-weight: 600; padding-top: 25px; }

#premium #promotion h2, #tvm_features #promotion h2 { text-align: center; text-size: 90%; }

#premium #promotion h2 strong, #tvm_features #promotion h2 strong { color: #3C948B; }

#premium #promotion p, #tvm_features #promotion p { text-align: center; }

#premium #premium #subscriptions, #tvm_features #premium #subscriptions, #premium #tvm_features #subscriptions, #tvm_features #tvm_features #subscriptions, #premium #subscriptions, #tvm_features #subscriptions { text-align: center; background-image: url("/images/premium/footer_bg.png"); background-size: contain; background-repeat: repeat-x; background-position: bottom center; }

#premium #premium #subscriptions .package, #tvm_features #premium #subscriptions .package, #premium #tvm_features #subscriptions .package, #tvm_features #tvm_features #subscriptions .package, #premium #subscriptions .package, #tvm_features #subscriptions .package { padding: 0 10px; display: block; margin-bottom: 25px; }

#premium #premium #subscriptions .package .icon, #tvm_features #premium #subscriptions .package .icon, #premium #tvm_features #subscriptions .package .icon, #tvm_features #tvm_features #subscriptions .package .icon, #premium #subscriptions .package .icon, #tvm_features #subscriptions .package .icon { width: 50px; height: 50px; }

#premium #premium #subscriptions .package .info, #tvm_features #premium #subscriptions .package .info, #premium #tvm_features #subscriptions .package .info, #tvm_features #tvm_features #subscriptions .package .info, #premium #subscriptions .package .info, #tvm_features #subscriptions .package .info { margin-top: 25px; background-color: white; }

#premium #premium #subscriptions .package hr, #tvm_features #premium #subscriptions .package hr, #premium #tvm_features #subscriptions .package hr, #tvm_features #tvm_features #subscriptions .package hr, #premium #subscriptions .package hr, #tvm_features #subscriptions .package hr { margin: 0 15px 20px 15px; }

#premium #premium #subscriptions h4, #tvm_features #premium #subscriptions h4, #premium #tvm_features #subscriptions h4, #tvm_features #tvm_features #subscriptions h4, #premium #subscriptions h4, #tvm_features #subscriptions h4 { font-weight: 500; }

#premium #premium #subscriptions h4:after, #tvm_features #premium #subscriptions h4:after, #premium #tvm_features #subscriptions h4:after, #tvm_features #tvm_features #subscriptions h4:after, #premium #subscriptions h4:after, #tvm_features #subscriptions h4:after { content: "\f00c"; font-family: Font Awesome\ 5 Pro; text-align: center; font-size: 30px; display: block; padding-top: 10px; }

#premium #premium #subscriptions #bronze h4:after, #tvm_features #premium #subscriptions #bronze h4:after, #premium #tvm_features #subscriptions #bronze h4:after, #tvm_features #tvm_features #subscriptions #bronze h4:after, #premium #subscriptions #bronze h4:after, #tvm_features #subscriptions #bronze h4:after { color: #957447; }

#premium #premium #subscriptions #silver h4:after, #tvm_features #premium #subscriptions #silver h4:after, #premium #tvm_features #subscriptions #silver h4:after, #tvm_features #tvm_features #subscriptions #silver h4:after, #premium #subscriptions #silver h4:after, #tvm_features #subscriptions #silver h4:after { color: #9CAABE; }

#premium #premium #subscriptions #gold h4:after, #tvm_features #premium #subscriptions #gold h4:after, #premium #tvm_features #subscriptions #gold h4:after, #tvm_features #tvm_features #subscriptions #gold h4:after, #premium #subscriptions #gold h4:after, #tvm_features #subscriptions #gold h4:after { color: #D6A342; }

#premium #premium #subscriptions #bronze header, #tvm_features #premium #subscriptions #bronze header, #premium #tvm_features #subscriptions #bronze header, #tvm_features #tvm_features #subscriptions #bronze header, #premium #premium #subscriptions #silver header, #tvm_features #premium #subscriptions #silver header, #premium #tvm_features #subscriptions #silver header, #tvm_features #tvm_features #subscriptions #silver header, #premium #premium #subscriptions #gold header, #tvm_features #premium #subscriptions #gold header, #premium #tvm_features #subscriptions #gold header, #tvm_features #tvm_features #subscriptions #gold header, #premium #subscriptions #bronze header, #tvm_features #subscriptions #bronze header, #premium #subscriptions #silver header, #tvm_features #subscriptions #silver header, #premium #subscriptions #gold header, #tvm_features #subscriptions #gold header { padding: 15px 0 5px 0; }

#premium #premium #subscriptions #bronze h2, #tvm_features #premium #subscriptions #bronze h2, #premium #tvm_features #subscriptions #bronze h2, #tvm_features #tvm_features #subscriptions #bronze h2, #premium #premium #subscriptions #silver h2, #tvm_features #premium #subscriptions #silver h2, #premium #tvm_features #subscriptions #silver h2, #tvm_features #tvm_features #subscriptions #silver h2, #premium #premium #subscriptions #gold h2, #tvm_features #premium #subscriptions #gold h2, #premium #tvm_features #subscriptions #gold h2, #tvm_features #tvm_features #subscriptions #gold h2, #premium #subscriptions #bronze h2, #tvm_features #subscriptions #bronze h2, #premium #subscriptions #silver h2, #tvm_features #subscriptions #silver h2, #premium #subscriptions #gold h2, #tvm_features #subscriptions #gold h2 { color: white; }

#premium #premium #subscriptions #bronze h3, #tvm_features #premium #subscriptions #bronze h3, #premium #tvm_features #subscriptions #bronze h3, #tvm_features #tvm_features #subscriptions #bronze h3, #premium #premium #subscriptions #silver h3, #tvm_features #premium #subscriptions #silver h3, #premium #tvm_features #subscriptions #silver h3, #tvm_features #tvm_features #subscriptions #silver h3, #premium #premium #subscriptions #gold h3, #tvm_features #premium #subscriptions #gold h3, #premium #tvm_features #subscriptions #gold h3, #tvm_features #tvm_features #subscriptions #gold h3, #premium #subscriptions #bronze h3, #tvm_features #subscriptions #bronze h3, #premium #subscriptions #silver h3, #tvm_features #subscriptions #silver h3, #premium #subscriptions #gold h3, #tvm_features #subscriptions #gold h3 { margin-top: 25px; }

#premium #premium #subscriptions #bronze header, #tvm_features #premium #subscriptions #bronze header, #premium #tvm_features #subscriptions #bronze header, #tvm_features #tvm_features #subscriptions #bronze header, #premium #premium #subscriptions #bronze .button, #tvm_features #premium #subscriptions #bronze .button, #premium #tvm_features #subscriptions #bronze .button, #tvm_features #tvm_features #subscriptions #bronze .button, #premium #subscriptions #bronze header, #tvm_features #subscriptions #bronze header, #premium #subscriptions #bronze .button, #tvm_features #subscriptions #bronze .button { background-color: #957447; }

#premium #premium #subscriptions #silver, #tvm_features #premium #subscriptions #silver, #premium #tvm_features #subscriptions #silver, #tvm_features #tvm_features #subscriptions #silver, #premium #subscriptions #silver, #tvm_features #subscriptions #silver { overflow: hidden; }

#premium #premium #subscriptions #silver header, #tvm_features #premium #subscriptions #silver header, #premium #tvm_features #subscriptions #silver header, #tvm_features #tvm_features #subscriptions #silver header, #premium #premium #subscriptions #silver .button, #tvm_features #premium #subscriptions #silver .button, #premium #tvm_features #subscriptions #silver .button, #tvm_features #tvm_features #subscriptions #silver .button, #premium #subscriptions #silver header, #tvm_features #subscriptions #silver header, #premium #subscriptions #silver .button, #tvm_features #subscriptions #silver .button { background-color: #9CAABE; }

#premium #premium #subscriptions #gold header, #tvm_features #premium #subscriptions #gold header, #premium #tvm_features #subscriptions #gold header, #tvm_features #tvm_features #subscriptions #gold header, #premium #premium #subscriptions #gold .button, #tvm_features #premium #subscriptions #gold .button, #premium #tvm_features #subscriptions #gold .button, #tvm_features #tvm_features #subscriptions #gold .button, #premium #subscriptions #gold header, #tvm_features #subscriptions #gold header, #premium #subscriptions #gold .button, #tvm_features #subscriptions #gold .button { background-color: #D6A342; }

#premium .ribbon-wrap, #tvm_features .ribbon-wrap { position: relative; }

#premium .ribbon, #tvm_features .ribbon { position: absolute; right: -5px; top: -20px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; }

#premium .ribbon span, #tvm_features .ribbon span { font-family: "Open Sans"; font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #3C948B; background: linear-gradient(#3C948B 0%, #3C948B 100%); box-shadow: 0 3px 10px -5px black; position: absolute; top: 19px; right: -21px; }

#premium .ribbon span::before, #tvm_features .ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #1f4b47; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #1f4b47; }

#premium .ribbon span::after, #tvm_features .ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #1f4b47; border-bottom: 3px solid transparent; border-top: 3px solid #1f4b47; }

#premium #subscriptions, #tvm_features #subscriptions { margin-top: 15px; padding-top: 15px; background-image: none; }

#premium #subscriptions .info, #tvm_features #subscriptions .info { border: 1px solid #ebebeb; }

#switch-plans { background-color: #3C948B; padding: 30px 0 40px 0; color: #fff; }

#switch-plans h1, #switch-plans h2 { color: #fff; margin: 0; }

#switch-plans p { margin: 10px 0 15px 0; }

#switch-plans p a { color: white; text-decoration: underline; }

#switch-plans h1, #switch-plans h2, #switch-plans p, #switch-plans a { position: relative; z-index: 10; }

#switch-plans .button { border-bottom: #1f4b47 solid 2px; }

#switch-plans.calendar { position: relative; }

#switch-plans.calendar:before { content: "\f073"; font-family: Font Awesome\ 5 Pro; font-style: normal; font-weight: normal; text-decoration: inherit; color: rgba(113, 197, 189, 0.5); font-size: 150px; padding-right: 0.5em; position: absolute; top: -20px; left: 30%; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); }

#thank-you header, #thank-you footer { background-color: #3C948B; padding: 5px; }

#thank-you header img, #thank-you footer img { display: block; margin: 10px auto 10px; }

#thank-you header h1, #thank-you header h2, #thank-you footer h1, #thank-you footer h2 { color: #fff; }

#thank-you header h1, #thank-you footer h1 { line-height: 0; }

#thank-you footer { text-align: center; background-color: #1f4b47; }

#thank-you footer h1, #thank-you footer h2 { margin-top: 10px; }

#thank-you #useful-info { margin-bottom: 0; text-align: center; }

#thank-you #useful-info h1 { display: block; text-align: center; }

#thank-you #useful-info #copy { display: block; padding: 30px; background-color: #F7F7F7; }

@media (min-width: 40.063em) { #thank-you #useful-info #copy { height: 330px; } }

#thank-you #useful-info #copy ul li { font-family: "Open Sans", sans-serif; font-size: 1.5rem; line-height: 1; padding-top: 0.5rem; }

#thank-you #useful-info aside { background-image: url("/images/premium/useful_info.png"); background-size: cover; height: 330px; background-position: center center; }

.comment .premium.label.gold { background-color: #D6A342; }

.comment .premium.label.silver { background-color: #9CAABE; }

.comment .premium.label:before { font: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; content: "\2605"; position: relative; font-size: 15px; left: -8px; bottom: 0px; padding: 3px; }

.comment .premium.silver.label:before { color: #fff; background-color: #959595; }

.comment .premium.gold.label:before { color: #fff; background-color: #ECD06F; }

#premium #premium-modal #header, #tvm_features #premium-modal #header { height: 280px; /*TODO Dirty fix!! #premium and #premium-modal margin-top needs to be looked into and removed <div class="row hide-for-print collapse"> is causing a blank line */ margin-top: 15px; }

#premium #premium-modal #key-features, #tvm_features #premium-modal #key-features { background-image: none; color: #3C948B; text-shadow: none; padding: 0 10px; }

#premium #premium-modal h1, #tvm_features #premium-modal h1 { color: black; }

#premium #premium-modal .has-tip, #tvm_features #premium-modal .has-tip, #premium #premium-modal .has-tip a, #tvm_features #premium-modal .has-tip a { color: #3C948B; text-shadow: none; }

#premium #premium-modal li:hover, #tvm_features #premium-modal li:hover { text-decoration: underline; }

#schedule_conflicts ul > li:last-child hr { display: none; }

#talk .comment { border-bottom: none; }

#talk .comment img { width: 50px; }

#talk .reply-form { display: none; }

#talk .talk-replies { margin-left: 20px; }

#talk .talk-replies footer .button { margin: 0 0 2rem 0; }

/*SEARCH*/
#search article { margin-bottom: 10px; }

#search .image { margin: 0 1rem 1rem 0; }

#search .episode-info p { margin-bottom: 5px; }

#search .episode-info p:first-child { font-size: 130%; }

@media (max-width: 27.063em) { #search .episode-info p:first-child { font-size: 100%; } }

#search .episode-info, #search .title { margin-bottom: 0.9rem; }

#search .title { margin-top: -3px; padding: 0; font-weight: 100; color: #000; }

#search .source, #search .year { font-size: 1.1rem; color: #000; }

#search footer { background-color: #ebebeb; padding: 1rem; font-size: 0.9rem; }

#search .following { background-color: #3C948B; margin: 0 auto; display: block; text-align: center; padding: 0.5rem 0; }

#search .following a { color: #fff; }

#search .following a .active { color: #ECD06F; }

@media (min-width: 27.063em) { #search .follow-container a { position: relative; } }

#search aside { margin-bottom: 10px; }

#search aside img { width: 100%; }

#search .follow-container { display: block; position: relative; text-align: center; background: #3C948B; transition: background-color 0.2s ease; padding: 3px 0; margin-top: -1px; }

#search .follow-container:hover { background-color: #71c5bd; cursor: pointer; cursor: hand; }

#search .follow-container a { color: white; }

#search .follow-container .following { color: #ECD06F; }

#search .follow-container .fa { margin: 0; }

#search .showname { display: inline-block; }

#search img { display: inline-block; }

#search #forum form { margin: 30px 0 0 0; }

#show { line-height: 1.6; }

#show #year { display: inline-block; }

.related-show-item-edit .help-block { margin: 0; }

.related-show-item-edit .field-showrelation-targetshow_id { margin-bottom: 1rem; }

.related-show-item-edit:first-of-type + div { margin-bottom: 1rem; }

#user-episode-listing-options .button { margin-bottom: 0; bottom: 0.3rem; position: relative; }

#user-episode-listing-options .button i { margin-right: 5px; }

#user-episode-listing-options .button p { display: inline; }

@media only screen and (max-width: 640px) { #user-episode-listing-options .button { margin: 7px 0 0 0; }
  #user-episode-listing-options .button p span { display: none; }
  #user-episode-listing-options .button i { display: block; margin-right: 0px; } }

.episode-list .season header { background: #3C948B; color: white; min-width: 65px; font-weight: bold; }

.episode-list .season header div { padding: 0.5rem; padding-left: 0.5rem; border-left: 0.05rem #fff solid; }

.episode-list .season article > div { padding: 0.5rem; }

.episode-list .season article > :last-child { padding: 0; }

.episode-list .season article .tributton-watch { padding: 0; }

@media only screen and (max-width: 27.063em) { .episode-list .season article .tributton-watch { margin-bottom: 0.3rem; } }

.episode-list .episode-edit-hint { display: none; }

.episode-list .season article:hover .episode-edit-hint { display: inline; }

.episode-list h2 { /*menu jump to will scroll slightly higher of the title instead of on top*/ padding-top: 3rem; margin-top: -3rem; }

.episode-list .is-active { color: #fff; background: #3F3F3F; }

.episode-list .top-bar { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); }

.episode-list .top-bar .menu { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }

.episode-list .top-bar .menu ::-webkit-scrollbar { display: none; }

.episode-list ul.sub-nav { list-style: none; }

.episode-list ul.sub-nav dd { margin: 7px 5px 7px 0px; }

.episode-list .rate { padding: 0; }

.episode-list .rate ul { margin: 0rem; }

.episode-list .rate .fa-star.active { color: #ECD06F; }

.episode-list .rate a { text-decoration: none !important; }

/*Watched page*/
.watched-eps { text-align: center; padding-left: 0; font-family: "Open Sans",sans-serif; font-weight: 300; font-size: 110%; color: #808997; }

.watchlist-show .progress { margin-top: 0.2rem; }

.mark-all-watched .fa-angle-double-down { color: #3C948B; }

.mark-all-watched .fa-angle-double-down:hover { color: #71c5bd; }

.mark-all-watched i { cursor: pointer; }

/*API*/
@media only screen and (max-width: 640px) { #api ul { overflow: hidden; } }

#api #table-of-contents { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; /*mobile*/ }

#api #table-of-contents > li { list-style-type: none; }

@media only screen and (max-width: 640px) { #api #table-of-contents { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }

#api h2, #api h3, #api h4, #api h5 { display: block; }

#api h2 { border-left: 1px solid #3C948B; padding: 10px; transition: all 0.5s ease; background-color: #ebebeb; }

#api h3 { border-left: 1px solid #71c5bd; padding: 10px; transition: all 0.5s ease; background-color: #F7F7F7; }

#api h4, #api h5 { transition: all 0.5s ease; border-left: 1px solid #71c5bd; padding: 10px; }

:target { animation: highlight 1s ease; transition: all 0.5s ease; background-color: none; }

@keyframes highlight { 0% { border-right-color: none;
    background-color: #71c5bd; }
  100% { border-right-color: #3C948B;
    background-color: none; } }

/*Plans API*/
#plans-api { font-family: 'Open Sans', sans-serif; }

#plans-api tr, #plans-api td, #plans-api .table-header > th { text-align: center; }

#plans-api th { text-align: right; }

#plans-api .table-header > th { background-color: #3F3F3F; color: #fff; font-size: 18px; font-weight: 300; }

#plans-api tr:nth-child(odd) { background-color: #ebebeb; }

#plans-api td .button { margin-top: 20px; }

#plans-api #header { background-image: url("/images/premium/header.png"); background-size: cover; height: 330px; background-position: center center; text-align: center; }

#plans-api #header h1 { margin-top: 90px; margin-bottom: 20px; }

#plans-api #header h1 div { display: inline-block; text-shadow: 2px 2px #1f4b47; color: #fff; padding: 10px; background-image: url("/images/premium/3C948B-0-6.png"); }

#plans-api #header h1 div strong { font-weight: 600; display: inline; }

#plans-api #header h1 div a.button { display: inline-block; }

#plans-api #testimonial { background-image: url("/images/premium/testimonial.png"); background-size: auto 100%; height: 330px; background-size: cover; background-position: center center; }

#plans-api #testimonial blockquote { margin-top: 25px; font-family: "Open Sans", sans-serif; padding: 18px 20px 1px 20px; border-left: none; background: rgba(60, 148, 139, 0.5); }

#plans-api #testimonial blockquote p { font-size: 1.6rem; color: #fff; text-shadow: 2px 2px #1f4b46; }

#plans-api #testimonial blockquote em { font-size: 1rem; }

@media only screen and (max-width: 375px) { #plans-api #testimonial blockquote { margin-top: 0; padding-top: 25px; } }

#plans-api #testimonial blockquote:before { color: #3C948B; font-size: 30px; line-height: 0.5em; margin-right: 0.27em; content: "\f10d"; font-family: Font Awesome\ 5 Pro; float: left; }

.tag-container .label { padding-right: 0; }

.tag-container .success { cursor: pointer; }

.tag-container .success:hover { background-color: #61c185; text-decoration: none; }

.tag-container .remove { padding: 0.2rem 0.5rem; margin-left: 0.4rem; }

.tag-container .add { padding: 0.2rem 0.5rem; }

.tag-container .primary .remove { background-color: #1f4b47; }

.tag-container .primary .remove:hover { background-color: black; text-decoration: none; }

.tag-container .secondary .remove { background-color: #727272; }

.tag-container .success .add { background-color: #26633d; }

.tag-container .success .add:hover { background-color: #358753; }

.htmldiff ins { color: #333; background-color: #eaffea; text-decoration: none; }

.htmldiff del { color: #a33; background-color: #ffeaea; text-decoration: line-through; }

.htmldiff del.diffimg.diffsrc { display: inline-block; position: relative; }

.htmldiff del.diffimg.diffsrc:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: repeating-linear-gradient(to left top, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0) 49.5%, red 0, red 50.5%), repeating-linear-gradient(to left bottom, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0) 49.5%, red 0, red 50.5%); }

.htmldiff .diff-list { list-style: none; counter-reset: section; display: table; }

.htmldiff .diff-list > li.normal, .htmldiff .diff-list > li.removed, .htmldiff .diff-list > li.replacement { display: table-row; }

.htmldiff .diff-list > li.replacement:before { color: #333; background-color: #eaffea; text-decoration: none; }

.htmldiff .diff-list > li > div { display: inline; }

.htmldiff .diff-list > li.new:before { color: #333; background-color: #eaffea; text-decoration: none; }

.htmldiff .diff-list > li.removed:before { counter-increment: section; color: #a33; background-color: #ffeaea; text-decoration: line-through; }

.htmldiff .diff-list > li.normal:before, .htmldiff .diff-list > li.removed:before, .htmldiff .diff-list > li.replacement:before { width: 15px; overflow: hidden; content: counters(section, ".") ". "; display: table-cell; text-indent: -1em; padding-left: 1em; }

.htmldiff .diff-list > li.normal:before, .htmldiff .diff-list > li.replacement:first-child:before, .htmldiff li.replacement + li.replacement:before { counter-increment: section; }

.htmldiff ol.diff-list li.removed + li.replacement { counter-increment: none; }

.htmldiff ol.diff-list li.removed + li.removed + li.replacement { counter-increment: section -1; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.replacement { counter-increment: section -2; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -3; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -4; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -5; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -6; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -7; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -8; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -9; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -10; }

.htmldiff ol.diff-list li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.removed + li.replacement { counter-increment: section -11; }

.htmldiff ul.exception, .htmldiff ul.exception li:before { list-style: none; content: none; }

.htmldiff .diff-list ul.exception ol { list-style: none; counter-reset: exception-section; }

.htmldiff .diff-list ul.exception ol > li:before { counter-increment: exception-section; content: counters(exception-section, ".") "."; }

.ck-editor__editable { min-height: 150px; }

/* Fetched from https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html#the-full-list-of-content-styles with local tweaks (see ckeditor-tvmaze:custom.css) */
:root { --ck-image-style-spacing: 1.5em; }

.ck-live-content { /* ckeditor5-image/theme/image.css */ /* ckeditor5-image/theme/image.css */ /* ckeditor5-image/theme/imageresize.css */ /* ckeditor5-image/theme/imageresize.css */ /* ckeditor5-image/theme/imageresize.css */ /* ckeditor5-image/theme/imagestyle.css */ /* ckeditor5-image/theme/imagestyle.css */ /* ckeditor5-image/theme/imagestyle.css */ /* ckeditor5-image/theme/imagestyle.css */ /* ckeditor5-image/theme/imagestyle.css */ /* ckeditor5-table/theme/table.css */ /* ckeditor5-table/theme/table.css */ /* ckeditor5-table/theme/table.css */ /* ckeditor5-table/theme/table.css */ /* ckeditor5-image/theme/imagecaption.css */ }

.ck-live-content .image { display: table; clear: both; text-align: center; margin: 1em; }

.ck-live-content .image > img { display: block; margin: 0 auto; max-width: 100%; min-width: 50px; }

.ck-live-content .image.image_resized { max-width: 100%; display: block; box-sizing: border-box; }

.ck-live-content .image.image_resized img { width: 100%; }

.ck-live-content .image.image_resized > figcaption { display: block; }

.ck-live-content .image-style-side, .ck-live-content .image-style-align-left, .ck-live-content .image-style-align-center, .ck-live-content .image-style-align-right { max-width: 50%; }

.ck-live-content .image-style-side { float: right; margin-left: var(--ck-image-style-spacing); }

.ck-live-content .image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); }

.ck-live-content .image-style-align-center { margin-left: auto; margin-right: auto; }

.ck-live-content .image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); }

.ck-live-content .table { margin: 1em 0; display: table; width: 100%; }

.ck-live-content .table table { border-collapse: collapse; border-spacing: 0; border: 1px double #b3b3b3; }

.ck-live-content .table table td, .ck-live-content .table table th { min-width: 2em; padding: .4em; border-color: #d9d9d9; }

.ck-live-content .table table th { font-weight: bold; background: #fafafa; }

.ck-live-content .image > figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: #333333; background-color: #f7f7f7; padding: .6em; font-size: .75em; outline-offset: -1px; }

/*video styling*/
.ck-content .media { position: relative; background-color: #ebebeb; }

.ck-content .media iframe { border: 0; z-index: 2; }

.ck-content .media:after { position: absolute; font-family: Font Awesome\ 5 Pro; content: "\f03d"; font-size: 5rem; color: #808997; top: 50%; left: 50%; margin-left: -34px; margin-top: -58px; z-index: 1; }

/*image alignment*/
.ck-content .image.image-style-align-left { margin-right: 0.5rem; }

@media (max-width: 425px) { .ck-content .image.image-style-align-left { max-width: 100%; margin-right: 0; } }

.ck-content .image.image-style-align-right { margin-left: 0.5rem; }

@media (max-width: 425px) { .ck-content .image.image-style-align-right { max-width: 100%; margin-left: 0; } }