@charset "UTF-8";
/*!
 *  Theme Name: Spiked 2018
 *  Description: Custom WordPress theme for Spiked
 *  Version: 3.4.6
 *  Author: Kyle Duncan
 *  Author URI: http://www.thisisforge.com/
 *  */
@font-face {
  font-display: swap;
  font-family: "cardo";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/cardo-latin-400-normal.woff2") format("woff2"), url("fonts/cardo-latin-400-normal.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "cardo";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/cardo-latin-400-italic.woff2") format("woff2"), url("fonts/cardo-latin-400-italic.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "cardo";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/cardo-latin-700-normal.woff2") format("woff2"), url("fonts/cardo-latin-700-normal.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "roboto-condensed";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/roboto-condensed-latin-700-normal.woff2") format("woff2"), url("fonts/roboto-condensed-latin-700-normal.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "roboto-condensed";
  font-style: italic;
  font-weight: 700;
  src: url("fonts/roboto-condensed-latin-700-italic.woff2") format("woff2"), url("fonts/roboto-condensed-latin-700-italic.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "roboto-condensed";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/roboto-condensed-latin-400-normal.woff2") format("woff2"), url("fonts/roboto-condensed-latin-400-normal.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "roboto-condensed";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/roboto-condensed-latin-400-italic.woff2") format("woff2"), url("fonts/roboto-condensed-latin-400-italic.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "roboto-condensed";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/roboto-condensed-latin-300-normal.woff2") format("woff2"), url("fonts/roboto-condensed-latin-300-normal.woff") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "roboto-condensed";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/roboto-condensed-latin-300-italic.woff2") format("woff2"), url("fonts/roboto-condensed-latin-300-italic.woff") format("woff");
}
body {
  --black-40: rgba(0, 0, 0, 0.4);
  --white: #FFF;
  --white-50: rgba(255, 255, 255, 0.5);
  --white-90: rgba(255, 255, 255, 0.9);
  --white-95: rgba(255, 255, 255, 0.95);
  --black: #000;
  --black-10: rgba(0, 0, 0, 0.1);
  --black-15: rgba(0, 0, 0, 0.15);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-50: rgba(0, 0, 0, 0.5);
  --error-red: #C92121;
  --red: #C92121;
  --red-2: rgba(201, 33, 33, 0.02);
  --red-20: rgba(201, 33, 33, 0.2);
  --red-80: rgba(201, 33, 33, 0.8);
  --light-red: #f4d3d3;
  --red-tint: #fcf4f4;
  --dark-blue: #2B2E42;
  --dark-blue-50: rgba(43, 46, 66, 0.5);
  --dark-blue-95: rgba(43, 46, 66, 0.95);
  --blue: #0E3B5D;
  --blue-2: rgba(14, 59, 93, 0.02);
  --blue-20: rgba(14, 59, 93, 0.2);
  --bright-blue: #2D8CFF;
  --bright-blue-20: rgba(45, 140, 255, 0.2);
  --bright-blue-tint: #eaf3ff;
  --bright-green: #5CDAA3;
  --bright-green-20: rgba(92, 218, 163, 0.2);
  --dark-grey: #383838;
  --med-grey: #4A4A4A;
  --light-grey: #9B9B9B;
  --lighter-grey: #d8d8d8;
  --off-white: #efefef;
  --off-whiter: #f6f6f6;
  --dark-grey-80: rgba(56, 56, 57, 0.8);
  --yellow: #ffde00;
  --light-blue: #cde2ff;
  --fade-out: linear-gradient(to bottom, rgb(255 255 255), rgb(255 255 255 / 0.5), rgb(255 255 255));
  --fade-up: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0));
  --sans: roboto-condensed, Arial, Helvetica, sans-serif;
  --serif: cardo, Georgia, "Times New Roman", serif;
  --logo-ratio: 0.35514;
  --logo-height: calc(var(--logo-width) * var(--logo-ratio));
}

@media all and (min-width: 0) and (max-width: 599px) {
  body {
    --global-font-size: 18px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  body {
    --header-pad-y: 12px;
    --header-height: calc(var(--logo-height) + (var(--header-pad-y) * 2));
    --header-height-sticky: 60px;
    --logo-width: 100px;
  }
}
@media all and (min-width: 0) and (max-width: 1259px) {
  body {
    --gutter: 15px;
  }
}
@media all and (min-width: 600px) {
  body {
    --global-font-size: 22px;
  }
}
@media all and (min-width: 1024px) {
  body {
    --header-height: 186px;
    --header-height-sticky: 60px;
    --logo-width: 214px;
  }
}
@media all and (min-width: 1260px) {
  body {
    --gutter: 30px;
  }
}
*,
*::before,
*::after {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}

ul, ol, li {
  list-style: none;
}

#container .mar-b-0 {
  margin-bottom: 0;
}

.mar-b-5 {
  margin-bottom: 5px;
}

.mar-t-5 {
  margin-top: 5px;
}

.mar-l-5 {
  margin-left: 5px;
}

.mar-r-5 {
  margin-right: 5px;
}

.mar-l-10 {
  margin-left: 10px;
}

.mar-r-10 {
  margin-right: 10px;
}

.mar-t-10 {
  margin-top: 10px;
}

.mar-b-10 {
  margin-bottom: 10px;
}

.mar-l-15 {
  margin-left: 15px;
}

.mar-r-15 {
  margin-right: 15px;
}

.mar-t-15 {
  margin-top: 15px;
}

.mar-b-15 {
  margin-bottom: 15px;
}

.mar-l-20 {
  margin-left: 20px;
}

.mar-r-20 {
  margin-right: 20px;
}

.mar-t-20 {
  margin-top: 20px;
}

.mar-b-20 {
  margin-bottom: 20px;
}

.mar-l-30 {
  margin-left: 30px;
}

.mar-r-30 {
  margin-right: 30px;
}

.mar-t-30 {
  margin-top: 30px;
}

.mar-b-30 {
  margin-bottom: 30px;
}

.mar-l-40 {
  margin-left: 40px;
}

.mar-r-40 {
  margin-right: 40px;
}

.mar-t-40 {
  margin-top: 40px;
}

.mar-b-40 {
  margin-bottom: 40px;
}

.mar-t-60,
.mar-t-80,
.mar-t-100 {
  margin-top: 40px;
}

.mar-b-60,
.mar-b-80,
.mar-b-100 {
  margin-bottom: 40px;
}

.mar-auto {
  margin-left: auto;
  margin-right: auto;
}

.mar-v-auto {
  margin-bottom: auto;
  margin-top: auto;
}

.mar-neg {
  margin-left: calc(-1 * var(--gutter));
  margin-right: calc(-1 * var(--gutter));
}

@media all and (min-width: 0) and (max-width: 767px) {
  .mar-neg-mobile {
    margin-left: calc(-1 * var(--gutter));
    margin-right: calc(-1 * var(--gutter));
  }
}
@media all and (min-width: 600px) {
  #container .mar-b-0-xs {
    margin-bottom: 0;
  }
}
@media all and (min-width: 768px) {
  .mar-t-60 {
    margin-top: 60px;
  }
  .mar-b-60 {
    margin-bottom: 60px;
  }
  .mar-t-80 {
    margin-top: 80px;
  }
  .mar-b-80 {
    margin-bottom: 80px;
  }
  .mar-t-100 {
    margin-top: 100px;
  }
  .mar-b-100 {
    margin-bottom: 100px;
  }
  #container .mar-b-0-sm {
    margin-bottom: 0;
  }
  .mar-b-30-sm {
    margin-bottom: 30px;
  }
}
@media all and (min-width: 1024px) {
  #container .mar-b-0-md {
    margin-bottom: 0;
  }
}
.pad-5 {
  padding: 5px;
}

.pad-l-5 {
  padding-left: 5px;
}

.pad-r-5 {
  padding-right: 5px;
}

.pad-t-5 {
  padding-top: 5px;
}

.pad-b-5 {
  padding-bottom: 5px;
}

.pad-l-10 {
  padding-left: 10px;
}

.pad-r-10 {
  padding-right: 10px;
}

.pad-t-10 {
  padding-top: 10px;
}

.pad-b-10 {
  padding-bottom: 10px;
}

.pad-10 {
  padding: 10px;
}

.pad-l-15 {
  padding-left: 15px;
}

.pad-r-15 {
  padding-right: 15px;
}

.pad-t-15 {
  padding-top: 15px;
}

.pad-b-15 {
  padding-bottom: 15px;
}

.pad-15 {
  padding: 15px;
}

.pad-l-20 {
  padding-left: 20px;
}

.pad-r-20 {
  padding-right: 20px;
}

.pad-t-20 {
  padding-top: 20px;
}

.pad-b-20 {
  padding-bottom: 20px;
}

.pad-20 {
  padding: 20px;
}

.pad-l-30 {
  padding-left: 30px;
}

.pad-r-30 {
  padding-right: 30px;
}

.pad-t-30 {
  padding-top: 30px;
}

.pad-b-30 {
  padding-bottom: 30px;
}

.pad-30 {
  padding: 30px;
}

.pad-l-40 {
  padding-left: 40px;
}

.pad-r-40 {
  padding-right: 40px;
}

.pad-t-40 {
  padding-top: 40px;
}

.pad-b-40 {
  padding-bottom: 40px;
}

.pad-40 {
  padding: 40px;
}

.pad-b-60,
.pad-b-80,
.pad-b-100 {
  padding-bottom: 40px;
}

.pad-t-60,
.pad-t-80,
.pad-t-100 {
  padding-top: 40px;
}

