:root {
  --bsa-primaryColour: #4b52fa;
}
/* Import Less Mixins */
/* Grid HTML Classes - based on Foundation */
* {
  box-sizing: border-box;
}
audio,
video {
  max-width: 100%;
}
.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}
.row::before,
.row::after {
  display: table;
  content: ' ';
}
.row::after {
  clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.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.gutter-small > .column,
.row.gutter-small > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.row.gutter-medium > .column,
.row.gutter-medium > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.column,
.columns {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .column,
  .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
  float: left;
}
.column.end:last-child:last-child,
.end.columns:last-child:last-child {
  float: left;
}
.column.row.row,
.row.row.columns {
  float: none;
}
.row .column.row.row,
.row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}
.small-1 {
  width: 8.33333%;
}
.small-push-1 {
  position: relative;
  left: 8.33333%;
}
.small-pull-1 {
  position: relative;
  left: -8.33333%;
}
.small-offset-0 {
  margin-left: 0%;
}
.small-2 {
  width: 16.66667%;
}
.small-push-2 {
  position: relative;
  left: 16.66667%;
}
.small-pull-2 {
  position: relative;
  left: -16.66667%;
}
.small-offset-1 {
  margin-left: 8.33333%;
}
.small-3 {
  width: 25%;
}
.small-push-3 {
  position: relative;
  left: 25%;
}
.small-pull-3 {
  position: relative;
  left: -25%;
}
.small-offset-2 {
  margin-left: 16.66667%;
}
.small-4 {
  width: 33.33333%;
}
.small-push-4 {
  position: relative;
  left: 33.33333%;
}
.small-pull-4 {
  position: relative;
  left: -33.33333%;
}
.small-offset-3 {
  margin-left: 25%;
}
.small-5 {
  width: 41.66667%;
}
.small-push-5 {
  position: relative;
  left: 41.66667%;
}
.small-pull-5 {
  position: relative;
  left: -41.66667%;
}
.small-offset-4 {
  margin-left: 33.33333%;
}
.small-6 {
  width: 50%;
}
.small-push-6 {
  position: relative;
  left: 50%;
}
.small-pull-6 {
  position: relative;
  left: -50%;
}
.small-offset-5 {
  margin-left: 41.66667%;
}
.small-7 {
  width: 58.33333%;
}
.small-push-7 {
  position: relative;
  left: 58.33333%;
}
.small-pull-7 {
  position: relative;
  left: -58.33333%;
}
.small-offset-6 {
  margin-left: 50%;
}
.small-8 {
  width: 66.66667%;
}
.small-push-8 {
  position: relative;
  left: 66.66667%;
}
.small-pull-8 {
  position: relative;
  left: -66.66667%;
}
.small-offset-7 {
  margin-left: 58.33333%;
}
.small-9 {
  width: 75%;
}
.small-push-9 {
  position: relative;
  left: 75%;
}
.small-pull-9 {
  position: relative;
  left: -75%;
}
.small-offset-8 {
  margin-left: 66.66667%;
}
.small-10 {
  width: 83.33333%;
}
.small-push-10 {
  position: relative;
  left: 83.33333%;
}
.small-pull-10 {
  position: relative;
  left: -83.33333%;
}
.small-offset-9 {
  margin-left: 75%;
}
.small-11 {
  width: 91.66667%;
}
.small-push-11 {
  position: relative;
  left: 91.66667%;
}
.small-pull-11 {
  position: relative;
  left: -91.66667%;
}
.small-offset-10 {
  margin-left: 83.33333%;
}
.small-12 {
  width: 100%;
}
.small-offset-11 {
  margin-left: 91.66667%;
}
.small-up-1 > .column,
.small-up-1 > .columns {
  float: left;
  width: 100%;
}
.small-up-1 > .column:nth-of-type(1n),
.small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1),
.small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child,
.small-up-1 > .columns:last-child {
  float: left;
}
.small-up-2 > .column,
.small-up-2 > .columns {
  float: left;
  width: 50%;
}
.small-up-2 > .column:nth-of-type(1n),
.small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1),
.small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child,
.small-up-2 > .columns:last-child {
  float: left;
}
.small-up-3 > .column,
.small-up-3 > .columns {
  float: left;
  width: 33.33333%;
}
.small-up-3 > .column:nth-of-type(1n),
.small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1),
.small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child,
.small-up-3 > .columns:last-child {
  float: left;
}
.small-up-4 > .column,
.small-up-4 > .columns {
  float: left;
  width: 25%;
}
.small-up-4 > .column:nth-of-type(1n),
.small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1),
.small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child,
.small-up-4 > .columns:last-child {
  float: left;
}
.small-up-5 > .column,
.small-up-5 > .columns {
  float: left;
  width: 20%;
}
.small-up-5 > .column:nth-of-type(1n),
.small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1),
.small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child,
.small-up-5 > .columns:last-child {
  float: left;
}
.small-up-6 > .column,
.small-up-6 > .columns {
  float: left;
  width: 16.66667%;
}
.small-up-6 > .column:nth-of-type(1n),
.small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1),
.small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child,
.small-up-6 > .columns:last-child {
  float: left;
}
.small-up-7 > .column,
.small-up-7 > .columns {
  float: left;
  width: 14.28571%;
}
.small-up-7 > .column:nth-of-type(1n),
.small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1),
.small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child,
.small-up-7 > .columns:last-child {
  float: left;
}
.small-up-8 > .column,
.small-up-8 > .columns {
  float: left;
  width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n),
.small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1),
.small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child,
.small-up-8 > .columns:last-child {
  float: left;
}
.small-collapse > .column,
.small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}
.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}
.small-uncollapse > .column,
.small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.small-centered {
  margin-right: auto;
  margin-left: auto;
}
.small-centered,
.small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}
.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0;
}
@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-up-1 > .column,
  .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n),
  .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1),
  .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child,
  .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column,
  .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n),
  .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1),
  .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child,
  .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column,
  .medium-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .medium-up-3 > .column:nth-of-type(1n),
  .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1),
  .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child,
  .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column,
  .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n),
  .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1),
  .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child,
  .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column,
  .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n),
  .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1),
  .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child,
  .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column,
  .medium-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .medium-up-6 > .column:nth-of-type(1n),
  .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1),
  .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child,
  .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column,
  .medium-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .medium-up-7 > .column:nth-of-type(1n),
  .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1),
  .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child,
  .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column,
  .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n),
  .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1),
  .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child,
  .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column,
  .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column,
  .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered,
  .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-up-1 > .column,
  .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n),
  .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1),
  .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child,
  .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column,
  .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n),
  .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1),
  .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child,
  .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column,
  .large-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .large-up-3 > .column:nth-of-type(1n),
  .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1),
  .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child,
  .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column,
  .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n),
  .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1),
  .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child,
  .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column,
  .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n),
  .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1),
  .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child,
  .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column,
  .large-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .large-up-6 > .column:nth-of-type(1n),
  .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1),
  .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child,
  .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column,
  .large-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .large-up-7 > .column:nth-of-type(1n),
  .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1),
  .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child,
  .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column,
  .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n),
  .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1),
  .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child,
  .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column,
  .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column,
  .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered,
  .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}
/* ---------------------------------------------------------------------------------------------------------- 
01 Typography & Images -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  display: inline;
  zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
p,
pre {
  margin: 1em 0;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  height: 13px;
  width: 13px;
}
input[type="search"] {
  -webkit-appearance: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  border-radius: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body,
html {
  background-color: #f6f6f6;
}
body,
button,
input,
select,
textarea {
  font-family: Inter, 'Helvetica', Calibri, Arial, sans-serif;
}
/* -------------------- HEADINGS --------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: quasimoda, Inter, sans-serif;
  color: #000b00;
  -webkit-font-smoothing: antialiased;
  font-weight: 800;
  line-height: 1;
}
img {
  max-width: 100%;
  height: auto !important;
}
.content h1:first-child,
.content h2:first-child,
.content h3:first-child,
.content h4:first-child,
.content h5:first-child,
.content h6:first-child {
  margin-top: 0;
}
/* ---------------------- Body Content ------------------ */
p,
td,
li {
  font-size: 18px;
  line-height: 30px;
  color: #000b00;
  -webkit-font-smoothing: antialiased;
}
p {
  margin: 0 0 29px 0;
}
ol,
ul {
  padding: 0 15px 0 40px;
}
body blockquote {
  border-top: 10px solid #7283ef;
  background: #f5f5f5;
  padding: 15px;
  margin: 30px 0;
}
body blockquote p {
  font-size: 24px;
  line-height: 32px;
  margin-top: 0;
  font-weight: bold;
}
body blockquote p:last-child {
  margin-bottom: 0;
}
/* -------------------- TABLES --------------------- */
table {
  border: 1px solid #eee;
  border-radius: 5px;
}
table td,
table th {
  padding: 10px;
  text-align: left;
}
table thead,
table th {
  background: #4b52fa;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
table td {
  font-size: 16px;
  border: 1px solid #eee;
}
/* ---------------------- Links & Anchors -------------- */
a:link,
a:visited {
  color: #4b52fa;
  text-decoration: underline;
  transition: color 0.4s ease;
}
a:hover {
  color: #333;
  text-decoration: none;
}
a.linkedImage:hover {
  background: none !important;
}
/* ---------------------- Buttons --------------------- */
a.button,
a.fl-button,
.button a,
input.button,
button.button,
a.page-numbers,
span.page-numbers.current,
input[type=submit] {
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  padding: 15px 60px;
  font-size: 21px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #4b52fa;
  min-height: 50px;
  min-width: 280px;
  transition: background 0.4s ease;
  border: #4b52fa solid 1px;
  border-radius: 0px;
}
a.button:hover:not(.current),
a.fl-button:hover:not(.current),
.button a:hover:not(.current),
input.button:hover:not(.current),
button.button:hover:not(.current),
a.page-numbers:hover:not(.current),
span.page-numbers.current:hover:not(.current),
input[type=submit]:hover:not(.current) {
  color: #4b52fa;
  background-color: #fff;
  border: #4b52fa solid 1px;
}
a.button.small,
a.fl-button.small,
.button a.small,
input.button.small,
button.button.small,
a.page-numbers.small,
span.page-numbers.current.small,
input[type=submit].small {
  font-size: 1rem;
  padding-top: 17px;
}
a.page-numbers:not(.next, .prev),
span.page-numbers.current {
  min-width: 0;
  padding: 15px 10px;
  border: solid 1px transparent;
  background: transparent;
  color: black;
  margin: 0.1rem;
}
a.page-numbers:not(.next, .prev):hover:not(.current),
span.page-numbers.current:hover:not(.current) {
  background: transparent;
  color: black;
}
a.page-numbers.next,
a.page-numbers.prev {
  padding: 15px 60px;
  min-width: 150px;
}
span.page-numbers.current {
  background: #4b52fa;
  color: white;
}
span.page-numbers.currenthover {
  background: #4b52fa;
  color: white;
  border: transparent;
}
/* ---------------------- Images --------------------- */
.content .postImage {
  display: block;
  margin: 0 -20px;
}
.content > img,
.content .wp-caption,
.wp-caption,
.content p > img {
  max-width: 100%;
  height: auto ;
  margin: 20px 0 !important;
  float: none !important;
  display: block;
}
.wp-caption {
  position: relative;
}
.wp-caption img {
  width: 100%;
  display: block;
}
.wp-caption a {
  display: block;
}
.wp-caption p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  padding: 30px 10px 10px;
  font-size: 13px;
  line-height: 16px;
  background: url(images/overlay.png) repeat-y 100% 100%;
  background-size: 100% 100%;
  margin: 0;
  display: block;
}
.wp-caption p a {
  display: inline;
}
/* ---------------------- Image Galleries --------------------- */
/* ---------------------- Videos & Embeds --------------------- */
.mainContent p iframe,
.mainContent p video,
.mainContent p audio {
  max-width: 100%;
}
.mainContent video,
.mainContent audio {
  margin: 20px auto;
  max-width: 100%;
}
body .fl-form-error-message {
  color: #fff;
  background: red;
  display: inline-block;
  padding: 4px;
  font-size: 14px;
}
button,
a.button,
input[type="submit"] {
  text-transform: uppercase;
  font-family: quasimoda, Inter, sans-serif;
}
@media only screen and (min-width: 480px) {
  img.alignleft,
  .wp-caption.alignleft {
    float: left;
    margin: 0 15px 10px 0;
  }
  img.alignright,
  .wp-caption.alignright {
    float: right;
    margin: 0 0 10px 15px;
  }
}
@media only screen and (min-width: 760px) {
  body blockquote {
    padding: 20px 20px 30px;
  }
  body blockquote p {
    font-size: 32px;
    line-height: 43px;
  }
  p,
  td,
  li {
    color: #000b00;
    -webkit-font-smoothing: antialiased;
  }
}
/* Skip Link */
.skip-link {
  position: absolute;
  margin-top: 5px;
  left: 5px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  top: -100px;
}
.skip-link:focus {
  top: 0;
  z-index: 1000;
}
/* Header Styles */
body.admin-bar header,
body.admin-bar nav#nav-donate {
  top: 32px;
}
body.admin-bar.transparent-header nav#nav-main,
body.admin-bar.transparent-header nav#nav-search {
  top: 32px;
}
body {
  overscroll-behavior: none;
  margin-top: 80px;
}
body.modal-open {
  overflow: hidden;
}
body.transparent-header {
  margin-top: 0;
}
body.transparent-header nav#nav-main,
body.transparent-header nav#nav-search {
  top: 0;
  border-top: solid 85px #000b00;
}
body.no-header header {
  display: none;
}
header {
  position: fixed;
  width: 100%;
  z-index: 500;
  background-color: #FFF;
  top: 0;
  border-color: rgba(104, 104, 104, 0.5);
  border-style: solid;
  border-width: 0 0 1px 0;
  transition: all 0.5s ease-in-out;
}
header.row {
  width: 100%;
  max-width: 100%;
}
header.light {
  background-color: #ffffff;
}
header.dark {
  background-color: #000b00;
}
header.transparent {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0) 100%);
  border-bottom: 0;
  transition: all 0.5s ease-in-out;
}
header.transparent > .container .header-main-right .searchLink {
  background: url("/wp-content/themes/cpx_v1/images/searchgo.svg");
}
header.transparent > .container .header-main-right .menu-item {
  color: #ffffff;
}
header.transparent > .container .header-main-right .menu-item:hover {
  color: #ffffff;
}
header.transparent > .container .header-main-right .menuLink > span {
  background-color: #ffffff;
}
header.transparent > .container .header-main-right .menuLink > span:after,
header.transparent > .container .header-main-right .menuLink > span:before {
  background-color: #ffffff;
}
header > .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1440px;
  padding: 0 1rem;
  height: 85px;
  margin: 0 auto;
}
header > .container .header-main-left {
  display: flex;
  align-items: center;
}
header > .container .header-main-left a img.logo {
  padding: 1rem 0;
  width: 100px;
  max-width: 50vw;
  height: auto;
}
header > .container .header-main-left a img.logo.hidden {
  display: none;
}
header > .container .header-main-left a:hover {
  background: none;
}
header > .container .header-main-right {
  margin-left: auto;
  display: flex;
  align-items: center;
}
header > .container .header-main-right .menu-item {
  align-items: center;
  display: none;
  white-space: nowrap;
  font-family: quasimoda, Inter, sans-serif;
  font-weight: 500;
  font-size: 0.95rem;
  height: 100%;
  letter-spacing: -0.02em;
  line-height: 100%;
  margin-left: 1rem;
  position: relative;
  text-decoration: none;
  color: #000b00;
  text-transform: uppercase;
}
header > .container .header-main-right .menu-item:hover {
  background: transparent;
  text-decoration: none;
  color: #000b00;
}
header > .container .header-main-right .menu-item:hover:after,
header > .container .header-main-right .menu-item.active:after {
  background-color: #4b52fa;
  bottom: 0;
  content: ' ';
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}
header > .container .header-main-right .menu-item:hover:after {
  background-color: #7283ef;
}
header > .container .header-main-right .searchLink {
  background: url("/wp-content/themes/cpx_v1/images/search.svg");
  height: 24px;
  width: 24px;
}
header > .container .header-main-right .searchLink img {
  width: 24px;
}
header > .container .header-main-right .searchLink:hover {
  background-color: transparent;
}
header > .container .header-main-right .menuLink {
  padding: 11px 3px;
  display: flex;
}
header > .container .header-main-right .menuLink:hover {
  background-color: transparent;
}
header > .container .header-main-right .menuLink.active > span {
  background-color: transparent;
}
header > .container .header-main-right .menuLink.active > span:after {
  animation-name: upTurn;
}
header > .container .header-main-right .menuLink.active > span:before {
  animation-name: downTurn;
}
header > .container .header-main-right .menuLink > span {
  background-color: #000b00;
  height: 2px;
  position: relative;
  width: 18px;
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: background-color;
  transition-timing-function: ease-in-out;
}
header > .container .header-main-right .menuLink > span:after,
header > .container .header-main-right .menuLink > span:before {
  background-color: #000b00;
  content: ' ';
  height: 100%;
  left: 0;
  position: absolute;
  transform-origin: 50% 50%;
  width: 100%;
  transform: rotate(0);
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
header > .container .header-main-right .menuLink > span:after {
  bottom: -6px;
  animation-name: upTurnReverse;
}
header > .container .header-main-right .menuLink > span:before {
  top: -6px;
  animation-name: downTurnReverse;
}
header > .container .header-main-right .donateButton {
  background-color: #4b52fa;
  color: #ffffff;
  font-family: quasimoda, Inter, sans-serif;
  font-weight: 500;
  font-size: 0.95rem;
  height: 100%;
  letter-spacing: -0.02em;
  line-height: 100%;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-right: -1rem;
  text-transform: uppercase;
}
header > .container .header-main-right > * {
  display: block;
  margin: 0 0 0 1.5rem;
  font-size: 0.95rem;
}
header.light .menu-item {
  color: rgba(0, 11, 0, 0.75);
}
header.light .menu-item.active {
  color: #000b00;
}
header.dark .menu-item,
header.transparent .menu-item {
  color: rgba(0, 11, 0, 0.75);
}
header.dark .menu-item.active,
header.transparent .menu-item.active {
  color: #000b00;
}
nav#nav-search {
  display: none;
  background-color: #000b00;
  color: #ffffff;
  padding: 1rem;
  position: fixed;
  z-index: 100;
  width: 100%;
}
nav#nav-search.active {
  display: block;
}
nav#nav-search .navSearch {
  max-width: 1440px;
  margin: 0 auto;
}
nav#nav-search .search-field {
  background-color: #000b00;
  border-color: #686868;
  color: #ffffff;
  border-style: solid;
  border-width: 0 0 1px 0;
  padding-bottom: 3px;
}
nav#nav-search .search-field:focus {
  outline: none;
}
nav#nav-search .search-submit {
  width: 24px;
  height: 24px;
  background-color: #000b00;
  border: 0;
  padding: 0;
}
nav#nav-main {
  display: none;
  background: #fff;
  position: relative;
  z-index: 21;
  padding: 0;
  position: fixed;
  z-index: 100;
  max-height: 100vh;
  overflow-y: auto;
  width: 100%;
}
nav#nav-main.active {
  display: block;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
}
nav#nav-main ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
nav#nav-main ul li {
  margin-bottom: 0px;
  border-bottom: 1px solid #eee;
}
nav#nav-main ul li a {
  color: #000b00;
  padding: 15px 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  display: block;
  text-decoration: none;
}
nav#nav-main ul li a:hover,
nav#nav-main ul li a:active {
  background: #f3f3f3;
  text-decoration: none;
}
nav#nav-main .menu-site-mega-menu-container {
  max-width: 1440px;
  margin: 0 auto;
}
nav#nav-main ul#menu-site-mega-menu {
  display: grid;
  gap: 0;
  padding: 2rem 0;
  list-style: none;
  margin-right: 0;
}
nav#nav-main ul#menu-site-mega-menu li {
  border: 0;
  margin: 0;
  position: relative;
}
nav#nav-main ul#menu-site-mega-menu li a {
  font-family: quasimoda, Inter, sans-serif;
  font-weight: 500;
  font-size: 0.95rem;
  letter-spacing: -0.02em;
  line-height: 100%;
  position: relative;
  text-decoration: none;
  color: #000b00;
  text-transform: uppercase;
  border-bottom: 0;
  padding: 1.25rem;
}
nav#nav-main ul#menu-site-mega-menu li a:after {
  background-color: #4b52fa;
  bottom: 0;
  content: ' ';
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}
nav#nav-main ul#menu-site-mega-menu li a:hover,
nav#nav-main ul#menu-site-mega-menu li a:active {
  background: #f6f6f6;
  text-decoration: none;
  color: #000b00;
}
nav#nav-main ul#menu-site-mega-menu li button.submenu-open,
nav#nav-main ul#menu-site-mega-menu li button.submenu-close {
  display: none;
}
nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children button.submenu-open,
nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children button.submenu-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: 0;
  font-size: 1.5rem;
  height: 50px;
  width: 60px;
}
nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children button.submenu-close {
  display: none;
}
nav#nav-main ul#menu-site-mega-menu li.submenu-active button.submenu-close {
  display: block;
}
nav#nav-main ul#menu-site-mega-menu li.submenu-active button.submenu-open {
  display: none;
}
nav#nav-main ul#menu-site-mega-menu li.submenu-active ul.sub-menu {
  display: block;
  height: auto;
  transition: all 500ms ease-in;
}
nav#nav-main ul#menu-site-mega-menu li.submenu-active:after {
  background-color: #4b52fa;
  bottom: 0;
  content: ' ';
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}
nav#nav-main ul#menu-site-mega-menu li.submenu-active a {
  border-bottom: solid 1px #b9b9b9;
}
nav#nav-main ul#menu-site-mega-menu li.submenu-active a:after {
  content: none;
}
nav#nav-main ul#menu-site-mega-menu li ul.sub-menu {
  display: none;
  height: 0;
  transition: all 500ms ease-in;
}
nav#nav-main ul#menu-site-mega-menu li ul.sub-menu li a {
  border-bottom: solid 1px #b9b9b9;
  background-color: #f6f6f6;
}
nav#nav-main ul#menu-site-mega-menu li ul.sub-menu li a:after {
  content: none;
}
nav#nav-main ul#menu-site-mega-menu li ul.sub-menu li a:hover {
  background-color: #ececec;
}
nav#nav-main ul#menu-site-mega-menu li ul.sub-menu li button.submenu-open,
nav#nav-main ul#menu-site-mega-menu li ul.sub-menu li button.submenu-close {
  display: none;
}
nav#nav-main ul:not(#menu-site-mega-menu) li button.submenu-open,
nav#nav-main ul:not(#menu-site-mega-menu) li button.submenu-close {
  display: none;
}
nav#nav-main .navSocial {
  padding: 10px 0;
  background-color: #000b00;
}
nav#nav-main .navSocial p {
  font-size: 21px;
  color: #fff;
  text-align: left;
  font-weight: 500;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
}
nav#nav-main .navSocial p a {
  line-height: 34px;
  font-size: 36px;
  margin: 0 0 0 18px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease;
  position: relative;
}
nav#nav-main .navSocial p a img {
  width: 24px;
}
nav#nav-main .navSocial p a span {
  display: none;
}
nav#nav-main .navSocial p a:hover {
  color: #4b52fa;
  background: none;
}
@keyframes upTurn {
  0% {
    bottom: -6px;
  }
  50% {
    bottom: 0;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(45deg);
  }
}
@keyframes upTurnReverse {
  0% {
    bottom: 0;
    transform: rotate(-45deg);
  }
  50% {
    bottom: 0;
    transform: rotate(0);
  }
  100% {
    bottom: -6px;
  }
}
@keyframes downTurn {
  0% {
    top: -6px;
  }
  50% {
    top: 0;
    transform: rotate(0);
  }
  100% {
    top: 0;
    transform: rotate(-45deg);
  }
}
@keyframes downTurnReverse {
  0% {
    top: 0;
    transform: rotate(45deg);
  }
  50% {
    top: 0;
    transform: rotate(0);
  }
  100% {
    top: -6px;
  }
}
#menu-utility-menu {
  display: none;
}
@media only screen and (min-width: 768px) {
  .admin-bar .header,
  .admin-bar .header.nav-down {
    top: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  header > .container .header-main-right > *.menu-item {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  header > .container .header-main-right .donateButton:hover {
    background-color: #7283ef;
    color: #000b00;
  }
  nav#nav-main ul#menu-site-mega-menu {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    padding: 4rem 1rem;
    gap: 1rem;
  }
  nav#nav-main ul#menu-site-mega-menu li button.submenu-open,
  nav#nav-main ul#menu-site-mega-menu li.submenu-active button.submenu-open,
  nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children button.submenu-open,
  nav#nav-main ul#menu-site-mega-menu li button.submenu-close,
  nav#nav-main ul#menu-site-mega-menu li.submenu-active button.submenu-close,
  nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children button.submenu-close {
    display: none;
  }
  nav#nav-main ul#menu-site-mega-menu li:after,
  nav#nav-main ul#menu-site-mega-menu li.submenu-active:after,
  nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children:after {
    content: none;
  }
  nav#nav-main ul#menu-site-mega-menu li a:after,
  nav#nav-main ul#menu-site-mega-menu li.submenu-active a:after,
  nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children a:after {
    content: ' ';
  }
  nav#nav-main ul#menu-site-mega-menu li ul.sub-menu,
  nav#nav-main ul#menu-site-mega-menu li.submenu-active ul.sub-menu,
  nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children ul.sub-menu {
    display: block;
    height: auto;
  }
  nav#nav-main ul#menu-site-mega-menu li ul.sub-menu li a,
  nav#nav-main ul#menu-site-mega-menu li.submenu-active ul.sub-menu li a,
  nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children ul.sub-menu li a {
    background-color: #ffffff;
  }
  nav#nav-main ul#menu-site-mega-menu li ul.sub-menu li a:hover,
  nav#nav-main ul#menu-site-mega-menu li.submenu-active ul.sub-menu li a:hover,
  nav#nav-main ul#menu-site-mega-menu li.menu-item-has-children ul.sub-menu li a:hover {
    background-color: #f6f6f6;
  }
}
@media only screen and (min-width: 1490px) {
  header.header .container .header-main-left {
    margin-left: -1rem;
  }
  nav#nav-main ul#menu-site-mega-menu {
    margin-right: -1rem;
  }
}
.footer {
  background: #000b00;
  clear: both;
  padding: 15px 0;
}
.footer .footerLogo {
  padding: 0 0 0 15px;
  width: 140px;
  float: left;
}
.footer .footerLogo img {
  max-width: 100%;
}
.footer ul.socialFooter {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0 15px 0 0;
  text-align: right;
  display: flex;
}
.footer ul.socialFooter li:not(.bsaicon) a {
  background: #4b52fa;
  color: #ffffff;
  margin-left: 15px;
  display: inline-block;
  width: 42px;
  height: 42px;
  font-size: 24px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  transition: all 0.4s ease;
  text-decoration: none;
}
.footer ul.socialFooter li:not(.bsaicon) a span {
  display: none;
}
.footer ul.socialFooter li:not(.bsaicon) a i {
  line-height: 1.8;
}
.footer ul.socialFooter li:not(.bsaicon) a:hover {
  color: #4b52fa;
  background: #ffffff;
}
.footer ul.socialFooter li.bsaicon a {
  margin-left: 15px;
}
.footer ul.socialFooter li.bsaicon img {
  height: 35px !important;
  width: auto;
}
.footer .copyright {
  padding: 15px 15px 10px;
  background: #000b00;
  text-align: center;
  width: auto;
  margin: 0 auto;
  float: none !important;
  clear: both;
}
.footer .copyright p {
  font-size: 12px;
  line-height: 15px;
  color: #999;
  margin-bottom: 0;
}
.footer .copyright a {
  text-decoration: none;
}
.footer .copyright ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .copyright ul li {
  display: inline-block;
}
.footer .copyright ul li a {
  color: #ccc;
  font-size: 12px;
  line-height: 15px;
  display: inline-block;
  padding: 3px 5px;
  text-decoration: none;
}
.footer .copyright ul li a:hover {
  color: #fff;
}
.footer .copyright ul li ul {
  display: none;
}
#launchButton {
  display: block;
  background: #7283ef;
  padding: 15px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: quasimoda, Inter, sans-serif;
  transition: background 0.4 ease;
}
#launchButton i {
  font-style: normal;
}
#launchButton:hover {
  background: #4b52fa;
}
@media only screen and (min-width: 760px) {
  #launchButton {
    position: fixed;
    right: -60px;
    top: 210px;
    display: inline-block;
    padding: 10px 10px 15px !important;
    height: 65px;
    text-decoration: none;
    transition: all 0.5s ease;
    font-size: 21px;
    line-height: 20px;
    text-transform: uppercase;
    transform: rotate(270deg);
    text-align: center;
    z-index: 90;
  }
  #launchButton span {
    display: block;
    font-size: 16px;
  }
  #launchButton span i {
    display: none;
  }
  #launchButton:hover {
    right: -55px;
  }
  .footer .copyright {
    clear: none;
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .copyright p,
  .copyright ul li a {
    font-size: 16px;
  }
}
/*/mediaquery*/
/*/mediaquery*/
.featureImage,
.videoHeader {
  max-width: 100%;
  padding-bottom: 40px;
}
.featureImage img,
.videoHeader img {
  display: block;
}
.featureImage h1,
.videoHeader h1 {
  padding: 0 20px;
  margin: 20px 0 0;
  font-size: 20px;
  line-height: 25px;
  font-weight: Bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  word-spacing: 3px;
}
.featureImage .articleSummaryTop,
.videoHeader .articleSummaryTop {
  display: none;
}
.single .featureImage,
.videoHeader.audioHeader {
  padding-bottom: 0;
}
/********* Video /  Audio Header **********
*************************************/
.videoHolder {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #111;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1001;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  max-height: 100%;
}
.videoHolder.full-width-video {
  padding-top: 46px;
}
.videoHolder iframe {
  max-height: 100%;
}
.videoHolder .closeVideo {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 15px;
  display: block;
  color: #fff;
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  text-shadow: 0px 0px 7px #969696;
  text-decoration: none;
  transition: all 0.4s ease;
}
.videoHolder .closeVideo:hover {
  background: #111;
}
.videoHeader .videoThumbnail {
  display: none;
}
.videoHeader .articleMeta {
  padding: 15px 20px 0;
}
.videoHeader .postThemes {
  padding: 0px 20px 0;
}
.videoHeader .postThemes.bottom {
  display: none;
}
.videoHeader .articleSummary {
  padding: 20px 20px 0;
}
.videoHeader .articleSummary h2 {
  margin: 20px 0 10px;
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -1px;
  word-spacing: 3px;
}
.videoHeader .articleCTA {
  padding: 20px;
}
.videoHeader .articleCTA a {
  background: #4b52fa;
  padding: 10px 20px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  font-family: quasimoda, Inter, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -1px;
  word-spacing: 3px;
  text-decoration: none;
  transition: all 0.4s ease;
}
.videoHeader .articleCTA a:hover {
  background: #333;
}
/********* Post Meta **********
*************************************/
.articleMeta {
  clear: both;
  padding-top: 15px;
  font-size: 14px;
  line-height: 18px;
  color: #95989A;
}
.articleMeta span,
.articleMeta a {
  margin-right: 20px;
  color: #95989A;
  text-decoration: none;
  transition: all 0.4s ease;
  white-space: nowrap;
}
.articleMeta a:hover {
  color: black !important;
  opacity: 1;
}
.articleMeta a {
  display: none;
}
.articleMeta a.downloadLink {
  display: inline-block;
}
.articleMeta i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 3px;
}
.sidebar .downloadOverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #111;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1001;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  max-height: 100%;
}
.sidebar .downloadOverlay label,
.sidebar .downloadOverlay br,
.sidebar .downloadOverlay h3 {
  display: none;
  color: #fff;
}
.sidebar .downloadOverlay p {
  color: #fff;
  font-size: 21px;
  margin-bottom: 0px;
  text-transform: uppercase;
  text-align: center;
}
.sidebar .downloadOverlay input[type="text"] {
  border-radius: 5px;
  border: none;
  padding: 10px;
  width: 280px;
}
.sidebar .downloadOverlay .field-wrap input[type="button"] {
  background: #7283ef;
  color: #fff;
  padding: 10px;
  border: none;
  transition: background 0.4s ease;
  display: block;
  width: 290px;
  margin: 0 auto;
  text-transform: uppercase;
  font-family: quasimoda, Inter, sans-serif;
  font-weight: 800;
  font-size: 18px;
}
.sidebar .downloadOverlay .field-wrap input[type="button"]:hover {
  background: #222;
}
.sidebar .downloadOverlay a {
  display: inline-block;
  color: #aaa;
  text-transform: none;
  font-size: 15px;
  text-align: center;
  padding-top: 10px;
  margin-right: 0;
}
/********* Video Next Up **********
*************************************/
a.video.nextUp:link,
a.video.nextUp:visited {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-left: 75px solid #444444;
  padding: 12px 20px 10px 10px;
  z-index: 1;
}
a.video.nextUp:link h4,
a.video.nextUp:visited h4 {
  position: absolute;
  top: 14px;
  left: -65px;
  color: #fff;
  font-size: 18px;
}
a.video.nextUp:link h5,
a.video.nextUp:visited h5 {
  font-size: 12px;
  line-height: 14px;
  margin: 0;
  text-align: left;
  position: relative;
  top: -2px;
}
a.video.nextUp:link h5 i,
a.video.nextUp:visited h5 i {
  font-size: 14px;
  margin-right: 2px;
}
a.video.nextUp:link h5.nextVideo,
a.video.nextUp:visited h5.nextVideo {
  margin-left: 30px;
}
/********* Audio Stuff **********
*************************************/
.audioThumbnailBg {
  display: none;
}
.audioTitle {
  position: relative;
  background: #111;
}
.audioTitle .audioThumbnailHolder {
  display: block;
  opacity: 0.7;
}
.audioTitle .audioTitleDetails {
  position: absolute;
  bottom: 50px;
  left: 15px;
  right: 15px;
  z-index: 10;
}
.audioTitle .audioTitleDetails h1 {
  color: #fff;
}
.audioTitle .audioTitleDetails .articleMeta a,
.audioTitle .audioTitleDetails .articleMeta span {
  color: #fff;
  opacity: 0.7;
}
.audioTitle .audioTitleDetails .articleMeta a:hover {
  opacity: 1;
}
.audioPlayer {
  margin: 0;
  background: #eee;
  width: 100%;
}
.audioPlayer .mejs-controls {
  padding: 0 15px;
}
.audioPlayer audio {
  width: 100%;
}
.audioPlayer .mejs-container {
  width: 100% !important;
}
.audioPlayer .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #4b52fa;
}
p + .audioPlayer {
  margin: 1rem 0 0 0;
}
.subscribeHolder {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #111;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1001;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  max-height: 100%;
}
.subscribeHolder .subscribeBox {
  background: #7283ef;
  padding: 15px;
  color: #fff;
  width: 90%;
  max-width: 420px;
  text-align: center;
}
.subscribeHolder .subscribeBox h2 {
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
  margin: 0 auto 10px;
  width: 360px;
  max-width: 100%;
}
.subscribeHolder .subscribeBox a {
  display: block;
  width: 360px;
  padding: 10px 0;
  margin: 0 auto 0;
  color: #fff;
  text-decoration: none;
  font-family: quasimoda, Inter, sans-serif;
  text-align: left;
  transition: opacity 0.4s ease;
  max-width: 100%;
}
.subscribeHolder .subscribeBox a:hover {
  opacity: 0.7;
}
.subscribeHolder .subscribeBox span {
  display: block;
  width: 360px;
  max-width: 100%;
  text-align: left;
  margin: 0 auto;
}
.subscribeHolder .subscribeBox input {
  padding: 5px;
  width: 300px;
  max-width: 100%;
  margin-top: 15px;
  display: block;
}
.subscribeHolder .subscribeBox p {
  color: #fff;
  font-size: 15px;
  width: 360px;
  max-width: 100%;
  margin: 5px auto 0;
  text-align: left;
}
.subscribeHolder .closeVideo {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 15px;
  display: block;
  color: #fff;
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  text-shadow: 0px 0px 7px #969696;
  text-decoration: none;
  transition: all 0.4s ease;
}
.subscribeHolder .closeVideo:hover {
  background: #111;
}
.audioSubscribe {
  padding: 20px 0 0 20px;
}
.audioSubscribe a {
  display: inline-block;
  background: #7283ef;
  color: #fff;
  font-size: 21px;
  font-family: quasimoda, Inter, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 10px 15px;
  text-decoration: none;
  transition: background 0.4s ease;
  width: 180px;
  text-align: center;
  margin-bottom: 20px;
}
.audioSubscribe a:hover {
  background: #333;
}
/********* Article Sidebar **********
*************************************/
.sidebar {
  padding: 0 20px;
  /* Author Avatar */
}
.sidebar .postAuthor {
  padding-top: 16px;
  width: 100%;
  float: left;
  clear: both;
}
.sidebar .postAuthorAvatar {
  float: left;
  width: 60px;
  margin: 0 15px 0 0;
}
.sidebar .postAuthorAvatar img {
  border-radius: 50%;
}
.sidebar .postAuthorDetails {
  min-height: 60px;
  display: flex;
  align-items: center;
}
.sidebar h3 {
  margin: 0;
  font-weight: normal;
  font-family: Inter, 'Helvetica', Calibri, Arial, sans-serif;
  color: #95989A;
  font-size: 12px;
  line-height: 14px;
}
.sidebar h3 strong {
  font-size: 17px;
}
.sidebar p {
  margin: 7px 0;
  color: #95989A;
  font-size: 13px;
  line-height: 13px;
}
.sidebar p a {
  text-decoration: none;
  color: #4b52fa;
}
.sidebar p a:hover {
  text-decoration: underline;
  color: #000b00;
}
.sidebar p.noAuthor {
  margin-left: 0;
  padding-top: 10px;
}
.sidebar .authorDescription {
  padding-top: 5px;
  clear: both;
  display: none;
}
.sidebar .authorDescription p {
  line-height: 20px;
}
.sidebar .postThemes {
  display: none;
}
.authorCollection {
  padding-top: 20px;
}
.authorCollection a {
  background: #f5d100;
  padding: 10px;
  color: #111;
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  transition: 1px solid ease;
  margin: 0 10px 10px 0;
}
.authorCollection a:hover {
  background: #333;
  color: #fff;
}
.authorCollection.podcast a {
  background: #4b52fa;
  text-transform: none;
  font-size: 15px;
  color: #fff;
  padding: 10px 15px;
  transition: background 0.4s ease;
  width: 180px;
  text-align: center;
}
.authorCollection.podcast a span {
  text-transform: uppercase;
  display: block;
  font-size: 21px;
}
.authorCollection.podcast a:hover {
  background: #333;
}
.authorCollection.podcast p {
  color: #eee;
  font-size: 14px;
  line-height: 18px;
  max-width: 400px;
  margin-top: 0;
}
.videoHeader .authorCollection {
  padding: 20px 20px 0;
}
/********* Content Column **********
*************************************/
.content {
  padding: 20px 20px 0;
}
.content .articleSummary {
  display: none;
}
.articleTranscript {
  padding-top: 40px;
}
.articleTranscript h2 {
  margin: 20px 0 0px;
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -1px;
  word-spacing: 3px;
}
.articleTranscript p:first-child {
  margin-top: 10px;
}
/********* Themes & People **********
*************************************/
.postThemes {
  clear: both;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.postThemes h3 {
  display: none;
}
.postThemes ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  position: relative;
  left: -5px;
}
.postThemes ul li {
  display: inline-block;
  margin: 0 5px 5px;
}
.postThemes ul li a {
  background: #ebebeb;
  color: #898989;
  transition: all 0.4s ease;
  padding: 5px 10px;
  border-radius: 12.5px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.8rem;
  height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1px;
}
/********* Next Up (in static position) **********
*************************************************/
a.nextUp:link,
a.nextUp:visited {
  display: block;
  padding: 20px;
  background: #7283ef;
  transition: all 0.4s ease;
  text-decoration: none;
  color: #fff;
}
a.nextUp:link h4,
a.nextUp:visited h4 {
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  margin: 0 0 10px;
  transition: all 0.4s ease;
}
a.nextUp:link h5,
a.nextUp:visited h5 {
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  margin: 0 0 20px 0;
  transition: all 0.4s ease;
}
a.nextUp:link h5 i,
a.nextUp:visited h5 i {
  font-size: 20px;
  margin-right: 7px;
}
a.nextUp:link p,
a.nextUp:visited p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  transition: all 0.4s ease;
  color: #fff;
}
a.nextUp:hover {
  background: #4b52fa;
}
/********* Next Up (in fixed position) **********
*************************************************/
a.nextUp.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
a.nextUp.fixed.notSticky {
  position: relative;
}
@media only screen and (max-width: 760px) {
  a.nextUp.fixed {
    border-left: 75px solid #444444;
    padding: 12px 20px 10px;
  }
  a.nextUp.fixed h4 {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: -65px;
    color: #fff;
    font-size: 18px;
  }
  a.nextUp.fixed h5 {
    font-size: 12px;
    line-height: 16px;
    margin: 0 ;
    text-align: left;
  }
  a.nextUp.fixed .nextUpExcerpt,
  a.nextUp.fixed h4 span {
    display: none;
  }
  .mainPanel {
    position: relative;
    padding-bottom: 40px;
  }
  .mainPanel .row {
    margin-left: 0;
    margin-right: 0;
  }
  a.video.nextUp.notSticky {
    position: absolute;
    bottom: 0;
  }
}
#vertical_share {
  display: none;
}
@media only screen and (min-width: 640px) {
  .featureImage h1 {
    font-size: 28px;
    line-height: 32px;
    margin-left: auto;
    margin-right: auto;
  }
  .row.pageBuilderPost {
    max-width: 100%;
  }
  .videoHeader .container h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .mainPanel .content,
  .mainPanel .sidebar {
    max-width: 660px;
    margin: 0 auto;
    float: none !important;
  }
  .content .postImage {
    margin-left: 0;
    margin-right: 0;
  }
  .nextUp .container {
    max-width: 660px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 760px) {
  .featureImage {
    position: relative;
    max-height: 480px;
    padding-bottom: 0;
  }
  .featureImage .featureImageHolder {
    max-height: 480px;
    overflow: hidden;
  }
  .featureImage h1 {
    position: absolute;
    bottom: 40px;
    color: #fff;
    margin: 0;
    z-index: 10;
    max-width: 990px;
  }
  .featureImage img {
    width: 100%;
  }
  .post-type-archive-store .featureImage h1 {
    bottom: 60px;
  }
  .post-type-archive-store .featureImage p {
    position: absolute;
    bottom: 30px;
    color: #fff;
    margin: 0;
    z-index: 10;
    max-width: 990px;
  }
  .page .featureImage h1 {
    top: auto;
  }
  .featureImage:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(images/overlay.png) repeat-x bottom left;
    content: '';
    display: block;
  }
  .featureImage.noFeatureImage {
    background: #333;
    padding: 110px 0 40px;
  }
  .featureImage.noFeatureImage h1 {
    position: relative;
    bottom: 0;
  }
  .mainPanel .container {
    padding-top: 60px;
    max-width: 990px;
    margin: 0 auto;
  }
  .mainPanel .container .sidebar {
    width: 33.3333%;
    max-width: 280px;
    float: left !important;
    margin: 0;
    padding-top: 8px;
  }
  .mainPanel .container .sidebar .postThemes {
    display: block;
    padding-top: 20px;
  }
  .mainPanel .container .sidebar .authorDescription {
    display: block;
  }
  .mainPanel .container .sidebar .articleMeta {
    padding-top: 0;
  }
  .mainPanel .container .content {
    width: 66.6667%;
    float: right !important;
    margin: 0;
    padding-top: 0;
    padding-bottom: 50px;
  }
  .mainPanel .container .content p:first-child {
    margin-top: 0;
  }
  .mainPanel .container .content .postThemes {
    display: none;
  }
  a.nextUp:link,
  a.nextUp:visited {
    clear: both;
    padding: 17px;
  }
  a.nextUp:link .container,
  a.nextUp:visited .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 930px;
    padding-top: 0;
  }
  a.nextUp:link h4,
  a.nextUp:visited h4 {
    width: 33.333%;
    float: left;
    font-size: 36px;
    line-height: 36px;
    text-align: right;
    padding-right: 30px;
    position: relative;
    margin-bottom: 0;
  }
  a.nextUp:link h5,
  a.nextUp:visited h5,
  a.nextUp:link .nextUpExcerpt,
  a.nextUp:visited .nextUpExcerpt {
    float: right;
    width: 66.6667%;
    padding-left: 10px;
  }
  a.nextUp:link p,
  a.nextUp:visited p {
    margin-top: 5px;
  }
  a.nextUp:link h5,
  a.nextUp:visited h5 {
    margin-bottom: 0;
    min-height: 36px;
    display: flex;
    align-items: center;
  }
  a.nextUp:link .nextUpExcerpt,
  a.nextUp:visited .nextUpExcerpt {
    height: 0;
    transition: height 0.4s ease;
    overflow: hidden;
  }
  a.nextUp.video:link,
  a.nextUp.video:visited {
    margin-left: 0;
    margin-right: 0;
  }
  a.nextUp.video:link h4,
  a.nextUp.video:visited h4 {
    text-align: left;
    width: auto;
    top: 12px;
    font-size: 20px;
  }
  a.nextUp.video:link h5,
  a.nextUp.video:visited h5 {
    padding-left: 5px;
    float: none;
    line-height: 26px !important;
    font-size: 12px;
  }
  a.nextUp.video:link h5 i,
  a.nextUp.video:visited h5 i {
    top: 16px;
    margin-right: 7px;
  }
  a.nextUp:hover .nextUpExcerpt {
    height: 50px;
  }
  a.nextUp.video .container {
    margin-left: 0;
  }
  .videoHeader {
    background: #111;
    position: relative;
    padding-top: 90px;
  }
  .videoHeader .videoThumbnail {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 10;
  }
  .videoHeader .videoThumbnail .videoThumbnailHolder {
    height: 100% !important;
    float: right;
    max-width: none;
    margin-right: -100px;
    position: relative;
    display: block;
  }
  .videoHeader .videoThumbnail .videoThumbnailHolder img {
    height: 100% !important;
    max-width: none;
    position: relative;
    width: auto !important;
  }
  .videoHeader .videoThumbnail a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30%;
    display: block;
    z-index: 20;
  }
  .videoHeader .videoThumbnail a span {
    display: none;
  }
  .videoHeader .videoThumbnail a i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    border: 5px solid #fff;
    border-radius: 50%;
    font-size: 72px;
    line-height: 112px;
    padding-left: 35px;
    margin-left: -60px;
    margin-top: -60px;
    color: #fff;
    transition: all 0.4s ease;
  }
  .videoHeader .videoThumbnail a:hover i {
    border-color: #7283ef;
    color: #7283ef;
  }
  .videoHeader .videoThumbnail .videoThumbnailHolder:after {
    position: absolute;
    top: 0;
    left: -2px;
    width: 100%;
    bottom: 0;
    background: url(images/videoOverlay.png) repeat-y 0 -200px;
    z-index: 11;
    content: '';
    display: block;
  }
  .videoHeader .container {
    position: relative;
    z-index: 20;
    width: 70%;
  }
  .videoHeader .container h1 {
    color: #fff;
  }
  .videoHeader .articleMeta {
    padding-top: 0;
    color: #B7B7B7;
  }
  .videoHeader .articleMeta a,
  .videoHeader .articleMeta span {
    color: #B7B7B7;
  }
  .videoHeader .articleMeta a:hover {
    color: #fff;
  }
  .videoHeader .postThemes.top {
    display: none;
  }
  .videoHeader .postThemes.bottom {
    display: block;
    float: none;
    clear: none;
  }
  .videoHeader .postThemes.bottom h2 {
    display: block;
    color: #fff;
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
  }
  .videoHeader .postThemes.bottom ul li a:link,
  .videoHeader .postThemes.bottom ul li a:visited {
    background: #3d3d3d;
    color: #AFACAC;
  }
  .videoHeader .postThemes.bottom ul li a:hover {
    background: #222;
    color: #eee;
  }
  .videoHeader .postThemes.bottom:after {
    content: '';
    clear: both;
    display: table;
  }
  .videoHeader .articleSummary {
    font-size: 15px;
    line-height: 24px;
    color: #BABABA;
  }
  .videoHeader .articleSummary h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .videoHeader .articleSummary p {
    font-size: 15px;
    line-height: 24px;
    color: #BABABA;
    margin-top: 0;
  }
  .videoHeader .articleSummary p a {
    color: #BABABA;
  }
  .videoHeader .articleSummary p a:hover {
    color: #fff;
  }
  .videoHeader .articleCTA {
    clear: both;
    margin-bottom: 10px;
    padding-top: 0;
  }
  .audioHeader .articleSummaryTop {
    display: block;
  }
  .audioHeader .articleSummaryBottom {
    display: none;
  }
  .mainPanel.noTranscript > .container {
    display: none;
  }
  .mainPanel.noTranscript a.video.nextUp:link,
  .mainPanel.noTranscript a.video.nextUp:visited {
    position: relative;
  }
  .videoHeader {
    min-height: 84vh;
  }
  .videoHeader .videoThumbnail .videoThumbnailHolder {
    max-width: 100%;
  }
  .videoHeader .videoThumbnail .videoThumbnailHolder img {
    float: none;
  }
  /*********** Audio Stuff ***********
  *************************************/
  .videoHeader.audioHeader {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .videoHeader.audioHeader .audioThumbnailHolder {
    display: none;
  }
  .videoHeader.audioHeader .audioThumbnailBg {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover !important;
    opacity: 0.25;
  }
  .videoHeader.audioHeader .container {
    width: 80%;
  }
  .videoHeader.audioHeader .audioPlayer {
    max-width: 800px;
    margin-top: 50px;
  }
  .videoHeader.audioHeader .audioPlayer .mejs-container,
  .videoHeader.audioHeader .audioPlayer .mejs-container .mejs-controls,
  .videoHeader.audioHeader .audioPlayer .mejs-embed,
  .videoHeader.audioHeader .audioPlayer .mejs-embed body {
    background: transparent;
  }
  .audioHeader .audioTitle {
    background: none;
  }
  .audioHeader .audioTitle .audioTitleDetails {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
  }
}
@media only screen and (min-width: 880px) {
  .videoHeader.noTranscript .videoThumbnail .videoThumbnailHolder {
    max-width: 80%;
    margin-right: -10px;
  }
  .content #vertical_share {
    display: block;
    float: right;
    margin-right: -50px;
    width: 50px;
    min-height: 10px;
  }
  .content #vertical_share.sticky {
    position: fixed;
  }
  .mainPanel .container .content {
    padding-right: 80px;
    padding-left: 0;
  }
  .mainPanel .container .content #horizontal_share + p {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1030px) {
  .featureImage h1 {
    font-size: 44px;
    line-height: 48px;
    width: 990px;
    left: 50%;
    margin-left: -495px;
  }
  .videoHeader .videoThumbnail a {
    width: 35%;
  }
  .videoHeader .container {
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 65%;
  }
  .videoHeader .container h1 {
    font-size: 44px;
    line-height: 48px;
  }
  a.nextUp.video:link,
  a.nextUp.video:visited {
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .mainPanel {
    float: left;
    margin-left: 8%;
    width: 92%;
  }
  .mainPanel.video {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .mainPanel.youthResource {
    float: none;
    width: 100%;
  }
  .error404 .mainPanel {
    float: none;
    margin: 0 auto !important;
  }
  .featureImage h1 {
    left: 8%;
    margin-left: 0;
  }
  a.nextUp:link,
  a.nextUp:visited {
    padding-left: 0;
    padding-right: 0;
  }
  a.nextUp:link .container,
  a.nextUp:visited .container {
    float: left;
    margin-left: 8%;
    width: 990px;
  }
  a.nextUp:link h5,
  a.nextUp:visited h5,
  a.nextUp:link .nextUpExcerpt,
  a.nextUp:visited .nextUpExcerpt {
    padding-left: 25px;
  }
  a.nextUp:link.video .container,
  a.nextUp:visited.video .container {
    margin-left: 0;
  }
  .videoHeader .videoThumbnail .videoThumbnailHolder {
    margin-right: 0px;
  }
  .videoHeader .videoThumbnail a {
    width: 50%;
  }
  .videoHeader .videoThumbnail:after {
    background-position: 0 0 ;
    background-size: 100% auto;
  }
  .videoHeader .container {
    width: 45%;
    position: relative;
    left: 5%;
  }
  .videoHeader #vertical_share {
    display: block;
    float: left;
    margin-left: -48px;
    padding-top: 20px;
  }
}
.collectionPosts {
  padding-top: 10px;
}
.collectionPosts ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.collectionPosts .postList {
  height: 0;
  padding-top: 56.27%;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  background: #111;
}
.collectionPosts .postList .postListImage {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 101%;
  transition: all 0.4s ease;
  height: 101% !important;
  width: auto !important;
  object-fit: cover;
}
.collectionPosts .postList > a {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.collectionPosts .postList a {
  text-decoration: none;
}
.collectionPosts .postList .postDetails {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  z-index: 20;
  transition: position 0.4s ease;
}
.collectionPosts .postList .postDetails .content {
  height: 0;
  overflow: hidden;
  padding: 0;
  transition: height 0.4s ease;
  width: 100%;
  float: none;
  color: #fff;
}
.collectionPosts .postList .postDetails .content p {
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
.collectionPosts .postList .postDetails h2 {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  margin: 0 0 10px;
  text-transform: uppercase;
  padding-left: 0;
}
.collectionPosts .postList .postDetails h2 i {
  display: block;
  margin-bottom: 6px;
  transition: opacity 0.4s ease;
}
.collectionPosts .postList .postDetails .postMeta {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}
.collectionPosts .postList .postDetails .postMeta > div {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  margin-right: 10px;
  line-height: 24px;
}
.collectionPosts .postList .postDetails .postMeta > div i {
  font-size: 18px;
  margin-right: 2px;
  position: relative;
  top: 2px;
}
.collectionPosts .postList .postDetails .postMeta .articleType span {
  display: none;
}
.collectionPosts .postList .postDetails .postMeta .postAuthorAvatar,
.collectionPosts .postList .postDetails .postMeta .articleType {
  display: none;
}
.collectionPosts .postList .postDetails .postMeta .postAuthorAvatar img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: relative;
  top: 8px;
}
.collectionPosts .postList .addToList a {
  position: absolute;
  bottom: 5px;
  right: 17px;
  z-index: 10;
  color: #fff;
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
  display: none;
}
.collectionPosts .postList .addToList a i {
  font-size: 24px;
}
.collectionPosts .postList .addToList a span {
  display: none;
}
.collectionPosts .postList > a:hover {
  background: #4b52fa;
}
.collectionPosts .postList > a:hover .postListImage {
  opacity: 0.15;
  filter: grayscale(100%);
}
.collectionPosts .postList > a:hover h2 {
  color: #ffffff;
}
.collectionPosts .postList > a:hover h2 i {
  opacity: 0;
}
.collectionPosts .postList > a:hover .postMeta,
.collectionPosts .postList > a:hover .addToList a {
  height: 25px;
}
.collectionPosts .postList > a:hover .content {
  height: 48px;
}
.collectionPosts .postList > a:hover .content p {
  color: #fff;
}
.collectionPosts .postList.doco > a:hover {
  background: #f5d100;
}
.collectionPosts .postList.doco > a:hover h2,
.collectionPosts .postList.doco > a:hover p,
.collectionPosts .postList.doco > a:hover .postDetails .postMeta > div {
  color: #000b00;
}
.collectionPosts .postList.youthResource > a:hover {
  background: #FF005A;
}
.collectionPosts .postList.youthResource > a:hover h2,
.collectionPosts .postList.youthResource > a:hover p,
.collectionPosts .postList.youthResource > a:hover .postDetails .postMeta > div {
  color: #fff;
}
.collectionPosts .postList:hover .addToList a {
  height: 32px;
}
.collectionPosts .postList > a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(images/overlay.png) repeat-x bottom left;
  background-size: auto 100px;
}
.collectionPosts .postList a:hover:after {
  display: none;
}
.nav-below {
  clear: both;
  padding: 30px 15px;
  text-align: center;
}
.nav-below a {
  background: #f5d100;
  padding: 10px;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000b00;
  margin: 0 10px 10px;
  display: inline-block;
  font-weight: bold;
  font-family: quasimoda, Inter, sans-serif;
  transition: all 0.4s ease;
}
.nav-below a:hover {
  color: #fff;
  background: #333;
}
.nav-below .nav-previous a span {
  transform: rotate(180deg);
  display: inline-block;
}
a.cpxPathway {
  display: block;
  padding-top: 56.4%;
  height: 0;
  background: #272727;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  text-decoration: none;
}
a.cpxPathway .pathwayBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover !important;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: opacity 0.4s ease;
}
a.cpxPathway .cpxPathwayContent {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 0px;
}
a.cpxPathway .cpxPathwayContent p.topTitle {
  font-size: 18px;
  color: #4b52fa;
  font-family: quasimoda, Inter, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  transition: all 0.6s ease;
}
a.cpxPathway .cpxPathwayContent h3 {
  font-size: 24px;
  line-height: 1.1;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 1px;
  transition: all 0.6s ease;
}
a.cpxPathway .cpxPathwayContent .cpxPathwayDescription {
  max-height: 0;
  overflow: hidden;
  transition: all 0.6s ease;
}
a.cpxPathway .cpxPathwayContent .cpxPathwayDescription p {
  color: #000b00;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
a.cpxPathway span {
  position: absolute;
  top: 40px;
  right: 0;
  font-size: 14px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-family: quasimoda, Inter, sans-serif;
  font-weight: bold;
  background: #4b52fa;
  color: #fff;
}
a.cpxPathwaySublink {
  display: block;
  background: #4b52fa;
  padding: 10px;
  color: #fff;
  font-family: quasimoda, Inter, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.4s ease;
}
a.cpxPathwaySublink:hover {
  background: #222;
}
a[href].cpxPathway:hover {
  background: #4b52fa;
}
a[href].cpxPathway:hover .pathwayBg {
  opacity: 0.2;
}
a[href].cpxPathway:hover .cpxPathwayContent p.topTitle,
a[href].cpxPathway:hover .cpxPathwayContent h3,
a[href].cpxPathway:hover .cpxPathwayContent p {
  color: #fff;
}
a[href].cpxPathway:hover .cpxPathwayDescription {
  max-height: 300px;
}
.fl-module-cpx_bb_optin input[type="text"],
.fl-module-cpx_bb_main_optin input[type="text"],
.fl-module-cpx_bb_optin input[type="email"],
.fl-module-cpx_bb_main_optin input[type="email"] {
  font-size: 21px;
  line-height: 21px;
  padding: 10px;
  width: 100%;
  max-width: 480px;
  border: none;
  background: #fff;
  outline: none;
}
.fl-module-cpx_bb_optin button,
.fl-module-cpx_bb_main_optin button {
  font-size: 21px;
  line-height: 21px;
  padding: 10px;
  width: 100%;
  max-width: 480px;
  background: #FFDA3E;
  color: #333;
  font-family: quasimoda, Inter, sans-serif;
  border: none;
  transition: all 0.4s ease;
}
.fl-module-cpx_bb_optin button:hover,
.fl-module-cpx_bb_main_optin button:hover {
  background: #333;
  color: #fff;
}
.fl-module-cpx_bb_optin p,
.fl-module-cpx_bb_main_optin p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 21px;
  margin-top: 0;
}
.fl-module-cpx_bb_optin #subForm label,
.fl-module-cpx_bb_main_optin #subForm label,
.fl-module-cpx_bb_optin #subform-nonDoco label,
.fl-module-cpx_bb_main_optin #subform-nonDoco label,
.fl-module-cpx_bb_optin #subForm br,
.fl-module-cpx_bb_main_optin #subForm br,
.fl-module-cpx_bb_optin #subform-nonDoco br,
.fl-module-cpx_bb_main_optin #subform-nonDoco br {
  display: none;
}
.fl-module-cpx_bb_optin #subForm h3,
.fl-module-cpx_bb_main_optin #subForm h3,
.fl-module-cpx_bb_optin #subform-nonDoco h3,
.fl-module-cpx_bb_main_optin #subform-nonDoco h3 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.fl-module-cpx_bb_optin #subForm2,
.fl-module-cpx_bb_main_optin #subForm2 {
  display: none;
  background: #f5d100;
  padding: 10px 20px;
  margin-top: 23px;
}
.fl-module-cpx_bb_optin #subForm2 p,
.fl-module-cpx_bb_main_optin #subForm2 p,
.fl-module-cpx_bb_optin #subForm2 label,
.fl-module-cpx_bb_main_optin #subForm2 label {
  color: #000b00;
}
.fl-module-cpx_bb_optin #subForm2 p.small,
.fl-module-cpx_bb_main_optin #subForm2 p.small {
  font-size: 11px;
  opacity: 0.5;
  margin: -10px 0 0;
}
.fl-module-cpx_bb_optin #subForm2 button,
.fl-module-cpx_bb_main_optin #subForm2 button {
  color: #f5d100;
  background: #111;
}
.fl-module-cpx_bb_optin #subForm2 .email,
.fl-module-cpx_bb_main_optin #subForm2 .email {
  display: none;
}
.fl-module-cpx_bb_optin .optinMessage,
.fl-module-cpx_bb_main_optin .optinMessage {
  display: none;
  background: #000b00;
  padding: 20px;
  margin-top: 23px;
}
.fl-module-cpx_bb_optin .optinMessage p:last-child,
.fl-module-cpx_bb_main_optin .optinMessage p:last-child {
  margin: 0 0 0 60px;
}
.fl-module-cpx_bb_optin .optinMessage p,
.fl-module-cpx_bb_main_optin .optinMessage p {
  margin-left: 60px;
}
.fl-module-cpx_bb_optin .optinMessage > i,
.fl-module-cpx_bb_main_optin .optinMessage > i {
  color: #f5d100;
  float: left;
  margin: 0px 10px 0 0;
  font-size: 48px;
}
.fl-module-cpx_bb_optin .optinMessage .button,
.fl-module-cpx_bb_main_optin .optinMessage .button {
  display: block;
  background: #4b52fa;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  transition: font-size 0.4s ease;
}
.fl-module-cpx_bb_optin .optinMessage .button i,
.fl-module-cpx_bb_main_optin .optinMessage .button i {
  font-size: 22px;
  margin-right: 5px;
}
.fl-module-cpx_bb_optin .optinMessage .button:hover,
.fl-module-cpx_bb_main_optin .optinMessage .button:hover {
  font-size: 19.5px;
}
.collectionPosts.inTheMedia {
  max-width: 1440px;
}
.collectionPosts.inTheMedia .newsItem {
  margin-bottom: 20px;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.collectionPosts.inTheMedia .newsItem a {
  position: relative;
  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
  display: block;
  text-decoration: none;
  padding-bottom: 30px;
}
.collectionPosts.inTheMedia .newsItem .newsImage {
  height: 0;
  background: #4b52fa;
  padding-top: 56.129%;
  position: relative;
  overflow: hidden;
}
.collectionPosts.inTheMedia .newsItem .newsImage > img,
.collectionPosts.inTheMedia .newsItem .newsImage .postImage img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.collectionPosts.inTheMedia .newsItem .sourceLogo {
  width: 50px;
  height: auto;
  position: absolute;
  top: 0;
  right: 10px;
}
.collectionPosts.inTheMedia .newsItem .sourceLogo a {
  box-shadow: none;
  padding: 0;
}
.collectionPosts.inTheMedia .newsItem .sourceLogo img {
  max-width: 50px;
}
.collectionPosts.inTheMedia .newsItem a.editLink {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 10px;
  background: #fff;
  color: #666;
}
.collectionPosts.inTheMedia h2 {
  font-size: 18px;
  line-height: 22px;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 0 12px;
  font-weight: normal;
}
.collectionPosts.inTheMedia p.newsAuthor {
  padding: 0 14px;
  font-weight: normal;
  font-size: 12px;
  margin: -15px 0 5px;
  text-transform: uppercase;
  color: #90949c;
}
.collectionPosts.inTheMedia .newsSummary {
  font-size: 12px;
  line-height: 15px;
  color: #000b00;
  padding: 0 12px;
}
.collectionPosts.inTheMedia p.newsSource {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  font-size: 10px;
  line-height: 11px;
  text-transform: uppercase;
  color: #90949c;
  padding: 0 0 0 12px;
  margin: 0;
}
.collectionPosts.inTheMedia p.newsSource span {
  float: right;
  margin-right: 12px;
}
.load-more {
  clear: both;
  text-align: center;
  list-style: none;
}
.load-more span {
  display: inline-block;
  padding: 10px 0 10px 50px;
  font-size: 14px;
  line-height: 24px;
  color: #999;
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
  background: url(images/loading.gif) no-repeat top left;
  background-size: 60px auto;
}
@media only screen and (min-width: 480px) {
  .collectionPosts .postList .postDetails .content p {
    font-size: 15px;
    line-height: 20px;
  }
  .collectionPosts .postList .postDetails h2 {
    font-size: 21px;
    line-height: 24px;
  }
  a.cpxPathway .cpxPathwayContent p.topTitle {
    font-size: 20px;
  }
  a.cpxPathway .cpxPathwayContent h3 {
    font-size: 32px;
  }
  a.cpxPathway .cpxPathwayContent .cpxPathwayDescription p {
    font-size: 18px;
    line-height: 21px;
  }
}
.collectionPosts .postList > a:hover .content {
  height: 60px;
}
@media only screen and (min-width: 640px) {
  .collectionPosts {
    max-width: 100vw;
  }
  .collectionPosts .postList {
    background: none;
    padding-top: 26.27%;
    float: left !important;
  }
  .collectionPosts .postList > a {
    background: #111;
    left: 10px;
    right: 10px;
    overflow: hidden;
  }
  .collectionPosts.homeLatest {
    max-width: none;
  }
  .collectionPosts.homeLatest .container {
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
  }
  .collectionPosts.inTheMedia .newsItem a {
    height: 370px;
  }
}
@media only screen and (min-width: 760px) {
  .archive .collectionPosts {
    padding-top: 30px;
  }
  .archive .collectionPosts .column:last-child:not(:first-child),
  .archive .collectionPosts .columns:last-child:not(:first-child) {
    float: left;
  }
  .mainPanel .container .collectionPosts .content {
    width: 100%;
    float: none;
  }
}
@media only screen and (min-width: 1024px) {
  .collectionPosts .postList {
    padding-top: 17.6%;
  }
  .collectionPosts .postList:nth-child(4) {
    clear: both;
  }
  .collectionPosts .postCount-4 .postList:nth-child(4) {
    clear: none;
  }
  .collectionPosts .post4 {
    clear: left;
  }
  .collectionPosts .postList.large-6 {
    padding-top: 26.7%;
  }
  .collectionPosts .postList.featurePost {
    padding-top: 37.1%;
  }
  .collectionPosts .postList.featurePost a:after {
    background-size: auto 300px;
  }
  .collectionPosts .postList.featurePost h2 {
    font-size: 32px !important;
    line-height: 38px !important;
    margin-bottom: 10px;
  }
  .collectionPosts .postList.featurePost .content {
    height: 72px !important;
  }
  .collectionPosts .postList.featurePost .content p {
    font-size: 18px;
    line-height: 24px;
  }
  .collectionPosts .postList.featurePost .postListImage {
    max-width: 110%;
    width: 105%;
  }
  .collectionPosts .postList.featurePost.featurePostRight {
    float: right !important;
  }
  .archive .collectionPosts .postList:nth-child(3n+1) {
    clear: left;
  }
  a.cpxPathway .cpxPathwayContent {
    bottom: 30px;
    left: 30px;
    right: 30px;
  }
  a.cpxPathway .cpxPathwayContent p.topTitle {
    font-size: 21px;
  }
  a.cpxPathway .cpxPathwayContent h3 {
    font-size: 41px;
  }
  a.cpxPathway .cpxPathwayContent .cpxPathwayDescription p {
    font-size: 22px;
    line-height: 26px;
  }
}
/* Styles to reskin articles in the 'doco' section */
.rg_doco blockquote,
.term-doco blockquote,
.rg_ftlog blockquote,
.term-ftlog blockquote {
  border-top-color: #f5d100;
}
.rg_doco a.nextUp:link,
.term-doco a.nextUp:link,
.rg_ftlog a.nextUp:link,
.term-ftlog a.nextUp:link,
.rg_doco a.nextUp:visited,
.term-doco a.nextUp:visited,
.rg_ftlog a.nextUp:visited,
.term-ftlog a.nextUp:visited {
  background: #f5d100;
  color: #000b00;
}
.rg_doco a.nextUp:link h5,
.term-doco a.nextUp:link h5,
.rg_ftlog a.nextUp:link h5,
.term-ftlog a.nextUp:link h5,
.rg_doco a.nextUp:visited h5,
.term-doco a.nextUp:visited h5,
.rg_ftlog a.nextUp:visited h5,
.term-ftlog a.nextUp:visited h5,
.rg_doco a.nextUp:link p,
.term-doco a.nextUp:link p,
.rg_ftlog a.nextUp:link p,
.term-ftlog a.nextUp:link p,
.rg_doco a.nextUp:visited p,
.term-doco a.nextUp:visited p,
.rg_ftlog a.nextUp:visited p,
.term-ftlog a.nextUp:visited p {
  color: #000b00;
}
.rg_doco #menu ul li i,
.term-doco #menu ul li i,
.rg_ftlog #menu ul li i,
.term-ftlog #menu ul li i {
  background: #f5d100;
}
.rg_doco a.cpxPathway .cpxPathwayContent p.topTitle,
.term-doco a.cpxPathway .cpxPathwayContent p.topTitle,
.rg_ftlog a.cpxPathway .cpxPathwayContent p.topTitle,
.term-ftlog a.cpxPathway .cpxPathwayContent p.topTitle {
  color: #f5d100;
}
.rg_doco a.cpxPathwaySublink,
.term-doco a.cpxPathwaySublink,
.rg_ftlog a.cpxPathwaySublink,
.term-ftlog a.cpxPathwaySublink {
  background: #f5d100;
  color: #333;
  transition: all 0.4s ease;
}
.rg_doco a.cpxPathwaySublink:hover,
.term-doco a.cpxPathwaySublink:hover,
.rg_ftlog a.cpxPathwaySublink:hover,
.term-ftlog a.cpxPathwaySublink:hover {
  background: #222;
  color: #fff;
}
.rg_doco a[href].cpxPathway:hover,
.term-doco a[href].cpxPathway:hover,
.rg_ftlog a[href].cpxPathway:hover,
.term-ftlog a[href].cpxPathway:hover {
  background: #f5d100;
}
.rg_doco a[href].cpxPathway:hover .cpxPathwayContent p.topTitle,
.term-doco a[href].cpxPathway:hover .cpxPathwayContent p.topTitle,
.rg_ftlog a[href].cpxPathway:hover .cpxPathwayContent p.topTitle,
.term-ftlog a[href].cpxPathway:hover .cpxPathwayContent p.topTitle,
.rg_doco a[href].cpxPathway:hover .cpxPathwayContent h3,
.term-doco a[href].cpxPathway:hover .cpxPathwayContent h3,
.rg_ftlog a[href].cpxPathway:hover .cpxPathwayContent h3,
.term-ftlog a[href].cpxPathway:hover .cpxPathwayContent h3,
.rg_doco a[href].cpxPathway:hover .cpxPathwayContent p,
.term-doco a[href].cpxPathway:hover .cpxPathwayContent p,
.rg_ftlog a[href].cpxPathway:hover .cpxPathwayContent p,
.term-ftlog a[href].cpxPathway:hover .cpxPathwayContent p {
  color: #000b00;
}
.rg_doco a[href].cpxPathway:hover span,
.term-doco a[href].cpxPathway:hover span,
.rg_ftlog a[href].cpxPathway:hover span,
.term-ftlog a[href].cpxPathway:hover span {
  background: #f5d100;
  color: #000b00;
}
.rg_doco .collectionPosts .postList > a:hover,
.term-doco .collectionPosts .postList > a:hover,
.rg_ftlog .collectionPosts .postList > a:hover,
.term-ftlog .collectionPosts .postList > a:hover {
  background: #f5d100;
}
.rg_doco .collectionPosts .postList > a:hover h2,
.term-doco .collectionPosts .postList > a:hover h2,
.rg_ftlog .collectionPosts .postList > a:hover h2,
.term-ftlog .collectionPosts .postList > a:hover h2,
.rg_doco .collectionPosts .postList > a:hover .content p,
.term-doco .collectionPosts .postList > a:hover .content p,
.rg_ftlog .collectionPosts .postList > a:hover .content p,
.term-ftlog .collectionPosts .postList > a:hover .content p {
  color: #000b00;
}
.rg_doco .collectionPosts .postList .postDetails .postMeta > div,
.term-doco .collectionPosts .postList .postDetails .postMeta > div,
.rg_ftlog .collectionPosts .postList .postDetails .postMeta > div,
.term-ftlog .collectionPosts .postList .postDetails .postMeta > div {
  color: #000b00;
}
.docoBadge {
  margin: 10px 15px;
  width: 200px;
}
.docoBadge a {
  display: block;
}
.docoBadge img {
  display: block;
}
.docoBadge .docoEpisodeLink {
  background: #272722;
  padding: 5px 10px;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}
.sidebar .docoBadge {
  margin: 15px 0 20px 0;
}
@media only screen and (min-width: 760px) {
  .rg_doco #menu ul li a:hover,
  .term-doco #menu ul li a:hover,
  .rg_doco #menu ul li:hover a,
  .term-doco #menu ul li:hover a {
    border-bottom-color: #f5d100;
  }
  .rg_doco #menu ul li ul li a:hover,
  .term-doco #menu ul li ul li a:hover {
    color: #f5d100;
  }
  .rg_doco .videoHeader .videoThumbnail a:hover i,
  .term-doco .videoHeader .videoThumbnail a:hover i {
    color: #f5d100;
    border-color: #f5d100;
  }
  .docoBadge {
    margin: 15px 0 0 15px;
  }
  .audioHeader .docoBadge {
    margin-bottom: 15px;
  }
  .sidebar .docoBadge {
    margin-top: 0;
  }
}
#moreResults {
  display: none;
}
.featureImage.noFeatureImage h1 span {
  color: #4b52fa;
}
.blog .refineSearch,
.tax-media .refineSearch {
  padding-top: 0px;
}
.blog .refineSearch form,
.tax-media .refineSearch form {
  margin-bottom: 30px;
}
.refineSearch {
  position: relative;
  padding: 7px 15px 0;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.refineSearch form {
  position: relative;
}
.refineSearch form > ul {
  margin: 0;
  padding: 0;
}
.refineSearch form li.sf-field-taxonomy-media {
  padding-bottom: 0;
}
.refineSearch form li.sf-field-taxonomy-media ul {
  margin: 0;
  padding: 0;
}
.refineSearch form li.sf-field-taxonomy-media ul li {
  display: inline-block;
  margin-right: 15px;
  padding: 0;
}
.refineSearch form li.sf-field-taxonomy-media ul li input {
  margin-bottom: 3px;
}
.refineSearch form .sf-field-search {
  width: 100%;
}
.refineSearch form input[type="text"],
.refineSearch form input[type="search"] {
  font-size: 21px;
  padding: 10px;
  border: none;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #ccc;
}
.refineSearch form .screen-reader-text {
  display: none;
}
.refineSearch form .chosen-container .chosen-results li {
  font-size: 13px;
}
.refineSearch form .chosen-search {
  display: none;
}
.refineSearch form h4 {
  font-family: quasimoda, Inter, sans-serif;
  color: #999;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0px;
  padding-bottom: 0;
}
.refineSearch form input[type="checkbox"] + label {
  font-size: 13px;
}
.refineSearch form .chosen-container-single .chosen-single span {
  font-size: 13px;
}
.refineSearch.slim h2 {
  color: #FFF;
  text-transform: uppercase;
  margin: 0 0 0 10px;
}
.refineSearch.slim li.sf-field-search {
  max-width: 300px;
}
.refineSearch.slim li:first-child label {
  width: 100%;
}
.refineSearch.slim li:first-child label input {
  padding: 5px;
  border-radius: 3px;
  border: none;
  background: #fff;
  margin-bottom: 0;
  font-size: 18px;
}
.refineSearch.slim form .sf-field-submit input[type=submit] {
  margin: 0 0 0 1rem;
  padding: 5px 15px;
}
.fl-module-content .refineSearch.slim {
  margin-left: -25px;
}
.searchResults .resultsContainer {
  clear: both;
  margin-bottom: 50px;
  width: 100%;
  float: left;
}
.searchResults .resultsContainer ul {
  overflow: auto;
}
.searchResults .resultsContainer .pagination {
  clear: both;
  text-align: center;
}
.searchResults .resultsContainer .pagination .button {
  display: inline-block;
  margin: 0 5px;
}
.searchResults .resultsContainer .pagination .button a {
  background: #7283ef;
  transition: background 0.4s ease;
}
.searchResults .resultsContainer .pagination .button a:hover {
  background: #333;
}
.searchResults .noSearchResults h3,
.searchResults .noSearchResults p {
  text-align: center;
}
.searchResults h2 {
  color: #4b52fa;
  padding-left: 10px;
  color: #000b00;
  text-transform: uppercase;
}
.searchResults p.searchCount {
  font-size: 16px;
  padding-left: 10px;
  margin: -20px 0 20px 0;
  color: #777;
}
.searchResults p.searchCount span {
  color: #4b52fa;
}
.moreResultsLink,
.libraryLink,
.moreLink {
  clear: both;
  width: 100%;
  padding-left: 10px;
}
.moreResultsLink a,
.libraryLink a,
.moreLink a {
  background: #7283ef;
  color: #ffffff;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  padding: 10px 15px;
  transition: background 0.4s ease;
  text-transform: uppercase;
  font-size: 24px;
  width: auto !important;
  min-width: 1px;
}
.moreResultsLink a:hover,
.libraryLink a:hover,
.moreLink a:hover {
  background: #95989A;
  color: #ffffff;
}
ul#moreResults + p.moreResultsLink {
  display: none;
}
.featureImage.homeFeature {
  position: relative;
  margin-top: -73px;
  padding-top: 100px;
  background: #111;
}
.featureImage.homeFeature .audioThumbnailBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
  background-size: cover !important;
}
.featureImage.homeFeature .audioThumbnailBg.homeSmall {
  display: block;
}
.featureImage.homeFeature .homePlusMinus {
  position: relative;
  z-index: 20;
  padding: 0px 30px 20px;
  margin: 0 auto;
  max-width: 500px;
}
.featureImage.homeFeature h1 {
  color: #fff;
  position: relative;
  z-index: 20;
  font-size: 14px;
  line-height: 16px;
  margin: 0 auto 20px;
  text-align: center;
  bottom: 0;
}
.featureImage.homeFeature h2 {
  padding-top: 10px;
  font-size: 16px;
  text-transform: uppercase;
}
.featureImage.homeFeature form li {
  display: none;
}
.featureImage.homeFeature form li.sf-field-search,
.featureImage.homeFeature form li.sf-field-submit {
  display: block;
}
.featureImage.homeFeature .advancedSearchLink {
  display: inline-block;
  color: #999;
  margin-left: 15px;
  font-size: 13px;
  text-decoration: none;
  margin-bottom: 20px;
}
.featureImage.homeFeature .advancedSearchLink:hover {
  color: #444;
  text-decoration: underline;
}
.featureImage.homeFeature .resultsContainer {
  margin-bottom: 0;
}
.collectionPosts.homeLatest {
  padding: 0 20px;
  text-align: left;
  background: #4b52fa;
  clear: both;
  margin-top: 0;
  margin-bottom: 0;
}
.collectionPosts.homeLatest h1,
.collectionPosts.homeLatest h2 {
  color: #fff;
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
}
.collectionPosts.homeLatest .postList > a:hover {
  background: #7283ef;
}
.collectionPosts.homeLatest .postList > a:hover h1,
.collectionPosts.homeLatest .postList > a:hover h2 {
  color: #fff;
}
.collectionPosts.homeLatest .featurePosts .separator {
  background-color: white;
}
.collectionPosts.inTheMedia h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}
.home .searchResults .resultsContainer {
  margin-bottom: 0;
}
.homePathways {
  clear: both;
  position: relative;
  z-index: 20;
  padding-top: 20px;
  width: 290px;
  margin: 0 auto;
}
.homePathways .homePathway a {
  display: block;
  margin: 0 auto 30px;
  clear: both;
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease;
  padding-bottom: 5px;
  border-width: 0 0 8px 0;
  border-color: transparent;
  border-style: solid;
}
.homePathways .homePathway a .pathwayIcon {
  width: 60px;
  height: 60px;
  font-size: 48px;
  float: left;
  dispay: inline-block;
}
.homePathways .homePathway a .topLine,
.homePathways .homePathway a .bottomLine {
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.homePathways .homePathway a .topLine {
  padding-top: 7px;
}
.homePathways .homePathway a .bottomLine {
  font-size: 26px;
}
.homePathways .homePathway a:hover {
  border-color: #7283ef;
  border-style: solid;
  color: #FFF;
}
.homeFeature .homeLatest h1 {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  margin: 0 15px;
  padding: 0;
}
#postnav {
  text-align: center;
  margin: 2rem 0;
}
#postnav .postnav-inner {
  display: inline-block;
}
@media only screen and (min-width: 600px) {
  .refineSearch form > ul > li {
    width: 50%;
    float: left;
  }
  .home .refineSearch form > ul > li {
    width: 100%;
    float: none;
  }
}
/* RJ Lecture Panel */
.row.ftlogBanner {
  background: #333;
  max-width: 100%;
  padding: 0;
}
.row.ftlogBanner a {
  display: block;
  text-align: center;
  transition: background 0.4s ease;
  text-decoration: none;
  padding: 15px;
  color: #fff;
}
.row.ftlogBanner a .container {
  margin: 0 auto;
}
.row.ftlogBanner a .container h2 {
  text-transform: uppercase;
  color: #7283ef;
  font-weight: bold;
  font-size: 30px;
  line-height: 32px;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 15px;
  margin-top: 0;
}
.row.ftlogBanner a .container h2 img {
  max-width: 450px;
  margin: 0 auto;
}
.row.ftlogBanner a .container h2 span {
  display: block;
  text-transform: none;
  font-size: 18px;
  line-height: 23px;
  padding-top: 5px;
}
.row.ftlogBanner a .container h2:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 8px;
  left: 50%;
  width: 150px;
  height: 1px;
  background: #fff;
  margin-left: -75px;
}
.row.ftlogBanner a .container h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  margin: 0;
}
.row.ftlogBanner a .container h4 {
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  color: #f5d100;
}
.row.ftlogBanner a:hover {
  background: #111;
}
@media only screen and (min-width: 600px) {
  .homeLatest .postList {
    width: 33.333%;
  }
}
@media only screen and (min-width: 760px) {
  .refineSearch form {
    padding: 0 10px;
  }
  .featureImage.homeFeature {
    max-height: 10000px;
    padding-bottom: 1px;
  }
  .featureImage.homeFeature img {
    display: block;
  }
  .featureImage.homeFeature:after {
    background: #000;
    opacity: 0.1;
  }
  .homeFeature.featureImage {
    min-height: 400px;
    min-height: 65vh;
    padding-top: 140px;
  }
  .homeFeature.featureImage .container {
    position: relative;
    z-index: 10;
  }
  .homeFeature.featureImage .container > h2 {
    color: #fff;
    margin-left: 30px;
  }
  .homeFeature.featureImage .homePlusMinus {
    padding-top: 80px;
  }
  h2 {
    color: #333;
  }
  .homePathways {
    position: relative;
    z-index: 10;
    padding-top: 50px;
    width: auto;
  }
  .homePathways .homePathway {
    width: 33.333%;
    float: left;
    margin-bottom: 0;
  }
  .homePathways .homePathway a {
    color: #fff;
    transition: color 0.4s ease;
  }
  .homePathways .homePathway a:hover {
    color: #FFF;
  }
  .homePathways .homePathway.homePathwayPodcast {
    width: 20%;
    padding-left: 10px;
  }
  .homePathways .homePathway.homePathwayDoco {
    width: 39%;
  }
  .homePathways .homePathway.homePathwaySearch {
    width: 25.666%;
  }
  .homePathways:after {
    clear: both;
    content: '';
    display: table;
  }
  .featurePosts {
    background: #4b52fa;
    padding: 30px 15px 15px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
  }
  .featurePosts .postList {
    padding-top: 17.27%;
  }
  .homeLatest.collectionPosts {
    margin: 0;
    padding: 0;
  }
  .homeLatest.collectionPosts h2 {
    margin: 15px 10px 10px;
  }
  .homeLatest.collectionPosts .featurePosts {
    padding: 0;
    padding-bottom: 2rem;
  }
  .resultsContainer p.searchCount {
    margin-top: -30px;
  }
  .featureImage.searchHeader h1 {
    top: auto;
  }
}
@media only screen and (min-width: 900px) {
  .searchHeader.featureImage.homeFeature h1 {
    margin-top: 65px;
    font-size: 20px;
    line-height: 24px;
    padding: 0;
  }
  .featureImage.homeFeature .advancedSearchLink {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: 165px;
    color: #eee;
  }
  .featureImage.homeFeature .advancedSearchLink:hover {
    color: #fff;
  }
  .homeFeature.featureImage {
    min-height: 400px;
    min-height: 65vh;
    padding-top: 140px;
  }
  .row.ftlogBanner {
    float: left;
    width: 100%;
  }
  .row.ftlogBanner a {
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .row.ftlogBanner a .container h2 {
    float: left;
    width: 45%;
    margin-bottom: 0;
  }
  .row.ftlogBanner a .container h2 img {
    max-width: 600px;
    width: 100%;
  }
  .row.ftlogBanner a .container h2 span {
    max-width: 450px;
    margin: -10px auto 0;
    font-size: 24px;
  }
  .row.ftlogBanner a .container h2:after {
    display: none;
  }
  .row.ftlogBanner a .ftlogBannerTickets {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45%;
    float: right;
    /*height: 200px;*/
  }
  .row.ftlogBanner a .ftlogBannerTickets h3 {
    font-size: 32px;
  }
  .row.ftlogBanner a .ftlogBannerTickets h4 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1000px) {
  .resultsContainer h2 {
    font-size: 42px;
    line-height: 48px;
  }
  .featureImage.searchHeader h1 {
    bottom: 200px;
  }
  .homeFeature.featureImage h1 {
    left: auto;
    margin-left: auto;
  }
  .searchHeader.featureImage.homeFeature h1 {
    width: 45%;
    margin-bottom: 20px;
  }
  .search .searchHeader .refineSearch,
  .blog .searchHeader .refineSearch,
  .tax-media .searchHeader .refineSearch {
    position: absolute;
    width: 990px;
    left: 50%;
    margin-left: -485px;
    bottom: 10px;
    z-index: 20;
  }
  .search .searchHeader .refineSearch form,
  .blog .searchHeader .refineSearch form,
  .tax-media .searchHeader .refineSearch form {
    padding: 0;
    margin-bottom: 5px;
  }
  .search .searchHeader .refineSearch form ul > li,
  .blog .searchHeader .refineSearch form ul > li,
  .tax-media .searchHeader .refineSearch form ul > li {
    float: none;
    display: inline-block;
    margin-right: 15px;
    width: auto;
  }
  .search .searchHeader .refineSearch form ul > li select,
  .blog .searchHeader .refineSearch form ul > li select,
  .tax-media .searchHeader .refineSearch form ul > li select {
    width: 170px;
    min-width: 170px;
  }
  .search .searchHeader .refineSearch form ul > li .chosen-results li,
  .blog .searchHeader .refineSearch form ul > li .chosen-results li,
  .tax-media .searchHeader .refineSearch form ul > li .chosen-results li {
    margin-right: 0;
    display: block;
  }
  .search .searchHeader .refineSearch form ul > li h4,
  .blog .searchHeader .refineSearch form ul > li h4,
  .tax-media .searchHeader .refineSearch form ul > li h4 {
    color: #fff;
  }
  .search .searchHeader .refineSearch form ul > li input[type="text"],
  .blog .searchHeader .refineSearch form ul > li input[type="text"],
  .tax-media .searchHeader .refineSearch form ul > li input[type="text"] {
    font-size: 14px;
    line-height: 24px;
    padding: 5px;
    margin-bottom: 0;
    color: #333;
  }
  .search .searchHeader .refineSearch form ul > li input[type="checkbox"] + label,
  .blog .searchHeader .refineSearch form ul > li input[type="checkbox"] + label,
  .tax-media .searchHeader .refineSearch form ul > li input[type="checkbox"] + label {
    color: #eee;
  }
  .search .searchHeader .refineSearch form ul > li .select2-container--default .select2-selection--single .select2-selection__rendered,
  .blog .searchHeader .refineSearch form ul > li .select2-container--default .select2-selection--single .select2-selection__rendered,
  .tax-media .searchHeader .refineSearch form ul > li .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
  }
  .select2-container--default li {
    font-size: 12px;
    padding: 2px 6px;
  }
  .homeFeature.featureImage .homePlusMinus {
    margin-bottom: 50px;
    padding-top: 100px;
  }
  .search .searchHeader .refineSearch,
  .blog .searchHeader .refineSearch,
  .tax-media .searchHeader .refineSearch {
    padding-left: 0;
    margin-bottom: 0;
  }
  .search .searchHeader .refineSearch form ul > li.sf-field-search,
  .blog .searchHeader .refineSearch form ul > li.sf-field-search,
  .tax-media .searchHeader .refineSearch form ul > li.sf-field-search {
    width: 100%;
    display: block;
  }
  .search .searchHeader .refineSearch form ul > li.sf-field-search input,
  .blog .searchHeader .refineSearch form ul > li.sf-field-search input,
  .tax-media .searchHeader .refineSearch form ul > li.sf-field-search input {
    width: 500px;
  }
  .search .searchHeader .refineSearch form ul > li.sf-field-submit,
  .blog .searchHeader .refineSearch form ul > li.sf-field-submit,
  .tax-media .searchHeader .refineSearch form ul > li.sf-field-submit {
    padding-top: 0;
  }
  .search .searchHeader .refineSearch form ul > li.sf-field-submit input,
  .blog .searchHeader .refineSearch form ul > li.sf-field-submit input,
  .tax-media .searchHeader .refineSearch form ul > li.sf-field-submit input {
    margin-top: 0;
  }
  .homeFeature.featureImage {
    padding-top: 150px;
  }
  .homeFeature.featureImage .container > h2 {
    padding-left: 30px;
  }
  .homeFeature.featureImage .homePathways {
    position: relative;
  }
  .homeFeature.featureImage .homePathways .homePathway.homePathwaySearch {
    width: 190px;
    float: right;
    margin-right: 30px;
  }
  .homeFeature.featureImage .homePathways .homePathway.homePathwayPodcast {
    width: 20%;
    padding-left: 30px;
  }
  .homeFeature.featureImage .homePathways .homePathway.homePathwayDoco {
    width: 285px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -142px;
  }
  .homeFeature.featureImage .featurePosts ul,
  .homeFeature.featureImage .container h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}
@media only screen and (min-width: 1200px) {
  .searchHeader.featureImage.homeFeature h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 50px;
    margin-top: 110px;
    width: 50%;
  }
  .searchHeader.featureImage.homeFeature h2 {
    font-size: 18px;
  }
  .search .searchHeader .refineSearch,
  .blog .searchHeader .refineSearch,
  .tax-media .searchHeader .refineSearch {
    position: absolute;
    width: 1150px;
    left: 8%;
    margin-left: 0;
  }
  .search .searchHeader .refineSearch form ul > li,
  .blog .searchHeader .refineSearch form ul > li,
  .tax-media .searchHeader .refineSearch form ul > li {
    float: none;
    display: inline-block;
    margin-right: 25px;
    width: auto;
  }
  .search .searchHeader .refineSearch,
  .blog .searchHeader .refineSearch,
  .tax-media .searchHeader .refineSearch {
    padding-left: 20px;
  }
  .featureImage.homeFeature {
    padding-top: 200px;
    min-height: 50vh;
  }
  .featureImage.homeFeature .container > h2 {
    padding-left: 15px;
  }
  .featureImage.homeFeature .homePathways {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .featureImage.homeFeature .homePathways .homePathway.homePathwayPodcast {
    margin-left: 15px;
    padding-left: 0;
  }
  .featureImage.homeFeature .homePathways .homePathway.homePathwaySearch {
    margin-right: 15px;
  }
  .row.ftlogBanner a .ftlogBannerTickets {
    position: relative;
    left: -150px;
  }
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Include Styles from Plugins  ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #999;
}
.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(chosen-sprite.png) 0 2px no-repeat;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type=text] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url(chosen-sprite.png) 100% -20px no-repeat;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: 700;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
  background-image: -o-linear-gradient(#eee 1%, #fff 15%);
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  outline: 0;
  border: 0!important;
  background: 0 0!important;
  box-shadow: none;
  font-size: 100%;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eee;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
  background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
  background-image: -o-linear-gradient(#eee 20%, #fff 80%);
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: 0 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl .chosen-drop,
.chosen-rtl.chosen-container-single-nosearch .chosen-search {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  background: url(chosen-sprite.png) -30px -20px no-repeat;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span,
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container-single .chosen-search input[type=text],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-rtl .chosen-search input[type=text] {
    background-image: url(chosen-sprite@2x.png) !important;
    background-size: 52px 37px!important;
    background-repeat: no-repeat !important;
  }
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0!important;
  clip: rect(0 0 0 0) !important;
  height: 1px!important;
  margin: -1px !important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  width: 1px !important;
}
.select2-container--classic .select2-results > .select2-results__options,
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #000;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: 0 0;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: #fff;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: 0 0;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888;
  border-width: 0 4px 5px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
.searchandfilter-date-picker .ui-helper-hidden {
  display: none;
}
.searchandfilter-date-picker .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.searchandfilter-date-picker .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.searchandfilter-date-picker .ui-helper-clearfix:after,
.searchandfilter-date-picker .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}
.searchandfilter-date-picker .ui-helper-clearfix:after {
  clear: both;
}
.searchandfilter-date-picker .ui-helper-clearfix {
  min-height: 0;
}
.searchandfilter-date-picker .ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.searchandfilter-date-picker .ui-front {
  z-index: 100;
}
.searchandfilter-date-picker .ui-state-disabled {
  cursor: default !important;
}
.searchandfilter-date-picker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.searchandfilter-date-picker .ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.searchandfilter-date-picker .ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,
.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.searchandfilter-date-picker .ui-icon {
  width: 16px;
  height: 16px;
  background-position: 16px 16px;
}
.searchandfilter-date-picker .ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.searchandfilter-date-picker .ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}
.searchandfilter-date-picker .ui-datepicker td {
  border: 0;
  padding: 1px;
}
.searchandfilter-date-picker .ui-datepicker td a,
.searchandfilter-date-picker .ui-datepicker td span {
  display: block;
  text-align: center;
  text-decoration: none;
}
.searchandfilter-date-picker .ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ll-skin-melon .ui-datepicker {
  padding: 0;
}
.ll-skin-melon .ui-datepicker-header {
  border: none;
  background: 0 0;
  font-weight: 400;
  font-size: 15px;
}
.ll-skin-melon .ui-datepicker-header .ui-state-hover {
  background: 0 0;
  border-color: transparent;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-title {
  margin-top: 0.4em;
  margin-bottom: 0.3em;
  color: #e9f0f4;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-next,
.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
  top: 0.9em;
  border: none;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-next span,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
  background-image: url(../img/ui-icons_ffffff_256x240.png);
  background-position: -32px 0;
  margin-top: 0;
  top: 0;
  font-weight: 400;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
  background-position: -96px 0;
}
.ll-skin-melon .ui-datepicker table {
  margin: 0;
}
.ll-skin-melon .ui-datepicker th {
  padding: 1em 0;
  color: #ccc;
  font-size: 13px;
  font-weight: 400;
  border: none;
  border-top: 1px solid #3a414d;
}
.ll-skin-melon .ui-state-disabled {
  opacity: 1;
}
.searchandfilter .disabled,
.searchandfilter.search-filter-disabled .noUi-connect {
  opacity: 0.7;
}
.ll-skin-melon .ui-state-disabled .ui-state-default {
  color: #fba49e;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 2px;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  z-index: 10;
}
.noUi-stacking + .noUi-origin {
  *z-index: -1;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
.noUi-vertical.noUi-extended {
  padding: 15px 0;
}
.noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px;
}
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}
.noUi-dragable {
  cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
[disabled] .noUi-connect,
[disabled].noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.noUi-state-blocked .noUi-connect,
.noUi-state-blocked.noUi-connect {
  background: #4FDACF;
}
.searchandfilter p {
  margin-top: 1em;
  display: block;
}
.searchandfilter ul {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}
.searchandfilter ul li {
  list-style: none;
  display: block;
  padding-right: 10px;
  padding: 10px 0;
  margin: 0;
}
.searchandfilter ul li li {
  padding: 5px 0;
}
.searchandfilter ul li ul li ul {
  margin-left: 20px;
}
.searchandfilter label {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.searchandfilter > ul > li[data-sf-combobox="1"] label {
  display: block;
}
.searchandfilter li[data-sf-field-input-type=checkbox] label,
.searchandfilter li[data-sf-field-input-type=radio] label,
.searchandfilter li[data-sf-field-input-type=range-radio] label,
.searchandfilter li[data-sf-field-input-type=range-checkbox] label {
  padding-left: 10px;
}
.searchandfilter .sf-date-prefix {
  padding-right: 5px;
  display: inline-block;
}
.searchandfilter .sf-count,
.searchandfilter .sf-date-postfix {
  padding-left: 5px;
  display: inline-block;
}
.searchandfilter .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute!important;
  width: 1px;
}
.searchandfilter h4 {
  margin: 0;
  padding: 5px 0 10px;
  font-size: 16px;
}
.searchandfilter .sf-range-max,
.searchandfilter .sf-range-min {
  max-width: 80px;
}
.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,
.searchandfilter .sf-meta-range-radio-fromto .sf-range-min {
  display: inline-block;
  vertical-align: middle;
}
.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator {
  vertical-align: middle;
  display: inline-block;
  margin: 0 15px;
}
.searchandfilter .datepicker {
  max-width: 170px;
}
.searchandfilter select.sf-input-select {
  min-width: 170px;
}
.searchandfilter select.sf-range-max.sf-input-select,
.searchandfilter select.sf-range-min.sf-input-select {
  min-width: auto;
}
.searchandfilter ul > li > ul:not(.children) {
  margin-left: 0;
}
.searchandfilter .meta-slider {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 15px;
  max-width: 220px;
}
.searchandfilter .noUi-connect {
  background-color: #526E91;
}
.searchandfilter .noUi-horizontal.noUi-extended {
  padding: 0 10px;
}
.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin {
  right: -10px;
}
.searchandfilter .noUi-handle {
  border-color: #ccc;
}
.searchandfilter .noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  top: -5px;
  border-radius: 20px;
  left: -12px;
}
.searchandfilter .noUi-horizontal .noUi-handle:after,
.searchandfilter .noUi-horizontal .noUi-handle:before {
  height: 9px;
  top: 7px;
}
.searchandfilter .noUi-horizontal .noUi-handle:before {
  left: 9px;
}
.searchandfilter .noUi-horizontal .noUi-handle:after {
  left: 12px;
}
.search-filter-scroll-loading {
  display: block;
  margin: 20px 10px 10px;
  height: 30px;
  width: 30px;
  animation: search-filter-loader-rotate 0.7s infinite linear;
  border: 5px solid rgba(0, 0, 0, 0.15);
  border-right-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}
@keyframes search-filter-loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ll-skin-melon {
  font-size: 90%;
}
.ll-skin-melon .ui-datepicker td {
  background: #f7f7f7;
  border: none;
  padding: 0;
}
.ll-skin-melon .ui-datepicker th {
  border-color: #4D6077;
}
.ll-skin-melon .ui-widget {
  font-family: inherit;
  background: #526E91;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.searchandfilter.horizontal ul > li {
  display: inline-block;
  padding-right: 10px;
}
.searchandfilter.horizontal ul > li li {
  display: block;
}
.ll-skin-melon td .ui-state-default {
  background: 0 0;
  border: none;
  text-align: center;
  padding: 0.3em;
  margin: 0;
  font-weight: 400;
  color: #6C88AC;
  font-size: 14px;
}
.ll-skin-melon td .ui-state-active {
  background: #526E91;
  color: #fff;
}
.ll-skin-melon td .ui-state-hover {
  background: #C4D6EC;
}
.searchandfilter li.hide,
.searchandfilter select option.hide {
  display: none;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  height: auto;
  padding: 5px;
  color: #666;
  font-family: inherit;
}
.chosen-container {
  font-size: 14px;
}
.chosen-container-single .chosen-single {
  height: auto;
}
.chosen-container-multi .chosen-choices li.search-choice {
  margin: 3px 3px 3px 5px;
}
.search-filter-results .sf-active {
  font-weight: 700;
}
.search-filter-results .sf-disabled {
  opacity: 0.5;
}
/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.fa-xs {
  font-size: 0.75em;
}
.fa-sm {
  font-size: 0.875em;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none;
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}
.fa-accessible-icon:before {
  content: "\f368";
}
.fa-accusoft:before {
  content: "\f369";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-card:before {
  content: "\f2bb";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-adn:before {
  content: "\f170";
}
.fa-adversal:before {
  content: "\f36a";
}
.fa-affiliatetheme:before {
  content: "\f36b";
}
.fa-algolia:before {
  content: "\f36c";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-allergies:before {
  content: "\f461";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-amazon-pay:before {
  content: "\f42c";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-amilia:before {
  content: "\f36d";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-android:before {
  content: "\f17b";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angrycreative:before {
  content: "\f36e";
}
.fa-angular:before {
  content: "\f420";
}
.fa-app-store:before {
  content: "\f36f";
}
.fa-app-store-ios:before {
  content: "\f370";
}
.fa-apper:before {
  content: "\f371";
}
.fa-apple:before {
  content: "\f179";
}
.fa-apple-pay:before {
  content: "\f415";
}
.fa-archive:before {
  content: "\f187";
}
.fa-arrow-alt-circle-down:before {
  content: "\f358";
}
.fa-arrow-alt-circle-left:before {
  content: "\f359";
}
.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-arrows-alt-h:before {
  content: "\f337";
}
.fa-arrows-alt-v:before {
  content: "\f338";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-asymmetrik:before {
  content: "\f372";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-audible:before {
  content: "\f373";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-autoprefixer:before {
  content: "\f41c";
}
.fa-avianex:before {
  content: "\f374";
}
.fa-aviato:before {
  content: "\f421";
}
.fa-aws:before {
  content: "\f375";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-band-aid:before {
  content: "\f462";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-baseball-ball:before {
  content: "\f433";
}
.fa-basketball-ball:before {
  content: "\f434";
}
.fa-bath:before {
  content: "\f2cd";
}
.fa-battery-empty:before {
  content: "\f244";
}
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-bed:before {
  content: "\f236";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bimobject:before {
  content: "\f378";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitcoin:before {
  content: "\f379";
}
.fa-bity:before {
  content: "\f37a";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-blackberry:before {
  content: "\f37b";
}
.fa-blender:before {
  content: "\f517";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-blogger:before {
  content: "\f37c";
}
.fa-blogger-b:before {
  content: "\f37d";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-bold:before {
  content: "\f032";
}
.fa-bolt:before {
  content: "\f0e7";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-book:before {
  content: "\f02d";
}
.fa-book-open:before {
  content: "\f518";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-bowling-ball:before {
  content: "\f436";
}
.fa-box:before {
  content: "\f466";
}
.fa-box-open:before {
  content: "\f49e";
}
.fa-boxes:before {
  content: "\f468";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-briefcase-medical:before {
  content: "\f469";
}
.fa-broadcast-tower:before {
  content: "\f519";
}
.fa-broom:before {
  content: "\f51a";
}
.fa-btc:before {
  content: "\f15a";
}
.fa-bug:before {
  content: "\f188";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-burn:before {
  content: "\f46a";
}
.fa-buromobelexperte:before {
  content: "\f37f";
}
.fa-bus:before {
  content: "\f207";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-calendar:before {
  content: "\f133";
}
.fa-calendar-alt:before {
  content: "\f073";
}
.fa-calendar-check:before {
  content: "\f274";
}
.fa-calendar-minus:before {
  content: "\f272";
}
.fa-calendar-plus:before {
  content: "\f271";
}
.fa-calendar-times:before {
  content: "\f273";
}
.fa-camera:before {
  content: "\f030";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-capsules:before {
  content: "\f46b";
}
.fa-car:before {
  content: "\f1b9";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-caret-square-down:before {
  content: "\f150";
}
.fa-caret-square-left:before {
  content: "\f191";
}
.fa-caret-square-right:before {
  content: "\f152";
}
.fa-caret-square-up:before {
  content: "\f151";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cc-amazon-pay:before {
  content: "\f42d";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-apple-pay:before {
  content: "\f416";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-centercode:before {
  content: "\f380";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-chalkboard:before {
  content: "\f51b";
}
.fa-chalkboard-teacher:before {
  content: "\f51c";
}
.fa-chart-area:before {
  content: "\f1fe";
}
.fa-chart-bar:before {
  content: "\f080";
}
.fa-chart-line:before {
  content: "\f201";
}
.fa-chart-pie:before {
  content: "\f200";
}
.fa-check:before {
  content: "\f00c";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-chess:before {
  content: "\f439";
}
.fa-chess-bishop:before {
  content: "\f43a";
}
.fa-chess-board:before {
  content: "\f43c";
}
.fa-chess-king:before {
  content: "\f43f";
}
.fa-chess-knight:before {
  content: "\f441";
}
.fa-chess-pawn:before {
  content: "\f443";
}
.fa-chess-queen:before {
  content: "\f445";
}
.fa-chess-rook:before {
  content: "\f447";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-church:before {
  content: "\f51d";
}
.fa-circle:before {
  content: "\f111";
}
.fa-circle-notch:before {
  content: "\f1ce";
}
.fa-clipboard:before {
  content: "\f328";
}
.fa-clipboard-check:before {
  content: "\f46c";
}
.fa-clipboard-list:before {
  content: "\f46d";
}
.fa-clock:before {
  content: "\f017";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-closed-captioning:before {
  content: "\f20a";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-cloud-download-alt:before {
  content: "\f381";
}
.fa-cloud-upload-alt:before {
  content: "\f382";
}
.fa-cloudscale:before {
  content: "\f383";
}
.fa-cloudsmith:before {
  content: "\f384";
}
.fa-cloudversify:before {
  content: "\f385";
}
.fa-code:before {
  content: "\f121";
}
.fa-code-branch:before {
  content: "\f126";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cog:before {
  content: "\f013";
}
.fa-cogs:before {
  content: "\f085";
}
.fa-coins:before {
  content: "\f51e";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-comment:before {
  content: "\f075";
}
.fa-comment-alt:before {
  content: "\f27a";
}
.fa-comment-dots:before {
  content: "\f4ad";
}
.fa-comment-slash:before {
  content: "\f4b3";
}
.fa-comments:before {
  content: "\f086";
}
.fa-compact-disc:before {
  content: "\f51f";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-compress:before {
  content: "\f066";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-copy:before {
  content: "\f0c5";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-couch:before {
  content: "\f4b8";
}
.fa-cpanel:before {
  content: "\f388";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-creative-commons-by:before {
  content: "\f4e7";
}
.fa-creative-commons-nc:before {
  content: "\f4e8";
}
.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}
.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}
.fa-creative-commons-nd:before {
  content: "\f4eb";
}
.fa-creative-commons-pd:before {
  content: "\f4ec";
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.fa-creative-commons-remix:before {
  content: "\f4ee";
}
.fa-creative-commons-sa:before {
  content: "\f4ef";
}
.fa-creative-commons-sampling:before {
  content: "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
.fa-creative-commons-share:before {
  content: "\f4f2";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-crop:before {
  content: "\f125";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-crow:before {
  content: "\f520";
}
.fa-crown:before {
  content: "\f521";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-css3-alt:before {
  content: "\f38b";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-cut:before {
  content: "\f0c4";
}
.fa-cuttlefish:before {
  content: "\f38c";
}
.fa-d-and-d:before {
  content: "\f38d";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-deaf:before {
  content: "\f2a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-deploydog:before {
  content: "\f38e";
}
.fa-deskpro:before {
  content: "\f38f";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-diagnoses:before {
  content: "\f470";
}
.fa-dice:before {
  content: "\f522";
}
.fa-dice-five:before {
  content: "\f523";
}
.fa-dice-four:before {
  content: "\f524";
}
.fa-dice-one:before {
  content: "\f525";
}
.fa-dice-six:before {
  content: "\f526";
}
.fa-dice-three:before {
  content: "\f527";
}
.fa-dice-two:before {
  content: "\f528";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-digital-ocean:before {
  content: "\f391";
}
.fa-discord:before {
  content: "\f392";
}
.fa-discourse:before {
  content: "\f393";
}
.fa-divide:before {
  content: "\f529";
}
.fa-dna:before {
  content: "\f471";
}
.fa-dochub:before {
  content: "\f394";
}
.fa-docker:before {
  content: "\f395";
}
.fa-dollar-sign:before {
  content: "\f155";
}
.fa-dolly:before {
  content: "\f472";
}
.fa-dolly-flatbed:before {
  content: "\f474";
}
.fa-donate:before {
  content: "\f4b9";
}
.fa-door-closed:before {
  content: "\f52a";
}
.fa-door-open:before {
  content: "\f52b";
}
.fa-dot-circle:before {
  content: "\f192";
}
.fa-dove:before {
  content: "\f4ba";
}
.fa-download:before {
  content: "\f019";
}
.fa-draft2digital:before {
  content: "\f396";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-dribbble-square:before {
  content: "\f397";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-dumbbell:before {
  content: "\f44b";
}
.fa-dyalog:before {
  content: "\f399";
}
.fa-earlybirds:before {
  content: "\f39a";
}
.fa-ebay:before {
  content: "\f4f4";
}
.fa-edge:before {
  content: "\f282";
}
.fa-edit:before {
  content: "\f044";
}
.fa-eject:before {
  content: "\f052";
}
.fa-elementor:before {
  content: "\f430";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-ember:before {
  content: "\f423";
}
.fa-empire:before {
  content: "\f1d1";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-envira:before {
  content: "\f299";
}
.fa-equals:before {
  content: "\f52c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-erlang:before {
  content: "\f39d";
}
.fa-ethereum:before {
  content: "\f42e";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-euro-sign:before {
  content: "\f153";
}
.fa-exchange-alt:before {
  content: "\f362";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-expand:before {
  content: "\f065";
}
.fa-expand-arrows-alt:before {
  content: "\f31e";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-external-link-alt:before {
  content: "\f35d";
}
.fa-external-link-square-alt:before {
  content: "\f360";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-dropper:before {
  content: "\f1fb";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-facebook-messenger:before {
  content: "\f39f";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-feather:before {
  content: "\f52d";
}
.fa-female:before {
  content: "\f182";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-alt:before {
  content: "\f15c";
}
.fa-file-archive:before {
  content: "\f1c6";
}
.fa-file-audio:before {
  content: "\f1c7";
}
.fa-file-code:before {
  content: "\f1c9";
}
.fa-file-excel:before {
  content: "\f1c3";
}
.fa-file-image:before {
  content: "\f1c5";
}
.fa-file-medical:before {
  content: "\f477";
}
.fa-file-medical-alt:before {
  content: "\f478";
}
.fa-file-pdf:before {
  content: "\f1c1";
}
.fa-file-powerpoint:before {
  content: "\f1c4";
}
.fa-file-video:before {
  content: "\f1c8";
}
.fa-file-word:before {
  content: "\f1c2";
}
.fa-film:before {
  content: "\f008";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-first-aid:before {
  content: "\f479";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-first-order-alt:before {
  content: "\f50a";
}
.fa-firstdraft:before {
  content: "\f3a1";
}
.fa-flag:before {
  content: "\f024";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-flipboard:before {
  content: "\f44d";
}
.fa-fly:before {
  content: "\f417";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-font:before {
  content: "\f031";
}
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-font-awesome-alt:before {
  content: "\f35c";
}
.fa-font-awesome-flag:before {
  content: "\f425";
}
.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-fonticons-fi:before {
  content: "\f3a2";
}
.fa-football-ball:before {
  content: "\f44e";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-fort-awesome-alt:before {
  content: "\f3a3";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-freebsd:before {
  content: "\f3a4";
}
.fa-frog:before {
  content: "\f52e";
}
.fa-frown:before {
  content: "\f119";
}
.fa-fulcrum:before {
  content: "\f50b";
}
.fa-futbol:before {
  content: "\f1e3";
}
.fa-galactic-republic:before {
  content: "\f50c";
}
.fa-galactic-senate:before {
  content: "\f50d";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-gas-pump:before {
  content: "\f52f";
}
.fa-gavel:before {
  content: "\f0e3";
}
.fa-gem:before {
  content: "\f3a5";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-github:before {
  content: "\f09b";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-gitkraken:before {
  content: "\f3a6";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-gitter:before {
  content: "\f426";
}
.fa-glass-martini:before {
  content: "\f000";
}
.fa-glasses:before {
  content: "\f530";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-gofore:before {
  content: "\f3a7";
}
.fa-golf-ball:before {
  content: "\f450";
}
.fa-goodreads:before {
  content: "\f3a8";
}
.fa-goodreads-g:before {
  content: "\f3a9";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-google-drive:before {
  content: "\f3aa";
}
.fa-google-play:before {
  content: "\f3ab";
}
.fa-google-plus:before {
  content: "\f2b3";
}
.fa-google-plus-g:before {
  content: "\f0d5";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-gratipay:before {
  content: "\f184";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-greater-than:before {
  content: "\f531";
}
.fa-greater-than-equal:before {
  content: "\f532";
}
.fa-gripfire:before {
  content: "\f3ac";
}
.fa-grunt:before {
  content: "\f3ad";
}
.fa-gulp:before {
  content: "\f3ae";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-hacker-news-square:before {
  content: "\f3af";
}
.fa-hand-holding:before {
  content: "\f4bd";
}
.fa-hand-holding-heart:before {
  content: "\f4be";
}
.fa-hand-holding-usd:before {
  content: "\f4c0";
}
.fa-hand-lizard:before {
  content: "\f258";
}
.fa-hand-paper:before {
  content: "\f256";
}
.fa-hand-peace:before {
  content: "\f25b";
}
.fa-hand-point-down:before {
  content: "\f0a7";
}
.fa-hand-point-left:before {
  content: "\f0a5";
}
.fa-hand-point-right:before {
  content: "\f0a4";
}
.fa-hand-point-up:before {
  content: "\f0a6";
}
.fa-hand-pointer:before {
  content: "\f25a";
}
.fa-hand-rock:before {
  content: "\f255";
}
.fa-hand-scissors:before {
  content: "\f257";
}
.fa-hand-spock:before {
  content: "\f259";
}
.fa-hands:before {
  content: "\f4c2";
}
.fa-hands-helping:before {
  content: "\f4c4";
}
.fa-handshake:before {
  content: "\f2b5";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-hdd:before {
  content: "\f0a0";
}
.fa-heading:before {
  content: "\f1dc";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-heart:before {
  content: "\f004";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-helicopter:before {
  content: "\f533";
}
.fa-hips:before {
  content: "\f452";
}
.fa-hire-a-helper:before {
  content: "\f3b0";
}
.fa-history:before {
  content: "\f1da";
}
.fa-hockey-puck:before {
  content: "\f453";
}
.fa-home:before {
  content: "\f015";
}
.fa-hooli:before {
  content: "\f427";
}
.fa-hospital:before {
  content: "\f0f8";
}
.fa-hospital-alt:before {
  content: "\f47d";
}
.fa-hospital-symbol:before {
  content: "\f47e";
}
.fa-hotjar:before {
  content: "\f3b1";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-hubspot:before {
  content: "\f3b2";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-id-card:before {
  content: "\f2c2";
}
.fa-id-card-alt:before {
  content: "\f47f";
}
.fa-image:before {
  content: "\f03e";
}
.fa-images:before {
  content: "\f302";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-industry:before {
  content: "\f275";
}
.fa-infinity:before {
  content: "\f534";
}
.fa-info:before {
  content: "\f129";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-italic:before {
  content: "\f033";
}
.fa-itunes:before {
  content: "\f3b4";
}
.fa-itunes-note:before {
  content: "\f3b5";
}
.fa-java:before {
  content: "\f4e4";
}
.fa-jedi-order:before {
  content: "\f50e";
}
.fa-jenkins:before {
  content: "\f3b6";
}
.fa-joget:before {
  content: "\f3b7";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-js-square:before {
  content: "\f3b9";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-key:before {
  content: "\f084";
}
.fa-keybase:before {
  content: "\f4f5";
}
.fa-keyboard:before {
  content: "\f11c";
}
.fa-keycdn:before {
  content: "\f3ba";
}
.fa-kickstarter:before {
  content: "\f3bb";
}
.fa-kickstarter-k:before {
  content: "\f3bc";
}
.fa-kiwi-bird:before {
  content: "\f535";
}
.fa-korvue:before {
  content: "\f42f";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-laravel:before {
  content: "\f3bd";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-lemon:before {
  content: "\f094";
}
.fa-less:before {
  content: "\f41d";
}
.fa-less-than:before {
  content: "\f536";
}
.fa-less-than-equal:before {
  content: "\f537";
}
.fa-level-down-alt:before {
  content: "\f3be";
}
.fa-level-up-alt:before {
  content: "\f3bf";
}
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-lightbulb:before {
  content: "\f0eb";
}
.fa-line:before {
  content: "\f3c0";
}
.fa-link:before {
  content: "\f0c1";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-lira-sign:before {
  content: "\f195";
}
.fa-list:before {
  content: "\f03a";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-lock:before {
  content: "\f023";
}
.fa-lock-open:before {
  content: "\f3c1";
}
.fa-long-arrow-alt-down:before {
  content: "\f309";
}
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}
.fa-long-arrow-alt-right:before {
  content: "\f30b";
}
.fa-long-arrow-alt-up:before {
  content: "\f30c";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-lyft:before {
  content: "\f3c3";
}
.fa-magento:before {
  content: "\f3c4";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-male:before {
  content: "\f183";
}
.fa-mandalorian:before {
  content: "\f50f";
}
.fa-map:before {
  content: "\f279";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mastodon:before {
  content: "\f4f6";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-medapps:before {
  content: "\f3c6";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-medium-m:before {
  content: "\f3c7";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-medrt:before {
  content: "\f3c8";
}
.fa-meetup:before {
  content: "\f2e0";
}
.fa-meh:before {
  content: "\f11a";
}
.fa-memory:before {
  content: "\f538";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-alt:before {
  content: "\f3c9";
}
.fa-microphone-alt-slash:before {
  content: "\f539";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-minus:before {
  content: "\f068";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-mix:before {
  content: "\f3cb";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-mizuni:before {
  content: "\f3cc";
}
.fa-mobile:before {
  content: "\f10b";
}
.fa-mobile-alt:before {
  content: "\f3cd";
}
.fa-modx:before {
  content: "\f285";
}
.fa-monero:before {
  content: "\f3d0";
}
.fa-money-bill:before {
  content: "\f0d6";
}
.fa-money-bill-alt:before {
  content: "\f3d1";
}
.fa-money-bill-wave:before {
  content: "\f53a";
}
.fa-money-bill-wave-alt:before {
  content: "\f53b";
}
.fa-money-check:before {
  content: "\f53c";
}
.fa-money-check-alt:before {
  content: "\f53d";
}
.fa-moon:before {
  content: "\f186";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-music:before {
  content: "\f001";
}
.fa-napster:before {
  content: "\f3d2";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-newspaper:before {
  content: "\f1ea";
}
.fa-nintendo-switch:before {
  content: "\f418";
}
.fa-node:before {
  content: "\f419";
}
.fa-node-js:before {
  content: "\f3d3";
}
.fa-not-equal:before {
  content: "\f53e";
}
.fa-notes-medical:before {
  content: "\f481";
}
.fa-npm:before {
  content: "\f3d4";
}
.fa-ns8:before {
  content: "\f3d5";
}
.fa-nutritionix:before {
  content: "\f3d6";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-old-republic:before {
  content: "\f510";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-osi:before {
  content: "\f41a";
}
.fa-outdent:before {
  content: "\f03b";
}
.fa-page4:before {
  content: "\f3d7";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-palette:before {
  content: "\f53f";
}
.fa-palfed:before {
  content: "\f3d8";
}
.fa-pallet:before {
  content: "\f482";
}
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-parachute-box:before {
  content: "\f4cd";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-parking:before {
  content: "\f540";
}
.fa-paste:before {
  content: "\f0ea";
}
.fa-patreon:before {
  content: "\f3d9";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-pen-square:before {
  content: "\f14b";
}
.fa-pencil-alt:before {
  content: "\f303";
}
.fa-people-carry:before {
  content: "\f4ce";
}
.fa-percent:before {
  content: "\f295";
}
.fa-percentage:before {
  content: "\f541";
}
.fa-periscope:before {
  content: "\f3da";
}
.fa-phabricator:before {
  content: "\f3db";
}
.fa-phoenix-framework:before {
  content: "\f3dc";
}
.fa-phoenix-squadron:before {
  content: "\f511";
}
.fa-phone:before {
  content: "\f095";
}
.fa-phone-slash:before {
  content: "\f3dd";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-phone-volume:before {
  content: "\f2a0";
}
.fa-php:before {
  content: "\f457";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-pied-piper-hat:before {
  content: "\f4e5";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-piggy-bank:before {
  content: "\f4d3";
}
.fa-pills:before {
  content: "\f484";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-plane:before {
  content: "\f072";
}
.fa-play:before {
  content: "\f04b";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-playstation:before {
  content: "\f3df";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-plus:before {
  content: "\f067";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-poo:before {
  content: "\f2fe";
}
.fa-portrait:before {
  content: "\f3e0";
}
.fa-pound-sign:before {
  content: "\f154";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-prescription-bottle:before {
  content: "\f485";
}
.fa-prescription-bottle-alt:before {
  content: "\f486";
}
.fa-print:before {
  content: "\f02f";
}
.fa-procedures:before {
  content: "\f487";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-project-diagram:before {
  content: "\f542";
}
.fa-pushed:before {
  content: "\f3e1";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-python:before {
  content: "\f3e2";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-question:before {
  content: "\f128";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-quidditch:before {
  content: "\f458";
}
.fa-quinscape:before {
  content: "\f459";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-r-project:before {
  content: "\f4f7";
}
.fa-random:before {
  content: "\f074";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-react:before {
  content: "\f41b";
}
.fa-readme:before {
  content: "\f4d5";
}
.fa-rebel:before {
  content: "\f1d0";
}
.fa-receipt:before {
  content: "\f543";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-red-river:before {
  content: "\f3e3";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-redo:before {
  content: "\f01e";
}
.fa-redo-alt:before {
  content: "\f2f9";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-rendact:before {
  content: "\f3e4";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-reply:before {
  content: "\f3e5";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-replyd:before {
  content: "\f3e6";
}
.fa-researchgate:before {
  content: "\f4f8";
}
.fa-resolving:before {
  content: "\f3e7";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-ribbon:before {
  content: "\f4d6";
}
.fa-road:before {
  content: "\f018";
}
.fa-robot:before {
  content: "\f544";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-rocketchat:before {
  content: "\f3e8";
}
.fa-rockrms:before {
  content: "\f3e9";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-ruble-sign:before {
  content: "\f158";
}
.fa-ruler:before {
  content: "\f545";
}
.fa-ruler-combined:before {
  content: "\f546";
}
.fa-ruler-horizontal:before {
  content: "\f547";
}
.fa-ruler-vertical:before {
  content: "\f548";
}
.fa-rupee-sign:before {
  content: "\f156";
}
.fa-safari:before {
  content: "\f267";
}
.fa-sass:before {
  content: "\f41e";
}
.fa-save:before {
  content: "\f0c7";
}
.fa-schlix:before {
  content: "\f3ea";
}
.fa-school:before {
  content: "\f549";
}
.fa-screwdriver:before {
  content: "\f54a";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-search:before {
  content: "\f002";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-searchengin:before {
  content: "\f3eb";
}
.fa-seedling:before {
  content: "\f4d8";
}
.fa-sellcast:before {
  content: "\f2da";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-server:before {
  content: "\f233";
}
.fa-servicestack:before {
  content: "\f3ec";
}
.fa-share:before {
  content: "\f064";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-shekel-sign:before {
  content: "\f20b";
}
.fa-shield-alt:before {
  content: "\f3ed";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-shipping-fast:before {
  content: "\f48b";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-shoe-prints:before {
  content: "\f54b";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-sign:before {
  content: "\f4d9";
}
.fa-sign-in-alt:before {
  content: "\f2f6";
}
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-sign-out-alt:before {
  content: "\f2f5";
}
.fa-signal:before {
  content: "\f012";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-sistrix:before {
  content: "\f3ee";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-sith:before {
  content: "\f512";
}
.fa-skull:before {
  content: "\f54c";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-slack:before {
  content: "\f198";
}
.fa-slack-hash:before {
  content: "\f3ef";
}
.fa-sliders-h:before {
  content: "\f1de";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-smile:before {
  content: "\f118";
}
.fa-smoking:before {
  content: "\f48d";
}
.fa-smoking-ban:before {
  content: "\f54d";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-snowflake:before {
  content: "\f2dc";
}
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-alpha-down:before {
  content: "\f15d";
}
.fa-sort-alpha-up:before {
  content: "\f15e";
}
.fa-sort-amount-down:before {
  content: "\f160";
}
.fa-sort-amount-up:before {
  content: "\f161";
}
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-sort-numeric-down:before {
  content: "\f162";
}
.fa-sort-numeric-up:before {
  content: "\f163";
}
.fa-sort-up:before {
  content: "\f0de";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-speakap:before {
  content: "\f3f3";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-square-full:before {
  content: "\f45c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-staylinked:before {
  content: "\f3f5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-steam-symbol:before {
  content: "\f3f6";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-sticker-mule:before {
  content: "\f3f7";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stopwatch:before {
  content: "\f2f2";
}
.fa-store:before {
  content: "\f54e";
}
.fa-store-alt:before {
  content: "\f54f";
}
.fa-strava:before {
  content: "\f428";
}
.fa-stream:before {
  content: "\f550";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-stripe:before {
  content: "\f429";
}
.fa-stripe-s:before {
  content: "\f42a";
}
.fa-stroopwafel:before {
  content: "\f551";
}
.fa-studiovinari:before {
  content: "\f3f8";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-subway:before {
  content: "\f239";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-sun:before {
  content: "\f185";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-supple:before {
  content: "\f3f9";
}
.fa-sync:before {
  content: "\f021";
}
.fa-sync-alt:before {
  content: "\f2f1";
}
.fa-syringe:before {
  content: "\f48e";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-table-tennis:before {
  content: "\f45d";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-tablet-alt:before {
  content: "\f3fa";
}
.fa-tablets:before {
  content: "\f490";
}
.fa-tachometer-alt:before {
  content: "\f3fd";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-tape:before {
  content: "\f4db";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-taxi:before {
  content: "\f1ba";
}
.fa-teamspeak:before {
  content: "\f4f9";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-telegram-plane:before {
  content: "\f3fe";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-thermometer:before {
  content: "\f491";
}
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbtack:before {
  content: "\f08d";
}
.fa-ticket-alt:before {
  content: "\f3ff";
}
.fa-times:before {
  content: "\f00d";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-tint:before {
  content: "\f043";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-toolbox:before {
  content: "\f552";
}
.fa-trade-federation:before {
  content: "\f513";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-train:before {
  content: "\f238";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-trash-alt:before {
  content: "\f2ed";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-trello:before {
  content: "\f181";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-truck-loading:before {
  content: "\f4de";
}
.fa-truck-moving:before {
  content: "\f4df";
}
.fa-tshirt:before {
  content: "\f553";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-tv:before {
  content: "\f26c";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-typo3:before {
  content: "\f42b";
}
.fa-uber:before {
  content: "\f402";
}
.fa-uikit:before {
  content: "\f403";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-undo:before {
  content: "\f0e2";
}
.fa-undo-alt:before {
  content: "\f2ea";
}
.fa-uniregistry:before {
  content: "\f404";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-university:before {
  content: "\f19c";
}
.fa-unlink:before {
  content: "\f127";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-untappd:before {
  content: "\f405";
}
.fa-upload:before {
  content: "\f093";
}
.fa-usb:before {
  content: "\f287";
}
.fa-user:before {
  content: "\f007";
}
.fa-user-alt:before {
  content: "\f406";
}
.fa-user-alt-slash:before {
  content: "\f4fa";
}
.fa-user-astronaut:before {
  content: "\f4fb";
}
.fa-user-check:before {
  content: "\f4fc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-clock:before {
  content: "\f4fd";
}
.fa-user-cog:before {
  content: "\f4fe";
}
.fa-user-edit:before {
  content: "\f4ff";
}
.fa-user-friends:before {
  content: "\f500";
}
.fa-user-graduate:before {
  content: "\f501";
}
.fa-user-lock:before {
  content: "\f502";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-user-minus:before {
  content: "\f503";
}
.fa-user-ninja:before {
  content: "\f504";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-user-shield:before {
  content: "\f505";
}
.fa-user-slash:before {
  content: "\f506";
}
.fa-user-tag:before {
  content: "\f507";
}
.fa-user-tie:before {
  content: "\f508";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-users-cog:before {
  content: "\f509";
}
.fa-ussunnah:before {
  content: "\f407";
}
.fa-utensil-spoon:before {
  content: "\f2e5";
}
.fa-utensils:before {
  content: "\f2e7";
}
.fa-vaadin:before {
  content: "\f408";
}
.fa-venus:before {
  content: "\f221";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-vial:before {
  content: "\f492";
}
.fa-vials:before {
  content: "\f493";
}
.fa-viber:before {
  content: "\f409";
}
.fa-video:before {
  content: "\f03d";
}
.fa-video-slash:before {
  content: "\f4e2";
}
.fa-vimeo:before {
  content: "\f40a";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-vimeo-v:before {
  content: "\f27d";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-vk:before {
  content: "\f189";
}
.fa-vnv:before {
  content: "\f40b";
}
.fa-volleyball-ball:before {
  content: "\f45f";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-vuejs:before {
  content: "\f41f";
}
.fa-walking:before {
  content: "\f554";
}
.fa-wallet:before {
  content: "\f555";
}
.fa-warehouse:before {
  content: "\f494";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-weight:before {
  content: "\f496";
}
.fa-weixin:before {
  content: "\f1d7";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-whmcs:before {
  content: "\f40d";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-window-close:before {
  content: "\f410";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-wine-glass:before {
  content: "\f4e3";
}
.fa-wolf-pack-battalion:before {
  content: "\f514";
}
.fa-won-sign:before {
  content: "\f159";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-wordpress-simple:before {
  content: "\f411";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-x-ray:before {
  content: "\f497";
}
.fa-xbox:before {
  content: "\f412";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-yandex:before {
  content: "\f413";
}
.fa-yandex-international:before {
  content: "\f414";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-yen-sign:before {
  content: "\f157";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-youtube-square:before {
  content: "\f431";
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/fa-brands-400.eot");
  src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: 'Font Awesome 5 Brands';
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/fa-regular-400.eot");
  src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.post-type-archive-store .featureImage p {
  padding: 0 20px;
  margin: 0px 0 20px;
  letter-spacing: -1px;
  word-spacing: 3px;
  color: #666;
}
.collectionPosts.cpxStore {
  padding: 30px 15px 0;
}
.collectionPosts.cpxStore .store {
  margin-bottom: 50px;
  position: relative;
}
.collectionPosts.cpxStore .store .storeImage {
  margin-bottom: 15px;
}
.collectionPosts.cpxStore .store .storeImage a {
  background: #4b52fa;
  display: inline-block;
}
.collectionPosts.cpxStore .store .storeImage img {
  max-height: 220px;
  display: block;
  width: auto !important;
  opacity: 1;
  transition: opacity 0.4s ease;
}
.collectionPosts.cpxStore .store .storeImage a:hover img {
  opacity: 0.2;
}
.collectionPosts.cpxStore .store .storeImage:after {
  clear: both;
  display: table;
}
.collectionPosts.cpxStore .store a.button {
  min-width: 1px;
}
.collectionPosts.cpxStore .store a.storeDetails {
  padding: 10px 0 0;
  display: block;
  text-decoration: none;
}
.collectionPosts.cpxStore .store a.storeDetails h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  margin: 0;
}
.collectionPosts.cpxStore .store a.storeDetails p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
.collectionPosts.cpxStore .store a.editLink {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 10px;
  background: #fff;
  color: #666;
}
@media only screen and (min-width: 640px) {
  .collectionPosts.cpxStore .store .storeImage img {
    max-width: 1000px;
    height: 400px !important;
    max-height: 400px;
  }
  .collectionPosts.cpxStore .store:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 760px) {
  .post-type-archive-store .featureImage p {
    color: #ddd;
    position: relative;
    z-index: 20;
  }
}
@media only screen and (min-width: 1000px) {
  .collectionPosts.cpxStore .store .storeImage img {
    max-width: 1000px;
    height: 300px !important;
    max-height: 300px;
  }
  .collectionPosts.cpxStore .store:nth-child(2n+1) {
    clear: none;
  }
  .collectionPosts.cpxStore .store:nth-child(4n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 1030px) {
  .post-type-archive-store .featureImage p {
    position: absolute;
    width: 990px;
    left: 50%;
    margin-left: -495px;
    bottom: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .post-type-archive-store .featureImage p {
    left: 8%;
    margin-left: 0;
  }
}
/* Important Style so Youth Grid displays correctly when inserted on ftlog pages */
.rg_ftlog .collectionPosts .postList.youthResource > a:hover {
  background: #FF005A;
}
.rg_ftlog .collectionPosts .postList.youthResource > a:hover h2,
.rg_ftlog .collectionPosts .postList.youthResource > a:hover p,
.rg_ftlog .collectionPosts .postList.youthResource > a:hover .postDetails .postMeta > div {
  color: #fff;
}
.youthEmail p {
  margin: 0;
}
.youthEmail p label,
.youthEmail p br {
  display: none;
}
.youthEmail input[type="text"],
.youthEmail input[type="email"] {
  width: 300px;
  padding: 5px;
  border-radius: 3px;
  border: none;
  background: #fff;
  margin-bottom: 10px;
}
.youthEmail input.button {
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  padding: 7px 10px !important;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  background: #7283ef;
  min-width: 180px;
  border: none;
  width: 300;
  trasition: background 0.4s ease;
}
.youthEmail input.button:hover {
  background: #333;
}
#search-filter-form-9988 ul {
  margin-left: 0!important;
  padding-inline-start: 0;
  padding-left: 0;
}
/* New Youth Resources Section */
h1.youthHeading {
  text-transform: uppercase;
}
.youthPDFButton a.button:link,
.youthPDFButton a.button:visited {
  background: #FF005A;
}
.youthPDFButton a.button:hover {
  background: #333;
}
.single .youthResource {
  padding: 15px 15px 15px 20px;
}
.single .youthResource .youthPDFButton {
  margin-bottom: 20px;
}
.single .youthResource p a,
.single .youthResource li a {
  color: #FF005A;
}
.single .youthResource ol {
  list-style: none;
  counter-reset: youth-counter;
  padding-left: 30px;
}
.single .youthResource ol li {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
  list-style: none;
}
.single .youthResource ol li:before {
  content: counter(youth-counter, decimal);
  counter-increment: youth-counter;
  list-style: decimal;
  color: #FF005A;
  line-height: 32px;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
  font-family: montserrat;
  font-weight: 800;
}
.single .youthResource ol ol {
  margin-bottom: 30px;
}
.single .youthResource ol ol li:before {
  content: counter(youth-counter, lower-alpha);
  color: #333;
}
.single .youthResource ol blockquote {
  border-top: none;
  padding: 0 0 0 0.25em;
  margin: 0;
}
.single .youthResource ol blockquote p {
  font-size: 18px;
  color: #fff;
  background: #FF005A;
  display: inline;
  line-height: 26px;
  box-shadow: 0.25em 0 0 #FF005A, -0.25em 0 0 #FF005A;
}
.single .youthResource .youthIntro {
  margin-bottom: 20px;
}
.single .youthResource .youthIntro p.youthTab {
  display: inline-block;
  width: 100px;
  padding: 5px;
  background: #FF005A;
  text-align: center;
  margin: 0 0 5px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
}
.single .youthResource .youthIntro h1 {
  margin: 0 0 15px 0;
  font-size: 24px;
  line-height: 28px;
  font-weight: Bold;
  text-transform: uppercase;
  letter-spacing: -1px;
  word-spacing: 3px;
}
.single .youthResource h2 {
  margin: 0 0 25px 0;
  font-size: 24px;
  line-height: 42px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -1px;
  word-spacing: 3px;
  clear: both;
}
.single .youthResource h2 i {
  color: #FF005A;
  font-size: 32px;
  line-height: 42px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  width: 35px;
}
.single .youthResource h2 span {
  border-bottom: 4px solid #FF005A;
}
.single .youthResource .youthVideos ul,
.single .youthResource .youthArticles ul {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
.single .youthResource li.postList {
  margin-bottom: 30px;
  padding: 0;
}
.single .youthResource li.postList > a {
  z-index: 10;
  height: 0;
  padding-top: 56.27%;
  overflow: hidden;
  position: relative;
  display: block;
  transition: all 0.4s ease;
  background: #111;
}
.single .youthResource li.postList > a i {
  position: absolute;
  top: 36%;
  left: 50%;
  font-size: 50px;
  width: 90px;
  height: 90px;
  line-height: 80px;
  margin-left: -45px;
  color: #fff;
  transition: opacity 0.4s ease;
  opacity: 0;
  z-index: 20;
  border: 5px solid #fff;
  border-radius: 50%;
  text-align: center;
}
.single .youthResource li.postList > a i:before {
  position: relative;
  left: 5px;
}
.single .youthResource li.postList > a .postListImage {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 101%;
  height: 101% !important;
  width: auto !important;
  object-fit: cover;
  opacity: 0.6;
  transition: all 0.4s ease;
}
.single .youthResource li.postList > a .postDetails {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  z-index: 10;
}
.single .youthResource li.postList > a .postDetails p {
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  opacity: 1;
  transition: opacity 0.4s ease;
}
.single .youthResource li.postList > a .postDetails h3 {
  color: #fff;
  font-weight: 700;
  -webkit-font-smoothing: auto;
  font-size: 21px;
  line-height: 24px;
  margin: 0 0 10px;
  text-transform: uppercase;
  padding-left: 0;
  opacity: 1;
  transition: opacity 0.4s ease;
}
.single .youthResource li.postList > a:hover {
  background: #FF005A;
}
.single .youthResource li.postList > a:hover img {
  opacity: 0.3;
  filter: grayscale(100%);
}
.single .youthResource li.postList > a:hover i {
  opacity: 1;
}
.single .youthResource li.postList .videoHolder,
.single .youthResource li.postList .youthVideoTranscript {
  display: none;
}
.single .youthResource li.postList .youthVideoTranscript {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #111;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1001;
  padding: 20px;
  align-items: center;
  justify-content: center;
  max-height: 100%;
}
.single .youthResource li.postList .youthVideoTranscript .youthVideoTranscriptHolder {
  background: #eee;
  padding: 15px 15px 15px;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  max-height: 90%;
  overflow: scroll;
}
.single .youthResource li.postList .youthVideoTranscript .youthVideoTranscriptHolder h3:first-child {
  margin-top: 0;
}
.single .youthResource li.postList .youthVideoTranscript .youthVideoTranscriptHolder .closeTranscript {
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 10px 15px;
  display: block;
  color: #fff;
  background: #111;
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  text-shadow: 0px 0px 7px #969696;
  text-decoration: none;
  transition: all 0.4s ease;
}
.single .youthResource li.postList .youthResourceActions {
  padding: 0px 5px;
  background: #FF005A;
}
.single .youthResource li.postList .youthResourceActions a,
.single .youthResource li.postList .youthResourceActions span {
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  display: inline-block;
  padding: 10px 10px;
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.single .youthResource li.postList .youthResourceActions a:hover {
  opacity: 1;
}
.single .youthResource li.postList.youthResourcesVideo a:hover .postDetails p,
.single .youthResource li.postList.youthResourcesVideo a:hover .postDetails h3 {
  opacity: 0.2;
}
.single .youthResource .youthActivities a {
  color: #FF005A;
}
.single .youthResource .youthIntroText .docoBadge {
  margin-left: 0;
}
@media only screen and (min-width: 600px) {
  ul.yop-results-list {
    width: 75%;
  }
  ul.yop-results-list li {
    min-height: 50px;
  }
}
@media only screen and (min-width: 600px) {
  .youthHeader {
    height: 150px;
    background: url(images/youthHeader.jpg) 50% 50% no-repeat;
    background-size: cover;
    max-width: 100%;
  }
  .single .youthResource .container {
    padding-top: 20px;
  }
  .single .youthResource li.postList {
    float: left;
    padding: 0 15px;
  }
  .single .youthResource li.postList.large-6 {
    width: 50%;
  }
  .single .youthResource .youthVideos ul,
  .single .youthResource .youthArticles ul {
    margin: 0 -15px;
  }
  .single .youthResource ol {
    padding-left: 40px;
  }
  .single .youthResource ol li {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 30px;
    max-width: 660px;
  }
  .single .youthResource ol li:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    margin-left: -40px;
    margin-right: 10px;
  }
  .single .youthResource p {
    max-width: 660px;
  }
  .single .youthResource a.youthImage {
    display: inline-block;
    background: #FF005A;
  }
  .single .youthResource a.youthImage img {
    transition: opacity 0.4s ease;
    display: block;
  }
  .single .youthResource a.youthImage:hover img {
    opacity: 0.4;
  }
}
@media only screen and (min-width: 1000px) {
  ul.yop-results-list {
    width: 40%;
  }
  .single .youthResource .youthIntro {
    margin-bottom: 40px;
  }
  .single .youthResource .youthIntro h1 {
    font-size: 44px;
    line-height: 48px;
  }
  .single .youthResource .youthIntro p {
    margin-top: 5px;
  }
  .single .youthResource h2 {
    font-size: 32px;
    margin-top: 80px;
  }
  .single .youthResource .youthVideos h2 {
    margin-top: 20px;
  }
  .single .youthResource .youthVideos,
  .single .youthResource .youthArticles,
  .single .youthResource .youthActivities {
    clear: both;
    margin-bottom: 40px;
    width: 100%;
    float: left;
  }
}
@media only screen and (min-width: 1340px) {
  .single .youthResource .youthIntro {
    position: relative;
  }
  .single .youthResource .youthIntro .youthTab {
    position: absolute;
    left: -115px;
    bottom: -20px;
  }
  .single .youthResource .youthIntro .youthTab:after {
    content: '';
    height: 5px;
    width: 550px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FF005A;
  }
  .youthResource .youthIntroText {
    position: relative;
  }
  .youthResource .docoBadge {
    position: absolute;
    top: -10px;
    left: -220px;
  }
  .single .youthResource .container {
    max-width: 950px;
  }
  .single .youthResource .youthIntro {
    left: -5px;
  }
  .single .youthResource h2 {
    margin-left: -46px;
  }
}
/* Explore Tool */
.cpx-explore-tool {
  clear: both;
}
ul.tabs {
  display: flex;
  padding: 0;
  border: 0;
  border-bottom: solid 8px #4b52fa;
}
ul.tabs .tabs-title {
  flex: 1;
  text-align: center;
  font-family: quasimoda, Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 800;
  text-transform: uppercase;
}
ul.tabs .tabs-title .tab-icon {
  width: 20px;
  height: 20px;
  display: none;
  float: right;
}
ul.tabs .tabs-title.is-active a {
  background: #4b52fa;
}
ul.tabs .tabs-title.is-active a .tab-icon {
  display: inline-block;
}
ul.tabs .tabs-title a {
  color: #000b00;
  font-size: 1.2rem;
  text-decoration: none;
  background-color: #e6e6e6;
  border-radius: 10px 10px 0 0;
}
.tabs-content {
  margin-bottom: 40px;
  border-bottom: solid 8px #4b52fa;
}
.tabs-content .index-alphabet {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: quasimoda, Inter, sans-serif;
  font-weight: 700;
  line-height: 2rem;
  margin-top: 15px;
  margin-bottom: 30px;
}
.tabs-content .index-alphabet .index-letter {
  width: 2.5rem;
  text-align: center;
  color: #c0c0c0;
}
.tabs-content .index-alphabet .index-letter a {
  color: #3539af;
}
.tabs-content .terms-list {
  padding: 0 20px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-width: 15rem;
  -moz-column-width: 15rem;
  column-width: 15rem;
}
.tabs-content .terms-list a {
  color: #808080;
}
.tabs-content .terms-list .terms-list-group {
  break-inside: avoid;
}
.tabs-content .terms-list .terms-list-group ul {
  list-style: none;
  padding: 0;
}
/* Search box */
.search-tool {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}
.search-tool .search-input {
  flex: 1;
  padding: 10px;
  margin-right: 10px;
  border: solid 1px #808080;
}
.search-tool .search-submit {
  padding: 10px 15px;
  background: #4b52fa;
  color: #fff;
  border: 0;
  font-size: 1.2rem;
  font-family: quasimoda, Inter, sans-serif;
}
/* Search and Filter tool */
.ftlog-interviews-search .searchandfilter ul,
.search-interviews-header .searchandfilter ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ftlog-interviews-search .searchandfilter ul li,
.search-interviews-header .searchandfilter ul li {
  margin-right: 10px;
}
.ftlog-interviews-search .searchandfilter ul li input[type="text"],
.search-interviews-header .searchandfilter ul li input[type="text"] {
  padding: 5px !important;
}
.ftlog-interviews-search .searchandfilter ul li select,
.search-interviews-header .searchandfilter ul li select {
  width: 200px;
  min-width: 200px;
}
.ftlog-interviews-search .searchandfilter ul li.sf-field-search,
.search-interviews-header .searchandfilter ul li.sf-field-search {
  flex: 1;
}
.ftlog-interviews-search .searchandfilter ul li.sf-field-search label,
.search-interviews-header .searchandfilter ul li.sf-field-search label {
  width: 100%;
  min-width: 20rem;
}
.ftlog-interviews-search .searchandfilter ul li.sf-field-search input,
.search-interviews-header .searchandfilter ul li.sf-field-search input {
  width: 100%;
}
.ftlog-interviews-search .searchandfilter ul li.sf-field-submit,
.search-interviews-header .searchandfilter ul li.sf-field-submit {
  display: flex;
  align-items: flex-end;
}
.ftlog-interviews-search .searchandfilter ul li.sf-field-submit input,
.search-interviews-header .searchandfilter ul li.sf-field-submit input {
  padding: 10px 20px;
  background-color: #4b52fa;
  color: #fff;
  border: 0;
}
.ftlog-interviews-search .searchandfilter h4,
.search-interviews-header .searchandfilter h4 {
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 0;
  padding: 0;
}
.search-interviews-header .refineSearch form ul > li.sf-field-submit {
  display: flex;
  align-items: flex-end;
}
.search-interviews-header .refineSearch form ul > li.sf-field-submit input[type="submit"] {
  padding: 10px 20px;
}
/* Grids */
.ftlog-interviews-grid .collectionPosts .postList.doco a:hover {
  background: #4b52fa;
}
/* Logos */
.ftlog-badges {
  margin: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ftlog-badges img {
  width: 253px;
}
.searchResults .ftlog-badges {
  margin: 0;
}
.ftlog-heading {
  margin-top: 4rem;
}
.cpx-donation .mainIntro {
  clear: both;
  text-align: center;
}
.cpx-donation .mainIntro h1,
.cpx-donation .mainIntro h2,
.cpx-donation .mainIntro h3 {
  font-family: quasimoda, Inter, sans-serif;
  text-transform: uppercase;
}
.projectIntro {
  padding-top: 15px;
  padding-bottom: 10px;
  background: #eee;
  border-bottom: 1px solid #e6e6e6;
}
.projectIntro p.breadcrumbs {
  margin: 0 0 15px;
  color: #000b00;
  font-size: 16px;
  line-height: 19px;
}
.projectIntro p.breadcrumbs a,
.projectIntro p.breadcrumbs span {
  color: #000b00;
  text-decoration: none;
  white-space: nowrap;
}
.projectIntro p.breadcrumbs a:hover {
  background: none;
  color: #111;
  text-decoration: underline;
}
.projectIntro .projectMeta {
  font-size: 16px;
  line-height: 20px;
}
.projectIntro .projectMeta .pill {
  background: #ddd;
  font-size: 18px;
  color: #333;
  padding: 0 10px 0 9px;
  line-height: 30px;
  border-radius: 3px;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.4s ease;
  margin-right: 10px;
  margin-bottom: 10px;
}
.projectIntro .projectMeta .pill i {
  font-size: 18px;
  margin-right: 3px;
  color: #4b52fa;
}
.projectIntro .projectMeta .pill img {
  width: 15px;
  height: 15px;
}
.projectIntro .projectMeta .pill.taxStatus {
  margin-bottom: 0;
}
.projectIntro .projectMeta .pill.taxdeductable {
  background: #4b52fa;
  color: #fff;
}
.projectIntro .projectMeta .taxdeductible {
  width: 60px;
  display: inline-block;
  margin-right: 20px;
}
.projectIntro .projectMeta .taxdeductible img {
  position: relative;
  top: 11px;
}
.projectIntro .projectMeta .projectType {
  font-size: 18px;
  line-height: 22px;
  color: #333;
  display: inline-block;
  text-transform: uppercase;
}
.projectIntro .projectMeta .projectType img {
  position: relative;
  top: 8px;
}
.projectDetails {
  padding-top: 30px;
}
.projectDetails .projectDescription h1:first-child,
.projectDetails .projectDescription h2:first-child,
.projectDetails .projectDescription h3:first-child,
.projectDetails .projectDescription h4:first-child,
.projectDetails .projectDescription h5:first-child,
.projectDetails .projectDescription h6:first-child,
.projectDetails .projectDescription p:first-child {
  margin-top: 0;
}
.projectAdditional {
  text-align: left;
  padding-top: 30px;
  clear: both;
}
.projectAdditional .contentHider {
  text-align: left;
  display: none;
}
.projectAdditional span.role-name {
  font-family: quasimoda, Inter, sans-serif;
  font-size: 1.5em;
  color: #333333;
}
.projectAdditional span.role-title {
  font-family: quasimoda, Inter, sans-serif;
  color: #333333;
}
.projectSecondary img {
  max-width: 100%;
  height: auto!important;
}
.projectHeaderFeatured {
  height: 300px;
  background-size: cover;
  background-position: center center;
  margin-top: -20px;
}
.projectHeaderTitleStrip {
  background-color: #f2c60e;
  color: #FFF;
  padding: 20px 1em;
}
.projectHeaderTitleStrip h1 {
  max-width: 1000px;
  margin: 0 auto;
  display: block;
  text-align: center;
  text-transform: uppercase;
  word-spacing: 2px;
  letter-spacing: 0.65px;
  font-size: 18pt;
  font-weight: 400;
}
.projectHeaderTitleStrip span {
  color: #c0504d;
}
@media only screen and (min-width: 760px) {
  .projectHeaderFeatured {
    height: 600px;
  }
}
@media only screen and (min-width: 1900px) {
  .projectHeaderFeatured {
    height: 800px;
  }
}
@media only screen and (min-width: 2400px) {
  .projectHeaderFeatured {
    height: 1000px;
  }
}
.projectForm {
  background: #fff;
  padding: 40px 0;
}
.projectForm .nf-form-cont {
  clear: both;
}
.projectForm .nf-form-cont .nf-form-cont {
  margin-top: 0;
}
@media only screen and (min-width: 760px) {
  .projectForm .nf-ppe-spinner .nf-ppe-loader,
  .projectForm .nf-ppe-spinner .nf-ppe-spinnerImage {
    top: 250px !important;
    left: 30% !important;
  }
}
.projectForm .nf-ppe-spinner {
  height: 100px;
}
.projectForm .donateFormHolder {
  padding: 15px;
  background: #f6f6f6;
  border: 1px solid #eee;
  min-height: 500px;
  text-align: left;
  position: relative;
}
.projectForm .donateFormHolder h3 {
  margin: 0 0 10px;
  width: 70%;
}
.projectForm .donateFormHolder p.givingTo {
  width: 70%;
  line-height: 1.15;
  margin-bottom: 10px;
}
.projectForm .donateFormHolder p.givingTo br {
  display: none;
}
.projectForm .donateFormHolder img.taxImage {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30%;
  max-width: 90px;
}
.projectForm .donateFormHolder .nf-form-title h3 {
  display: none;
}
.projectForm .donateFormHolder .nf-form-fields-required {
  color: #808080;
  font-size: 0.8rem;
}
.projectForm p.disclaimer {
  font-size: 11px;
  line-height: 13px;
  color: #888;
  margin: 0 0 10px;
}
.projectForm .donateFormSupporting a:hover {
  background: none;
}
.projectForm .donateFormSupporting img {
  display: block;
}
.projectForm .donateFormTopRow {
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-bottom: 40px;
}
.projectForm .donateFormTopRow h3 {
  text-transform: uppercase;
  font-size: 1.8rem;
}
.projectForm .donateFormTop {
  text-align: left;
}
.projectForm .donateFormAccepted {
  display: inline-block;
  width: 60%;
}
.projectForm .donateFormAccepted p {
  color: #4b52fa;
  font-size: 16px;
  margin: 0 ;
  text-transform: uppercase;
}
.projectForm .donateFormAccepted img {
  width: 150px;
  max-width: 100%;
}
.projectForm .nf-form-wrap {
  clear: both;
}
.projectForm .donateFormContact {
  clear: both;
  padding-top: 10px;
  margin-left: 25px;
}
.projectForm .donateFormContact .contactIcon {
  clear: both;
  padding-top: 20px;
  margin: 0;
  width: 300px;
}
.projectForm .donateFormContact .contactIcon a {
  text-decoration: none;
}
.projectForm .donateFormContact .contactIcon a i {
  height: 60px;
  width: 60px;
  display: block;
  float: left;
  margin: 0 20px 0 0;
  border-radius: 50%;
  background: #4b52fa;
  font-size: 36px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.projectForm .donateFormContact .contactIcon a span {
  font-size: 24px;
  line-height: 60px;
  color: #000b00;
}
.projectForm .donateFormContact .contactIcon a span em {
  font-size: 18px;
  position: relative;
  top: -3px;
}
.projectForm .donateFormContact .contactIcon a:hover {
  background: none;
  color: #000b00;
}
.projectForm .donateFormContact .contactIcon a:hover i {
  background: #000b00;
}
.projectForm .donateFormSecure {
  float: left;
  clear: both;
  padding: 20px 0 0 0;
  margin-left: 25px;
}
.projectForm .donateFormSecure a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.projectForm .donateFormSecure a span {
  color: #000b00;
  max-width: 300px;
}
.projectForm .donateFormSecure .sslSeal {
  height: 60px;
  width: 60px;
  min-width: 60px;
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding: 15px;
  border-radius: 50%;
  border: solid 1px #e0e0e0;
  background: #ffffff;
  text-align: center;
}
.projectForm .charityTick {
  text-align: left;
  padding: 20px 0 0;
  clear: both;
}
.projectForm .donateFormSwitch {
  text-align: center;
  padding-top: 40px;
  clear: both;
}
.projectForm .donateFormSwitch a.button:link {
  background: #eee;
  color: #000b00 !important;
  font-size: 18px !important;
}
.projectForm .donateFormSwitch a.button:hover {
  background: #000b00;
  color: #eee;
}
@media only screen and (min-width: 640px) {
  .projectForm .donateFormTopRow {
    margin-bottom: 0;
  }
  .projectForm .nf-form-cont .nf-form-fields-required {
    margin-bottom: -20px;
  }
}
/********* Thank You Page/View ********/
.thanksMain .columns {
  text-align: center;
}
.thanksMain .columns p.receiptNumber {
  font-size: 21px;
  color: #4b52fa;
}
.thanksMain .thanksMainContent {
  text-align: left;
  margin: 3rem 0;
}
.thanksShare {
  background: #f6f6f6;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 40px 15px;
  text-align: center;
}
.thanksShare h3 {
  margin-top: 0;
}
.thanksShare .sharingButtons {
  position: relative;
  min-height: 100px;
  padding-top: 0;
}
.thanksShare .sharingButtons img {
  display: block;
}
.thanksShare .sharingButtons .sharingButtonHolder {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 60px;
  margin-top: -30px;
  text-align: center;
}
.thanksSocial {
  padding: 40px 15px;
  text-align: center;
}
.thanksSocial h3 {
  margin-top: 0;
  margin-bottom: 30px;
}
.thanksSocial .navSocial a {
  display: block;
  margin-bottom: 20px;
  text-decoration: none;
  font-size: 21px;
  color: #000b00;
  background: none !important;
}
.thanksSocial .navSocial a i {
  color: #4b52fa;
  margin-right: 3px;
  font-size: 36px;
}
.thanksSocial .navSocial a:hover {
  background: none;
  color: #4b52fa;
}
.thanksForm {
  display: none;
}
.fl-module-content .resourceGrid {
  background: none;
  padding: 30px 0;
}
.fl-module-content .resourceGrid li a .resourceText img {
  margin-left: 0;
}
.resourceGrid li.project a {
  background: #eee;
  transition: background 0.4s ease;
}
.resourceGrid li.project a:hover {
  background: #ddd;
}
.resourceGrid li.project .projectType {
  float: left;
  height: 36px;
  font-size: 14px;
  line-height: 19px;
  color: #333;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  top: 0px;
}
.resourceGrid li.project .projectType img {
  display: inline;
  position: relative;
  top: 5px;
  width: 22px;
}
.resourceGrid li.project .taxLogo {
  float: right;
  width: 50px;
  padding-top: 0px;
}
.single-projects .resourceGrid {
  background: #fafafa;
  border-top: 1px solid #ededed;
  clear: both;
}
.single-projects .resourceGrid h3 {
  text-align: center;
  font-size: 32px;
  margin: 0 0 20px;
  padding-top: 20px;
}
.single-projects .resourceGrid .moreProjects {
  padding: 10px 0 30px;
  text-align: center;
  clear: both;
}
body.page-template-donation-form #main {
  z-index: 20;
}
body.page-template-donation-form .row.topbar,
body.page-template-donation-form .row.footerSignup,
body.page-template-donation-form .row.eternityJobs,
body.page-template-donation-form .jobIframe,
body.page-template-donation-form .row.footer_banner {
  display: none;
}
body.page-template-donation-thankyou #main {
  z-index: 20;
}
body.page-template-donation-thankyou .mainContent {
  padding: 0 30px;
}
body.page-template-donation-thankyou .row.eternityJobs,
body.page-template-donation-thankyou .jobIframe,
body.page-template-donation-thankyou .row.footer_banner {
  display: none;
}
@media only screen and (min-width: 760px) {
  .projectIntro .projectBreadcrumbs {
    width: auto;
    float: left;
  }
  .projectIntro .projectBreadcrumbs p {
    margin-top: 14px;
  }
  .donateFormHolder {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .projectIntro .projectMeta {
    float: right !important;
    text-align: right;
    width: auto;
  }
  .projectIntro .projectMeta .pill {
    margin-right: 0;
    margin-left: 10px;
  }
  .projectIntro .projectMeta .taxdeductible {
    margin-right: 0;
  }
  .projectIntro .projectMeta .projectType {
    margin-left: 10px;
  }
  .projectSecondary {
    padding-top: 30px;
  }
  .projectSecondary img {
    max-width: 100%;
    height: auto!important;
  }
  .projectMain {
    padding-top: 20px;
    margin-bottom: 10px;
  }
  .projectForm {
    max-width: 1000px;
  }
  .projectForm .projectCheckoutProgress {
    width: 51%;
    padding: 80px 10px 0px 15px;
  }
  .nf-after-form-content {
    clear: left;
    float: left;
    width: 51%;
  }
}
#projectForm {
  scroll-margin-top: 100px;
}
.projectForm {
  background: transparent;
  padding: 2rem 0;
}
.projectForm #tl_popupCL1 {
  z-index: 100 !important;
}
.projectForm input::-webkit-outer-spin-button,
.projectForm input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.projectForm input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}
.projectForm .donateFormHolder {
  padding: 15px;
  background: #f6f6f6;
  border: 1px solid #eee;
  min-height: 500px;
  text-align: left;
  position: relative;
}
.projectForm .donateFormHolder h3 {
  margin: 0 0 10px;
  width: 70%;
}
.projectForm .donateFormHolder img.taxImage {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30%;
  max-width: 90px;
  display: none;
}
.projectForm .donateFormHeader {
  margin-bottom: 1rem;
}
.projectForm .donateFormHeader h3 {
  font-weight: 800;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
.projectForm .donateFormBody ul {
  position: static;
}
.projectForm .donateFormBody .gf_progressbar_wrapper {
  display: none;
}
.projectForm .donateFormBody .gfield_total {
  display: none;
}
.projectForm .donateFormBody .gform_page.page_1 .gform_next_button {
  height: 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  min-height: 0 !important;
}
.projectForm .donateFormBody .gform_page.page_1 .gform_page_footer {
  padding: 0;
}
.projectForm .donateFormBody .gform_page.page_3 .gform_page_footer {
  flex-direction: column;
}
.projectForm .donateFormBody .gform_page_footer {
  display: flex;
  flex-direction: column;
}
.projectForm .donateFormBody .gform_page_footer input[type="button"],
.projectForm .donateFormBody .gform_page_footer input[type="submit"] {
  min-width: 100%;
  font-size: 21px;
}
.projectForm .donateFormBody .gform_page_footer .gform_previous_button.button {
  order: 10;
  background-color: transparent;
  border: 1px solid #4b52fa;
  color: #4b52fa;
}
.projectForm .donateFormBody .gform_page_footer .gform_next_button.button,
.projectForm .donateFormBody .gform_page_footer input[type="submit"] {
  margin-left: 0px;
  background-color: black;
  color: #4b52fa;
  border: 1px solid black;
}
.projectForm .donateFormBody .gform_page_footer .gform_next_button.button:hover,
.projectForm .donateFormBody .gform_page_footer input[type="submit"]:hover {
  background-color: #4b52fa;
  color: white;
  border: 1px solid #4b52fa;
}
.projectForm .donateFormBody .gform_page_footer input[type="submit"] {
  order: 5;
}
.projectForm .donateFormBody .gform_page_footer #gform_ppcp_smart_payment_buttons {
  order: 3;
  margin: 1rem 0;
  width: 100%;
}
.projectForm .donateFormBody .gform_page_footer .gform_ajax_spinner {
  align-self: center;
  width: 50px;
  order: 10;
}
.projectForm .donateFormBody .gfield_checkbox {
  margin-top: 1.5rem;
}
.projectForm .donateFormBody .gfield_checkbox .gfield-choice-input[type=checkbox] {
  width: 0;
  height: 0;
  cursor: pointer;
  visibility: hidden;
}
.projectForm .donateFormBody .gfield_checkbox .gfield-choice-input[type=checkbox]::before {
  content: " ";
  display: block;
  position: relative;
  height: 20px;
  width: 36px;
  top: calc(50% - 20px/2);
  background: #C3CBCD;
  border-radius: 18px;
  transition: background-color 0.2s ease;
  visibility: visible;
}
.projectForm .donateFormBody .gfield_checkbox .gfield-choice-input[type=checkbox]:checked::before {
  background: #4b52fa;
}
.projectForm .donateFormBody .gfield_checkbox .gfield-choice-input[type=checkbox]::after {
  content: " ";
  display: block;
  position: relative;
  height: 16px;
  width: 16px;
  left: 2px;
  top: -28px;
  background: #FFFFFF;
  border-radius: 8px;
  transition: left 0.2s ease;
  visibility: visible;
}
.projectForm .donateFormBody .gfield_checkbox .gfield-choice-input[type=checkbox]:checked::after {
  left: 18px;
}
.projectForm .donateFormBody .gfield_checkbox label {
  margin-left: -5px;
  margin-top: -3.5rem;
  cursor: pointer;
}
.projectForm .donateFormBody .gfield_parent_type_amount_selector .ginput_container_amount_selector input {
  font-size: 2.5rem;
  font-family: quasimoda, 'Inter', sans-serif;
  color: #4b52fa;
  background: transparent;
  border: 0;
  border-bottom: solid 1px #4b52fa;
  border-radius: 0 !important;
  padding: 0 10px;
  margin-top: 1rem;
  line-height: 1 !important;
  min-height: unset !important;
}
.projectForm p.disclaimer,
.projectForm .donateFormBody .gfield .gfield_description {
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 0;
  clear: both;
}
.projectForm p.disclaimer b,
.projectForm .donateFormBody .gfield .gfield_description b,
.projectForm p.disclaimer strong,
.projectForm .donateFormBody .gfield .gfield_description strong {
  display: block;
  padding-top: 5px;
}
.projectForm label,
.projectForm legend {
  text-transform: uppercase;
}
.projectForm .gform_page.page_2 label,
.projectForm .gform_page.page_2 legend {
  text-transform: unset;
  font-weight: unset;
}
.projectForm .donateFormSupporting a:hover {
  background: none;
}
.projectForm .donateFormSupporting img {
  display: block;
  margin: 0;
}
.projectForm .donateFormProject {
  margin-top: 2rem;
}
.projectForm .donateFormProject p {
  font-size: 1.5rem;
  font-family: quasimoda, Inter, sans-serif;
  color: #000b00;
  text-transform: none;
  margin-bottom: 1rem;
}
.projectForm .donateFormProject .card.project.tile-size-small {
  flex-direction: row-reverse;
}
.projectForm .donateFormProject .card.project.tile-size-small .headline {
  align-self: flex-end;
  padding-left: 7px;
  margin-bottom: 10px;
}
.projectForm .donateFormProject .card.project.tile-size-small .tax-logo {
  width: 3rem;
  left: 5.5rem;
  top: 6px;
}
.projectForm .donateFormProject .card.project.tile-size-small .overlay a {
  flex-direction: row-reverse;
}
.projectForm .donateFormProject .card.project.tile-size-small .overlay a .thumbnail-overlay {
  left: 0;
  right: auto;
}
.projectForm .donateFormProject .card.project.tile-size-small .amount {
  position: absolute;
  top: 3px;
  right: 10px;
  font-size: 22px;
  font-weight: 600;
  z-index: 20;
}
@media only screen and (min-width: 1024px) and (max-width: 1100px), (max-width: 380px) {
  .projectForm .donateFormProject .project {
    height: 80px;
  }
  .projectForm .donateFormProject .project .thumbnail,
  .projectForm .donateFormProject .project .thumbnail-overlay {
    display: none;
  }
  .projectForm .donateFormProject .project .tax-logo {
    left: 0.5rem !important;
  }
}
.projectForm .donateFormContact {
  clear: both;
  padding-top: 10px;
  margin-left: 25px;
}
.projectForm .donateFormContact .contactIcon {
  clear: both;
  padding-top: 20px;
  margin: 0;
  width: 300px;
}
.projectForm .donateFormContact .contactIcon a {
  text-decoration: none;
}
.projectForm .donateFormContact .contactIcon a i {
  height: 60px;
  width: 60px;
  display: block;
  float: left;
  margin: 0 20px 0 0;
  border-radius: 50%;
  background: #4b52fa;
  font-size: 36px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.projectForm .donateFormContact .contactIcon a span {
  font-size: 24px;
  line-height: 24px;
  color: #000b00;
}
.projectForm .donateFormContact .contactIcon a span em {
  font-size: 18px;
  position: relative;
  top: -3px;
}
.projectForm .donateFormContact .contactIcon a:hover {
  background: none;
  color: #000b00;
}
.projectForm .donateFormContact .contactIcon a:hover i {
  background: #000b00;
}
.projectForm .donateFormContact .contactIcon:last-child a span {
  display: inline-block;
  padding-top: 17px;
}
.projectForm .donateFormSecure {
  clear: both;
  padding: 20px 0 0 0;
  margin-left: 25px;
}
.projectForm .donateFormSecure a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.projectForm .donateFormSecure a span {
  color: #000b00;
  max-width: 300px;
}
.projectForm .donateFormSecure .sslSeal {
  height: 60px;
  width: 60px;
  min-width: 60px;
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding: 15px;
  border-radius: 50%;
  border: solid 1px #e0e0e0;
  background: #FFFFFF;
  text-align: center;
}
.projectForm .card.project.tile-size-small {
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
.projectForm .card.project.tile-size-small .headline {
  margin: 0;
}
.projectForm .card.project.tile-size-small .headline h1 {
  font-size: 1rem;
}
.projectForm .card.project.tile-size-small .labels {
  display: none;
}
.projectForm.donate-form-slim .donateFormSecure span {
  font-size: 11px;
}
.donate-form-wide .donateFormHolder {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "header" "body" "supporting";
}
.donate-form-wide .donateFormHolder .donateFormHeader {
  grid-area: header;
}
.donate-form-wide .donateFormHolder .donateFormBody {
  grid-area: body;
}
.donate-form-wide .donateFormHolder .donateFormSupporting {
  grid-area: supporting;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media only screen and (min-width: 759px) {
  .donate-form-wide .donateFormHolder {
    grid-template-columns: 1fr 2rem 1fr;
    grid-template-areas: "header . supporting" "body . supporting";
  }
}
.receipt {
  text-align: left;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  padding: 2em;
  margin: 2em 40px;
}
.receipt .toprow {
  display: flex;
  background-color: #000b00;
  margin: -2em -2em 2em -2em;
  padding: 2em;
  gap: 1rem;
}
.receipt .toprow img {
  max-width: 100px;
  max-height: 38px;
  align-self: center;
}
.receipt .toprow p.date {
  margin-left: auto;
  color: #FFFFFF;
  font-weight: 700;
  align-self: center;
  margin-bottom: 0;
}
.receipt .toprow p.date span {
  font-weight: 400;
}
.receipt h2 {
  text-transform: uppercase;
  color: #000;
  margin: 0;
  font-size: 2em;
}
@media screen and (max-width: 1024px) {
  .receipt h2 {
    font-size: 1.5em;
  }
}
.receipt .label {
  padding: 5px 10px;
  border-radius: 15px;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin: 0 0.5rem 0.5rem 0;
  display: inline-block;
  background-color: #01b9a3;
  color: #FFF;
}
.receipt p.amount {
  color: #000;
  font-size: 6rem;
  line-height: 6rem;
  font-weight: 900;
  padding: 20px 0;
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .receipt p.amount {
    font-size: 3em;
    line-height: 3rem;
  }
}
.receipt .taxlabel {
  background-color: #00bbee;
  padding: 5px 10px;
  display: inline-block;
  color: #FFF;
  position: relative;
}
.receipt .taxlabel:after {
  bottom: 100%;
  left: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.receipt .taxlabel:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #00bbee;
  border-width: 12px;
  margin-left: -12px;
}
.receipt h3 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 1em;
}
.receipt .row:first-child {
  padding-left: 0;
}
.receipt .note p {
  font-size: 0.8rem;
  color: #aaa;
}
@media print {
  body > *:not(.thanksMain) {
    display: none;
  }
  #dek_myBtn {
    display: none !important;
  }
  .thanksMain .textCol {
    display: none;
  }
  .receipt {
    box-shadow: none;
    border: 1px solid #686868;
    margin-top: -2em;
    transform: scale(0.7);
    width: 200%;
  }
  .receipt .toprow img {
    filter: grayscale(100%) invert(100%);
  }
  .receipt .label {
    padding: 10px 0;
  }
  .receipt p.amount {
    font-size: 4em;
    line-height: 2em;
    margin: 0;
  }
  .receipt .taxlabel:after {
    display: none;
  }
}
body.page-template-donation-thankyou .thanksMain {
  max-width: 90em;
}
/**
 * Swiper 6.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 5, 2021
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:auto;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cpx-hero {
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.cpx-hero.center {
  background-position: center;
  text-align: unset;
}
.cpx-hero.top {
  background-position: top;
}
.cpx-hero.bottom {
  background-position: bottom;
}
.cpx-hero.left {
  background-position: left;
}
.cpx-hero.right {
  background-position: right;
}
.cpx-hero.top_left {
  background-position: top left;
}
.cpx-hero.top_right {
  background-position: top right;
}
.cpx-hero.bottom_left {
  background-position: bottom left;
}
.cpx-hero.bottom_right {
  background-position: bottom right;
}
.cpx-hero.Normal {
  color: #ffffff;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
.cpx-hero.Normal .tagline,
.cpx-hero.Normal .subtitle,
.cpx-hero.Normal .description,
.cpx-hero.Normal label,
.cpx-hero.Normal h4,
.cpx-hero.Normal p {
  color: #ffffff;
}
.cpx-hero.Normal.dark {
  color: #000b00;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.25);
}
.cpx-hero.Normal.dark h1,
.cpx-hero.Normal.dark .tagline,
.cpx-hero.Normal.dark .subtitle,
.cpx-hero.Normal.dark .description,
.cpx-hero.Normal.dark label,
.cpx-hero.Normal.dark h4,
.cpx-hero.Normal.dark p {
  color: #000b00;
}
.cpx-hero.Normal.dark .fullscreen-launch {
  color: #000;
}
.cpx-hero.Normal.dark .fullscreen-launch:before {
  content: ' ';
  background-image: url("/wp-content/themes/cpx_v1/images/fullScreenDark.svg");
  border: 1px solid #000;
}
.cpx-hero.Inverted {
  color: #000b00;
}
.cpx-hero.Inverted .tagline,
.cpx-hero.Inverted .subtitle,
.cpx-hero.Inverted .description,
.cpx-hero.Inverted label,
.cpx-hero.Inverted h4 {
  color: #000b00;
}
.cpx-hero.Inverted h1 {
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #000b00;
}
.cpx-hero.Inverted h1.center {
  background-position: center;
}
.cpx-hero.Inverted h1.top {
  background-position: top;
}
.cpx-hero.Inverted h1.bottom {
  background-position: bottom;
}
.cpx-hero.Inverted h1.left {
  background-position: left;
}
.cpx-hero.Inverted h1.right {
  background-position: right;
}
.cpx-hero.Inverted h1.top_left {
  background-position: top left;
}
.cpx-hero.Inverted h1.top_right {
  background-position: top right;
}
.cpx-hero.Inverted h1.bottom_left {
  background-position: bottom left;
}
.cpx-hero.Inverted h1.bottom_right {
  background-position: bottom right;
}
.cpx-hero.Inverted .overlay {
  display: none;
}
.cpx-hero .background-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 120vw;
  height: 100%;
  overflow: hidden;
}
.cpx-hero .background-video iframe {
  height: 100%;
  width: 100%;
}
.cpx-hero .background-video .fullscreen-controls {
  position: fixed;
  text-shadow: inherit;
}
.cpx-hero .container {
  min-height: calc(75vh - 85px);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: [content] 1fr [right] 1fr;
  grid-template-rows: [top] 1fr [tagline right-start] 30px [title] auto [seperator] auto [excerpt] auto [description] auto [fullscreen-launch] auto [buttons right-end] 50px 1fr;
  position: relative;
  z-index: 2;
}
.cpx-hero .container img {
  display: block;
}
.cpx-hero.search .container {
  grid-template-rows: [top] auto 1fr [tagline right-start] 30px [title] auto [seperator] auto [excerpt] auto [description] auto [fullscreen-launch] auto [buttons right-end] 50px 1fr;
}
.cpx-hero.archive {
  background-color: #333;
}
.cpx-hero.archive .overlay {
  display: none;
}
.cpx-hero.archive .container {
  min-height: unset;
  grid-template-rows: [top] 1fr [tagline right-start] 30px [title] auto [seperator] auto [excerpt] auto [description] auto [fullscreen-launch] auto [buttons right-end] 1fr;
}
.cpx-hero .top-separator {
  grid-column: content;
  grid-row: top;
  height: 10rem;
}
.cpx-hero .tagline {
  grid-column: content;
  grid-row: tagline;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
}
.cpx-hero .labels {
  grid-column: content;
  grid-row: tagline;
}
.cpx-hero h1 {
  grid-column: content;
  grid-row: title;
  font-size: 4rem;
  line-height: 1em;
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
.cpx-hero h1.char-length-15,
.cpx-hero h1.char-length-40 {
  font-size: 3rem;
}
.cpx-hero .separator {
  margin: 30px 0px 30px 0px;
  background-color: #4b52fa;
  height: 10px;
  width: 100px;
  grid-column: content;
  grid-row: seperator;
}
.cpx-hero .subtitle {
  grid-column: content;
  grid-row: excerpt;
  margin: 0;
  margin-bottom: 1rem;
}
.cpx-hero .description {
  grid-column: content;
  grid-row: description;
  margin: 0;
  margin-bottom: 1rem;
}
.cpx-hero .description p {
  margin: 0;
}
.cpx-hero .author {
  grid-column: content;
  grid-row: author;
}
.cpx-hero .buttons {
  grid-column: content;
  grid-row: buttons;
}
.cpx-hero .buttons .button:first-child {
  margin-right: 1rem;
}
.cpx-hero .buttons .button + .button {
  margin-top: 1rem;
}
.cpx-hero .fullscreen-launch {
  grid-row: fullscreen-launch;
  grid-column: content;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #fff;
  text-decoration: none;
  padding: 20px 0;
  display: block;
  margin-bottom: 2rem;
}
.cpx-hero .fullscreen-launch:before {
  content: ' ';
  background-image: url("/wp-content/themes/cpx_v1/images/fullScreenWhite.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin-top: -17px;
  padding: 25px;
  border: 1px solid #ddd;
  margin-right: 20px;
}
.cpx-hero .right-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  grid-column: right;
  grid-row-start: right-start;
  grid-row-end: right-end;
  width: 100%;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto;
}
.cpx-hero .right-content a.playButton {
  display: block;
  width: 0;
  z-index: 20;
}
.cpx-hero .right-content a.playButton span {
  display: none;
}
.cpx-hero .right-content a.playButton i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  border: 5px solid #fff;
  border-radius: 50%;
  font-size: 72px;
  line-height: 112px;
  padding-left: 35px;
  margin-left: -60px;
  margin-top: -60px;
  color: #fff;
  transition: all 0.4s ease;
}
.cpx-hero .right-content a:hover i {
  border-color: #7283ef;
  color: #7283ef;
}
.cpx-hero h1 {
  color: #ffffff;
}
.cpx-hero .refineSearch {
  padding: 0;
  margin: 0;
  width: 200%;
}
.cpx-hero .refineSearch form {
  padding: 0;
  margin: 0;
}
.cpx-hero .refineSearch form .sf-field-search label {
  width: 50%;
}
.cpx-hero .refineSearch form .sf-field-taxonomy-media {
  width: 100%;
}
.cpx-hero .refineSearch form .sf-field-taxonomy-media li {
  width: unset;
}
.cpx-hero .refineSearch form .sf-field-category,
.cpx-hero .refineSearch form .sf-field-taxonomy-person,
.cpx-hero .refineSearch form .sf-field-author {
  width: 20%;
  margin-right: 1rem;
}
.cpx-hero .refineSearch form .sf-field-category .select2,
.cpx-hero .refineSearch form .sf-field-taxonomy-person .select2,
.cpx-hero .refineSearch form .sf-field-author .select2 {
  min-width: 100%;
  max-width: 100%;
}
.cpx-hero .refineSearch form .sf-field-category .select2 .select2-selection__rendered,
.cpx-hero .refineSearch form .sf-field-taxonomy-person .select2 .select2-selection__rendered,
.cpx-hero .refineSearch form .sf-field-author .select2 .select2-selection__rendered {
  font-size: 12px;
}
.cpx-hero .refineSearch form .sf-field-submit {
  clear: left;
}
.cpx-postgrid .container {
  display: grid;
  column-gap: 2rem;
  row-gap: 2rem;
}
.cpx-postgrid .container .griditem {
  display: flex;
  position: relative;
  color: #ffffff;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.cpx-postgrid .container h1,
.cpx-postgrid .container p {
  transition: all 0.3s ease-in-out;
  margin: 0;
}
.cpx-postgrid .container .bottomcontent {
  text-decoration: none;
}
.cpx-postgrid .container .hover {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #4b52fa;
  z-index: 3;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  text-decoration: none;
}
.cpx-postgrid .container .hover h1 {
  width: 100%;
}
.cpx-postgrid .container .hover p {
  display: block;
}
.cpx-postgrid .container .background {
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cpx-postgrid .container .fa {
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 1.25rem;
  z-index: 4;
  color: black;
  background-color: white;
  transition: all 0.3s ease-in-out;
}
.cpx-postgrid .container .fa.news {
  background-color: transparent;
}
.cpx-postgrid .container h1 {
  width: 100%;
  margin: 0;
  line-height: 1em;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
}
.cpx-postgrid .container p {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2em;
}
.cpx-postgrid .container .author {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.cpx-postgrid .container .author .author-image {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin-right: 1rem;
}
.cpx-postgrid .container .author .author-text {
  transition: all 0.3s ease-in-out;
  font-family: quasimoda, Inter, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #000b00;
}
.cpx-postgrid .container .labels {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 4;
}
.cpx-postgrid .container .labels a.post-label {
  background-color: #4b52fa;
  color: #FFFFFF;
  display: inline;
}
.cpx-postgrid .container .post-label {
  padding: 5px 10px;
  border-radius: 12.5px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  margin: 0 0.5rem 0.5rem 0;
  height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cpx-postgrid .container a.post-label {
  text-decoration: none;
}
.cpx-postgrid .container .date {
  font-family: quasimoda, Inter, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
}
.cpx-postgrid .container .overflow {
  display: inline;
}
.cpx-postgrid .container .overflow_dots {
  display: none;
}
.cpx-postgrid .container :hover .author .author-text {
  color: #ffffff;
}
.cpx-postgrid .container.tile .bottomcontent {
  border-top: 2rem;
  padding: 1.5rem;
  align-self: flex-end;
  bottom: 0;
  z-index: 2;
}
.cpx-postgrid .container.tile .bottomcontent .title {
  margin-top: 3rem;
}
.cpx-postgrid .container.tile .bottomcontent .date {
  margin-top: 1.5rem;
}
.cpx-postgrid .container.tile .bottomcontent.dark h1,
.cpx-postgrid .container.tile .bottomcontent.dark p {
  color: #000b00;
}
.cpx-postgrid .container.tile h1,
.cpx-postgrid .container.tile p {
  color: #ffffff;
}
.cpx-postgrid .container.tile .hover {
  opacity: 0;
}
.cpx-postgrid .container.tile .hover .title {
  margin-top: 3rem;
}
.cpx-postgrid .container.tile .hover .date {
  margin-top: 1.5rem;
}
.cpx-postgrid .container.tile :hover .hover {
  opacity: 1;
}
.cpx-postgrid .container.tile :hover .fa {
  color: white;
  background-color: transparent;
}
.cpx-postgrid .container.card .bottomcontent {
  display: none;
}
.cpx-postgrid .container.card .overlay {
  background: url("/wp-content/themes/cpx_v1/images/bannerOverlay.png") repeat;
}
.cpx-postgrid .container.card .background {
  position: absolute;
  width: 100%;
  height: 50%;
}
.cpx-postgrid .container.card .background .shadow {
  display: none;
}
.cpx-postgrid .container.card .hover {
  opacity: 1;
  background-color: #ffffff;
  height: 50%;
  top: 50%;
}
.cpx-postgrid .container.card h1,
.cpx-postgrid .container.card p {
  color: #000b00;
}
.cpx-postgrid .container.card :hover .hover {
  background-color: #4b52fa;
}
.cpx-postgrid .container.card :hover h1,
.cpx-postgrid .container.card :hover p {
  color: #ffffff;
}
.cpx-postgrid.carousel {
  width: 100%;
}
.cpx-single-post {
  margin: 0 1rem;
  display: inline-block;
}
.cpx-single-post.large {
  height: 640px;
  width: 640px;
}
.cpx-single-post.medium {
  height: 300px;
  width: 300px;
}
.cpx-single-post.small {
  height: 4rem;
  width: 100%;
}
.cpx-single-post .griditem {
  display: flex;
  position: relative;
  color: #ffffff;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.cpx-single-post h1,
.cpx-single-post p {
  transition: all 0.3s ease-in-out;
  margin: 0;
}
.cpx-single-post .bottomcontent {
  text-decoration: none;
}
.cpx-single-post .hover {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #4b52fa;
  z-index: 3;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  text-decoration: none;
}
.cpx-single-post .hover h1 {
  width: 100%;
}
.cpx-single-post .hover p {
  display: block;
}
.cpx-single-post .background {
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cpx-single-post .fa {
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 1.25rem;
  z-index: 4;
  color: black;
  background-color: white;
  transition: all 0.3s ease-in-out;
}
.cpx-single-post .fa.news {
  background-color: transparent;
}
.cpx-single-post h1 {
  width: 100%;
  margin: 0;
  line-height: 1em;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
}
.cpx-single-post p {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2em;
}
.cpx-single-post .author {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.cpx-single-post .author .author-image {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin-right: 1rem;
}
.cpx-single-post .author .author-text {
  transition: all 0.3s ease-in-out;
  font-family: quasimoda, Inter, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #000b00;
}
.cpx-single-post .labels {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 4;
}
.cpx-single-post .labels a.post-label {
  background-color: #4b52fa;
  color: #FFFFFF;
  display: inline;
}
.cpx-single-post .post-label {
  padding: 5px 10px;
  border-radius: 12.5px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  margin: 0 0.5rem 0.5rem 0;
  height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cpx-single-post a.post-label {
  text-decoration: none;
}
.cpx-single-post .date {
  font-family: quasimoda, Inter, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
}
.cpx-single-post .overflow {
  display: inline;
}
.cpx-single-post .overflow_dots {
  display: none;
}
.cpx-single-post :hover .author .author-text {
  color: #ffffff;
}
.cpx-single-post.tile .bottomcontent {
  border-top: 2rem;
  padding: 1.5rem;
  align-self: flex-end;
  bottom: 0;
  z-index: 2;
}
.cpx-single-post.tile .bottomcontent .title {
  margin-top: 3rem;
}
.cpx-single-post.tile .bottomcontent .date {
  margin-top: 1.5rem;
}
.cpx-single-post.tile .bottomcontent.dark h1,
.cpx-single-post.tile .bottomcontent.dark p {
  color: #000b00;
}
.cpx-single-post.tile h1,
.cpx-single-post.tile p {
  color: #ffffff;
}
.cpx-single-post.tile .hover {
  opacity: 0;
}
.cpx-single-post.tile .hover .title {
  margin-top: 3rem;
}
.cpx-single-post.tile .hover .date {
  margin-top: 1.5rem;
}
.cpx-single-post.tile :hover .hover {
  opacity: 1;
}
.cpx-single-post.tile :hover .fa {
  color: white;
  background-color: transparent;
}
.cpx-single-post.card .bottomcontent {
  display: none;
}
.cpx-single-post.card .overlay {
  background: url("/wp-content/themes/cpx_v1/images/bannerOverlay.png") repeat;
}
.cpx-single-post.card .background {
  position: absolute;
  width: 100%;
  height: 50%;
}
.cpx-single-post.card .background .shadow {
  display: none;
}
.cpx-single-post.card .hover {
  opacity: 1;
  background-color: #ffffff;
  height: 50%;
  top: 50%;
}
.cpx-single-post.card h1,
.cpx-single-post.card p {
  color: #000b00;
}
.cpx-single-post.card :hover .hover {
  background-color: #4b52fa;
}
.cpx-single-post.card :hover h1,
.cpx-single-post.card :hover p {
  color: #ffffff;
}
.cpx-single-post .large.card .title {
  font-size: 2rem;
}
.cpx-single-post .large.card .title.char-length-15,
.cpx-single-post .large.card .title.char-length-40,
.cpx-single-post .large.card .title.char-word-12 {
  font-size: 1.5rem;
}
.cpx-single-post .large .title {
  font-size: 4rem;
}
.cpx-single-post .large .date {
  font-weight: 700;
}
.cpx-single-post .large .summary {
  font-weight: 500;
  display: block;
}
.cpx-single-post .medium .hover .char-length-15,
.cpx-single-post .medium .hover .char-word-12 {
  font-size: 1.5rem;
}
.cpx-single-post .medium .hover .char-length-40 {
  font-size: 1rem;
}
.cpx-single-post .medium .author .author-image {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.cpx-single-post .medium .author .author-text {
  font-size: 0.8rem;
}
.cpx-single-post .medium.card .summary {
  font-size: 0.75rem;
}
.cpx-single-post .medium.card .author {
  display: none;
}
.cpx-single-post .medium.tile .char-length-40 {
  font-size: 1.5rem;
}
.cpx-single-post .medium.tile .char-word-12 {
  font-size: 1.5rem;
}
.cpx-single-post .medium.tile .bottomcontent .date,
.cpx-single-post .medium.tile .bottomcontent .summary {
  display: none;
}
.cpx-single-post .medium.tile .hover .char-length-15 {
  font-size: 1.5rem;
}
.cpx-single-post .medium.tile .hover .char-length-40 {
  font-size: 1rem;
}
.cpx-single-post .small {
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  display: grid;
  grid-template-columns: [info] 1fr [thumbnail] 80px;
}
.cpx-single-post .small:hover {
  background-color: #4b52fa;
}
.cpx-single-post .small:hover h1,
.cpx-single-post .small:hover p {
  color: #ffffff;
}
.cpx-single-post .small .labels {
  display: none;
}
.cpx-single-post .small .fa {
  display: none;
}
.cpx-single-post .small .summary {
  display: none;
}
.cpx-single-post .small h1 {
  color: #000b00;
}
.cpx-single-post .small p {
  color: #000b00;
  font-size: 0.8rem;
}
.cpx-single-post .small.griditem {
  justify-content: flex-end;
}
.cpx-single-post .small .hover {
  display: none;
}
.cpx-single-post .small .background {
  grid-column: thumbnail;
  height: 80px;
}
.cpx-single-post .small .bottomcontent {
  grid-column: info;
  height: 100%;
  padding: 5px 1rem;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-self: flex-start;
}
.cpx-single-post .small .bottomcontent .title,
.cpx-single-post .small .bottomcontent .date {
  margin: 0;
}
.cpx-single-post .small .date {
  text-align: left;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-bottom: 4px;
}
.cpx-single-post .small h1 {
  font-size: 1rem;
}
.cpx-single-post .small h1.char-length-40 {
  font-size: 0.75rem;
}
.cpx-single-post .small .divider,
.cpx-single-post .small .estimate {
  display: none;
}
.carousel-prev,
.carousel-next {
  height: 100%;
  width: 8rem;
  position: absolute;
  top: 0;
  margin: 0;
  z-index: 1;
}
.carousel-prev i,
.carousel-next i {
  position: absolute;
  top: 50%;
  font-size: 1.6rem;
  padding: 10px 8px;
  background: #4b52fa;
  color: #ffffff;
}
.carousel-next {
  right: 0;
  background: #f6f6f6;
  background: linear-gradient(90deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 75%, #f6f6f6 100%);
}
.carousel-next i {
  right: 50%;
  margin: -1.6rem -4rem 0 0;
}
.carousel-prev {
  left: 0;
  background: #f6f6f6;
  background: linear-gradient(270deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 75%, #f6f6f6 100%);
}
.carousel-prev i {
  left: 50%;
  margin: -1.6rem 0 0 -4rem;
}
.overlay {
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/cpx_v1/images/bannerOverlay.png") repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.overlay.light {
  background: url("/wp-content/themes/cpx_v1/images/bannerOverlay.png") repeat;
}
.overlay.dark {
  background: url("/wp-content/themes/cpx_v1/images/bannerOverlayLight.png") repeat;
}
.separator {
  background-color: #4b52fa;
  height: 10px;
  width: 100px;
}
.more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2rem 0 1rem 0;
}
.more a.more-button {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.more a.more-button span {
  font-family: quasimoda, Inter, sans-serif;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.more a.more-button i.icon-right {
  padding: 10px 8px;
  font-size: 1.6rem;
  margin-left: 15px;
  border: solid 1px #CCCCCC;
}
.more a.more-button:hover i.icon-right {
  border: solid 1px #000b00;
}
.cpx-people-grid .container {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-auto-rows: auto;
}
.cpx-people-grid .container h1,
.cpx-people-grid .container h2,
.cpx-people-grid .container h3,
.cpx-people-grid .container h4,
.cpx-people-grid .container h5,
.cpx-people-grid .container h6 {
  font-family: quasimoda, Inter, sans-serif;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.cpx-people-grid .container .author-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.cpx-people-grid .container .author-card .author-image {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.cpx-people-grid .container .author-card .separator {
  width: 50px;
  margin-bottom: 2rem;
}
.cpx-people-grid .container .author-card .author-bio p {
  text-align: center;
  font-size: 1rem;
  line-height: 1.4rem;
}
.cpx-people-grid .container .author-card .author-posts {
  width: 100%;
}
.cpx-people-grid .container .author-card .author-posts .cpx-postgrid .container.length3 {
  width: 100%;
  grid-template-columns: 100%;
}
.cpx-people-grid .container .author-card button {
  padding-left: 0;
  padding-right: 0;
  margin: 2rem 0;
  width: 100%;
  min-width: unset;
}
.cpx-people-grid .container .author-card button + .author-posts {
  max-height: 0;
  overflow: hidden;
  transition: 0.4s max-height ease;
}
.cpx-people-grid.people-list .container .author-card .author-bio {
  height: 8rem;
}
.cpx-mega-card .griditem {
  display: flex;
  position: relative;
  color: #ffffff;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.cpx-mega-card h1,
.cpx-mega-card p {
  transition: all 0.3s ease-in-out;
  margin: 0;
}
.cpx-mega-card .bottomcontent {
  text-decoration: none;
}
.cpx-mega-card .hover {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: #4b52fa;
  z-index: 3;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  text-decoration: none;
}
.cpx-mega-card .hover h1 {
  width: 100%;
}
.cpx-mega-card .hover p {
  display: block;
}
.cpx-mega-card .background {
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.cpx-mega-card .fa {
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 1.25rem;
  z-index: 4;
  color: black;
  background-color: white;
  transition: all 0.3s ease-in-out;
}
.cpx-mega-card .fa.news {
  background-color: transparent;
}
.cpx-mega-card h1 {
  width: 100%;
  margin: 0;
  line-height: 1em;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
}
.cpx-mega-card p {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2em;
}
.cpx-mega-card .author {
  display: flex;
  align-items: center;
  margin-top: auto;
}
.cpx-mega-card .author .author-image {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin-right: 1rem;
}
.cpx-mega-card .author .author-text {
  transition: all 0.3s ease-in-out;
  font-family: quasimoda, Inter, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #000b00;
}
.cpx-mega-card .labels {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  z-index: 4;
}
.cpx-mega-card .labels a.post-label {
  background-color: #4b52fa;
  color: #FFFFFF;
  display: inline;
}
.cpx-mega-card .post-label {
  padding: 5px 10px;
  border-radius: 12.5px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  margin: 0 0.5rem 0.5rem 0;
  height: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.cpx-mega-card a.post-label {
  text-decoration: none;
}
.cpx-mega-card .date {
  font-family: quasimoda, Inter, sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
}
.cpx-mega-card .overflow {
  display: inline;
}
.cpx-mega-card .overflow_dots {
  display: none;
}
.cpx-mega-card .container {
  min-height: 600px;
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.cpx-mega-card .container .card-image {
  background-size: cover;
  position: relative;
  min-height: 400px;
}
.cpx-mega-card .container .card-image.center {
  background-position: center;
}
.cpx-mega-card .container .card-image.top {
  background-position: top;
}
.cpx-mega-card .container .card-image.bottom {
  background-position: bottom;
}
.cpx-mega-card .container .card-image.left {
  background-position: left;
}
.cpx-mega-card .container .card-image.right {
  background-position: right;
}
.cpx-mega-card .container .card-image.top_left {
  background-position: top left;
}
.cpx-mega-card .container .card-image.top_right {
  background-position: top right;
}
.cpx-mega-card .container .card-image.bottom_left {
  background-position: bottom left;
}
.cpx-mega-card .container .card-image.bottom_right {
  background-position: bottom right;
}
.cpx-mega-card .container .card-content {
  background-color: #ffffff;
  padding: 2rem;
  position: relative;
  display: grid;
  grid-template-columns: [content] 1fr;
  grid-template-rows: [tagline] 3rem [title] max-content [seperator] 70px [author] max-content [excerpt] 1fr [buttons] 50px;
}
.cpx-mega-card .container .card-content .top-separator {
  grid-column: content;
  grid-row: top;
  height: 10rem;
}
.cpx-mega-card .container .card-content .tagline {
  grid-column: content;
  grid-row: tagline;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
}
.cpx-mega-card .container .card-content .labels {
  grid-column: content;
  grid-row: tagline;
}
.cpx-mega-card .container .card-content h1 {
  grid-column: content;
  grid-row: title;
  font-size: 4rem;
  line-height: 1em;
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
.cpx-mega-card .container .card-content h1.char-length-15,
.cpx-mega-card .container .card-content h1.char-length-40 {
  font-size: 3rem;
}
.cpx-mega-card .container .card-content .separator {
  margin: 30px 0px 30px 0px;
  background-color: #4b52fa;
  height: 10px;
  width: 100px;
  grid-column: content;
  grid-row: seperator;
}
.cpx-mega-card .container .card-content .subtitle {
  grid-column: content;
  grid-row: excerpt;
  margin: 0;
  margin-bottom: 1rem;
}
.cpx-mega-card .container .card-content .description {
  grid-column: content;
  grid-row: description;
  margin: 0;
  margin-bottom: 1rem;
}
.cpx-mega-card .container .card-content .description p {
  margin: 0;
}
.cpx-mega-card .container .card-content .author {
  grid-column: content;
  grid-row: author;
}
.cpx-mega-card .container .card-content .buttons {
  grid-column: content;
  grid-row: buttons;
}
.cpx-mega-card .container .card-content .buttons .button:first-child {
  margin-right: 1rem;
}
.cpx-mega-card .container .card-content .buttons .button + .button {
  margin-top: 1rem;
}
.cpx-mega-card .container .card-content .fullscreen-launch {
  grid-row: fullscreen-launch;
  grid-column: content;
  text-transform: uppercase;
  font-size: 0.9rem;
  color: #fff;
  text-decoration: none;
  padding: 20px 0;
  display: block;
  margin-bottom: 2rem;
}
.cpx-mega-card .container .card-content .fullscreen-launch:before {
  content: ' ';
  background-image: url("/wp-content/themes/cpx_v1/images/fullScreenWhite.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin-top: -17px;
  padding: 25px;
  border: 1px solid #ddd;
  margin-right: 20px;
}
.cpx-mega-card .container .card-content .right-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  grid-column: right;
  grid-row-start: right-start;
  grid-row-end: right-end;
  width: 100%;
  padding-left: 2rem;
  margin-left: auto;
  margin-right: auto;
}
.cpx-mega-card .container .card-content .right-content a.playButton {
  display: block;
  width: 0;
  z-index: 20;
}
.cpx-mega-card .container .card-content .right-content a.playButton span {
  display: none;
}
.cpx-mega-card .container .card-content .right-content a.playButton i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  border: 5px solid #fff;
  border-radius: 50%;
  font-size: 72px;
  line-height: 112px;
  padding-left: 35px;
  margin-left: -60px;
  margin-top: -60px;
  color: #fff;
  transition: all 0.4s ease;
}
.cpx-mega-card .container .card-content .right-content a:hover i {
  border-color: #7283ef;
  color: #7283ef;
}
.cpx-mega-card .container .card-content h1.char-word-12 {
  font-size: 2rem;
}
.cpx-mega-card .container .card-content .subtitle {
  margin-bottom: 2rem;
}
.cpx-mega-card .container .card-content .labels {
  top: 0;
  left: 0;
}
.cpx-mega-card .container .card-content .author {
  margin-bottom: 2rem;
}
.cpx-mega-card .container .card-content .fa {
  padding: 2rem 2rem 0 0;
  font-size: 1.4rem;
  line-height: 1rem;
}
.cpx-mega-card.half-height .container {
  min-height: 0 !important;
}
.cpx-mega-card.half-height .container .card-content .author {
  display: none;
}
.grid-heading-container {
  margin-left: auto;
  margin-right: auto;
}
.grid-heading-container .grid-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.grid-heading-container .grid-heading > h1 {
  text-transform: uppercase;
}
.grid-heading-container .grid-heading ~ .separator {
  margin-bottom: 2rem;
}
.grid-heading-container .grid-heading > aside.topic-list {
  display: none;
  margin-left: auto;
}
.grid-heading-container .grid-heading > aside.topic-list a {
  color: #555;
  font-size: 0.8rem;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 1rem;
}
.grid-heading-container .grid-heading > aside.topic-list a:hover {
  text-decoration: underline;
}
.fl-module-heading h1,
.fl-rich-text h1 {
  font-size: 4rem;
  line-height: 0.9em;
  font-weight: 700 !important;
  text-transform: none;
  display: block;
  margin-bottom: 0.5em;
}
.fl-module-heading h1.impact-heading,
.fl-rich-text h1.impact-heading {
  text-transform: uppercase;
}
.fl-module-heading h2,
.fl-rich-text h2 {
  font-size: 3rem;
  line-height: 1.25em;
  font-weight: 600 !important;
  text-transform: none;
  display: block;
  margin-bottom: 0.5em;
}
.fl-module-heading h3,
.fl-rich-text h3 {
  font-size: 2.4rem;
  line-height: 1.25em;
  font-weight: 500 !important;
  text-transform: none;
  display: block;
  margin-bottom: 0.5em;
}
.fl-module-heading h4,
.fl-rich-text h4 {
  font-size: 1.4rem;
  line-height: 1.25em;
  font-weight: 600 !important;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.8em;
}
.fl-module-heading h5,
.fl-rich-text h5 {
  font-size: 1.2rem;
  line-height: 1.25em;
  font-weight: 700 !important;
  text-transform: none;
  display: block;
  margin-bottom: 1.25em;
}
.fl-module-heading h6,
.fl-rich-text h6 {
  font-size: 0.9rem;
  line-height: 1.25em;
  font-weight: 700 !important;
  text-transform: uppercase;
  display: block;
  margin-bottom: 1.25em;
}
.fl-module-heading p,
.fl-rich-text p {
  font-size: 1rem;
  line-height: 1.25em;
  margin-bottom: 1.5em;
  font-weight: 400;
  text-transform: none;
}
.fl-module-heading h1::after,
.fl-module-heading h2::after {
  content: ' ';
  background-color: #4b52fa;
  height: 10px;
  border: 0;
  margin-top: 2rem;
  text-align: left;
  width: 80px;
  display: block;
}
.landingEpisodeCTA a.fl-button {
  float: right;
}
.fl-module-content {
  margin-top: 2rem;
}
.fl-row .cpx-hero {
  margin-top: -2rem;
}
@media only screen and (min-width: 1px) {
  .fl-row .cpx-hero .container {
    min-height: 600px;
  }
  .fl-row .cpx-hero .container .button {
    width: auto;
  }
  .fl-row .cpx-hero .container p,
  .fl-row .cpx-hero .container td,
  .fl-row .cpx-hero .container li {
    font-size: 1.2rem;
    line-height: 1.25em;
  }
  .cpx-postgrid,
  .cpx-postgrid + .more,
  .carousel .grid-heading-container {
    width: calc(100vw - 64px);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 859px) {
  .cpx-hero .container {
    height: 80vh;
    grid-template-columns: [content right] 1fr;
    grid-template-rows: [top] 1fr [tagline] 30px [title] auto [seperator] auto [excerpt] auto [description] auto [fullscreen-launch] auto [buttons] 50px [right-start right-end] 2fr;
  }
  .cpx-hero .container .refineSearch {
    width: 100%;
  }
  .cpx-hero .container .refineSearch form .sf-field-search label {
    width: 100%;
  }
  .cpx-hero .container .refineSearch form .sf-field-category,
  .cpx-hero .container .refineSearch form .sf-field-taxonomy-person,
  .cpx-hero .container .refineSearch form .sf-field-author {
    width: 30%;
    float: left;
  }
  .cpx-hero .container h1.char-length-15,
  .cpx-hero .container h1.char-length-40,
  .cpx-hero .container h1.char-word-12 {
    font-size: 2.5rem;
  }
  .cpx-hero .container .right-content {
    padding-left: 0;
  }
  .cpx-hero.archive .container {
    height: unset;
  }
}
@media only screen and (min-width: 960px) {
  .fl-row .cpx-mega-card .container {
    min-height: calc(50vw - 40px);
  }
  .fl-row .cpx-mega-card .container .card-content {
    grid-template-rows: [tagline] 3rem [title] max-content [seperator] 70px [author] max-content [excerpt] 1fr [fullscreen-launch] auto [buttons] 50px;
  }
}
@media only screen and (min-width: 1490px) {
  .fl-row .cpx-mega-card .grid-heading-container,
  .fl-row .cpx-people-grid .grid-heading-container {
    margin: 0 auto;
  }
  .fl-row .cpx-hero .container {
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: [content] 1fr [right] 1fr;
  }
  .fl-row .cpx-mega-card .container {
    min-height: 720px;
  }
  .fl-row .fl-module-cpx_bb_redes_grid,
  .fl-row .carousel .grid-heading-container {
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 479px) {
  .cpx-postgrid .container.length5 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(7, 80px);
    grid-template-areas: "a" "a" "a" "b" "c" "d" "e";
  }
  .cpx-postgrid .container.length5 .a.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .a.card .title.char-length-15,
  .cpx-postgrid .container.length5 .a.card .title.char-length-40,
  .cpx-postgrid .container.length5 .a.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length5 .a .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length5 .a .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length5 .z .hover .char-length-15,
  .cpx-postgrid .container.length5 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length5 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .b,
  .cpx-postgrid .container.length5 .c,
  .cpx-postgrid .container.length5 .d,
  .cpx-postgrid .container.length5 .e {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length5 .b:hover,
  .cpx-postgrid .container.length5 .c:hover,
  .cpx-postgrid .container.length5 .d:hover,
  .cpx-postgrid .container.length5 .e:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length5 .b:hover h1,
  .cpx-postgrid .container.length5 .c:hover h1,
  .cpx-postgrid .container.length5 .d:hover h1,
  .cpx-postgrid .container.length5 .e:hover h1,
  .cpx-postgrid .container.length5 .b:hover p,
  .cpx-postgrid .container.length5 .c:hover p,
  .cpx-postgrid .container.length5 .d:hover p,
  .cpx-postgrid .container.length5 .e:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length5 .b .labels,
  .cpx-postgrid .container.length5 .c .labels,
  .cpx-postgrid .container.length5 .d .labels,
  .cpx-postgrid .container.length5 .e .labels {
    display: none;
  }
  .cpx-postgrid .container.length5 .b .fa,
  .cpx-postgrid .container.length5 .c .fa,
  .cpx-postgrid .container.length5 .d .fa,
  .cpx-postgrid .container.length5 .e .fa {
    display: none;
  }
  .cpx-postgrid .container.length5 .b .summary,
  .cpx-postgrid .container.length5 .c .summary,
  .cpx-postgrid .container.length5 .d .summary,
  .cpx-postgrid .container.length5 .e .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .b h1,
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length5 .b p,
  .cpx-postgrid .container.length5 .c p,
  .cpx-postgrid .container.length5 .d p,
  .cpx-postgrid .container.length5 .e p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .b.griditem,
  .cpx-postgrid .container.length5 .c.griditem,
  .cpx-postgrid .container.length5 .d.griditem,
  .cpx-postgrid .container.length5 .e.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length5 .b .hover,
  .cpx-postgrid .container.length5 .c .hover,
  .cpx-postgrid .container.length5 .d .hover,
  .cpx-postgrid .container.length5 .e .hover {
    display: none;
  }
  .cpx-postgrid .container.length5 .b .background,
  .cpx-postgrid .container.length5 .c .background,
  .cpx-postgrid .container.length5 .d .background,
  .cpx-postgrid .container.length5 .e .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length5 .b .bottomcontent,
  .cpx-postgrid .container.length5 .c .bottomcontent,
  .cpx-postgrid .container.length5 .d .bottomcontent,
  .cpx-postgrid .container.length5 .e .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length5 .b .bottomcontent .title,
  .cpx-postgrid .container.length5 .c .bottomcontent .title,
  .cpx-postgrid .container.length5 .d .bottomcontent .title,
  .cpx-postgrid .container.length5 .e .bottomcontent .title,
  .cpx-postgrid .container.length5 .b .bottomcontent .date,
  .cpx-postgrid .container.length5 .c .bottomcontent .date,
  .cpx-postgrid .container.length5 .d .bottomcontent .date,
  .cpx-postgrid .container.length5 .e .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length5 .b .date,
  .cpx-postgrid .container.length5 .c .date,
  .cpx-postgrid .container.length5 .d .date,
  .cpx-postgrid .container.length5 .e .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length5 .b h1,
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .b h1.char-length-40,
  .cpx-postgrid .container.length5 .c h1.char-length-40,
  .cpx-postgrid .container.length5 .d h1.char-length-40,
  .cpx-postgrid .container.length5 .e h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .b .divider,
  .cpx-postgrid .container.length5 .c .divider,
  .cpx-postgrid .container.length5 .d .divider,
  .cpx-postgrid .container.length5 .e .divider,
  .cpx-postgrid .container.length5 .b .estimate,
  .cpx-postgrid .container.length5 .c .estimate,
  .cpx-postgrid .container.length5 .d .estimate,
  .cpx-postgrid .container.length5 .e .estimate {
    display: none;
  }
  .cpx-postgrid .container.length5 .a.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .a.card .title.char-length-15,
  .cpx-postgrid .container.length5 .a.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .a .title.char-length-40,
  .cpx-postgrid .container.length5 .a .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .b h1,
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .b h1.char-length-40,
  .cpx-postgrid .container.length5 .c h1.char-length-40,
  .cpx-postgrid .container.length5 .d h1.char-length-40,
  .cpx-postgrid .container.length5 .e h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 80px);
    grid-template-areas: "a" "b" "c" "d";
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length4_featured .z .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a,
  .cpx-postgrid .container.length4_featured .b,
  .cpx-postgrid .container.length4_featured .c,
  .cpx-postgrid .container.length4_featured .d {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length4_featured .a:hover,
  .cpx-postgrid .container.length4_featured .b:hover,
  .cpx-postgrid .container.length4_featured .c:hover,
  .cpx-postgrid .container.length4_featured .d:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length4_featured .a:hover h1,
  .cpx-postgrid .container.length4_featured .b:hover h1,
  .cpx-postgrid .container.length4_featured .c:hover h1,
  .cpx-postgrid .container.length4_featured .d:hover h1,
  .cpx-postgrid .container.length4_featured .a:hover p,
  .cpx-postgrid .container.length4_featured .b:hover p,
  .cpx-postgrid .container.length4_featured .c:hover p,
  .cpx-postgrid .container.length4_featured .d:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length4_featured .a .labels,
  .cpx-postgrid .container.length4_featured .b .labels,
  .cpx-postgrid .container.length4_featured .c .labels,
  .cpx-postgrid .container.length4_featured .d .labels {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a .fa,
  .cpx-postgrid .container.length4_featured .b .fa,
  .cpx-postgrid .container.length4_featured .c .fa,
  .cpx-postgrid .container.length4_featured .d .fa {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a .summary,
  .cpx-postgrid .container.length4_featured .b .summary,
  .cpx-postgrid .container.length4_featured .c .summary,
  .cpx-postgrid .container.length4_featured .d .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a h1,
  .cpx-postgrid .container.length4_featured .b h1,
  .cpx-postgrid .container.length4_featured .c h1,
  .cpx-postgrid .container.length4_featured .d h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length4_featured .a p,
  .cpx-postgrid .container.length4_featured .b p,
  .cpx-postgrid .container.length4_featured .c p,
  .cpx-postgrid .container.length4_featured .d p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .a.griditem,
  .cpx-postgrid .container.length4_featured .b.griditem,
  .cpx-postgrid .container.length4_featured .c.griditem,
  .cpx-postgrid .container.length4_featured .d.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length4_featured .a .hover,
  .cpx-postgrid .container.length4_featured .b .hover,
  .cpx-postgrid .container.length4_featured .c .hover,
  .cpx-postgrid .container.length4_featured .d .hover {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a .background,
  .cpx-postgrid .container.length4_featured .b .background,
  .cpx-postgrid .container.length4_featured .c .background,
  .cpx-postgrid .container.length4_featured .d .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length4_featured .a .bottomcontent,
  .cpx-postgrid .container.length4_featured .b .bottomcontent,
  .cpx-postgrid .container.length4_featured .c .bottomcontent,
  .cpx-postgrid .container.length4_featured .d .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length4_featured .a .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .b .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .c .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .d .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .a .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length4_featured .a .date,
  .cpx-postgrid .container.length4_featured .b .date,
  .cpx-postgrid .container.length4_featured .c .date,
  .cpx-postgrid .container.length4_featured .d .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length4_featured .a h1,
  .cpx-postgrid .container.length4_featured .b h1,
  .cpx-postgrid .container.length4_featured .c h1,
  .cpx-postgrid .container.length4_featured .d h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a h1.char-length-40,
  .cpx-postgrid .container.length4_featured .b h1.char-length-40,
  .cpx-postgrid .container.length4_featured .c h1.char-length-40,
  .cpx-postgrid .container.length4_featured .d h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a .divider,
  .cpx-postgrid .container.length4_featured .b .divider,
  .cpx-postgrid .container.length4_featured .c .divider,
  .cpx-postgrid .container.length4_featured .d .divider,
  .cpx-postgrid .container.length4_featured .a .estimate,
  .cpx-postgrid .container.length4_featured .b .estimate,
  .cpx-postgrid .container.length4_featured .c .estimate,
  .cpx-postgrid .container.length4_featured .d .estimate {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a h1,
  .cpx-postgrid .container.length4_featured .b h1,
  .cpx-postgrid .container.length4_featured .c h1,
  .cpx-postgrid .container.length4_featured .d h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a h1.char-length-40,
  .cpx-postgrid .container.length4_featured .b h1.char-length-40,
  .cpx-postgrid .container.length4_featured .c h1.char-length-40,
  .cpx-postgrid .container.length4_featured .d h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .griditem:hover,
  .cpx-postgrid .container.length4_featured .griditem:hover .hover {
    background-color: black;
  }
  .cpx-postgrid .container.length3 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a" "b" "c";
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40,
  .cpx-postgrid .container.length3 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length3 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length3 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15,
  .cpx-postgrid .container.length3 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a,
  .cpx-postgrid .container.length3 .b,
  .cpx-postgrid .container.length3 .c {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length3 .a:hover,
  .cpx-postgrid .container.length3 .b:hover,
  .cpx-postgrid .container.length3 .c:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length3 .a:hover h1,
  .cpx-postgrid .container.length3 .b:hover h1,
  .cpx-postgrid .container.length3 .c:hover h1,
  .cpx-postgrid .container.length3 .a:hover p,
  .cpx-postgrid .container.length3 .b:hover p,
  .cpx-postgrid .container.length3 .c:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length3 .a .labels,
  .cpx-postgrid .container.length3 .b .labels,
  .cpx-postgrid .container.length3 .c .labels {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .fa,
  .cpx-postgrid .container.length3 .b .fa,
  .cpx-postgrid .container.length3 .c .fa {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .summary,
  .cpx-postgrid .container.length3 .b .summary,
  .cpx-postgrid .container.length3 .c .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length3 .a p,
  .cpx-postgrid .container.length3 .b p,
  .cpx-postgrid .container.length3 .c p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .a.griditem,
  .cpx-postgrid .container.length3 .b.griditem,
  .cpx-postgrid .container.length3 .c.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length3 .a .hover,
  .cpx-postgrid .container.length3 .b .hover,
  .cpx-postgrid .container.length3 .c .hover {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .background,
  .cpx-postgrid .container.length3 .b .background,
  .cpx-postgrid .container.length3 .c .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent,
  .cpx-postgrid .container.length3 .b .bottomcontent,
  .cpx-postgrid .container.length3 .c .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent .title,
  .cpx-postgrid .container.length3 .b .bottomcontent .title,
  .cpx-postgrid .container.length3 .c .bottomcontent .title,
  .cpx-postgrid .container.length3 .a .bottomcontent .date,
  .cpx-postgrid .container.length3 .b .bottomcontent .date,
  .cpx-postgrid .container.length3 .c .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length3 .a .date,
  .cpx-postgrid .container.length3 .b .date,
  .cpx-postgrid .container.length3 .c .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .a .divider,
  .cpx-postgrid .container.length3 .b .divider,
  .cpx-postgrid .container.length3 .c .divider,
  .cpx-postgrid .container.length3 .a .estimate,
  .cpx-postgrid .container.length3 .b .estimate,
  .cpx-postgrid .container.length3 .c .estimate {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z .title.char-length-40,
  .cpx-postgrid .container.length3 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(13, 80px);
    grid-template-areas: "a" "a" "a" "b" "b" "b" "c" "c" "c" "d" "e" "f" "g";
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40,
  .cpx-postgrid .container.length7 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length7 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length7 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .b .hover .char-length-15,
  .cpx-postgrid .container.length7 .c .hover .char-length-15,
  .cpx-postgrid .container.length7 .a .hover .char-word-12,
  .cpx-postgrid .container.length7 .b .hover .char-word-12,
  .cpx-postgrid .container.length7 .c .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .b .hover .char-length-40,
  .cpx-postgrid .container.length7 .c .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-image,
  .cpx-postgrid .container.length7 .b .author .author-image,
  .cpx-postgrid .container.length7 .c .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-text,
  .cpx-postgrid .container.length7 .b .author .author-text,
  .cpx-postgrid .container.length7 .c .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .b.card .summary,
  .cpx-postgrid .container.length7 .c.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .b.card .author,
  .cpx-postgrid .container.length7 .c.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .b.tile .char-word-12,
  .cpx-postgrid .container.length7 .c.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .d,
  .cpx-postgrid .container.length7 .e,
  .cpx-postgrid .container.length7 .f,
  .cpx-postgrid .container.length7 .g {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length7 .d:hover,
  .cpx-postgrid .container.length7 .e:hover,
  .cpx-postgrid .container.length7 .f:hover,
  .cpx-postgrid .container.length7 .g:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length7 .d:hover h1,
  .cpx-postgrid .container.length7 .e:hover h1,
  .cpx-postgrid .container.length7 .f:hover h1,
  .cpx-postgrid .container.length7 .g:hover h1,
  .cpx-postgrid .container.length7 .d:hover p,
  .cpx-postgrid .container.length7 .e:hover p,
  .cpx-postgrid .container.length7 .f:hover p,
  .cpx-postgrid .container.length7 .g:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length7 .d .labels,
  .cpx-postgrid .container.length7 .e .labels,
  .cpx-postgrid .container.length7 .f .labels,
  .cpx-postgrid .container.length7 .g .labels {
    display: none;
  }
  .cpx-postgrid .container.length7 .d .fa,
  .cpx-postgrid .container.length7 .e .fa,
  .cpx-postgrid .container.length7 .f .fa,
  .cpx-postgrid .container.length7 .g .fa {
    display: none;
  }
  .cpx-postgrid .container.length7 .d .summary,
  .cpx-postgrid .container.length7 .e .summary,
  .cpx-postgrid .container.length7 .f .summary,
  .cpx-postgrid .container.length7 .g .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .d h1,
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length7 .d p,
  .cpx-postgrid .container.length7 .e p,
  .cpx-postgrid .container.length7 .f p,
  .cpx-postgrid .container.length7 .g p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .d.griditem,
  .cpx-postgrid .container.length7 .e.griditem,
  .cpx-postgrid .container.length7 .f.griditem,
  .cpx-postgrid .container.length7 .g.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length7 .d .hover,
  .cpx-postgrid .container.length7 .e .hover,
  .cpx-postgrid .container.length7 .f .hover,
  .cpx-postgrid .container.length7 .g .hover {
    display: none;
  }
  .cpx-postgrid .container.length7 .d .background,
  .cpx-postgrid .container.length7 .e .background,
  .cpx-postgrid .container.length7 .f .background,
  .cpx-postgrid .container.length7 .g .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length7 .d .bottomcontent,
  .cpx-postgrid .container.length7 .e .bottomcontent,
  .cpx-postgrid .container.length7 .f .bottomcontent,
  .cpx-postgrid .container.length7 .g .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length7 .d .bottomcontent .title,
  .cpx-postgrid .container.length7 .e .bottomcontent .title,
  .cpx-postgrid .container.length7 .f .bottomcontent .title,
  .cpx-postgrid .container.length7 .g .bottomcontent .title,
  .cpx-postgrid .container.length7 .d .bottomcontent .date,
  .cpx-postgrid .container.length7 .e .bottomcontent .date,
  .cpx-postgrid .container.length7 .f .bottomcontent .date,
  .cpx-postgrid .container.length7 .g .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length7 .d .date,
  .cpx-postgrid .container.length7 .e .date,
  .cpx-postgrid .container.length7 .f .date,
  .cpx-postgrid .container.length7 .g .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length7 .d h1,
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .d h1.char-length-40,
  .cpx-postgrid .container.length7 .e h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .d .divider,
  .cpx-postgrid .container.length7 .e .divider,
  .cpx-postgrid .container.length7 .f .divider,
  .cpx-postgrid .container.length7 .g .divider,
  .cpx-postgrid .container.length7 .d .estimate,
  .cpx-postgrid .container.length7 .e .estimate,
  .cpx-postgrid .container.length7 .f .estimate,
  .cpx-postgrid .container.length7 .g .estimate {
    display: none;
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z .title.char-length-40,
  .cpx-postgrid .container.length7 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .b .hover .char-length-15,
  .cpx-postgrid .container.length7 .c .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .b .hover .char-length-40,
  .cpx-postgrid .container.length7 .c .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .b.card .summary,
  .cpx-postgrid .container.length7 .c.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .b.card .author,
  .cpx-postgrid .container.length7 .c.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-15,
  .cpx-postgrid .container.length7 .b.tile .char-length-15,
  .cpx-postgrid .container.length7 .c.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .b.tile .char-word-12,
  .cpx-postgrid .container.length7 .c.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .d h1,
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .d h1.char-length-40,
  .cpx-postgrid .container.length7 .e h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(12, 80px);
    grid-template-areas: "a" "a" "a" "b" "b" "b" "c" "d" "e" "f" "g" "h";
  }
  .cpx-postgrid .container.length8 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .z.card .title.char-length-15,
  .cpx-postgrid .container.length8 .z.card .title.char-length-40,
  .cpx-postgrid .container.length8 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length8 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length8 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length8 .a .hover .char-length-15,
  .cpx-postgrid .container.length8 .b .hover .char-length-15,
  .cpx-postgrid .container.length8 .a .hover .char-word-12,
  .cpx-postgrid .container.length8 .b .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .hover .char-length-40,
  .cpx-postgrid .container.length8 .b .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .a .author .author-image,
  .cpx-postgrid .container.length8 .b .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length8 .a .author .author-text,
  .cpx-postgrid .container.length8 .b .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .a.card .summary,
  .cpx-postgrid .container.length8 .b.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .a.card .author,
  .cpx-postgrid .container.length8 .b.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.tile .char-length-40,
  .cpx-postgrid .container.length8 .b.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .char-word-12,
  .cpx-postgrid .container.length8 .b.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .b.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .b.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .b.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c,
  .cpx-postgrid .container.length8 .d,
  .cpx-postgrid .container.length8 .e,
  .cpx-postgrid .container.length8 .f,
  .cpx-postgrid .container.length8 .g,
  .cpx-postgrid .container.length8 .h {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length8 .c:hover,
  .cpx-postgrid .container.length8 .d:hover,
  .cpx-postgrid .container.length8 .e:hover,
  .cpx-postgrid .container.length8 .f:hover,
  .cpx-postgrid .container.length8 .g:hover,
  .cpx-postgrid .container.length8 .h:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length8 .c:hover h1,
  .cpx-postgrid .container.length8 .d:hover h1,
  .cpx-postgrid .container.length8 .e:hover h1,
  .cpx-postgrid .container.length8 .f:hover h1,
  .cpx-postgrid .container.length8 .g:hover h1,
  .cpx-postgrid .container.length8 .h:hover h1,
  .cpx-postgrid .container.length8 .c:hover p,
  .cpx-postgrid .container.length8 .d:hover p,
  .cpx-postgrid .container.length8 .e:hover p,
  .cpx-postgrid .container.length8 .f:hover p,
  .cpx-postgrid .container.length8 .g:hover p,
  .cpx-postgrid .container.length8 .h:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length8 .c .labels,
  .cpx-postgrid .container.length8 .d .labels,
  .cpx-postgrid .container.length8 .e .labels,
  .cpx-postgrid .container.length8 .f .labels,
  .cpx-postgrid .container.length8 .g .labels,
  .cpx-postgrid .container.length8 .h .labels {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .fa,
  .cpx-postgrid .container.length8 .d .fa,
  .cpx-postgrid .container.length8 .e .fa,
  .cpx-postgrid .container.length8 .f .fa,
  .cpx-postgrid .container.length8 .g .fa,
  .cpx-postgrid .container.length8 .h .fa {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .summary,
  .cpx-postgrid .container.length8 .d .summary,
  .cpx-postgrid .container.length8 .e .summary,
  .cpx-postgrid .container.length8 .f .summary,
  .cpx-postgrid .container.length8 .g .summary,
  .cpx-postgrid .container.length8 .h .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length8 .c p,
  .cpx-postgrid .container.length8 .d p,
  .cpx-postgrid .container.length8 .e p,
  .cpx-postgrid .container.length8 .f p,
  .cpx-postgrid .container.length8 .g p,
  .cpx-postgrid .container.length8 .h p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .c.griditem,
  .cpx-postgrid .container.length8 .d.griditem,
  .cpx-postgrid .container.length8 .e.griditem,
  .cpx-postgrid .container.length8 .f.griditem,
  .cpx-postgrid .container.length8 .g.griditem,
  .cpx-postgrid .container.length8 .h.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length8 .c .hover,
  .cpx-postgrid .container.length8 .d .hover,
  .cpx-postgrid .container.length8 .e .hover,
  .cpx-postgrid .container.length8 .f .hover,
  .cpx-postgrid .container.length8 .g .hover,
  .cpx-postgrid .container.length8 .h .hover {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .background,
  .cpx-postgrid .container.length8 .d .background,
  .cpx-postgrid .container.length8 .e .background,
  .cpx-postgrid .container.length8 .f .background,
  .cpx-postgrid .container.length8 .g .background,
  .cpx-postgrid .container.length8 .h .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length8 .c .bottomcontent,
  .cpx-postgrid .container.length8 .d .bottomcontent,
  .cpx-postgrid .container.length8 .e .bottomcontent,
  .cpx-postgrid .container.length8 .f .bottomcontent,
  .cpx-postgrid .container.length8 .g .bottomcontent,
  .cpx-postgrid .container.length8 .h .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length8 .c .bottomcontent .title,
  .cpx-postgrid .container.length8 .d .bottomcontent .title,
  .cpx-postgrid .container.length8 .e .bottomcontent .title,
  .cpx-postgrid .container.length8 .f .bottomcontent .title,
  .cpx-postgrid .container.length8 .g .bottomcontent .title,
  .cpx-postgrid .container.length8 .h .bottomcontent .title,
  .cpx-postgrid .container.length8 .c .bottomcontent .date,
  .cpx-postgrid .container.length8 .d .bottomcontent .date,
  .cpx-postgrid .container.length8 .e .bottomcontent .date,
  .cpx-postgrid .container.length8 .f .bottomcontent .date,
  .cpx-postgrid .container.length8 .g .bottomcontent .date,
  .cpx-postgrid .container.length8 .h .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length8 .c .date,
  .cpx-postgrid .container.length8 .d .date,
  .cpx-postgrid .container.length8 .e .date,
  .cpx-postgrid .container.length8 .f .date,
  .cpx-postgrid .container.length8 .g .date,
  .cpx-postgrid .container.length8 .h .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c h1.char-length-40,
  .cpx-postgrid .container.length8 .d h1.char-length-40,
  .cpx-postgrid .container.length8 .e h1.char-length-40,
  .cpx-postgrid .container.length8 .f h1.char-length-40,
  .cpx-postgrid .container.length8 .g h1.char-length-40,
  .cpx-postgrid .container.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .c .divider,
  .cpx-postgrid .container.length8 .d .divider,
  .cpx-postgrid .container.length8 .e .divider,
  .cpx-postgrid .container.length8 .f .divider,
  .cpx-postgrid .container.length8 .g .divider,
  .cpx-postgrid .container.length8 .h .divider,
  .cpx-postgrid .container.length8 .c .estimate,
  .cpx-postgrid .container.length8 .d .estimate,
  .cpx-postgrid .container.length8 .e .estimate,
  .cpx-postgrid .container.length8 .f .estimate,
  .cpx-postgrid .container.length8 .g .estimate,
  .cpx-postgrid .container.length8 .h .estimate {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .z.card .title.char-length-15,
  .cpx-postgrid .container.length8 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .z .title.char-length-40,
  .cpx-postgrid .container.length8 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .hover .char-length-15,
  .cpx-postgrid .container.length8 .b .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .hover .char-length-40,
  .cpx-postgrid .container.length8 .b .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .a.card .summary,
  .cpx-postgrid .container.length8 .b.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .a.card .author,
  .cpx-postgrid .container.length8 .b.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.tile .char-length-15,
  .cpx-postgrid .container.length8 .b.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .a.tile .char-length-40,
  .cpx-postgrid .container.length8 .b.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .a.tile .char-word-12,
  .cpx-postgrid .container.length8 .b.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .b.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c h1.char-length-40,
  .cpx-postgrid .container.length8 .d h1.char-length-40,
  .cpx-postgrid .container.length8 .e h1.char-length-40,
  .cpx-postgrid .container.length8 .f h1.char-length-40,
  .cpx-postgrid .container.length8 .g h1.char-length-40,
  .cpx-postgrid .container.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(12, 80px);
    grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k" "l";
  }
  .cpx-postgrid .container.length12 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length12 .z.card .title.char-length-15,
  .cpx-postgrid .container.length12 .z.card .title.char-length-40,
  .cpx-postgrid .container.length12 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length12 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length12 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length12 .z .hover .char-length-15,
  .cpx-postgrid .container.length12 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length12 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length12 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .a,
  .cpx-postgrid .container.length12 .b,
  .cpx-postgrid .container.length12 .c,
  .cpx-postgrid .container.length12 .d,
  .cpx-postgrid .container.length12 .e,
  .cpx-postgrid .container.length12 .f,
  .cpx-postgrid .container.length12 .g,
  .cpx-postgrid .container.length12 .h,
  .cpx-postgrid .container.length12 .i,
  .cpx-postgrid .container.length12 .j,
  .cpx-postgrid .container.length12 .k,
  .cpx-postgrid .container.length12 .l {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length12 .a:hover,
  .cpx-postgrid .container.length12 .b:hover,
  .cpx-postgrid .container.length12 .c:hover,
  .cpx-postgrid .container.length12 .d:hover,
  .cpx-postgrid .container.length12 .e:hover,
  .cpx-postgrid .container.length12 .f:hover,
  .cpx-postgrid .container.length12 .g:hover,
  .cpx-postgrid .container.length12 .h:hover,
  .cpx-postgrid .container.length12 .i:hover,
  .cpx-postgrid .container.length12 .j:hover,
  .cpx-postgrid .container.length12 .k:hover,
  .cpx-postgrid .container.length12 .l:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length12 .a:hover h1,
  .cpx-postgrid .container.length12 .b:hover h1,
  .cpx-postgrid .container.length12 .c:hover h1,
  .cpx-postgrid .container.length12 .d:hover h1,
  .cpx-postgrid .container.length12 .e:hover h1,
  .cpx-postgrid .container.length12 .f:hover h1,
  .cpx-postgrid .container.length12 .g:hover h1,
  .cpx-postgrid .container.length12 .h:hover h1,
  .cpx-postgrid .container.length12 .i:hover h1,
  .cpx-postgrid .container.length12 .j:hover h1,
  .cpx-postgrid .container.length12 .k:hover h1,
  .cpx-postgrid .container.length12 .l:hover h1,
  .cpx-postgrid .container.length12 .a:hover p,
  .cpx-postgrid .container.length12 .b:hover p,
  .cpx-postgrid .container.length12 .c:hover p,
  .cpx-postgrid .container.length12 .d:hover p,
  .cpx-postgrid .container.length12 .e:hover p,
  .cpx-postgrid .container.length12 .f:hover p,
  .cpx-postgrid .container.length12 .g:hover p,
  .cpx-postgrid .container.length12 .h:hover p,
  .cpx-postgrid .container.length12 .i:hover p,
  .cpx-postgrid .container.length12 .j:hover p,
  .cpx-postgrid .container.length12 .k:hover p,
  .cpx-postgrid .container.length12 .l:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length12 .a .labels,
  .cpx-postgrid .container.length12 .b .labels,
  .cpx-postgrid .container.length12 .c .labels,
  .cpx-postgrid .container.length12 .d .labels,
  .cpx-postgrid .container.length12 .e .labels,
  .cpx-postgrid .container.length12 .f .labels,
  .cpx-postgrid .container.length12 .g .labels,
  .cpx-postgrid .container.length12 .h .labels,
  .cpx-postgrid .container.length12 .i .labels,
  .cpx-postgrid .container.length12 .j .labels,
  .cpx-postgrid .container.length12 .k .labels,
  .cpx-postgrid .container.length12 .l .labels {
    display: none;
  }
  .cpx-postgrid .container.length12 .a .fa,
  .cpx-postgrid .container.length12 .b .fa,
  .cpx-postgrid .container.length12 .c .fa,
  .cpx-postgrid .container.length12 .d .fa,
  .cpx-postgrid .container.length12 .e .fa,
  .cpx-postgrid .container.length12 .f .fa,
  .cpx-postgrid .container.length12 .g .fa,
  .cpx-postgrid .container.length12 .h .fa,
  .cpx-postgrid .container.length12 .i .fa,
  .cpx-postgrid .container.length12 .j .fa,
  .cpx-postgrid .container.length12 .k .fa,
  .cpx-postgrid .container.length12 .l .fa {
    display: none;
  }
  .cpx-postgrid .container.length12 .a .summary,
  .cpx-postgrid .container.length12 .b .summary,
  .cpx-postgrid .container.length12 .c .summary,
  .cpx-postgrid .container.length12 .d .summary,
  .cpx-postgrid .container.length12 .e .summary,
  .cpx-postgrid .container.length12 .f .summary,
  .cpx-postgrid .container.length12 .g .summary,
  .cpx-postgrid .container.length12 .h .summary,
  .cpx-postgrid .container.length12 .i .summary,
  .cpx-postgrid .container.length12 .j .summary,
  .cpx-postgrid .container.length12 .k .summary,
  .cpx-postgrid .container.length12 .l .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .a h1,
  .cpx-postgrid .container.length12 .b h1,
  .cpx-postgrid .container.length12 .c h1,
  .cpx-postgrid .container.length12 .d h1,
  .cpx-postgrid .container.length12 .e h1,
  .cpx-postgrid .container.length12 .f h1,
  .cpx-postgrid .container.length12 .g h1,
  .cpx-postgrid .container.length12 .h h1,
  .cpx-postgrid .container.length12 .i h1,
  .cpx-postgrid .container.length12 .j h1,
  .cpx-postgrid .container.length12 .k h1,
  .cpx-postgrid .container.length12 .l h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length12 .a p,
  .cpx-postgrid .container.length12 .b p,
  .cpx-postgrid .container.length12 .c p,
  .cpx-postgrid .container.length12 .d p,
  .cpx-postgrid .container.length12 .e p,
  .cpx-postgrid .container.length12 .f p,
  .cpx-postgrid .container.length12 .g p,
  .cpx-postgrid .container.length12 .h p,
  .cpx-postgrid .container.length12 .i p,
  .cpx-postgrid .container.length12 .j p,
  .cpx-postgrid .container.length12 .k p,
  .cpx-postgrid .container.length12 .l p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .a.griditem,
  .cpx-postgrid .container.length12 .b.griditem,
  .cpx-postgrid .container.length12 .c.griditem,
  .cpx-postgrid .container.length12 .d.griditem,
  .cpx-postgrid .container.length12 .e.griditem,
  .cpx-postgrid .container.length12 .f.griditem,
  .cpx-postgrid .container.length12 .g.griditem,
  .cpx-postgrid .container.length12 .h.griditem,
  .cpx-postgrid .container.length12 .i.griditem,
  .cpx-postgrid .container.length12 .j.griditem,
  .cpx-postgrid .container.length12 .k.griditem,
  .cpx-postgrid .container.length12 .l.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length12 .a .hover,
  .cpx-postgrid .container.length12 .b .hover,
  .cpx-postgrid .container.length12 .c .hover,
  .cpx-postgrid .container.length12 .d .hover,
  .cpx-postgrid .container.length12 .e .hover,
  .cpx-postgrid .container.length12 .f .hover,
  .cpx-postgrid .container.length12 .g .hover,
  .cpx-postgrid .container.length12 .h .hover,
  .cpx-postgrid .container.length12 .i .hover,
  .cpx-postgrid .container.length12 .j .hover,
  .cpx-postgrid .container.length12 .k .hover,
  .cpx-postgrid .container.length12 .l .hover {
    display: none;
  }
  .cpx-postgrid .container.length12 .a .background,
  .cpx-postgrid .container.length12 .b .background,
  .cpx-postgrid .container.length12 .c .background,
  .cpx-postgrid .container.length12 .d .background,
  .cpx-postgrid .container.length12 .e .background,
  .cpx-postgrid .container.length12 .f .background,
  .cpx-postgrid .container.length12 .g .background,
  .cpx-postgrid .container.length12 .h .background,
  .cpx-postgrid .container.length12 .i .background,
  .cpx-postgrid .container.length12 .j .background,
  .cpx-postgrid .container.length12 .k .background,
  .cpx-postgrid .container.length12 .l .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length12 .a .bottomcontent,
  .cpx-postgrid .container.length12 .b .bottomcontent,
  .cpx-postgrid .container.length12 .c .bottomcontent,
  .cpx-postgrid .container.length12 .d .bottomcontent,
  .cpx-postgrid .container.length12 .e .bottomcontent,
  .cpx-postgrid .container.length12 .f .bottomcontent,
  .cpx-postgrid .container.length12 .g .bottomcontent,
  .cpx-postgrid .container.length12 .h .bottomcontent,
  .cpx-postgrid .container.length12 .i .bottomcontent,
  .cpx-postgrid .container.length12 .j .bottomcontent,
  .cpx-postgrid .container.length12 .k .bottomcontent,
  .cpx-postgrid .container.length12 .l .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length12 .a .bottomcontent .title,
  .cpx-postgrid .container.length12 .b .bottomcontent .title,
  .cpx-postgrid .container.length12 .c .bottomcontent .title,
  .cpx-postgrid .container.length12 .d .bottomcontent .title,
  .cpx-postgrid .container.length12 .e .bottomcontent .title,
  .cpx-postgrid .container.length12 .f .bottomcontent .title,
  .cpx-postgrid .container.length12 .g .bottomcontent .title,
  .cpx-postgrid .container.length12 .h .bottomcontent .title,
  .cpx-postgrid .container.length12 .i .bottomcontent .title,
  .cpx-postgrid .container.length12 .j .bottomcontent .title,
  .cpx-postgrid .container.length12 .k .bottomcontent .title,
  .cpx-postgrid .container.length12 .l .bottomcontent .title,
  .cpx-postgrid .container.length12 .a .bottomcontent .date,
  .cpx-postgrid .container.length12 .b .bottomcontent .date,
  .cpx-postgrid .container.length12 .c .bottomcontent .date,
  .cpx-postgrid .container.length12 .d .bottomcontent .date,
  .cpx-postgrid .container.length12 .e .bottomcontent .date,
  .cpx-postgrid .container.length12 .f .bottomcontent .date,
  .cpx-postgrid .container.length12 .g .bottomcontent .date,
  .cpx-postgrid .container.length12 .h .bottomcontent .date,
  .cpx-postgrid .container.length12 .i .bottomcontent .date,
  .cpx-postgrid .container.length12 .j .bottomcontent .date,
  .cpx-postgrid .container.length12 .k .bottomcontent .date,
  .cpx-postgrid .container.length12 .l .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length12 .a .date,
  .cpx-postgrid .container.length12 .b .date,
  .cpx-postgrid .container.length12 .c .date,
  .cpx-postgrid .container.length12 .d .date,
  .cpx-postgrid .container.length12 .e .date,
  .cpx-postgrid .container.length12 .f .date,
  .cpx-postgrid .container.length12 .g .date,
  .cpx-postgrid .container.length12 .h .date,
  .cpx-postgrid .container.length12 .i .date,
  .cpx-postgrid .container.length12 .j .date,
  .cpx-postgrid .container.length12 .k .date,
  .cpx-postgrid .container.length12 .l .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length12 .a h1,
  .cpx-postgrid .container.length12 .b h1,
  .cpx-postgrid .container.length12 .c h1,
  .cpx-postgrid .container.length12 .d h1,
  .cpx-postgrid .container.length12 .e h1,
  .cpx-postgrid .container.length12 .f h1,
  .cpx-postgrid .container.length12 .g h1,
  .cpx-postgrid .container.length12 .h h1,
  .cpx-postgrid .container.length12 .i h1,
  .cpx-postgrid .container.length12 .j h1,
  .cpx-postgrid .container.length12 .k h1,
  .cpx-postgrid .container.length12 .l h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .a h1.char-length-40,
  .cpx-postgrid .container.length12 .b h1.char-length-40,
  .cpx-postgrid .container.length12 .c h1.char-length-40,
  .cpx-postgrid .container.length12 .d h1.char-length-40,
  .cpx-postgrid .container.length12 .e h1.char-length-40,
  .cpx-postgrid .container.length12 .f h1.char-length-40,
  .cpx-postgrid .container.length12 .g h1.char-length-40,
  .cpx-postgrid .container.length12 .h h1.char-length-40,
  .cpx-postgrid .container.length12 .i h1.char-length-40,
  .cpx-postgrid .container.length12 .j h1.char-length-40,
  .cpx-postgrid .container.length12 .k h1.char-length-40,
  .cpx-postgrid .container.length12 .l h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .a .divider,
  .cpx-postgrid .container.length12 .b .divider,
  .cpx-postgrid .container.length12 .c .divider,
  .cpx-postgrid .container.length12 .d .divider,
  .cpx-postgrid .container.length12 .e .divider,
  .cpx-postgrid .container.length12 .f .divider,
  .cpx-postgrid .container.length12 .g .divider,
  .cpx-postgrid .container.length12 .h .divider,
  .cpx-postgrid .container.length12 .i .divider,
  .cpx-postgrid .container.length12 .j .divider,
  .cpx-postgrid .container.length12 .k .divider,
  .cpx-postgrid .container.length12 .l .divider,
  .cpx-postgrid .container.length12 .a .estimate,
  .cpx-postgrid .container.length12 .b .estimate,
  .cpx-postgrid .container.length12 .c .estimate,
  .cpx-postgrid .container.length12 .d .estimate,
  .cpx-postgrid .container.length12 .e .estimate,
  .cpx-postgrid .container.length12 .f .estimate,
  .cpx-postgrid .container.length12 .g .estimate,
  .cpx-postgrid .container.length12 .h .estimate,
  .cpx-postgrid .container.length12 .i .estimate,
  .cpx-postgrid .container.length12 .j .estimate,
  .cpx-postgrid .container.length12 .k .estimate,
  .cpx-postgrid .container.length12 .l .estimate {
    display: none;
  }
  .cpx-postgrid .container.length16 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(16, 80px);
    grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k" "l" "m" "n" "o" "p";
  }
  .cpx-postgrid .container.length16 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length16 .z.card .title.char-length-15,
  .cpx-postgrid .container.length16 .z.card .title.char-length-40,
  .cpx-postgrid .container.length16 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length16 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length16 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length16 .z .hover .char-length-15,
  .cpx-postgrid .container.length16 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length16 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length16 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .a,
  .cpx-postgrid .container.length16 .b,
  .cpx-postgrid .container.length16 .c,
  .cpx-postgrid .container.length16 .d,
  .cpx-postgrid .container.length16 .e,
  .cpx-postgrid .container.length16 .f,
  .cpx-postgrid .container.length16 .g,
  .cpx-postgrid .container.length16 .h,
  .cpx-postgrid .container.length16 .i,
  .cpx-postgrid .container.length16 .j,
  .cpx-postgrid .container.length16 .k,
  .cpx-postgrid .container.length16 .l,
  .cpx-postgrid .container.length16 .m,
  .cpx-postgrid .container.length16 .n,
  .cpx-postgrid .container.length16 .o,
  .cpx-postgrid .container.length16 .p {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length16 .a:hover,
  .cpx-postgrid .container.length16 .b:hover,
  .cpx-postgrid .container.length16 .c:hover,
  .cpx-postgrid .container.length16 .d:hover,
  .cpx-postgrid .container.length16 .e:hover,
  .cpx-postgrid .container.length16 .f:hover,
  .cpx-postgrid .container.length16 .g:hover,
  .cpx-postgrid .container.length16 .h:hover,
  .cpx-postgrid .container.length16 .i:hover,
  .cpx-postgrid .container.length16 .j:hover,
  .cpx-postgrid .container.length16 .k:hover,
  .cpx-postgrid .container.length16 .l:hover,
  .cpx-postgrid .container.length16 .m:hover,
  .cpx-postgrid .container.length16 .n:hover,
  .cpx-postgrid .container.length16 .o:hover,
  .cpx-postgrid .container.length16 .p:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length16 .a:hover h1,
  .cpx-postgrid .container.length16 .b:hover h1,
  .cpx-postgrid .container.length16 .c:hover h1,
  .cpx-postgrid .container.length16 .d:hover h1,
  .cpx-postgrid .container.length16 .e:hover h1,
  .cpx-postgrid .container.length16 .f:hover h1,
  .cpx-postgrid .container.length16 .g:hover h1,
  .cpx-postgrid .container.length16 .h:hover h1,
  .cpx-postgrid .container.length16 .i:hover h1,
  .cpx-postgrid .container.length16 .j:hover h1,
  .cpx-postgrid .container.length16 .k:hover h1,
  .cpx-postgrid .container.length16 .l:hover h1,
  .cpx-postgrid .container.length16 .m:hover h1,
  .cpx-postgrid .container.length16 .n:hover h1,
  .cpx-postgrid .container.length16 .o:hover h1,
  .cpx-postgrid .container.length16 .p:hover h1,
  .cpx-postgrid .container.length16 .a:hover p,
  .cpx-postgrid .container.length16 .b:hover p,
  .cpx-postgrid .container.length16 .c:hover p,
  .cpx-postgrid .container.length16 .d:hover p,
  .cpx-postgrid .container.length16 .e:hover p,
  .cpx-postgrid .container.length16 .f:hover p,
  .cpx-postgrid .container.length16 .g:hover p,
  .cpx-postgrid .container.length16 .h:hover p,
  .cpx-postgrid .container.length16 .i:hover p,
  .cpx-postgrid .container.length16 .j:hover p,
  .cpx-postgrid .container.length16 .k:hover p,
  .cpx-postgrid .container.length16 .l:hover p,
  .cpx-postgrid .container.length16 .m:hover p,
  .cpx-postgrid .container.length16 .n:hover p,
  .cpx-postgrid .container.length16 .o:hover p,
  .cpx-postgrid .container.length16 .p:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length16 .a .labels,
  .cpx-postgrid .container.length16 .b .labels,
  .cpx-postgrid .container.length16 .c .labels,
  .cpx-postgrid .container.length16 .d .labels,
  .cpx-postgrid .container.length16 .e .labels,
  .cpx-postgrid .container.length16 .f .labels,
  .cpx-postgrid .container.length16 .g .labels,
  .cpx-postgrid .container.length16 .h .labels,
  .cpx-postgrid .container.length16 .i .labels,
  .cpx-postgrid .container.length16 .j .labels,
  .cpx-postgrid .container.length16 .k .labels,
  .cpx-postgrid .container.length16 .l .labels,
  .cpx-postgrid .container.length16 .m .labels,
  .cpx-postgrid .container.length16 .n .labels,
  .cpx-postgrid .container.length16 .o .labels,
  .cpx-postgrid .container.length16 .p .labels {
    display: none;
  }
  .cpx-postgrid .container.length16 .a .fa,
  .cpx-postgrid .container.length16 .b .fa,
  .cpx-postgrid .container.length16 .c .fa,
  .cpx-postgrid .container.length16 .d .fa,
  .cpx-postgrid .container.length16 .e .fa,
  .cpx-postgrid .container.length16 .f .fa,
  .cpx-postgrid .container.length16 .g .fa,
  .cpx-postgrid .container.length16 .h .fa,
  .cpx-postgrid .container.length16 .i .fa,
  .cpx-postgrid .container.length16 .j .fa,
  .cpx-postgrid .container.length16 .k .fa,
  .cpx-postgrid .container.length16 .l .fa,
  .cpx-postgrid .container.length16 .m .fa,
  .cpx-postgrid .container.length16 .n .fa,
  .cpx-postgrid .container.length16 .o .fa,
  .cpx-postgrid .container.length16 .p .fa {
    display: none;
  }
  .cpx-postgrid .container.length16 .a .summary,
  .cpx-postgrid .container.length16 .b .summary,
  .cpx-postgrid .container.length16 .c .summary,
  .cpx-postgrid .container.length16 .d .summary,
  .cpx-postgrid .container.length16 .e .summary,
  .cpx-postgrid .container.length16 .f .summary,
  .cpx-postgrid .container.length16 .g .summary,
  .cpx-postgrid .container.length16 .h .summary,
  .cpx-postgrid .container.length16 .i .summary,
  .cpx-postgrid .container.length16 .j .summary,
  .cpx-postgrid .container.length16 .k .summary,
  .cpx-postgrid .container.length16 .l .summary,
  .cpx-postgrid .container.length16 .m .summary,
  .cpx-postgrid .container.length16 .n .summary,
  .cpx-postgrid .container.length16 .o .summary,
  .cpx-postgrid .container.length16 .p .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .a h1,
  .cpx-postgrid .container.length16 .b h1,
  .cpx-postgrid .container.length16 .c h1,
  .cpx-postgrid .container.length16 .d h1,
  .cpx-postgrid .container.length16 .e h1,
  .cpx-postgrid .container.length16 .f h1,
  .cpx-postgrid .container.length16 .g h1,
  .cpx-postgrid .container.length16 .h h1,
  .cpx-postgrid .container.length16 .i h1,
  .cpx-postgrid .container.length16 .j h1,
  .cpx-postgrid .container.length16 .k h1,
  .cpx-postgrid .container.length16 .l h1,
  .cpx-postgrid .container.length16 .m h1,
  .cpx-postgrid .container.length16 .n h1,
  .cpx-postgrid .container.length16 .o h1,
  .cpx-postgrid .container.length16 .p h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length16 .a p,
  .cpx-postgrid .container.length16 .b p,
  .cpx-postgrid .container.length16 .c p,
  .cpx-postgrid .container.length16 .d p,
  .cpx-postgrid .container.length16 .e p,
  .cpx-postgrid .container.length16 .f p,
  .cpx-postgrid .container.length16 .g p,
  .cpx-postgrid .container.length16 .h p,
  .cpx-postgrid .container.length16 .i p,
  .cpx-postgrid .container.length16 .j p,
  .cpx-postgrid .container.length16 .k p,
  .cpx-postgrid .container.length16 .l p,
  .cpx-postgrid .container.length16 .m p,
  .cpx-postgrid .container.length16 .n p,
  .cpx-postgrid .container.length16 .o p,
  .cpx-postgrid .container.length16 .p p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .a.griditem,
  .cpx-postgrid .container.length16 .b.griditem,
  .cpx-postgrid .container.length16 .c.griditem,
  .cpx-postgrid .container.length16 .d.griditem,
  .cpx-postgrid .container.length16 .e.griditem,
  .cpx-postgrid .container.length16 .f.griditem,
  .cpx-postgrid .container.length16 .g.griditem,
  .cpx-postgrid .container.length16 .h.griditem,
  .cpx-postgrid .container.length16 .i.griditem,
  .cpx-postgrid .container.length16 .j.griditem,
  .cpx-postgrid .container.length16 .k.griditem,
  .cpx-postgrid .container.length16 .l.griditem,
  .cpx-postgrid .container.length16 .m.griditem,
  .cpx-postgrid .container.length16 .n.griditem,
  .cpx-postgrid .container.length16 .o.griditem,
  .cpx-postgrid .container.length16 .p.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length16 .a .hover,
  .cpx-postgrid .container.length16 .b .hover,
  .cpx-postgrid .container.length16 .c .hover,
  .cpx-postgrid .container.length16 .d .hover,
  .cpx-postgrid .container.length16 .e .hover,
  .cpx-postgrid .container.length16 .f .hover,
  .cpx-postgrid .container.length16 .g .hover,
  .cpx-postgrid .container.length16 .h .hover,
  .cpx-postgrid .container.length16 .i .hover,
  .cpx-postgrid .container.length16 .j .hover,
  .cpx-postgrid .container.length16 .k .hover,
  .cpx-postgrid .container.length16 .l .hover,
  .cpx-postgrid .container.length16 .m .hover,
  .cpx-postgrid .container.length16 .n .hover,
  .cpx-postgrid .container.length16 .o .hover,
  .cpx-postgrid .container.length16 .p .hover {
    display: none;
  }
  .cpx-postgrid .container.length16 .a .background,
  .cpx-postgrid .container.length16 .b .background,
  .cpx-postgrid .container.length16 .c .background,
  .cpx-postgrid .container.length16 .d .background,
  .cpx-postgrid .container.length16 .e .background,
  .cpx-postgrid .container.length16 .f .background,
  .cpx-postgrid .container.length16 .g .background,
  .cpx-postgrid .container.length16 .h .background,
  .cpx-postgrid .container.length16 .i .background,
  .cpx-postgrid .container.length16 .j .background,
  .cpx-postgrid .container.length16 .k .background,
  .cpx-postgrid .container.length16 .l .background,
  .cpx-postgrid .container.length16 .m .background,
  .cpx-postgrid .container.length16 .n .background,
  .cpx-postgrid .container.length16 .o .background,
  .cpx-postgrid .container.length16 .p .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length16 .a .bottomcontent,
  .cpx-postgrid .container.length16 .b .bottomcontent,
  .cpx-postgrid .container.length16 .c .bottomcontent,
  .cpx-postgrid .container.length16 .d .bottomcontent,
  .cpx-postgrid .container.length16 .e .bottomcontent,
  .cpx-postgrid .container.length16 .f .bottomcontent,
  .cpx-postgrid .container.length16 .g .bottomcontent,
  .cpx-postgrid .container.length16 .h .bottomcontent,
  .cpx-postgrid .container.length16 .i .bottomcontent,
  .cpx-postgrid .container.length16 .j .bottomcontent,
  .cpx-postgrid .container.length16 .k .bottomcontent,
  .cpx-postgrid .container.length16 .l .bottomcontent,
  .cpx-postgrid .container.length16 .m .bottomcontent,
  .cpx-postgrid .container.length16 .n .bottomcontent,
  .cpx-postgrid .container.length16 .o .bottomcontent,
  .cpx-postgrid .container.length16 .p .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length16 .a .bottomcontent .title,
  .cpx-postgrid .container.length16 .b .bottomcontent .title,
  .cpx-postgrid .container.length16 .c .bottomcontent .title,
  .cpx-postgrid .container.length16 .d .bottomcontent .title,
  .cpx-postgrid .container.length16 .e .bottomcontent .title,
  .cpx-postgrid .container.length16 .f .bottomcontent .title,
  .cpx-postgrid .container.length16 .g .bottomcontent .title,
  .cpx-postgrid .container.length16 .h .bottomcontent .title,
  .cpx-postgrid .container.length16 .i .bottomcontent .title,
  .cpx-postgrid .container.length16 .j .bottomcontent .title,
  .cpx-postgrid .container.length16 .k .bottomcontent .title,
  .cpx-postgrid .container.length16 .l .bottomcontent .title,
  .cpx-postgrid .container.length16 .m .bottomcontent .title,
  .cpx-postgrid .container.length16 .n .bottomcontent .title,
  .cpx-postgrid .container.length16 .o .bottomcontent .title,
  .cpx-postgrid .container.length16 .p .bottomcontent .title,
  .cpx-postgrid .container.length16 .a .bottomcontent .date,
  .cpx-postgrid .container.length16 .b .bottomcontent .date,
  .cpx-postgrid .container.length16 .c .bottomcontent .date,
  .cpx-postgrid .container.length16 .d .bottomcontent .date,
  .cpx-postgrid .container.length16 .e .bottomcontent .date,
  .cpx-postgrid .container.length16 .f .bottomcontent .date,
  .cpx-postgrid .container.length16 .g .bottomcontent .date,
  .cpx-postgrid .container.length16 .h .bottomcontent .date,
  .cpx-postgrid .container.length16 .i .bottomcontent .date,
  .cpx-postgrid .container.length16 .j .bottomcontent .date,
  .cpx-postgrid .container.length16 .k .bottomcontent .date,
  .cpx-postgrid .container.length16 .l .bottomcontent .date,
  .cpx-postgrid .container.length16 .m .bottomcontent .date,
  .cpx-postgrid .container.length16 .n .bottomcontent .date,
  .cpx-postgrid .container.length16 .o .bottomcontent .date,
  .cpx-postgrid .container.length16 .p .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length16 .a .date,
  .cpx-postgrid .container.length16 .b .date,
  .cpx-postgrid .container.length16 .c .date,
  .cpx-postgrid .container.length16 .d .date,
  .cpx-postgrid .container.length16 .e .date,
  .cpx-postgrid .container.length16 .f .date,
  .cpx-postgrid .container.length16 .g .date,
  .cpx-postgrid .container.length16 .h .date,
  .cpx-postgrid .container.length16 .i .date,
  .cpx-postgrid .container.length16 .j .date,
  .cpx-postgrid .container.length16 .k .date,
  .cpx-postgrid .container.length16 .l .date,
  .cpx-postgrid .container.length16 .m .date,
  .cpx-postgrid .container.length16 .n .date,
  .cpx-postgrid .container.length16 .o .date,
  .cpx-postgrid .container.length16 .p .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length16 .a h1,
  .cpx-postgrid .container.length16 .b h1,
  .cpx-postgrid .container.length16 .c h1,
  .cpx-postgrid .container.length16 .d h1,
  .cpx-postgrid .container.length16 .e h1,
  .cpx-postgrid .container.length16 .f h1,
  .cpx-postgrid .container.length16 .g h1,
  .cpx-postgrid .container.length16 .h h1,
  .cpx-postgrid .container.length16 .i h1,
  .cpx-postgrid .container.length16 .j h1,
  .cpx-postgrid .container.length16 .k h1,
  .cpx-postgrid .container.length16 .l h1,
  .cpx-postgrid .container.length16 .m h1,
  .cpx-postgrid .container.length16 .n h1,
  .cpx-postgrid .container.length16 .o h1,
  .cpx-postgrid .container.length16 .p h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .a h1.char-length-40,
  .cpx-postgrid .container.length16 .b h1.char-length-40,
  .cpx-postgrid .container.length16 .c h1.char-length-40,
  .cpx-postgrid .container.length16 .d h1.char-length-40,
  .cpx-postgrid .container.length16 .e h1.char-length-40,
  .cpx-postgrid .container.length16 .f h1.char-length-40,
  .cpx-postgrid .container.length16 .g h1.char-length-40,
  .cpx-postgrid .container.length16 .h h1.char-length-40,
  .cpx-postgrid .container.length16 .i h1.char-length-40,
  .cpx-postgrid .container.length16 .j h1.char-length-40,
  .cpx-postgrid .container.length16 .k h1.char-length-40,
  .cpx-postgrid .container.length16 .l h1.char-length-40,
  .cpx-postgrid .container.length16 .m h1.char-length-40,
  .cpx-postgrid .container.length16 .n h1.char-length-40,
  .cpx-postgrid .container.length16 .o h1.char-length-40,
  .cpx-postgrid .container.length16 .p h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .a .divider,
  .cpx-postgrid .container.length16 .b .divider,
  .cpx-postgrid .container.length16 .c .divider,
  .cpx-postgrid .container.length16 .d .divider,
  .cpx-postgrid .container.length16 .e .divider,
  .cpx-postgrid .container.length16 .f .divider,
  .cpx-postgrid .container.length16 .g .divider,
  .cpx-postgrid .container.length16 .h .divider,
  .cpx-postgrid .container.length16 .i .divider,
  .cpx-postgrid .container.length16 .j .divider,
  .cpx-postgrid .container.length16 .k .divider,
  .cpx-postgrid .container.length16 .l .divider,
  .cpx-postgrid .container.length16 .m .divider,
  .cpx-postgrid .container.length16 .n .divider,
  .cpx-postgrid .container.length16 .o .divider,
  .cpx-postgrid .container.length16 .p .divider,
  .cpx-postgrid .container.length16 .a .estimate,
  .cpx-postgrid .container.length16 .b .estimate,
  .cpx-postgrid .container.length16 .c .estimate,
  .cpx-postgrid .container.length16 .d .estimate,
  .cpx-postgrid .container.length16 .e .estimate,
  .cpx-postgrid .container.length16 .f .estimate,
  .cpx-postgrid .container.length16 .g .estimate,
  .cpx-postgrid .container.length16 .h .estimate,
  .cpx-postgrid .container.length16 .i .estimate,
  .cpx-postgrid .container.length16 .j .estimate,
  .cpx-postgrid .container.length16 .k .estimate,
  .cpx-postgrid .container.length16 .l .estimate,
  .cpx-postgrid .container.length16 .m .estimate,
  .cpx-postgrid .container.length16 .n .estimate,
  .cpx-postgrid .container.length16 .o .estimate,
  .cpx-postgrid .container.length16 .p .estimate {
    display: none;
  }
  .fl-row-fixed-width,
  .collectionPosts:not(.homeLatest),
  .collectionPosts .featurePosts {
    max-width: calc(100vw - 64px);
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0 auto;
  }
  .cpx-hero .container,
  .carousel .grid-heading-container,
  .fl-module-cpx_bb_carousel .grid-heading-container {
    width: calc(100vw - 64px);
  }
  .cpx-hero .background-video {
    width: 400vw;
  }
  .cpx-single-post.medium {
    width: calc(100vw - 64px);
  }
  .fl-module-cpx_bb_carousel .swiper-container .swiper-slide,
  .carousel .swiper-container .swiper-slide {
    transform: translate3d(8px, 0px, 0px);
  }
  .cpx-people-grid .container {
    grid-template-columns: repeat(1, 1fr);
  }
  .cpx-hero .container {
    grid-template-columns: [content right] calc(100vw - 64px);
  }
  .cpx-hero .container .buttons {
    display: flex;
    flex-direction: column;
  }
  .cpx-hero .container .buttons .button:first-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .cpx-postgrid .container.length5 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a b" "a b" "a b" "c c" "d d" "e e";
  }
  .cpx-postgrid .container.length5 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .z.card .title.char-length-15,
  .cpx-postgrid .container.length5 .z.card .title.char-length-40,
  .cpx-postgrid .container.length5 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length5 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length5 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length5 .a .hover .char-length-15,
  .cpx-postgrid .container.length5 .b .hover .char-length-15,
  .cpx-postgrid .container.length5 .a .hover .char-word-12,
  .cpx-postgrid .container.length5 .b .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .hover .char-length-40,
  .cpx-postgrid .container.length5 .b .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a .author .author-image,
  .cpx-postgrid .container.length5 .b .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length5 .a .author .author-text,
  .cpx-postgrid .container.length5 .b .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .a.card .summary,
  .cpx-postgrid .container.length5 .b.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .a.card .author,
  .cpx-postgrid .container.length5 .b.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .a.tile .char-length-40,
  .cpx-postgrid .container.length5 .b.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a.tile .char-word-12,
  .cpx-postgrid .container.length5 .b.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .b.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .b.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .c,
  .cpx-postgrid .container.length5 .d,
  .cpx-postgrid .container.length5 .e {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length5 .c:hover,
  .cpx-postgrid .container.length5 .d:hover,
  .cpx-postgrid .container.length5 .e:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length5 .c:hover h1,
  .cpx-postgrid .container.length5 .d:hover h1,
  .cpx-postgrid .container.length5 .e:hover h1,
  .cpx-postgrid .container.length5 .c:hover p,
  .cpx-postgrid .container.length5 .d:hover p,
  .cpx-postgrid .container.length5 .e:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length5 .c .labels,
  .cpx-postgrid .container.length5 .d .labels,
  .cpx-postgrid .container.length5 .e .labels {
    display: none;
  }
  .cpx-postgrid .container.length5 .c .fa,
  .cpx-postgrid .container.length5 .d .fa,
  .cpx-postgrid .container.length5 .e .fa {
    display: none;
  }
  .cpx-postgrid .container.length5 .c .summary,
  .cpx-postgrid .container.length5 .d .summary,
  .cpx-postgrid .container.length5 .e .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length5 .c p,
  .cpx-postgrid .container.length5 .d p,
  .cpx-postgrid .container.length5 .e p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .c.griditem,
  .cpx-postgrid .container.length5 .d.griditem,
  .cpx-postgrid .container.length5 .e.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length5 .c .hover,
  .cpx-postgrid .container.length5 .d .hover,
  .cpx-postgrid .container.length5 .e .hover {
    display: none;
  }
  .cpx-postgrid .container.length5 .c .background,
  .cpx-postgrid .container.length5 .d .background,
  .cpx-postgrid .container.length5 .e .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length5 .c .bottomcontent,
  .cpx-postgrid .container.length5 .d .bottomcontent,
  .cpx-postgrid .container.length5 .e .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length5 .c .bottomcontent .title,
  .cpx-postgrid .container.length5 .d .bottomcontent .title,
  .cpx-postgrid .container.length5 .e .bottomcontent .title,
  .cpx-postgrid .container.length5 .c .bottomcontent .date,
  .cpx-postgrid .container.length5 .d .bottomcontent .date,
  .cpx-postgrid .container.length5 .e .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length5 .c .date,
  .cpx-postgrid .container.length5 .d .date,
  .cpx-postgrid .container.length5 .e .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .c h1.char-length-40,
  .cpx-postgrid .container.length5 .d h1.char-length-40,
  .cpx-postgrid .container.length5 .e h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .c .divider,
  .cpx-postgrid .container.length5 .d .divider,
  .cpx-postgrid .container.length5 .e .divider,
  .cpx-postgrid .container.length5 .c .estimate,
  .cpx-postgrid .container.length5 .d .estimate,
  .cpx-postgrid .container.length5 .e .estimate {
    display: none;
  }
  .cpx-postgrid .container.length5 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .z.card .title.char-length-15,
  .cpx-postgrid .container.length5 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .z .title.char-length-40,
  .cpx-postgrid .container.length5 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .hover .char-length-15,
  .cpx-postgrid .container.length5 .b .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .hover .char-length-40,
  .cpx-postgrid .container.length5 .b .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a.card .summary,
  .cpx-postgrid .container.length5 .b.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .a.card .author,
  .cpx-postgrid .container.length5 .b.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .a.tile .char-length-15,
  .cpx-postgrid .container.length5 .b.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a.tile .char-length-40,
  .cpx-postgrid .container.length5 .b.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a.tile .char-word-12,
  .cpx-postgrid .container.length5 .b.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .c h1.char-length-40,
  .cpx-postgrid .container.length5 .d h1.char-length-40,
  .cpx-postgrid .container.length5 .e h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(4, 80px);
    grid-template-areas: "a" "b" "c" "d";
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length4_featured .z .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a,
  .cpx-postgrid .container.length4_featured .b,
  .cpx-postgrid .container.length4_featured .c,
  .cpx-postgrid .container.length4_featured .d {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length4_featured .a:hover,
  .cpx-postgrid .container.length4_featured .b:hover,
  .cpx-postgrid .container.length4_featured .c:hover,
  .cpx-postgrid .container.length4_featured .d:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length4_featured .a:hover h1,
  .cpx-postgrid .container.length4_featured .b:hover h1,
  .cpx-postgrid .container.length4_featured .c:hover h1,
  .cpx-postgrid .container.length4_featured .d:hover h1,
  .cpx-postgrid .container.length4_featured .a:hover p,
  .cpx-postgrid .container.length4_featured .b:hover p,
  .cpx-postgrid .container.length4_featured .c:hover p,
  .cpx-postgrid .container.length4_featured .d:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length4_featured .a .labels,
  .cpx-postgrid .container.length4_featured .b .labels,
  .cpx-postgrid .container.length4_featured .c .labels,
  .cpx-postgrid .container.length4_featured .d .labels {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a .fa,
  .cpx-postgrid .container.length4_featured .b .fa,
  .cpx-postgrid .container.length4_featured .c .fa,
  .cpx-postgrid .container.length4_featured .d .fa {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a .summary,
  .cpx-postgrid .container.length4_featured .b .summary,
  .cpx-postgrid .container.length4_featured .c .summary,
  .cpx-postgrid .container.length4_featured .d .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a h1,
  .cpx-postgrid .container.length4_featured .b h1,
  .cpx-postgrid .container.length4_featured .c h1,
  .cpx-postgrid .container.length4_featured .d h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length4_featured .a p,
  .cpx-postgrid .container.length4_featured .b p,
  .cpx-postgrid .container.length4_featured .c p,
  .cpx-postgrid .container.length4_featured .d p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .a.griditem,
  .cpx-postgrid .container.length4_featured .b.griditem,
  .cpx-postgrid .container.length4_featured .c.griditem,
  .cpx-postgrid .container.length4_featured .d.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length4_featured .a .hover,
  .cpx-postgrid .container.length4_featured .b .hover,
  .cpx-postgrid .container.length4_featured .c .hover,
  .cpx-postgrid .container.length4_featured .d .hover {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a .background,
  .cpx-postgrid .container.length4_featured .b .background,
  .cpx-postgrid .container.length4_featured .c .background,
  .cpx-postgrid .container.length4_featured .d .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length4_featured .a .bottomcontent,
  .cpx-postgrid .container.length4_featured .b .bottomcontent,
  .cpx-postgrid .container.length4_featured .c .bottomcontent,
  .cpx-postgrid .container.length4_featured .d .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length4_featured .a .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .b .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .c .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .d .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .a .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length4_featured .a .date,
  .cpx-postgrid .container.length4_featured .b .date,
  .cpx-postgrid .container.length4_featured .c .date,
  .cpx-postgrid .container.length4_featured .d .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length4_featured .a h1,
  .cpx-postgrid .container.length4_featured .b h1,
  .cpx-postgrid .container.length4_featured .c h1,
  .cpx-postgrid .container.length4_featured .d h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a h1.char-length-40,
  .cpx-postgrid .container.length4_featured .b h1.char-length-40,
  .cpx-postgrid .container.length4_featured .c h1.char-length-40,
  .cpx-postgrid .container.length4_featured .d h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a .divider,
  .cpx-postgrid .container.length4_featured .b .divider,
  .cpx-postgrid .container.length4_featured .c .divider,
  .cpx-postgrid .container.length4_featured .d .divider,
  .cpx-postgrid .container.length4_featured .a .estimate,
  .cpx-postgrid .container.length4_featured .b .estimate,
  .cpx-postgrid .container.length4_featured .c .estimate,
  .cpx-postgrid .container.length4_featured .d .estimate {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a h1,
  .cpx-postgrid .container.length4_featured .b h1,
  .cpx-postgrid .container.length4_featured .c h1,
  .cpx-postgrid .container.length4_featured .d h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a h1.char-length-40,
  .cpx-postgrid .container.length4_featured .b h1.char-length-40,
  .cpx-postgrid .container.length4_featured .c h1.char-length-40,
  .cpx-postgrid .container.length4_featured .d h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .griditem:hover,
  .cpx-postgrid .container.length4_featured .griditem:hover .hover {
    background-color: black;
  }
  .cpx-postgrid .container.length3 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a" "b" "c";
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40,
  .cpx-postgrid .container.length3 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length3 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length3 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15,
  .cpx-postgrid .container.length3 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a,
  .cpx-postgrid .container.length3 .b,
  .cpx-postgrid .container.length3 .c {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length3 .a:hover,
  .cpx-postgrid .container.length3 .b:hover,
  .cpx-postgrid .container.length3 .c:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length3 .a:hover h1,
  .cpx-postgrid .container.length3 .b:hover h1,
  .cpx-postgrid .container.length3 .c:hover h1,
  .cpx-postgrid .container.length3 .a:hover p,
  .cpx-postgrid .container.length3 .b:hover p,
  .cpx-postgrid .container.length3 .c:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length3 .a .labels,
  .cpx-postgrid .container.length3 .b .labels,
  .cpx-postgrid .container.length3 .c .labels {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .fa,
  .cpx-postgrid .container.length3 .b .fa,
  .cpx-postgrid .container.length3 .c .fa {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .summary,
  .cpx-postgrid .container.length3 .b .summary,
  .cpx-postgrid .container.length3 .c .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length3 .a p,
  .cpx-postgrid .container.length3 .b p,
  .cpx-postgrid .container.length3 .c p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .a.griditem,
  .cpx-postgrid .container.length3 .b.griditem,
  .cpx-postgrid .container.length3 .c.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length3 .a .hover,
  .cpx-postgrid .container.length3 .b .hover,
  .cpx-postgrid .container.length3 .c .hover {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .background,
  .cpx-postgrid .container.length3 .b .background,
  .cpx-postgrid .container.length3 .c .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent,
  .cpx-postgrid .container.length3 .b .bottomcontent,
  .cpx-postgrid .container.length3 .c .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent .title,
  .cpx-postgrid .container.length3 .b .bottomcontent .title,
  .cpx-postgrid .container.length3 .c .bottomcontent .title,
  .cpx-postgrid .container.length3 .a .bottomcontent .date,
  .cpx-postgrid .container.length3 .b .bottomcontent .date,
  .cpx-postgrid .container.length3 .c .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length3 .a .date,
  .cpx-postgrid .container.length3 .b .date,
  .cpx-postgrid .container.length3 .c .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .a .divider,
  .cpx-postgrid .container.length3 .b .divider,
  .cpx-postgrid .container.length3 .c .divider,
  .cpx-postgrid .container.length3 .a .estimate,
  .cpx-postgrid .container.length3 .b .estimate,
  .cpx-postgrid .container.length3 .c .estimate {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z .title.char-length-40,
  .cpx-postgrid .container.length3 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(9, 80px);
    grid-template-areas: "a b" "a b" "a b" "c d" "c d" "c d" "e e" "f f" "g g";
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40,
  .cpx-postgrid .container.length7 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length7 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length7 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .b .hover .char-length-15,
  .cpx-postgrid .container.length7 .c .hover .char-length-15,
  .cpx-postgrid .container.length7 .d .hover .char-length-15,
  .cpx-postgrid .container.length7 .a .hover .char-word-12,
  .cpx-postgrid .container.length7 .b .hover .char-word-12,
  .cpx-postgrid .container.length7 .c .hover .char-word-12,
  .cpx-postgrid .container.length7 .d .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .b .hover .char-length-40,
  .cpx-postgrid .container.length7 .c .hover .char-length-40,
  .cpx-postgrid .container.length7 .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-image,
  .cpx-postgrid .container.length7 .b .author .author-image,
  .cpx-postgrid .container.length7 .c .author .author-image,
  .cpx-postgrid .container.length7 .d .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-text,
  .cpx-postgrid .container.length7 .b .author .author-text,
  .cpx-postgrid .container.length7 .c .author .author-text,
  .cpx-postgrid .container.length7 .d .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .b.card .summary,
  .cpx-postgrid .container.length7 .c.card .summary,
  .cpx-postgrid .container.length7 .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .b.card .author,
  .cpx-postgrid .container.length7 .c.card .author,
  .cpx-postgrid .container.length7 .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .b.tile .char-word-12,
  .cpx-postgrid .container.length7 .c.tile .char-word-12,
  .cpx-postgrid .container.length7 .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .d.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e,
  .cpx-postgrid .container.length7 .f,
  .cpx-postgrid .container.length7 .g {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length7 .e:hover,
  .cpx-postgrid .container.length7 .f:hover,
  .cpx-postgrid .container.length7 .g:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length7 .e:hover h1,
  .cpx-postgrid .container.length7 .f:hover h1,
  .cpx-postgrid .container.length7 .g:hover h1,
  .cpx-postgrid .container.length7 .e:hover p,
  .cpx-postgrid .container.length7 .f:hover p,
  .cpx-postgrid .container.length7 .g:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length7 .e .labels,
  .cpx-postgrid .container.length7 .f .labels,
  .cpx-postgrid .container.length7 .g .labels {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .fa,
  .cpx-postgrid .container.length7 .f .fa,
  .cpx-postgrid .container.length7 .g .fa {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .summary,
  .cpx-postgrid .container.length7 .f .summary,
  .cpx-postgrid .container.length7 .g .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length7 .e p,
  .cpx-postgrid .container.length7 .f p,
  .cpx-postgrid .container.length7 .g p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .e.griditem,
  .cpx-postgrid .container.length7 .f.griditem,
  .cpx-postgrid .container.length7 .g.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length7 .e .hover,
  .cpx-postgrid .container.length7 .f .hover,
  .cpx-postgrid .container.length7 .g .hover {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .background,
  .cpx-postgrid .container.length7 .f .background,
  .cpx-postgrid .container.length7 .g .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length7 .e .bottomcontent,
  .cpx-postgrid .container.length7 .f .bottomcontent,
  .cpx-postgrid .container.length7 .g .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length7 .e .bottomcontent .title,
  .cpx-postgrid .container.length7 .f .bottomcontent .title,
  .cpx-postgrid .container.length7 .g .bottomcontent .title,
  .cpx-postgrid .container.length7 .e .bottomcontent .date,
  .cpx-postgrid .container.length7 .f .bottomcontent .date,
  .cpx-postgrid .container.length7 .g .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length7 .e .date,
  .cpx-postgrid .container.length7 .f .date,
  .cpx-postgrid .container.length7 .g .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .e .divider,
  .cpx-postgrid .container.length7 .f .divider,
  .cpx-postgrid .container.length7 .g .divider,
  .cpx-postgrid .container.length7 .e .estimate,
  .cpx-postgrid .container.length7 .f .estimate,
  .cpx-postgrid .container.length7 .g .estimate {
    display: none;
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z .title.char-length-40,
  .cpx-postgrid .container.length7 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .b .hover .char-length-15,
  .cpx-postgrid .container.length7 .c .hover .char-length-15,
  .cpx-postgrid .container.length7 .d .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .b .hover .char-length-40,
  .cpx-postgrid .container.length7 .c .hover .char-length-40,
  .cpx-postgrid .container.length7 .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .b.card .summary,
  .cpx-postgrid .container.length7 .c.card .summary,
  .cpx-postgrid .container.length7 .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .b.card .author,
  .cpx-postgrid .container.length7 .c.card .author,
  .cpx-postgrid .container.length7 .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-15,
  .cpx-postgrid .container.length7 .b.tile .char-length-15,
  .cpx-postgrid .container.length7 .c.tile .char-length-15,
  .cpx-postgrid .container.length7 .d.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .b.tile .char-word-12,
  .cpx-postgrid .container.length7 .c.tile .char-word-12,
  .cpx-postgrid .container.length7 .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a c" "a d" "a e" "f b" "g b" "h b";
  }
  .cpx-postgrid .container.length8 .a.card .title,
  .cpx-postgrid .container.length8 .b.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a.card .title.char-length-15,
  .cpx-postgrid .container.length8 .b.card .title.char-length-15,
  .cpx-postgrid .container.length8 .a.card .title.char-length-40,
  .cpx-postgrid .container.length8 .b.card .title.char-length-40,
  .cpx-postgrid .container.length8 .a.card .title.char-word-12,
  .cpx-postgrid .container.length8 .b.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .title,
  .cpx-postgrid .container.length8 .b .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length8 .a .date,
  .cpx-postgrid .container.length8 .b .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length8 .a .summary,
  .cpx-postgrid .container.length8 .b .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-15,
  .cpx-postgrid .container.length8 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length8 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c,
  .cpx-postgrid .container.length8 .d,
  .cpx-postgrid .container.length8 .e,
  .cpx-postgrid .container.length8 .f,
  .cpx-postgrid .container.length8 .g,
  .cpx-postgrid .container.length8 .h {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length8 .c:hover,
  .cpx-postgrid .container.length8 .d:hover,
  .cpx-postgrid .container.length8 .e:hover,
  .cpx-postgrid .container.length8 .f:hover,
  .cpx-postgrid .container.length8 .g:hover,
  .cpx-postgrid .container.length8 .h:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length8 .c:hover h1,
  .cpx-postgrid .container.length8 .d:hover h1,
  .cpx-postgrid .container.length8 .e:hover h1,
  .cpx-postgrid .container.length8 .f:hover h1,
  .cpx-postgrid .container.length8 .g:hover h1,
  .cpx-postgrid .container.length8 .h:hover h1,
  .cpx-postgrid .container.length8 .c:hover p,
  .cpx-postgrid .container.length8 .d:hover p,
  .cpx-postgrid .container.length8 .e:hover p,
  .cpx-postgrid .container.length8 .f:hover p,
  .cpx-postgrid .container.length8 .g:hover p,
  .cpx-postgrid .container.length8 .h:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length8 .c .labels,
  .cpx-postgrid .container.length8 .d .labels,
  .cpx-postgrid .container.length8 .e .labels,
  .cpx-postgrid .container.length8 .f .labels,
  .cpx-postgrid .container.length8 .g .labels,
  .cpx-postgrid .container.length8 .h .labels {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .fa,
  .cpx-postgrid .container.length8 .d .fa,
  .cpx-postgrid .container.length8 .e .fa,
  .cpx-postgrid .container.length8 .f .fa,
  .cpx-postgrid .container.length8 .g .fa,
  .cpx-postgrid .container.length8 .h .fa {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .summary,
  .cpx-postgrid .container.length8 .d .summary,
  .cpx-postgrid .container.length8 .e .summary,
  .cpx-postgrid .container.length8 .f .summary,
  .cpx-postgrid .container.length8 .g .summary,
  .cpx-postgrid .container.length8 .h .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length8 .c p,
  .cpx-postgrid .container.length8 .d p,
  .cpx-postgrid .container.length8 .e p,
  .cpx-postgrid .container.length8 .f p,
  .cpx-postgrid .container.length8 .g p,
  .cpx-postgrid .container.length8 .h p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .c.griditem,
  .cpx-postgrid .container.length8 .d.griditem,
  .cpx-postgrid .container.length8 .e.griditem,
  .cpx-postgrid .container.length8 .f.griditem,
  .cpx-postgrid .container.length8 .g.griditem,
  .cpx-postgrid .container.length8 .h.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length8 .c .hover,
  .cpx-postgrid .container.length8 .d .hover,
  .cpx-postgrid .container.length8 .e .hover,
  .cpx-postgrid .container.length8 .f .hover,
  .cpx-postgrid .container.length8 .g .hover,
  .cpx-postgrid .container.length8 .h .hover {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .background,
  .cpx-postgrid .container.length8 .d .background,
  .cpx-postgrid .container.length8 .e .background,
  .cpx-postgrid .container.length8 .f .background,
  .cpx-postgrid .container.length8 .g .background,
  .cpx-postgrid .container.length8 .h .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length8 .c .bottomcontent,
  .cpx-postgrid .container.length8 .d .bottomcontent,
  .cpx-postgrid .container.length8 .e .bottomcontent,
  .cpx-postgrid .container.length8 .f .bottomcontent,
  .cpx-postgrid .container.length8 .g .bottomcontent,
  .cpx-postgrid .container.length8 .h .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length8 .c .bottomcontent .title,
  .cpx-postgrid .container.length8 .d .bottomcontent .title,
  .cpx-postgrid .container.length8 .e .bottomcontent .title,
  .cpx-postgrid .container.length8 .f .bottomcontent .title,
  .cpx-postgrid .container.length8 .g .bottomcontent .title,
  .cpx-postgrid .container.length8 .h .bottomcontent .title,
  .cpx-postgrid .container.length8 .c .bottomcontent .date,
  .cpx-postgrid .container.length8 .d .bottomcontent .date,
  .cpx-postgrid .container.length8 .e .bottomcontent .date,
  .cpx-postgrid .container.length8 .f .bottomcontent .date,
  .cpx-postgrid .container.length8 .g .bottomcontent .date,
  .cpx-postgrid .container.length8 .h .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length8 .c .date,
  .cpx-postgrid .container.length8 .d .date,
  .cpx-postgrid .container.length8 .e .date,
  .cpx-postgrid .container.length8 .f .date,
  .cpx-postgrid .container.length8 .g .date,
  .cpx-postgrid .container.length8 .h .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c h1.char-length-40,
  .cpx-postgrid .container.length8 .d h1.char-length-40,
  .cpx-postgrid .container.length8 .e h1.char-length-40,
  .cpx-postgrid .container.length8 .f h1.char-length-40,
  .cpx-postgrid .container.length8 .g h1.char-length-40,
  .cpx-postgrid .container.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .c .divider,
  .cpx-postgrid .container.length8 .d .divider,
  .cpx-postgrid .container.length8 .e .divider,
  .cpx-postgrid .container.length8 .f .divider,
  .cpx-postgrid .container.length8 .g .divider,
  .cpx-postgrid .container.length8 .h .divider,
  .cpx-postgrid .container.length8 .c .estimate,
  .cpx-postgrid .container.length8 .d .estimate,
  .cpx-postgrid .container.length8 .e .estimate,
  .cpx-postgrid .container.length8 .f .estimate,
  .cpx-postgrid .container.length8 .g .estimate,
  .cpx-postgrid .container.length8 .h .estimate {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.card .title,
  .cpx-postgrid .container.length8 .b.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a.card .title.char-length-15,
  .cpx-postgrid .container.length8 .b.card .title.char-length-15,
  .cpx-postgrid .container.length8 .a.card .title.char-length-40,
  .cpx-postgrid .container.length8 .b.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .title,
  .cpx-postgrid .container.length8 .b .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a .title.char-length-40,
  .cpx-postgrid .container.length8 .b .title.char-length-40,
  .cpx-postgrid .container.length8 .a .title.char-word-12,
  .cpx-postgrid .container.length8 .b .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c h1.char-length-40,
  .cpx-postgrid .container.length8 .d h1.char-length-40,
  .cpx-postgrid .container.length8 .e h1.char-length-40,
  .cpx-postgrid .container.length8 .f h1.char-length-40,
  .cpx-postgrid .container.length8 .g h1.char-length-40,
  .cpx-postgrid .container.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.card.length8 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.card.length8 .z.card .title.char-length-15,
  .cpx-postgrid .container.card.length8 .z.card .title.char-length-40,
  .cpx-postgrid .container.card.length8 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.card.length8 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.card.length8 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.card.length8 .a .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .b .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .a .hover .char-word-12,
  .cpx-postgrid .container.card.length8 .b .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a .hover .char-length-40,
  .cpx-postgrid .container.card.length8 .b .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .a .author .author-image,
  .cpx-postgrid .container.card.length8 .b .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.card.length8 .a .author .author-text,
  .cpx-postgrid .container.card.length8 .b .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.card.length8 .a.card .summary,
  .cpx-postgrid .container.card.length8 .b.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.card.length8 .a.card .author,
  .cpx-postgrid .container.card.length8 .b.card .author {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .a.tile .char-length-40,
  .cpx-postgrid .container.card.length8 .b.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a.tile .char-word-12,
  .cpx-postgrid .container.card.length8 .b.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.card.length8 .b.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .b.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.card.length8 .b.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .c,
  .cpx-postgrid .container.card.length8 .d,
  .cpx-postgrid .container.card.length8 .e,
  .cpx-postgrid .container.card.length8 .f,
  .cpx-postgrid .container.card.length8 .g,
  .cpx-postgrid .container.card.length8 .h {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.card.length8 .c:hover,
  .cpx-postgrid .container.card.length8 .d:hover,
  .cpx-postgrid .container.card.length8 .e:hover,
  .cpx-postgrid .container.card.length8 .f:hover,
  .cpx-postgrid .container.card.length8 .g:hover,
  .cpx-postgrid .container.card.length8 .h:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.card.length8 .c:hover h1,
  .cpx-postgrid .container.card.length8 .d:hover h1,
  .cpx-postgrid .container.card.length8 .e:hover h1,
  .cpx-postgrid .container.card.length8 .f:hover h1,
  .cpx-postgrid .container.card.length8 .g:hover h1,
  .cpx-postgrid .container.card.length8 .h:hover h1,
  .cpx-postgrid .container.card.length8 .c:hover p,
  .cpx-postgrid .container.card.length8 .d:hover p,
  .cpx-postgrid .container.card.length8 .e:hover p,
  .cpx-postgrid .container.card.length8 .f:hover p,
  .cpx-postgrid .container.card.length8 .g:hover p,
  .cpx-postgrid .container.card.length8 .h:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.card.length8 .c .labels,
  .cpx-postgrid .container.card.length8 .d .labels,
  .cpx-postgrid .container.card.length8 .e .labels,
  .cpx-postgrid .container.card.length8 .f .labels,
  .cpx-postgrid .container.card.length8 .g .labels,
  .cpx-postgrid .container.card.length8 .h .labels {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c .fa,
  .cpx-postgrid .container.card.length8 .d .fa,
  .cpx-postgrid .container.card.length8 .e .fa,
  .cpx-postgrid .container.card.length8 .f .fa,
  .cpx-postgrid .container.card.length8 .g .fa,
  .cpx-postgrid .container.card.length8 .h .fa {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c .summary,
  .cpx-postgrid .container.card.length8 .d .summary,
  .cpx-postgrid .container.card.length8 .e .summary,
  .cpx-postgrid .container.card.length8 .f .summary,
  .cpx-postgrid .container.card.length8 .g .summary,
  .cpx-postgrid .container.card.length8 .h .summary {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c h1,
  .cpx-postgrid .container.card.length8 .d h1,
  .cpx-postgrid .container.card.length8 .e h1,
  .cpx-postgrid .container.card.length8 .f h1,
  .cpx-postgrid .container.card.length8 .g h1,
  .cpx-postgrid .container.card.length8 .h h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.card.length8 .c p,
  .cpx-postgrid .container.card.length8 .d p,
  .cpx-postgrid .container.card.length8 .e p,
  .cpx-postgrid .container.card.length8 .f p,
  .cpx-postgrid .container.card.length8 .g p,
  .cpx-postgrid .container.card.length8 .h p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.card.length8 .c.griditem,
  .cpx-postgrid .container.card.length8 .d.griditem,
  .cpx-postgrid .container.card.length8 .e.griditem,
  .cpx-postgrid .container.card.length8 .f.griditem,
  .cpx-postgrid .container.card.length8 .g.griditem,
  .cpx-postgrid .container.card.length8 .h.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.card.length8 .c .hover,
  .cpx-postgrid .container.card.length8 .d .hover,
  .cpx-postgrid .container.card.length8 .e .hover,
  .cpx-postgrid .container.card.length8 .f .hover,
  .cpx-postgrid .container.card.length8 .g .hover,
  .cpx-postgrid .container.card.length8 .h .hover {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c .background,
  .cpx-postgrid .container.card.length8 .d .background,
  .cpx-postgrid .container.card.length8 .e .background,
  .cpx-postgrid .container.card.length8 .f .background,
  .cpx-postgrid .container.card.length8 .g .background,
  .cpx-postgrid .container.card.length8 .h .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.card.length8 .c .bottomcontent,
  .cpx-postgrid .container.card.length8 .d .bottomcontent,
  .cpx-postgrid .container.card.length8 .e .bottomcontent,
  .cpx-postgrid .container.card.length8 .f .bottomcontent,
  .cpx-postgrid .container.card.length8 .g .bottomcontent,
  .cpx-postgrid .container.card.length8 .h .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.card.length8 .c .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .d .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .e .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .f .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .g .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .h .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .c .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .d .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .e .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .f .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .g .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .h .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.card.length8 .c .date,
  .cpx-postgrid .container.card.length8 .d .date,
  .cpx-postgrid .container.card.length8 .e .date,
  .cpx-postgrid .container.card.length8 .f .date,
  .cpx-postgrid .container.card.length8 .g .date,
  .cpx-postgrid .container.card.length8 .h .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.card.length8 .c h1,
  .cpx-postgrid .container.card.length8 .d h1,
  .cpx-postgrid .container.card.length8 .e h1,
  .cpx-postgrid .container.card.length8 .f h1,
  .cpx-postgrid .container.card.length8 .g h1,
  .cpx-postgrid .container.card.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .c h1.char-length-40,
  .cpx-postgrid .container.card.length8 .d h1.char-length-40,
  .cpx-postgrid .container.card.length8 .e h1.char-length-40,
  .cpx-postgrid .container.card.length8 .f h1.char-length-40,
  .cpx-postgrid .container.card.length8 .g h1.char-length-40,
  .cpx-postgrid .container.card.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.card.length8 .c .divider,
  .cpx-postgrid .container.card.length8 .d .divider,
  .cpx-postgrid .container.card.length8 .e .divider,
  .cpx-postgrid .container.card.length8 .f .divider,
  .cpx-postgrid .container.card.length8 .g .divider,
  .cpx-postgrid .container.card.length8 .h .divider,
  .cpx-postgrid .container.card.length8 .c .estimate,
  .cpx-postgrid .container.card.length8 .d .estimate,
  .cpx-postgrid .container.card.length8 .e .estimate,
  .cpx-postgrid .container.card.length8 .f .estimate,
  .cpx-postgrid .container.card.length8 .g .estimate,
  .cpx-postgrid .container.card.length8 .h .estimate {
    display: none;
  }
  .cpx-postgrid .container.length12 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(18, 80px);
    grid-template-areas: "a b" "a b" "a b" "c d" "c d" "c d" "e f" "e f" "e f" "g h" "g h" "g h" "i j" "i j" "i j" "k l" "k l" "k l";
  }
  .cpx-postgrid .container.length12 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length12 .z.card .title.char-length-15,
  .cpx-postgrid .container.length12 .z.card .title.char-length-40,
  .cpx-postgrid .container.length12 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length12 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length12 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-15,
  .cpx-postgrid .container.length12 .b .hover .char-length-15,
  .cpx-postgrid .container.length12 .c .hover .char-length-15,
  .cpx-postgrid .container.length12 .d .hover .char-length-15,
  .cpx-postgrid .container.length12 .e .hover .char-length-15,
  .cpx-postgrid .container.length12 .f .hover .char-length-15,
  .cpx-postgrid .container.length12 .g .hover .char-length-15,
  .cpx-postgrid .container.length12 .h .hover .char-length-15,
  .cpx-postgrid .container.length12 .i .hover .char-length-15,
  .cpx-postgrid .container.length12 .j .hover .char-length-15,
  .cpx-postgrid .container.length12 .k .hover .char-length-15,
  .cpx-postgrid .container.length12 .l .hover .char-length-15,
  .cpx-postgrid .container.length12 .a .hover .char-word-12,
  .cpx-postgrid .container.length12 .b .hover .char-word-12,
  .cpx-postgrid .container.length12 .c .hover .char-word-12,
  .cpx-postgrid .container.length12 .d .hover .char-word-12,
  .cpx-postgrid .container.length12 .e .hover .char-word-12,
  .cpx-postgrid .container.length12 .f .hover .char-word-12,
  .cpx-postgrid .container.length12 .g .hover .char-word-12,
  .cpx-postgrid .container.length12 .h .hover .char-word-12,
  .cpx-postgrid .container.length12 .i .hover .char-word-12,
  .cpx-postgrid .container.length12 .j .hover .char-word-12,
  .cpx-postgrid .container.length12 .k .hover .char-word-12,
  .cpx-postgrid .container.length12 .l .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-40,
  .cpx-postgrid .container.length12 .b .hover .char-length-40,
  .cpx-postgrid .container.length12 .c .hover .char-length-40,
  .cpx-postgrid .container.length12 .d .hover .char-length-40,
  .cpx-postgrid .container.length12 .e .hover .char-length-40,
  .cpx-postgrid .container.length12 .f .hover .char-length-40,
  .cpx-postgrid .container.length12 .g .hover .char-length-40,
  .cpx-postgrid .container.length12 .h .hover .char-length-40,
  .cpx-postgrid .container.length12 .i .hover .char-length-40,
  .cpx-postgrid .container.length12 .j .hover .char-length-40,
  .cpx-postgrid .container.length12 .k .hover .char-length-40,
  .cpx-postgrid .container.length12 .l .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-image,
  .cpx-postgrid .container.length12 .b .author .author-image,
  .cpx-postgrid .container.length12 .c .author .author-image,
  .cpx-postgrid .container.length12 .d .author .author-image,
  .cpx-postgrid .container.length12 .e .author .author-image,
  .cpx-postgrid .container.length12 .f .author .author-image,
  .cpx-postgrid .container.length12 .g .author .author-image,
  .cpx-postgrid .container.length12 .h .author .author-image,
  .cpx-postgrid .container.length12 .i .author .author-image,
  .cpx-postgrid .container.length12 .j .author .author-image,
  .cpx-postgrid .container.length12 .k .author .author-image,
  .cpx-postgrid .container.length12 .l .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-text,
  .cpx-postgrid .container.length12 .b .author .author-text,
  .cpx-postgrid .container.length12 .c .author .author-text,
  .cpx-postgrid .container.length12 .d .author .author-text,
  .cpx-postgrid .container.length12 .e .author .author-text,
  .cpx-postgrid .container.length12 .f .author .author-text,
  .cpx-postgrid .container.length12 .g .author .author-text,
  .cpx-postgrid .container.length12 .h .author .author-text,
  .cpx-postgrid .container.length12 .i .author .author-text,
  .cpx-postgrid .container.length12 .j .author .author-text,
  .cpx-postgrid .container.length12 .k .author .author-text,
  .cpx-postgrid .container.length12 .l .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .a.card .summary,
  .cpx-postgrid .container.length12 .b.card .summary,
  .cpx-postgrid .container.length12 .c.card .summary,
  .cpx-postgrid .container.length12 .d.card .summary,
  .cpx-postgrid .container.length12 .e.card .summary,
  .cpx-postgrid .container.length12 .f.card .summary,
  .cpx-postgrid .container.length12 .g.card .summary,
  .cpx-postgrid .container.length12 .h.card .summary,
  .cpx-postgrid .container.length12 .i.card .summary,
  .cpx-postgrid .container.length12 .j.card .summary,
  .cpx-postgrid .container.length12 .k.card .summary,
  .cpx-postgrid .container.length12 .l.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .a.card .author,
  .cpx-postgrid .container.length12 .b.card .author,
  .cpx-postgrid .container.length12 .c.card .author,
  .cpx-postgrid .container.length12 .d.card .author,
  .cpx-postgrid .container.length12 .e.card .author,
  .cpx-postgrid .container.length12 .f.card .author,
  .cpx-postgrid .container.length12 .g.card .author,
  .cpx-postgrid .container.length12 .h.card .author,
  .cpx-postgrid .container.length12 .i.card .author,
  .cpx-postgrid .container.length12 .j.card .author,
  .cpx-postgrid .container.length12 .k.card .author,
  .cpx-postgrid .container.length12 .l.card .author {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .char-word-12,
  .cpx-postgrid .container.length12 .b.tile .char-word-12,
  .cpx-postgrid .container.length12 .c.tile .char-word-12,
  .cpx-postgrid .container.length12 .d.tile .char-word-12,
  .cpx-postgrid .container.length12 .e.tile .char-word-12,
  .cpx-postgrid .container.length12 .f.tile .char-word-12,
  .cpx-postgrid .container.length12 .g.tile .char-word-12,
  .cpx-postgrid .container.length12 .h.tile .char-word-12,
  .cpx-postgrid .container.length12 .i.tile .char-word-12,
  .cpx-postgrid .container.length12 .j.tile .char-word-12,
  .cpx-postgrid .container.length12 .k.tile .char-word-12,
  .cpx-postgrid .container.length12 .l.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length12 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length12 .z:hover h1,
  .cpx-postgrid .container.length12 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length12 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length12 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length12 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent .title,
  .cpx-postgrid .container.length12 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length12 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length12 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .z .divider,
  .cpx-postgrid .container.length12 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length16 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(12, 80px);
    grid-template-areas: "a b" "a c" "a d" "e f" "e g" "e h" "i j" "i k" "i l" "m n" "m o" "m p";
  }
  .cpx-postgrid .container.length16 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length16 .z.card .title.char-length-15,
  .cpx-postgrid .container.length16 .z.card .title.char-length-40,
  .cpx-postgrid .container.length16 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length16 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length16 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-15,
  .cpx-postgrid .container.length16 .e .hover .char-length-15,
  .cpx-postgrid .container.length16 .i .hover .char-length-15,
  .cpx-postgrid .container.length16 .m .hover .char-length-15,
  .cpx-postgrid .container.length16 .a .hover .char-word-12,
  .cpx-postgrid .container.length16 .e .hover .char-word-12,
  .cpx-postgrid .container.length16 .i .hover .char-word-12,
  .cpx-postgrid .container.length16 .m .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-40,
  .cpx-postgrid .container.length16 .e .hover .char-length-40,
  .cpx-postgrid .container.length16 .i .hover .char-length-40,
  .cpx-postgrid .container.length16 .m .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-image,
  .cpx-postgrid .container.length16 .e .author .author-image,
  .cpx-postgrid .container.length16 .i .author .author-image,
  .cpx-postgrid .container.length16 .m .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-text,
  .cpx-postgrid .container.length16 .e .author .author-text,
  .cpx-postgrid .container.length16 .i .author .author-text,
  .cpx-postgrid .container.length16 .m .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .a.card .summary,
  .cpx-postgrid .container.length16 .e.card .summary,
  .cpx-postgrid .container.length16 .i.card .summary,
  .cpx-postgrid .container.length16 .m.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .a.card .author,
  .cpx-postgrid .container.length16 .e.card .author,
  .cpx-postgrid .container.length16 .i.card .author,
  .cpx-postgrid .container.length16 .m.card .author {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .char-length-40,
  .cpx-postgrid .container.length16 .e.tile .char-length-40,
  .cpx-postgrid .container.length16 .i.tile .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .char-word-12,
  .cpx-postgrid .container.length16 .e.tile .char-word-12,
  .cpx-postgrid .container.length16 .i.tile .char-word-12,
  .cpx-postgrid .container.length16 .m.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .b,
  .cpx-postgrid .container.length16 .c,
  .cpx-postgrid .container.length16 .d,
  .cpx-postgrid .container.length16 .f,
  .cpx-postgrid .container.length16 .g,
  .cpx-postgrid .container.length16 .h,
  .cpx-postgrid .container.length16 .j,
  .cpx-postgrid .container.length16 .k,
  .cpx-postgrid .container.length16 .l,
  .cpx-postgrid .container.length16 .n,
  .cpx-postgrid .container.length16 .o,
  .cpx-postgrid .container.length16 .p {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length16 .b:hover,
  .cpx-postgrid .container.length16 .c:hover,
  .cpx-postgrid .container.length16 .d:hover,
  .cpx-postgrid .container.length16 .f:hover,
  .cpx-postgrid .container.length16 .g:hover,
  .cpx-postgrid .container.length16 .h:hover,
  .cpx-postgrid .container.length16 .j:hover,
  .cpx-postgrid .container.length16 .k:hover,
  .cpx-postgrid .container.length16 .l:hover,
  .cpx-postgrid .container.length16 .n:hover,
  .cpx-postgrid .container.length16 .o:hover,
  .cpx-postgrid .container.length16 .p:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length16 .b:hover h1,
  .cpx-postgrid .container.length16 .c:hover h1,
  .cpx-postgrid .container.length16 .d:hover h1,
  .cpx-postgrid .container.length16 .f:hover h1,
  .cpx-postgrid .container.length16 .g:hover h1,
  .cpx-postgrid .container.length16 .h:hover h1,
  .cpx-postgrid .container.length16 .j:hover h1,
  .cpx-postgrid .container.length16 .k:hover h1,
  .cpx-postgrid .container.length16 .l:hover h1,
  .cpx-postgrid .container.length16 .n:hover h1,
  .cpx-postgrid .container.length16 .o:hover h1,
  .cpx-postgrid .container.length16 .p:hover h1,
  .cpx-postgrid .container.length16 .b:hover p,
  .cpx-postgrid .container.length16 .c:hover p,
  .cpx-postgrid .container.length16 .d:hover p,
  .cpx-postgrid .container.length16 .f:hover p,
  .cpx-postgrid .container.length16 .g:hover p,
  .cpx-postgrid .container.length16 .h:hover p,
  .cpx-postgrid .container.length16 .j:hover p,
  .cpx-postgrid .container.length16 .k:hover p,
  .cpx-postgrid .container.length16 .l:hover p,
  .cpx-postgrid .container.length16 .n:hover p,
  .cpx-postgrid .container.length16 .o:hover p,
  .cpx-postgrid .container.length16 .p:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length16 .b .labels,
  .cpx-postgrid .container.length16 .c .labels,
  .cpx-postgrid .container.length16 .d .labels,
  .cpx-postgrid .container.length16 .f .labels,
  .cpx-postgrid .container.length16 .g .labels,
  .cpx-postgrid .container.length16 .h .labels,
  .cpx-postgrid .container.length16 .j .labels,
  .cpx-postgrid .container.length16 .k .labels,
  .cpx-postgrid .container.length16 .l .labels,
  .cpx-postgrid .container.length16 .n .labels,
  .cpx-postgrid .container.length16 .o .labels,
  .cpx-postgrid .container.length16 .p .labels {
    display: none;
  }
  .cpx-postgrid .container.length16 .b .fa,
  .cpx-postgrid .container.length16 .c .fa,
  .cpx-postgrid .container.length16 .d .fa,
  .cpx-postgrid .container.length16 .f .fa,
  .cpx-postgrid .container.length16 .g .fa,
  .cpx-postgrid .container.length16 .h .fa,
  .cpx-postgrid .container.length16 .j .fa,
  .cpx-postgrid .container.length16 .k .fa,
  .cpx-postgrid .container.length16 .l .fa,
  .cpx-postgrid .container.length16 .n .fa,
  .cpx-postgrid .container.length16 .o .fa,
  .cpx-postgrid .container.length16 .p .fa {
    display: none;
  }
  .cpx-postgrid .container.length16 .b .summary,
  .cpx-postgrid .container.length16 .c .summary,
  .cpx-postgrid .container.length16 .d .summary,
  .cpx-postgrid .container.length16 .f .summary,
  .cpx-postgrid .container.length16 .g .summary,
  .cpx-postgrid .container.length16 .h .summary,
  .cpx-postgrid .container.length16 .j .summary,
  .cpx-postgrid .container.length16 .k .summary,
  .cpx-postgrid .container.length16 .l .summary,
  .cpx-postgrid .container.length16 .n .summary,
  .cpx-postgrid .container.length16 .o .summary,
  .cpx-postgrid .container.length16 .p .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .b h1,
  .cpx-postgrid .container.length16 .c h1,
  .cpx-postgrid .container.length16 .d h1,
  .cpx-postgrid .container.length16 .f h1,
  .cpx-postgrid .container.length16 .g h1,
  .cpx-postgrid .container.length16 .h h1,
  .cpx-postgrid .container.length16 .j h1,
  .cpx-postgrid .container.length16 .k h1,
  .cpx-postgrid .container.length16 .l h1,
  .cpx-postgrid .container.length16 .n h1,
  .cpx-postgrid .container.length16 .o h1,
  .cpx-postgrid .container.length16 .p h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length16 .b p,
  .cpx-postgrid .container.length16 .c p,
  .cpx-postgrid .container.length16 .d p,
  .cpx-postgrid .container.length16 .f p,
  .cpx-postgrid .container.length16 .g p,
  .cpx-postgrid .container.length16 .h p,
  .cpx-postgrid .container.length16 .j p,
  .cpx-postgrid .container.length16 .k p,
  .cpx-postgrid .container.length16 .l p,
  .cpx-postgrid .container.length16 .n p,
  .cpx-postgrid .container.length16 .o p,
  .cpx-postgrid .container.length16 .p p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .b.griditem,
  .cpx-postgrid .container.length16 .c.griditem,
  .cpx-postgrid .container.length16 .d.griditem,
  .cpx-postgrid .container.length16 .f.griditem,
  .cpx-postgrid .container.length16 .g.griditem,
  .cpx-postgrid .container.length16 .h.griditem,
  .cpx-postgrid .container.length16 .j.griditem,
  .cpx-postgrid .container.length16 .k.griditem,
  .cpx-postgrid .container.length16 .l.griditem,
  .cpx-postgrid .container.length16 .n.griditem,
  .cpx-postgrid .container.length16 .o.griditem,
  .cpx-postgrid .container.length16 .p.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length16 .b .hover,
  .cpx-postgrid .container.length16 .c .hover,
  .cpx-postgrid .container.length16 .d .hover,
  .cpx-postgrid .container.length16 .f .hover,
  .cpx-postgrid .container.length16 .g .hover,
  .cpx-postgrid .container.length16 .h .hover,
  .cpx-postgrid .container.length16 .j .hover,
  .cpx-postgrid .container.length16 .k .hover,
  .cpx-postgrid .container.length16 .l .hover,
  .cpx-postgrid .container.length16 .n .hover,
  .cpx-postgrid .container.length16 .o .hover,
  .cpx-postgrid .container.length16 .p .hover {
    display: none;
  }
  .cpx-postgrid .container.length16 .b .background,
  .cpx-postgrid .container.length16 .c .background,
  .cpx-postgrid .container.length16 .d .background,
  .cpx-postgrid .container.length16 .f .background,
  .cpx-postgrid .container.length16 .g .background,
  .cpx-postgrid .container.length16 .h .background,
  .cpx-postgrid .container.length16 .j .background,
  .cpx-postgrid .container.length16 .k .background,
  .cpx-postgrid .container.length16 .l .background,
  .cpx-postgrid .container.length16 .n .background,
  .cpx-postgrid .container.length16 .o .background,
  .cpx-postgrid .container.length16 .p .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length16 .b .bottomcontent,
  .cpx-postgrid .container.length16 .c .bottomcontent,
  .cpx-postgrid .container.length16 .d .bottomcontent,
  .cpx-postgrid .container.length16 .f .bottomcontent,
  .cpx-postgrid .container.length16 .g .bottomcontent,
  .cpx-postgrid .container.length16 .h .bottomcontent,
  .cpx-postgrid .container.length16 .j .bottomcontent,
  .cpx-postgrid .container.length16 .k .bottomcontent,
  .cpx-postgrid .container.length16 .l .bottomcontent,
  .cpx-postgrid .container.length16 .n .bottomcontent,
  .cpx-postgrid .container.length16 .o .bottomcontent,
  .cpx-postgrid .container.length16 .p .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length16 .b .bottomcontent .title,
  .cpx-postgrid .container.length16 .c .bottomcontent .title,
  .cpx-postgrid .container.length16 .d .bottomcontent .title,
  .cpx-postgrid .container.length16 .f .bottomcontent .title,
  .cpx-postgrid .container.length16 .g .bottomcontent .title,
  .cpx-postgrid .container.length16 .h .bottomcontent .title,
  .cpx-postgrid .container.length16 .j .bottomcontent .title,
  .cpx-postgrid .container.length16 .k .bottomcontent .title,
  .cpx-postgrid .container.length16 .l .bottomcontent .title,
  .cpx-postgrid .container.length16 .n .bottomcontent .title,
  .cpx-postgrid .container.length16 .o .bottomcontent .title,
  .cpx-postgrid .container.length16 .p .bottomcontent .title,
  .cpx-postgrid .container.length16 .b .bottomcontent .date,
  .cpx-postgrid .container.length16 .c .bottomcontent .date,
  .cpx-postgrid .container.length16 .d .bottomcontent .date,
  .cpx-postgrid .container.length16 .f .bottomcontent .date,
  .cpx-postgrid .container.length16 .g .bottomcontent .date,
  .cpx-postgrid .container.length16 .h .bottomcontent .date,
  .cpx-postgrid .container.length16 .j .bottomcontent .date,
  .cpx-postgrid .container.length16 .k .bottomcontent .date,
  .cpx-postgrid .container.length16 .l .bottomcontent .date,
  .cpx-postgrid .container.length16 .n .bottomcontent .date,
  .cpx-postgrid .container.length16 .o .bottomcontent .date,
  .cpx-postgrid .container.length16 .p .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length16 .b .date,
  .cpx-postgrid .container.length16 .c .date,
  .cpx-postgrid .container.length16 .d .date,
  .cpx-postgrid .container.length16 .f .date,
  .cpx-postgrid .container.length16 .g .date,
  .cpx-postgrid .container.length16 .h .date,
  .cpx-postgrid .container.length16 .j .date,
  .cpx-postgrid .container.length16 .k .date,
  .cpx-postgrid .container.length16 .l .date,
  .cpx-postgrid .container.length16 .n .date,
  .cpx-postgrid .container.length16 .o .date,
  .cpx-postgrid .container.length16 .p .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length16 .b h1,
  .cpx-postgrid .container.length16 .c h1,
  .cpx-postgrid .container.length16 .d h1,
  .cpx-postgrid .container.length16 .f h1,
  .cpx-postgrid .container.length16 .g h1,
  .cpx-postgrid .container.length16 .h h1,
  .cpx-postgrid .container.length16 .j h1,
  .cpx-postgrid .container.length16 .k h1,
  .cpx-postgrid .container.length16 .l h1,
  .cpx-postgrid .container.length16 .n h1,
  .cpx-postgrid .container.length16 .o h1,
  .cpx-postgrid .container.length16 .p h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .b h1.char-length-40,
  .cpx-postgrid .container.length16 .c h1.char-length-40,
  .cpx-postgrid .container.length16 .d h1.char-length-40,
  .cpx-postgrid .container.length16 .f h1.char-length-40,
  .cpx-postgrid .container.length16 .g h1.char-length-40,
  .cpx-postgrid .container.length16 .h h1.char-length-40,
  .cpx-postgrid .container.length16 .j h1.char-length-40,
  .cpx-postgrid .container.length16 .k h1.char-length-40,
  .cpx-postgrid .container.length16 .l h1.char-length-40,
  .cpx-postgrid .container.length16 .n h1.char-length-40,
  .cpx-postgrid .container.length16 .o h1.char-length-40,
  .cpx-postgrid .container.length16 .p h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .b .divider,
  .cpx-postgrid .container.length16 .c .divider,
  .cpx-postgrid .container.length16 .d .divider,
  .cpx-postgrid .container.length16 .f .divider,
  .cpx-postgrid .container.length16 .g .divider,
  .cpx-postgrid .container.length16 .h .divider,
  .cpx-postgrid .container.length16 .j .divider,
  .cpx-postgrid .container.length16 .k .divider,
  .cpx-postgrid .container.length16 .l .divider,
  .cpx-postgrid .container.length16 .n .divider,
  .cpx-postgrid .container.length16 .o .divider,
  .cpx-postgrid .container.length16 .p .divider,
  .cpx-postgrid .container.length16 .b .estimate,
  .cpx-postgrid .container.length16 .c .estimate,
  .cpx-postgrid .container.length16 .d .estimate,
  .cpx-postgrid .container.length16 .f .estimate,
  .cpx-postgrid .container.length16 .g .estimate,
  .cpx-postgrid .container.length16 .h .estimate,
  .cpx-postgrid .container.length16 .j .estimate,
  .cpx-postgrid .container.length16 .k .estimate,
  .cpx-postgrid .container.length16 .l .estimate,
  .cpx-postgrid .container.length16 .n .estimate,
  .cpx-postgrid .container.length16 .o .estimate,
  .cpx-postgrid .container.length16 .p .estimate {
    display: none;
  }
  .fl-row-fixed-width,
  .collectionPosts:not(.homeLatest),
  .collectionPosts .featurePosts {
    max-width: calc(100vw - 64px);
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0 auto;
  }
  .cpx-hero .container,
  .carousel .grid-heading-container,
  .fl-module-cpx_bb_carousel .grid-heading-container {
    width: calc(100vw - 64px);
  }
  .cpx-hero .background-video {
    width: 400vw;
  }
  .cpx-single-post.medium {
    width: calc(50vw - 52px);
  }
  .fl-module-cpx_bb_carousel .swiper-container .swiper-slide,
  .carousel .swiper-container .swiper-slide {
    transform: translate3d(8px, 0px, 0px);
  }
  .cpx-people-grid .container {
    grid-template-columns: repeat(2, calc(50% - 1rem));
  }
  .cpx-hero .container {
    grid-template-columns: [content right] calc(100vw - 64px);
  }
  .cpx-postgrid .container .title .overflow {
    display: none;
  }
  .cpx-postgrid .container .title .overflow_dots {
    display: inline;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .cpx-postgrid .container.length5 {
    grid-template-columns: repeat(2, 336px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a b" "a b" "a b" "c c" "d d" "e e";
  }
  .cpx-postgrid .container.length5 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .z.card .title.char-length-15,
  .cpx-postgrid .container.length5 .z.card .title.char-length-40,
  .cpx-postgrid .container.length5 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length5 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length5 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length5 .a .hover .char-length-15,
  .cpx-postgrid .container.length5 .b .hover .char-length-15,
  .cpx-postgrid .container.length5 .a .hover .char-word-12,
  .cpx-postgrid .container.length5 .b .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .hover .char-length-40,
  .cpx-postgrid .container.length5 .b .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a .author .author-image,
  .cpx-postgrid .container.length5 .b .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length5 .a .author .author-text,
  .cpx-postgrid .container.length5 .b .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .a.card .summary,
  .cpx-postgrid .container.length5 .b.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .a.card .author,
  .cpx-postgrid .container.length5 .b.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .a.tile .char-length-40,
  .cpx-postgrid .container.length5 .b.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a.tile .char-word-12,
  .cpx-postgrid .container.length5 .b.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .b.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .b.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .c,
  .cpx-postgrid .container.length5 .d,
  .cpx-postgrid .container.length5 .e {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length5 .c:hover,
  .cpx-postgrid .container.length5 .d:hover,
  .cpx-postgrid .container.length5 .e:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length5 .c:hover h1,
  .cpx-postgrid .container.length5 .d:hover h1,
  .cpx-postgrid .container.length5 .e:hover h1,
  .cpx-postgrid .container.length5 .c:hover p,
  .cpx-postgrid .container.length5 .d:hover p,
  .cpx-postgrid .container.length5 .e:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length5 .c .labels,
  .cpx-postgrid .container.length5 .d .labels,
  .cpx-postgrid .container.length5 .e .labels {
    display: none;
  }
  .cpx-postgrid .container.length5 .c .fa,
  .cpx-postgrid .container.length5 .d .fa,
  .cpx-postgrid .container.length5 .e .fa {
    display: none;
  }
  .cpx-postgrid .container.length5 .c .summary,
  .cpx-postgrid .container.length5 .d .summary,
  .cpx-postgrid .container.length5 .e .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length5 .c p,
  .cpx-postgrid .container.length5 .d p,
  .cpx-postgrid .container.length5 .e p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .c.griditem,
  .cpx-postgrid .container.length5 .d.griditem,
  .cpx-postgrid .container.length5 .e.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length5 .c .hover,
  .cpx-postgrid .container.length5 .d .hover,
  .cpx-postgrid .container.length5 .e .hover {
    display: none;
  }
  .cpx-postgrid .container.length5 .c .background,
  .cpx-postgrid .container.length5 .d .background,
  .cpx-postgrid .container.length5 .e .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length5 .c .bottomcontent,
  .cpx-postgrid .container.length5 .d .bottomcontent,
  .cpx-postgrid .container.length5 .e .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length5 .c .bottomcontent .title,
  .cpx-postgrid .container.length5 .d .bottomcontent .title,
  .cpx-postgrid .container.length5 .e .bottomcontent .title,
  .cpx-postgrid .container.length5 .c .bottomcontent .date,
  .cpx-postgrid .container.length5 .d .bottomcontent .date,
  .cpx-postgrid .container.length5 .e .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length5 .c .date,
  .cpx-postgrid .container.length5 .d .date,
  .cpx-postgrid .container.length5 .e .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .c h1.char-length-40,
  .cpx-postgrid .container.length5 .d h1.char-length-40,
  .cpx-postgrid .container.length5 .e h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .c .divider,
  .cpx-postgrid .container.length5 .d .divider,
  .cpx-postgrid .container.length5 .e .divider,
  .cpx-postgrid .container.length5 .c .estimate,
  .cpx-postgrid .container.length5 .d .estimate,
  .cpx-postgrid .container.length5 .e .estimate {
    display: none;
  }
  .cpx-postgrid .container.length5 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .z.card .title.char-length-15,
  .cpx-postgrid .container.length5 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .z .title.char-length-40,
  .cpx-postgrid .container.length5 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .hover .char-length-15,
  .cpx-postgrid .container.length5 .b .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .hover .char-length-40,
  .cpx-postgrid .container.length5 .b .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a.card .summary,
  .cpx-postgrid .container.length5 .b.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .a.card .author,
  .cpx-postgrid .container.length5 .b.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .a.tile .char-length-15,
  .cpx-postgrid .container.length5 .b.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a.tile .char-length-40,
  .cpx-postgrid .container.length5 .b.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a.tile .char-word-12,
  .cpx-postgrid .container.length5 .b.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .c h1,
  .cpx-postgrid .container.length5 .d h1,
  .cpx-postgrid .container.length5 .e h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .c h1.char-length-40,
  .cpx-postgrid .container.length5 .d h1.char-length-40,
  .cpx-postgrid .container.length5 .e h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured {
    grid-template-columns: repeat(2, 336px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a b" "a b" "a b" "c d" "c d" "c d";
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .a .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .b .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .c .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .d .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a .author .author-image,
  .cpx-postgrid .container.length4_featured .b .author .author-image,
  .cpx-postgrid .container.length4_featured .c .author .author-image,
  .cpx-postgrid .container.length4_featured .d .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .author .author-text,
  .cpx-postgrid .container.length4_featured .b .author .author-text,
  .cpx-postgrid .container.length4_featured .c .author .author-text,
  .cpx-postgrid .container.length4_featured .d .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .summary,
  .cpx-postgrid .container.length4_featured .b.card .summary,
  .cpx-postgrid .container.length4_featured .c.card .summary,
  .cpx-postgrid .container.length4_featured .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .author,
  .cpx-postgrid .container.length4_featured .b.card .author,
  .cpx-postgrid .container.length4_featured .c.card .author,
  .cpx-postgrid .container.length4_featured .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .b.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .c.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length4_featured .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length4_featured .z:hover h1,
  .cpx-postgrid .container.length4_featured .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length4_featured .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length4_featured .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length4_featured .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length4_featured .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length4_featured .z .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .z .divider,
  .cpx-postgrid .container.length4_featured .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .summary,
  .cpx-postgrid .container.length4_featured .b.card .summary,
  .cpx-postgrid .container.length4_featured .c.card .summary,
  .cpx-postgrid .container.length4_featured .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .author,
  .cpx-postgrid .container.length4_featured .b.card .author,
  .cpx-postgrid .container.length4_featured .c.card .author,
  .cpx-postgrid .container.length4_featured .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .b.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .c.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .griditem:hover .hover {
    background-color: black;
  }
  .cpx-postgrid .container.length3 {
    grid-template-columns: repeat(1, 336px);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a" "b" "c";
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40,
  .cpx-postgrid .container.length3 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length3 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length3 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15,
  .cpx-postgrid .container.length3 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a,
  .cpx-postgrid .container.length3 .b,
  .cpx-postgrid .container.length3 .c {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length3 .a:hover,
  .cpx-postgrid .container.length3 .b:hover,
  .cpx-postgrid .container.length3 .c:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length3 .a:hover h1,
  .cpx-postgrid .container.length3 .b:hover h1,
  .cpx-postgrid .container.length3 .c:hover h1,
  .cpx-postgrid .container.length3 .a:hover p,
  .cpx-postgrid .container.length3 .b:hover p,
  .cpx-postgrid .container.length3 .c:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length3 .a .labels,
  .cpx-postgrid .container.length3 .b .labels,
  .cpx-postgrid .container.length3 .c .labels {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .fa,
  .cpx-postgrid .container.length3 .b .fa,
  .cpx-postgrid .container.length3 .c .fa {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .summary,
  .cpx-postgrid .container.length3 .b .summary,
  .cpx-postgrid .container.length3 .c .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length3 .a p,
  .cpx-postgrid .container.length3 .b p,
  .cpx-postgrid .container.length3 .c p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .a.griditem,
  .cpx-postgrid .container.length3 .b.griditem,
  .cpx-postgrid .container.length3 .c.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length3 .a .hover,
  .cpx-postgrid .container.length3 .b .hover,
  .cpx-postgrid .container.length3 .c .hover {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .background,
  .cpx-postgrid .container.length3 .b .background,
  .cpx-postgrid .container.length3 .c .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent,
  .cpx-postgrid .container.length3 .b .bottomcontent,
  .cpx-postgrid .container.length3 .c .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent .title,
  .cpx-postgrid .container.length3 .b .bottomcontent .title,
  .cpx-postgrid .container.length3 .c .bottomcontent .title,
  .cpx-postgrid .container.length3 .a .bottomcontent .date,
  .cpx-postgrid .container.length3 .b .bottomcontent .date,
  .cpx-postgrid .container.length3 .c .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length3 .a .date,
  .cpx-postgrid .container.length3 .b .date,
  .cpx-postgrid .container.length3 .c .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .a .divider,
  .cpx-postgrid .container.length3 .b .divider,
  .cpx-postgrid .container.length3 .c .divider,
  .cpx-postgrid .container.length3 .a .estimate,
  .cpx-postgrid .container.length3 .b .estimate,
  .cpx-postgrid .container.length3 .c .estimate {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z .title.char-length-40,
  .cpx-postgrid .container.length3 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 {
    grid-template-columns: repeat(2, 336px);
    grid-template-rows: repeat(9, 80px);
    grid-template-areas: "a b" "a b" "a b" "c d" "c d" "c d" "e e" "f f" "g g";
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40,
  .cpx-postgrid .container.length7 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length7 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length7 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .b .hover .char-length-15,
  .cpx-postgrid .container.length7 .c .hover .char-length-15,
  .cpx-postgrid .container.length7 .d .hover .char-length-15,
  .cpx-postgrid .container.length7 .a .hover .char-word-12,
  .cpx-postgrid .container.length7 .b .hover .char-word-12,
  .cpx-postgrid .container.length7 .c .hover .char-word-12,
  .cpx-postgrid .container.length7 .d .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .b .hover .char-length-40,
  .cpx-postgrid .container.length7 .c .hover .char-length-40,
  .cpx-postgrid .container.length7 .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-image,
  .cpx-postgrid .container.length7 .b .author .author-image,
  .cpx-postgrid .container.length7 .c .author .author-image,
  .cpx-postgrid .container.length7 .d .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-text,
  .cpx-postgrid .container.length7 .b .author .author-text,
  .cpx-postgrid .container.length7 .c .author .author-text,
  .cpx-postgrid .container.length7 .d .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .b.card .summary,
  .cpx-postgrid .container.length7 .c.card .summary,
  .cpx-postgrid .container.length7 .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .b.card .author,
  .cpx-postgrid .container.length7 .c.card .author,
  .cpx-postgrid .container.length7 .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .b.tile .char-word-12,
  .cpx-postgrid .container.length7 .c.tile .char-word-12,
  .cpx-postgrid .container.length7 .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .d.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e,
  .cpx-postgrid .container.length7 .f,
  .cpx-postgrid .container.length7 .g {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length7 .e:hover,
  .cpx-postgrid .container.length7 .f:hover,
  .cpx-postgrid .container.length7 .g:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length7 .e:hover h1,
  .cpx-postgrid .container.length7 .f:hover h1,
  .cpx-postgrid .container.length7 .g:hover h1,
  .cpx-postgrid .container.length7 .e:hover p,
  .cpx-postgrid .container.length7 .f:hover p,
  .cpx-postgrid .container.length7 .g:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length7 .e .labels,
  .cpx-postgrid .container.length7 .f .labels,
  .cpx-postgrid .container.length7 .g .labels {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .fa,
  .cpx-postgrid .container.length7 .f .fa,
  .cpx-postgrid .container.length7 .g .fa {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .summary,
  .cpx-postgrid .container.length7 .f .summary,
  .cpx-postgrid .container.length7 .g .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length7 .e p,
  .cpx-postgrid .container.length7 .f p,
  .cpx-postgrid .container.length7 .g p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .e.griditem,
  .cpx-postgrid .container.length7 .f.griditem,
  .cpx-postgrid .container.length7 .g.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length7 .e .hover,
  .cpx-postgrid .container.length7 .f .hover,
  .cpx-postgrid .container.length7 .g .hover {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .background,
  .cpx-postgrid .container.length7 .f .background,
  .cpx-postgrid .container.length7 .g .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length7 .e .bottomcontent,
  .cpx-postgrid .container.length7 .f .bottomcontent,
  .cpx-postgrid .container.length7 .g .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length7 .e .bottomcontent .title,
  .cpx-postgrid .container.length7 .f .bottomcontent .title,
  .cpx-postgrid .container.length7 .g .bottomcontent .title,
  .cpx-postgrid .container.length7 .e .bottomcontent .date,
  .cpx-postgrid .container.length7 .f .bottomcontent .date,
  .cpx-postgrid .container.length7 .g .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length7 .e .date,
  .cpx-postgrid .container.length7 .f .date,
  .cpx-postgrid .container.length7 .g .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .e .divider,
  .cpx-postgrid .container.length7 .f .divider,
  .cpx-postgrid .container.length7 .g .divider,
  .cpx-postgrid .container.length7 .e .estimate,
  .cpx-postgrid .container.length7 .f .estimate,
  .cpx-postgrid .container.length7 .g .estimate {
    display: none;
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z .title.char-length-40,
  .cpx-postgrid .container.length7 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .b .hover .char-length-15,
  .cpx-postgrid .container.length7 .c .hover .char-length-15,
  .cpx-postgrid .container.length7 .d .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .b .hover .char-length-40,
  .cpx-postgrid .container.length7 .c .hover .char-length-40,
  .cpx-postgrid .container.length7 .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .b.card .summary,
  .cpx-postgrid .container.length7 .c.card .summary,
  .cpx-postgrid .container.length7 .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .b.card .author,
  .cpx-postgrid .container.length7 .c.card .author,
  .cpx-postgrid .container.length7 .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-15,
  .cpx-postgrid .container.length7 .b.tile .char-length-15,
  .cpx-postgrid .container.length7 .c.tile .char-length-15,
  .cpx-postgrid .container.length7 .d.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .b.tile .char-word-12,
  .cpx-postgrid .container.length7 .c.tile .char-word-12,
  .cpx-postgrid .container.length7 .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 {
    grid-template-columns: repeat(2, 336px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a c" "a d" "a e" "f b" "g b" "h b";
  }
  .cpx-postgrid .container.length8 .a.card .title,
  .cpx-postgrid .container.length8 .b.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a.card .title.char-length-15,
  .cpx-postgrid .container.length8 .b.card .title.char-length-15,
  .cpx-postgrid .container.length8 .a.card .title.char-length-40,
  .cpx-postgrid .container.length8 .b.card .title.char-length-40,
  .cpx-postgrid .container.length8 .a.card .title.char-word-12,
  .cpx-postgrid .container.length8 .b.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .title,
  .cpx-postgrid .container.length8 .b .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length8 .a .date,
  .cpx-postgrid .container.length8 .b .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length8 .a .summary,
  .cpx-postgrid .container.length8 .b .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-15,
  .cpx-postgrid .container.length8 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length8 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c,
  .cpx-postgrid .container.length8 .d,
  .cpx-postgrid .container.length8 .e,
  .cpx-postgrid .container.length8 .f,
  .cpx-postgrid .container.length8 .g,
  .cpx-postgrid .container.length8 .h {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length8 .c:hover,
  .cpx-postgrid .container.length8 .d:hover,
  .cpx-postgrid .container.length8 .e:hover,
  .cpx-postgrid .container.length8 .f:hover,
  .cpx-postgrid .container.length8 .g:hover,
  .cpx-postgrid .container.length8 .h:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length8 .c:hover h1,
  .cpx-postgrid .container.length8 .d:hover h1,
  .cpx-postgrid .container.length8 .e:hover h1,
  .cpx-postgrid .container.length8 .f:hover h1,
  .cpx-postgrid .container.length8 .g:hover h1,
  .cpx-postgrid .container.length8 .h:hover h1,
  .cpx-postgrid .container.length8 .c:hover p,
  .cpx-postgrid .container.length8 .d:hover p,
  .cpx-postgrid .container.length8 .e:hover p,
  .cpx-postgrid .container.length8 .f:hover p,
  .cpx-postgrid .container.length8 .g:hover p,
  .cpx-postgrid .container.length8 .h:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length8 .c .labels,
  .cpx-postgrid .container.length8 .d .labels,
  .cpx-postgrid .container.length8 .e .labels,
  .cpx-postgrid .container.length8 .f .labels,
  .cpx-postgrid .container.length8 .g .labels,
  .cpx-postgrid .container.length8 .h .labels {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .fa,
  .cpx-postgrid .container.length8 .d .fa,
  .cpx-postgrid .container.length8 .e .fa,
  .cpx-postgrid .container.length8 .f .fa,
  .cpx-postgrid .container.length8 .g .fa,
  .cpx-postgrid .container.length8 .h .fa {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .summary,
  .cpx-postgrid .container.length8 .d .summary,
  .cpx-postgrid .container.length8 .e .summary,
  .cpx-postgrid .container.length8 .f .summary,
  .cpx-postgrid .container.length8 .g .summary,
  .cpx-postgrid .container.length8 .h .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length8 .c p,
  .cpx-postgrid .container.length8 .d p,
  .cpx-postgrid .container.length8 .e p,
  .cpx-postgrid .container.length8 .f p,
  .cpx-postgrid .container.length8 .g p,
  .cpx-postgrid .container.length8 .h p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .c.griditem,
  .cpx-postgrid .container.length8 .d.griditem,
  .cpx-postgrid .container.length8 .e.griditem,
  .cpx-postgrid .container.length8 .f.griditem,
  .cpx-postgrid .container.length8 .g.griditem,
  .cpx-postgrid .container.length8 .h.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length8 .c .hover,
  .cpx-postgrid .container.length8 .d .hover,
  .cpx-postgrid .container.length8 .e .hover,
  .cpx-postgrid .container.length8 .f .hover,
  .cpx-postgrid .container.length8 .g .hover,
  .cpx-postgrid .container.length8 .h .hover {
    display: none;
  }
  .cpx-postgrid .container.length8 .c .background,
  .cpx-postgrid .container.length8 .d .background,
  .cpx-postgrid .container.length8 .e .background,
  .cpx-postgrid .container.length8 .f .background,
  .cpx-postgrid .container.length8 .g .background,
  .cpx-postgrid .container.length8 .h .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length8 .c .bottomcontent,
  .cpx-postgrid .container.length8 .d .bottomcontent,
  .cpx-postgrid .container.length8 .e .bottomcontent,
  .cpx-postgrid .container.length8 .f .bottomcontent,
  .cpx-postgrid .container.length8 .g .bottomcontent,
  .cpx-postgrid .container.length8 .h .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length8 .c .bottomcontent .title,
  .cpx-postgrid .container.length8 .d .bottomcontent .title,
  .cpx-postgrid .container.length8 .e .bottomcontent .title,
  .cpx-postgrid .container.length8 .f .bottomcontent .title,
  .cpx-postgrid .container.length8 .g .bottomcontent .title,
  .cpx-postgrid .container.length8 .h .bottomcontent .title,
  .cpx-postgrid .container.length8 .c .bottomcontent .date,
  .cpx-postgrid .container.length8 .d .bottomcontent .date,
  .cpx-postgrid .container.length8 .e .bottomcontent .date,
  .cpx-postgrid .container.length8 .f .bottomcontent .date,
  .cpx-postgrid .container.length8 .g .bottomcontent .date,
  .cpx-postgrid .container.length8 .h .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length8 .c .date,
  .cpx-postgrid .container.length8 .d .date,
  .cpx-postgrid .container.length8 .e .date,
  .cpx-postgrid .container.length8 .f .date,
  .cpx-postgrid .container.length8 .g .date,
  .cpx-postgrid .container.length8 .h .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c h1.char-length-40,
  .cpx-postgrid .container.length8 .d h1.char-length-40,
  .cpx-postgrid .container.length8 .e h1.char-length-40,
  .cpx-postgrid .container.length8 .f h1.char-length-40,
  .cpx-postgrid .container.length8 .g h1.char-length-40,
  .cpx-postgrid .container.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .c .divider,
  .cpx-postgrid .container.length8 .d .divider,
  .cpx-postgrid .container.length8 .e .divider,
  .cpx-postgrid .container.length8 .f .divider,
  .cpx-postgrid .container.length8 .g .divider,
  .cpx-postgrid .container.length8 .h .divider,
  .cpx-postgrid .container.length8 .c .estimate,
  .cpx-postgrid .container.length8 .d .estimate,
  .cpx-postgrid .container.length8 .e .estimate,
  .cpx-postgrid .container.length8 .f .estimate,
  .cpx-postgrid .container.length8 .g .estimate,
  .cpx-postgrid .container.length8 .h .estimate {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.card .title,
  .cpx-postgrid .container.length8 .b.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a.card .title.char-length-15,
  .cpx-postgrid .container.length8 .b.card .title.char-length-15,
  .cpx-postgrid .container.length8 .a.card .title.char-length-40,
  .cpx-postgrid .container.length8 .b.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .title,
  .cpx-postgrid .container.length8 .b .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a .title.char-length-40,
  .cpx-postgrid .container.length8 .b .title.char-length-40,
  .cpx-postgrid .container.length8 .a .title.char-word-12,
  .cpx-postgrid .container.length8 .b .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .e h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .c h1.char-length-40,
  .cpx-postgrid .container.length8 .d h1.char-length-40,
  .cpx-postgrid .container.length8 .e h1.char-length-40,
  .cpx-postgrid .container.length8 .f h1.char-length-40,
  .cpx-postgrid .container.length8 .g h1.char-length-40,
  .cpx-postgrid .container.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.card.length8 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.card.length8 .z.card .title.char-length-15,
  .cpx-postgrid .container.card.length8 .z.card .title.char-length-40,
  .cpx-postgrid .container.card.length8 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.card.length8 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.card.length8 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.card.length8 .a .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .b .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .a .hover .char-word-12,
  .cpx-postgrid .container.card.length8 .b .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a .hover .char-length-40,
  .cpx-postgrid .container.card.length8 .b .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .a .author .author-image,
  .cpx-postgrid .container.card.length8 .b .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.card.length8 .a .author .author-text,
  .cpx-postgrid .container.card.length8 .b .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.card.length8 .a.card .summary,
  .cpx-postgrid .container.card.length8 .b.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.card.length8 .a.card .author,
  .cpx-postgrid .container.card.length8 .b.card .author {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .a.tile .char-length-40,
  .cpx-postgrid .container.card.length8 .b.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a.tile .char-word-12,
  .cpx-postgrid .container.card.length8 .b.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.card.length8 .b.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .b.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.card.length8 .b.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .c,
  .cpx-postgrid .container.card.length8 .d,
  .cpx-postgrid .container.card.length8 .e,
  .cpx-postgrid .container.card.length8 .f,
  .cpx-postgrid .container.card.length8 .g,
  .cpx-postgrid .container.card.length8 .h {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.card.length8 .c:hover,
  .cpx-postgrid .container.card.length8 .d:hover,
  .cpx-postgrid .container.card.length8 .e:hover,
  .cpx-postgrid .container.card.length8 .f:hover,
  .cpx-postgrid .container.card.length8 .g:hover,
  .cpx-postgrid .container.card.length8 .h:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.card.length8 .c:hover h1,
  .cpx-postgrid .container.card.length8 .d:hover h1,
  .cpx-postgrid .container.card.length8 .e:hover h1,
  .cpx-postgrid .container.card.length8 .f:hover h1,
  .cpx-postgrid .container.card.length8 .g:hover h1,
  .cpx-postgrid .container.card.length8 .h:hover h1,
  .cpx-postgrid .container.card.length8 .c:hover p,
  .cpx-postgrid .container.card.length8 .d:hover p,
  .cpx-postgrid .container.card.length8 .e:hover p,
  .cpx-postgrid .container.card.length8 .f:hover p,
  .cpx-postgrid .container.card.length8 .g:hover p,
  .cpx-postgrid .container.card.length8 .h:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.card.length8 .c .labels,
  .cpx-postgrid .container.card.length8 .d .labels,
  .cpx-postgrid .container.card.length8 .e .labels,
  .cpx-postgrid .container.card.length8 .f .labels,
  .cpx-postgrid .container.card.length8 .g .labels,
  .cpx-postgrid .container.card.length8 .h .labels {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c .fa,
  .cpx-postgrid .container.card.length8 .d .fa,
  .cpx-postgrid .container.card.length8 .e .fa,
  .cpx-postgrid .container.card.length8 .f .fa,
  .cpx-postgrid .container.card.length8 .g .fa,
  .cpx-postgrid .container.card.length8 .h .fa {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c .summary,
  .cpx-postgrid .container.card.length8 .d .summary,
  .cpx-postgrid .container.card.length8 .e .summary,
  .cpx-postgrid .container.card.length8 .f .summary,
  .cpx-postgrid .container.card.length8 .g .summary,
  .cpx-postgrid .container.card.length8 .h .summary {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c h1,
  .cpx-postgrid .container.card.length8 .d h1,
  .cpx-postgrid .container.card.length8 .e h1,
  .cpx-postgrid .container.card.length8 .f h1,
  .cpx-postgrid .container.card.length8 .g h1,
  .cpx-postgrid .container.card.length8 .h h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.card.length8 .c p,
  .cpx-postgrid .container.card.length8 .d p,
  .cpx-postgrid .container.card.length8 .e p,
  .cpx-postgrid .container.card.length8 .f p,
  .cpx-postgrid .container.card.length8 .g p,
  .cpx-postgrid .container.card.length8 .h p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.card.length8 .c.griditem,
  .cpx-postgrid .container.card.length8 .d.griditem,
  .cpx-postgrid .container.card.length8 .e.griditem,
  .cpx-postgrid .container.card.length8 .f.griditem,
  .cpx-postgrid .container.card.length8 .g.griditem,
  .cpx-postgrid .container.card.length8 .h.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.card.length8 .c .hover,
  .cpx-postgrid .container.card.length8 .d .hover,
  .cpx-postgrid .container.card.length8 .e .hover,
  .cpx-postgrid .container.card.length8 .f .hover,
  .cpx-postgrid .container.card.length8 .g .hover,
  .cpx-postgrid .container.card.length8 .h .hover {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c .background,
  .cpx-postgrid .container.card.length8 .d .background,
  .cpx-postgrid .container.card.length8 .e .background,
  .cpx-postgrid .container.card.length8 .f .background,
  .cpx-postgrid .container.card.length8 .g .background,
  .cpx-postgrid .container.card.length8 .h .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.card.length8 .c .bottomcontent,
  .cpx-postgrid .container.card.length8 .d .bottomcontent,
  .cpx-postgrid .container.card.length8 .e .bottomcontent,
  .cpx-postgrid .container.card.length8 .f .bottomcontent,
  .cpx-postgrid .container.card.length8 .g .bottomcontent,
  .cpx-postgrid .container.card.length8 .h .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.card.length8 .c .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .d .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .e .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .f .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .g .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .h .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .c .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .d .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .e .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .f .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .g .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .h .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.card.length8 .c .date,
  .cpx-postgrid .container.card.length8 .d .date,
  .cpx-postgrid .container.card.length8 .e .date,
  .cpx-postgrid .container.card.length8 .f .date,
  .cpx-postgrid .container.card.length8 .g .date,
  .cpx-postgrid .container.card.length8 .h .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.card.length8 .c h1,
  .cpx-postgrid .container.card.length8 .d h1,
  .cpx-postgrid .container.card.length8 .e h1,
  .cpx-postgrid .container.card.length8 .f h1,
  .cpx-postgrid .container.card.length8 .g h1,
  .cpx-postgrid .container.card.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .c h1.char-length-40,
  .cpx-postgrid .container.card.length8 .d h1.char-length-40,
  .cpx-postgrid .container.card.length8 .e h1.char-length-40,
  .cpx-postgrid .container.card.length8 .f h1.char-length-40,
  .cpx-postgrid .container.card.length8 .g h1.char-length-40,
  .cpx-postgrid .container.card.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.card.length8 .c .divider,
  .cpx-postgrid .container.card.length8 .d .divider,
  .cpx-postgrid .container.card.length8 .e .divider,
  .cpx-postgrid .container.card.length8 .f .divider,
  .cpx-postgrid .container.card.length8 .g .divider,
  .cpx-postgrid .container.card.length8 .h .divider,
  .cpx-postgrid .container.card.length8 .c .estimate,
  .cpx-postgrid .container.card.length8 .d .estimate,
  .cpx-postgrid .container.card.length8 .e .estimate,
  .cpx-postgrid .container.card.length8 .f .estimate,
  .cpx-postgrid .container.card.length8 .g .estimate,
  .cpx-postgrid .container.card.length8 .h .estimate {
    display: none;
  }
  .cpx-postgrid .container.length12 {
    grid-template-columns: repeat(2, 336px);
    grid-template-rows: repeat(18, 80px);
    grid-template-areas: "a b" "a b" "a b" "c d" "c d" "c d" "e f" "e f" "e f" "g h" "g h" "g h" "i j" "i j" "i j" "k l" "k l" "k l";
  }
  .cpx-postgrid .container.length12 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length12 .z.card .title.char-length-15,
  .cpx-postgrid .container.length12 .z.card .title.char-length-40,
  .cpx-postgrid .container.length12 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length12 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length12 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-15,
  .cpx-postgrid .container.length12 .b .hover .char-length-15,
  .cpx-postgrid .container.length12 .c .hover .char-length-15,
  .cpx-postgrid .container.length12 .d .hover .char-length-15,
  .cpx-postgrid .container.length12 .e .hover .char-length-15,
  .cpx-postgrid .container.length12 .f .hover .char-length-15,
  .cpx-postgrid .container.length12 .g .hover .char-length-15,
  .cpx-postgrid .container.length12 .h .hover .char-length-15,
  .cpx-postgrid .container.length12 .i .hover .char-length-15,
  .cpx-postgrid .container.length12 .j .hover .char-length-15,
  .cpx-postgrid .container.length12 .k .hover .char-length-15,
  .cpx-postgrid .container.length12 .l .hover .char-length-15,
  .cpx-postgrid .container.length12 .a .hover .char-word-12,
  .cpx-postgrid .container.length12 .b .hover .char-word-12,
  .cpx-postgrid .container.length12 .c .hover .char-word-12,
  .cpx-postgrid .container.length12 .d .hover .char-word-12,
  .cpx-postgrid .container.length12 .e .hover .char-word-12,
  .cpx-postgrid .container.length12 .f .hover .char-word-12,
  .cpx-postgrid .container.length12 .g .hover .char-word-12,
  .cpx-postgrid .container.length12 .h .hover .char-word-12,
  .cpx-postgrid .container.length12 .i .hover .char-word-12,
  .cpx-postgrid .container.length12 .j .hover .char-word-12,
  .cpx-postgrid .container.length12 .k .hover .char-word-12,
  .cpx-postgrid .container.length12 .l .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-40,
  .cpx-postgrid .container.length12 .b .hover .char-length-40,
  .cpx-postgrid .container.length12 .c .hover .char-length-40,
  .cpx-postgrid .container.length12 .d .hover .char-length-40,
  .cpx-postgrid .container.length12 .e .hover .char-length-40,
  .cpx-postgrid .container.length12 .f .hover .char-length-40,
  .cpx-postgrid .container.length12 .g .hover .char-length-40,
  .cpx-postgrid .container.length12 .h .hover .char-length-40,
  .cpx-postgrid .container.length12 .i .hover .char-length-40,
  .cpx-postgrid .container.length12 .j .hover .char-length-40,
  .cpx-postgrid .container.length12 .k .hover .char-length-40,
  .cpx-postgrid .container.length12 .l .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-image,
  .cpx-postgrid .container.length12 .b .author .author-image,
  .cpx-postgrid .container.length12 .c .author .author-image,
  .cpx-postgrid .container.length12 .d .author .author-image,
  .cpx-postgrid .container.length12 .e .author .author-image,
  .cpx-postgrid .container.length12 .f .author .author-image,
  .cpx-postgrid .container.length12 .g .author .author-image,
  .cpx-postgrid .container.length12 .h .author .author-image,
  .cpx-postgrid .container.length12 .i .author .author-image,
  .cpx-postgrid .container.length12 .j .author .author-image,
  .cpx-postgrid .container.length12 .k .author .author-image,
  .cpx-postgrid .container.length12 .l .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-text,
  .cpx-postgrid .container.length12 .b .author .author-text,
  .cpx-postgrid .container.length12 .c .author .author-text,
  .cpx-postgrid .container.length12 .d .author .author-text,
  .cpx-postgrid .container.length12 .e .author .author-text,
  .cpx-postgrid .container.length12 .f .author .author-text,
  .cpx-postgrid .container.length12 .g .author .author-text,
  .cpx-postgrid .container.length12 .h .author .author-text,
  .cpx-postgrid .container.length12 .i .author .author-text,
  .cpx-postgrid .container.length12 .j .author .author-text,
  .cpx-postgrid .container.length12 .k .author .author-text,
  .cpx-postgrid .container.length12 .l .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .a.card .summary,
  .cpx-postgrid .container.length12 .b.card .summary,
  .cpx-postgrid .container.length12 .c.card .summary,
  .cpx-postgrid .container.length12 .d.card .summary,
  .cpx-postgrid .container.length12 .e.card .summary,
  .cpx-postgrid .container.length12 .f.card .summary,
  .cpx-postgrid .container.length12 .g.card .summary,
  .cpx-postgrid .container.length12 .h.card .summary,
  .cpx-postgrid .container.length12 .i.card .summary,
  .cpx-postgrid .container.length12 .j.card .summary,
  .cpx-postgrid .container.length12 .k.card .summary,
  .cpx-postgrid .container.length12 .l.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .a.card .author,
  .cpx-postgrid .container.length12 .b.card .author,
  .cpx-postgrid .container.length12 .c.card .author,
  .cpx-postgrid .container.length12 .d.card .author,
  .cpx-postgrid .container.length12 .e.card .author,
  .cpx-postgrid .container.length12 .f.card .author,
  .cpx-postgrid .container.length12 .g.card .author,
  .cpx-postgrid .container.length12 .h.card .author,
  .cpx-postgrid .container.length12 .i.card .author,
  .cpx-postgrid .container.length12 .j.card .author,
  .cpx-postgrid .container.length12 .k.card .author,
  .cpx-postgrid .container.length12 .l.card .author {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .char-word-12,
  .cpx-postgrid .container.length12 .b.tile .char-word-12,
  .cpx-postgrid .container.length12 .c.tile .char-word-12,
  .cpx-postgrid .container.length12 .d.tile .char-word-12,
  .cpx-postgrid .container.length12 .e.tile .char-word-12,
  .cpx-postgrid .container.length12 .f.tile .char-word-12,
  .cpx-postgrid .container.length12 .g.tile .char-word-12,
  .cpx-postgrid .container.length12 .h.tile .char-word-12,
  .cpx-postgrid .container.length12 .i.tile .char-word-12,
  .cpx-postgrid .container.length12 .j.tile .char-word-12,
  .cpx-postgrid .container.length12 .k.tile .char-word-12,
  .cpx-postgrid .container.length12 .l.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length12 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length12 .z:hover h1,
  .cpx-postgrid .container.length12 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length12 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length12 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length12 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent .title,
  .cpx-postgrid .container.length12 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length12 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length12 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .z .divider,
  .cpx-postgrid .container.length12 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length16 {
    grid-template-columns: repeat(2, 336px);
    grid-template-rows: repeat(24, 80px);
    grid-template-areas: "a b" "a b" "a b" "c d" "c d" "c d" "e f" "e f" "e f" "g h" "g h" "g h" "i j" "i j" "i j" "k l" "k l" "k l" "m n" "m n" "m n" "o p" "o p" "o p";
  }
  .cpx-postgrid .container.length16 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length16 .z.card .title.char-length-15,
  .cpx-postgrid .container.length16 .z.card .title.char-length-40,
  .cpx-postgrid .container.length16 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length16 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length16 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-15,
  .cpx-postgrid .container.length16 .b .hover .char-length-15,
  .cpx-postgrid .container.length16 .c .hover .char-length-15,
  .cpx-postgrid .container.length16 .d .hover .char-length-15,
  .cpx-postgrid .container.length16 .e .hover .char-length-15,
  .cpx-postgrid .container.length16 .f .hover .char-length-15,
  .cpx-postgrid .container.length16 .g .hover .char-length-15,
  .cpx-postgrid .container.length16 .h .hover .char-length-15,
  .cpx-postgrid .container.length16 .i .hover .char-length-15,
  .cpx-postgrid .container.length16 .j .hover .char-length-15,
  .cpx-postgrid .container.length16 .k .hover .char-length-15,
  .cpx-postgrid .container.length16 .l .hover .char-length-15,
  .cpx-postgrid .container.length16 .m .hover .char-length-15,
  .cpx-postgrid .container.length16 .n .hover .char-length-15,
  .cpx-postgrid .container.length16 .o .hover .char-length-15,
  .cpx-postgrid .container.length16 .p .hover .char-length-15,
  .cpx-postgrid .container.length16 .a .hover .char-word-12,
  .cpx-postgrid .container.length16 .b .hover .char-word-12,
  .cpx-postgrid .container.length16 .c .hover .char-word-12,
  .cpx-postgrid .container.length16 .d .hover .char-word-12,
  .cpx-postgrid .container.length16 .e .hover .char-word-12,
  .cpx-postgrid .container.length16 .f .hover .char-word-12,
  .cpx-postgrid .container.length16 .g .hover .char-word-12,
  .cpx-postgrid .container.length16 .h .hover .char-word-12,
  .cpx-postgrid .container.length16 .i .hover .char-word-12,
  .cpx-postgrid .container.length16 .j .hover .char-word-12,
  .cpx-postgrid .container.length16 .k .hover .char-word-12,
  .cpx-postgrid .container.length16 .l .hover .char-word-12,
  .cpx-postgrid .container.length16 .m .hover .char-word-12,
  .cpx-postgrid .container.length16 .n .hover .char-word-12,
  .cpx-postgrid .container.length16 .o .hover .char-word-12,
  .cpx-postgrid .container.length16 .p .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-40,
  .cpx-postgrid .container.length16 .b .hover .char-length-40,
  .cpx-postgrid .container.length16 .c .hover .char-length-40,
  .cpx-postgrid .container.length16 .d .hover .char-length-40,
  .cpx-postgrid .container.length16 .e .hover .char-length-40,
  .cpx-postgrid .container.length16 .f .hover .char-length-40,
  .cpx-postgrid .container.length16 .g .hover .char-length-40,
  .cpx-postgrid .container.length16 .h .hover .char-length-40,
  .cpx-postgrid .container.length16 .i .hover .char-length-40,
  .cpx-postgrid .container.length16 .j .hover .char-length-40,
  .cpx-postgrid .container.length16 .k .hover .char-length-40,
  .cpx-postgrid .container.length16 .l .hover .char-length-40,
  .cpx-postgrid .container.length16 .m .hover .char-length-40,
  .cpx-postgrid .container.length16 .n .hover .char-length-40,
  .cpx-postgrid .container.length16 .o .hover .char-length-40,
  .cpx-postgrid .container.length16 .p .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-image,
  .cpx-postgrid .container.length16 .b .author .author-image,
  .cpx-postgrid .container.length16 .c .author .author-image,
  .cpx-postgrid .container.length16 .d .author .author-image,
  .cpx-postgrid .container.length16 .e .author .author-image,
  .cpx-postgrid .container.length16 .f .author .author-image,
  .cpx-postgrid .container.length16 .g .author .author-image,
  .cpx-postgrid .container.length16 .h .author .author-image,
  .cpx-postgrid .container.length16 .i .author .author-image,
  .cpx-postgrid .container.length16 .j .author .author-image,
  .cpx-postgrid .container.length16 .k .author .author-image,
  .cpx-postgrid .container.length16 .l .author .author-image,
  .cpx-postgrid .container.length16 .m .author .author-image,
  .cpx-postgrid .container.length16 .n .author .author-image,
  .cpx-postgrid .container.length16 .o .author .author-image,
  .cpx-postgrid .container.length16 .p .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-text,
  .cpx-postgrid .container.length16 .b .author .author-text,
  .cpx-postgrid .container.length16 .c .author .author-text,
  .cpx-postgrid .container.length16 .d .author .author-text,
  .cpx-postgrid .container.length16 .e .author .author-text,
  .cpx-postgrid .container.length16 .f .author .author-text,
  .cpx-postgrid .container.length16 .g .author .author-text,
  .cpx-postgrid .container.length16 .h .author .author-text,
  .cpx-postgrid .container.length16 .i .author .author-text,
  .cpx-postgrid .container.length16 .j .author .author-text,
  .cpx-postgrid .container.length16 .k .author .author-text,
  .cpx-postgrid .container.length16 .l .author .author-text,
  .cpx-postgrid .container.length16 .m .author .author-text,
  .cpx-postgrid .container.length16 .n .author .author-text,
  .cpx-postgrid .container.length16 .o .author .author-text,
  .cpx-postgrid .container.length16 .p .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .a.card .summary,
  .cpx-postgrid .container.length16 .b.card .summary,
  .cpx-postgrid .container.length16 .c.card .summary,
  .cpx-postgrid .container.length16 .d.card .summary,
  .cpx-postgrid .container.length16 .e.card .summary,
  .cpx-postgrid .container.length16 .f.card .summary,
  .cpx-postgrid .container.length16 .g.card .summary,
  .cpx-postgrid .container.length16 .h.card .summary,
  .cpx-postgrid .container.length16 .i.card .summary,
  .cpx-postgrid .container.length16 .j.card .summary,
  .cpx-postgrid .container.length16 .k.card .summary,
  .cpx-postgrid .container.length16 .l.card .summary,
  .cpx-postgrid .container.length16 .m.card .summary,
  .cpx-postgrid .container.length16 .n.card .summary,
  .cpx-postgrid .container.length16 .o.card .summary,
  .cpx-postgrid .container.length16 .p.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .a.card .author,
  .cpx-postgrid .container.length16 .b.card .author,
  .cpx-postgrid .container.length16 .c.card .author,
  .cpx-postgrid .container.length16 .d.card .author,
  .cpx-postgrid .container.length16 .e.card .author,
  .cpx-postgrid .container.length16 .f.card .author,
  .cpx-postgrid .container.length16 .g.card .author,
  .cpx-postgrid .container.length16 .h.card .author,
  .cpx-postgrid .container.length16 .i.card .author,
  .cpx-postgrid .container.length16 .j.card .author,
  .cpx-postgrid .container.length16 .k.card .author,
  .cpx-postgrid .container.length16 .l.card .author,
  .cpx-postgrid .container.length16 .m.card .author,
  .cpx-postgrid .container.length16 .n.card .author,
  .cpx-postgrid .container.length16 .o.card .author,
  .cpx-postgrid .container.length16 .p.card .author {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .char-length-40,
  .cpx-postgrid .container.length16 .b.tile .char-length-40,
  .cpx-postgrid .container.length16 .c.tile .char-length-40,
  .cpx-postgrid .container.length16 .d.tile .char-length-40,
  .cpx-postgrid .container.length16 .e.tile .char-length-40,
  .cpx-postgrid .container.length16 .f.tile .char-length-40,
  .cpx-postgrid .container.length16 .g.tile .char-length-40,
  .cpx-postgrid .container.length16 .h.tile .char-length-40,
  .cpx-postgrid .container.length16 .i.tile .char-length-40,
  .cpx-postgrid .container.length16 .j.tile .char-length-40,
  .cpx-postgrid .container.length16 .k.tile .char-length-40,
  .cpx-postgrid .container.length16 .l.tile .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .char-length-40,
  .cpx-postgrid .container.length16 .n.tile .char-length-40,
  .cpx-postgrid .container.length16 .o.tile .char-length-40,
  .cpx-postgrid .container.length16 .p.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .char-word-12,
  .cpx-postgrid .container.length16 .b.tile .char-word-12,
  .cpx-postgrid .container.length16 .c.tile .char-word-12,
  .cpx-postgrid .container.length16 .d.tile .char-word-12,
  .cpx-postgrid .container.length16 .e.tile .char-word-12,
  .cpx-postgrid .container.length16 .f.tile .char-word-12,
  .cpx-postgrid .container.length16 .g.tile .char-word-12,
  .cpx-postgrid .container.length16 .h.tile .char-word-12,
  .cpx-postgrid .container.length16 .i.tile .char-word-12,
  .cpx-postgrid .container.length16 .j.tile .char-word-12,
  .cpx-postgrid .container.length16 .k.tile .char-word-12,
  .cpx-postgrid .container.length16 .l.tile .char-word-12,
  .cpx-postgrid .container.length16 .m.tile .char-word-12,
  .cpx-postgrid .container.length16 .n.tile .char-word-12,
  .cpx-postgrid .container.length16 .o.tile .char-word-12,
  .cpx-postgrid .container.length16 .p.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .j.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .n.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .o.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .p.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .h.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .j.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .l.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .n.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .o.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .p.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .h.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .j.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .l.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .n.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .o.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .p.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .h.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .j.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .l.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .n.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .o.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .p.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length16 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length16 .z:hover h1,
  .cpx-postgrid .container.length16 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length16 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length16 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length16 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length16 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length16 .z .bottomcontent .title,
  .cpx-postgrid .container.length16 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length16 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length16 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .z .divider,
  .cpx-postgrid .container.length16 .z .estimate {
    display: none;
  }
  .fl-row-fixed-width,
  .collectionPosts:not(.homeLatest),
  .collectionPosts .featurePosts {
    max-width: 704px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0 auto;
  }
  .cpx-hero .container,
  .carousel .grid-heading-container,
  .fl-module-cpx_bb_carousel .grid-heading-container {
    width: 704px;
  }
  .cpx-hero .background-video {
    width: 220vw;
  }
  .cpx-single-post.medium {
    width: 336px;
  }
  .grid-heading-container .grid-heading > aside.topic-list {
    display: block;
  }
  .fl-module-cpx_bb_carousel .swiper-container .swiper-slide,
  .carousel .swiper-container .swiper-slide {
    transform: translate3d(-184px, 0px, 0px);
  }
  .cpx-people-grid .container {
    grid-template-columns: repeat(2, 336px);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .cpx-postgrid .container.length5 {
    grid-template-columns: repeat(3, 298px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a a b" "a a b" "a a b" "c d e" "c d e" "c d e";
  }
  .cpx-postgrid .container.length5 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .z.card .title.char-length-15,
  .cpx-postgrid .container.length5 .z.card .title.char-length-40,
  .cpx-postgrid .container.length5 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length5 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length5 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length5 .a .b .hover .char-length-15,
  .cpx-postgrid .container.length5 .c .hover .char-length-15,
  .cpx-postgrid .container.length5 .d .hover .char-length-15,
  .cpx-postgrid .container.length5 .e .hover .char-length-15,
  .cpx-postgrid .container.length5 .a .b .hover .char-word-12,
  .cpx-postgrid .container.length5 .c .hover .char-word-12,
  .cpx-postgrid .container.length5 .d .hover .char-word-12,
  .cpx-postgrid .container.length5 .e .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .b .hover .char-length-40,
  .cpx-postgrid .container.length5 .c .hover .char-length-40,
  .cpx-postgrid .container.length5 .d .hover .char-length-40,
  .cpx-postgrid .container.length5 .e .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .a .b .author .author-image,
  .cpx-postgrid .container.length5 .c .author .author-image,
  .cpx-postgrid .container.length5 .d .author .author-image,
  .cpx-postgrid .container.length5 .e .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length5 .a .b .author .author-text,
  .cpx-postgrid .container.length5 .c .author .author-text,
  .cpx-postgrid .container.length5 .d .author .author-text,
  .cpx-postgrid .container.length5 .e .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .a .b.card .summary,
  .cpx-postgrid .container.length5 .c.card .summary,
  .cpx-postgrid .container.length5 .d.card .summary,
  .cpx-postgrid .container.length5 .e.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .a .b.card .author,
  .cpx-postgrid .container.length5 .c.card .author,
  .cpx-postgrid .container.length5 .d.card .author,
  .cpx-postgrid .container.length5 .e.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .a .b.tile .char-length-40,
  .cpx-postgrid .container.length5 .c.tile .char-length-40,
  .cpx-postgrid .container.length5 .d.tile .char-length-40,
  .cpx-postgrid .container.length5 .e.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .b.tile .char-word-12,
  .cpx-postgrid .container.length5 .c.tile .char-word-12,
  .cpx-postgrid .container.length5 .d.tile .char-word-12,
  .cpx-postgrid .container.length5 .e.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .a .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .e.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .a .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .e.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .e.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length5 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length5 .z:hover h1,
  .cpx-postgrid .container.length5 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length5 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length5 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length5 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length5 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length5 .z .bottomcontent .title,
  .cpx-postgrid .container.length5 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length5 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length5 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .z .divider,
  .cpx-postgrid .container.length5 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length5 .a.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .a.card .title.char-length-15,
  .cpx-postgrid .container.length5 .a.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .a .title.char-length-40,
  .cpx-postgrid .container.length5 .a .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b .hover .char-length-15,
  .cpx-postgrid .container.length5 .c .hover .char-length-15,
  .cpx-postgrid .container.length5 .d .hover .char-length-15,
  .cpx-postgrid .container.length5 .e .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b .hover .char-length-40,
  .cpx-postgrid .container.length5 .c .hover .char-length-40,
  .cpx-postgrid .container.length5 .d .hover .char-length-40,
  .cpx-postgrid .container.length5 .e .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .b.card .summary,
  .cpx-postgrid .container.length5 .c.card .summary,
  .cpx-postgrid .container.length5 .d.card .summary,
  .cpx-postgrid .container.length5 .e.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .b.card .author,
  .cpx-postgrid .container.length5 .c.card .author,
  .cpx-postgrid .container.length5 .d.card .author,
  .cpx-postgrid .container.length5 .e.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .b.tile .char-length-15,
  .cpx-postgrid .container.length5 .c.tile .char-length-15,
  .cpx-postgrid .container.length5 .d.tile .char-length-15,
  .cpx-postgrid .container.length5 .e.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .b.tile .char-length-40,
  .cpx-postgrid .container.length5 .c.tile .char-length-40,
  .cpx-postgrid .container.length5 .d.tile .char-length-40,
  .cpx-postgrid .container.length5 .e.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .b.tile .char-word-12,
  .cpx-postgrid .container.length5 .c.tile .char-word-12,
  .cpx-postgrid .container.length5 .d.tile .char-word-12,
  .cpx-postgrid .container.length5 .e.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .e.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured {
    grid-template-columns: repeat(3, 298px);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a b c" "a b c" "a b c";
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .a .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .b .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .c .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .d .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a .author .author-image,
  .cpx-postgrid .container.length4_featured .b .author .author-image,
  .cpx-postgrid .container.length4_featured .c .author .author-image,
  .cpx-postgrid .container.length4_featured .d .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .author .author-text,
  .cpx-postgrid .container.length4_featured .b .author .author-text,
  .cpx-postgrid .container.length4_featured .c .author .author-text,
  .cpx-postgrid .container.length4_featured .d .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .summary,
  .cpx-postgrid .container.length4_featured .b.card .summary,
  .cpx-postgrid .container.length4_featured .c.card .summary,
  .cpx-postgrid .container.length4_featured .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .author,
  .cpx-postgrid .container.length4_featured .b.card .author,
  .cpx-postgrid .container.length4_featured .c.card .author,
  .cpx-postgrid .container.length4_featured .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .b.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .c.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length4_featured .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length4_featured .z:hover h1,
  .cpx-postgrid .container.length4_featured .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length4_featured .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length4_featured .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length4_featured .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length4_featured .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length4_featured .z .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .z .divider,
  .cpx-postgrid .container.length4_featured .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .summary,
  .cpx-postgrid .container.length4_featured .b.card .summary,
  .cpx-postgrid .container.length4_featured .c.card .summary,
  .cpx-postgrid .container.length4_featured .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .author,
  .cpx-postgrid .container.length4_featured .b.card .author,
  .cpx-postgrid .container.length4_featured .c.card .author,
  .cpx-postgrid .container.length4_featured .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .b.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .c.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .griditem:hover .hover {
    background-color: black;
  }
  .cpx-postgrid .container.length4_featured .d {
    display: none;
  }
  .cpx-postgrid .container.length3 {
    grid-template-columns: repeat(1, 298px);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a" "b" "c";
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40,
  .cpx-postgrid .container.length3 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length3 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length3 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15,
  .cpx-postgrid .container.length3 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a,
  .cpx-postgrid .container.length3 .b,
  .cpx-postgrid .container.length3 .c {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length3 .a:hover,
  .cpx-postgrid .container.length3 .b:hover,
  .cpx-postgrid .container.length3 .c:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length3 .a:hover h1,
  .cpx-postgrid .container.length3 .b:hover h1,
  .cpx-postgrid .container.length3 .c:hover h1,
  .cpx-postgrid .container.length3 .a:hover p,
  .cpx-postgrid .container.length3 .b:hover p,
  .cpx-postgrid .container.length3 .c:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length3 .a .labels,
  .cpx-postgrid .container.length3 .b .labels,
  .cpx-postgrid .container.length3 .c .labels {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .fa,
  .cpx-postgrid .container.length3 .b .fa,
  .cpx-postgrid .container.length3 .c .fa {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .summary,
  .cpx-postgrid .container.length3 .b .summary,
  .cpx-postgrid .container.length3 .c .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length3 .a p,
  .cpx-postgrid .container.length3 .b p,
  .cpx-postgrid .container.length3 .c p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .a.griditem,
  .cpx-postgrid .container.length3 .b.griditem,
  .cpx-postgrid .container.length3 .c.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length3 .a .hover,
  .cpx-postgrid .container.length3 .b .hover,
  .cpx-postgrid .container.length3 .c .hover {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .background,
  .cpx-postgrid .container.length3 .b .background,
  .cpx-postgrid .container.length3 .c .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent,
  .cpx-postgrid .container.length3 .b .bottomcontent,
  .cpx-postgrid .container.length3 .c .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent .title,
  .cpx-postgrid .container.length3 .b .bottomcontent .title,
  .cpx-postgrid .container.length3 .c .bottomcontent .title,
  .cpx-postgrid .container.length3 .a .bottomcontent .date,
  .cpx-postgrid .container.length3 .b .bottomcontent .date,
  .cpx-postgrid .container.length3 .c .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length3 .a .date,
  .cpx-postgrid .container.length3 .b .date,
  .cpx-postgrid .container.length3 .c .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .a .divider,
  .cpx-postgrid .container.length3 .b .divider,
  .cpx-postgrid .container.length3 .c .divider,
  .cpx-postgrid .container.length3 .a .estimate,
  .cpx-postgrid .container.length3 .b .estimate,
  .cpx-postgrid .container.length3 .c .estimate {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z .title.char-length-40,
  .cpx-postgrid .container.length3 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 {
    grid-template-columns: repeat(3, 298px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a a b" "a a c" "a a d" "f e e" ". e e" "g e e";
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40,
  .cpx-postgrid .container.length7 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length7 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length7 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .e .hover .char-length-15,
  .cpx-postgrid .container.length7 .a .hover .char-word-12,
  .cpx-postgrid .container.length7 .e .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .e .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-image,
  .cpx-postgrid .container.length7 .e .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-text,
  .cpx-postgrid .container.length7 .e .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .e.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .e.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .e.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .e.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .e.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .e.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .e.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .b,
  .cpx-postgrid .container.length7 .c,
  .cpx-postgrid .container.length7 .d,
  .cpx-postgrid .container.length7 .f,
  .cpx-postgrid .container.length7 .g {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length7 .b:hover,
  .cpx-postgrid .container.length7 .c:hover,
  .cpx-postgrid .container.length7 .d:hover,
  .cpx-postgrid .container.length7 .f:hover,
  .cpx-postgrid .container.length7 .g:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length7 .b:hover h1,
  .cpx-postgrid .container.length7 .c:hover h1,
  .cpx-postgrid .container.length7 .d:hover h1,
  .cpx-postgrid .container.length7 .f:hover h1,
  .cpx-postgrid .container.length7 .g:hover h1,
  .cpx-postgrid .container.length7 .b:hover p,
  .cpx-postgrid .container.length7 .c:hover p,
  .cpx-postgrid .container.length7 .d:hover p,
  .cpx-postgrid .container.length7 .f:hover p,
  .cpx-postgrid .container.length7 .g:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length7 .b .labels,
  .cpx-postgrid .container.length7 .c .labels,
  .cpx-postgrid .container.length7 .d .labels,
  .cpx-postgrid .container.length7 .f .labels,
  .cpx-postgrid .container.length7 .g .labels {
    display: none;
  }
  .cpx-postgrid .container.length7 .b .fa,
  .cpx-postgrid .container.length7 .c .fa,
  .cpx-postgrid .container.length7 .d .fa,
  .cpx-postgrid .container.length7 .f .fa,
  .cpx-postgrid .container.length7 .g .fa {
    display: none;
  }
  .cpx-postgrid .container.length7 .b .summary,
  .cpx-postgrid .container.length7 .c .summary,
  .cpx-postgrid .container.length7 .d .summary,
  .cpx-postgrid .container.length7 .f .summary,
  .cpx-postgrid .container.length7 .g .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .b h1,
  .cpx-postgrid .container.length7 .c h1,
  .cpx-postgrid .container.length7 .d h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length7 .b p,
  .cpx-postgrid .container.length7 .c p,
  .cpx-postgrid .container.length7 .d p,
  .cpx-postgrid .container.length7 .f p,
  .cpx-postgrid .container.length7 .g p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .b.griditem,
  .cpx-postgrid .container.length7 .c.griditem,
  .cpx-postgrid .container.length7 .d.griditem,
  .cpx-postgrid .container.length7 .f.griditem,
  .cpx-postgrid .container.length7 .g.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length7 .b .hover,
  .cpx-postgrid .container.length7 .c .hover,
  .cpx-postgrid .container.length7 .d .hover,
  .cpx-postgrid .container.length7 .f .hover,
  .cpx-postgrid .container.length7 .g .hover {
    display: none;
  }
  .cpx-postgrid .container.length7 .b .background,
  .cpx-postgrid .container.length7 .c .background,
  .cpx-postgrid .container.length7 .d .background,
  .cpx-postgrid .container.length7 .f .background,
  .cpx-postgrid .container.length7 .g .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length7 .b .bottomcontent,
  .cpx-postgrid .container.length7 .c .bottomcontent,
  .cpx-postgrid .container.length7 .d .bottomcontent,
  .cpx-postgrid .container.length7 .f .bottomcontent,
  .cpx-postgrid .container.length7 .g .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length7 .b .bottomcontent .title,
  .cpx-postgrid .container.length7 .c .bottomcontent .title,
  .cpx-postgrid .container.length7 .d .bottomcontent .title,
  .cpx-postgrid .container.length7 .f .bottomcontent .title,
  .cpx-postgrid .container.length7 .g .bottomcontent .title,
  .cpx-postgrid .container.length7 .b .bottomcontent .date,
  .cpx-postgrid .container.length7 .c .bottomcontent .date,
  .cpx-postgrid .container.length7 .d .bottomcontent .date,
  .cpx-postgrid .container.length7 .f .bottomcontent .date,
  .cpx-postgrid .container.length7 .g .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length7 .b .date,
  .cpx-postgrid .container.length7 .c .date,
  .cpx-postgrid .container.length7 .d .date,
  .cpx-postgrid .container.length7 .f .date,
  .cpx-postgrid .container.length7 .g .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length7 .b h1,
  .cpx-postgrid .container.length7 .c h1,
  .cpx-postgrid .container.length7 .d h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .b h1.char-length-40,
  .cpx-postgrid .container.length7 .c h1.char-length-40,
  .cpx-postgrid .container.length7 .d h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .b .divider,
  .cpx-postgrid .container.length7 .c .divider,
  .cpx-postgrid .container.length7 .d .divider,
  .cpx-postgrid .container.length7 .f .divider,
  .cpx-postgrid .container.length7 .g .divider,
  .cpx-postgrid .container.length7 .b .estimate,
  .cpx-postgrid .container.length7 .c .estimate,
  .cpx-postgrid .container.length7 .d .estimate,
  .cpx-postgrid .container.length7 .f .estimate,
  .cpx-postgrid .container.length7 .g .estimate {
    display: none;
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z .title.char-length-40,
  .cpx-postgrid .container.length7 .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .e .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .e .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .e.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .e.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-15,
  .cpx-postgrid .container.length7 .e.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .e.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .e.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .e.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .b h1,
  .cpx-postgrid .container.length7 .c h1,
  .cpx-postgrid .container.length7 .d h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .b h1.char-length-40,
  .cpx-postgrid .container.length7 .c h1.char-length-40,
  .cpx-postgrid .container.length7 .d h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 {
    grid-template-columns: repeat(3, 298px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a a b" "a a c" "a a d" "f e e" "g e e" "h e e";
  }
  .cpx-postgrid .container.length8 .a.card .title,
  .cpx-postgrid .container.length8 .e.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a.card .title.char-length-15,
  .cpx-postgrid .container.length8 .e.card .title.char-length-15,
  .cpx-postgrid .container.length8 .a.card .title.char-length-40,
  .cpx-postgrid .container.length8 .e.card .title.char-length-40,
  .cpx-postgrid .container.length8 .a.card .title.char-word-12,
  .cpx-postgrid .container.length8 .e.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .title,
  .cpx-postgrid .container.length8 .e .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length8 .a .date,
  .cpx-postgrid .container.length8 .e .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length8 .a .summary,
  .cpx-postgrid .container.length8 .e .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-15,
  .cpx-postgrid .container.length8 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length8 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .b,
  .cpx-postgrid .container.length8 .c,
  .cpx-postgrid .container.length8 .d,
  .cpx-postgrid .container.length8 .f,
  .cpx-postgrid .container.length8 .g,
  .cpx-postgrid .container.length8 .h {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length8 .b:hover,
  .cpx-postgrid .container.length8 .c:hover,
  .cpx-postgrid .container.length8 .d:hover,
  .cpx-postgrid .container.length8 .f:hover,
  .cpx-postgrid .container.length8 .g:hover,
  .cpx-postgrid .container.length8 .h:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length8 .b:hover h1,
  .cpx-postgrid .container.length8 .c:hover h1,
  .cpx-postgrid .container.length8 .d:hover h1,
  .cpx-postgrid .container.length8 .f:hover h1,
  .cpx-postgrid .container.length8 .g:hover h1,
  .cpx-postgrid .container.length8 .h:hover h1,
  .cpx-postgrid .container.length8 .b:hover p,
  .cpx-postgrid .container.length8 .c:hover p,
  .cpx-postgrid .container.length8 .d:hover p,
  .cpx-postgrid .container.length8 .f:hover p,
  .cpx-postgrid .container.length8 .g:hover p,
  .cpx-postgrid .container.length8 .h:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length8 .b .labels,
  .cpx-postgrid .container.length8 .c .labels,
  .cpx-postgrid .container.length8 .d .labels,
  .cpx-postgrid .container.length8 .f .labels,
  .cpx-postgrid .container.length8 .g .labels,
  .cpx-postgrid .container.length8 .h .labels {
    display: none;
  }
  .cpx-postgrid .container.length8 .b .fa,
  .cpx-postgrid .container.length8 .c .fa,
  .cpx-postgrid .container.length8 .d .fa,
  .cpx-postgrid .container.length8 .f .fa,
  .cpx-postgrid .container.length8 .g .fa,
  .cpx-postgrid .container.length8 .h .fa {
    display: none;
  }
  .cpx-postgrid .container.length8 .b .summary,
  .cpx-postgrid .container.length8 .c .summary,
  .cpx-postgrid .container.length8 .d .summary,
  .cpx-postgrid .container.length8 .f .summary,
  .cpx-postgrid .container.length8 .g .summary,
  .cpx-postgrid .container.length8 .h .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .b h1,
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length8 .b p,
  .cpx-postgrid .container.length8 .c p,
  .cpx-postgrid .container.length8 .d p,
  .cpx-postgrid .container.length8 .f p,
  .cpx-postgrid .container.length8 .g p,
  .cpx-postgrid .container.length8 .h p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .b.griditem,
  .cpx-postgrid .container.length8 .c.griditem,
  .cpx-postgrid .container.length8 .d.griditem,
  .cpx-postgrid .container.length8 .f.griditem,
  .cpx-postgrid .container.length8 .g.griditem,
  .cpx-postgrid .container.length8 .h.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length8 .b .hover,
  .cpx-postgrid .container.length8 .c .hover,
  .cpx-postgrid .container.length8 .d .hover,
  .cpx-postgrid .container.length8 .f .hover,
  .cpx-postgrid .container.length8 .g .hover,
  .cpx-postgrid .container.length8 .h .hover {
    display: none;
  }
  .cpx-postgrid .container.length8 .b .background,
  .cpx-postgrid .container.length8 .c .background,
  .cpx-postgrid .container.length8 .d .background,
  .cpx-postgrid .container.length8 .f .background,
  .cpx-postgrid .container.length8 .g .background,
  .cpx-postgrid .container.length8 .h .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length8 .b .bottomcontent,
  .cpx-postgrid .container.length8 .c .bottomcontent,
  .cpx-postgrid .container.length8 .d .bottomcontent,
  .cpx-postgrid .container.length8 .f .bottomcontent,
  .cpx-postgrid .container.length8 .g .bottomcontent,
  .cpx-postgrid .container.length8 .h .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length8 .b .bottomcontent .title,
  .cpx-postgrid .container.length8 .c .bottomcontent .title,
  .cpx-postgrid .container.length8 .d .bottomcontent .title,
  .cpx-postgrid .container.length8 .f .bottomcontent .title,
  .cpx-postgrid .container.length8 .g .bottomcontent .title,
  .cpx-postgrid .container.length8 .h .bottomcontent .title,
  .cpx-postgrid .container.length8 .b .bottomcontent .date,
  .cpx-postgrid .container.length8 .c .bottomcontent .date,
  .cpx-postgrid .container.length8 .d .bottomcontent .date,
  .cpx-postgrid .container.length8 .f .bottomcontent .date,
  .cpx-postgrid .container.length8 .g .bottomcontent .date,
  .cpx-postgrid .container.length8 .h .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length8 .b .date,
  .cpx-postgrid .container.length8 .c .date,
  .cpx-postgrid .container.length8 .d .date,
  .cpx-postgrid .container.length8 .f .date,
  .cpx-postgrid .container.length8 .g .date,
  .cpx-postgrid .container.length8 .h .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length8 .b h1,
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .b h1.char-length-40,
  .cpx-postgrid .container.length8 .c h1.char-length-40,
  .cpx-postgrid .container.length8 .d h1.char-length-40,
  .cpx-postgrid .container.length8 .f h1.char-length-40,
  .cpx-postgrid .container.length8 .g h1.char-length-40,
  .cpx-postgrid .container.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .b .divider,
  .cpx-postgrid .container.length8 .c .divider,
  .cpx-postgrid .container.length8 .d .divider,
  .cpx-postgrid .container.length8 .f .divider,
  .cpx-postgrid .container.length8 .g .divider,
  .cpx-postgrid .container.length8 .h .divider,
  .cpx-postgrid .container.length8 .b .estimate,
  .cpx-postgrid .container.length8 .c .estimate,
  .cpx-postgrid .container.length8 .d .estimate,
  .cpx-postgrid .container.length8 .f .estimate,
  .cpx-postgrid .container.length8 .g .estimate,
  .cpx-postgrid .container.length8 .h .estimate {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.card .title,
  .cpx-postgrid .container.length8 .e.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a.card .title.char-length-15,
  .cpx-postgrid .container.length8 .e.card .title.char-length-15,
  .cpx-postgrid .container.length8 .a.card .title.char-length-40,
  .cpx-postgrid .container.length8 .e.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .title,
  .cpx-postgrid .container.length8 .e .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .a .title.char-length-40,
  .cpx-postgrid .container.length8 .e .title.char-length-40,
  .cpx-postgrid .container.length8 .a .title.char-word-12,
  .cpx-postgrid .container.length8 .e .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .b h1,
  .cpx-postgrid .container.length8 .c h1,
  .cpx-postgrid .container.length8 .d h1,
  .cpx-postgrid .container.length8 .f h1,
  .cpx-postgrid .container.length8 .g h1,
  .cpx-postgrid .container.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .b h1.char-length-40,
  .cpx-postgrid .container.length8 .c h1.char-length-40,
  .cpx-postgrid .container.length8 .d h1.char-length-40,
  .cpx-postgrid .container.length8 .f h1.char-length-40,
  .cpx-postgrid .container.length8 .g h1.char-length-40,
  .cpx-postgrid .container.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 {
    grid-template-columns: repeat(3, 298px);
    grid-template-rows: repeat(12, 80px);
    grid-template-areas: "a b c" "a b c" "a b c" "d e f" "d e f" "d e f" "g h i" "g h i" "g h i" "j k l" "j k l" "j k l";
  }
  .cpx-postgrid .container.length12 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length12 .z.card .title.char-length-15,
  .cpx-postgrid .container.length12 .z.card .title.char-length-40,
  .cpx-postgrid .container.length12 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length12 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length12 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-15,
  .cpx-postgrid .container.length12 .b .hover .char-length-15,
  .cpx-postgrid .container.length12 .c .hover .char-length-15,
  .cpx-postgrid .container.length12 .d .hover .char-length-15,
  .cpx-postgrid .container.length12 .e .hover .char-length-15,
  .cpx-postgrid .container.length12 .f .hover .char-length-15,
  .cpx-postgrid .container.length12 .g .hover .char-length-15,
  .cpx-postgrid .container.length12 .h .hover .char-length-15,
  .cpx-postgrid .container.length12 .i .hover .char-length-15,
  .cpx-postgrid .container.length12 .j .hover .char-length-15,
  .cpx-postgrid .container.length12 .k .hover .char-length-15,
  .cpx-postgrid .container.length12 .l .hover .char-length-15,
  .cpx-postgrid .container.length12 .a .hover .char-word-12,
  .cpx-postgrid .container.length12 .b .hover .char-word-12,
  .cpx-postgrid .container.length12 .c .hover .char-word-12,
  .cpx-postgrid .container.length12 .d .hover .char-word-12,
  .cpx-postgrid .container.length12 .e .hover .char-word-12,
  .cpx-postgrid .container.length12 .f .hover .char-word-12,
  .cpx-postgrid .container.length12 .g .hover .char-word-12,
  .cpx-postgrid .container.length12 .h .hover .char-word-12,
  .cpx-postgrid .container.length12 .i .hover .char-word-12,
  .cpx-postgrid .container.length12 .j .hover .char-word-12,
  .cpx-postgrid .container.length12 .k .hover .char-word-12,
  .cpx-postgrid .container.length12 .l .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-40,
  .cpx-postgrid .container.length12 .b .hover .char-length-40,
  .cpx-postgrid .container.length12 .c .hover .char-length-40,
  .cpx-postgrid .container.length12 .d .hover .char-length-40,
  .cpx-postgrid .container.length12 .e .hover .char-length-40,
  .cpx-postgrid .container.length12 .f .hover .char-length-40,
  .cpx-postgrid .container.length12 .g .hover .char-length-40,
  .cpx-postgrid .container.length12 .h .hover .char-length-40,
  .cpx-postgrid .container.length12 .i .hover .char-length-40,
  .cpx-postgrid .container.length12 .j .hover .char-length-40,
  .cpx-postgrid .container.length12 .k .hover .char-length-40,
  .cpx-postgrid .container.length12 .l .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-image,
  .cpx-postgrid .container.length12 .b .author .author-image,
  .cpx-postgrid .container.length12 .c .author .author-image,
  .cpx-postgrid .container.length12 .d .author .author-image,
  .cpx-postgrid .container.length12 .e .author .author-image,
  .cpx-postgrid .container.length12 .f .author .author-image,
  .cpx-postgrid .container.length12 .g .author .author-image,
  .cpx-postgrid .container.length12 .h .author .author-image,
  .cpx-postgrid .container.length12 .i .author .author-image,
  .cpx-postgrid .container.length12 .j .author .author-image,
  .cpx-postgrid .container.length12 .k .author .author-image,
  .cpx-postgrid .container.length12 .l .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-text,
  .cpx-postgrid .container.length12 .b .author .author-text,
  .cpx-postgrid .container.length12 .c .author .author-text,
  .cpx-postgrid .container.length12 .d .author .author-text,
  .cpx-postgrid .container.length12 .e .author .author-text,
  .cpx-postgrid .container.length12 .f .author .author-text,
  .cpx-postgrid .container.length12 .g .author .author-text,
  .cpx-postgrid .container.length12 .h .author .author-text,
  .cpx-postgrid .container.length12 .i .author .author-text,
  .cpx-postgrid .container.length12 .j .author .author-text,
  .cpx-postgrid .container.length12 .k .author .author-text,
  .cpx-postgrid .container.length12 .l .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .a.card .summary,
  .cpx-postgrid .container.length12 .b.card .summary,
  .cpx-postgrid .container.length12 .c.card .summary,
  .cpx-postgrid .container.length12 .d.card .summary,
  .cpx-postgrid .container.length12 .e.card .summary,
  .cpx-postgrid .container.length12 .f.card .summary,
  .cpx-postgrid .container.length12 .g.card .summary,
  .cpx-postgrid .container.length12 .h.card .summary,
  .cpx-postgrid .container.length12 .i.card .summary,
  .cpx-postgrid .container.length12 .j.card .summary,
  .cpx-postgrid .container.length12 .k.card .summary,
  .cpx-postgrid .container.length12 .l.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .a.card .author,
  .cpx-postgrid .container.length12 .b.card .author,
  .cpx-postgrid .container.length12 .c.card .author,
  .cpx-postgrid .container.length12 .d.card .author,
  .cpx-postgrid .container.length12 .e.card .author,
  .cpx-postgrid .container.length12 .f.card .author,
  .cpx-postgrid .container.length12 .g.card .author,
  .cpx-postgrid .container.length12 .h.card .author,
  .cpx-postgrid .container.length12 .i.card .author,
  .cpx-postgrid .container.length12 .j.card .author,
  .cpx-postgrid .container.length12 .k.card .author,
  .cpx-postgrid .container.length12 .l.card .author {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .char-word-12,
  .cpx-postgrid .container.length12 .b.tile .char-word-12,
  .cpx-postgrid .container.length12 .c.tile .char-word-12,
  .cpx-postgrid .container.length12 .d.tile .char-word-12,
  .cpx-postgrid .container.length12 .e.tile .char-word-12,
  .cpx-postgrid .container.length12 .f.tile .char-word-12,
  .cpx-postgrid .container.length12 .g.tile .char-word-12,
  .cpx-postgrid .container.length12 .h.tile .char-word-12,
  .cpx-postgrid .container.length12 .i.tile .char-word-12,
  .cpx-postgrid .container.length12 .j.tile .char-word-12,
  .cpx-postgrid .container.length12 .k.tile .char-word-12,
  .cpx-postgrid .container.length12 .l.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length12 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length12 .z:hover h1,
  .cpx-postgrid .container.length12 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length12 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length12 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length12 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent .title,
  .cpx-postgrid .container.length12 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length12 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length12 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .z .divider,
  .cpx-postgrid .container.length12 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length16 {
    grid-template-columns: repeat(3, 298px);
    grid-template-rows: repeat(12, 80px);
    grid-template-areas: "a b c" "a b d" "a b e" "f g h" "f g i" "f g j" "k l m" "k l m" "k l m" "n o p" "n o p" "n o p";
  }
  .cpx-postgrid .container.length16 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length16 .z.card .title.char-length-15,
  .cpx-postgrid .container.length16 .z.card .title.char-length-40,
  .cpx-postgrid .container.length16 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length16 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length16 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-15,
  .cpx-postgrid .container.length16 .b .hover .char-length-15,
  .cpx-postgrid .container.length16 .f .hover .char-length-15,
  .cpx-postgrid .container.length16 .g .hover .char-length-15,
  .cpx-postgrid .container.length16 .k .hover .char-length-15,
  .cpx-postgrid .container.length16 .l .hover .char-length-15,
  .cpx-postgrid .container.length16 .m .hover .char-length-15,
  .cpx-postgrid .container.length16 .n .hover .char-length-15,
  .cpx-postgrid .container.length16 .o .hover .char-length-15,
  .cpx-postgrid .container.length16 .p .hover .char-length-15,
  .cpx-postgrid .container.length16 .a .hover .char-word-12,
  .cpx-postgrid .container.length16 .b .hover .char-word-12,
  .cpx-postgrid .container.length16 .f .hover .char-word-12,
  .cpx-postgrid .container.length16 .g .hover .char-word-12,
  .cpx-postgrid .container.length16 .k .hover .char-word-12,
  .cpx-postgrid .container.length16 .l .hover .char-word-12,
  .cpx-postgrid .container.length16 .m .hover .char-word-12,
  .cpx-postgrid .container.length16 .n .hover .char-word-12,
  .cpx-postgrid .container.length16 .o .hover .char-word-12,
  .cpx-postgrid .container.length16 .p .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-40,
  .cpx-postgrid .container.length16 .b .hover .char-length-40,
  .cpx-postgrid .container.length16 .f .hover .char-length-40,
  .cpx-postgrid .container.length16 .g .hover .char-length-40,
  .cpx-postgrid .container.length16 .k .hover .char-length-40,
  .cpx-postgrid .container.length16 .l .hover .char-length-40,
  .cpx-postgrid .container.length16 .m .hover .char-length-40,
  .cpx-postgrid .container.length16 .n .hover .char-length-40,
  .cpx-postgrid .container.length16 .o .hover .char-length-40,
  .cpx-postgrid .container.length16 .p .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-image,
  .cpx-postgrid .container.length16 .b .author .author-image,
  .cpx-postgrid .container.length16 .f .author .author-image,
  .cpx-postgrid .container.length16 .g .author .author-image,
  .cpx-postgrid .container.length16 .k .author .author-image,
  .cpx-postgrid .container.length16 .l .author .author-image,
  .cpx-postgrid .container.length16 .m .author .author-image,
  .cpx-postgrid .container.length16 .n .author .author-image,
  .cpx-postgrid .container.length16 .o .author .author-image,
  .cpx-postgrid .container.length16 .p .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-text,
  .cpx-postgrid .container.length16 .b .author .author-text,
  .cpx-postgrid .container.length16 .f .author .author-text,
  .cpx-postgrid .container.length16 .g .author .author-text,
  .cpx-postgrid .container.length16 .k .author .author-text,
  .cpx-postgrid .container.length16 .l .author .author-text,
  .cpx-postgrid .container.length16 .m .author .author-text,
  .cpx-postgrid .container.length16 .n .author .author-text,
  .cpx-postgrid .container.length16 .o .author .author-text,
  .cpx-postgrid .container.length16 .p .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .a.card .summary,
  .cpx-postgrid .container.length16 .b.card .summary,
  .cpx-postgrid .container.length16 .f.card .summary,
  .cpx-postgrid .container.length16 .g.card .summary,
  .cpx-postgrid .container.length16 .k.card .summary,
  .cpx-postgrid .container.length16 .l.card .summary,
  .cpx-postgrid .container.length16 .m.card .summary,
  .cpx-postgrid .container.length16 .n.card .summary,
  .cpx-postgrid .container.length16 .o.card .summary,
  .cpx-postgrid .container.length16 .p.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .a.card .author,
  .cpx-postgrid .container.length16 .b.card .author,
  .cpx-postgrid .container.length16 .f.card .author,
  .cpx-postgrid .container.length16 .g.card .author,
  .cpx-postgrid .container.length16 .k.card .author,
  .cpx-postgrid .container.length16 .l.card .author,
  .cpx-postgrid .container.length16 .m.card .author,
  .cpx-postgrid .container.length16 .n.card .author,
  .cpx-postgrid .container.length16 .o.card .author,
  .cpx-postgrid .container.length16 .p.card .author {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .char-length-40,
  .cpx-postgrid .container.length16 .b.tile .char-length-40,
  .cpx-postgrid .container.length16 .f.tile .char-length-40,
  .cpx-postgrid .container.length16 .g.tile .char-length-40,
  .cpx-postgrid .container.length16 .k.tile .char-length-40,
  .cpx-postgrid .container.length16 .l.tile .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .char-length-40,
  .cpx-postgrid .container.length16 .n.tile .char-length-40,
  .cpx-postgrid .container.length16 .o.tile .char-length-40,
  .cpx-postgrid .container.length16 .p.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .char-word-12,
  .cpx-postgrid .container.length16 .b.tile .char-word-12,
  .cpx-postgrid .container.length16 .f.tile .char-word-12,
  .cpx-postgrid .container.length16 .g.tile .char-word-12,
  .cpx-postgrid .container.length16 .k.tile .char-word-12,
  .cpx-postgrid .container.length16 .l.tile .char-word-12,
  .cpx-postgrid .container.length16 .m.tile .char-word-12,
  .cpx-postgrid .container.length16 .n.tile .char-word-12,
  .cpx-postgrid .container.length16 .o.tile .char-word-12,
  .cpx-postgrid .container.length16 .p.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .n.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .o.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .p.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .l.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .n.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .o.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .p.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .l.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .n.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .o.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .p.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .l.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .n.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .o.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .p.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .c,
  .cpx-postgrid .container.length16 .d,
  .cpx-postgrid .container.length16 .e,
  .cpx-postgrid .container.length16 .h,
  .cpx-postgrid .container.length16 .i,
  .cpx-postgrid .container.length16 .j {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length16 .c:hover,
  .cpx-postgrid .container.length16 .d:hover,
  .cpx-postgrid .container.length16 .e:hover,
  .cpx-postgrid .container.length16 .h:hover,
  .cpx-postgrid .container.length16 .i:hover,
  .cpx-postgrid .container.length16 .j:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length16 .c:hover h1,
  .cpx-postgrid .container.length16 .d:hover h1,
  .cpx-postgrid .container.length16 .e:hover h1,
  .cpx-postgrid .container.length16 .h:hover h1,
  .cpx-postgrid .container.length16 .i:hover h1,
  .cpx-postgrid .container.length16 .j:hover h1,
  .cpx-postgrid .container.length16 .c:hover p,
  .cpx-postgrid .container.length16 .d:hover p,
  .cpx-postgrid .container.length16 .e:hover p,
  .cpx-postgrid .container.length16 .h:hover p,
  .cpx-postgrid .container.length16 .i:hover p,
  .cpx-postgrid .container.length16 .j:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length16 .c .labels,
  .cpx-postgrid .container.length16 .d .labels,
  .cpx-postgrid .container.length16 .e .labels,
  .cpx-postgrid .container.length16 .h .labels,
  .cpx-postgrid .container.length16 .i .labels,
  .cpx-postgrid .container.length16 .j .labels {
    display: none;
  }
  .cpx-postgrid .container.length16 .c .fa,
  .cpx-postgrid .container.length16 .d .fa,
  .cpx-postgrid .container.length16 .e .fa,
  .cpx-postgrid .container.length16 .h .fa,
  .cpx-postgrid .container.length16 .i .fa,
  .cpx-postgrid .container.length16 .j .fa {
    display: none;
  }
  .cpx-postgrid .container.length16 .c .summary,
  .cpx-postgrid .container.length16 .d .summary,
  .cpx-postgrid .container.length16 .e .summary,
  .cpx-postgrid .container.length16 .h .summary,
  .cpx-postgrid .container.length16 .i .summary,
  .cpx-postgrid .container.length16 .j .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .c h1,
  .cpx-postgrid .container.length16 .d h1,
  .cpx-postgrid .container.length16 .e h1,
  .cpx-postgrid .container.length16 .h h1,
  .cpx-postgrid .container.length16 .i h1,
  .cpx-postgrid .container.length16 .j h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length16 .c p,
  .cpx-postgrid .container.length16 .d p,
  .cpx-postgrid .container.length16 .e p,
  .cpx-postgrid .container.length16 .h p,
  .cpx-postgrid .container.length16 .i p,
  .cpx-postgrid .container.length16 .j p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .c.griditem,
  .cpx-postgrid .container.length16 .d.griditem,
  .cpx-postgrid .container.length16 .e.griditem,
  .cpx-postgrid .container.length16 .h.griditem,
  .cpx-postgrid .container.length16 .i.griditem,
  .cpx-postgrid .container.length16 .j.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length16 .c .hover,
  .cpx-postgrid .container.length16 .d .hover,
  .cpx-postgrid .container.length16 .e .hover,
  .cpx-postgrid .container.length16 .h .hover,
  .cpx-postgrid .container.length16 .i .hover,
  .cpx-postgrid .container.length16 .j .hover {
    display: none;
  }
  .cpx-postgrid .container.length16 .c .background,
  .cpx-postgrid .container.length16 .d .background,
  .cpx-postgrid .container.length16 .e .background,
  .cpx-postgrid .container.length16 .h .background,
  .cpx-postgrid .container.length16 .i .background,
  .cpx-postgrid .container.length16 .j .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length16 .c .bottomcontent,
  .cpx-postgrid .container.length16 .d .bottomcontent,
  .cpx-postgrid .container.length16 .e .bottomcontent,
  .cpx-postgrid .container.length16 .h .bottomcontent,
  .cpx-postgrid .container.length16 .i .bottomcontent,
  .cpx-postgrid .container.length16 .j .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length16 .c .bottomcontent .title,
  .cpx-postgrid .container.length16 .d .bottomcontent .title,
  .cpx-postgrid .container.length16 .e .bottomcontent .title,
  .cpx-postgrid .container.length16 .h .bottomcontent .title,
  .cpx-postgrid .container.length16 .i .bottomcontent .title,
  .cpx-postgrid .container.length16 .j .bottomcontent .title,
  .cpx-postgrid .container.length16 .c .bottomcontent .date,
  .cpx-postgrid .container.length16 .d .bottomcontent .date,
  .cpx-postgrid .container.length16 .e .bottomcontent .date,
  .cpx-postgrid .container.length16 .h .bottomcontent .date,
  .cpx-postgrid .container.length16 .i .bottomcontent .date,
  .cpx-postgrid .container.length16 .j .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length16 .c .date,
  .cpx-postgrid .container.length16 .d .date,
  .cpx-postgrid .container.length16 .e .date,
  .cpx-postgrid .container.length16 .h .date,
  .cpx-postgrid .container.length16 .i .date,
  .cpx-postgrid .container.length16 .j .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length16 .c h1,
  .cpx-postgrid .container.length16 .d h1,
  .cpx-postgrid .container.length16 .e h1,
  .cpx-postgrid .container.length16 .h h1,
  .cpx-postgrid .container.length16 .i h1,
  .cpx-postgrid .container.length16 .j h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .c h1.char-length-40,
  .cpx-postgrid .container.length16 .d h1.char-length-40,
  .cpx-postgrid .container.length16 .e h1.char-length-40,
  .cpx-postgrid .container.length16 .h h1.char-length-40,
  .cpx-postgrid .container.length16 .i h1.char-length-40,
  .cpx-postgrid .container.length16 .j h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .c .divider,
  .cpx-postgrid .container.length16 .d .divider,
  .cpx-postgrid .container.length16 .e .divider,
  .cpx-postgrid .container.length16 .h .divider,
  .cpx-postgrid .container.length16 .i .divider,
  .cpx-postgrid .container.length16 .j .divider,
  .cpx-postgrid .container.length16 .c .estimate,
  .cpx-postgrid .container.length16 .d .estimate,
  .cpx-postgrid .container.length16 .e .estimate,
  .cpx-postgrid .container.length16 .h .estimate,
  .cpx-postgrid .container.length16 .i .estimate,
  .cpx-postgrid .container.length16 .j .estimate {
    display: none;
  }
  .fl-row-fixed-width,
  .collectionPosts:not(.homeLatest),
  .collectionPosts .featurePosts {
    max-width: 960px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0 auto;
  }
  .cpx-hero .container,
  .carousel .grid-heading-container,
  .fl-module-cpx_bb_carousel .grid-heading-container {
    width: 960px;
  }
  .cpx-hero .background-video {
    width: 220vw;
  }
  .cpx-single-post.medium {
    width: 298px;
  }
  .grid-heading-container .grid-heading > aside.topic-list {
    display: block;
  }
  .fl-module-cpx_bb_carousel .swiper-container .swiper-slide,
  .carousel .swiper-container .swiper-slide {
    transform: translate3d(-331px, 0px, 0px);
  }
  .cpx-people-grid .container {
    grid-template-columns: repeat(4, 216px);
  }
  .cpx-people-grid .container h1 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container .title .overflow,
  .cpx-postgrid .container .summary .overflow {
    display: none;
  }
  .cpx-postgrid .container .title .overflow_dots,
  .cpx-postgrid .container .summary .overflow_dots {
    display: inline;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  .cpx-postgrid .container.length5 {
    grid-template-columns: repeat(4, 280px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a a b c" "a a b c" "a a b c" "a a d e" "a a d e" "a a d e";
  }
  .cpx-postgrid .container.length5 .a.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .a.card .title.char-length-15,
  .cpx-postgrid .container.length5 .a.card .title.char-length-40,
  .cpx-postgrid .container.length5 .a.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length5 .a .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length5 .a .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length5 .b .hover .char-length-15,
  .cpx-postgrid .container.length5 .c .hover .char-length-15,
  .cpx-postgrid .container.length5 .d .hover .char-length-15,
  .cpx-postgrid .container.length5 .e .hover .char-length-15,
  .cpx-postgrid .container.length5 .b .hover .char-word-12,
  .cpx-postgrid .container.length5 .c .hover .char-word-12,
  .cpx-postgrid .container.length5 .d .hover .char-word-12,
  .cpx-postgrid .container.length5 .e .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b .hover .char-length-40,
  .cpx-postgrid .container.length5 .c .hover .char-length-40,
  .cpx-postgrid .container.length5 .d .hover .char-length-40,
  .cpx-postgrid .container.length5 .e .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .b .author .author-image,
  .cpx-postgrid .container.length5 .c .author .author-image,
  .cpx-postgrid .container.length5 .d .author .author-image,
  .cpx-postgrid .container.length5 .e .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length5 .b .author .author-text,
  .cpx-postgrid .container.length5 .c .author .author-text,
  .cpx-postgrid .container.length5 .d .author .author-text,
  .cpx-postgrid .container.length5 .e .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .b.card .summary,
  .cpx-postgrid .container.length5 .c.card .summary,
  .cpx-postgrid .container.length5 .d.card .summary,
  .cpx-postgrid .container.length5 .e.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .b.card .author,
  .cpx-postgrid .container.length5 .c.card .author,
  .cpx-postgrid .container.length5 .d.card .author,
  .cpx-postgrid .container.length5 .e.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .b.tile .char-length-40,
  .cpx-postgrid .container.length5 .c.tile .char-length-40,
  .cpx-postgrid .container.length5 .d.tile .char-length-40,
  .cpx-postgrid .container.length5 .e.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b.tile .char-word-12,
  .cpx-postgrid .container.length5 .c.tile .char-word-12,
  .cpx-postgrid .container.length5 .d.tile .char-word-12,
  .cpx-postgrid .container.length5 .e.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .e.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .e.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .e.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length5 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length5 .z:hover h1,
  .cpx-postgrid .container.length5 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length5 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length5 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length5 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length5 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length5 .z .bottomcontent .title,
  .cpx-postgrid .container.length5 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length5 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length5 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .z .divider,
  .cpx-postgrid .container.length5 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length4_featured {
    grid-template-columns: repeat(4, 280px);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d";
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .a .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .b .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .c .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .d .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a .author .author-image,
  .cpx-postgrid .container.length4_featured .b .author .author-image,
  .cpx-postgrid .container.length4_featured .c .author .author-image,
  .cpx-postgrid .container.length4_featured .d .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .author .author-text,
  .cpx-postgrid .container.length4_featured .b .author .author-text,
  .cpx-postgrid .container.length4_featured .c .author .author-text,
  .cpx-postgrid .container.length4_featured .d .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .summary,
  .cpx-postgrid .container.length4_featured .b.card .summary,
  .cpx-postgrid .container.length4_featured .c.card .summary,
  .cpx-postgrid .container.length4_featured .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .author,
  .cpx-postgrid .container.length4_featured .b.card .author,
  .cpx-postgrid .container.length4_featured .c.card .author,
  .cpx-postgrid .container.length4_featured .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .b.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .c.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length4_featured .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length4_featured .z:hover h1,
  .cpx-postgrid .container.length4_featured .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length4_featured .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length4_featured .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length4_featured .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length4_featured .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length4_featured .z .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .z .divider,
  .cpx-postgrid .container.length4_featured .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .summary,
  .cpx-postgrid .container.length4_featured .b.card .summary,
  .cpx-postgrid .container.length4_featured .c.card .summary,
  .cpx-postgrid .container.length4_featured .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .author,
  .cpx-postgrid .container.length4_featured .b.card .author,
  .cpx-postgrid .container.length4_featured .c.card .author,
  .cpx-postgrid .container.length4_featured .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .b.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .c.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .griditem:hover .hover {
    background-color: black;
  }
  .cpx-postgrid .container.length3 {
    grid-template-columns: repeat(1, 280px);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a" "b" "c";
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40,
  .cpx-postgrid .container.length3 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length3 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length3 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15,
  .cpx-postgrid .container.length3 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a,
  .cpx-postgrid .container.length3 .b,
  .cpx-postgrid .container.length3 .c {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length3 .a:hover,
  .cpx-postgrid .container.length3 .b:hover,
  .cpx-postgrid .container.length3 .c:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length3 .a:hover h1,
  .cpx-postgrid .container.length3 .b:hover h1,
  .cpx-postgrid .container.length3 .c:hover h1,
  .cpx-postgrid .container.length3 .a:hover p,
  .cpx-postgrid .container.length3 .b:hover p,
  .cpx-postgrid .container.length3 .c:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length3 .a .labels,
  .cpx-postgrid .container.length3 .b .labels,
  .cpx-postgrid .container.length3 .c .labels {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .fa,
  .cpx-postgrid .container.length3 .b .fa,
  .cpx-postgrid .container.length3 .c .fa {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .summary,
  .cpx-postgrid .container.length3 .b .summary,
  .cpx-postgrid .container.length3 .c .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length3 .a p,
  .cpx-postgrid .container.length3 .b p,
  .cpx-postgrid .container.length3 .c p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .a.griditem,
  .cpx-postgrid .container.length3 .b.griditem,
  .cpx-postgrid .container.length3 .c.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length3 .a .hover,
  .cpx-postgrid .container.length3 .b .hover,
  .cpx-postgrid .container.length3 .c .hover {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .background,
  .cpx-postgrid .container.length3 .b .background,
  .cpx-postgrid .container.length3 .c .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent,
  .cpx-postgrid .container.length3 .b .bottomcontent,
  .cpx-postgrid .container.length3 .c .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent .title,
  .cpx-postgrid .container.length3 .b .bottomcontent .title,
  .cpx-postgrid .container.length3 .c .bottomcontent .title,
  .cpx-postgrid .container.length3 .a .bottomcontent .date,
  .cpx-postgrid .container.length3 .b .bottomcontent .date,
  .cpx-postgrid .container.length3 .c .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length3 .a .date,
  .cpx-postgrid .container.length3 .b .date,
  .cpx-postgrid .container.length3 .c .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .a .divider,
  .cpx-postgrid .container.length3 .b .divider,
  .cpx-postgrid .container.length3 .c .divider,
  .cpx-postgrid .container.length3 .a .estimate,
  .cpx-postgrid .container.length3 .b .estimate,
  .cpx-postgrid .container.length3 .c .estimate {
    display: none;
  }
  .cpx-postgrid .container.length7 {
    grid-template-columns: repeat(4, 280px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a a b b" "a a b b" "a a b b" "c d e e" "c d f f" "c d g g";
  }
  .cpx-postgrid .container.length7 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .z.card .title.char-length-15,
  .cpx-postgrid .container.length7 .z.card .title.char-length-40,
  .cpx-postgrid .container.length7 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length7 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length7 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-15,
  .cpx-postgrid .container.length7 .b .hover .char-length-15,
  .cpx-postgrid .container.length7 .c .hover .char-length-15,
  .cpx-postgrid .container.length7 .d .hover .char-length-15,
  .cpx-postgrid .container.length7 .a .hover .char-word-12,
  .cpx-postgrid .container.length7 .b .hover .char-word-12,
  .cpx-postgrid .container.length7 .c .hover .char-word-12,
  .cpx-postgrid .container.length7 .d .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .hover .char-length-40,
  .cpx-postgrid .container.length7 .b .hover .char-length-40,
  .cpx-postgrid .container.length7 .c .hover .char-length-40,
  .cpx-postgrid .container.length7 .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-image,
  .cpx-postgrid .container.length7 .b .author .author-image,
  .cpx-postgrid .container.length7 .c .author .author-image,
  .cpx-postgrid .container.length7 .d .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length7 .a .author .author-text,
  .cpx-postgrid .container.length7 .b .author .author-text,
  .cpx-postgrid .container.length7 .c .author .author-text,
  .cpx-postgrid .container.length7 .d .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .a.card .summary,
  .cpx-postgrid .container.length7 .b.card .summary,
  .cpx-postgrid .container.length7 .c.card .summary,
  .cpx-postgrid .container.length7 .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .a.card .author,
  .cpx-postgrid .container.length7 .b.card .author,
  .cpx-postgrid .container.length7 .c.card .author,
  .cpx-postgrid .container.length7 .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .char-word-12,
  .cpx-postgrid .container.length7 .b.tile .char-word-12,
  .cpx-postgrid .container.length7 .c.tile .char-word-12,
  .cpx-postgrid .container.length7 .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .d.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e,
  .cpx-postgrid .container.length7 .f,
  .cpx-postgrid .container.length7 .g {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length7 .e:hover,
  .cpx-postgrid .container.length7 .f:hover,
  .cpx-postgrid .container.length7 .g:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length7 .e:hover h1,
  .cpx-postgrid .container.length7 .f:hover h1,
  .cpx-postgrid .container.length7 .g:hover h1,
  .cpx-postgrid .container.length7 .e:hover p,
  .cpx-postgrid .container.length7 .f:hover p,
  .cpx-postgrid .container.length7 .g:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length7 .e .labels,
  .cpx-postgrid .container.length7 .f .labels,
  .cpx-postgrid .container.length7 .g .labels {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .fa,
  .cpx-postgrid .container.length7 .f .fa,
  .cpx-postgrid .container.length7 .g .fa {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .summary,
  .cpx-postgrid .container.length7 .f .summary,
  .cpx-postgrid .container.length7 .g .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length7 .e p,
  .cpx-postgrid .container.length7 .f p,
  .cpx-postgrid .container.length7 .g p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .e.griditem,
  .cpx-postgrid .container.length7 .f.griditem,
  .cpx-postgrid .container.length7 .g.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length7 .e .hover,
  .cpx-postgrid .container.length7 .f .hover,
  .cpx-postgrid .container.length7 .g .hover {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .background,
  .cpx-postgrid .container.length7 .f .background,
  .cpx-postgrid .container.length7 .g .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length7 .e .bottomcontent,
  .cpx-postgrid .container.length7 .f .bottomcontent,
  .cpx-postgrid .container.length7 .g .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length7 .e .bottomcontent .title,
  .cpx-postgrid .container.length7 .f .bottomcontent .title,
  .cpx-postgrid .container.length7 .g .bottomcontent .title,
  .cpx-postgrid .container.length7 .e .bottomcontent .date,
  .cpx-postgrid .container.length7 .f .bottomcontent .date,
  .cpx-postgrid .container.length7 .g .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length7 .e .date,
  .cpx-postgrid .container.length7 .f .date,
  .cpx-postgrid .container.length7 .g .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .e .divider,
  .cpx-postgrid .container.length7 .f .divider,
  .cpx-postgrid .container.length7 .g .divider,
  .cpx-postgrid .container.length7 .e .estimate,
  .cpx-postgrid .container.length7 .f .estimate,
  .cpx-postgrid .container.length7 .g .estimate {
    display: none;
  }
  .cpx-postgrid .container.length8 {
    grid-template-columns: repeat(4, 280px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d" "e f g h" "e f g h" "e f g h";
  }
  .cpx-postgrid .container.length8 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .z.card .title.char-length-15,
  .cpx-postgrid .container.length8 .z.card .title.char-length-40,
  .cpx-postgrid .container.length8 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length8 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length8 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length8 .a .hover .char-length-15,
  .cpx-postgrid .container.length8 .b .hover .char-length-15,
  .cpx-postgrid .container.length8 .c .hover .char-length-15,
  .cpx-postgrid .container.length8 .d .hover .char-length-15,
  .cpx-postgrid .container.length8 .e .hover .char-length-15,
  .cpx-postgrid .container.length8 .f .hover .char-length-15,
  .cpx-postgrid .container.length8 .g .hover .char-length-15,
  .cpx-postgrid .container.length8 .h .hover .char-length-15,
  .cpx-postgrid .container.length8 .a .hover .char-word-12,
  .cpx-postgrid .container.length8 .b .hover .char-word-12,
  .cpx-postgrid .container.length8 .c .hover .char-word-12,
  .cpx-postgrid .container.length8 .d .hover .char-word-12,
  .cpx-postgrid .container.length8 .e .hover .char-word-12,
  .cpx-postgrid .container.length8 .f .hover .char-word-12,
  .cpx-postgrid .container.length8 .g .hover .char-word-12,
  .cpx-postgrid .container.length8 .h .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .hover .char-length-40,
  .cpx-postgrid .container.length8 .b .hover .char-length-40,
  .cpx-postgrid .container.length8 .c .hover .char-length-40,
  .cpx-postgrid .container.length8 .d .hover .char-length-40,
  .cpx-postgrid .container.length8 .e .hover .char-length-40,
  .cpx-postgrid .container.length8 .f .hover .char-length-40,
  .cpx-postgrid .container.length8 .g .hover .char-length-40,
  .cpx-postgrid .container.length8 .h .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .a .author .author-image,
  .cpx-postgrid .container.length8 .b .author .author-image,
  .cpx-postgrid .container.length8 .c .author .author-image,
  .cpx-postgrid .container.length8 .d .author .author-image,
  .cpx-postgrid .container.length8 .e .author .author-image,
  .cpx-postgrid .container.length8 .f .author .author-image,
  .cpx-postgrid .container.length8 .g .author .author-image,
  .cpx-postgrid .container.length8 .h .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length8 .a .author .author-text,
  .cpx-postgrid .container.length8 .b .author .author-text,
  .cpx-postgrid .container.length8 .c .author .author-text,
  .cpx-postgrid .container.length8 .d .author .author-text,
  .cpx-postgrid .container.length8 .e .author .author-text,
  .cpx-postgrid .container.length8 .f .author .author-text,
  .cpx-postgrid .container.length8 .g .author .author-text,
  .cpx-postgrid .container.length8 .h .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .a.card .summary,
  .cpx-postgrid .container.length8 .b.card .summary,
  .cpx-postgrid .container.length8 .c.card .summary,
  .cpx-postgrid .container.length8 .d.card .summary,
  .cpx-postgrid .container.length8 .e.card .summary,
  .cpx-postgrid .container.length8 .f.card .summary,
  .cpx-postgrid .container.length8 .g.card .summary,
  .cpx-postgrid .container.length8 .h.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .a.card .author,
  .cpx-postgrid .container.length8 .b.card .author,
  .cpx-postgrid .container.length8 .c.card .author,
  .cpx-postgrid .container.length8 .d.card .author,
  .cpx-postgrid .container.length8 .e.card .author,
  .cpx-postgrid .container.length8 .f.card .author,
  .cpx-postgrid .container.length8 .g.card .author,
  .cpx-postgrid .container.length8 .h.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.tile .char-length-40,
  .cpx-postgrid .container.length8 .b.tile .char-length-40,
  .cpx-postgrid .container.length8 .c.tile .char-length-40,
  .cpx-postgrid .container.length8 .d.tile .char-length-40,
  .cpx-postgrid .container.length8 .e.tile .char-length-40,
  .cpx-postgrid .container.length8 .f.tile .char-length-40,
  .cpx-postgrid .container.length8 .g.tile .char-length-40,
  .cpx-postgrid .container.length8 .h.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .char-word-12,
  .cpx-postgrid .container.length8 .b.tile .char-word-12,
  .cpx-postgrid .container.length8 .c.tile .char-word-12,
  .cpx-postgrid .container.length8 .d.tile .char-word-12,
  .cpx-postgrid .container.length8 .e.tile .char-word-12,
  .cpx-postgrid .container.length8 .f.tile .char-word-12,
  .cpx-postgrid .container.length8 .g.tile .char-word-12,
  .cpx-postgrid .container.length8 .h.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .h.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .h.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .h.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length8 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length8 .z:hover h1,
  .cpx-postgrid .container.length8 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length8 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length8 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length8 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length8 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length8 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length8 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length8 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length8 .z .bottomcontent .title,
  .cpx-postgrid .container.length8 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length8 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length8 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .z .divider,
  .cpx-postgrid .container.length8 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length12 {
    grid-template-columns: repeat(4, 280px);
    grid-template-rows: repeat(9, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d" "e f g h" "e f g h" "e f g h" "i j k l" "i j k l" "i j k l";
  }
  .cpx-postgrid .container.length12 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length12 .z.card .title.char-length-15,
  .cpx-postgrid .container.length12 .z.card .title.char-length-40,
  .cpx-postgrid .container.length12 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length12 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length12 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-15,
  .cpx-postgrid .container.length12 .b .hover .char-length-15,
  .cpx-postgrid .container.length12 .c .hover .char-length-15,
  .cpx-postgrid .container.length12 .d .hover .char-length-15,
  .cpx-postgrid .container.length12 .e .hover .char-length-15,
  .cpx-postgrid .container.length12 .f .hover .char-length-15,
  .cpx-postgrid .container.length12 .g .hover .char-length-15,
  .cpx-postgrid .container.length12 .h .hover .char-length-15,
  .cpx-postgrid .container.length12 .i .hover .char-length-15,
  .cpx-postgrid .container.length12 .j .hover .char-length-15,
  .cpx-postgrid .container.length12 .k .hover .char-length-15,
  .cpx-postgrid .container.length12 .l .hover .char-length-15,
  .cpx-postgrid .container.length12 .a .hover .char-word-12,
  .cpx-postgrid .container.length12 .b .hover .char-word-12,
  .cpx-postgrid .container.length12 .c .hover .char-word-12,
  .cpx-postgrid .container.length12 .d .hover .char-word-12,
  .cpx-postgrid .container.length12 .e .hover .char-word-12,
  .cpx-postgrid .container.length12 .f .hover .char-word-12,
  .cpx-postgrid .container.length12 .g .hover .char-word-12,
  .cpx-postgrid .container.length12 .h .hover .char-word-12,
  .cpx-postgrid .container.length12 .i .hover .char-word-12,
  .cpx-postgrid .container.length12 .j .hover .char-word-12,
  .cpx-postgrid .container.length12 .k .hover .char-word-12,
  .cpx-postgrid .container.length12 .l .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-40,
  .cpx-postgrid .container.length12 .b .hover .char-length-40,
  .cpx-postgrid .container.length12 .c .hover .char-length-40,
  .cpx-postgrid .container.length12 .d .hover .char-length-40,
  .cpx-postgrid .container.length12 .e .hover .char-length-40,
  .cpx-postgrid .container.length12 .f .hover .char-length-40,
  .cpx-postgrid .container.length12 .g .hover .char-length-40,
  .cpx-postgrid .container.length12 .h .hover .char-length-40,
  .cpx-postgrid .container.length12 .i .hover .char-length-40,
  .cpx-postgrid .container.length12 .j .hover .char-length-40,
  .cpx-postgrid .container.length12 .k .hover .char-length-40,
  .cpx-postgrid .container.length12 .l .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-image,
  .cpx-postgrid .container.length12 .b .author .author-image,
  .cpx-postgrid .container.length12 .c .author .author-image,
  .cpx-postgrid .container.length12 .d .author .author-image,
  .cpx-postgrid .container.length12 .e .author .author-image,
  .cpx-postgrid .container.length12 .f .author .author-image,
  .cpx-postgrid .container.length12 .g .author .author-image,
  .cpx-postgrid .container.length12 .h .author .author-image,
  .cpx-postgrid .container.length12 .i .author .author-image,
  .cpx-postgrid .container.length12 .j .author .author-image,
  .cpx-postgrid .container.length12 .k .author .author-image,
  .cpx-postgrid .container.length12 .l .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-text,
  .cpx-postgrid .container.length12 .b .author .author-text,
  .cpx-postgrid .container.length12 .c .author .author-text,
  .cpx-postgrid .container.length12 .d .author .author-text,
  .cpx-postgrid .container.length12 .e .author .author-text,
  .cpx-postgrid .container.length12 .f .author .author-text,
  .cpx-postgrid .container.length12 .g .author .author-text,
  .cpx-postgrid .container.length12 .h .author .author-text,
  .cpx-postgrid .container.length12 .i .author .author-text,
  .cpx-postgrid .container.length12 .j .author .author-text,
  .cpx-postgrid .container.length12 .k .author .author-text,
  .cpx-postgrid .container.length12 .l .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .a.card .summary,
  .cpx-postgrid .container.length12 .b.card .summary,
  .cpx-postgrid .container.length12 .c.card .summary,
  .cpx-postgrid .container.length12 .d.card .summary,
  .cpx-postgrid .container.length12 .e.card .summary,
  .cpx-postgrid .container.length12 .f.card .summary,
  .cpx-postgrid .container.length12 .g.card .summary,
  .cpx-postgrid .container.length12 .h.card .summary,
  .cpx-postgrid .container.length12 .i.card .summary,
  .cpx-postgrid .container.length12 .j.card .summary,
  .cpx-postgrid .container.length12 .k.card .summary,
  .cpx-postgrid .container.length12 .l.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .a.card .author,
  .cpx-postgrid .container.length12 .b.card .author,
  .cpx-postgrid .container.length12 .c.card .author,
  .cpx-postgrid .container.length12 .d.card .author,
  .cpx-postgrid .container.length12 .e.card .author,
  .cpx-postgrid .container.length12 .f.card .author,
  .cpx-postgrid .container.length12 .g.card .author,
  .cpx-postgrid .container.length12 .h.card .author,
  .cpx-postgrid .container.length12 .i.card .author,
  .cpx-postgrid .container.length12 .j.card .author,
  .cpx-postgrid .container.length12 .k.card .author,
  .cpx-postgrid .container.length12 .l.card .author {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .char-word-12,
  .cpx-postgrid .container.length12 .b.tile .char-word-12,
  .cpx-postgrid .container.length12 .c.tile .char-word-12,
  .cpx-postgrid .container.length12 .d.tile .char-word-12,
  .cpx-postgrid .container.length12 .e.tile .char-word-12,
  .cpx-postgrid .container.length12 .f.tile .char-word-12,
  .cpx-postgrid .container.length12 .g.tile .char-word-12,
  .cpx-postgrid .container.length12 .h.tile .char-word-12,
  .cpx-postgrid .container.length12 .i.tile .char-word-12,
  .cpx-postgrid .container.length12 .j.tile .char-word-12,
  .cpx-postgrid .container.length12 .k.tile .char-word-12,
  .cpx-postgrid .container.length12 .l.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length12 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length12 .z:hover h1,
  .cpx-postgrid .container.length12 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length12 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length12 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length12 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent .title,
  .cpx-postgrid .container.length12 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length12 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length12 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .z .divider,
  .cpx-postgrid .container.length12 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length16 {
    grid-template-columns: repeat(4, 280px);
    grid-template-rows: repeat(12, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d" "e f g h" "e f g h" "e f g h" "i j k l" "i j k l" "i j k l" "m n o p" "m n o p" "m n o p";
  }
  .cpx-postgrid .container.length16 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length16 .z.card .title.char-length-15,
  .cpx-postgrid .container.length16 .z.card .title.char-length-40,
  .cpx-postgrid .container.length16 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length16 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length16 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-15,
  .cpx-postgrid .container.length16 .b .hover .char-length-15,
  .cpx-postgrid .container.length16 .c .hover .char-length-15,
  .cpx-postgrid .container.length16 .d .hover .char-length-15,
  .cpx-postgrid .container.length16 .e .hover .char-length-15,
  .cpx-postgrid .container.length16 .f .hover .char-length-15,
  .cpx-postgrid .container.length16 .g .hover .char-length-15,
  .cpx-postgrid .container.length16 .h .hover .char-length-15,
  .cpx-postgrid .container.length16 .i .hover .char-length-15,
  .cpx-postgrid .container.length16 .j .hover .char-length-15,
  .cpx-postgrid .container.length16 .k .hover .char-length-15,
  .cpx-postgrid .container.length16 .l .hover .char-length-15,
  .cpx-postgrid .container.length16 .m .hover .char-length-15,
  .cpx-postgrid .container.length16 .n .hover .char-length-15,
  .cpx-postgrid .container.length16 .o .hover .char-length-15,
  .cpx-postgrid .container.length16 .p .hover .char-length-15,
  .cpx-postgrid .container.length16 .a .hover .char-word-12,
  .cpx-postgrid .container.length16 .b .hover .char-word-12,
  .cpx-postgrid .container.length16 .c .hover .char-word-12,
  .cpx-postgrid .container.length16 .d .hover .char-word-12,
  .cpx-postgrid .container.length16 .e .hover .char-word-12,
  .cpx-postgrid .container.length16 .f .hover .char-word-12,
  .cpx-postgrid .container.length16 .g .hover .char-word-12,
  .cpx-postgrid .container.length16 .h .hover .char-word-12,
  .cpx-postgrid .container.length16 .i .hover .char-word-12,
  .cpx-postgrid .container.length16 .j .hover .char-word-12,
  .cpx-postgrid .container.length16 .k .hover .char-word-12,
  .cpx-postgrid .container.length16 .l .hover .char-word-12,
  .cpx-postgrid .container.length16 .m .hover .char-word-12,
  .cpx-postgrid .container.length16 .n .hover .char-word-12,
  .cpx-postgrid .container.length16 .o .hover .char-word-12,
  .cpx-postgrid .container.length16 .p .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-40,
  .cpx-postgrid .container.length16 .b .hover .char-length-40,
  .cpx-postgrid .container.length16 .c .hover .char-length-40,
  .cpx-postgrid .container.length16 .d .hover .char-length-40,
  .cpx-postgrid .container.length16 .e .hover .char-length-40,
  .cpx-postgrid .container.length16 .f .hover .char-length-40,
  .cpx-postgrid .container.length16 .g .hover .char-length-40,
  .cpx-postgrid .container.length16 .h .hover .char-length-40,
  .cpx-postgrid .container.length16 .i .hover .char-length-40,
  .cpx-postgrid .container.length16 .j .hover .char-length-40,
  .cpx-postgrid .container.length16 .k .hover .char-length-40,
  .cpx-postgrid .container.length16 .l .hover .char-length-40,
  .cpx-postgrid .container.length16 .m .hover .char-length-40,
  .cpx-postgrid .container.length16 .n .hover .char-length-40,
  .cpx-postgrid .container.length16 .o .hover .char-length-40,
  .cpx-postgrid .container.length16 .p .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-image,
  .cpx-postgrid .container.length16 .b .author .author-image,
  .cpx-postgrid .container.length16 .c .author .author-image,
  .cpx-postgrid .container.length16 .d .author .author-image,
  .cpx-postgrid .container.length16 .e .author .author-image,
  .cpx-postgrid .container.length16 .f .author .author-image,
  .cpx-postgrid .container.length16 .g .author .author-image,
  .cpx-postgrid .container.length16 .h .author .author-image,
  .cpx-postgrid .container.length16 .i .author .author-image,
  .cpx-postgrid .container.length16 .j .author .author-image,
  .cpx-postgrid .container.length16 .k .author .author-image,
  .cpx-postgrid .container.length16 .l .author .author-image,
  .cpx-postgrid .container.length16 .m .author .author-image,
  .cpx-postgrid .container.length16 .n .author .author-image,
  .cpx-postgrid .container.length16 .o .author .author-image,
  .cpx-postgrid .container.length16 .p .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-text,
  .cpx-postgrid .container.length16 .b .author .author-text,
  .cpx-postgrid .container.length16 .c .author .author-text,
  .cpx-postgrid .container.length16 .d .author .author-text,
  .cpx-postgrid .container.length16 .e .author .author-text,
  .cpx-postgrid .container.length16 .f .author .author-text,
  .cpx-postgrid .container.length16 .g .author .author-text,
  .cpx-postgrid .container.length16 .h .author .author-text,
  .cpx-postgrid .container.length16 .i .author .author-text,
  .cpx-postgrid .container.length16 .j .author .author-text,
  .cpx-postgrid .container.length16 .k .author .author-text,
  .cpx-postgrid .container.length16 .l .author .author-text,
  .cpx-postgrid .container.length16 .m .author .author-text,
  .cpx-postgrid .container.length16 .n .author .author-text,
  .cpx-postgrid .container.length16 .o .author .author-text,
  .cpx-postgrid .container.length16 .p .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .a.card .summary,
  .cpx-postgrid .container.length16 .b.card .summary,
  .cpx-postgrid .container.length16 .c.card .summary,
  .cpx-postgrid .container.length16 .d.card .summary,
  .cpx-postgrid .container.length16 .e.card .summary,
  .cpx-postgrid .container.length16 .f.card .summary,
  .cpx-postgrid .container.length16 .g.card .summary,
  .cpx-postgrid .container.length16 .h.card .summary,
  .cpx-postgrid .container.length16 .i.card .summary,
  .cpx-postgrid .container.length16 .j.card .summary,
  .cpx-postgrid .container.length16 .k.card .summary,
  .cpx-postgrid .container.length16 .l.card .summary,
  .cpx-postgrid .container.length16 .m.card .summary,
  .cpx-postgrid .container.length16 .n.card .summary,
  .cpx-postgrid .container.length16 .o.card .summary,
  .cpx-postgrid .container.length16 .p.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .a.card .author,
  .cpx-postgrid .container.length16 .b.card .author,
  .cpx-postgrid .container.length16 .c.card .author,
  .cpx-postgrid .container.length16 .d.card .author,
  .cpx-postgrid .container.length16 .e.card .author,
  .cpx-postgrid .container.length16 .f.card .author,
  .cpx-postgrid .container.length16 .g.card .author,
  .cpx-postgrid .container.length16 .h.card .author,
  .cpx-postgrid .container.length16 .i.card .author,
  .cpx-postgrid .container.length16 .j.card .author,
  .cpx-postgrid .container.length16 .k.card .author,
  .cpx-postgrid .container.length16 .l.card .author,
  .cpx-postgrid .container.length16 .m.card .author,
  .cpx-postgrid .container.length16 .n.card .author,
  .cpx-postgrid .container.length16 .o.card .author,
  .cpx-postgrid .container.length16 .p.card .author {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .char-length-40,
  .cpx-postgrid .container.length16 .b.tile .char-length-40,
  .cpx-postgrid .container.length16 .c.tile .char-length-40,
  .cpx-postgrid .container.length16 .d.tile .char-length-40,
  .cpx-postgrid .container.length16 .e.tile .char-length-40,
  .cpx-postgrid .container.length16 .f.tile .char-length-40,
  .cpx-postgrid .container.length16 .g.tile .char-length-40,
  .cpx-postgrid .container.length16 .h.tile .char-length-40,
  .cpx-postgrid .container.length16 .i.tile .char-length-40,
  .cpx-postgrid .container.length16 .j.tile .char-length-40,
  .cpx-postgrid .container.length16 .k.tile .char-length-40,
  .cpx-postgrid .container.length16 .l.tile .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .char-length-40,
  .cpx-postgrid .container.length16 .n.tile .char-length-40,
  .cpx-postgrid .container.length16 .o.tile .char-length-40,
  .cpx-postgrid .container.length16 .p.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .char-word-12,
  .cpx-postgrid .container.length16 .b.tile .char-word-12,
  .cpx-postgrid .container.length16 .c.tile .char-word-12,
  .cpx-postgrid .container.length16 .d.tile .char-word-12,
  .cpx-postgrid .container.length16 .e.tile .char-word-12,
  .cpx-postgrid .container.length16 .f.tile .char-word-12,
  .cpx-postgrid .container.length16 .g.tile .char-word-12,
  .cpx-postgrid .container.length16 .h.tile .char-word-12,
  .cpx-postgrid .container.length16 .i.tile .char-word-12,
  .cpx-postgrid .container.length16 .j.tile .char-word-12,
  .cpx-postgrid .container.length16 .k.tile .char-word-12,
  .cpx-postgrid .container.length16 .l.tile .char-word-12,
  .cpx-postgrid .container.length16 .m.tile .char-word-12,
  .cpx-postgrid .container.length16 .n.tile .char-word-12,
  .cpx-postgrid .container.length16 .o.tile .char-word-12,
  .cpx-postgrid .container.length16 .p.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .j.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .n.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .o.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .p.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .h.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .j.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .l.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .n.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .o.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .p.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .h.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .j.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .l.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .n.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .o.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .p.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .h.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .j.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .l.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .n.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .o.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .p.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length16 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length16 .z:hover h1,
  .cpx-postgrid .container.length16 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length16 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length16 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length16 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length16 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length16 .z .bottomcontent .title,
  .cpx-postgrid .container.length16 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length16 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length16 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .z .divider,
  .cpx-postgrid .container.length16 .z .estimate {
    display: none;
  }
  .fl-row-fixed-width,
  .collectionPosts:not(.homeLatest),
  .collectionPosts .featurePosts {
    max-width: 1216px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0 auto;
  }
  .cpx-hero .container,
  .carousel .grid-heading-container,
  .fl-module-cpx_bb_carousel .grid-heading-container {
    width: 1216px;
  }
  .cpx-hero .background-video {
    width: 120vw;
  }
  .cpx-single-post.medium {
    width: 280px;
  }
  .grid-heading-container .grid-heading > aside.topic-list {
    display: block;
  }
  .fl-module-cpx_bb_carousel .swiper-container .swiper-slide,
  .carousel .swiper-container .swiper-slide {
    transform: translate3d(-468px, 0px, 0px);
  }
  .cpx-people-grid .container {
    grid-template-columns: repeat(4, 280px);
  }
}
@media only screen and (min-width: 1440px) {
  .cpx-postgrid .container.length4_featured {
    grid-template-columns: repeat(4, 320px);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d";
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .a .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .b .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .c .hover .char-word-12,
  .cpx-postgrid .container.length4_featured .d .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a .author .author-image,
  .cpx-postgrid .container.length4_featured .b .author .author-image,
  .cpx-postgrid .container.length4_featured .c .author .author-image,
  .cpx-postgrid .container.length4_featured .d .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .author .author-text,
  .cpx-postgrid .container.length4_featured .b .author .author-text,
  .cpx-postgrid .container.length4_featured .c .author .author-text,
  .cpx-postgrid .container.length4_featured .d .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .summary,
  .cpx-postgrid .container.length4_featured .b.card .summary,
  .cpx-postgrid .container.length4_featured .c.card .summary,
  .cpx-postgrid .container.length4_featured .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .author,
  .cpx-postgrid .container.length4_featured .b.card .author,
  .cpx-postgrid .container.length4_featured .c.card .author,
  .cpx-postgrid .container.length4_featured .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .b.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .c.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length4_featured .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length4_featured .z:hover h1,
  .cpx-postgrid .container.length4_featured .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length4_featured .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length4_featured .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length4_featured .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length4_featured .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length4_featured .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length4_featured .z .bottomcontent .title,
  .cpx-postgrid .container.length4_featured .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length4_featured .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .z .divider,
  .cpx-postgrid .container.length4_featured .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-15,
  .cpx-postgrid .container.length4_featured .z.card .title.char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .z .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length4_featured .z .title.char-length-40,
  .cpx-postgrid .container.length4_featured .z .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-15,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .b .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .c .hover .char-length-40,
  .cpx-postgrid .container.length4_featured .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .summary,
  .cpx-postgrid .container.length4_featured .b.card .summary,
  .cpx-postgrid .container.length4_featured .c.card .summary,
  .cpx-postgrid .container.length4_featured .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .a.card .author,
  .cpx-postgrid .container.length4_featured .b.card .author,
  .cpx-postgrid .container.length4_featured .c.card .author,
  .cpx-postgrid .container.length4_featured .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-15,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-15 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .b.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .c.tile .char-length-40,
  .cpx-postgrid .container.length4_featured .d.tile .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .b.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .c.tile .char-word-12,
  .cpx-postgrid .container.length4_featured .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length4_featured .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length4_featured .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length4_featured .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length4_featured .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length4_featured .griditem:hover .hover {
    background-color: black;
  }
  .cpx-postgrid .container.length5 {
    grid-template-columns: repeat(4, 320px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a a b c" "a a b c" "a a b c" "a a d e" "a a d e" "a a d e";
  }
  .cpx-postgrid .container.length5 .a.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length5 .a.card .title.char-length-15,
  .cpx-postgrid .container.length5 .a.card .title.char-length-40,
  .cpx-postgrid .container.length5 .a.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .a .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length5 .a .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length5 .a .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length5 .b .hover .char-length-15,
  .cpx-postgrid .container.length5 .c .hover .char-length-15,
  .cpx-postgrid .container.length5 .d .hover .char-length-15,
  .cpx-postgrid .container.length5 .e .hover .char-length-15,
  .cpx-postgrid .container.length5 .b .hover .char-word-12,
  .cpx-postgrid .container.length5 .c .hover .char-word-12,
  .cpx-postgrid .container.length5 .d .hover .char-word-12,
  .cpx-postgrid .container.length5 .e .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b .hover .char-length-40,
  .cpx-postgrid .container.length5 .c .hover .char-length-40,
  .cpx-postgrid .container.length5 .d .hover .char-length-40,
  .cpx-postgrid .container.length5 .e .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .b .author .author-image,
  .cpx-postgrid .container.length5 .c .author .author-image,
  .cpx-postgrid .container.length5 .d .author .author-image,
  .cpx-postgrid .container.length5 .e .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length5 .b .author .author-text,
  .cpx-postgrid .container.length5 .c .author .author-text,
  .cpx-postgrid .container.length5 .d .author .author-text,
  .cpx-postgrid .container.length5 .e .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .b.card .summary,
  .cpx-postgrid .container.length5 .c.card .summary,
  .cpx-postgrid .container.length5 .d.card .summary,
  .cpx-postgrid .container.length5 .e.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .b.card .author,
  .cpx-postgrid .container.length5 .c.card .author,
  .cpx-postgrid .container.length5 .d.card .author,
  .cpx-postgrid .container.length5 .e.card .author {
    display: none;
  }
  .cpx-postgrid .container.length5 .b.tile .char-length-40,
  .cpx-postgrid .container.length5 .c.tile .char-length-40,
  .cpx-postgrid .container.length5 .d.tile .char-length-40,
  .cpx-postgrid .container.length5 .e.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b.tile .char-word-12,
  .cpx-postgrid .container.length5 .c.tile .char-word-12,
  .cpx-postgrid .container.length5 .d.tile .char-word-12,
  .cpx-postgrid .container.length5 .e.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length5 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length5 .e.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length5 .e.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length5 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length5 .e.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length5 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length5 .z:hover h1,
  .cpx-postgrid .container.length5 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length5 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length5 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length5 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length5 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length5 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length5 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length5 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length5 .z .bottomcontent .title,
  .cpx-postgrid .container.length5 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length5 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length5 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length5 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length5 .z .divider,
  .cpx-postgrid .container.length5 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length3 {
    grid-template-columns: repeat(1, 320px);
    grid-template-rows: repeat(3, 80px);
    grid-template-areas: "a" "b" "c";
  }
  .cpx-postgrid .container.length3 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length3 .z.card .title.char-length-15,
  .cpx-postgrid .container.length3 .z.card .title.char-length-40,
  .cpx-postgrid .container.length3 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length3 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length3 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-15,
  .cpx-postgrid .container.length3 .z .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length3 .z .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .z.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .z.card .author {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .date,
  .cpx-postgrid .container.length3 .z.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length3 .z.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a,
  .cpx-postgrid .container.length3 .b,
  .cpx-postgrid .container.length3 .c {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length3 .a:hover,
  .cpx-postgrid .container.length3 .b:hover,
  .cpx-postgrid .container.length3 .c:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length3 .a:hover h1,
  .cpx-postgrid .container.length3 .b:hover h1,
  .cpx-postgrid .container.length3 .c:hover h1,
  .cpx-postgrid .container.length3 .a:hover p,
  .cpx-postgrid .container.length3 .b:hover p,
  .cpx-postgrid .container.length3 .c:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length3 .a .labels,
  .cpx-postgrid .container.length3 .b .labels,
  .cpx-postgrid .container.length3 .c .labels {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .fa,
  .cpx-postgrid .container.length3 .b .fa,
  .cpx-postgrid .container.length3 .c .fa {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .summary,
  .cpx-postgrid .container.length3 .b .summary,
  .cpx-postgrid .container.length3 .c .summary {
    display: none;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length3 .a p,
  .cpx-postgrid .container.length3 .b p,
  .cpx-postgrid .container.length3 .c p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length3 .a.griditem,
  .cpx-postgrid .container.length3 .b.griditem,
  .cpx-postgrid .container.length3 .c.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length3 .a .hover,
  .cpx-postgrid .container.length3 .b .hover,
  .cpx-postgrid .container.length3 .c .hover {
    display: none;
  }
  .cpx-postgrid .container.length3 .a .background,
  .cpx-postgrid .container.length3 .b .background,
  .cpx-postgrid .container.length3 .c .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent,
  .cpx-postgrid .container.length3 .b .bottomcontent,
  .cpx-postgrid .container.length3 .c .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length3 .a .bottomcontent .title,
  .cpx-postgrid .container.length3 .b .bottomcontent .title,
  .cpx-postgrid .container.length3 .c .bottomcontent .title,
  .cpx-postgrid .container.length3 .a .bottomcontent .date,
  .cpx-postgrid .container.length3 .b .bottomcontent .date,
  .cpx-postgrid .container.length3 .c .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length3 .a .date,
  .cpx-postgrid .container.length3 .b .date,
  .cpx-postgrid .container.length3 .c .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length3 .a h1,
  .cpx-postgrid .container.length3 .b h1,
  .cpx-postgrid .container.length3 .c h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length3 .a h1.char-length-40,
  .cpx-postgrid .container.length3 .b h1.char-length-40,
  .cpx-postgrid .container.length3 .c h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length3 .a .divider,
  .cpx-postgrid .container.length3 .b .divider,
  .cpx-postgrid .container.length3 .c .divider,
  .cpx-postgrid .container.length3 .a .estimate,
  .cpx-postgrid .container.length3 .b .estimate,
  .cpx-postgrid .container.length3 .c .estimate {
    display: none;
  }
  .cpx-postgrid .container.length7 {
    grid-template-columns: repeat(4, 320px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a a b c" "a a b c" "a a b c" "a a d e" "a a d f" "a a d g";
  }
  .cpx-postgrid .container.length7 .a.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length7 .a.card .title.char-length-15,
  .cpx-postgrid .container.length7 .a.card .title.char-length-40,
  .cpx-postgrid .container.length7 .a.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .a .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length7 .a .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length7 .a .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length7 .b .hover .char-length-15,
  .cpx-postgrid .container.length7 .c .hover .char-length-15,
  .cpx-postgrid .container.length7 .d .hover .char-length-15,
  .cpx-postgrid .container.length7 .b .hover .char-word-12,
  .cpx-postgrid .container.length7 .c .hover .char-word-12,
  .cpx-postgrid .container.length7 .d .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .b .hover .char-length-40,
  .cpx-postgrid .container.length7 .c .hover .char-length-40,
  .cpx-postgrid .container.length7 .d .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .b .author .author-image,
  .cpx-postgrid .container.length7 .c .author .author-image,
  .cpx-postgrid .container.length7 .d .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length7 .b .author .author-text,
  .cpx-postgrid .container.length7 .c .author .author-text,
  .cpx-postgrid .container.length7 .d .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .b.card .summary,
  .cpx-postgrid .container.length7 .c.card .summary,
  .cpx-postgrid .container.length7 .d.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .b.card .author,
  .cpx-postgrid .container.length7 .c.card .author,
  .cpx-postgrid .container.length7 .d.card .author {
    display: none;
  }
  .cpx-postgrid .container.length7 .b.tile .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .b.tile .char-word-12,
  .cpx-postgrid .container.length7 .c.tile .char-word-12,
  .cpx-postgrid .container.length7 .d.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length7 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length7 .d.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length7 .d.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length7 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length7 .d.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e,
  .cpx-postgrid .container.length7 .f,
  .cpx-postgrid .container.length7 .g {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length7 .e:hover,
  .cpx-postgrid .container.length7 .f:hover,
  .cpx-postgrid .container.length7 .g:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length7 .e:hover h1,
  .cpx-postgrid .container.length7 .f:hover h1,
  .cpx-postgrid .container.length7 .g:hover h1,
  .cpx-postgrid .container.length7 .e:hover p,
  .cpx-postgrid .container.length7 .f:hover p,
  .cpx-postgrid .container.length7 .g:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length7 .e .labels,
  .cpx-postgrid .container.length7 .f .labels,
  .cpx-postgrid .container.length7 .g .labels {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .fa,
  .cpx-postgrid .container.length7 .f .fa,
  .cpx-postgrid .container.length7 .g .fa {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .summary,
  .cpx-postgrid .container.length7 .f .summary,
  .cpx-postgrid .container.length7 .g .summary {
    display: none;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length7 .e p,
  .cpx-postgrid .container.length7 .f p,
  .cpx-postgrid .container.length7 .g p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length7 .e.griditem,
  .cpx-postgrid .container.length7 .f.griditem,
  .cpx-postgrid .container.length7 .g.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length7 .e .hover,
  .cpx-postgrid .container.length7 .f .hover,
  .cpx-postgrid .container.length7 .g .hover {
    display: none;
  }
  .cpx-postgrid .container.length7 .e .background,
  .cpx-postgrid .container.length7 .f .background,
  .cpx-postgrid .container.length7 .g .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length7 .e .bottomcontent,
  .cpx-postgrid .container.length7 .f .bottomcontent,
  .cpx-postgrid .container.length7 .g .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length7 .e .bottomcontent .title,
  .cpx-postgrid .container.length7 .f .bottomcontent .title,
  .cpx-postgrid .container.length7 .g .bottomcontent .title,
  .cpx-postgrid .container.length7 .e .bottomcontent .date,
  .cpx-postgrid .container.length7 .f .bottomcontent .date,
  .cpx-postgrid .container.length7 .g .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length7 .e .date,
  .cpx-postgrid .container.length7 .f .date,
  .cpx-postgrid .container.length7 .g .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length7 .e h1,
  .cpx-postgrid .container.length7 .f h1,
  .cpx-postgrid .container.length7 .g h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length7 .e h1.char-length-40,
  .cpx-postgrid .container.length7 .f h1.char-length-40,
  .cpx-postgrid .container.length7 .g h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length7 .e .divider,
  .cpx-postgrid .container.length7 .f .divider,
  .cpx-postgrid .container.length7 .g .divider,
  .cpx-postgrid .container.length7 .e .estimate,
  .cpx-postgrid .container.length7 .f .estimate,
  .cpx-postgrid .container.length7 .g .estimate {
    display: none;
  }
  .cpx-postgrid .container.length8 {
    grid-template-columns: repeat(4, 320px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d" "e f g h" "e f g h" "e f g h";
  }
  .cpx-postgrid .container.length8 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length8 .z.card .title.char-length-15,
  .cpx-postgrid .container.length8 .z.card .title.char-length-40,
  .cpx-postgrid .container.length8 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length8 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length8 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length8 .a .hover .char-length-15,
  .cpx-postgrid .container.length8 .b .hover .char-length-15,
  .cpx-postgrid .container.length8 .c .hover .char-length-15,
  .cpx-postgrid .container.length8 .d .hover .char-length-15,
  .cpx-postgrid .container.length8 .e .hover .char-length-15,
  .cpx-postgrid .container.length8 .f .hover .char-length-15,
  .cpx-postgrid .container.length8 .g .hover .char-length-15,
  .cpx-postgrid .container.length8 .h .hover .char-length-15,
  .cpx-postgrid .container.length8 .a .hover .char-word-12,
  .cpx-postgrid .container.length8 .b .hover .char-word-12,
  .cpx-postgrid .container.length8 .c .hover .char-word-12,
  .cpx-postgrid .container.length8 .d .hover .char-word-12,
  .cpx-postgrid .container.length8 .e .hover .char-word-12,
  .cpx-postgrid .container.length8 .f .hover .char-word-12,
  .cpx-postgrid .container.length8 .g .hover .char-word-12,
  .cpx-postgrid .container.length8 .h .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a .hover .char-length-40,
  .cpx-postgrid .container.length8 .b .hover .char-length-40,
  .cpx-postgrid .container.length8 .c .hover .char-length-40,
  .cpx-postgrid .container.length8 .d .hover .char-length-40,
  .cpx-postgrid .container.length8 .e .hover .char-length-40,
  .cpx-postgrid .container.length8 .f .hover .char-length-40,
  .cpx-postgrid .container.length8 .g .hover .char-length-40,
  .cpx-postgrid .container.length8 .h .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .a .author .author-image,
  .cpx-postgrid .container.length8 .b .author .author-image,
  .cpx-postgrid .container.length8 .c .author .author-image,
  .cpx-postgrid .container.length8 .d .author .author-image,
  .cpx-postgrid .container.length8 .e .author .author-image,
  .cpx-postgrid .container.length8 .f .author .author-image,
  .cpx-postgrid .container.length8 .g .author .author-image,
  .cpx-postgrid .container.length8 .h .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length8 .a .author .author-text,
  .cpx-postgrid .container.length8 .b .author .author-text,
  .cpx-postgrid .container.length8 .c .author .author-text,
  .cpx-postgrid .container.length8 .d .author .author-text,
  .cpx-postgrid .container.length8 .e .author .author-text,
  .cpx-postgrid .container.length8 .f .author .author-text,
  .cpx-postgrid .container.length8 .g .author .author-text,
  .cpx-postgrid .container.length8 .h .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .a.card .summary,
  .cpx-postgrid .container.length8 .b.card .summary,
  .cpx-postgrid .container.length8 .c.card .summary,
  .cpx-postgrid .container.length8 .d.card .summary,
  .cpx-postgrid .container.length8 .e.card .summary,
  .cpx-postgrid .container.length8 .f.card .summary,
  .cpx-postgrid .container.length8 .g.card .summary,
  .cpx-postgrid .container.length8 .h.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .a.card .author,
  .cpx-postgrid .container.length8 .b.card .author,
  .cpx-postgrid .container.length8 .c.card .author,
  .cpx-postgrid .container.length8 .d.card .author,
  .cpx-postgrid .container.length8 .e.card .author,
  .cpx-postgrid .container.length8 .f.card .author,
  .cpx-postgrid .container.length8 .g.card .author,
  .cpx-postgrid .container.length8 .h.card .author {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.tile .char-length-40,
  .cpx-postgrid .container.length8 .b.tile .char-length-40,
  .cpx-postgrid .container.length8 .c.tile .char-length-40,
  .cpx-postgrid .container.length8 .d.tile .char-length-40,
  .cpx-postgrid .container.length8 .e.tile .char-length-40,
  .cpx-postgrid .container.length8 .f.tile .char-length-40,
  .cpx-postgrid .container.length8 .g.tile .char-length-40,
  .cpx-postgrid .container.length8 .h.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .char-word-12,
  .cpx-postgrid .container.length8 .b.tile .char-word-12,
  .cpx-postgrid .container.length8 .c.tile .char-word-12,
  .cpx-postgrid .container.length8 .d.tile .char-word-12,
  .cpx-postgrid .container.length8 .e.tile .char-word-12,
  .cpx-postgrid .container.length8 .f.tile .char-word-12,
  .cpx-postgrid .container.length8 .g.tile .char-word-12,
  .cpx-postgrid .container.length8 .h.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length8 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length8 .h.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length8 .h.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length8 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length8 .h.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length8 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length8 .z:hover h1,
  .cpx-postgrid .container.length8 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length8 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length8 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length8 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length8 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length8 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length8 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length8 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length8 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length8 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length8 .z .bottomcontent .title,
  .cpx-postgrid .container.length8 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length8 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length8 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length8 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length8 .z .divider,
  .cpx-postgrid .container.length8 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.card.length8 {
    grid-template-columns: repeat(4, 320px);
    grid-template-rows: repeat(6, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d" "a b e f" "a b e g" "a b e h";
  }
  .cpx-postgrid .container.card.length8 .a.card .title,
  .cpx-postgrid .container.card.length8 .b.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.card.length8 .a.card .title.char-length-15,
  .cpx-postgrid .container.card.length8 .b.card .title.char-length-15,
  .cpx-postgrid .container.card.length8 .a.card .title.char-length-40,
  .cpx-postgrid .container.card.length8 .b.card .title.char-length-40,
  .cpx-postgrid .container.card.length8 .a.card .title.char-word-12,
  .cpx-postgrid .container.card.length8 .b.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .a .title,
  .cpx-postgrid .container.card.length8 .b .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.card.length8 .a .date,
  .cpx-postgrid .container.card.length8 .b .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.card.length8 .a .summary,
  .cpx-postgrid .container.card.length8 .b .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.card.length8 .c .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .d .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .e .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .c .hover .char-word-12,
  .cpx-postgrid .container.card.length8 .d .hover .char-word-12,
  .cpx-postgrid .container.card.length8 .e .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .c .hover .char-length-40,
  .cpx-postgrid .container.card.length8 .d .hover .char-length-40,
  .cpx-postgrid .container.card.length8 .e .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .c .author .author-image,
  .cpx-postgrid .container.card.length8 .d .author .author-image,
  .cpx-postgrid .container.card.length8 .e .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.card.length8 .c .author .author-text,
  .cpx-postgrid .container.card.length8 .d .author .author-text,
  .cpx-postgrid .container.card.length8 .e .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.card.length8 .c.card .summary,
  .cpx-postgrid .container.card.length8 .d.card .summary,
  .cpx-postgrid .container.card.length8 .e.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.card.length8 .c.card .author,
  .cpx-postgrid .container.card.length8 .d.card .author,
  .cpx-postgrid .container.card.length8 .e.card .author {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c.tile .char-length-40,
  .cpx-postgrid .container.card.length8 .d.tile .char-length-40,
  .cpx-postgrid .container.card.length8 .e.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .c.tile .char-word-12,
  .cpx-postgrid .container.card.length8 .d.tile .char-word-12,
  .cpx-postgrid .container.card.length8 .e.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.card.length8 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.card.length8 .e.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.card.length8 .e.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.card.length8 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.card.length8 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.card.length8 .e.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .f,
  .cpx-postgrid .container.card.length8 .g,
  .cpx-postgrid .container.card.length8 .h {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.card.length8 .f:hover,
  .cpx-postgrid .container.card.length8 .g:hover,
  .cpx-postgrid .container.card.length8 .h:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.card.length8 .f:hover h1,
  .cpx-postgrid .container.card.length8 .g:hover h1,
  .cpx-postgrid .container.card.length8 .h:hover h1,
  .cpx-postgrid .container.card.length8 .f:hover p,
  .cpx-postgrid .container.card.length8 .g:hover p,
  .cpx-postgrid .container.card.length8 .h:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.card.length8 .f .labels,
  .cpx-postgrid .container.card.length8 .g .labels,
  .cpx-postgrid .container.card.length8 .h .labels {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .f .fa,
  .cpx-postgrid .container.card.length8 .g .fa,
  .cpx-postgrid .container.card.length8 .h .fa {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .f .summary,
  .cpx-postgrid .container.card.length8 .g .summary,
  .cpx-postgrid .container.card.length8 .h .summary {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .f h1,
  .cpx-postgrid .container.card.length8 .g h1,
  .cpx-postgrid .container.card.length8 .h h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.card.length8 .f p,
  .cpx-postgrid .container.card.length8 .g p,
  .cpx-postgrid .container.card.length8 .h p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.card.length8 .f.griditem,
  .cpx-postgrid .container.card.length8 .g.griditem,
  .cpx-postgrid .container.card.length8 .h.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.card.length8 .f .hover,
  .cpx-postgrid .container.card.length8 .g .hover,
  .cpx-postgrid .container.card.length8 .h .hover {
    display: none;
  }
  .cpx-postgrid .container.card.length8 .f .background,
  .cpx-postgrid .container.card.length8 .g .background,
  .cpx-postgrid .container.card.length8 .h .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.card.length8 .f .bottomcontent,
  .cpx-postgrid .container.card.length8 .g .bottomcontent,
  .cpx-postgrid .container.card.length8 .h .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.card.length8 .f .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .g .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .h .bottomcontent .title,
  .cpx-postgrid .container.card.length8 .f .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .g .bottomcontent .date,
  .cpx-postgrid .container.card.length8 .h .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.card.length8 .f .date,
  .cpx-postgrid .container.card.length8 .g .date,
  .cpx-postgrid .container.card.length8 .h .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.card.length8 .f h1,
  .cpx-postgrid .container.card.length8 .g h1,
  .cpx-postgrid .container.card.length8 .h h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.card.length8 .f h1.char-length-40,
  .cpx-postgrid .container.card.length8 .g h1.char-length-40,
  .cpx-postgrid .container.card.length8 .h h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.card.length8 .f .divider,
  .cpx-postgrid .container.card.length8 .g .divider,
  .cpx-postgrid .container.card.length8 .h .divider,
  .cpx-postgrid .container.card.length8 .f .estimate,
  .cpx-postgrid .container.card.length8 .g .estimate,
  .cpx-postgrid .container.card.length8 .h .estimate {
    display: none;
  }
  .cpx-postgrid .container.length12 {
    grid-template-columns: repeat(4, 320px);
    grid-template-rows: repeat(9, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d" "e f g h" "e f g h" "e f g h" "i j k l" "i j k l" "i j k l";
  }
  .cpx-postgrid .container.length12 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length12 .z.card .title.char-length-15,
  .cpx-postgrid .container.length12 .z.card .title.char-length-40,
  .cpx-postgrid .container.length12 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length12 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length12 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-15,
  .cpx-postgrid .container.length12 .b .hover .char-length-15,
  .cpx-postgrid .container.length12 .c .hover .char-length-15,
  .cpx-postgrid .container.length12 .d .hover .char-length-15,
  .cpx-postgrid .container.length12 .e .hover .char-length-15,
  .cpx-postgrid .container.length12 .f .hover .char-length-15,
  .cpx-postgrid .container.length12 .g .hover .char-length-15,
  .cpx-postgrid .container.length12 .h .hover .char-length-15,
  .cpx-postgrid .container.length12 .i .hover .char-length-15,
  .cpx-postgrid .container.length12 .j .hover .char-length-15,
  .cpx-postgrid .container.length12 .k .hover .char-length-15,
  .cpx-postgrid .container.length12 .l .hover .char-length-15,
  .cpx-postgrid .container.length12 .a .hover .char-word-12,
  .cpx-postgrid .container.length12 .b .hover .char-word-12,
  .cpx-postgrid .container.length12 .c .hover .char-word-12,
  .cpx-postgrid .container.length12 .d .hover .char-word-12,
  .cpx-postgrid .container.length12 .e .hover .char-word-12,
  .cpx-postgrid .container.length12 .f .hover .char-word-12,
  .cpx-postgrid .container.length12 .g .hover .char-word-12,
  .cpx-postgrid .container.length12 .h .hover .char-word-12,
  .cpx-postgrid .container.length12 .i .hover .char-word-12,
  .cpx-postgrid .container.length12 .j .hover .char-word-12,
  .cpx-postgrid .container.length12 .k .hover .char-word-12,
  .cpx-postgrid .container.length12 .l .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a .hover .char-length-40,
  .cpx-postgrid .container.length12 .b .hover .char-length-40,
  .cpx-postgrid .container.length12 .c .hover .char-length-40,
  .cpx-postgrid .container.length12 .d .hover .char-length-40,
  .cpx-postgrid .container.length12 .e .hover .char-length-40,
  .cpx-postgrid .container.length12 .f .hover .char-length-40,
  .cpx-postgrid .container.length12 .g .hover .char-length-40,
  .cpx-postgrid .container.length12 .h .hover .char-length-40,
  .cpx-postgrid .container.length12 .i .hover .char-length-40,
  .cpx-postgrid .container.length12 .j .hover .char-length-40,
  .cpx-postgrid .container.length12 .k .hover .char-length-40,
  .cpx-postgrid .container.length12 .l .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-image,
  .cpx-postgrid .container.length12 .b .author .author-image,
  .cpx-postgrid .container.length12 .c .author .author-image,
  .cpx-postgrid .container.length12 .d .author .author-image,
  .cpx-postgrid .container.length12 .e .author .author-image,
  .cpx-postgrid .container.length12 .f .author .author-image,
  .cpx-postgrid .container.length12 .g .author .author-image,
  .cpx-postgrid .container.length12 .h .author .author-image,
  .cpx-postgrid .container.length12 .i .author .author-image,
  .cpx-postgrid .container.length12 .j .author .author-image,
  .cpx-postgrid .container.length12 .k .author .author-image,
  .cpx-postgrid .container.length12 .l .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length12 .a .author .author-text,
  .cpx-postgrid .container.length12 .b .author .author-text,
  .cpx-postgrid .container.length12 .c .author .author-text,
  .cpx-postgrid .container.length12 .d .author .author-text,
  .cpx-postgrid .container.length12 .e .author .author-text,
  .cpx-postgrid .container.length12 .f .author .author-text,
  .cpx-postgrid .container.length12 .g .author .author-text,
  .cpx-postgrid .container.length12 .h .author .author-text,
  .cpx-postgrid .container.length12 .i .author .author-text,
  .cpx-postgrid .container.length12 .j .author .author-text,
  .cpx-postgrid .container.length12 .k .author .author-text,
  .cpx-postgrid .container.length12 .l .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .a.card .summary,
  .cpx-postgrid .container.length12 .b.card .summary,
  .cpx-postgrid .container.length12 .c.card .summary,
  .cpx-postgrid .container.length12 .d.card .summary,
  .cpx-postgrid .container.length12 .e.card .summary,
  .cpx-postgrid .container.length12 .f.card .summary,
  .cpx-postgrid .container.length12 .g.card .summary,
  .cpx-postgrid .container.length12 .h.card .summary,
  .cpx-postgrid .container.length12 .i.card .summary,
  .cpx-postgrid .container.length12 .j.card .summary,
  .cpx-postgrid .container.length12 .k.card .summary,
  .cpx-postgrid .container.length12 .l.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .a.card .author,
  .cpx-postgrid .container.length12 .b.card .author,
  .cpx-postgrid .container.length12 .c.card .author,
  .cpx-postgrid .container.length12 .d.card .author,
  .cpx-postgrid .container.length12 .e.card .author,
  .cpx-postgrid .container.length12 .f.card .author,
  .cpx-postgrid .container.length12 .g.card .author,
  .cpx-postgrid .container.length12 .h.card .author,
  .cpx-postgrid .container.length12 .i.card .author,
  .cpx-postgrid .container.length12 .j.card .author,
  .cpx-postgrid .container.length12 .k.card .author,
  .cpx-postgrid .container.length12 .l.card .author {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .char-word-12,
  .cpx-postgrid .container.length12 .b.tile .char-word-12,
  .cpx-postgrid .container.length12 .c.tile .char-word-12,
  .cpx-postgrid .container.length12 .d.tile .char-word-12,
  .cpx-postgrid .container.length12 .e.tile .char-word-12,
  .cpx-postgrid .container.length12 .f.tile .char-word-12,
  .cpx-postgrid .container.length12 .g.tile .char-word-12,
  .cpx-postgrid .container.length12 .h.tile .char-word-12,
  .cpx-postgrid .container.length12 .i.tile .char-word-12,
  .cpx-postgrid .container.length12 .j.tile .char-word-12,
  .cpx-postgrid .container.length12 .k.tile .char-word-12,
  .cpx-postgrid .container.length12 .l.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length12 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .h.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .j.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length12 .l.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length12 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .h.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .j.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length12 .l.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length12 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length12 .z:hover h1,
  .cpx-postgrid .container.length12 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length12 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length12 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length12 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length12 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length12 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length12 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length12 .z .bottomcontent .title,
  .cpx-postgrid .container.length12 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length12 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length12 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length12 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length12 .z .divider,
  .cpx-postgrid .container.length12 .z .estimate {
    display: none;
  }
  .cpx-postgrid .container.length16 {
    grid-template-columns: repeat(4, 320px);
    grid-template-rows: repeat(12, 80px);
    grid-template-areas: "a b c d" "a b c d" "a b c d" "e f g h" "e f g h" "e f g h" "i j k l" "i j k l" "i j k l" "m n o p" "m n o p" "m n o p";
  }
  .cpx-postgrid .container.length16 .z.card .title {
    font-size: 2rem;
  }
  .cpx-postgrid .container.length16 .z.card .title.char-length-15,
  .cpx-postgrid .container.length16 .z.card .title.char-length-40,
  .cpx-postgrid .container.length16 .z.card .title.char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .z .title {
    font-size: 4rem;
  }
  .cpx-postgrid .container.length16 .z .date {
    font-weight: 700;
  }
  .cpx-postgrid .container.length16 .z .summary {
    font-weight: 500;
    display: block;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-15,
  .cpx-postgrid .container.length16 .b .hover .char-length-15,
  .cpx-postgrid .container.length16 .c .hover .char-length-15,
  .cpx-postgrid .container.length16 .d .hover .char-length-15,
  .cpx-postgrid .container.length16 .e .hover .char-length-15,
  .cpx-postgrid .container.length16 .f .hover .char-length-15,
  .cpx-postgrid .container.length16 .g .hover .char-length-15,
  .cpx-postgrid .container.length16 .h .hover .char-length-15,
  .cpx-postgrid .container.length16 .i .hover .char-length-15,
  .cpx-postgrid .container.length16 .j .hover .char-length-15,
  .cpx-postgrid .container.length16 .k .hover .char-length-15,
  .cpx-postgrid .container.length16 .l .hover .char-length-15,
  .cpx-postgrid .container.length16 .m .hover .char-length-15,
  .cpx-postgrid .container.length16 .n .hover .char-length-15,
  .cpx-postgrid .container.length16 .o .hover .char-length-15,
  .cpx-postgrid .container.length16 .p .hover .char-length-15,
  .cpx-postgrid .container.length16 .a .hover .char-word-12,
  .cpx-postgrid .container.length16 .b .hover .char-word-12,
  .cpx-postgrid .container.length16 .c .hover .char-word-12,
  .cpx-postgrid .container.length16 .d .hover .char-word-12,
  .cpx-postgrid .container.length16 .e .hover .char-word-12,
  .cpx-postgrid .container.length16 .f .hover .char-word-12,
  .cpx-postgrid .container.length16 .g .hover .char-word-12,
  .cpx-postgrid .container.length16 .h .hover .char-word-12,
  .cpx-postgrid .container.length16 .i .hover .char-word-12,
  .cpx-postgrid .container.length16 .j .hover .char-word-12,
  .cpx-postgrid .container.length16 .k .hover .char-word-12,
  .cpx-postgrid .container.length16 .l .hover .char-word-12,
  .cpx-postgrid .container.length16 .m .hover .char-word-12,
  .cpx-postgrid .container.length16 .n .hover .char-word-12,
  .cpx-postgrid .container.length16 .o .hover .char-word-12,
  .cpx-postgrid .container.length16 .p .hover .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a .hover .char-length-40,
  .cpx-postgrid .container.length16 .b .hover .char-length-40,
  .cpx-postgrid .container.length16 .c .hover .char-length-40,
  .cpx-postgrid .container.length16 .d .hover .char-length-40,
  .cpx-postgrid .container.length16 .e .hover .char-length-40,
  .cpx-postgrid .container.length16 .f .hover .char-length-40,
  .cpx-postgrid .container.length16 .g .hover .char-length-40,
  .cpx-postgrid .container.length16 .h .hover .char-length-40,
  .cpx-postgrid .container.length16 .i .hover .char-length-40,
  .cpx-postgrid .container.length16 .j .hover .char-length-40,
  .cpx-postgrid .container.length16 .k .hover .char-length-40,
  .cpx-postgrid .container.length16 .l .hover .char-length-40,
  .cpx-postgrid .container.length16 .m .hover .char-length-40,
  .cpx-postgrid .container.length16 .n .hover .char-length-40,
  .cpx-postgrid .container.length16 .o .hover .char-length-40,
  .cpx-postgrid .container.length16 .p .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-image,
  .cpx-postgrid .container.length16 .b .author .author-image,
  .cpx-postgrid .container.length16 .c .author .author-image,
  .cpx-postgrid .container.length16 .d .author .author-image,
  .cpx-postgrid .container.length16 .e .author .author-image,
  .cpx-postgrid .container.length16 .f .author .author-image,
  .cpx-postgrid .container.length16 .g .author .author-image,
  .cpx-postgrid .container.length16 .h .author .author-image,
  .cpx-postgrid .container.length16 .i .author .author-image,
  .cpx-postgrid .container.length16 .j .author .author-image,
  .cpx-postgrid .container.length16 .k .author .author-image,
  .cpx-postgrid .container.length16 .l .author .author-image,
  .cpx-postgrid .container.length16 .m .author .author-image,
  .cpx-postgrid .container.length16 .n .author .author-image,
  .cpx-postgrid .container.length16 .o .author .author-image,
  .cpx-postgrid .container.length16 .p .author .author-image {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    margin-right: 0.5rem;
  }
  .cpx-postgrid .container.length16 .a .author .author-text,
  .cpx-postgrid .container.length16 .b .author .author-text,
  .cpx-postgrid .container.length16 .c .author .author-text,
  .cpx-postgrid .container.length16 .d .author .author-text,
  .cpx-postgrid .container.length16 .e .author .author-text,
  .cpx-postgrid .container.length16 .f .author .author-text,
  .cpx-postgrid .container.length16 .g .author .author-text,
  .cpx-postgrid .container.length16 .h .author .author-text,
  .cpx-postgrid .container.length16 .i .author .author-text,
  .cpx-postgrid .container.length16 .j .author .author-text,
  .cpx-postgrid .container.length16 .k .author .author-text,
  .cpx-postgrid .container.length16 .l .author .author-text,
  .cpx-postgrid .container.length16 .m .author .author-text,
  .cpx-postgrid .container.length16 .n .author .author-text,
  .cpx-postgrid .container.length16 .o .author .author-text,
  .cpx-postgrid .container.length16 .p .author .author-text {
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .a.card .summary,
  .cpx-postgrid .container.length16 .b.card .summary,
  .cpx-postgrid .container.length16 .c.card .summary,
  .cpx-postgrid .container.length16 .d.card .summary,
  .cpx-postgrid .container.length16 .e.card .summary,
  .cpx-postgrid .container.length16 .f.card .summary,
  .cpx-postgrid .container.length16 .g.card .summary,
  .cpx-postgrid .container.length16 .h.card .summary,
  .cpx-postgrid .container.length16 .i.card .summary,
  .cpx-postgrid .container.length16 .j.card .summary,
  .cpx-postgrid .container.length16 .k.card .summary,
  .cpx-postgrid .container.length16 .l.card .summary,
  .cpx-postgrid .container.length16 .m.card .summary,
  .cpx-postgrid .container.length16 .n.card .summary,
  .cpx-postgrid .container.length16 .o.card .summary,
  .cpx-postgrid .container.length16 .p.card .summary {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .a.card .author,
  .cpx-postgrid .container.length16 .b.card .author,
  .cpx-postgrid .container.length16 .c.card .author,
  .cpx-postgrid .container.length16 .d.card .author,
  .cpx-postgrid .container.length16 .e.card .author,
  .cpx-postgrid .container.length16 .f.card .author,
  .cpx-postgrid .container.length16 .g.card .author,
  .cpx-postgrid .container.length16 .h.card .author,
  .cpx-postgrid .container.length16 .i.card .author,
  .cpx-postgrid .container.length16 .j.card .author,
  .cpx-postgrid .container.length16 .k.card .author,
  .cpx-postgrid .container.length16 .l.card .author,
  .cpx-postgrid .container.length16 .m.card .author,
  .cpx-postgrid .container.length16 .n.card .author,
  .cpx-postgrid .container.length16 .o.card .author,
  .cpx-postgrid .container.length16 .p.card .author {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .char-length-40,
  .cpx-postgrid .container.length16 .b.tile .char-length-40,
  .cpx-postgrid .container.length16 .c.tile .char-length-40,
  .cpx-postgrid .container.length16 .d.tile .char-length-40,
  .cpx-postgrid .container.length16 .e.tile .char-length-40,
  .cpx-postgrid .container.length16 .f.tile .char-length-40,
  .cpx-postgrid .container.length16 .g.tile .char-length-40,
  .cpx-postgrid .container.length16 .h.tile .char-length-40,
  .cpx-postgrid .container.length16 .i.tile .char-length-40,
  .cpx-postgrid .container.length16 .j.tile .char-length-40,
  .cpx-postgrid .container.length16 .k.tile .char-length-40,
  .cpx-postgrid .container.length16 .l.tile .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .char-length-40,
  .cpx-postgrid .container.length16 .n.tile .char-length-40,
  .cpx-postgrid .container.length16 .o.tile .char-length-40,
  .cpx-postgrid .container.length16 .p.tile .char-length-40 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .char-word-12,
  .cpx-postgrid .container.length16 .b.tile .char-word-12,
  .cpx-postgrid .container.length16 .c.tile .char-word-12,
  .cpx-postgrid .container.length16 .d.tile .char-word-12,
  .cpx-postgrid .container.length16 .e.tile .char-word-12,
  .cpx-postgrid .container.length16 .f.tile .char-word-12,
  .cpx-postgrid .container.length16 .g.tile .char-word-12,
  .cpx-postgrid .container.length16 .h.tile .char-word-12,
  .cpx-postgrid .container.length16 .i.tile .char-word-12,
  .cpx-postgrid .container.length16 .j.tile .char-word-12,
  .cpx-postgrid .container.length16 .k.tile .char-word-12,
  .cpx-postgrid .container.length16 .l.tile .char-word-12,
  .cpx-postgrid .container.length16 .m.tile .char-word-12,
  .cpx-postgrid .container.length16 .n.tile .char-word-12,
  .cpx-postgrid .container.length16 .o.tile .char-word-12,
  .cpx-postgrid .container.length16 .p.tile .char-word-12 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .b.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .c.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .d.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .e.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .f.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .g.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .h.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .i.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .j.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .k.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .l.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .n.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .o.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .p.tile .bottomcontent .date,
  .cpx-postgrid .container.length16 .a.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .b.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .c.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .d.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .e.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .f.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .g.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .h.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .i.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .j.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .k.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .l.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .m.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .n.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .o.tile .bottomcontent .summary,
  .cpx-postgrid .container.length16 .p.tile .bottomcontent .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .b.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .c.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .d.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .e.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .f.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .g.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .h.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .i.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .j.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .k.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .l.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .n.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .o.tile .hover .char-length-15,
  .cpx-postgrid .container.length16 .p.tile .hover .char-length-15 {
    font-size: 1.5rem;
  }
  .cpx-postgrid .container.length16 .a.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .b.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .c.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .d.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .e.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .f.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .g.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .h.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .i.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .j.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .k.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .l.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .m.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .n.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .o.tile .hover .char-length-40,
  .cpx-postgrid .container.length16 .p.tile .hover .char-length-40 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .z {
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    display: grid;
    grid-template-columns: [info] 1fr [thumbnail] 80px;
  }
  .cpx-postgrid .container.length16 .z:hover {
    background-color: #4b52fa;
  }
  .cpx-postgrid .container.length16 .z:hover h1,
  .cpx-postgrid .container.length16 .z:hover p {
    color: #ffffff;
  }
  .cpx-postgrid .container.length16 .z .labels {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .fa {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .summary {
    display: none;
  }
  .cpx-postgrid .container.length16 .z h1 {
    color: #000b00;
  }
  .cpx-postgrid .container.length16 .z p {
    color: #000b00;
    font-size: 0.8rem;
  }
  .cpx-postgrid .container.length16 .z.griditem {
    justify-content: flex-end;
  }
  .cpx-postgrid .container.length16 .z .hover {
    display: none;
  }
  .cpx-postgrid .container.length16 .z .background {
    grid-column: thumbnail;
    height: 80px;
  }
  .cpx-postgrid .container.length16 .z .bottomcontent {
    grid-column: info;
    height: 100%;
    padding: 5px 1rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-self: flex-start;
  }
  .cpx-postgrid .container.length16 .z .bottomcontent .title,
  .cpx-postgrid .container.length16 .z .bottomcontent .date {
    margin: 0;
  }
  .cpx-postgrid .container.length16 .z .date {
    text-align: left;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 4px;
  }
  .cpx-postgrid .container.length16 .z h1 {
    font-size: 1rem;
  }
  .cpx-postgrid .container.length16 .z h1.char-length-40 {
    font-size: 0.75rem;
  }
  .cpx-postgrid .container.length16 .z .divider,
  .cpx-postgrid .container.length16 .z .estimate {
    display: none;
  }
  .fl-row-fixed-width,
  .collectionPosts:not(.homeLatest),
  .collectionPosts .featurePosts {
    max-width: 1376px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0 auto;
  }
  .cpx-hero .container,
  .carousel .grid-heading-container,
  .fl-module-cpx_bb_carousel .grid-heading-container {
    width: 1376px;
  }
  .cpx-hero .background-video {
    width: 120vw;
  }
  .cpx-single-post.medium {
    width: 320px;
  }
  .grid-heading-container .grid-heading > aside.topic-list {
    display: block;
  }
  .fl-module-cpx_bb_carousel .swiper-container .swiper-slide,
  .carousel .swiper-container .swiper-slide {
    transform: translate3d(-528px, 0px, 0px);
  }
  .cpx-people-grid .container {
    grid-template-columns: repeat(4, 320px);
  }
}
@media print {
  .featureImage #launchButton,
  body .nextUp,
  body .socialFooter {
    display: none !important;
  }
  #main .sidebar {
    width: auto !important;
    float: none !important;
  }
  #main .content {
    width: auto !important;
    float: none !important;
  }
  .menuLink,
  .copyright ul {
    display: none !important;
  }
}
/*# sourceMappingURL=site_style.v1.24.css.map */