.box-pad-tiny {
  padding: 20px 15px;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .box-pad-small {
    padding: 15px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  .box-pad-big {
    padding: 20px 15px;
  }
}
@media all and (min-width: 600px) {
  .pad-10-xs {
    padding: 10px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .box-pad-big {
    padding: 40px;
  }
}
@media all and (min-width: 768px) {
  .pad-t-60 {
    padding-top: 60px;
  }
  .pad-b-60 {
    padding-bottom: 60px;
  }
  .pad-t-80 {
    padding-top: 80px;
  }
  .pad-b-80 {
    padding-bottom: 80px;
  }
  .pad-t-100 {
    padding-top: 100px;
  }
  .pad-b-100 {
    padding-bottom: 100px;
  }
  .box-pad-small {
    padding: 40px;
  }
}
@media all and (min-width: 1024px) {
  .box-pad-big {
    padding: 60px;
  }
}
.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1380px;
  width: calc(100% - var(--gutter) * 2);
}
.wrapper.extra-wide {
  max-width: 1920px;
}
.wrapper.no-cntr {
  margin-left: 0;
  margin-right: 0;
}

.grid {
  column-gap: 6%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 40px;
}
.grid.no-gap {
  gap: 0;
}
.grid.gap-10 {
  gap: 10px;
}
.grid.gap-15 {
  gap: 15px;
}
.grid.gap-20 {
  gap: 20px;
}
.grid.no-c-gap {
  column-gap: 0;
}
.grid.less-c-gap {
  column-gap: 3%;
}
.grid.c-gap-10 {
  column-gap: 10px;
}
.grid.c-gap-20 {
  column-gap: 20px;
}
.grid.no-r-gap {
  row-gap: 0;
}
.grid.less-r-gap {
  row-gap: 1.5rem;
}
.grid.r-gap-20 {
  row-gap: 20px;
}
.grid.r-gap-30 {
  row-gap: 30px;
}
.grid.align-s {
  align-items: start;
}
.grid.align-c {
  align-items: center;
}
.grid.align-e {
  align-items: end;
}
.grid.jstfy-s {
  justify-items: start;
}
.grid.jstfy-c {
  justify-items: center;
}
.grid.jstfy-e {
  justify-items: end;
}
.grid > * {
  grid-column: span var(--cols);
}
.grid > *.right {
  grid-column: calc(-1 * (1 + var(--cols)))/span var(--cols);
}
.grid > .col-1 {
  --cols: 1;
}
.grid > .col-2 {
  --cols: 2;
}
.grid > .col-3 {
  --cols: 3;
}
.grid > .col-4 {
  --cols: 4;
}
.grid > .col-5 {
  --cols: 5;
}
.grid > .col-6 {
  --cols: 6;
}
.grid > .col-7 {
  --cols: 7;
}
.grid > .col-8 {
  --cols: 8;
}
.grid > .col-9 {
  --cols: 9;
}
.grid > .col-10 {
  --cols: 10;
}
.grid > .col-11 {
  --cols: 11;
}
.grid > .col-12 {
  --cols: 12;
}
.grid > .col-12.overlap {
  grid-column: 1/span 12;
  grid-row: 1;
}

@media all and (min-width: 360px) {
  .grid > .col-1-xxs {
    --cols: 1;
  }
  .grid > .col-2-xxs {
    --cols: 2;
  }
  .grid > .col-3-xxs {
    --cols: 3;
  }
  .grid > .col-4-xxs {
    --cols: 4;
  }
  .grid > .col-5-xxs {
    --cols: 5;
  }
  .grid > .col-6-xxs {
    --cols: 6;
  }
  .grid > .col-7-xxs {
    --cols: 7;
  }
  .grid > .col-8-xxs {
    --cols: 8;
  }
  .grid > .col-9-xxs {
    --cols: 9;
  }
  .grid > .col-10-xxs {
    --cols: 10;
  }
  .grid > .col-11-xxs {
    --cols: 11;
  }
  .grid > .col-12-xxs {
    --cols: 12;
  }
  .grid > .first-xxs {
    order: -1;
  }
  .grid > .last-xxs {
    order: 13;
  }
}
@media all and (min-width: 600px) {
  .grid.c-gap-20-xs {
    column-gap: 20px;
  }
  .grid.c-gap-30-xs {
    column-gap: 30px;
  }
  .grid > .col-1-xs {
    --cols: 1;
  }
  .grid > .col-2-xs {
    --cols: 2;
  }
  .grid > .col-3-xs {
    --cols: 3;
  }
  .grid > .col-4-xs {
    --cols: 4;
  }
  .grid > .col-5-xs {
    --cols: 5;
  }
  .grid > .col-6-xs {
    --cols: 6;
  }
  .grid > .col-7-xs {
    --cols: 7;
  }
  .grid > .col-8-xs {
    --cols: 8;
  }
  .grid > .col-9-xs {
    --cols: 9;
  }
  .grid > .col-10-xs {
    --cols: 10;
  }
  .grid > .col-11-xs {
    --cols: 11;
  }
  .grid > .col-12-xs {
    --cols: 12;
  }
  .grid > .first-xs {
    order: -1;
  }
  .grid > .last-xs {
    order: 13;
  }
}
@media all and (min-width: 768px) {
  .grid > .col-1-sm {
    --cols: 1;
  }
  .grid > .col-2-sm {
    --cols: 2;
  }
  .grid > .col-3-sm {
    --cols: 3;
  }
  .grid > .col-4-sm {
    --cols: 4;
  }
  .grid > .col-5-sm {
    --cols: 5;
  }
  .grid > .col-6-sm {
    --cols: 6;
  }
  .grid > .col-7-sm {
    --cols: 7;
  }
  .grid > .col-8-sm {
    --cols: 8;
  }
  .grid > .col-9-sm {
    --cols: 9;
  }
  .grid > .col-10-sm {
    --cols: 10;
  }
  .grid > .col-11-sm {
    --cols: 11;
  }
  .grid > .col-12-sm {
    --cols: 12;
  }
  .grid > .first-sm {
    order: -1;
  }
  .grid > .last-sm {
    order: 13;
  }
}
@media all and (min-width: 1024px) {
  .grid.cols-5-md {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.cols-10-md {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.c-gap-0-md {
    column-gap: 0;
  }
  .grid > .col-1-md {
    --cols: 1;
  }
  .grid > .col-2-md {
    --cols: 2;
  }
  .grid > .col-3-md {
    --cols: 3;
  }
  .grid > .col-4-md {
    --cols: 4;
  }
  .grid > .col-5-md {
    --cols: 5;
  }
  .grid > .col-6-md {
    --cols: 6;
  }
  .grid > .col-6-md.centre-md {
    grid-column: 4/span 6;
  }
  .grid > .col-7-md {
    --cols: 7;
  }
  .grid > .col-8-md {
    --cols: 8;
  }
  .grid > .col-9-md {
    --cols: 9;
  }
  .grid > .col-10-md {
    --cols: 10;
  }
  .grid > .col-11-md {
    --cols: 11;
  }
  .grid > .col-12-md {
    --cols: 12;
  }
  .grid > .first-md {
    order: -1;
  }
  .grid > .last-md {
    order: 13;
  }
}
@media all and (min-width: 1260px) {
  .grid > .col-1-lg {
    --cols: 1;
  }
  .grid > .col-2-lg {
    --cols: 2;
  }
  .grid > .col-3-lg {
    --cols: 3;
  }
  .grid > .col-4-lg {
    --cols: 4;
  }
  .grid > .col-5-lg {
    --cols: 5;
  }
  .grid > .col-6-lg {
    --cols: 6;
  }
  .grid > .col-7-lg {
    --cols: 7;
  }
  .grid > .col-8-lg {
    --cols: 8;
  }
  .grid > .col-9-lg {
    --cols: 9;
  }
  .grid > .col-10-lg {
    --cols: 10;
  }
  .grid > .col-11-lg {
    --cols: 11;
  }
  .grid > .col-12-lg {
    --cols: 12;
  }
  .grid > .first-lg {
    order: -1;
  }
  .grid > .last-lg {
    order: 13;
  }
}
@media all and (min-width: 1420px) {
  .grid > .col-1-xl {
    --cols: 1;
  }
  .grid > .col-2-xl {
    --cols: 2;
  }
  .grid > .col-3-xl {
    --cols: 3;
  }
  .grid > .col-4-xl {
    --cols: 4;
  }
  .grid > .col-5-xl {
    --cols: 5;
  }
  .grid > .col-6-xl {
    --cols: 6;
  }
  .grid > .col-7-xl {
    --cols: 7;
  }
  .grid > .col-8-xl {
    --cols: 8;
  }
  .grid > .col-9-xl {
    --cols: 9;
  }
  .grid > .col-10-xl {
    --cols: 10;
  }
  .grid > .col-11-xl {
    --cols: 11;
  }
  .grid > .col-12-xl {
    --cols: 12;
  }
  .grid > .first-xl {
    order: -1;
  }
  .grid > .last-xl {
    order: 13;
  }
}
.flex.gap-10,
.flex-xxs.gap-10,
.flex-xs.gap-10,
.flex-sm.gap-10,
.flex-md.gap-10,
.flex-lg.gap-10,
.flex-xl.gap-10 {
  gap: 10px;
}
.flex.gap-15,
.flex-xxs.gap-15,
.flex-xs.gap-15,
.flex-sm.gap-15,
.flex-md.gap-15,
.flex-lg.gap-15,
.flex-xl.gap-15 {
  gap: 15px;
}
.flex.gap-20,
.flex-xxs.gap-20,
.flex-xs.gap-20,
.flex-sm.gap-20,
.flex-md.gap-20,
.flex-lg.gap-20,
.flex-xl.gap-20 {
  gap: 20px;
}
.flex.column,
.flex-xxs.column,
.flex-xs.column,
.flex-sm.column,
.flex-md.column,
.flex-lg.column,
.flex-xl.column {
  flex-direction: column;
}
.flex.wrap,
.flex-xxs.wrap,
.flex-xs.wrap,
.flex-sm.wrap,
.flex-md.wrap,
.flex-lg.wrap,
.flex-xl.wrap {
  flex-wrap: wrap;
}
.flex.align-s,
.flex-xxs.align-s,
.flex-xs.align-s,
.flex-sm.align-s,
.flex-md.align-s,
.flex-lg.align-s,
.flex-xl.align-s {
  align-items: flex-start;
}
.flex.align-c,
.flex-xxs.align-c,
.flex-xs.align-c,
.flex-sm.align-c,
.flex-md.align-c,
.flex-lg.align-c,
.flex-xl.align-c {
  align-items: center;
}
.flex.align-e,
.flex-xxs.align-e,
.flex-xs.align-e,
.flex-sm.align-e,
.flex-md.align-e,
.flex-lg.align-e,
.flex-xl.align-e {
  align-items: flex-end;
}
.flex.baseline,
.flex-xxs.baseline,
.flex-xs.baseline,
.flex-sm.baseline,
.flex-md.baseline,
.flex-lg.baseline,
.flex-xl.baseline {
  align-items: baseline;
}
.flex.jstfy-s,
.flex-xxs.jstfy-s,
.flex-xs.jstfy-s,
.flex-sm.jstfy-s,
.flex-md.jstfy-s,
.flex-lg.jstfy-s,
.flex-xl.jstfy-s {
  justify-content: flex-start;
}
.flex.jstfy-c,
.flex-xxs.jstfy-c,
.flex-xs.jstfy-c,
.flex-sm.jstfy-c,
.flex-md.jstfy-c,
.flex-lg.jstfy-c,
.flex-xl.jstfy-c {
  justify-content: center;
}
.flex.jstfy-e,
.flex-xxs.jstfy-e,
.flex-xs.jstfy-e,
.flex-sm.jstfy-e,
.flex-md.jstfy-e,
.flex-lg.jstfy-e,
.flex-xl.jstfy-e {
  justify-content: flex-end;
}
.flex.spc-arnd,
.flex-xxs.spc-arnd,
.flex-xs.spc-arnd,
.flex-sm.spc-arnd,
.flex-md.spc-arnd,
.flex-lg.spc-arnd,
.flex-xl.spc-arnd {
  justify-content: space-around;
}
.flex.spc-btwn,
.flex-xxs.spc-btwn,
.flex-xs.spc-btwn,
.flex-sm.spc-btwn,
.flex-md.spc-btwn,
.flex-lg.spc-btwn,
.flex-xl.spc-btwn {
  justify-content: space-between;
}
.flex.spc-even,
.flex-xxs.spc-even,
.flex-xs.spc-even,
.flex-sm.spc-even,
.flex-md.spc-even,
.flex-lg.spc-even,
.flex-xl.spc-even {
  justify-content: space-evenly;
}
.flex.c-gap-20,
.flex-xxs.c-gap-20,
.flex-xs.c-gap-20,
.flex-sm.c-gap-20,
.flex-md.c-gap-20,
.flex-lg.c-gap-20,
.flex-xl.c-gap-20 {
  column-gap: 20px;
}
.flex .grow,
.flex-xxs .grow,
.flex-xs .grow,
.flex-sm .grow,
.flex-md .grow,
.flex-lg .grow,
.flex-xl .grow {
  flex-grow: 1;
}
.flex .no-shrink,
.flex-xxs .no-shrink,
.flex-xs .no-shrink,
.flex-sm .no-shrink,
.flex-md .no-shrink,
.flex-lg .no-shrink,
.flex-xl .no-shrink {
  flex-shrink: 0;
}
.flex .first,
.flex-xxs .first,
.flex-xs .first,
.flex-sm .first,
.flex-md .first,
.flex-lg .first,
.flex-xl .first {
  order: -1;
}
.flex .last,
.flex-xxs .last,
.flex-xs .last,
.flex-sm .last,
.flex-md .last,
.flex-lg .last,
.flex-xl .last {
  order: 99;
}
.flex .break,
.flex-xxs .break,
.flex-xs .break,
.flex-sm .break,
.flex-md .break,
.flex-lg .break,
.flex-xl .break {
  height: 0;
  width: 100%;
}

@media all and (min-width: 768px) {
  .flex.jstfy-e-sm {
    justify-content: flex-end;
  }
}
@media all and (min-width: 1024px) {
  .flex.jstfy-e-md {
    justify-content: flex-end;
  }
}
.white {
  color: var(--white);
}

.black {
  color: var(--black);
}

.red {
  color: var(--red);
}

.light-red {
  color: var(--light-red);
}

.error-red {
  color: var(--error-red);
}

.dark-blue {
  color: var(--dark-blue);
}

.blue {
  color: var(--blue);
}

.dark-grey {
  color: var(--dark-grey);
}

.med-grey {
  color: var(--med-grey);
}

.light-grey {
  color: var(--light-grey);
}

.bg-white {
  background-color: var(--white);
}

.bg-white-50 {
  background-color: var(--white-50);
}

.bg-white-90 {
  background-color: var(--white-90);
}

.bg-white-95 {
  background-color: var(--white-95);
}

.bg-black {
  background-color: var(--black);
}

.bg-red {
  background-color: var(--red);
}

.bg-light-red {
  background-color: var(--light-red);
}

.bg-red-tint {
  background-color: var(--red-tint);
}

.bg-blue {
  background-color: var(--blue);
}

.bg-dark-blue {
  background-color: var(--dark-blue);
}

.bg-dark-blue-50 {
  background-color: var(--dark-blue-50);
}

.bg-dark-blue-95 {
  background-color: var(--dark-blue-95);
}

.bg-dark-grey {
  background-color: var(--dark-grey);
}

.bg-med-grey {
  background-color: var(--med-grey);
}

.bg-light-grey {
  background-color: var(--light-grey);
}

.bg-lighter-grey {
  background-color: var(--lighter-grey);
}

.bg-off-white {
  background-color: var(--off-white);
}

.bg-off-whiter {
  background-color: var(--off-whiter);
}

.bg-red-2 {
  background-color: var(--red-2);
}

.bg-blue-2 {
  background-color: var(--blue-2);
}

.bg-bright-blue-tint {
  background-color: var(--bright-blue-tint);
}

.bg-yellow {
  background-color: var(--yellow);
}

.bg-light-blue {
  background-color: var(--light-blue);
}

.bdr-b-white {
  border-bottom: 1px solid var(--white);
}

.bdr-t-white {
  border-top: 1px solid var(--white);
}

.bdr-b-red {
  border-bottom: 1px solid var(--red);
}

.bdr-t-red {
  border-top: 1px solid var(--red);
}

.bdr-b-med-grey {
  border-bottom: 1px solid var(--med-grey);
}

.bdr-t-med-grey {
  border-top: 1px solid var(--med-grey);
}

.bdr-b-lighter-grey {
  border-bottom: 1px solid var(--lighter-grey);
}

.bdr-t-lighter-grey {
  border-top: 1px solid var(--lighter-grey);
}

.bdr-b-dark-blue {
  border-bottom: 1px solid var(--dark-blue);
}

.thick-bdr-t-red-20 {
  border-top: 3px solid var(--red-20);
}

.thick-bdr-t-blue-20 {
  border-top: 3px solid var(--blue-20);
}

#container .invalid,
#container #wc-wrap .invalid {
  border-color: var(--error-red);
}

body.supporter {
  --member-color: var(--bright-blue);
  --member-color-20: var(--bright-blue-20);
}

body.patron {
  --member-color: var(--bright-green);
  --member-color-20: var(--bright-green-20);
}

.member-color {
  color: var(--member-color);
}

.bright-blue {
  color: var(--bright-blue);
}

.bright-green {
  color: var(--bright-green);
}

.bg-member-color {
  background-color: var(--member-color);
}

.bg-bright-blue {
  background-color: var(--bright-blue);
}

.bg-bright-green {
  background-color: var(--bright-green);
}

.bdr-b-member-color {
  border-bottom: 1px solid var(--member-color);
}

.bdr-t-member-color {
  border-top: 1px solid var(--member-color);
}

html, body, h1, h2, h3, h4, h5, h6 {
  font-size: var(--global-font-size);
}

html, body {
  font-family: var(--sans);
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.2em;
}

p {
  line-height: 1.75em;
}
p.less-lh, .less-lh p {
  line-height: 1.33em;
}
p:not(:last-child) {
  margin: 0 0 1em;
}
.less-p-mar p:not(:last-child), p:not(:last-child).less-mar {
  margin-bottom: 0.4em;
}

.serif {
  font-family: var(--serif);
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.title-xxl {
  font-size: 70px;
  line-height: 1em;
}

.title-xl {
  line-height: 1.1em;
  margin-bottom: 0.4em;
}
.title-xl.less-mar {
  margin-bottom: 0.2em;
}
.title-xl.more-mar {
  margin-bottom: 0.6em;
}
.title-xl.extra-mar {
  margin-bottom: 1.2em;
}
.page-title-wrap .title-xl {
  margin-bottom: 0;
  padding: 0.4em 0;
}

.title-lg {
  margin-bottom: 0.4em;
}
.title-lg.more-mar {
  margin-bottom: 0.8em;
}

.title-md {
  margin-bottom: 0.4em;
}
.title-md.more-mar {
  margin-bottom: 1em;
}

.title-sm {
  font-size: 24px;
}
.title-sm.has-mar {
  margin-bottom: 0.4em;
}
.title-sm.more-mar {
  margin-bottom: 1em;
}

.title-sm.has-border,
.title-xs.has-border {
  margin-bottom: 1.2em;
  padding-bottom: 0.6em;
}
.title-sm.has-border.dark-blue,
.title-xs.has-border.dark-blue {
  border-bottom: 1px solid var(--dark-blue);
}
.title-sm.has-border.white,
.title-xs.has-border.white {
  border-bottom: 1px solid var(--white);
}
.title-sm.has-border.red,
.title-xs.has-border.red {
  border-bottom: 1px solid var(--red);
}

.title-xs {
  font-size: 20px;
  margin-bottom: 0.4em;
}
.title-xs.more-mar {
  margin-bottom: 1em;
}

.title-xxs {
  font-size: 18px;
  margin-bottom: 0.8em;
}
.title-xxs.less-mar {
  margin-bottom: 0.4em;
}
.title-xxs.more-mar {
  margin-bottom: 1em;
}

.text-reset {
  font-size: var(--global-font-size);
}

.text-lg {
  font-size: 24px;
}

.text-sm {
  font-size: 18px;
}

.text-xs {
  font-size: 16px;
}

.text-xxs {
  font-size: 14px;
}

.text-xxxs {
  font-size: 12px;
}

#page-title-label {
  left: 0;
  position: absolute;
  right: 0;
  top: -10px;
}
#page-title-label span {
  display: inline-block;
  line-height: 20px;
  padding: 0 20px;
}

.quote::before {
  border-top: 1px solid var(--dark-blue);
  content: "";
  left: 30px;
  position: absolute;
  right: 30px;
  top: 60px;
}
.quote::after {
  background: var(--red-tint) url("images/quote-icon.svg") center center no-repeat;
  content: "";
  height: 60px;
  left: 50%;
  position: absolute;
  top: 30px;
  z-index: 5;
}
#container.amp .quote::after {
  background-image: url("/wp-content/themes/spiked-2018/images/quote-icon.svg");
}

.v-titles-wrap .v-titles {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 30px;
}
.v-titles-wrap .v-titles::after {
  border-left: 1px solid var(--med-grey);
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
}
.v-titles-wrap .v-titles .v-title {
  line-height: 30px;
  position: absolute;
  right: 30px;
  top: 0;
  transform: rotate(-90deg);
  transform-origin: top right;
}
.v-titles-wrap .v-titles .v-title-link {
  bottom: 0;
  left: 30px;
  line-height: 30px;
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: bottom left;
  transition: color 0.3s;
}
.v-titles-wrap .v-titles .v-title-link:hover {
  color: var(--red);
}

.highlighted-text > span {
  padding: 0.1em 0.2em;
}
.highlighted-text.highlight-white > span {
  background: var(--white);
  color: var(--dark-blue);
}
.highlighted-text.highlight-dark-blue > span {
  background: var(--dark-blue);
  color: var(--white);
}
.highlighted-text.highlight-red > span {
  background: var(--red);
  color: var(--white);
}
.highlighted-text.highlight-bright-blue > span {
  background: var(--bright-blue);
  color: var(--white);
}

.cms h2, .cms h3 {
  font-weight: 700;
}
.cms h2:not(:first-child), .cms h3:not(:first-child) {
  margin-top: 2em;
}
.cms h2:not(:last-child), .cms h3:not(:last-child) {
  margin-bottom: 1em;
}
.cms.border-h2s h2 {
  border-bottom: 1px solid var(--dark-blue);
  color: var(--dark-blue);
  font-family: var(--sans);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1.2em;
  padding-bottom: 0.6em;
  text-transform: uppercase;
}
.cms h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 1em 0 0.4em;
}
.cms h4:first-child {
  margin-top: 0;
}
.cms ul {
  list-style: disc;
  margin-bottom: 1em;
  padding: 0 0 0 1.4em;
}
.cms ul li {
  line-height: 1.75em;
  list-style: disc;
}
.cms ol {
  list-style: decimal;
  margin-bottom: 1em;
  padding: 0 0 0 1.8em;
}
.cms ol li {
  line-height: 1.75em;
  list-style: decimal;
}
.cms a,
.cms .text-btn {
  text-decoration: underline;
}
.cms.light strong {
  font-weight: 400;
}
.cms.red-bold strong {
  color: var(--red);
}
.cms.white a {
  color: var(--white);
}
.cms.white a:hover {
  color: var(--light-grey);
}
.cms.style-h-tags h2, .cms.style-h-tags h3 {
  font-family: var(--sans);
  text-transform: uppercase;
}
.cms.style-h-tags h3 {
  font-size: 24px;
}

.caps {
  text-transform: uppercase;
}

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

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

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

@media all and (min-width: 0) and (max-width: 599px) {
  .title-xl {
    font-size: 30px;
  }
  .title-xl.sans {
    font-size: 36px;
  }
  .title-lg {
    font-size: 30px;
  }
  .title-md,
  .cms.style-h-tags h2 {
    font-size: 24px;
  }
  .quote {
    padding: 110px 15px 15px;
  }
  .quote::after {
    margin-left: -75px;
    width: 150px;
  }
  .quote p.quote-text {
    font-size: 24px;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  .v-titles-wrap {
    margin-left: -10px;
    padding-left: 40px;
  }
  .v-titles-wrap .v-titles::after {
    left: 30px;
  }
  .v-titles-wrap .v-titles .title-md {
    font-size: 20px;
  }
  .text-xl {
    font-size: 22px;
  }
}
@media all and (min-width: 600px) {
  .title-xl {
    font-size: 52px;
  }
  .title-xl.sans {
    font-size: 46px;
  }
  .title-lg {
    font-size: 36px;
  }
  .title-md,
  .cms.style-h-tags h2 {
    font-size: 30px;
  }
  .quote {
    padding: 140px 30px 30px;
  }
  .quote::after {
    margin-left: -100px;
    width: 200px;
  }
  .quote p.quote-text {
    font-size: 30px;
  }
}
@media all and (min-width: 768px) {
  .v-titles-wrap {
    padding-left: 80px;
  }
  .v-titles-wrap .v-titles::after {
    left: 45px;
  }
  .text-xl {
    font-size: 30px;
  }
  .text-c-sm {
    text-align: center;
  }
}
a img {
  border: 0;
}

img,
video {
  display: block;
}
img.w-100,
video.w-100 {
  height: auto;
}
img.h-100,
video.h-100 {
  width: auto;
}
img.obj-cvr, img.obj-cntn,
video.obj-cvr,
video.obj-cntn {
  height: 100%;
  width: 100%;
}
img.obj-cvr,
video.obj-cvr {
  object-fit: cover;
}
img.obj-cvr.right,
video.obj-cvr.right {
  object-position: right center;
}
img.obj-cvr.left,
video.obj-cvr.left {
  object-position: left center;
}
img.obj-cvr.top,
video.obj-cvr.top {
  object-position: top center;
}
img.obj-cvr.bottom,
video.obj-cvr.bottom {
  object-position: bottom center;
}
img.obj-cntn,
video.obj-cntn {
  object-fit: contain;
}
img.multiply,
video.multiply {
  mix-blend-mode: multiply;
}

amp-img {
  display: block;
}
amp-img.w-100 {
  height: auto;
  max-width: 100%;
}
amp-img.obj-cvr, amp-img.obj-cntn {
  max-width: 100%;
}
amp-img.h-100 {
  height: 100%;
  width: auto;
}

.bg-cvr {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.video-wrap::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.video-wrap iframe,
.video-wrap video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

iframe {
  border: 0;
  display: block;
}

.cms .floatright,
.cms .floatleft {
  color: var(--light-grey);
  font-family: var(--sans);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 30px;
}
#container.amp .cms .floatright,
#container.amp .cms .floatleft {
  display: none;
}
.cms .floatright strong, .cms .floatright b, .cms .floatright em, .cms .floatright i,
.cms .floatleft strong,
.cms .floatleft b,
.cms .floatleft em,
.cms .floatleft i {
  font-style: normal;
  font-weight: 400;
}
.cms img {
  height: auto;
  margin-bottom: 10px;
  max-width: 100%;
}
.cms iframe {
  width: 100%;
}

button,
input:not([type=file]),
textarea,
select,
#wc-wrap input.input-text,
#wc-wrap textarea,
#wc-wrap select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: var(--sans);
}

input[type=checkbox],
input[type=radio],
input[type=submit],
button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

input[type=checkbox],
input[type=radio],
button {
  background: none;
}

button,
input[type=submit] {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: inherit;
  justify-content: center;
  text-align: center;
}
button.block, button.flex:not(.inline),
input[type=submit].block,
input[type=submit].flex:not(.inline) {
  width: 100%;
}
button:disabled,
input[type=submit]:disabled {
  cursor: default;
}

input.text,
textarea,
select,
#wc-wrap input.input-text,
#wc-wrap textarea,
#wc-wrap select {
  background-color: var(--off-white);
  border: 1px solid var(--off-white);
  border-radius: 0;
  color: var(--dark-grey);
  font-size: 16px;
  line-height: 20px;
  padding: 9px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
input.text::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
#wc-wrap input.input-text::-webkit-input-placeholder,
#wc-wrap textarea::-webkit-input-placeholder,
#wc-wrap select::-webkit-input-placeholder {
  color: var(--light-grey);
}
input.text::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
#wc-wrap input.input-text::-moz-placeholder,
#wc-wrap textarea::-moz-placeholder,
#wc-wrap select::-moz-placeholder {
  color: var(--light-grey);
}
input.text::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder,
#wc-wrap input.input-text::-ms-input-placeholder,
#wc-wrap textarea::-ms-input-placeholder,
#wc-wrap select::-ms-input-placeholder {
  color: var(--light-grey);
}
input.text::-webkit-outer-spin-button, input.text::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button,
#wc-wrap input.input-text::-webkit-outer-spin-button,
#wc-wrap input.input-text::-webkit-inner-spin-button,
#wc-wrap textarea::-webkit-outer-spin-button,
#wc-wrap textarea::-webkit-inner-spin-button,
#wc-wrap select::-webkit-outer-spin-button,
#wc-wrap select::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input.text,
select,
#wc-wrap input.input-text,
#wc-wrap select {
  height: 40px;
}

textarea,
#wc-wrap textarea {
  height: 120px;
  resize: none;
}

select {
  background-image: url("images/dropdown-arrow.svg");
  background-position: right 15px center;
  background-repeat: no-repeat;
}
select.currency {
  max-width: 120px;
}

.sp-form input.text,
.sp-form textarea,
.sp-form select,
#wc-wrap .sp-form input.text,
#wc-wrap .sp-form textarea,
#wc-wrap .sp-form select,
#commentform input.text,
#commentform textarea,
#commentform select {
  display: block;
  width: 100%;
}
.sp-form input.text[readonly],
.sp-form textarea[readonly],
.sp-form select[readonly],
#wc-wrap .sp-form input.text[readonly],
#wc-wrap .sp-form textarea[readonly],
#wc-wrap .sp-form select[readonly],
#commentform input.text[readonly],
#commentform textarea[readonly],
#commentform select[readonly] {
  color: var(--light-grey);
}
.sp-form input.text.rounded-field,
.sp-form textarea.rounded-field,
.sp-form select.rounded-field,
#wc-wrap .sp-form input.text.rounded-field,
#wc-wrap .sp-form textarea.rounded-field,
#wc-wrap .sp-form select.rounded-field,
#commentform input.text.rounded-field,
#commentform textarea.rounded-field,
#commentform select.rounded-field {
  background-color: var(--white);
  border-color: var(--lighter-grey);
  border-radius: 8px;
}
.sp-form input.text.red,
.sp-form textarea.red,
.sp-form select.red,
#wc-wrap .sp-form input.text.red,
#wc-wrap .sp-form textarea.red,
#wc-wrap .sp-form select.red,
#commentform input.text.red,
#commentform textarea.red,
#commentform select.red {
  color: var(--red);
}
.sp-form input.text.red::-webkit-input-placeholder,
.sp-form textarea.red::-webkit-input-placeholder,
.sp-form select.red::-webkit-input-placeholder,
#wc-wrap .sp-form input.text.red::-webkit-input-placeholder,
#wc-wrap .sp-form textarea.red::-webkit-input-placeholder,
#wc-wrap .sp-form select.red::-webkit-input-placeholder,
#commentform input.text.red::-webkit-input-placeholder,
#commentform textarea.red::-webkit-input-placeholder,
#commentform select.red::-webkit-input-placeholder {
  color: var(--red);
}
.sp-form input.text.red::-moz-placeholder,
.sp-form textarea.red::-moz-placeholder,
.sp-form select.red::-moz-placeholder,
#wc-wrap .sp-form input.text.red::-moz-placeholder,
#wc-wrap .sp-form textarea.red::-moz-placeholder,
#wc-wrap .sp-form select.red::-moz-placeholder,
#commentform input.text.red::-moz-placeholder,
#commentform textarea.red::-moz-placeholder,
#commentform select.red::-moz-placeholder {
  color: var(--red);
}
.sp-form input.text.red::-ms-input-placeholder,
.sp-form textarea.red::-ms-input-placeholder,
.sp-form select.red::-ms-input-placeholder,
#wc-wrap .sp-form input.text.red::-ms-input-placeholder,
#wc-wrap .sp-form textarea.red::-ms-input-placeholder,
#wc-wrap .sp-form select.red::-ms-input-placeholder,
#commentform input.text.red::-ms-input-placeholder,
#commentform textarea.red::-ms-input-placeholder,
#commentform select.red::-ms-input-placeholder {
  color: var(--red);
}
.sp-form input.text.med-grey,
.sp-form textarea.med-grey,
.sp-form select.med-grey,
#wc-wrap .sp-form input.text.med-grey,
#wc-wrap .sp-form textarea.med-grey,
#wc-wrap .sp-form select.med-grey,
#commentform input.text.med-grey,
#commentform textarea.med-grey,
#commentform select.med-grey {
  color: var(--med-grey);
}
.sp-form input.text.med-grey::-webkit-input-placeholder,
.sp-form textarea.med-grey::-webkit-input-placeholder,
.sp-form select.med-grey::-webkit-input-placeholder,
#wc-wrap .sp-form input.text.med-grey::-webkit-input-placeholder,
#wc-wrap .sp-form textarea.med-grey::-webkit-input-placeholder,
#wc-wrap .sp-form select.med-grey::-webkit-input-placeholder,
#commentform input.text.med-grey::-webkit-input-placeholder,
#commentform textarea.med-grey::-webkit-input-placeholder,
#commentform select.med-grey::-webkit-input-placeholder {
  color: var(--med-grey);
}
.sp-form input.text.med-grey::-moz-placeholder,
.sp-form textarea.med-grey::-moz-placeholder,
.sp-form select.med-grey::-moz-placeholder,
#wc-wrap .sp-form input.text.med-grey::-moz-placeholder,
#wc-wrap .sp-form textarea.med-grey::-moz-placeholder,
#wc-wrap .sp-form select.med-grey::-moz-placeholder,
#commentform input.text.med-grey::-moz-placeholder,
#commentform textarea.med-grey::-moz-placeholder,
#commentform select.med-grey::-moz-placeholder {
  color: var(--med-grey);
}
.sp-form input.text.med-grey::-ms-input-placeholder,
.sp-form textarea.med-grey::-ms-input-placeholder,
.sp-form select.med-grey::-ms-input-placeholder,
#wc-wrap .sp-form input.text.med-grey::-ms-input-placeholder,
#wc-wrap .sp-form textarea.med-grey::-ms-input-placeholder,
#wc-wrap .sp-form select.med-grey::-ms-input-placeholder,
#commentform input.text.med-grey::-ms-input-placeholder,
#commentform textarea.med-grey::-ms-input-placeholder,
#commentform select.med-grey::-ms-input-placeholder {
  color: var(--med-grey);
}
.sp-form input.text.member-color,
.sp-form textarea.member-color,
.sp-form select.member-color,
#wc-wrap .sp-form input.text.member-color,
#wc-wrap .sp-form textarea.member-color,
#wc-wrap .sp-form select.member-color,
#commentform input.text.member-color,
#commentform textarea.member-color,
#commentform select.member-color {
  background-color: var(--white);
  border-color: var(--lighter-grey);
  border-radius: 8px;
  color: var(--member-color);
}
.sp-form input.text.member-color::-webkit-input-placeholder,
.sp-form textarea.member-color::-webkit-input-placeholder,
.sp-form select.member-color::-webkit-input-placeholder,
#wc-wrap .sp-form input.text.member-color::-webkit-input-placeholder,
#wc-wrap .sp-form textarea.member-color::-webkit-input-placeholder,
#wc-wrap .sp-form select.member-color::-webkit-input-placeholder,
#commentform input.text.member-color::-webkit-input-placeholder,
#commentform textarea.member-color::-webkit-input-placeholder,
#commentform select.member-color::-webkit-input-placeholder {
  color: var(--member-color);
}
.sp-form input.text.member-color::-moz-placeholder,
.sp-form textarea.member-color::-moz-placeholder,
.sp-form select.member-color::-moz-placeholder,
#wc-wrap .sp-form input.text.member-color::-moz-placeholder,
#wc-wrap .sp-form textarea.member-color::-moz-placeholder,
#wc-wrap .sp-form select.member-color::-moz-placeholder,
#commentform input.text.member-color::-moz-placeholder,
#commentform textarea.member-color::-moz-placeholder,
#commentform select.member-color::-moz-placeholder {
  color: var(--member-color);
}
.sp-form input.text.member-color::-ms-input-placeholder,
.sp-form textarea.member-color::-ms-input-placeholder,
.sp-form select.member-color::-ms-input-placeholder,
#wc-wrap .sp-form input.text.member-color::-ms-input-placeholder,
#wc-wrap .sp-form textarea.member-color::-ms-input-placeholder,
#wc-wrap .sp-form select.member-color::-ms-input-placeholder,
#commentform input.text.member-color::-ms-input-placeholder,
#commentform textarea.member-color::-ms-input-placeholder,
#commentform select.member-color::-ms-input-placeholder {
  color: var(--member-color);
}
.sp-form .field-label,
#wc-wrap .sp-form .field-label,
#commentform .field-label {
  line-height: 1.4em;
  margin-bottom: 0.2em;
}
.sp-form .password-wrap,
#wc-wrap .sp-form .password-wrap,
#commentform .password-wrap {
  background-color: var(--off-white);
  border: 1px solid var(--off-white);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.sp-form .password-wrap input.password,
#wc-wrap .sp-form .password-wrap input.password,
#commentform .password-wrap input.password {
  border: 0;
}
.sp-form .password-wrap button.show-hide,
#wc-wrap .sp-form .password-wrap button.show-hide,
#commentform .password-wrap button.show-hide {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.sp-form .password-wrap button.show-hide::after,
#wc-wrap .sp-form .password-wrap button.show-hide::after,
#commentform .password-wrap button.show-hide::after {
  background: url("images/show-hide.svg") no-repeat;
  content: "";
  height: 17px;
  width: 18px;
}
.sp-form .password-wrap button.show-hide.hide::after,
#wc-wrap .sp-form .password-wrap button.show-hide.hide::after,
#commentform .password-wrap button.show-hide.hide::after {
  background-position: 0 -17px;
}
.sp-form .member-pw-wrap .password-wrap,
#wc-wrap .sp-form .member-pw-wrap .password-wrap,
#commentform .member-pw-wrap .password-wrap {
  background-color: var(--white);
  border-color: var(--lighter-grey);
  border-radius: 8px;
}
.sp-form .member-pw-wrap .password-wrap input.password,
#wc-wrap .sp-form .member-pw-wrap .password-wrap input.password,
#commentform .member-pw-wrap .password-wrap input.password {
  background: none;
}

.radio-wrap.invalid,
.checkbox-wrap.invalid {
  color: var(--error-red);
}

#lstc-comment-subscription {
  align-items: center;
  display: flex;
  line-height: 1.33em;
}

.checkbox-wrap:not(.big) {
  line-height: 20px;
}

.radio-wrap input[type=radio],
.checkbox-wrap input[type=checkbox],
body:not(.woocommerce-view-subscription) #wc-wrap input[type=radio]:not(.btn),
#wc-wrap input[type=checkbox],
#lstc-comment-subscription input[type=checkbox] {
  display: inline-flex;
  flex-shrink: 0;
}

.checkbox-wrap:not(.big) input[type=checkbox],
#wc-wrap input[type=checkbox],
#lstc-comment-subscription input[type=checkbox] {
  background-color: var(--lighter-grey);
  border: 1px solid var(--med-grey);
  border-radius: 3px;
  flex-basis: 18px;
  height: 18px;
  margin-right: 0.8em;
  min-width: 18px;
  width: 18px;
}
.checkbox-wrap:not(.big) input[type=checkbox]:checked,
#wc-wrap input[type=checkbox]:checked,
#lstc-comment-subscription input[type=checkbox]:checked {
  background-image: url("images/tick-med-grey.svg");
  background-position: center center;
  background-repeat: no-repeat;
}

.checkbox-wrap.big input[type=checkbox] {
  background-color: var(--off-white);
  border: 1px solid var(--med-grey);
  border-radius: 6px;
  flex-basis: 28px;
  height: 28px;
  min-width: 28px;
  width: 28px;
}
.checkbox-wrap.big input[type=checkbox]#include-book-cb {
  background-color: var(--white);
}
.checkbox-wrap.big input[type=checkbox]:checked {
  background-image: url("images/tick-red.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px auto;
}

.radio-wrap:not(.as-btn) input[type=radio],
body:not(.woocommerce-view-subscription) #wc-wrap input[type=radio]:not(.btn) {
  align-items: center;
  background: var(--lighter-grey);
  border: 1px solid var(--med-grey);
  border-radius: 50%;
  display: inline-flex;
  flex-basis: 16px;
  height: 16px;
  justify-content: center;
  margin-right: 0.6em;
  min-width: 16px;
  width: 16px;
}
.radio-wrap:not(.as-btn) input[type=radio]::before,
body:not(.woocommerce-view-subscription) #wc-wrap input[type=radio]:not(.btn)::before {
  background: var(--dark-blue);
  border-radius: 50%;
  content: "";
  height: 8px;
  opacity: 0;
  transition: 0.3s;
  width: 8px;
}
.radio-wrap:not(.as-btn) input[type=radio]:checked::before,
body:not(.woocommerce-view-subscription) #wc-wrap input[type=radio]:not(.btn):checked::before {
  opacity: 1;
}

.radio-wrap.as-btn input[type=radio] {
  background: var(--white);
  cursor: pointer;
  display: flex;
}
.radio-wrap.as-btn input[type=radio]:checked:hover {
  opacity: 1;
}
.radio-wrap.as-btn input[type=radio].flex {
  width: 100%;
}
.radio-wrap.as-btn input[type=radio] + .label {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 0 10px;
  text-transform: uppercase;
  white-space: nowrap;
}
.radio-wrap.as-btn input[type=radio].bg-member-color:checked, .radio-wrap.as-btn input[type=radio].bg-member-color:checked:hover {
  background: var(--member-color);
}
.radio-wrap.as-btn input[type=radio].bg-member-color:checked + .label, .radio-wrap.as-btn input[type=radio].bg-member-color:checked:hover + .label {
  color: var(--white);
}
.radio-wrap.as-btn input[type=radio].bg-member-color:not(:checked) {
  background: var(--off-white);
}
.radio-wrap.as-btn input[type=radio].bg-member-color:not(:checked) + .label {
  color: var(--dark-grey);
}
.radio-wrap.as-btn input[type=radio].bg-member-color:not(:checked):hover {
  background: var(--member-color-20);
}
.radio-wrap.as-btn input[type=radio].bg-member-color:not(:checked):hover + .label {
  color: var(--member-color);
}
.radio-wrap.as-btn input[type=radio].bg-red:checked, .radio-wrap.as-btn input[type=radio].bg-red:checked:hover {
  background: var(--red);
}
.radio-wrap.as-btn input[type=radio].bg-red:checked + .label, .radio-wrap.as-btn input[type=radio].bg-red:checked:hover + .label {
  color: var(--white);
}
.radio-wrap.as-btn input[type=radio].bg-red:not(:checked):hover {
  background: var(--red-20);
}
.radio-wrap.as-btn input[type=radio].bg-red:not(:checked) + .label {
  color: var(--red);
}
.radio-wrap.as-btn input[type=radio].amount-btn {
  background: var(--off-white);
  color: var(--dark-blue);
  transition: background 0.3s;
}
.radio-wrap.as-btn input[type=radio].amount-btn:checked {
  background: var(--red);
}
.radio-wrap.as-btn input[type=radio].amount-btn:checked + .label {
  color: var(--white);
}
.radio-wrap.as-btn input[type=radio].amount-btn:not(:checked):hover {
  border: 2px solid var(--red);
}
.radio-wrap.as-btn input[type=radio].amount-btn:not(:checked):hover + .label {
  color: var(--red);
}
.radio-wrap.as-btn input[type=radio].optin-btn {
  background: var(--off-white);
  color: var(--dark-blue);
  transition: background 0.3s;
}
.radio-wrap.as-btn input[type=radio].optin-btn:checked {
  background: var(--red);
}
.radio-wrap.as-btn input[type=radio].optin-btn:checked + .label {
  color: var(--white);
}
.radio-wrap.as-btn input[type=radio].optin-btn:not(:checked):hover + .label {
  color: var(--red);
}

.form-error {
  border: 1px dashed var(--error-red);
  line-height: 1.4em;
  padding: 8px;
}

.form-notice {
  background: var(--white);
  border-top: 5px solid var(--dark-blue);
  line-height: 1.4em;
  padding: 15px 0;
}

a,
.text-btn {
  color: var(--red);
  text-decoration: none;
}
a:hover,
.text-btn:hover {
  color: var(--dark-blue);
}
a.light-grey,
.text-btn.light-grey {
  color: var(--light-grey);
}
a.light-grey:hover,
.text-btn.light-grey:hover {
  color: var(--dark-blue);
}
a.med-grey,
.text-btn.med-grey {
  color: var(--med-grey);
}
a.med-grey:hover,
.text-btn.med-grey:hover {
  color: var(--red);
}
a.dark-grey,
.text-btn.dark-grey {
  color: var(--dark-grey);
}
a.dark-grey:not(.no-hover):hover,
.text-btn.dark-grey:not(.no-hover):hover {
  color: var(--red);
}
a.dark-blue,
.text-btn.dark-blue {
  color: var(--dark-blue);
}
a.dark-blue:hover,
.text-btn.dark-blue:hover {
  color: var(--red);
}

a.underline,
button.underline {
  text-decoration: underline;
}

a,
button,
.btn,
.size-guide-btn a,
#wc-wrap .button {
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
}

.btn,
.size-guide-btn a,
#wc-wrap .button {
  align-items: center;
  color: var(--white);
  display: inline-flex;
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
}
.btn.block,
.size-guide-btn a.block,
#wc-wrap .button.block {
  display: flex;
}
.btn.wide,
.size-guide-btn a.wide,
#wc-wrap .button.wide {
  min-width: 180px;
}
.btn.rounded,
.size-guide-btn a.rounded,
#wc-wrap .button.rounded {
  border-radius: 15px;
}
.btn.small,
.size-guide-btn a.small,
#wc-wrap .button.small {
  font-size: 12px;
  height: 26px;
  padding: 0 10px;
}
.btn.small.rounded,
.size-guide-btn a.small.rounded,
#wc-wrap .button.small.rounded {
  border-radius: 13px;
}
.btn.big,
.size-guide-btn a.big,
#wc-wrap .button.big {
  height: 40px;
}
.btn.big.rounded,
.size-guide-btn a.big.rounded,
#wc-wrap .button.big.rounded {
  border-radius: 20px;
}
.btn.big.has-arrow,
.size-guide-btn a.big.has-arrow,
#wc-wrap .button.big.has-arrow {
  gap: 15px;
}
.btn.big.has-arrow::after,
.size-guide-btn a.big.has-arrow::after,
#wc-wrap .button.big.has-arrow::after {
  background: url("images/arrow-simple.svg") no-repeat;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
.btn:disabled,
.size-guide-btn a:disabled,
#wc-wrap .button:disabled {
  opacity: 0.3;
}
.btn:not(.bdr-white):not(.bdr-dark-blue):not(.dark-hover):not(:disabled):not(.disabled):not([type=radio]):hover,
.size-guide-btn a:not(.bdr-white):not(.bdr-dark-blue):not(.dark-hover):not(:disabled):not(.disabled):not([type=radio]):hover,
#wc-wrap .button:not(.bdr-white):not(.bdr-dark-blue):not(.dark-hover):not(:disabled):not(.disabled):not([type=radio]):hover {
  opacity: 0.8;
}
.btn:not(.bdr-white):not(.bg-white):not(.bg-yellow):not(:disabled):not(.disabled):hover,
.size-guide-btn a:not(.bdr-white):not(.bg-white):not(.bg-yellow):not(:disabled):not(.disabled):hover,
#wc-wrap .button:not(.bdr-white):not(.bg-white):not(.bg-yellow):not(:disabled):not(.disabled):hover {
  color: var(--white);
}
.btn.bg-white, .btn.bg-lighter-grey, .btn.bg-yellow,
.size-guide-btn a.bg-white,
.size-guide-btn a.bg-lighter-grey,
.size-guide-btn a.bg-yellow,
#wc-wrap .button.bg-white,
#wc-wrap .button.bg-lighter-grey,
#wc-wrap .button.bg-yellow {
  color: var(--dark-blue);
}
.btn.bdr-dark-blue,
.size-guide-btn a.bdr-dark-blue,
#wc-wrap .button.bdr-dark-blue {
  border: 1px solid var(--dark-blue);
  color: var(--dark-blue);
}
.btn.bdr-white,
.size-guide-btn a.bdr-white,
#wc-wrap .button.bdr-white {
  border: 1px solid var(--white);
  color: var(--white);
}
.btn.bdr-white:hover,
.size-guide-btn a.bdr-white:hover,
#wc-wrap .button.bdr-white:hover {
  background: var(--white);
  color: var(--dark-blue);
}
.btn.bdr-dark-blue:hover, .btn.dark-hover:hover,
.size-guide-btn a.bdr-dark-blue:hover,
.size-guide-btn a.dark-hover:hover,
#wc-wrap .button.bdr-dark-blue:hover,
#wc-wrap .button.dark-hover:hover {
  background-color: var(--dark-blue);
  color: var(--white);
}

#wc-wrap .button,
.size-guide-btn a {
  background: var(--red);
  height: 40px;
}

#wc-wrap .button,
.size-guide-btn a {
  border-radius: 20px;
}

#wc-wrap .button#place_order, #wc-wrap .button.checkout-button {
  display: flex;
  margin-bottom: 0;
}

.play-icon {
  height: 46px;
  left: 50%;
  margin: -23px 0 0 -23px;
  position: absolute;
  top: 50%;
  width: 46px;
}
.play-icon::after {
  border-bottom: 13px solid transparent;
  border-left: 18px solid var(--white);
  border-top: 13px solid transparent;
  content: "";
  left: 50%;
  margin: -13px 0 0 -6px;
  position: absolute;
  top: 50%;
}

.play-icon-title {
  display: inline-flex;
  height: 1em;
  margin-right: 0.333em;
  position: relative;
  vertical-align: top;
  width: 1em;
}
.play-icon-title::after {
  border-bottom: 0.25em solid transparent;
  border-left: 0.35em solid var(--white);
  border-top: 0.25em solid transparent;
  content: "";
  left: 50%;
  margin: -0.25em 0 0 -0.125em;
  position: absolute;
  top: 50%;
}

.up-down-arw {
  align-items: center;
  display: inline-flex;
}
.up-down-arw::after {
  background: url("images/dropdown-arrow.svg") no-repeat;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  height: 7px;
  margin-left: 6px;
  transition: transform 0.3s;
  width: 11px;
}
.accordion-item.active .up-down-arw::after {
  transform: rotate(180deg);
}

.two-btns-wrap .btn:not(:last-child) {
  margin-right: 15px;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .btn.huge-rounded {
    border-radius: 20px;
    font-size: 18px;
    height: 44px;
    letter-spacing: 0.5px;
  }
}
@media all and (min-width: 768px) {
  .btn.huge-rounded {
    border-radius: 28px;
    font-size: 20px;
    height: 56px;
    letter-spacing: 0.5px;
  }
}
.hidden {
  display: none;
}

.block {
  display: block;
}

.flex {
  display: flex;
}
.flex.inline {
  display: inline-flex;
}

@media all and (min-width: 360px) {
  .hidden-xxs {
    display: none;
  }
  .block-xxs {
    display: block;
  }
  .inline-xxs {
    display: inline;
  }
  .flex-xxs {
    display: flex;
  }
  .flex-xxs.inline {
    display: inline-flex;
  }
}
@media all and (min-width: 600px) {
  .hidden-xs {
    display: none;
  }
  .block-xs {
    display: block;
  }
  .inline-xs {
    display: inline;
  }
  .flex-xs {
    display: flex;
  }
  .flex-xs.inline {
    display: inline-flex;
  }
}
@media all and (min-width: 768px) {
  .hidden-sm {
    display: none;
  }
  .block-sm {
    display: block;
  }
  .inline-sm {
    display: inline;
  }
  .flex-sm {
    display: flex;
  }
  .flex-sm.inline {
    display: inline-flex;
  }
}
@media all and (min-width: 1024px) {
  .hidden-md {
    display: none;
  }
  .block-md {
    display: block;
  }
  .inline-md {
    display: inline;
  }
  .flex-md {
    display: flex;
  }
  .flex-md.inline {
    display: inline-flex;
  }
}
@media all and (min-width: 1260px) {
  .hidden-lg {
    display: none;
  }
  .block-lg {
    display: block;
  }
  .inline-lg {
    display: inline;
  }
  .flex-lg {
    display: flex;
  }
  .flex-lg.inline {
    display: inline-flex;
  }
}
@media all and (min-width: 1420px) {
  .hidden-xl {
    display: none;
  }
  .block-xl {
    display: block;
  }
  .inline-xl {
    display: inline;
  }
  .flex-xl {
    display: flex;
  }
  .flex-xl.inline {
    display: inline-flex;
  }
}
.mw-120 {
  max-width: 120px;
}

.mw-140 {
  max-width: 140px;
}

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

.mw-300 {
  max-width: 300px;
}

.mw-400 {
  max-width: 400px;
}

.mw-480 {
  max-width: 480px;
}

.mw-550 {
  max-width: 550px;
}

.mw-600 {
  max-width: 600px;
}

.mw-650 {
  max-width: 650px;
}

.mw-700 {
  max-width: 700px;
}

.mw-800 {
  max-width: 800px;
}

.mw-850 {
  max-width: 850px;
}

.mw-1000 {
  max-width: 1000px;
}

.opc-20 {
  opacity: 0.2;
}

.opc-50 {
  opacity: 0.5;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.abs-box,
.fxd-box {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.abs-box {
  position: absolute;
}

.fxd-box {
  position: fixed;
}

.rds-50 {
  border-radius: 50%;
}

.sq-box::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.landscape-box::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.abs {
  position: absolute;
}

.rel,
.on-top {
  position: relative;
}

.on-top,
.z-5 {
  z-index: 5;
}

.z-10 {
  z-index: 10;
}

.over-hide {
  overflow: hidden;
}

.over-auto {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

#container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 320px;
}

#main {
  flex-grow: 1;
}
body.sticky-header #main {
  padding-top: var(--header-height);
}

@media all and (min-width: 0) and (max-width: 1023px) {
  body.nav-open #main {
    padding-top: var(--header-height);
  }
}
#header {
  position: relative;
  z-index: 50;
}
body:not(.sticky-header).page-template-template-about-php #header, body:not(.sticky-header).page-template-template-support-spiked-php #header, body:not(.sticky-header).page-template-template-appeal-landing-php #header, body.woocommerce-checkout #header {
  background: var(--light-blue);
}
body.sticky-header #header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

#header-top {
  border-bottom: 1px solid transparent;
}
body.sticky-header #header-top, #container.amp #header-top {
  border-bottom-color: var(--lighter-grey);
}

#logo {
  background: url("images/logo.svg") no-repeat;
  background-size: contain;
  font-size: 0;
  height: var(--logo-height);
  width: var(--logo-width);
}
#container.amp #logo {
  background-image: url("/wp-content/themes/spiked-2018/images/logo.svg");
}

.header-account-wrap .header-account-btn {
  align-items: center;
  color: var(--white);
  display: flex;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.header-account-wrap .header-account-btn:not(.has-user) {
  background-color: var(--light-grey);
}
.header-account-wrap .header-account-btn.has-user.free {
  background-color: var(--red);
}
.header-account-wrap .header-account-btn.has-user.supporter {
  background-color: var(--bright-blue);
}
.header-account-wrap .header-account-btn.has-user.patron {
  background-color: var(--bright-green);
}
.header-account-wrap .header-account-btn .icon {
  background: url("images/account.svg") center center no-repeat;
  border: 1px solid var(--white);
  border-radius: 50%;
  content: "";
}
#container.amp .header-account-wrap .header-account-btn .icon {
  background-image: url("/wp-content/themes/spiked-2018/images/account.svg");
}
.header-account-wrap .dropdown {
  box-shadow: 0 0 20px var(--black-20);
  min-width: 150px;
  position: absolute;
  top: calc(100% + 10px);
  white-space: nowrap;
  z-index: 10;
}
.header-account-wrap .dropdown a,
.header-account-wrap .dropdown button {
  height: 35px;
  padding: 0 15px;
}
.header-account-wrap .dropdown a:not(:last-child),
.header-account-wrap .dropdown button:not(:last-child) {
  border-bottom: 1px solid var(--lighter-grey);
}

#header-tools {
  height: 30px;
}

#header-social a:not(:last-child) {
  margin-right: 10px;
}

#header-cart {
  background: url("images/basket.svg") no-repeat;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  height: 30px;
  margin-right: 15px;
  width: 33px;
}
#container.amp #header-cart {
  background-image: url("/wp-content/themes/spiked-2018/images/basket.svg");
}
#header-cart div {
  font-size: 8px;
  height: 14px;
  line-height: 15px;
  position: absolute;
  right: -2px;
  top: -4px;
  width: 14px;
}

@media all and (min-width: 0) and (max-width: 1023px) {
  body.nav-open #header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  #header-inner {
    height: calc(var(--header-height) - 1px);
    padding: var(--header-pad-y) 0;
  }
  #logo {
    left: 50%;
    position: absolute;
    top: calc(var(--header-pad-y) + 3px);
    transform: translateX(-50%);
    z-index: 10;
  }
  #header-tools {
    justify-content: center;
  }
  #header-account-desktop {
    display: none;
  }
  #header-account-mobile .header-account-btn {
    border-radius: 11px;
    font-size: 12px;
    height: 22px;
    padding: 0 8px 0 3px;
  }
  #header-account-mobile .header-account-btn .icon {
    background-size: 11px auto;
    height: 16px;
    margin-right: 4px;
    width: 16px;
  }
  #header-account-mobile .dropdown {
    right: 0;
  }
}
@media all and (min-width: 1024px) {
  #header-account-mobile {
    display: none;
  }
  #header-account-desktop {
    margin-right: 15px;
  }
  #header-account-desktop .header-account-btn {
    border-radius: 13px;
    font-size: 14px;
    height: 26px;
    padding: 0 10px 0 3px;
  }
  #header-account-desktop .header-account-btn .icon {
    background-size: 14px auto;
    height: 20px;
    margin-right: 5px;
    width: 20px;
  }
  #header-account-desktop .dropdown {
    left: 50%;
    transform: translateX(-50%);
  }
  body:not(.sticky-header) #header-inner {
    height: calc(var(--header-height) - 1px);
    padding-top: 76px;
  }
  body:not(.sticky-header) #logo {
    left: 50%;
    position: absolute;
    top: 90px;
    transform: translateX(-50%);
    z-index: 10;
  }
  body:not(.sticky-header) #header-tools {
    position: absolute;
    right: 0;
    top: 20px;
  }
  body.sticky-header #header-inner {
    height: calc(var(--header-height-sticky) - 1px);
    justify-content: flex-start;
    padding: 10px 0;
  }
  body.sticky-header #logo {
    flex-shrink: 0;
    height: 21px;
    margin-right: 25px;
    width: 60px;
  }
  body.sticky-header #header-tools {
    margin-right: 10px;
  }
}
#nav-wrap #nav .main-menu ul.menu > li > a,
#nav-wrap #nav .main-menu ul.menu > li > button,
#nav-wrap #nav .main-menu ul.menu > li .accordion-title {
  color: var(--dark-grey);
  display: block;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
}
#nav-wrap #nav .main-menu ul.menu > li .accordion-title {
  background: none;
  border: 0;
}
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children {
  position: relative;
}
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children > button,
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children .accordion-title {
  position: relative;
  z-index: 5;
}
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children > button::after,
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children .accordion-title::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--dark-blue);
  content: "";
  margin-top: -3px;
  position: absolute;
  right: 4px;
  top: 50%;
  transition: transform 0.3s;
}
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children ul.sub-menu > li > a {
  color: var(--dark-grey);
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children.active > button::after,
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children.active .accordion-title::after,
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children .accordion-section[expanded] > button::after,
#nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children .accordion-section[expanded] .accordion-title::after {
  border-top-color: var(--red);
  transform: rotate(180deg);
}
body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.active > button,
body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.active .accordion-title,
body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li .accordion-section[expanded] > button,
body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li .accordion-section[expanded] .accordion-title {
  background: var(--dark-blue);
  color: var(--white);
}
body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.support > a {
  background: var(--dark-blue);
  border-bottom-color: var(--dark-blue);
  color: var(--white);
}

@media all and (min-width: 0) and (max-width: 1023px) {
  #nav-btn {
    border: 12px solid transparent;
    height: 40px;
    margin-left: -12px;
    width: 48px;
    z-index: 10;
  }
  #nav-btn span {
    background: var(--red);
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.3s, transform 0.3s;
  }
  #nav-btn span.line-1 {
    top: 0;
  }
  #nav-btn span.line-2, #nav-btn span.line-3 {
    top: 7px;
  }
  #nav-btn span.line-4 {
    top: 14px;
  }
  body.nav-open #nav-btn span.line-1, body.nav-open #nav-btn span.line-4 {
    opacity: 0;
  }
  body.nav-open #nav-btn span.line-2 {
    transform: rotate(45deg);
  }
  body.nav-open #nav-btn span.line-3 {
    transform: rotate(-45deg);
  }
  #nav-wrap {
    -webkit-overflow-scrolling: touch;
    background: var(--white);
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: var(--header-height) 15px 15px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 5;
  }
  body:not(.nav-open) #nav-wrap {
    opacity: 0;
    visibility: hidden;
  }
  #nav-wrap #nav #main-menu-left {
    border-top: 1px solid var(--lighter-grey);
  }
  #nav-wrap #nav #main-menu-right {
    margin-bottom: 15px;
  }
  #nav-wrap #nav .main-menu ul.menu > li > a,
  #nav-wrap #nav .main-menu ul.menu > li > button,
  #nav-wrap #nav .main-menu ul.menu > li .accordion-title {
    border-bottom: 1px solid var(--lighter-grey);
    line-height: 1.2em;
    padding: 7px 0;
  }
  #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children > ul.sub-menu {
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
    visibility: visible;
  }
  #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children ul.sub-menu > li > a {
    border-bottom: 1px solid var(--lighter-grey);
    padding: 7px 0;
  }
  #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children.active > button,
  #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children.active .accordion-title,
  #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children .accordion-section[expanded] > button,
  #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children .accordion-section[expanded] .accordion-title {
    background: var(--dark-blue);
    border-bottom-color: transparent;
    color: var(--white);
  }
}
@media all and (min-width: 1024px) and (max-width: 1259px) {
  body.sticky-header #header #nav-wrap #nav ul.menu > li.compressed-hide {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  #nav-wrap ul.menu {
    display: flex;
  }
  body:not(.sticky-header) #nav-wrap {
    text-align: center;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu {
    position: absolute;
    top: 76px;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu#main-menu-left {
    left: 0;
    margin-right: 144px;
    right: 50%;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu#main-menu-left ul.menu > li {
    width: 33.333%;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.podcasts, body:not(.sticky-header) #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.long-reads {
    margin-bottom: 0;
    width: 50%;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu#main-menu-right {
    left: 50%;
    margin-left: 144px;
    right: 0;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu#main-menu-right ul.menu > li {
    width: 50%;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.support {
    margin-bottom: 0;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu {
    flex-wrap: wrap;
    margin: 0 -5px;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li {
    margin-bottom: 14px;
    padding: 0 5px;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li > a,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li > button,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li .accordion-title {
    border-bottom: 1px solid var(--red);
    height: 28px;
    line-height: 17px;
    padding: 5px 0;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li > a:hover,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li > button:hover, body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.active > button,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li .accordion-title:hover,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li .accordion-section[expanded] .accordion-title {
    background: var(--dark-blue);
    border-bottom-color: var(--dark-blue);
    color: var(--white);
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li > a:hover::after,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li > button:hover::after, body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.active > button::after,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li .accordion-title:hover::after,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li .accordion-section[expanded] .accordion-title::after {
    border-top-color: var(--red);
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children {
    position: relative;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children ul.sub-menu {
    background: var(--white);
    box-shadow: 0 0 20px var(--black-50);
    padding: 5px;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children ul.sub-menu li > a {
    line-height: 1.2em;
    padding: 5px 0;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children ul.sub-menu li > a:hover {
    color: var(--red);
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children > ul.sub-menu,
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children > .accordion {
    left: 5px;
    position: absolute;
    right: 5px;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children > ul.sub-menu {
    opacity: 0;
    top: 27px;
    transition: opacity 0.3s, transform 0.3s;
    visibility: hidden;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children > .accordion {
    top: 0;
  }
  body:not(.sticky-header) #nav-wrap #nav .main-menu ul.menu > li.menu-item-has-children.active > ul.sub-menu {
    opacity: 1;
    visibility: visible;
  }
  body.sticky-header #nav-wrap {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
  }
  body.sticky-header #nav-wrap #nav {
    display: flex;
    margin-right: auto;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li {
    margin-right: 20px;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li > a,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li > button,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li .accordion-title, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li > a,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li > button,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li .accordion-title {
    color: var(--dark-grey);
    transition: color 0.3s;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li > a:hover,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li > button:hover,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li .accordion-title:hover, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li > a:hover,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li > button:hover,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li .accordion-title:hover {
    color: var(--red);
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.support > a, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.support > a {
    color: var(--red);
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children {
    position: relative;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children > button,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children .accordion-title, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children > button,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children .accordion-title {
    padding-right: 16px;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children > button:hover,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children .accordion-title:hover, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children > button:hover,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children .accordion-title:hover {
    color: var(--dark-blue);
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children > button::after,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children .accordion-title::after, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children > button::after,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children .accordion-title::after {
    right: 0;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children > ul.sub-menu,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children > .accordion, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children > ul.sub-menu,
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children > .accordion {
    left: 0;
    min-width: 180px;
    padding: 5px 10px;
    position: absolute;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children ul.sub-menu, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children ul.sub-menu {
    background: var(--white);
    box-shadow: 0 0 20px var(--black-50);
    opacity: 0;
    top: 27px;
    transition: opacity 0.3s, transform 0.3s;
    visibility: hidden;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children ul.sub-menu li > a, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children ul.sub-menu li > a {
    line-height: 1.2em;
    padding: 5px 0;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children ul.sub-menu li > a:hover, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children ul.sub-menu li > a:hover {
    color: var(--red);
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children > .accordion, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children > .accordion {
    top: 0;
  }
  body.sticky-header #nav-wrap #nav .main-menu#main-menu-left ul.menu > li.menu-item-has-children.active > ul.sub-menu, body.sticky-header #nav-wrap #nav .main-menu#main-menu-right ul.menu > li.menu-item-has-children.active > ul.sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
#header-search input.text {
  background: none;
  border: 0;
  height: 30px;
  line-height: 24px;
  padding: 3px 0;
}

#header-search-btn,
#header-search-submit {
  background: url("images/search-icon.svg") center center no-repeat;
  font-size: 0;
  height: 30px;
  width: 30px;
}
#container.amp #header-search-btn,
#container.amp #header-search-submit {
  background-image: url("/wp-content/themes/spiked-2018/images/search-icon.svg");
}

#header-search-submit {
  display: block;
}

@media all and (min-width: 0) and (max-width: 1023px) {
  #header-search {
    border-bottom: 1px solid var(--light-grey);
    margin: 0 auto 20px;
    max-width: 400px;
  }
  #header-search input.text {
    padding-right: 10px;
  }
  #header-search-submit {
    margin-right: -7px;
  }
}
@media all and (min-width: 1024px) {
  #header-search {
    position: absolute;
  }
  body:not(.sticky-header) #header-search {
    border-bottom: 1px solid var(--light-grey);
    left: 0;
    top: 20px;
    width: 230px;
  }
  body:not(.sticky-header) #header-search-submit {
    margin-right: -7px;
  }
  body.sticky-header #header-search {
    background: var(--white);
    border: 10px solid var(--off-white);
    left: 0;
    right: 0;
    top: var(--header-height-sticky);
  }
  body.sticky-header #header-search input.text {
    padding-left: 5px;
    padding-right: 5px;
  }
  body.sticky-header:not(.search-open) #header-search {
    opacity: 0;
    visibility: hidden;
  }
  body.sticky-header #header-search-btn {
    display: block;
    flex-shrink: 0;
    margin-right: -7px;
    order: 99;
  }
}
#notice-banner {
  box-shadow: 0 0 20px var(--black-15);
}

#support-banner-inner {
  background-repeat: no-repeat;
}
#support-banner-inner.support-tom {
  background-image: url("images/support-banner-tom.jpg");
}
#support-banner-inner.xmas-tom {
  background-image: url("images/support-banner-tom-xmas.jpg");
}
#support-banner-inner.support-brendan {
  background-image: url("images/support-banner-brendan.jpg");
}

@media all and (min-width: 0) and (max-width: 359px) {
  #notice-banner {
    font-size: 14px;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  #support-banner-inner {
    background-position: -10px center;
    background-size: auto 100%;
    padding-left: 80px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  #support-banner-inner {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #support-banner-inner .btn {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1259px) {
  #support-banner-inner {
    padding-left: 160px;
  }
  #support-banner-inner .title-md {
    font-size: 26px;
  }
}
@media all and (min-width: 768px) {
  #support-banner-inner {
    background-position: -20px center;
    background-size: auto 100%;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
@media all and (min-width: 1024px) {
  #support-banner-inner .btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media all and (min-width: 1260px) {
  #support-banner-inner {
    text-align: center;
  }
}
#footer a {
  color: var(--white);
}
#footer a:hover {
  color: var(--off-white);
}

#footer-main p,
#footer-main li {
  line-height: 1.75em;
  margin-bottom: 0;
}

#sticky-footer-spacer {
  height: 40px;
}

#sticky-footer {
  bottom: 0;
  box-shadow: 0 0 20px var(--black-50);
  left: 0;
  position: fixed;
  right: 0;
  z-index: 50;
}
#sticky-footer li {
  display: inline-block;
  line-height: 20px;
}
#sticky-footer li:last-child {
  margin-right: 0;
}

@media all and (min-width: 0) and (max-width: 599px) {
  #footer .title-xxs {
    font-size: 16px;
  }
  #sticky-footer li {
    margin-right: 25px;
  }
}
@media all and (min-width: 600px) {
  #footer {
    font-size: 16px;
  }
  #sticky-footer li {
    margin-right: 30px;
  }
}
.fade {
  transition: 0.3s;
}
.fade.slow {
  transition: 0.6s;
}

.invis {
  opacity: 0;
  visibility: hidden;
}

.anim-height {
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
}
.anim-height.default-open {
  height: auto;
}

.crsl-wrap {
  --gap: 0;
  --per-view: 1;
  position: relative;
}
.crsl-wrap .crsl-clip {
  overflow: hidden;
}
.crsl-wrap .crsl.interactive {
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.crsl-wrap .crsl.interactive .crsl-cell img {
  pointer-events: none;
}
.crsl-wrap.slide .crsl {
  display: flex;
  transition-property: transform;
}
.crsl-wrap.slide .crsl.interactive {
  cursor: grab;
}
.crsl-wrap.slide .crsl.interactive.pointer-down {
  cursor: grabbing;
}
.crsl-wrap.slide .crsl-cell {
  flex: 0 0 calc((100% - var(--gap) * (var(--per-view) - 1)) / var(--per-view));
  margin-right: var(--gap);
}
.crsl-wrap.dissolve .crsl {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.crsl-wrap.dissolve .crsl-cell {
  grid-column: 1;
  grid-row: 1;
  opacity: 0;
  transition: opacity 600ms, visibility 600ms;
  visibility: hidden;
}
.crsl-wrap.dissolve .crsl-cell.active {
  opacity: 1;
  visibility: visible;
}
.crsl-wrap .crsl-arw {
  --size: 40px;
  align-items: center;
  background: var(--dark-blue);
  border-radius: 50%;
  display: flex;
  height: var(--size);
  justify-content: center;
  width: var(--size);
}
.crsl-wrap .crsl-arw:disabled {
  opacity: 0.3;
}
.crsl-wrap .crsl-arw:enabled:hover {
  background: var(--red);
}
.crsl-wrap .crsl-arw::before {
  border-left: 2px solid var(--white);
  border-top: 2px solid var(--white);
  content: "";
  display: block;
  height: calc(var(--size) * 0.3);
  width: calc(var(--size) * 0.3);
}
.crsl-wrap .crsl-arw.prev::before {
  margin-left: 3px;
  transform: rotate(-45deg);
}
.crsl-wrap .crsl-arw.next::before {
  margin-right: 3px;
  transform: rotate(135deg);
}
.crsl-wrap.authors {
  --gap: 40px;
}
.crsl-wrap.videos {
  --gap: 20px;
}

@media all and (min-width: 0) and (max-width: 599px) {
  .crsl-wrap.authors {
    --per-view: 1;
  }
  .crsl-wrap.authors .crsl-cell {
    flex: 0 0 75%;
  }
  .crsl-wrap.videos {
    --per-view: 1;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  .crsl-wrap.events.has-arrows {
    padding-top: 60px;
  }
  .crsl-wrap.events .crsl-arw {
    top: 0;
  }
  .crsl-wrap.events .crsl-arw.prev {
    left: 50%;
    margin-left: -45px;
  }
  .crsl-wrap.events .crsl-arw.next {
    margin-right: -45px;
    right: 50%;
  }
}
@media all and (min-width: 600px) and (max-width: 767px) {
  .crsl-wrap.authors {
    --per-view: 2;
  }
}
@media all and (min-width: 600px) and (max-width: 1023px) {
  .crsl-wrap.videos {
    --per-view: 2;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .crsl-wrap.authors {
    --per-view: 3;
  }
}
@media all and (min-width: 768px) {
  .crsl-wrap.events .crsl-arw {
    margin-top: -20px;
    top: 50%;
  }
  .crsl-wrap.events .crsl-arw.prev {
    left: -20px;
  }
  .crsl-wrap.events .crsl-arw.next {
    right: -20px;
  }
}
@media all and (min-width: 1024px) {
  .crsl-wrap.authors {
    --per-view: 4;
  }
  .crsl-wrap.videos {
    --per-view: 3;
  }
}
.listing-sell.moveable .sell-wrap {
  margin-bottom: 0;
}

.newsletter-sell {
  box-shadow: 0 0 50px var(--black-10);
}

.newsletter-list .newsletter-title {
  background: url("images/newsletter-logos.svg") no-repeat;
  text-indent: -9999em;
  width: 161px;
}
.newsletter-list .newsletter-title.weekly {
  background-position: 0 -85px;
}
.newsletter-list .newsletter-title.long-read {
  background-position: 0 -170px;
  height: 85px;
}

.custom-sell-video .play-icon {
  left: auto;
  margin: 60px auto;
  position: relative;
  top: auto;
}
.custom-sell-video .title-xl {
  margin-bottom: 0.2em;
}
.custom-sell-video .title-xl::after {
  border-top: 3px solid var(--white);
  content: "";
  display: block;
  margin: 0.2em 20px 0;
}

.event-auto-register-wrap {
  min-height: 30px;
}

@media all and (min-width: 0) and (max-width: 599px) {
  .donate-sell,
  .newsletter-sell {
    padding: 15px 15px 20px;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  .newsletter-list .newsletter-title.daily, .newsletter-list .newsletter-title.weekly {
    height: 60px;
  }
  .custom-sell-video .title-xl::after {
    margin: 0.4em 5px 0;
  }
}
@media all and (min-width: 0) and (max-width: 1259px) {
  .newsletter-list br {
    display: none;
  }
}
@media all and (min-width: 600px) {
  .donate-sell,
  .newsletter-sell {
    padding: 30px;
  }
  .custom-sell-video-text {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media all and (min-width: 768px) {
  .newsletter-list .newsletter-title.daily, .newsletter-list .newsletter-title.weekly {
    height: 85px;
  }
  .custom-sell-video .title-xl::after {
    margin: 0.2em 20px 0;
  }
}
.ss .ss-image,
.ss .ss-text {
  bottom: 0;
  position: absolute;
  top: 0;
}
.ss .ss-image {
  left: 0;
}
.ss .ss-text {
  right: 0;
}

@media all and (min-width: 0) and (max-width: 599px) {
  .ss-wrap {
    border: 10px solid var(--off-whiter);
  }
  .ss {
    padding-bottom: 20%;
  }
  .ss .ss-text {
    left: 35.503%;
  }
  .ss .ss-text .title-sm {
    font-size: 14px;
    line-height: 16px;
  }
  .ss .ss-text .text-xxs {
    font-size: 9px;
    line-height: 10px;
  }
  .ss .ss-text .text-xxs.mar-b-5 {
    margin-bottom: 4px;
  }
  .ss .ss-text .text-xxs.mar-t-5 {
    margin-top: 4px;
  }
  .ss .ss-image {
    width: 35.503%;
  }
}
@media all and (min-width: 600px) and (max-width: 767px) {
  .ss .ss-text .title-sm {
    font-size: 18px;
  }
  .ss .ss-text .text-xxs {
    font-size: 11px;
  }
}
@media all and (min-width: 600px) {
  .ss {
    padding-bottom: 14.285%;
  }
  .ss .ss-image {
    width: 25.358%;
  }
  .ss .ss-text {
    left: 25.358%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media all and (min-width: 768px) {
  .ss .ss-text .title-sm {
    font-size: 23px;
  }
}
.like-comment {
  transition: 0.3s;
}
.like-comment::before {
  background: url("images/like.svg") no-repeat;
  content: "";
  display: block;
  height: 22px;
  margin-right: 0.4em;
  width: 22px;
}
.like-comment.liked::before {
  background-position: 0 -22px;
}
.like-comment:disabled {
  opacity: 0.3;
}

.comment-delete:disabled {
  opacity: 0.3;
}

#comments-join {
  border-top: 10px solid var(--red);
  box-shadow: 0 0 120px 30px var(--black-15);
}

.comment-wrap .comment-bdr {
  border-bottom: 1px dashed var(--light-grey);
}
.comment-wrap.child .comment {
  border-left: 1px dashed var(--dark-blue);
  padding-left: 20px;
}
.comment-wrap.indent-2 .comment {
  margin-left: 20px;
}
.comment-wrap.indent-3 .comment {
  margin-left: 40px;
}
.comment-wrap.indent-4 .comment {
  margin-left: 60px;
}
.comment-wrap .comment-text {
  overflow-wrap: anywhere;
}
.comment-wrap .comment-text p:not(:last-child) {
  margin-bottom: 10px;
}
.comment-wrap .comment-text p:last-child {
  margin-bottom: 0;
}
.comment-wrap.has-buttons .comment-btns .btn:not(:last-child) {
  margin-right: 10px;
}

#comment-form-wrap p.form-submit {
  margin-bottom: 0;
  position: relative;
  transition: 0.3s;
  z-index: 5;
}

#comment-form-messages {
  margin-top: -40px;
  min-height: 40px;
}

@media all and (min-width: 0) and (max-width: 599px) {
  #comments-wrap .cancel-link {
    flex-basis: 100%;
    margin-top: 5px;
    text-align: left;
  }
}
@media all and (min-width: 600px) {
  .comment-wrap.has-buttons .comment-content {
    min-height: 26px;
  }
  .comment-wrap.has-buttons .comment-btns {
    padding-left: 40px;
  }
  #comments-wrap .cancel-link {
    margin-left: 10px;
  }
}
@media all and (min-width: 768px) {
  #comments-join {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.gated-content-wrap.paywall:not(.active) {
  display: none;
}
.gated-content-wrap.paywall::before {
  background: var(--fade-up);
  bottom: 100%;
  content: "";
  height: 200px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 10;
}
.gated-content-wrap.type-video::before, .gated-content-wrap.type-podcast-episode::before {
  backdrop-filter: blur(10px);
  background: var(--fade-out);
  bottom: -1px;
  content: "";
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1;
}
.gated-content-wrap .gated-content-notice {
  border-radius: 25px;
  max-width: 80%;
  padding: 40px 30px;
  width: 350px;
}
.gated-content-wrap .gated-content-notice .or-break {
  font-size: 12px;
  gap: 10px;
}
.gated-content-wrap .gated-content-notice .or-break::before, .gated-content-wrap .gated-content-notice .or-break::after {
  background: var(--white);
  content: "";
  display: block;
  flex-grow: 1;
  height: 1px;
}

.modal-wrap {
  z-index: 5000;
}
.modal-wrap .modal {
  max-height: 100%;
}
.modal-wrap .modal .cross {
  height: var(--size);
  overflow: hidden;
  position: absolute;
  width: var(--size);
  z-index: 5;
}
.modal-wrap .modal .cross::before, .modal-wrap .modal .cross::after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal-wrap .modal .cross::before {
  height: 16px;
  width: 2px;
}
.modal-wrap .modal .cross::after {
  height: 2px;
  width: 16px;
}
.modal-wrap .modal .cross.red, .modal-wrap .modal .cross.white {
  --size: 48px;
  right: 0;
  top: 0;
}
.modal-wrap .modal .cross.white-circle {
  --size: 30px;
  background: var(--white);
  border-radius: 50%;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.modal-wrap .modal .cross.white-circle::before, .modal-wrap .modal .cross.white-circle::after {
  background: var(--dark-blue);
}
.modal-wrap .modal .cross.red::before, .modal-wrap .modal .cross.red::after {
  background: var(--red);
}
.modal-wrap .modal .cross.white::before, .modal-wrap .modal .cross.white::after {
  background: var(--white);
}

@media all and (min-width: 0) and (max-width: 599px) {
  .modal-wrap .modal.has-pad {
    padding: 48px 15px 20px;
  }
}
@media all and (min-width: 600px) {
  .modal-wrap .modal.has-pad {
    padding: 40px;
  }
}
.dropdown-wrap.image-credit {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  right: 0;
}
.dropdown-wrap.image-credit .dropdown-btn {
  box-shadow: 0 0 15px var(--black-20);
  height: 34px;
  width: 34px;
}
.dropdown-wrap.image-credit .dropdown {
  bottom: 0;
  padding: 15px 15px 54px;
  position: absolute;
  right: 0;
  width: 320px;
}
.dropdown-wrap.active .dropdown {
  opacity: 1;
  visibility: visible;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #image-article .dropdown-wrap.image-credit.hero-credit {
    bottom: 70px;
  }
  #normal-article .dropdown-wrap.image-credit.hero-credit, #long-read-article .dropdown-wrap.image-credit.hero-credit {
    bottom: 20px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  #long-read-article .dropdown-wrap.image-credit.hero-credit {
    bottom: 46px;
  }
  #image-article .dropdown-wrap.image-credit.hero-credit {
    bottom: 150px;
  }
}
.post-sharing .share-link:not(:last-child) {
  margin-right: 5px;
}

.social-icons {
  --size: 26px;
  --total: 21;
}
.social-icons .share-button {
  background: var(--red) url("images/share.svg") center no-repeat;
  background-size: 18px;
  border-radius: 50%;
  display: none;
  height: var(--size);
  width: var(--size);
  transition: background 0.3s;
}
.social-icons .share-button:hover {
  background-color: var(--dark-blue);
}
.social-icons.has-api .share-button {
  display: flex;
}
.social-icons.has-api .share-channel {
  display: none;
}
.social-icons a,
.social-icons amp-social-share {
  background: url("images/social.svg") 0 calc(-1 * var(--position) * var(--size)) no-repeat;
  background-size: var(--size) calc(var(--size) * var(--total));
  display: inline-flex;
  font-size: 0;
  height: var(--size);
  width: var(--size);
}
#container.amp .social-icons a,
#container.amp .social-icons amp-social-share {
  background-image: url("/wp-content/themes/spiked-2018/images/social.svg");
}
.social-icons a.facebook, .social-icons a.amp-social-share-facebook,
.social-icons amp-social-share.facebook,
.social-icons amp-social-share.amp-social-share-facebook {
  --position: 0;
}
.social-icons a.facebook:hover, .social-icons a.amp-social-share-facebook:hover,
.social-icons amp-social-share.facebook:hover,
.social-icons amp-social-share.amp-social-share-facebook:hover {
  --position: 1;
}
.social-icons a.facebook.colour, .social-icons a.amp-social-share-facebook.colour,
.social-icons amp-social-share.facebook.colour,
.social-icons amp-social-share.amp-social-share-facebook.colour {
  --position: 1;
}
.social-icons a.facebook.colour:hover, .social-icons a.amp-social-share-facebook.colour:hover,
.social-icons amp-social-share.facebook.colour:hover,
.social-icons amp-social-share.amp-social-share-facebook.colour:hover {
  --position: 0;
}
.social-icons a.facebook.white, .social-icons a.amp-social-share-facebook.white,
.social-icons amp-social-share.facebook.white,
.social-icons amp-social-share.amp-social-share-facebook.white {
  --position: 2;
}
.social-icons a.facebook.white:hover, .social-icons a.amp-social-share-facebook.white:hover,
.social-icons amp-social-share.facebook.white:hover,
.social-icons amp-social-share.amp-social-share-facebook.white:hover {
  --position: 1;
}
.social-icons a.x, .social-icons a.amp-social-share-twitter,
.social-icons amp-social-share.x,
.social-icons amp-social-share.amp-social-share-twitter {
  --position: 3;
}
.social-icons a.x:hover, .social-icons a.amp-social-share-twitter:hover,
.social-icons amp-social-share.x:hover,
.social-icons amp-social-share.amp-social-share-twitter:hover {
  --position: 4;
}
.social-icons a.x.colour, .social-icons a.amp-social-share-twitter.colour,
.social-icons amp-social-share.x.colour,
.social-icons amp-social-share.amp-social-share-twitter.colour {
  --position: 4;
}
.social-icons a.x.colour:hover, .social-icons a.amp-social-share-twitter.colour:hover,
.social-icons amp-social-share.x.colour:hover,
.social-icons amp-social-share.amp-social-share-twitter.colour:hover {
  --position: 3;
}
.social-icons a.x.white, .social-icons a.amp-social-share-twitter.white,
.social-icons amp-social-share.x.white,
.social-icons amp-social-share.amp-social-share-twitter.white {
  --position: 5;
}
.social-icons a.x.white:hover, .social-icons a.amp-social-share-twitter.white:hover,
.social-icons amp-social-share.x.white:hover,
.social-icons amp-social-share.amp-social-share-twitter.white:hover {
  --position: 4;
}
.social-icons a.youtube,
.social-icons amp-social-share.youtube {
  --position: 6;
}
.social-icons a.youtube:hover,
.social-icons amp-social-share.youtube:hover {
  --position: 7;
}
.social-icons a.youtube.colour,
.social-icons amp-social-share.youtube.colour {
  --position: 7;
}
.social-icons a.youtube.colour:hover,
.social-icons amp-social-share.youtube.colour:hover {
  --position: 6;
}
.social-icons a.youtube.white,
.social-icons amp-social-share.youtube.white {
  --position: 8;
}
.social-icons a.youtube.white:hover,
.social-icons amp-social-share.youtube.white:hover {
  --position: 7;
}
.social-icons a.rss,
.social-icons amp-social-share.rss {
  --position: 9;
}
.social-icons a.rss:hover,
.social-icons amp-social-share.rss:hover {
  --position: 10;
}
.social-icons a.rss.colour,
.social-icons amp-social-share.rss.colour {
  --position: 10;
}
.social-icons a.rss.colour:hover,
.social-icons amp-social-share.rss.colour:hover {
  --position: 9;
}
.social-icons a.rss.white,
.social-icons amp-social-share.rss.white {
  --position: 11;
}
.social-icons a.rss.white:hover,
.social-icons amp-social-share.rss.white:hover {
  --position: 10;
}
.social-icons a.email, .social-icons a.amp-social-share-email,
.social-icons amp-social-share.email,
.social-icons amp-social-share.amp-social-share-email {
  --position: 12;
}
.social-icons a.email:hover, .social-icons a.amp-social-share-email:hover,
.social-icons amp-social-share.email:hover,
.social-icons amp-social-share.amp-social-share-email:hover {
  --position: 13;
}
.social-icons a.whatsapp, .social-icons a.amp-social-share-whatsapp,
.social-icons amp-social-share.whatsapp,
.social-icons amp-social-share.amp-social-share-whatsapp {
  --position: 16;
}
.social-icons a.whatsapp:hover, .social-icons a.amp-social-share-whatsapp:hover,
.social-icons amp-social-share.whatsapp:hover,
.social-icons amp-social-share.amp-social-share-whatsapp:hover {
  --position: 17;
}
.social-icons a.signal, .social-icons a.amp-social-share-signal,
.social-icons amp-social-share.signal,
.social-icons amp-social-share.amp-social-share-signal {
  --position: 18;
}
.social-icons a.signal:hover, .social-icons a.amp-social-share-signal:hover,
.social-icons amp-social-share.signal:hover,
.social-icons amp-social-share.amp-social-share-signal:hover {
  --position: 19;
}
.social-icons a.signal.colour, .social-icons a.amp-social-share-signal.colour,
.social-icons amp-social-share.signal.colour,
.social-icons amp-social-share.amp-social-share-signal.colour {
  --position: 19;
}
.social-icons a.signal.colour:hover, .social-icons a.amp-social-share-signal.colour:hover,
.social-icons amp-social-share.signal.colour:hover,
.social-icons amp-social-share.amp-social-share-signal.colour:hover {
  --position: 18;
}
.social-icons a.signal.white, .social-icons a.amp-social-share-signal.white,
.social-icons amp-social-share.signal.white,
.social-icons amp-social-share.amp-social-share-signal.white {
  --position: 20;
}
.social-icons a.signal.white:hover, .social-icons a.amp-social-share-signal.white:hover,
.social-icons amp-social-share.signal.white:hover,
.social-icons amp-social-share.amp-social-share-signal.white:hover {
  --position: 19;
}

div.fc-consent-root img.fc-header-image {
  height: 40px !important;
  width: 201px !important;
}

.ad-outer {
  overflow: hidden;
}
.ad-outer .ad-wrap {
  background: var(--off-whiter);
}
.ad-outer.ad-size-video .ad-wrap {
  aspect-ratio: 16/9;
  max-width: 640px;
  width: 100%;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .ad-outer.ad-size-incontent {
    height: 280px;
  }
  .ad-outer.ad-size-incontent .ad-wrap {
    height: 280px;
    width: 336px;
  }
  .ad-outer.ad-size-big-landscape, .ad-outer.ad-size-big-landscape-home {
    height: 50px;
  }
  .ad-outer.ad-size-big-landscape .ad-wrap, .ad-outer.ad-size-big-landscape-home .ad-wrap {
    height: 50px;
    width: 320px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  #ad-outer-skyscraper_1.ad-sidebar-home {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .ad-outer.ad-size-big-landscape {
    height: 90px;
  }
  .ad-outer.ad-size-big-landscape .ad-wrap {
    height: 90px;
    width: 728px;
  }
}
@media all and (min-width: 768px) {
  .ad-outer.ad-home {
    margin-left: -80px;
  }
  .ad-outer.ad-size-incontent {
    height: 280px;
  }
  .ad-outer.ad-size-incontent .ad-wrap {
    height: 280px;
    width: 728px;
  }
}
@media all and (min-width: 768px) and (max-width: 1259px) {
  .ad-outer.ad-size-big-landscape-home {
    height: 90px;
  }
  .ad-outer.ad-size-big-landscape-home .ad-wrap {
    height: 90px;
    width: 728px;
  }
}
@media all and (min-width: 1024px) {
  #ad-outer-skyscraper_1.ad-sidebar-home,
  #ad-outer-skyscraper_2 {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
  }
  #ad-outer-skyscraper_1.ad-sidebar-home {
    display: flex;
    top: 80px;
  }
  #ad-outer-skyscraper_2 {
    top: 116px;
  }
  .ad-outer.ad-size-big-landscape {
    height: 250px;
  }
  .ad-outer.ad-size-big-landscape .ad-wrap {
    height: 250px;
    width: 970px;
  }
  .ad-outer.ad-size-skyscraper {
    height: 600px;
  }
  .ad-outer.ad-size-skyscraper .ad-wrap {
    height: 600px;
    width: 200px;
  }
}
@media all and (min-width: 1260px) {
  .ad-outer.ad-size-big-landscape-home {
    height: 250px;
  }
  .ad-outer.ad-size-big-landscape-home .ad-wrap {
    height: 250px;
    width: 970px;
  }
}
.members-logo {
  background-position: center calc(100% / (var(--total) - 1) * var(--position));
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 0;
  width: 100%;
}
.members-logo::before {
  content: "";
  display: block;
}
.members-logo:not(.full) {
  --total: 4;
  background-image: url("images/member-logos-2025.svg");
}
#container.amp .members-logo:not(.full) {
  background-image: url("/wp-content/themes/spiked-2018/member-logos-2025.svg");
}
.members-logo:not(.full)::before {
  padding-bottom: 17.43119%;
}
.members-logo:not(.full).supporter.plural {
  --position: 0;
}
.members-logo:not(.full).supporter.singular {
  --position: 1;
}
.members-logo:not(.full).patron.plural {
  --position: 2;
}
.members-logo:not(.full).patron.singular {
  --position: 3;
}
.members-logo.full {
  --total: 12;
  background-image: url("images/member-logos-full-2025.svg");
}
#container.amp .members-logo.full {
  background-image: url("/wp-content/themes/spiked-2018/member-logos-full-2025.svg");
}
.members-logo.full::before {
  padding-bottom: 13.69863%;
}
.members-logo.full.supporter.plural {
  --position: 0;
}
.members-logo.full.supporter.plural.white {
  --position: 2;
}
.members-logo.full.supporter.plural.all-white {
  --position: 4;
}
.members-logo.full.supporter.plural.spiked-white {
  --position: 10;
}
.members-logo.full.supporter.singular {
  --position: 1;
}
.members-logo.full.supporter.singular.white {
  --position: 3;
}
.members-logo.full.patron.plural {
  --position: 5;
}
.members-logo.full.patron.plural.white {
  --position: 7;
}
.members-logo.full.patron.plural.all-white {
  --position: 9;
}
.members-logo.full.patron.plural.spiked-white {
  --position: 11;
}
.members-logo.full.patron.singular {
  --position: 6;
}
.members-logo.full.patron.singular.white {
  --position: 8;
}
.members-logo.full.inline {
  display: inline-flex;
  max-width: 160px;
  vertical-align: middle;
}
.members-logo.full.inline.patron.plural {
  margin-left: -13px;
  margin-right: -13px;
}
.members-logo.full.inline.patron.singular {
  margin-left: -18px;
  margin-right: -18px;
}
.members-logo.full.inline.supporter.singular {
  margin-left: -5px;
  margin-right: -5px;
}
.members-logo.full.small {
  max-width: 270px;
}
.members-logo.full.medium {
  max-width: 340px;
}

@media all and (min-width: 0) and (max-width: 599px) {
  .members-logo.full.big {
    max-width: 350px;
  }
  .member-logos-wrap {
    padding: 20px 48px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  .members-logo.simple {
    max-width: 220px;
  }
}
@media all and (min-width: 600px) {
  .members-logo.full.big {
    max-width: 550px;
  }
  .member-logos-wrap {
    height: 100px;
    padding: 20px 0;
  }
}
@media all and (min-width: 768px) {
  .member-logos-wrap::after {
    background: var(--light-grey);
    content: "";
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
  }
}
@media all and (min-width: 1024px) {
  .members-logo.simple {
    max-width: 350px;
  }
}
.members-sell {
  border-top-style: solid;
}
.members-sell.supporters {
  border-top-color: var(--bright-blue);
}
.members-sell.patrons {
  border-top-color: var(--bright-green);
}

.perk-icons-wrap {
  --total: 6;
}
.perk-icons-wrap .perk-icon {
  background-image: url("images/perk-icons.svg");
  background-position: 0 calc(-1 * var(--position) * var(--size));
  background-repeat: no-repeat;
  background-size: var(--size) calc(var(--size) * var(--total));
  border-radius: 50%;
  flex-shrink: 0;
  height: var(--size);
  width: var(--size);
}
.perk-icons-wrap .perk-icon.icon-1 {
  --position: 0;
}
.perk-icons-wrap .perk-icon.icon-2 {
  --position: 1;
}
.perk-icons-wrap .perk-icon.icon-3 {
  --position: 2;
}
.perk-icons-wrap .perk-icon.icon-4 {
  --position: 3;
}
.perk-icons-wrap .perk-icon.icon-5 {
  --position: 4;
}
.perk-icons-wrap .perk-icon.icon-6 {
  --position: 5;
}
.perk-icons-wrap.general .perk-icon {
  background-color: var(--red);
}
.perk-icons-wrap.supporter .perk-icon {
  background-color: var(--bright-blue);
}
.perk-icons-wrap.patron .perk-icon {
  background-color: var(--bright-green);
}

@media all and (min-width: 0) and (max-width: 599px) {
  .members-sell {
    border-top-width: 15px;
    padding: 15px 20px;
  }
  .perk-icons-wrap {
    --size: 60px;
    max-width: 280px;
  }
  .perk-icons-wrap .perk-icon-wrap {
    align-items: center;
    display: flex;
  }
  .perk-icons-wrap .perk-icon-wrap:not(:last-child) {
    margin-bottom: 15px;
  }
  .perk-icons-wrap .perk-icon-wrap p {
    flex-grow: 1;
  }
  .perk-icons-wrap .perk-icon-wrap .perk-icon {
    margin-right: 15px;
  }
}
@media all and (min-width: 600px) {
  .members-sell {
    border-top-width: 20px;
    padding: 20px;
  }
  .perk-icons-wrap.flex {
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
  }
  .perk-icons-wrap.flex.small-icons {
    --size: 80px;
  }
  .perk-icons-wrap.flex.big-icons {
    --size: 120px;
  }
  .perk-icons-wrap.flex .perk-icon-wrap {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .perk-icons-wrap.flex .perk-icon-wrap .perk-icon {
    margin: 0 auto 20px;
  }
  .perk-icons-wrap.flex.patron .perk-icon-wrap:nth-child(-n+3) {
    margin-bottom: 30px;
  }
}
@media all and (min-width: 1024px) {
  body:not(.home) #container .members-sell {
    padding: 20px 40px;
  }
  body:not(.home) #container .members-sell .perk-icons-wrap {
    max-width: 900px;
    text-align: left;
  }
  body:not(.home) #container .members-sell .perk-icons-wrap .perk-icon-wrap {
    align-items: center;
    display: flex;
  }
  body:not(.home) #container .members-sell .perk-icons-wrap .perk-icon-wrap:not(:last-child) {
    padding-right: 20px;
  }
  body:not(.home) #container .members-sell .perk-icons-wrap .perk-icon-wrap .perk-icon {
    margin: 0 15px 0 0;
  }
  body:not(.home) #container .members-sell .perk-icons-wrap .perk-icon-wrap p {
    flex-grow: 1;
  }
  body:not(.home) #container .members-sell .perk-icons-wrap .perk-icon-wrap p br {
    display: none;
  }
}
@media all and (min-width: 1260px) {
  body.home #container .members-sell {
    padding: 20px 40px;
  }
  body.home #container .members-sell .perk-icons-wrap {
    max-width: 900px;
    text-align: left;
  }
  body.home #container .members-sell .perk-icons-wrap .perk-icon-wrap {
    align-items: center;
    display: flex;
  }
  body.home #container .members-sell .perk-icons-wrap .perk-icon-wrap:not(:last-child) {
    padding-right: 20px;
  }
  body.home #container .members-sell .perk-icons-wrap .perk-icon-wrap .perk-icon {
    margin: 0 15px 0 0;
  }
  body.home #container .members-sell .perk-icons-wrap .perk-icon-wrap p {
    flex-grow: 1;
  }
  body.home #container .members-sell .perk-icons-wrap .perk-icon-wrap p br {
    display: none;
  }
}
.custom-sell-support {
  border-top-style: solid;
  border-top-width: 16px;
}
.custom-sell-support.general {
  border-top-color: var(--red);
}
.custom-sell-support.supporter {
  border-top-color: var(--bright-blue);
}
.custom-sell-support .image-box::before {
  content: "";
  display: block;
  padding-bottom: 61.5%;
}
.custom-sell-support .support-logo {
  --ratio: 0.37821;
  background: url("images/support-logo.svg") no-repeat;
  background-size: contain;
  font-size: 0;
  height: calc(var(--width) * var(--ratio));
  width: var(--width);
}
.custom-sell-support .support-logo.left,
.custom-sell-support .members-logo.left {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.custom-sell-support .members-logo {
  max-width: 550px;
  width: 80%;
}

@media all and (min-width: 0) and (max-width: 599px) {
  .custom-sell-support .support-logo.right,
  .custom-sell-support .members-logo.right {
    margin-bottom: 30px;
  }
  .custom-sell-support .support-logo.right {
    --width: 221px;
  }
  .custom-sell-support .text-box {
    padding: 30px var(--gutter);
  }
  .custom-sell-support .btn {
    margin-top: 30px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  .custom-sell-support .support-logo.left {
    --width: 238px;
  }
}
@media all and (min-width: 600px) {
  .custom-sell-support .support-logo.right,
  .custom-sell-support .members-logo.right {
    margin-bottom: 40px;
  }
  .custom-sell-support .support-logo.right {
    --width: 238px;
  }
  .custom-sell-support .btn {
    margin-top: 40px;
  }
}
@media all and (min-width: 768px) {
  .custom-sell-support .text-box {
    padding: 40px 10%;
  }
}
@media all and (min-width: 1024px) {
  .custom-sell-support .support-logo.left {
    --width: 360px;
  }
}
#support-overlay-sell {
  --cross-size: 48px;
}
#support-overlay-sell.type-form {
  --pad-y: 30px;
}
#support-overlay-sell.type-simple {
  --pad-y: 0;
}
#support-overlay-sell .modal {
  padding-bottom: var(--pad-y);
  padding-top: var(--pad-y);
  transition: transform 0.6s, visibility 0.6s;
}
#support-overlay-sell.invis .modal {
  transform: translateY(100%);
  visibility: hidden;
}

#loyal-reader-popup-sell .modal {
  border-top: 10px solid var(--bright-blue);
}

#support-overlay-sell .modal,
.quick-donate-sell,
#support-end-article-sell {
  border-top: 10px solid var(--red);
}

.nudge-sell .nudge-donate-form .tab-btn,
.nudge-sell .nudge-donate-form .amount-btn,
.nudge-sell .nudge-donate-form .custom-amount-btn,
.nudge-sell .quick-donate-btns .tab-btn,
.nudge-sell .quick-donate-btns .amount-btn,
.nudge-sell .quick-donate-btns .custom-amount-btn {
  border-radius: 4px;
  border-style: solid;
  border-width: 3px;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
}
.nudge-sell .nudge-donate-form .tab-btn:not(.active),
.nudge-sell .nudge-donate-form .amount-btn:not(.active),
.nudge-sell .nudge-donate-form .custom-amount-btn:not(.active),
.nudge-sell .quick-donate-btns .tab-btn:not(.active),
.nudge-sell .quick-donate-btns .amount-btn:not(.active),
.nudge-sell .quick-donate-btns .custom-amount-btn:not(.active) {
  background: var(--white-90);
  border-color: var(--light-grey);
  color: var(--light-grey);
}
.nudge-sell .nudge-donate-form .tab-btn.active,
.nudge-sell .nudge-donate-form .amount-btn.active,
.nudge-sell .nudge-donate-form .custom-amount-btn.active,
.nudge-sell .quick-donate-btns .tab-btn.active,
.nudge-sell .quick-donate-btns .amount-btn.active,
.nudge-sell .quick-donate-btns .custom-amount-btn.active {
  background: var(--white);
  border-color: var(--red);
  color: var(--dark-blue);
}
.nudge-sell .nudge-donate-form .tab-btn,
.nudge-sell .quick-donate-btns .tab-btn {
  text-transform: uppercase;
}
.nudge-sell .quick-donate-btns .fixed-amounts {
  gap: 10px;
}
.nudge-sell .quick-donate-btns .fixed-amounts .amount-btn {
  flex-basis: 100%;
}
.nudge-sell .custom-amount {
  background: var(--white);
  border: 3px solid var(--light-grey);
  gap: 10px;
  padding: 0 15px;
}
.nudge-sell .custom-amount input.text {
  border: 0;
  background: none;
  font-weight: 700;
  height: 50px;
  padding: 0;
}
.nudge-sell .payment-icons {
  gap: 5px;
}
.nudge-sell .payment-icons svg {
  height: 20px;
  width: 30px;
}

@media all and (min-width: 0) and (max-width: 599px) {
  #support-overlay-sell .title-md {
    font-size: 20px;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  #support-overlay-sell.type-simple .support-overlay-sell-text {
    padding: 25px var(--gutter);
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  #support-overlay-sell .title {
    padding-right: calc(var(--cross-size) - var(--gutter));
  }
}
@media all and (min-width: 768px) {
  #support-overlay-sell.type-simple .support-overlay-sell-text {
    padding: 40px var(--gutter);
  }
}
@media all and (min-width: 1024px) {
  #support-overlay-sell .nudge-donate-form {
    margin-top: calc(var(--cross-size) - var(--pad-y));
  }
}
.tabs-wrap .tab-content:not(.active) {
  display: none;
}

.page-links a,
.page-links .current,
.nav-link {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0 10px;
}

.page-links a,
.nav-link {
  border: 1px solid var(--dark-blue);
  color: var(--dark-blue);
}
.page-links a:not(.disabled):hover,
.nav-link:not(.disabled):hover {
  background: var(--dark-blue);
  color: var(--white);
}

.page-links .current {
  background: var(--red);
  color: var(--white);
}

.nav-link svg {
  display: block;
  transition: 0.3s;
  width: 14px;
}
.nav-link.disabled {
  opacity: 0.3;
}
.nav-link:not(.disabled):hover svg path {
  stroke: var(--white);
}
.nav-link.prev {
  transform: rotate(180deg);
}

.wc-clear::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

#wc-wrap {
  color: var(--dark-grey);
  font-size: 18px;
  position: relative;
  z-index: 1;
}
#wc-wrap div.woocommerce h2:not(.title-xxs):not(.title-xs):not(.title-sm):not(.title-md):not(.title-lg):not(.title-xl):not(.title-xxl),
#wc-wrap div.woocommerce h3:not(.title-xxs):not(.title-xs):not(.title-sm):not(.title-md):not(.title-lg):not(.title-xl):not(.title-xxl),
#wc-wrap div.woocommerce legend:not(.title-xxs):not(.title-xs):not(.title-sm):not(.title-md):not(.title-lg):not(.title-xl):not(.title-xxl) {
  color: var(--dark-blue);
  font-size: 22px;
  font-weight: 700;
  margin: 1em 0 0.6em;
}
#wc-wrap div.woocommerce p {
  line-height: 1.5em;
}
#wc-wrap ins {
  text-decoration: none;
}
#wc-wrap form,
#wc-wrap fieldset {
  border-color: var(--lighter-grey);
  border-radius: 0;
}
#wc-wrap fieldset {
  border: 0;
  margin-top: 30px;
}
#wc-wrap .form-row {
  margin-bottom: 1em;
  padding: 0;
}
#wc-wrap .form-row.form-row-first, #wc-wrap .form-row.form-row-last {
  width: calc(50% - 10px);
}
#wc-wrap .form-row label {
  line-height: 1.4em;
  margin-bottom: 0.2em;
}
#wc-wrap .required,
#wc-wrap .form-row.woocommerce-invalid label {
  color: var(--red);
}
#wc-wrap table.shop_table,
#wc-wrap table.shop_attributes {
  border-collapse: collapse;
  border-color: var(--off-white);
  border-spacing: 0;
  font-weight: 400;
}
#wc-wrap table.shop_table th,
#wc-wrap table.shop_attributes th {
  font-weight: 400;
}
#wc-wrap table.shop_table th,
#wc-wrap table.shop_table td,
#wc-wrap table.shop_attributes th,
#wc-wrap table.shop_attributes td {
  border-color: var(--off-white);
}
#wc-wrap table.shop_attributes {
  border: 0;
  text-align: left;
}
#wc-wrap table.shop_attributes th, #wc-wrap table.shop_attributes td {
  border: 0;
}
#wc-wrap .woocommerce-error,
#wc-wrap .woocommerce-info,
#wc-wrap .woocommerce-message {
  background: var(--off-white);
  border-style: solid;
  border-width: 5px 1px 1px;
  color: var(--dark-grey);
  margin-bottom: 40px;
}
#wc-wrap .woocommerce-error::before,
#wc-wrap .woocommerce-info::before,
#wc-wrap .woocommerce-message::before {
  display: none;
}
#wc-wrap .woocommerce-error a,
#wc-wrap .woocommerce-info a,
#wc-wrap .woocommerce-message a {
  color: var(--dark-grey);
  text-decoration: underline;
}
#wc-wrap .woocommerce-error a.woocommerce-Button.button,
#wc-wrap .woocommerce-info a.woocommerce-Button.button,
#wc-wrap .woocommerce-message a.woocommerce-Button.button {
  display: none;
}
#wc-wrap .woocommerce-error {
  border-color: var(--error-red);
}
#wc-wrap .woocommerce-info,
#wc-wrap .woocommerce-message {
  border-color: var(--dark-blue);
}

@media all and (min-width: 0) and (max-width: 599px) {
  #wc-wrap .woocommerce-error,
  #wc-wrap .woocommerce-info,
  #wc-wrap .woocommerce-message {
    font-size: 14px;
    line-height: 20px;
    padding: 13px 10px;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  #wc-wrap table.shop_table_responsive td::before {
    font-weight: 400;
  }
}
@media all and (min-width: 600px) {
  #wc-wrap .woocommerce-error,
  #wc-wrap .woocommerce-info,
  #wc-wrap .woocommerce-message {
    font-size: 16px;
    line-height: 22px;
    padding: 14px 15px;
  }
}
.mw-checkout {
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}

#checkout-top table.shop_table {
  font-size: 16px;
  width: 100%;
}
#checkout-top table.shop_table thead,
#checkout-top table.shop_table tr.cart-subtotal,
#checkout-top table.shop_table tr.recurring-totals,
#checkout-top table.shop_table .product-quantity {
  display: none;
}
#checkout-top table.shop_table th, #checkout-top table.shop_table td {
  border-bottom: 1px solid var(--dark-blue);
  padding: 10px 0;
  text-align: left;
}
#checkout-top table.shop_table tr.order-total:not(.recurring-total) th {
  font-weight: 700;
}
#checkout-top table.shop_table tr.recurring-total strong {
  font-weight: 400;
}
#checkout-top table.shop_table tfoot tr:last-child th, #checkout-top table.shop_table tfoot tr:last-child td {
  border-bottom: 0;
}
#checkout-top table.shop_table .blockOverlay {
  background: var(--light-blue) !important;
}

body.woocommerce-checkout #wc-wrap div.woocommerce .woocommerce-error,
body.woocommerce-checkout #wc-wrap div.woocommerce .woocommerce-info,
body.woocommerce-checkout #wc-wrap div.woocommerce .woocommerce-message {
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  background: var(--white);
  border-radius: 0 0 8px 8px;
  margin-bottom: 20px;
  margin-top: 20px;
}
body.woocommerce-checkout #wc-wrap .page-title-wrap,
body.woocommerce-checkout #wc-wrap .subscription-switch-direction,
body.woocommerce-checkout #wc-wrap #order_review_heading {
  display: none;
}
body.woocommerce-checkout #wc-wrap #wcpay-express-checkout-button-separator {
  margin: 30px 0;
}
body.woocommerce-checkout #wc-wrap form#order_review,
body.woocommerce-checkout #wc-wrap form.woocommerce-checkout {
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}
body.woocommerce-checkout #wc-wrap form#order_review .col-1,
body.woocommerce-checkout #wc-wrap form#order_review .col-2,
body.woocommerce-checkout #wc-wrap form.woocommerce-checkout .col-1,
body.woocommerce-checkout #wc-wrap form.woocommerce-checkout .col-2 {
  float: none;
  width: auto;
}
body.woocommerce-checkout #wc-wrap form#order_review .col-1 h3,
body.woocommerce-checkout #wc-wrap form#order_review .col-2 h3,
body.woocommerce-checkout #wc-wrap form.woocommerce-checkout .col-1 h3,
body.woocommerce-checkout #wc-wrap form.woocommerce-checkout .col-2 h3 {
  display: none;
}
body.woocommerce-checkout #wc-wrap form#order_review .col-1 input.input-text,
body.woocommerce-checkout #wc-wrap form#order_review .col-1 select,
body.woocommerce-checkout #wc-wrap form#order_review .col-1 textarea,
body.woocommerce-checkout #wc-wrap form.woocommerce-checkout .col-1 input.input-text,
body.woocommerce-checkout #wc-wrap form.woocommerce-checkout .col-1 select,
body.woocommerce-checkout #wc-wrap form.woocommerce-checkout .col-1 textarea {
  background-color: var(--white);
  border-color: var(--lighter-grey);
  border-radius: 8px;
}
body.woocommerce-checkout #wc-wrap form#order_review .update-all-subscriptions-payment-method-wrap {
  display: block;
  margin: 20px 0;
}
body.woocommerce-checkout #wc-wrap #payment,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment {
  background: none;
  border: 0;
  border-radius: 0;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods {
  background: var(--white);
  border: 1px solid var(--lighter-grey);
  border-radius: 8px;
  padding: 15px;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods::after,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods::after {
  display: none;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method::before,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method::before {
  display: none;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method:last-child div.payment_box,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method:last-child div.payment_box {
  margin-bottom: 0;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method > label,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method > label {
  align-items: center;
  display: flex;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method > label img,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method > label img {
  height: auto !important;
  margin: 0 0 0 15px;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method div.payment_box,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method div.payment_box {
  background: var(--off-white);
  border-radius: 4px;
  color: inherit;
  flex: 0 0 100%;
  font-size: inherit;
  line-height: 1.33em;
  margin: 15px 0;
  padding: 15px;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method div.payment_box::before,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method div.payment_box::before {
  border-bottom-color: var(--off-white);
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method #wc-woocommerce_payments-upe-form,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method #wc-woocommerce_payments-upe-form {
  padding: 0 !important;
}
body.woocommerce-checkout #wc-wrap #payment ul.payment_methods li.wc_payment_method #wc-woocommerce_payments-upe-form .wcpay-upe-element,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment ul.payment_methods li.wc_payment_method #wc-woocommerce_payments-upe-form .wcpay-upe-element {
  margin: 0;
  padding: 0;
}
body.woocommerce-checkout #wc-wrap #payment .form-row,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment .form-row {
  margin-bottom: 0;
  padding: 0;
}
body.woocommerce-checkout #wc-wrap #payment .form-row.place-order,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment .form-row.place-order {
  margin-top: 15px;
}
body.woocommerce-checkout #wc-wrap #payment .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 15px;
}
body.woocommerce-checkout #wc-wrap #payment a,
body.woocommerce-checkout #wc-wrap #add_payment_method #payment a {
  color: var(--red);
  text-decoration: underline;
}
body.woocommerce-checkout #wc-wrap #place_order {
  float: none;
  width: 100%;
}
body.woocommerce-checkout #wc-wrap #place_order:hover {
  background-color: var(--light-grey);
  color: var(--white);
}

@media all and (min-width: 0) and (max-width: 767px) {
  body.woocommerce-checkout #wc-wrap #place_order {
    border-radius: 20px;
    font-size: 18px;
    height: 44px;
    letter-spacing: 0.5px;
  }
}
@media all and (min-width: 768px) {
  body.woocommerce-checkout #wc-wrap #place_order {
    border-radius: 28px;
    font-size: 20px;
    height: 56px;
    letter-spacing: 0.5px;
  }
}
body.woocommerce-order-received #wc-wrap .woocommerce-order > *:not(.custom-thank-you) {
  display: none;
}

#donation-thank-you-grid {
  display: grid;
  gap: 20px;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #donation-thank-you-grid {
    align-items: center;
    grid-template-columns: 140px 1fr;
  }
  #donation-thank-you-grid #thank-you-text {
    grid-column: span 2;
  }
}
@media all and (min-width: 768px) {
  #donation-thank-you-grid {
    grid-template-columns: 200px 1fr;
    grid-template-rows: auto 1fr;
  }
  #donation-thank-you-grid #thank-you-text {
    grid-column: 2;
    grid-row: 1/span 2;
  }
}
#wc-wrap .woocommerce-MyAccount-navigation {
  border-bottom: 1px solid var(--lighter-grey);
}
#wc-wrap .woocommerce-MyAccount-navigation li {
  border: 1px solid var(--lighter-grey);
  border-bottom: 0;
}
#wc-wrap .woocommerce-MyAccount-navigation li a {
  color: var(--dark-grey);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
  padding: 0.6em 15px;
}
#wc-wrap .woocommerce-MyAccount-navigation li a:hover {
  background: var(--off-white);
}
#wc-wrap .woocommerce-MyAccount-navigation li.is-active {
  border: 0;
}
#wc-wrap .woocommerce-MyAccount-navigation li.is-active a {
  background: var(--red);
  color: var(--white);
}
#wc-wrap .addresses .title {
  position: relative;
}
#wc-wrap .addresses .title h3 {
  float: none;
}
#wc-wrap .addresses .title .edit {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 20px;
}
#wc-wrap address {
  line-height: 1.5em;
}
#wc-wrap .woocommerce-customer-details address {
  border: 0;
  font-style: italic;
  padding: 0;
}
#wc-wrap mark {
  background: var(--red);
  color: var(--white);
  font-weight: 700;
  padding: 0 2px;
}
#wc-wrap .account-orders-table .button:not(:last-child) {
  margin-right: 5px;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #wc-wrap .woocommerce-MyAccount-navigation {
    margin-bottom: 40px;
  }
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content {
  float: none;
  width: auto;
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content > h2,
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content > header,
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content > section,
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content > div.clear,
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content > .shop_table:not(.subscription_details) {
  display: none;
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content table.subscription_details {
  border: 0;
  display: block;
  max-width: 500px;
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content table.subscription_details tbody {
  display: block;
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content table.subscription_details tr:not(:last-child) {
  margin-bottom: 10px;
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content table.subscription_details td {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content table.subscription_details td:first-child {
  font-weight: 700;
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content table.subscription_details .button {
  background: none;
  border: 1px solid var(--dark-blue);
  color: var(--dark-blue);
  max-width: none;
}
body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content table.subscription_details .button:hover {
  background-color: var(--dark-blue);
  color: var(--white);
  opacity: 1;
}

@media all and (min-width: 0) and (max-width: 599px) {
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details tr {
    display: block;
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details tr:last-child td {
    flex-direction: column;
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details .button {
    margin-top: 10px;
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce #switch-subscription-wrap {
    margin-top: 40px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  body.woocommerce-view-subscription #wc-wrap div.woocommerce {
    padding: 20px 15px;
  }
}
@media all and (min-width: 600px) {
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details tr {
    align-items: center;
    display: flex;
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details tr td:first-child {
    min-width: 160px;
    padding-right: 20px;
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details tr .button:first-child {
    margin: 0 10px 10px 0;
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details tr .button:nth-child(2) {
    margin: 0 0 10px;
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details tr .button:not(:last-child) {
    width: calc(50% - 5px);
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce table.subscription_details tr .button:last-child {
    display: flex;
    margin: 0;
    width: 100%;
  }
}
@media all and (min-width: 1024px) {
  body.woocommerce-view-subscription #wc-wrap div.woocommerce {
    padding: 60px;
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content {
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  body.woocommerce-view-subscription #wc-wrap div.woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
    grid-column: span 2;
  }
}
#about-hero-inner::after,
.about-quote::after {
  bottom: 0;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  content: "";
  height: var(--size);
  position: absolute;
  left: 0;
  transform: translateY(99%);
  width: var(--size);
}

#about-hero-inner::after {
  background: var(--light-blue);
}

.about-quote::after {
  background: var(--white);
}
.about-quote .big-quote::before {
  color: var(--red);
  content: "“";
  display: block;
  font-size: 140px;
  line-height: 1em;
  margin-bottom: -0.3em;
}

.about-video-wrap {
  z-index: 1;
}
.about-video-wrap::before {
  background: var(--light-red);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: -1;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #about-hero-inner::after,
  .about-quote::after {
    --size: 30px;
  }
  .about-quote .big-quote {
    font-size: 30px;
  }
}
@media all and (min-width: 768px) {
  #about-hero-inner::after,
  .about-quote::after {
    --size: 50px;
  }
  .about-quote .big-quote {
    font-size: 44px;
  }
}
#long-read-article #article-welcome-image-text .title-border::after,
#drp-article #article-welcome-image-text .title-border::after {
  border-bottom: 3px solid var(--white);
  content: "";
  display: block;
  margin: 20px auto;
  max-width: 200px;
}

#article-grid {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  row-gap: 20px;
}

#sticky-sharing {
  box-shadow: 0 0 20px var(--black-50);
  height: 36px;
  padding: 5px;
  position: fixed;
  right: 50%;
  top: var(--header-height-sticky);
  z-index: 40;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #image-article #article-welcome {
    margin-top: -70px;
  }
  #image-article #article-welcome-image-text {
    margin-left: -5px;
    margin-right: -5px;
    min-height: 70px;
    padding: 5px 5px 20px;
  }
  #long-read-article #article-welcome-image-text,
  #drp-article #article-welcome-image-text {
    padding-bottom: 65px;
    padding-top: 40px;
  }
  #article-left,
  #article-main {
    grid-column: span 16;
  }
  #article-left.has-image .post-details {
    display: flex;
  }
  #article-left.has-image .author-image {
    margin-right: 15px;
    width: 90px;
  }
  #article-left.has-image .post-details-text {
    flex-grow: 1;
  }
  #long-read-article #article-left, #normal-article #article-left {
    background: var(--white);
    flex-grow: 1;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -20px;
    max-width: none;
    padding: 5px 5px 0;
    position: relative;
    z-index: 5;
  }
}
@media all and (min-width: 600px) {
  .post-sharing-related {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .post-sharing-related .post-categories {
    border-left: 1px solid var(--med-grey);
    margin-left: 10px;
    margin-top: 0;
    padding-left: 10px;
  }
  .article-donate-sell {
    padding: 40px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  #image-article #article-welcome {
    margin-left: 25%;
    margin-top: -150px;
  }
  #image-article #article-welcome-image-text {
    min-height: 210px;
  }
  #article-cols-header {
    margin-left: 25%;
  }
  #article-left {
    grid-column: span 4;
  }
  #article-main {
    grid-column: span 12;
  }
}
@media all and (min-width: 768px) {
  #image-article #article-welcome-image-text {
    margin-left: -50px;
    padding: 40px 50px 60px;
  }
  #long-read-article #article-welcome-image-text,
  #drp-article #article-welcome-image-text {
    padding-bottom: 250px;
    padding-top: 200px;
  }
  #long-read-article #article-main,
  #drp-article #article-main {
    margin-top: -76px;
  }
  #long-read-article #article-main #post-sharing-main,
  #drp-article #article-main #post-sharing-main {
    background: var(--white);
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    position: relative;
    z-index: 5;
  }
  #article-grid {
    column-gap: 20px;
  }
  #article-grid .article-overflow,
  #article-grid .article-overflow-more {
    margin-left: -33.333%;
  }
  #article-left.has-image .author-image {
    margin-bottom: 10px;
    width: 120px;
  }
  #article-left .post-details {
    border-bottom: 0;
    border-top: 1px solid var(--med-grey);
    padding-bottom: 0;
    padding-top: 10px;
  }
  #article-left .post-details .post-details-text:not(.podcasts) {
    border-top: 0;
    padding-top: 0;
  }
  #article-left .post-details .post-details-text.podcasts {
    padding-top: 10px;
  }
  #article-left .author-title {
    border-bottom: 1px solid var(--med-grey);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  #article-left .video-details {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #post-sharing-main.bdr-t-desktop {
    border-top: 1px solid var(--med-grey);
    padding-top: 10px;
  }
}
@media all and (min-width: 1024px) {
  #image-article #article-welcome {
    margin-left: 18.75%;
    margin-right: 18.75%;
    margin-top: -200px;
  }
  #image-article #article-welcome-image-text {
    margin-right: -50px;
    min-height: 260px;
  }
  #article-cols-header {
    margin-left: 18.75%;
    margin-right: 25%;
  }
  #article-left {
    grid-column: span 3;
  }
  #article-right {
    grid-column: -4/span 3;
  }
  #article-main {
    grid-column: span 9;
  }
  #article-main .article-overflow-more {
    margin-right: -11.111%;
  }
}
.hub-event-sell {
  border: 10px solid var(--red);
  border-left: 0;
}

.event-wrap .title-sm {
  line-height: 1.5em;
  margin-bottom: 0.2em;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .event-wrap .event-image:before {
    content: "";
    display: block;
    padding-bottom: 66.666%;
  }
  .event-wrap .event-text .item-label {
    left: 15px;
  }
}
@media all and (min-width: 768px) {
  .event-wrap {
    display: flex;
    justify-content: flex-end;
    padding: 40px;
  }
  .event-wrap .event-image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
  }
  .event-wrap .event-text-wrap {
    padding-bottom: 0;
    padding-top: 0;
    width: 50%;
  }
  .event-wrap .event-text {
    margin-left: -80px;
    margin-right: 0;
    padding: 30px;
  }
  .event-wrap .event-text .item-label {
    left: 30px;
  }
}
@media all and (min-width: 0) and (max-width: 599px) {
  .quote-headshot .title-md {
    font-size: 18px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  .headshot-image {
    flex-basis: 140px;
    max-width: 140px;
  }
}
@media all and (min-width: 1024px) {
  .headshot-image {
    flex-basis: 240px;
    max-width: 240px;
  }
}
.long-reads-icon {
  background: url("images/long-reads.svg") right top no-repeat;
  height: 54px;
}
.long-reads-icon::before {
  border-top: 1px solid var(--red);
  content: "";
  left: 0;
  position: absolute;
  right: 94px;
  top: 27px;
}

.home-writer-image {
  flex: 0 0 100px;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .home-section .sell-wrap {
    margin-left: -15px;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  #home-sidebar {
    flex-grow: 1;
    margin-left: -80px;
  }
}
@media all and (min-width: 768px) {
  .home-section {
    padding-left: 80px;
  }
  .home-section .v-titles-wrap {
    padding-left: 0;
  }
  .home-section .v-titles-wrap .v-titles {
    left: -80px;
  }
  .home-section .sell-wrap {
    margin-left: -80px;
  }
}
@media all and (min-width: 1024px) {
  #home-sidebar #most-popular .title-xs {
    line-height: 1.4em;
    margin-bottom: 10px;
    padding-top: 0.4em;
  }
}
#help-link {
  background: var(--dark-blue);
  border-radius: 50%;
  color: var(--white);
  font-size: 24px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
}

#hub-menu-dropdown li a {
  display: block;
}

.dashboard-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.inline-bkmrk {
  background: url("images/bookmark.svg") no-repeat;
  display: inline-block;
  height: 25px;
  margin: 0 4px;
  vertical-align: middle;
  width: 13px;
}

@media all and (min-width: 0) and (max-width: 767px) {
  #hub-menu-wrap {
    z-index: 10;
  }
  #hub-menu-wrap #hub-menu-btn {
    background: var(--off-whiter);
    height: 34px;
    line-height: 34px;
  }
  #hub-menu-wrap #hub-menu-btn::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--dark-blue);
    content: "";
    margin-top: -3px;
    position: absolute;
    right: 4px;
    top: 50%;
    transition: transform 0.3s;
  }
  #hub-menu-wrap #hub-menu-dropdown {
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
  }
  #hub-menu-wrap #hub-menu-dropdown li {
    border-bottom: 1px solid var(--lighter-grey);
    border-top: 0;
  }
  #hub-menu-wrap #hub-menu-dropdown li a {
    color: var(--dark-blue);
    height: 34px;
    line-height: 34px;
  }
  #hub-menu-wrap #hub-menu-dropdown li a:hover {
    background: var(--off-white);
  }
  #hub-menu-wrap #hub-menu-dropdown li.current-menu-item {
    display: none;
  }
  #hub-menu-wrap.active #hub-menu-btn {
    background: var(--dark-blue);
    color: var(--white);
  }
  #hub-menu-wrap.active #hub-menu-btn::after {
    border-top-color: var(--white);
    transform: rotate(180deg);
  }
}
@media all and (min-width: 768px) {
  #hub-menu-dropdown ul.menu {
    border-bottom: 3px solid var(--member-color);
    display: flex;
    --gap: 3px;
  }
  #hub-menu-dropdown ul.menu li {
    flex: 0 0 calc((100% - 5 * var(--gap)) / 6);
  }
  #hub-menu-dropdown ul.menu li:not(:nth-last-child(2)) {
    margin-right: var(--gap);
  }
  #hub-menu-dropdown ul.menu li a {
    align-items: center;
    background: var(--off-white);
    border-radius: 8px 8px 0 0;
    color: var(--dark-grey);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    justify-content: center;
    text-align: center;
  }
  #hub-menu-dropdown ul.menu li:not(.current-menu-item) a:hover {
    background: var(--lighter-grey);
  }
  #hub-menu-dropdown ul.menu li.current-menu-item a {
    background: var(--member-color);
    color: var(--white);
  }
}
.leading .leading-text {
  margin-top: -60px;
  min-height: 60px;
}

.popular-count {
  position: absolute;
  right: 0;
}

.post-meta.has-bkmrk {
  line-height: 25px;
  min-height: 25px;
  padding-left: 23px;
}
.post-meta .bkmrk {
  background: url("images/bookmark.svg") no-repeat;
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 13px;
}
.post-meta .bkmrk.saved {
  background-position: 0 -25px;
}
.post-meta .bkmrk:disabled {
  opacity: 0.3;
}
.post-meta.white .bkmrk {
  background-position: 0 -50px;
}
.post-meta.white .bkmrk.saved {
  background-position: 0 -75px;
}

.item-label {
  line-height: 18px;
  margin: 4px 4px 4px 0;
  padding: 0 4px;
  white-space: nowrap;
}
.item-label.absolute {
  border: 1px solid var(--white);
  height: 20px;
  left: 10px;
  margin: 0;
  position: absolute;
  top: -10px;
}
.item-label.padlock {
  align-items: center;
  display: inline-flex;
  gap: 5px;
}
.item-label.padlock::before {
  aspect-ratio: 12/16;
  background: url("images/padlock.svg") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 12px;
}

a.item-label:hover {
  color: var(--white);
}
a.item-label.bg-light-grey:hover, a.item-label.bg-dark-blue:hover {
  background: var(--red);
}
a.item-label.bg-red:hover {
  background: var(--dark-blue);
}

@media all and (min-width: 0) and (max-width: 599px) {
  .popular-count {
    height: 30px;
    line-height: 30px;
    top: -15px;
    width: 30px;
  }
  .compressed-mobile .item-label {
    left: 5px;
  }
  .compressed-mobile .title-sm {
    font-size: 18px;
  }
  .reduced-posts-mobile,
  .reduced-secondary-posts-mobile .col-12 {
    margin-bottom: 30px;
  }
  .reduced-posts-mobile:nth-child(n+2) .title-xxs,
  .reduced-secondary-posts-mobile .col-12:nth-child(n+2) .title-xxs {
    margin-bottom: 0.2em;
  }
  .reduced-posts-mobile:nth-child(n+2) .post-top,
  .reduced-secondary-posts-mobile .col-12:nth-child(n+2) .post-top {
    margin-bottom: 5px;
  }
  .reduced-posts-mobile:nth-child(n+2) .item-label.absolute,
  .reduced-secondary-posts-mobile .col-12:nth-child(n+2) .item-label.absolute {
    position: static;
  }
  .reduced-posts-mobile:nth-child(n+2) .post-image,
  .reduced-posts-mobile:nth-child(n+2) .post:not(.editorial-post) .post-meta:not(.has-bkmrk),
  .reduced-secondary-posts-mobile .col-12:nth-child(n+2) .post-image,
  .reduced-secondary-posts-mobile .col-12:nth-child(n+2) .post:not(.editorial-post) .post-meta:not(.has-bkmrk) {
    display: none;
  }
}
@media all and (min-width: 600px) {
  .popular-count {
    height: 46px;
    line-height: 46px;
    top: -23px;
    width: 46px;
  }
}
@media all and (min-width: 0) and (max-width: 599px) {
  .leading.leading-home .leading-text {
    margin-top: 0;
    padding-top: 15px;
  }
  .leading.leading-home .leading-text .item-label.absolute {
    left: 10px;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  .leading:not(.leading-home) .leading-text {
    margin-left: -5px;
    margin-right: -5px;
    padding: 15px 5px 0;
  }
  .leading:not(.leading-home) .leading-text .item-label.absolute {
    left: 5px;
  }
}
@media all and (min-width: 600px) and (max-width: 767px) {
  .leading.leading-home .leading-text {
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px 5px 0;
  }
  .leading.leading-home .leading-text .item-label.absolute {
    left: 5px;
  }
}
@media all and (min-width: 768px) {
  .leading .leading-text {
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px;
  }
  .leading .leading-text .item-label.absolute {
    left: 20px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  #author-intro-image {
    max-width: 150px;
  }
  #podcast-intro-image {
    max-width: 250px;
  }
}
@media all and (min-width: 1024px) {
  #author-intro,
  #podcast-intro {
    text-align: left;
  }
  #author-intro-image,
  #podcast-intro-image {
    max-width: 300px;
  }
}
.podcast-listing {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto 1fr auto;
}

.subscribe-drpd-wrap .subscribe-drpd-btn {
  padding-left: 32px;
  padding-right: 32px;
}
.subscribe-drpd-wrap .subscribe-drpd-btn::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--white);
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
  transition: transform 0.3s;
}
.subscribe-drpd-wrap .subscribe-drpd {
  box-shadow: 0 0 20px var(--black-50);
  left: 0;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 5;
}
.subscribe-drpd-wrap .subscribe-drpd a {
  color: var(--dark-grey);
  line-height: 1.2em;
  padding: 5px 0;
}
.subscribe-drpd-wrap .subscribe-drpd a:hover {
  font-weight: 700;
}
.subscribe-drpd-wrap.active .subscribe-drpd-btn {
  background: var(--dark-blue);
}
.subscribe-drpd-wrap.active .subscribe-drpd-btn::after {
  transform: rotate(180deg);
}

.podcast-title-tile {
  width: 140px;
}

@media all and (min-width: 0) and (max-width: 359px) {
  .podcast-listing-title .title-md {
    font-size: 20px;
  }
  .podcast-listing-subtitle .text-sm {
    font-size: 16px;
  }
}
@media all and (min-width: 0) and (max-width: 599px) {
  .podcast-listing .podcast-listing-image {
    grid-row: span 1;
  }
  .podcast-listing .podcast-listing-subtitle {
    grid-column: span 12;
  }
}
@media all and (min-width: 0) and (max-width: 767px) {
  .podcast-listing {
    padding: 15px 15px 0;
  }
  .podcast-listing .podcast-listing-image,
  .podcast-listing .podcast-listing-title {
    grid-column: span 6;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  .podcast-listing .podcast-listing-details {
    grid-column: span 12;
  }
}
@media all and (min-width: 600px) and (max-width: 767px) {
  .podcast-listing .podcast-listing-image {
    grid-row: span 2;
  }
  .podcast-listing .podcast-listing-subtitle {
    grid-column: span 6;
  }
}
@media all and (min-width: 768px) {
  .podcast-listing {
    padding: 20px 20px 0;
  }
  .podcast-listing .podcast-listing-image {
    grid-column: span 3;
    grid-row: span 3;
  }
  .podcast-listing .podcast-listing-title,
  .podcast-listing .podcast-listing-subtitle {
    grid-column: span 9;
  }
}
@media all and (min-width: 1024px) {
  .podcast-listing .podcast-listing-details {
    border-top: 1px solid var(--med-grey);
    grid-column: span 9;
    padding-top: 15px;
  }
}
#progress-bar {
  border-radius: 20px;
  height: 40px;
}
#progress-bar .progress-step {
  padding: 0 15px;
}

#support-tabs-wrap .tab-btn {
  background: var(--white);
  height: 44px;
  max-width: 50%;
  width: 165px;
}
#support-tabs-wrap .tab-btn:first-child {
  border-radius: 10px 0 0 10px;
}
#support-tabs-wrap .tab-btn:last-child {
  border-radius: 0 10px 10px 0;
}
#support-tabs-wrap .tab-btn:not(.active) {
  background: var(--white-50);
}

.currency-select {
  background-color: var(--white-50);
  border: 0;
  border-radius: 10px;
  color: var(--dark-blue);
  height: 34px;
  padding: 0 15px;
  width: 110px;
}

#support-tabs-content {
  z-index: 1;
}
#support-tabs-content::before {
  background: var(--light-blue);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
#support-tabs-content .support-grid::after {
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
  visibility: hidden;
  z-index: 10;
}
#support-tabs-content .support-box {
  border-radius: 10px;
  padding: 30px 20px;
  transition: opacity 0.3s;
}
#support-tabs-content .support-box .offer-lozenge {
  border-radius: 15px;
  height: 30px;
  left: 50%;
  padding: 0 15px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
#support-tabs-content .support-box .support-box-top {
  height: 35px;
}
#support-tabs-content .support-box .support-box-top .members-logo {
  width: 140px;
}
#support-tabs-content .support-box .support-box-button {
  margin-bottom: 30px;
}
#support-tabs-content .support-box .support-box-title {
  margin-bottom: 20px;
}
#support-tabs-content .support-box.type-donate .btn, #support-tabs-content .support-box.type-appeal .btn {
  color: var(--red);
}
#support-tabs-content .tick-bullets li {
  line-height: 1.5em;
  padding-left: 28px;
  position: relative;
}
#support-tabs-content .tick-bullets li:not(:last-child) {
  margin-bottom: 0.6em;
}
#support-tabs-content .tick-bullets li::before {
  background: url("images/tick-circle.svg") no-repeat;
  background-size: contain;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 0.75em;
  transform: translateY(-50%);
  width: 18px;
}
#support-tabs-content.overlay .support-grid::after {
  opacity: 1;
  visibility: visible;
}
#support-tabs-content.overlay .support-box {
  opacity: 0.5;
}

.support-modal .modal {
  border-radius: 10px;
}
.support-modal .modal-header {
  padding: 15px;
}
.support-modal .modal-header .members-logo {
  width: 180px;
}
.support-modal .modal-header .spiked-white-logo {
  aspect-ratio: 214/76;
  background: url("images/logo-white.svg") no-repeat;
  background-size: contain;
  height: 25px;
}
.support-modal .donation-amount-btns,
.support-modal .appeal-optin-wrap {
  display: grid;
  gap: 10px;
}
.support-modal .appeal-optin-wrap {
  align-items: center;
}
.support-modal .custom-amount-field {
  border-radius: 5px;
}
.support-modal .custom-amount-field .custom-amount-currency {
  padding: 0 5px 0 10px;
}
.support-modal .custom-amount-field .custom-amount-input {
  background: none;
  border: 0;
  color: var(--dark-blue);
  padding: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .donation-amount-btns,
  .appeal-optin-wrap {
    grid-template-columns: repeat(4, 1fr);
  }
  .donation-amount-btns .question,
  .donation-amount-btns .radio-wrap.wide,
  .appeal-optin-wrap .question,
  .appeal-optin-wrap .radio-wrap.wide {
    grid-column: span 4;
  }
  .support-modal .modal-content {
    padding: 30px 20px;
  }
}
@media all and (min-width: 0) and (max-width: 1023px) {
  #support-tabs-content::before {
    bottom: 16.666%;
  }
}
@media all and (min-width: 768px) {
  .donation-amount-btns,
  .appeal-optin-wrap {
    grid-template-columns: repeat(6, 1fr);
  }
  .donation-amount-btns .radio-wrap.wide,
  .appeal-optin-wrap .radio-wrap.wide {
    grid-column: span 2;
  }
  .donation-amount-btns .question,
  .appeal-optin-wrap .question {
    grid-column: span 4;
  }
  .support-modal .modal-content {
    padding: 40px;
  }
}
@media all and (min-width: 1024px) {
  #support-tabs-content::before {
    bottom: 45%;
  }
}
@media all and (min-width: 1024px) {
  #text-page-wrap #text-page-main {
    width: 62.5%;
  }
  #text-page-wrap .article-overflow {
    margin-left: -10%;
    margin-right: -10%;
  }
}