/*
Theme Name: Spiked 2018
Description: Custom WordPress theme for Spiked
Version: 1.1.2
Author: Kyle Duncan
Author URI: http://www.thisisforge.com/
*/
/* Reset */
*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }

*:focus { outline: none; }

html, body { -webkit-text-size-adjust: 100%; }

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

/* Grid */
.row { margin-left: auto; margin-right: auto; max-width: 1440px; padding-left: 30px; padding-right: 30px; position: relative; }

.maxWidth120 { max-width: 120px; }

.maxWidth140 { max-width: 140px; }

.maxWidth200 { max-width: 200px; }

.maxWidth300 { max-width: 300px; }

.maxWidth400 { max-width: 400px; }

.maxWidth470 { max-width: 470px; }

.maxWidth550 { max-width: 550px; }

.maxWidth600 { max-width: 600px; }

.maxWidth640 { max-width: 640px; }

.maxWidth700 { max-width: 700px; }

.maxWidth800 { max-width: 800px; }

.maxWidth840 { max-width: 840px; }

.maxWidth970 { max-width: 970px; }

.negMar2 { margin-left: -2px; margin-right: -2px; }

.negMar10 { margin-left: -10px; margin-right: -10px; }

.negMar15 { margin-left: -15px; margin-right: -15px; }

.negMar20 { margin-left: -20px; margin-right: -20px; }

.negMar30 { margin-left: -30px; margin-right: -30px; }

.negMar40 { margin-left: -40px; margin-right: -40px; }

.col-1, .col-2, .col-2_4, .col-3, .col-4, .col-4_8, .col-5, .col-6, .col-7, .col-7_2, .col-8, .col-9, .col-9_6, .col-10, .col-11 { float: left; }
.col-1.right, .col-2.right, .col-2_4.right, .col-3.right, .col-4.right, .col-4_8.right, .col-5.right, .col-6.right, .col-7.right, .col-7_2.right, .col-8.right, .col-9.right, .col-9_6.right, .col-10.right, .col-11.right { float: right; }

.col-1 { width: 8.333%; }

.col-2 { width: 16.666%; }

.col-2_4 { width: 20%; }

.col-3 { width: 25%; }

.col-4 { width: 33.333%; }

.col-4_8 { width: 40%; }

.col-5 { width: 41.666%; }

.col-6 { width: 50%; }

.col-7 { width: 58.333%; }

.col-7_2 { width: 60%; }

.col-8 { width: 66.666%; }

.col-9 { width: 75%; }

.col-9_6 { width: 80%; }

.col-10 { width: 83.333%; }

.col-11 { width: 91.666%; }

.colWrapper .col-3:nth-of-type(4n+1) { clear: both; }
.colWrapper .col-4:nth-of-type(3n+1) { clear: both; }

@media screen and (max-width: 1259px) { .row { padding-left: 15px; padding-right: 15px; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; }
  .col-lg-1.right, .col-lg-2.right, .col-lg-3.right, .col-lg-4.right, .col-lg-5.right, .col-lg-6.right, .col-lg-7.right, .col-lg-8.right, .col-lg-9.right, .col-lg-10.right, .col-lg-11.right { float: right; }
  .col-lg-1 { width: 8.333%; }
  .col-lg-2 { width: 16.666%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.333%; }
  .col-lg-5 { width: 41.666%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.333%; }
  .col-lg-8 { width: 66.666%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.333%; }
  .col-lg-11 { width: 91.666%; }
  .col-lg-12 { clear: both; float: none !important; padding-left: 0 !important; padding-right: 0 !important; width: auto; }
  .negMar0-lg { margin-left: 0 !important; margin-right: 0 !important; }
  .colWrapper .col-lg-4:nth-of-type(n) { clear: none; }
  .colWrapper .col-lg-4:nth-of-type(3n+1) { clear: both; } }
@media screen and (max-width: 1023px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; }
  .col-md-1.right, .col-md-2.right, .col-md-3.right, .col-md-4.right, .col-md-5.right, .col-md-6.right, .col-md-7.right, .col-md-8.right, .col-md-9.right, .col-md-10.right, .col-md-11.right { float: right; }
  .col-md-1 { width: 8.333%; }
  .col-md-2 { width: 16.666%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.333%; }
  .col-md-5 { width: 41.666%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.333%; }
  .col-md-8 { width: 66.666%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.333%; }
  .col-md-11 { width: 91.666%; }
  .col-md-12 { clear: both; float: none !important; padding-left: 0 !important; padding-right: 0 !important; width: auto; }
  .negMar10-md { margin-left: -10px; margin-right: -10px; }
  .negMar0-md { margin-left: 0 !important; margin-right: 0 !important; }
  .colWrapper .col-md-4:nth-of-type(n) { clear: none; }
  .colWrapper .col-md-4:nth-of-type(3n+1) { clear: both; }
  .colWrapper .col-md-6:nth-of-type(n) { clear: none; }
  .colWrapper .col-md-6:nth-of-type(odd) { clear: both; } }
@media screen and (max-width: 767px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; }
  .col-sm-1.right, .col-sm-2.right, .col-sm-3.right, .col-sm-4.right, .col-sm-5.right, .col-sm-6.right, .col-sm-7.right, .col-sm-8.right, .col-sm-9.right, .col-sm-10.right, .col-sm-11.right { float: right; }
  .col-sm-1 { width: 8.333%; }
  .col-sm-2 { width: 16.666%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.333%; }
  .col-sm-5 { width: 41.666%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.333%; }
  .col-sm-8 { width: 66.666%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.333%; }
  .col-sm-11 { width: 91.666%; }
  .col-sm-12 { clear: both; float: none !important; padding-left: 0 !important; padding-right: 0 !important; width: auto; }
  .negMar0-sm { margin-left: 0 !important; margin-right: 0 !important; }
  .colWrapper .col-sm-6:nth-of-type(n) { clear: none; }
  .colWrapper .col-sm-6:nth-of-type(odd) { clear: both; } }
@media screen and (max-width: 599px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; }
  .col-xs-1.right, .col-xs-2.right, .col-xs-3.right, .col-xs-4.right, .col-xs-5.right, .col-xs-6.right, .col-xs-7.right, .col-xs-8.right, .col-xs-9.right, .col-xs-10.right, .col-xs-11.right { float: right; }
  .col-xs-1 { width: 8.333%; }
  .col-xs-2 { width: 16.666%; }
  .col-xs-3 { width: 25%; }
  .col-xs-4 { width: 33.333%; }
  .col-xs-5 { width: 41.666%; }
  .col-xs-6 { width: 50%; }
  .col-xs-7 { width: 58.333%; }
  .col-xs-8 { width: 66.666%; }
  .col-xs-9 { width: 75%; }
  .col-xs-10 { width: 83.333%; }
  .col-xs-11 { width: 91.666%; }
  .col-xs-12 { clear: both; float: none !important; padding-left: 0 !important; padding-right: 0 !important; width: auto; }
  .negMar5-xs { margin-left: -5px; margin-right: -5px; }
  .negMar0-xs { margin-left: 0 !important; margin-right: 0 !important; } }
/* Margins */
.autoMar { margin-left: auto; margin-right: auto; }

.bMar0 { margin-bottom: 0 !important; }

.bMar5 { margin-bottom: 5px; }

.tMar5 { margin-top: 5px; }

.lMar5 { margin-left: 5px; }

.rMar5 { margin-right: 5px; }

.lMar10 { margin-left: 10px; }

.rMar10 { margin-right: 10px; }

.tMar10 { margin-top: 10px; }

.bMar10 { margin-bottom: 10px; }

.lMar15 { margin-left: 15px; }

.rMar15 { margin-right: 15px; }

.tMar15 { margin-top: 15px; }

.bMar15 { margin-bottom: 15px; }

.lMar20 { margin-left: 20px; }

.rMar20 { margin-right: 20px; }

.tMar20 { margin-top: 20px; }

.bMar20 { margin-bottom: 20px; }

.lMar30 { margin-left: 30px; }

.rMar30 { margin-right: 30px; }

.tMar30 { margin-top: 30px; }

.bMar30 { margin-bottom: 30px; }

.lMar40 { margin-left: 40px; }

.rMar40 { margin-right: 40px; }

.tMar40 { margin-top: 40px; }

.bMar40 { margin-bottom: 40px; }

.tMar60 { margin-top: 60px; }

.bMar60 { margin-bottom: 60px; }

.tMar80 { margin-top: 80px; }

.bMar80 { margin-bottom: 80px; }

.tMar100 { margin-top: 100px; }

.bMar100 { margin-bottom: 100px; }

@media screen and (max-width: 1023px) { .bMar20-md { margin-bottom: 20px; }
  .bMar40-md { margin-bottom: 40px; }
  .tMar0-md { margin-top: 0 !important; } }
@media screen and (max-width: 767px) { .bMar60, .bMar80, .bMar100 { margin-bottom: 40px; }
  .tMar60, .tMar80, .tMar100 { margin-top: 40px; }
  .negMar15-sm { margin-left: -15px; margin-right: -15px; }
  .bMar0-sm { margin-bottom: 0 !important; }
  .bMar5-sm { margin-bottom: 5px; }
  .bMar15-sm { margin-bottom: 15px; }
  .bMar20-sm { margin-bottom: 20px; } }
@media screen and (max-width: 599px) { .bMar10-xs { margin-bottom: 10px; }
  .bMar15-xs { margin-bottom: 15px; }
  .bMar20-xs { margin-bottom: 20px; } }
/* Padding */
.lPad5 { padding-left: 5px; }

.rPad5 { padding-right: 5px; }

.lPad10 { padding-left: 10px; }

.rPad10 { padding-right: 10px; }

.tPad10 { padding-top: 10px; }

.bPad10 { padding-bottom: 10px; }

.pad10 { padding: 10px; }

.lPad15 { padding-left: 15px; }

.rPad15 { padding-right: 15px; }

.tPad15 { padding-top: 15px; }

.bPad15 { padding-bottom: 15px; }

.pad15 { padding: 15px; }

.lPad20 { padding-left: 20px; }

.rPad20 { padding-right: 20px; }

.tPad20 { padding-top: 20px; }

.bPad20 { padding-bottom: 20px; }

.pad20 { padding: 20px; }

.lPad30 { padding-left: 30px; }

.rPad30 { padding-right: 30px; }

.tPad30 { padding-top: 30px; }

.bPad30 { padding-bottom: 30px; }

.pad30 { padding: 30px; }

.lPad40 { padding-left: 40px; }

.rPad40 { padding-right: 40px; }

.tPad40 { padding-top: 40px; }

.bPad40 { padding-bottom: 40px; }

.pad40 { padding: 40px; }

.tPad60 { padding-top: 60px; }

.bPad60 { padding-bottom: 60px; }

.tPad80 { padding-top: 80px; }

.bPad80 { padding-bottom: 80px; }

.tPad100 { padding-top: 100px; }

.bPad100 { padding-bottom: 100px; }

@media screen and (max-width: 1023px) { .lPad10-md { padding-left: 10px; }
  .rPad10-md { padding-right: 10px; } }
@media screen and (max-width: 767px) { .bPad60, .bPad80, .bPad100 { padding-bottom: 40px; }
  .tPad60, .tPad80, .tPad100 { padding-top: 40px; }
  .tPad15-sm { padding-top: 15px; }
  .pad15-sm { padding: 15px; } }
@media screen and (max-width: 599px) { .pad5-xs { padding: 5px; }
  .lPad5-xs { padding-left: 5px; }
  .rPad5-xs { padding-right: 5px; } }
/* Colours */
.white { color: #FFF; }

.black { color: #000; }

.red { color: #C92121; }

.darkBlue { color: #2B2E42; }

.blue { color: #0E3B5D; }

.darkGrey { color: #383838; }

.medGrey { color: #4A4A4A; }

.lightGrey { color: #9B9B9B; }

/* Background Colours */
.whiteBG { background-color: #FFF; }

.blackBG { background-color: #000; }

.redBG { background-color: #C92121; }

.lightRedBG { background-color: #f4d3d3; }

.redTintBG { background-color: #fcf4f4; }

.darkBlueBG { background-color: #2B2E42; }

.darkGreyBG { background-color: #383838; }

.medGreyBG { background-color: #4A4A4A; }

.lightGreyBG { background-color: #9B9B9B; }

.lighterGreyBG { background-color: #d8d8d8; }

.offWhiteBG { background-color: #efefef; }

.offWhiteMoreBG { background-color: #f6f6f6; }

.donateGreyBG { background-color: #f2f2f2; }

.donateGreyTintBG { background-color: #fcfcfc; }

.whiteBG70 { background-color: rgba(255, 255, 255, 0.7); }

.whiteBG90 { background-color: rgba(255, 255, 255, 0.9); }

.whiteBG95 { background-color: rgba(255, 255, 255, 0.95); }

.redBG2 { background-color: rgba(201, 33, 33, 0.02); }

.blueBG2 { background-color: rgba(14, 59, 93, 0.02); }

.burgundyBG { background-color: #a02331; }

.tealBG { background-color: #487485; }

.mustardBG { background-color: #eda027; }

/* Borders */
.bBorderWhite { border-bottom: 1px solid #FFF; }

.tBorderWhite { border-top: 1px solid #FFF; }

.bBorderRed { border-bottom: 1px solid #C92121; }

.tBorderRed { border-top: 1px solid #C92121; }

.bBorderMedGrey { border-bottom: 1px solid #4A4A4A; }

.tBorderMedGrey { border-top: 1px solid #4A4A4A; }

.bBorderLighterGrey { border-bottom: 1px solid #d8d8d8; }

.tBorderLighterGrey { border-top: 1px solid #d8d8d8; }

.tBorderLightGreyDotted { border-top: 1px dotted #9B9B9B; }

.bBorderDarkBlue { border-bottom: 1px solid #2B2E42; }

.tBorderThickRed20 { border-top: 3px solid rgba(201, 33, 33, 0.2); }

.tBorderThickBlue20 { border-top: 3px solid rgba(14, 59, 93, 0.2); }

.bBorderThickRed20 { border-bottom: 3px solid rgba(201, 33, 33, 0.2); }

.bBorderThickBlue20 { border-bottom: 3px solid rgba(14, 59, 93, 0.2); }

.redBorder { border-color: #C92121 !important; }

/* Typography */
html, body, h1, h2, h3, h4, h5, h6, .vCentre, .fontReset { font-size: 22px; }

html, body { font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-weight: 400; }

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

p { line-height: 1.75em; margin: 0 0 1em; }
p.lessLineHeight, .lessLineHeight p { line-height: 1.33em; }
.lessPMar p, p.lessMar { margin-bottom: 0.4em; }

.serif { font-family: Cardo, Georgia, "Times New Roman", serif; }

.light { font-weight: 300; }

.bold { font-weight: 700; }

.italic { font-style: italic; }

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

.title-xl { font-size: 52px; line-height: 1.1em; margin-bottom: 0.4em; }
.title-xl.sans { font-size: 46px; }
.title-xl.lessMar { margin-bottom: 0.2em; }
.title-xl.moreMar { margin-bottom: 0.6em; }
#pageTitleWrapper .title-xl { margin-bottom: 0; padding: 0.4em 0; }

.title-lg { font-size: 36px; margin-bottom: 0.4em; }
.title-lg.moreMar { margin-bottom: 0.8em; }

.title-md { font-size: 30px; margin-bottom: 0.4em; }

.title-sm { font-size: 24px; }
.title-sm.hasMar { margin-bottom: 0.4em; }
.title-sm.moreMar { margin-bottom: 1em; }
.post .title-sm { font-size: 24px; margin-bottom: 0.4em; }
.eventWrapper .title-sm { line-height: 1.5em; margin-bottom: 0.2em; }
#donationWrapper .title-sm { margin-bottom: 1em; }

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

.title-xxs { font-size: 18px; margin-bottom: 0.8em; }
.title-xxs.lessMar { margin-bottom: 0.4em; }
.title-xxs.moreMar { margin-bottom: 1em; }

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

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

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

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

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

.quote { padding: 140px 30px 30px; }
.quote:before { border-top: 1px solid #2B2E42; content: ""; left: 30px; position: absolute; right: 30px; top: 60px; }
.quote:after { background: #fcf4f4 url(images/quote-icon.svg) center center no-repeat; content: ""; height: 60px; left: 50%; margin-left: -100px; position: absolute; top: 30px; width: 200px; z-index: 5; }
.quote p.quoteText { font-size: 30px; }

.verticalTitlesWrapper { padding-left: 80px; }
.verticalTitlesWrapper .verticalTitles { bottom: 0; left: 0; position: absolute; top: 0; white-space: nowrap; width: 30px; }
.verticalTitlesWrapper .verticalTitles:after { border-left: 1px solid #4A4A4A; bottom: 0; content: ""; left: 45px; position: absolute; top: 0; }
.verticalTitlesWrapper .verticalTitles .verticalTitle { line-height: 30px; position: absolute; right: 30px; top: 0; transform: rotate(-90deg); transform-origin: top right; }
.verticalTitlesWrapper .verticalTitles .verticalLink { bottom: 0; left: 30px; line-height: 30px; position: absolute; transform: rotate(-90deg); transform-origin: bottom left; }

.cmsContent h2, .cmsContent h3 { font-weight: 700; margin: 2em 0 1em; }
.cmsContent h2:first-child, .cmsContent h3:first-child { margin-top: 0; }
.cmsContent h4 { font-size: 18px; font-weight: 700; margin: 1em 0 0.4em; }
.cmsContent h4:first-child { margin-top: 0; }
.cmsContent ul { list-style: disc; margin-bottom: 1em; padding: 0 0 0 1.4em; }
.cmsContent ul li { line-height: 1.75em; list-style: disc; }
.cmsContent ol { list-style: decimal; margin-bottom: 1em; padding: 0 0 0 1.8em; }
.cmsContent ol li { line-height: 1.75em; list-style: decimal; }
.cmsContent a { text-decoration: underline; }
.cmsContent.white a { color: #FFF; }
.cmsContent.white a:hover { color: #9B9B9B; }

.uppercase { text-transform: uppercase; }

.leftText { text-align: left; }

.rightText { text-align: right; }

.centreText { text-align: center; }

.font0 { font-size: 0; }

@media screen and (max-width: 767px) { html, body, h1, h2, h3, h4, h5, h6, .vCentre, .fontReset { font-size: 18px; }
  .title-xl { font-size: 30px; }
  .title-xl.sans { font-size: 36px; }
  .title-md { font-size: 24px; }
  .quote { padding: 110px 15px 15px; }
  .quote:after { margin-left: -75px; width: 150px; }
  .quote p.quoteText { font-size: 24px; }
  .verticalTitlesWrapper { margin-left: -10px; padding-left: 40px; }
  .verticalTitlesWrapper .verticalTitles:after { left: 30px; }
  .verticalTitlesWrapper .verticalTitles .title-md { font-size: 20px; } }
/* Media */
a img { border: 0; }

img, video { display: block; }
img.fullWidth, video.fullWidth { height: auto; width: 100%; }
img.maxWidth, video.maxWidth { height: auto; max-width: 100%; }

iframe { display: block; }

.mediaWrapper iframe, .cmsContent iframe { width: 100%; }

.podcastIframeWrapper:before { content: ''; display: block; padding-bottom: 100%; }
.podcastIframeWrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.cmsContent .floatright, .cmsContent .floatleft { color: #9B9B9B; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; margin-bottom: 30px; }
.cmsContent .floatright strong, .cmsContent .floatright b, .cmsContent .floatright em, .cmsContent .floatright i, .cmsContent .floatleft strong, .cmsContent .floatleft b, .cmsContent .floatleft em, .cmsContent .floatleft i { font-style: normal; font-weight: 400; }
.cmsContent img { height: auto; margin-bottom: 10px; max-width: 100%; }

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

/* Forms */
button.spButton, button.iconButton, input.text, input.amount, textarea, select, #wcWrapper input.input-text, #wcWrapper textarea, #wcWrapper select { font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; }

button.spButton, button.iconButton, input.text, input.amount, textarea, .appearance select, #wcWrapper input.input-text, #wcWrapper textarea, .appearance #wcWrapper select { -moz-appearance: none; -webkit-appearance: none; appearance: none; }

button { border: 0; border-radius: 0; cursor: pointer; }

input.text, textarea, select, #wcWrapper input.input-text, #wcWrapper textarea, #wcWrapper select { background-color: #efefef; border: 1px solid #efefef; border-radius: 0; color: #383838; 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, #wcWrapper input.input-text::-webkit-input-placeholder, #wcWrapper textarea::-webkit-input-placeholder, #wcWrapper select::-webkit-input-placeholder { color: #9B9B9B; }
input.text:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, #wcWrapper input.input-text:-moz-placeholder, #wcWrapper textarea:-moz-placeholder, #wcWrapper select:-moz-placeholder { color: #9B9B9B; }
input.text::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, #wcWrapper input.input-text::-moz-placeholder, #wcWrapper textarea::-moz-placeholder, #wcWrapper select::-moz-placeholder { color: #9B9B9B; }
input.text:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, #wcWrapper input.input-text:-ms-input-placeholder, #wcWrapper textarea:-ms-input-placeholder, #wcWrapper select:-ms-input-placeholder { color: #9B9B9B; }
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, #wcWrapper input.input-text::-webkit-outer-spin-button, #wcWrapper input.input-text::-webkit-inner-spin-button, #wcWrapper textarea::-webkit-outer-spin-button, #wcWrapper textarea::-webkit-inner-spin-button, #wcWrapper select::-webkit-outer-spin-button, #wcWrapper select::-webkit-inner-spin-button { -webkit-appearance: none; }

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

textarea, #wcWrapper textarea { height: 120px; resize: none; }

.appearance select { background: url("images/dropdown-arrow.svg") right 15px center no-repeat; background-size: 15px auto; }

.spForm input.text, .spForm textarea { width: 100%; }
.spForm input.text.whiteRounded, .spForm textarea.whiteRounded { background-color: #FFF; border-color: #FFF; border-radius: 20px; font-weight: 700; padding: 9px 20px; }
.spForm input.text.white::-webkit-input-placeholder, .spForm textarea.white::-webkit-input-placeholder { color: #FFF; }
.spForm input.text.white:-moz-placeholder, .spForm textarea.white:-moz-placeholder { color: #FFF; }
.spForm input.text.white::-moz-placeholder, .spForm textarea.white::-moz-placeholder { color: #FFF; }
.spForm input.text.white:-ms-input-placeholder, .spForm textarea.white:-ms-input-placeholder { color: #FFF; }
.spForm input.text.red, .spForm textarea.red { color: #C92121; }
.spForm input.text.red::-webkit-input-placeholder, .spForm textarea.red::-webkit-input-placeholder { color: #C92121; }
.spForm input.text.red:-moz-placeholder, .spForm textarea.red:-moz-placeholder { color: #C92121; }
.spForm input.text.red::-moz-placeholder, .spForm textarea.red::-moz-placeholder { color: #C92121; }
.spForm input.text.red:-ms-input-placeholder, .spForm textarea.red:-ms-input-placeholder { color: #C92121; }
.spForm input.text.red.active, .spForm input.text.red:focus, .spForm textarea.red.active, .spForm textarea.red:focus { background-color: #C92121; border-color: #C92121; color: #FFF; }
.spForm input.text.red.active::-webkit-input-placeholder, .spForm input.text.red:focus::-webkit-input-placeholder, .spForm textarea.red.active::-webkit-input-placeholder, .spForm textarea.red:focus::-webkit-input-placeholder { color: #FFF; }
.spForm input.text.red.active:-moz-placeholder, .spForm input.text.red:focus:-moz-placeholder, .spForm textarea.red.active:-moz-placeholder, .spForm textarea.red:focus:-moz-placeholder { color: #FFF; }
.spForm input.text.red.active::-moz-placeholder, .spForm input.text.red:focus::-moz-placeholder, .spForm textarea.red.active::-moz-placeholder, .spForm textarea.red:focus::-moz-placeholder { color: #FFF; }
.spForm input.text.red.active:-ms-input-placeholder, .spForm input.text.red:focus:-ms-input-placeholder, .spForm textarea.red.active:-ms-input-placeholder, .spForm textarea.red:focus:-ms-input-placeholder { color: #FFF; }
.spForm input.text.medGrey, .spForm textarea.medGrey { color: #4A4A4A; }
.spForm input.text.medGrey::-webkit-input-placeholder, .spForm textarea.medGrey::-webkit-input-placeholder { color: #4A4A4A; }
.spForm input.text.medGrey:-moz-placeholder, .spForm textarea.medGrey:-moz-placeholder { color: #4A4A4A; }
.spForm input.text.medGrey::-moz-placeholder, .spForm textarea.medGrey::-moz-placeholder { color: #4A4A4A; }
.spForm input.text.medGrey:-ms-input-placeholder, .spForm textarea.medGrey:-ms-input-placeholder { color: #4A4A4A; }
.spForm input.text.amount { -moz-appearance: textfield; display: inline-block; width: auto; }
.spForm input.text.amount::-webkit-inner-spin-button, .spForm input.text.amount::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.spForm input.text.amount.block { width: 100%; }
.spForm input.text.bBorder { background: none; border: 0; border-bottom: 1px solid #9B9B9B; height: 26px; padding: 3px 0; }
.spForm input.text.bBorder.darkBlue { border-bottom-color: #2B2E42; color: #2B2E42; }

.checkboxWrapper input, .bookCheckboxWrapper input { left: 0; position: absolute; top: 2px; visibility: hidden; z-index: -1; }
.checkboxWrapper.simpleCheckbox, .bookCheckboxWrapper.simpleCheckbox { line-height: 20px; padding-left: 22px; }
.checkboxWrapper.simpleCheckbox .checkbox, .bookCheckboxWrapper.simpleCheckbox .checkbox { border-radius: 2px; cursor: pointer; height: 16px; left: 0; position: absolute; top: 2px; width: 16px; }
.checkboxWrapper.simpleCheckbox .checkbox.active:after, .bookCheckboxWrapper.simpleCheckbox .checkbox.active:after { background: url("images/tick-icon.svg") no-repeat; background-size: contain; content: ''; height: 8px; left: 3px; position: absolute; top: 4px; width: 11px; }

.bookCheckboxWrapper { display: inline-block; line-height: 30px; padding-right: 40px; }
.bookCheckboxWrapper .checkbox { border-radius: 8px; cursor: pointer; height: 30px; position: absolute; right: 0; top: 0; width: 30px; }
.bookCheckboxWrapper .checkbox.active:after { background: url("images/tick-icon-newsletter.svg") no-repeat; background-size: contain; content: ''; height: 16px; left: 3px; position: absolute; top: 7px; width: 23px; }

.submitRow { min-height: 30px; }
.submitRow.big { min-height: 40px; }

label.error { left: -9999em; position: absolute; visibility: hidden; }

.grecaptcha-badge { visibility: hidden; }

/* Links/Buttons */
a { color: #C92121; text-decoration: none; }
a:hover { color: #2B2E42; }
a.lightGrey { color: #9B9B9B; }
a.lightGrey:hover { color: #2B2E42; }
a.medGrey { color: #4A4A4A; }
a.medGrey:hover { color: #C92121; }
a.darkGrey { color: #383838; }
a.darkGrey:hover { color: #C92121; }
a.darkBlue { color: #2B2E42; }
a.darkBlue:hover { color: #C92121; }

a, .spButton, .sizeGuideButton a, #wcWrapper .button { transition: background-color 0.3s, border-color 0.3s, color 0.3s; }
a.block, .spButton.block, .sizeGuideButton a.block, #wcWrapper .button.block { display: block; }

.iconButton { border: 0; border-radius: 0; cursor: pointer; }

.spButton, .sizeGuideButton a, #wcWrapper .button { color: #FFF; display: inline-block; font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; height: 30px; line-height: 30px; padding: 0 20px; text-align: center; text-transform: uppercase; }
.spButton.block, .sizeGuideButton a.block, #wcWrapper .button.block { width: 100%; }
.spButton.wide, .sizeGuideButton a.wide, #wcWrapper .button.wide { min-width: 180px; }
.spButton.round, .sizeGuideButton a.round, #wcWrapper .button.round { border-radius: 15px; }
.spButton.whiteBG, .sizeGuideButton a.whiteBG, #wcWrapper .button.whiteBG { color: #2B2E42; }
.spButton:hover, .sizeGuideButton a:hover, #wcWrapper .button:hover { color: #FFF; }
.spButton.whiteBG:hover, .spButton.redBG:hover, .sizeGuideButton a.whiteBG:hover, .sizeGuideButton a.redBG:hover, #wcWrapper .button.whiteBG:hover, #wcWrapper .button.redBG:hover { background-color: #9B9B9B; color: #FFF; }
.spButton.lightGreyBG:hover, .spButton.darkBlueBG:hover, .sizeGuideButton a.lightGreyBG:hover, .sizeGuideButton a.darkBlueBG:hover, #wcWrapper .button.lightGreyBG:hover, #wcWrapper .button.darkBlueBG:hover { background-color: #C92121; color: #FFF; }
.spButton.small, .sizeGuideButton a.small, #wcWrapper .button.small { font-size: 12px; height: 26px; line-height: 26px; padding: 0 10px; }
.spButton.small.round, .sizeGuideButton a.small.round, #wcWrapper .button.small.round { border-radius: 13px; }
.spButton.big, .sizeGuideButton a.big, #wcWrapper .button.big { height: 40px; line-height: 40px; }
.spButton.big.round, .sizeGuideButton a.big.round, #wcWrapper .button.big.round { border-radius: 20px; }
.spButton.big.whiteBG, .sizeGuideButton a.big.whiteBG, #wcWrapper .button.big.whiteBG { color: #C92121; }
.spButton.big.whiteBG.active, .spButton.big.whiteBG:hover, .sizeGuideButton a.big.whiteBG.active, .sizeGuideButton a.big.whiteBG:hover, #wcWrapper .button.big.whiteBG.active, #wcWrapper .button.big.whiteBG:hover { background-color: #C92121; color: #FFF; }
.spButton.big.darkBlueBG.disabled, .sizeGuideButton a.big.darkBlueBG.disabled, #wcWrapper .button.big.darkBlueBG.disabled { background: #2B2E42 !important; cursor: default; opacity: 0.3; }

#wcWrapper .button { background: #C92121; border-radius: 20px; color: #FFF; height: 40px; line-height: 40px; }
#wcWrapper .button:hover { background-color: #9B9B9B; }
#wcWrapper .button[disabled] { cursor: default; }
#wcWrapper .button#place_order, #wcWrapper .button.checkout-button { display: block; }

.sizeGuideButton a { background: #C92121; border-radius: 15px; color: #FFF !important; }
.sizeGuideButton a:hover { background-color: #9B9B9B; }

.socialIcons a, .addthis_inline_share_toolbox a { background: url("images/social-icons.svg") no-repeat; background-size: 100% 1600%; display: inline-block; height: 26px; text-indent: -9999em; width: 26px; }
.socialIcons a.facebook:hover, .socialIcons a.at-svc-facebook:hover, .addthis_inline_share_toolbox a.facebook:hover, .addthis_inline_share_toolbox a.at-svc-facebook:hover { background-position: 0 -26px; }
.socialIcons a.facebook.colour, .socialIcons a.at-svc-facebook.colour, .addthis_inline_share_toolbox a.facebook.colour, .addthis_inline_share_toolbox a.at-svc-facebook.colour { background-position: 0 -26px; }
.socialIcons a.facebook.colour:hover, .socialIcons a.at-svc-facebook.colour:hover, .addthis_inline_share_toolbox a.facebook.colour:hover, .addthis_inline_share_toolbox a.at-svc-facebook.colour:hover { background-position: 0 0; }
.socialIcons a.facebook.white, .socialIcons a.at-svc-facebook.white, .addthis_inline_share_toolbox a.facebook.white, .addthis_inline_share_toolbox a.at-svc-facebook.white { background-position: 0 -52px; }
.socialIcons a.facebook.white:hover, .socialIcons a.at-svc-facebook.white:hover, .addthis_inline_share_toolbox a.facebook.white:hover, .addthis_inline_share_toolbox a.at-svc-facebook.white:hover { background-position: 0 -26px; }
.socialIcons a.twitter, .socialIcons a.at-svc-twitter, .addthis_inline_share_toolbox a.twitter, .addthis_inline_share_toolbox a.at-svc-twitter { background-position: 0 -78px; }
.socialIcons a.twitter:hover, .socialIcons a.at-svc-twitter:hover, .addthis_inline_share_toolbox a.twitter:hover, .addthis_inline_share_toolbox a.at-svc-twitter:hover { background-position: 0 -104px; }
.socialIcons a.twitter.colour, .socialIcons a.at-svc-twitter.colour, .addthis_inline_share_toolbox a.twitter.colour, .addthis_inline_share_toolbox a.at-svc-twitter.colour { background-position: 0 -104px; }
.socialIcons a.twitter.colour:hover, .socialIcons a.at-svc-twitter.colour:hover, .addthis_inline_share_toolbox a.twitter.colour:hover, .addthis_inline_share_toolbox a.at-svc-twitter.colour:hover { background-position: 0 -78px; }
.socialIcons a.twitter.white, .socialIcons a.at-svc-twitter.white, .addthis_inline_share_toolbox a.twitter.white, .addthis_inline_share_toolbox a.at-svc-twitter.white { background-position: 0 -130px; }
.socialIcons a.twitter.white:hover, .socialIcons a.at-svc-twitter.white:hover, .addthis_inline_share_toolbox a.twitter.white:hover, .addthis_inline_share_toolbox a.at-svc-twitter.white:hover { background-position: 0 -104px; }
.socialIcons a.youtube, .addthis_inline_share_toolbox a.youtube { background-position: 0 -156px; }
.socialIcons a.youtube:hover, .addthis_inline_share_toolbox a.youtube:hover { background-position: 0 -182px; }
.socialIcons a.youtube.colour, .addthis_inline_share_toolbox a.youtube.colour { background-position: 0 -182px; }
.socialIcons a.youtube.colour:hover, .addthis_inline_share_toolbox a.youtube.colour:hover { background-position: 0 -156px; }
.socialIcons a.youtube.white, .addthis_inline_share_toolbox a.youtube.white { background-position: 0 -208px; }
.socialIcons a.youtube.white:hover, .addthis_inline_share_toolbox a.youtube.white:hover { background-position: 0 -182px; }
.socialIcons a.rss, .addthis_inline_share_toolbox a.rss { background-position: 0 -234px; }
.socialIcons a.rss:hover, .addthis_inline_share_toolbox a.rss:hover { background-position: 0 -260px; }
.socialIcons a.rss.colour, .addthis_inline_share_toolbox a.rss.colour { background-position: 0 -260px; }
.socialIcons a.rss.colour:hover, .addthis_inline_share_toolbox a.rss.colour:hover { background-position: 0 -234px; }
.socialIcons a.rss.white, .addthis_inline_share_toolbox a.rss.white { background-position: 0 -286px; }
.socialIcons a.rss.white:hover, .addthis_inline_share_toolbox a.rss.white:hover { background-position: 0 -260px; }
.socialIcons a.at-svc-email, .addthis_inline_share_toolbox a.at-svc-email { background-position: 0 -312px; }
.socialIcons a.at-svc-email:hover, .addthis_inline_share_toolbox a.at-svc-email:hover { background-position: 0 -338px; }
.socialIcons a.at-svc-compact, .addthis_inline_share_toolbox a.at-svc-compact { background-position: 0 -364px; }
.socialIcons a.at-svc-compact:hover, .addthis_inline_share_toolbox a.at-svc-compact:hover { background-position: 0 -390px; }

.addthis_inline_share_toolbox { white-space: nowrap; }
.addthis_inline_share_toolbox a { background-color: transparent !important; border-radius: 0 !important; height: 26px !important; margin: 0 5px 0 0 !important; padding: 0 !important; transform: none !important; transition: none !important; width: 26px !important; }
.addthis_inline_share_toolbox a.at-svc-compact { margin-right: 0 !important; }
.addthis_inline_share_toolbox span { display: none !important; }

.playIcon { height: 46px; left: 50%; margin: -23px 0 0 -23px; position: absolute; top: 50%; width: 46px; }
.playIcon:after { border-bottom: 13px solid transparent; border-left: 18px solid #FFF; border-top: 13px solid transparent; content: ''; left: 50%; margin: -13px 0 0 -6px; position: absolute; top: 50%; }

.crossIcon { background-repeat: no-repeat; background-size: contain; height: 26px; position: absolute; right: 15px; top: 15px; width: 26px; z-index: 5; }
.crossIcon.red { background-image: url("images/cross-icon-red.svg"); }
.crossIcon.white { background-image: url("images/cross-icon-white.svg"); }

.dropdownLink { display: inline-block; padding-right: 17px; }
.dropdownLink:after { background: url("images/dropdown-arrow.svg") no-repeat; background-size: contain; content: ''; height: 7px; margin-top: -3px; position: absolute; right: 0; top: 50%; transition: transform 0.3s; width: 11px; }
.dropdownLink.active:after { transform: rotate(180deg); }

@media screen and (max-width: 599px) { .crossIcon { right: 10px; top: 10px; } }
/* Misc. */
.opacity50 { opacity: 0.5; }

.absBox { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.square:before { content: ''; display: block; padding-bottom: 100%; }

.rounded { border-radius: 50%; }

.hidden { display: none; }

.relative, .onTop { position: relative; }
.relative.onTop, .onTop.onTop { z-index: 5; }

.hideOverflow { overflow: hidden; }

.vCentreParent:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.vCentreParent .vCentre { display: inline-block; vertical-align: middle; width: 100%; }

.clearFix:after { clear: both; content: ''; display: block; font-size: 0; height: 0; line-height: 0; }

@media screen and (max-width: 1259px) { .hidden-lg { display: none !important; }
  .visible-lg { display: block !important; } }
@media screen and (max-width: 1023px) { .hidden-md { display: none !important; }
  .visible-md { display: block !important; } }
@media screen and (max-width: 767px) { .hidden-sm { display: none !important; }
  .visible-sm { display: block !important; } }
@media screen and (max-width: 599px) { .hidden-xs { display: none !important; }
  .visible-xs { display: block !important; } }
/* Main */
#container { min-width: 320px; }

#main { padding-top: 186px; }

@media screen and (max-width: 1023px) { #main { padding-top: 60px; } }
/* Header */
#header { left: 0; position: fixed; right: 0; top: 0; z-index: 50; }
#header.transition { transition: top 0.4s linear; }
#header.compressed { border-bottom: 1px solid #d8d8d8; }
#header.compressed #headerMain { height: 60px; padding-left: 90px; padding-top: 10px; }
#header.compressed #logo { height: 21px; left: 0; margin-left: 0; top: 20px; width: 60px; }
#header.compressed #navWrapper #nav { display: flex; padding-top: 6px; }
#header.compressed #navWrapper #nav .mainMenu { margin-left: 0 !important; margin-right: 0 !important; position: static; }
#header.compressed #navWrapper #nav .mainMenu ul.menu { margin: 0; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li { flex: 0 1 auto !important; margin-bottom: 0; margin-right: 30px; padding: 0; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li > a { background: none !important; border-bottom: 0; color: #383838 !important; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li > a:hover { color: #C92121 !important; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.donate { margin-right: 0; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.donate > a { color: #C92121 !important; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.menu-item-has-children > a { padding-right: 16px; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.menu-item-has-children > a:after { right: 0; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.menu-item-has-children > ul.sub-menu { left: 0; min-width: 180px; padding: 5px 10px; right: auto; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.menu-item-has-children > ul.sub-menu > li > a { text-align: left; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.menu-item-has-children.active > li > a { color: #C92121 !important; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.shop.menu-item-has-children > a:after { border-top-color: #2B2E42; }
#header.compressed #navWrapper #nav .mainMenu ul.menu > li.shop.menu-item-has-children.active > a:after { border-top-color: #C92121; }
#header.compressed #mobileSearchIcon { display: block; }
#header.compressed #headerSocial, #header.compressed #headerShop { right: 39px; top: 17px; }
#header.compressed.isShop #headerSocial { display: none; }

#headerMain { height: 186px; padding-top: 76px; }

#logo { background-image: url("images/logo.svg"); background-repeat: no-repeat; background-size: contain; height: 76px; left: 50%; margin-left: -107px; position: absolute; text-indent: -9999em; top: 90px; width: 214px; z-index: 20; }
#logo a { display: block; height: 100%; width: 100%; }

#menuIcon { border-color: transparent; border-style: solid; border-width: 10px 8px; height: 30px; left: -8px; position: absolute; top: 15px; width: 30px; z-index: 20; }
#menuIcon span { background: #C92121; height: 2px; left: 0; position: absolute; transition: 0.3s; width: 14px; }
#menuIcon span.line1 { top: 0; }
#menuIcon span.line2, #menuIcon span.line3 { top: 4px; }
#menuIcon span.line4 { top: 8px; }
#menuIcon.active span.line1, #menuIcon.active span.line4 { opacity: 0; }
#menuIcon.active span.line2 { transform: rotate(45deg); }
#menuIcon.active span.line3 { transform: rotate(-45deg); }
.no-csstransforms #menuIcon.active span.line1, .no-csstransforms #menuIcon.active span.line4 { opacity: 1; }
.no-csstransforms #menuIcon.active span.line2, .no-csstransforms #menuIcon.active span.line3 { transform: none; }

#navWrapper .mainMenu { position: absolute; top: 76px; }
#navWrapper .mainMenu#mainMenuLeft { left: 0; margin-right: 144px; right: 50%; }
#navWrapper .mainMenu#mainMenuLeft li { flex: 0 0 33.333%; }
#navWrapper .mainMenu#mainMenuLeft li.podcasts, #navWrapper .mainMenu#mainMenuLeft li.longReads { flex: 0 0 50%; margin-bottom: 0; }
#navWrapper .mainMenu#mainMenuRight { left: 50%; margin-left: 144px; right: 0; }
#navWrapper .mainMenu#mainMenuRight li { flex: 0 0 50%; }
#navWrapper .mainMenu#mainMenuRight li.shop, #navWrapper .mainMenu#mainMenuRight li.donate { margin-bottom: 0; }
#navWrapper .mainMenu ul.menu { display: flex; flex-wrap: wrap; margin: 0 -5px; }
#navWrapper .mainMenu ul.menu > li { margin-bottom: 14px; padding: 0 5px; }
#navWrapper .mainMenu ul.menu > li > a { border-bottom: 1px solid #C92121; color: #383838; display: block; font-size: 16px; font-weight: 700; height: 28px; line-height: 17px; padding: 5px 0; }
#navWrapper .mainMenu ul.menu > li > a:hover { background: #2B2E42; border-bottom-color: #2B2E42; color: #FFF; }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children { position: relative; }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children > a { position: relative; }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children > a:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #2B2E42; content: ''; margin-top: -3px; position: absolute; right: 4px; top: 50%; transition: transform 0.3s; }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children > ul.sub-menu { background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); display: none; left: 5px; padding: 5px; position: absolute; right: 5px; top: 27px; }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children > ul.sub-menu > li > a { color: #383838; display: block; font-size: 16px; font-weight: 400; line-height: 1.2em; padding: 5px 0; }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children > ul.sub-menu > li > a:hover { color: #C92121; }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children.active > a { background: #2B2E42; color: #FFF; }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children.active > a:after { border-top-color: #C92121; transform: rotate(180deg); }
#navWrapper .mainMenu ul.menu > li.menu-item-has-children.active > ul.sub-menu { display: block; }
#navWrapper .mainMenu ul.menu > li.donate > a { background: #C92121 !important; border-bottom-color: #C92121 !important; color: #FFF !important; }
#navWrapper .mainMenu ul.menu > li.shop > a { background: #2B2E42 !important; border-bottom-color: #2B2E42 !important; color: #FFF !important; }
#navWrapper .mainMenu ul.menu > li.shop.menu-item-has-children > a:after { border-top-color: #FFF; }
#navWrapper .mainMenu ul.menu > li.shop.menu-item-has-children.active > a:after { border-top-color: #C92121; }
#navWrapper .mainMenu ul.menu > li.shop.menu-item-has-children > ul.sub-menu > li > a { border-bottom: 1px solid #d8d8d8; text-transform: none; }
#navWrapper .mainMenu ul.menu > li.shop.menu-item-has-children > ul.sub-menu > li.separator > a { border-bottom: 4px solid #2B2E42; }
#navWrapper .mainMenu ul.menu > li.shop.menu-item-has-children > ul.sub-menu > li:last-child > a { border-bottom: 0 !important; }

#headerSearch { left: 0; position: absolute; top: 20px; width: 230px; }
#headerSearch input.text { line-height: 25px; padding: 0 34px 0 0; }
#headerSearch #headerSearchSubmit { background: url("images/search-icon.svg") center center no-repeat; border: 0; cursor: pointer; height: 25px; position: absolute; right: -6px; text-indent: -9999em; top: 0; width: 25px; z-index: 5; }
#headerSearch.dropdown { background: #FFF; border: 9px solid #efefef; display: none; right: 0; top: 61px; width: auto; }
#headerSearch.dropdown input.text { border: 0; height: 30px; line-height: 20px; padding: 5px 30px 5px 15px; }
#headerSearch.dropdown #headerSearchSubmit { height: 30px; right: 0; top: 0; width: 30px; }

/* Icon is ~14px, so there's 8px of white space around the 30px button */
#mobileSearchIcon { background: url("images/search-icon.svg") center center no-repeat; height: 30px; position: absolute; right: -8px; text-indent: -9999em; top: 15px; width: 30px; z-index: 5; }
#mobileSearchIcon.active { opacity: 0.3; }

#headerSocial, #headerShop { position: absolute; right: 0; top: 20px; white-space: nowrap; }

#headerCart { background: url("images/basket.svg") no-repeat; display: inline-block; height: 27px; vertical-align: top; width: 35px; }
#headerCart div { font-size: 8px; height: 14px; line-height: 15px; position: absolute; right: -2px; top: -2px; width: 14px; }

@media screen and (max-width: 1259px) { #header.compressed #navWrapper .mainMenu ul.menu > li.compressed-hide { display: none; } }
@media screen and (max-width: 1023px) { #header.border { border-bottom: 1px solid #d8d8d8; }
  #header.border #headerMain { height: 60px; }
  #header.border #logo { height: 40px; width: 113px; }
  #header.menuOpen { top: 0 !important; }
  #headerMain { height: 60px; padding-top: 10px; }
  #logo { height: 40px; left: auto; margin-left: auto; margin-right: auto; position: relative; top: auto; width: 113px; }
  #navWrapper { background: #FFF; bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 10; }
  #navWrapper #nav { -webkit-overflow-scrolling: touch; bottom: 0; left: 0; overflow: auto; padding: 0 15px 15px; position: absolute; right: 0; top: 60px; }
  #navWrapper #mainMenuLeft { border-top: 1px solid #d8d8d8; }
  #navWrapper .mainMenu { margin: 0 !important; position: static; }
  #navWrapper .mainMenu ul.menu { display: block; margin: 0; }
  #navWrapper .mainMenu ul.menu > li { display: block; margin: 0 !important; padding: 0 !important; }
  #navWrapper .mainMenu ul.menu > li > a { border-bottom-color: #d8d8d8; height: auto; line-height: 1.2em; padding: 7px 0; }
  #navWrapper .mainMenu ul.menu > li > a:hover { background: none; border-bottom-color: #d8d8d8; color: #383838; }
  #navWrapper .mainMenu ul.menu > li.menu-item-has-children > ul.sub-menu { background: none; box-shadow: none; padding: 0; position: static; }
  #navWrapper .mainMenu ul.menu > li.menu-item-has-children > ul.sub-menu > li > a { border-bottom: 1px solid #d8d8d8; padding: 7px 0; }
  #navWrapper .mainMenu ul.menu > li.menu-item-has-children > ul.sub-menu > li > a:hover { color: #383838; }
  #navWrapper .mainMenu ul.menu > li.menu-item-has-children.active > a { background: #2B2E42 !important; color: #FFF !important; }
  #headerSearch { display: none; }
  #headerSearch.dropdown { left: -15px; right: -15px; }
  #headerSocial, #headerShop { display: block; margin-top: 15px; position: static; text-align: center; }
  #headerSocial a, #headerShop a { margin-left: 5px; margin-right: 5px; } }
/* Footer */
#footer a { color: #FFF; }
#footer a:hover { color: #efefef; }

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

#stickyFooterSpacer { height: 40px; }

#stickyFooter { bottom: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); left: 0; position: fixed; right: 0; z-index: 50; }
#stickyFooter li { display: inline-block; line-height: 20px; margin-right: 30px; }
#stickyFooter li:last-child { margin-right: 0; }

@media screen and (max-width: 599px) { #footer { font-size: 14px; }
  #footer .title-xxs { font-size: 16px; }
  #stickyFooter li { margin-right: 25px; } }
/* Sells */
.listingSell.moveable { clear: both; display: block; }

.newsletterSell { box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }

.newsletterList .newsletterTitle { background: url("images/newsletter-logos.svg") no-repeat; height: 85px; text-indent: -9999em; width: 161px; }
.newsletterList .newsletterTitle.weekly { background-position: 0 -85px; }
.newsletterList .newsletterTitle.long-read { background-position: 0 -170px; }
.newsletterList .newsletterCheckbox .checkbox { border-radius: 6px; cursor: pointer; height: 30px; width: 30px; }
.newsletterList .newsletterCheckbox .checkbox.active:after { background: url("images/tick-icon-newsletter.svg") no-repeat; background-size: contain; content: ''; height: 16px; left: 4px; position: absolute; top: 7px; width: 22px; }

.newsletterSelection { transition: opacity 0.3s; }
.newsletterSelection.faded { opacity: 0; }

.newsletterSuccess { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.customSellSlide { left: 0; opacity: 0; position: absolute; right: 0; top: 0; }

.customSellVideo .playIcon { left: auto; margin: 60px auto; position: relative; top: auto; }
.customSellVideo .title-xl { margin-bottom: 0.2em; }
.customSellVideo .title-xl:after { border-top: 3px solid #FFF; content: ''; display: block; margin: 0.2em 20px 0; }

.slimSell { padding-bottom: 14.285%; }
.slimSell .slimSellImage, .slimSell .slimSellText { bottom: 0; left: 0; position: absolute; top: 0; }
.slimSell .slimSellImage { width: 25.358%; }
.slimSell .slimSellImage img { height: 100%; width: auto; }
.slimSell .slimSellText { left: 25.358%; right: 0; }
.slimSell .title-sm { font-size: 23px; }

@media screen and (max-width: 1259px) { .newsletterList br { display: none; } }
@media screen and (max-width: 767px) { .newsletterList .newsletterTitle.daily, .newsletterList .newsletterTitle.weekly { height: 60px; }
  .newsletterFields { max-width: 300px; }
  .customSellVideo .title-xl:after { margin: 0.4em 5px 0; }
  .slimSell .slimSellText .title-sm { font-size: 18px; }
  .slimSell .slimSellText .text-xxs { font-size: 11px; } }
@media screen and (max-width: 599px) { .listingSell.moveable { padding-left: 0; padding-right: 0; }
  .negMar5-xs .listingSell.moveable .negMar15-sm { margin-left: -10px; margin-right: -10px; }
  .donateSell.pad30, .newsletterSell.pad30 { padding: 15px 15px 20px; }
  .customSellSlide .vCentre, .customSellVideoText { padding-left: 15px; padding-right: 15px; }
  .slimSellWrapper { border: 10px solid #f6f6f6; margin-bottom: 20px; }
  .slimSell { padding-bottom: 20%; }
  .slimSell .slimSellText { left: 35.503%; padding-left: 10px; padding-right: 0; }
  .slimSell .slimSellText .title-sm { font-size: 14px; line-height: 16px; }
  .slimSell .slimSellText .text-xxs { font-size: 9px; line-height: 10px; }
  .slimSell .slimSellText .text-xxs.bMar5 { margin-bottom: 4px; }
  .slimSell .slimSellText .text-xxs.tMar5 { margin-top: 4px; }
  .slimSell .slimSellImage { width: 35.503%; } }
/* Advertising */
#headerAdWrapper { height: 0; transition: height 0.4s linear, padding-top 0.4s linear; }

.advertWrapper { font-size: 0; }
.advertWrapper iframe { display: inline-block; }
.advertWrapper.advertArticle, .advertWrapper.advertHome, .advertWrapper.advertListing { margin-bottom: 40px; }
.advertWrapper.advertArticle { margin-top: 40px; }
.advertWrapper.advertHome { margin-left: -80px; }
.advertWrapper.advertPodcastListing, .advertWrapper#ad_unit_skyscraper_1.advertSidebar, .advertWrapper.advertFooter { margin-bottom: 20px; }
.advertWrapper#ad_unit_skyscraper_2.advertSidebar.sticky { position: fixed; z-index: 5; }
.advertWrapper.advertFooterSticky { background: rgba(255, 255, 255, 0.9); bottom: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); left: 0; padding: 13px 0; position: fixed; right: 0; z-index: 2000; }
.advertWrapper.advertFooterSticky #closeFooterStickyAd { background-image: url("images/cross-icon-red.svg"); background-position: center center; background-repeat: no-repeat; height: 26px; position: absolute; right: 5px; top: -13px; width: 26px; z-index: 5; }

@media screen and (max-width: 767px) { .advertWrapper.advertArticle, .advertWrapper.advertHome, .advertWrapper.advertListing, .advertWrapper.advertPodcastListing { margin-left: -15px; margin-right: -15px; text-align: center; } }
/* Carousels */
.carouselWrapper { padding-left: 60px; padding-right: 60px; }
.carouselWrapper .carousel { white-space: nowrap; }
.carouselWrapper .carouselItem { display: inline-block; vertical-align: top; white-space: normal; }
.carouselWrapper .carouselItem .catBoxLink { background-repeat: no-repeat; background-size: cover; }
.carouselWrapper .carouselItem .catBoxLink:before { content: ''; display: block; padding-bottom: 66.666%; }
.carouselWrapper .carouselItem .catBoxLink .catBoxLinkText { bottom: 20px; left: 20px; position: absolute; right: 20px; }
.carouselWrapper .carouselItem:nth-child(3n+1) .catBoxLink { background-image: url("images/red-texture.jpg"); color: #FFF; }
.carouselWrapper .carouselItem:nth-child(3n+2) .catBoxLink { background-image: url("images/white-texture.jpg"); color: #2B2E42; }
.carouselWrapper .carouselItem:nth-child(3n+3) .catBoxLink { background-image: url("images/blue-texture.jpg"); color: #FFF; }
.carouselWrapper .carouselArrow { background: #C92121; border-radius: 50%; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 5; }
.carouselWrapper .carouselArrow:hover { background: #2B2E42; }
.carouselWrapper .carouselArrow:before { border-left: 2px solid #FFF; border-top: 2px solid #FFF; content: ''; height: 14px; margin-top: -7px; position: absolute; top: 50%; width: 14px; }
.carouselWrapper .carouselArrow.disabled { opacity: 0.3; }
.carouselWrapper .carouselArrow.disabled:hover { background: #C92121 !important; }
.carouselWrapper .carouselArrow.prevArrow { left: 20px; }
.carouselWrapper .carouselArrow.prevArrow:before { left: 16px; transform: rotate(-45deg); }
.carouselWrapper .carouselArrow.nextArrow { right: 20px; }
.carouselWrapper .carouselArrow.nextArrow:before { right: 16px; transform: rotate(135deg); }

@media screen and (max-width: 767px) { .carouselWrapper { padding-left: 0; padding-right: 0; padding-top: 60px; }
  .carouselWrapper .carouselArrow { margin-top: 0; top: 0; }
  .carouselWrapper .carouselArrow.prevArrow { left: 50%; margin-left: -45px; }
  .carouselWrapper .carouselArrow.nextArrow { margin-right: -45px; right: 50%; } }
/* WooCommerce */
#wcWrapper { color: #383838; font-size: 16px; /* Typography */ /* Buttons/Icons */ /* Forms */ /* Tables */ /* Notices */ /* Product List */ /* Single Product */ /* Cart */ /* Checkout */ /* Order Received */ /* My Account */ }
#wcWrapper div.woocommerce h2, #wcWrapper div.woocommerce h3, #wcWrapper div.woocommerce legend { color: #2B2E42; font-size: 22px; font-weight: 700; margin: 1em 0 0.6em; }
#wcWrapper ins { text-decoration: none; }
#wcWrapper .button#place_order { margin-bottom: 0; }
#wcWrapper .onsale { background: #C92121; border-radius: 50%; color: #FFF; font-size: 12px; font-weight: 700; height: 44px; left: 10px; letter-spacing: 0.01em; line-height: 44px; margin: 0; padding: 0; position: absolute; right: auto; text-transform: uppercase; top: 10px; width: 44px; }
#wcWrapper form, #wcWrapper fieldset { border-color: #d8d8d8; border-radius: 0; }
#wcWrapper fieldset { border: 0; margin-top: 30px; }
#wcWrapper .form-row { font-weight: 300; margin-bottom: 1em; padding: 0; }
#wcWrapper .form-row label { line-height: 1.5em; margin-bottom: 0.2em; }
#wcWrapper .required, #wcWrapper .form-row.woocommerce-invalid label { color: #C92121; }
#wcWrapper table.shop_table, #wcWrapper table.shop_attributes { border-collapse: collapse; border-color: #efefef; border-spacing: 0; font-weight: 300; }
#wcWrapper table.shop_table th, #wcWrapper table.shop_attributes th { font-weight: 400; }
#wcWrapper table.shop_table th, #wcWrapper table.shop_table td, #wcWrapper table.shop_attributes th, #wcWrapper table.shop_attributes td { border-color: #efefef; }
#wcWrapper table.shop_attributes { border: 0; text-align: left; }
#wcWrapper table.shop_attributes th, #wcWrapper table.shop_attributes td { border: 0; }
#wcWrapper .woocommerce-error, #wcWrapper .woocommerce-info, #wcWrapper .woocommerce-message { background: #efefef; border-top-style: solid; border-top-width: 5px; color: #383838; font-size: 16px; line-height: 22px; margin-bottom: 40px; padding: 14px 15px; }
#wcWrapper .woocommerce-error:before, #wcWrapper .woocommerce-info:before, #wcWrapper .woocommerce-message:before { display: none; }
#wcWrapper .woocommerce-error a, #wcWrapper .woocommerce-info a, #wcWrapper .woocommerce-message a { color: #383838; text-decoration: underline; }
#wcWrapper .woocommerce-error a.woocommerce-Button.button, #wcWrapper .woocommerce-info a.woocommerce-Button.button, #wcWrapper .woocommerce-message a.woocommerce-Button.button { display: none; }
#wcWrapper .woocommerce-error .hasCartButton, #wcWrapper .woocommerce-info .hasCartButton, #wcWrapper .woocommerce-message .hasCartButton { padding-right: 200px; }
#wcWrapper .woocommerce-error .hasCartButton .button, #wcWrapper .woocommerce-info .hasCartButton .button, #wcWrapper .woocommerce-message .hasCartButton .button { background: #C92121; color: #FFF; float: none; font-size: 16px; height: 30px; line-height: 30px; min-width: 140px; padding: 0 20px; position: absolute; right: 10px; text-decoration: none; top: 10px; }
#wcWrapper .woocommerce-error .hasCartButton .button:hover, #wcWrapper .woocommerce-info .hasCartButton .button:hover, #wcWrapper .woocommerce-message .hasCartButton .button:hover { background-color: #9B9B9B; }
#wcWrapper .woocommerce-error { border-top-color: #C92121; }
#wcWrapper .woocommerce-info, #wcWrapper .woocommerce-message { border-top-color: #2B2E42; }
#wcWrapper .shopTitleWrapper .spButton { position: absolute; right: 0; top: 0; }
#wcWrapper ul.products.carouselFormat { margin: 0; }
#wcWrapper ul.products.carouselFormat li.product { float: none; margin: 0 !important; width: auto !important; }
#wcWrapper ul.products li.product { text-align: left; }
#wcWrapper ul.products li.product h3 { font-size: 18px; padding: 0; }
#wcWrapper ul.products li.product img { height: auto; width: 100%; }
#wcWrapper ul.products li.product .listingPrice { font-size: 18px; }
#wcWrapper ul.products li.product .colourOptions { align-items: center; display: flex; }
#wcWrapper ul.products li.product .colourOptions .swatch { height: 12px; margin-right: 3px; width: 12px; }
#wcWrapper ul.products li.product .button { margin: 0; padding-left: 15px; padding-right: 15px; }
#wcWrapper ul.products li.product .button.loading { opacity: 0.25; padding-right: 2.618em; }
#wcWrapper ul.products li.product .button.loading:after { top: 0; }
#wcWrapper ul.products li.product a.added_to_cart { display: none !important; }
#wcWrapper ul.products.columns-4 li.product { float: left; margin: 0 2% 40px 0; width: 23%; }
#wcWrapper ul.products.columns-4 li.product.last { margin-right: 0; }
#wcWrapper div.product { font-size: 18px; }
#wcWrapper div.product div.images, #wcWrapper div.product div.summary { margin-bottom: 40px; }
#wcWrapper div.product div.images .flex-control-thumbs { padding-top: 20px; }
#wcWrapper div.product div.images .flex-control-thumbs li { clear: none; margin: 0 1.5% 1.5% 0; width: 15.41666%; }
#wcWrapper div.product div.images .flex-control-thumbs li:nth-child(6n) { margin-right: 0; }
#wcWrapper div.product div.images .flex-control-thumbs li:nth-child(6n+1) { clear: both; }
#wcWrapper div.product p.price { border-bottom: 1px solid #d8d8d8; color: #2B2E42; font-size: 24px; font-weight: 700; margin: 0 0 20px; padding: 0 0 20px; }
#wcWrapper div.product .woocommerce-variation-price span.price { color: #2B2E42; display: block; font-size: 24px; font-weight: 700; margin: 0 0 20px; }
#wcWrapper div.product .stock { font-size: 16px; }
#wcWrapper div.product .stock.in-stock { color: #2B2E42; }
#wcWrapper div.product .stock.out-of-stock { color: #C92121; }
#wcWrapper div.product form.cart { margin-bottom: 20px; }
#wcWrapper div.product form.cart .quantity { margin-right: 20px; }
#wcWrapper div.product form.cart .quantity input.qty { text-align: center; width: 80px; }
#wcWrapper div.product form.cart table.variations { width: auto; }
#wcWrapper div.product form.cart table.variations td { padding-bottom: 10px; }
#wcWrapper div.product form.cart table.variations td.label label { font-weight: 400; }
.appearance #wcWrapper div.product form.cart table.variations select { background: #2B2E42 url("images/dropdown-arrow-white.svg") right 15px center no-repeat; border-radius: 20px; color: #FFF; padding-left: 15px; width: 200px; }
#wcWrapper div.product form.cart .single_variation_wrap a { display: none; }
#wcWrapper a.remove { color: #C92121 !important; }
#wcWrapper a.remove:hover { background-color: #C92121 !important; color: #FFF !important; }
#wcWrapper table.cart img { width: 180px; }
#wcWrapper table.cart td.product-name a { color: #383838; }
#wcWrapper table.cart td.actions .button { background-color: #efefef; color: #383838; }
#wcWrapper table.cart td.actions .button:not([disabled]):hover { background-color: #2B2E42; color: #FFF; }
#wcWrapper table.cart td.actions .input-text { width: 180px; }
#wcWrapper form.woocommerce-checkout .col-1 h3, #wcWrapper form.woocommerce-checkout .col-2 h3 { border-bottom: 1px solid #d8d8d8; margin-bottom: 1em; padding-bottom: 1em; }
#wcWrapper #payment, #wcWrapper #add_payment_method #payment { background: none; border: 1px solid #efefef; border-radius: 0; }
#wcWrapper #payment img, #wcWrapper #add_payment_method #payment img { display: inline; }
#wcWrapper #payment .payment_methods, #wcWrapper #add_payment_method #payment .payment_methods { border-color: #efefef; }
#wcWrapper #payment .form-row, #wcWrapper #add_payment_method #payment .form-row { margin-bottom: 0; }
#wcWrapper #payment a, #wcWrapper #add_payment_method #payment a { color: #C92121; text-decoration: underline; }
#wcWrapper .woocommerce-order-overview { margin-bottom: 20px; }
#wcWrapper .woocommerce-order-overview li { margin-bottom: 2em; }
#wcWrapper .woocommerce-MyAccount-navigation { border: 1px solid #d8d8d8; }
#wcWrapper .woocommerce-MyAccount-navigation li { border-bottom: 1px solid #d8d8d8; }
#wcWrapper .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
#wcWrapper .woocommerce-MyAccount-navigation li a { color: #383838; display: block; font-size: 16px; font-weight: 400; line-height: 1.4em; padding: 0.6em 15px; }
#wcWrapper .woocommerce-MyAccount-navigation li a:hover { background: #efefef; }
#wcWrapper .woocommerce-MyAccount-navigation li.is-active a { background: #C92121; color: #FFF; }
#wcWrapper .addresses .title { position: relative; }
#wcWrapper .addresses .title h3 { float: none; }
#wcWrapper .addresses .title .edit { font-size: 16px; font-weight: 400; position: absolute; right: 0; top: 20px; }
#wcWrapper address { line-height: 1.5em; }
#wcWrapper .woocommerce-customer-details address { border: 0; font-style: italic; padding: 0; }
#wcWrapper mark { background: #C92121; color: #FFF; font-weight: 700; padding: 0 2px; }

@media screen and (max-width: 1023px) { #wcWrapper { /* Product List */ }
  #wcWrapper ul.products.columns-4 li.product { width: 31.333%; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(n) { clear: none; margin-right: 2% !important; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(3n) { margin-right: 0 !important; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(3n+1) { clear: both; } }
@media screen and (max-width: 767px) { #wcWrapper { /* Tables */ /* Cart */ /* My Account */ /* Product List */ /* Single Product */ }
  #wcWrapper table.shop_table_responsive td:before { font-weight: 400; }
  #wcWrapper table.cart td.actions .input-text { width: 48%; }
  #wcWrapper .woocommerce-MyAccount-navigation { margin-bottom: 40px; }
  #wcWrapper ul.products.columns-4 li.product { width: 49%; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(n) { clear: none; margin-right: 2% !important; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(odd) { clear: both; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(even) { margin-right: 0 !important; }
  #wcWrapper div.product .wc-tabs-wrapper ul.tabs { text-align: left; }
  #wcWrapper div.product .wc-tabs-wrapper ul.tabs:before { display: none; }
  #wcWrapper div.product .wc-tabs-wrapper ul.tabs li { display: block; padding: 0; }
  #wcWrapper div.product .wc-tabs-wrapper .wc-tab { padding: 40px 0; } }
@media screen and (max-width: 599px) { #wcWrapper { /* Notices */ /* Product List */ /* Single Product */ }
  #wcWrapper .woocommerce-error, #wcWrapper .woocommerce-info, #wcWrapper .woocommerce-message { font-size: 14px; line-height: 20px; padding: 13px 10px; }
  #wcWrapper .woocommerce-error .hasCartButton, #wcWrapper .woocommerce-info .hasCartButton, #wcWrapper .woocommerce-message .hasCartButton { padding-right: 160px; }
  #wcWrapper .woocommerce-error .hasCartButton .button, #wcWrapper .woocommerce-info .hasCartButton .button, #wcWrapper .woocommerce-message .hasCartButton .button { border-radius: 15px; font-size: 12px; height: 26px; line-height: 26px; min-width: 120px; }
  #wcWrapper .shopTitleWrapper { text-align: center; }
  #wcWrapper .shopTitleWrapper .spButton { position: static; }
  #wcWrapper ul.products.columns-4 li.product { width: 49%; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(n) { clear: none; margin-right: 2% !important; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(odd) { clear: both; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(even) { margin-right: 0 !important; }
  #wcWrapper div.product div.images .flex-control-thumbs li { width: 23.875%; }
  #wcWrapper div.product div.images .flex-control-thumbs li:nth-child(n) { clear: none; margin-right: 0; }
  #wcWrapper div.product div.images .flex-control-thumbs li:nth-child(4n) { margin-right: 0; }
  #wcWrapper div.product div.images .flex-control-thumbs li:nth-child(4n+1) { clear: both; } }
@media screen and (max-width: 399px) { #wcWrapper { /* Product List */ }
  #wcWrapper ul.products.columns-4 li.product { width: 100%; }
  #wcWrapper ul.products.columns-4 li.product:nth-child(n) { margin-right: 0% !important; } }
/* Homepage */
.homeSection { padding-left: 80px; }
.homeSection .verticalTitlesWrapper { padding-left: 0; }
.homeSection .verticalTitlesWrapper .verticalTitles { left: -80px; }
.homeSection .sellWrapper { margin-left: -80px; }

.homeWriter .homeWriterImage { float: left; }
.homeWriter.hasImage .homeWriterTitles { margin-left: 140px; }

.longReadsIcon { background: url("images/long-reads.svg") right top no-repeat; height: 54px; margin-top: -20px; }
.longReadsIcon:before { border-top: 1px solid #C92121; content: ''; left: 0; position: absolute; right: 94px; top: 27px; }

@media screen and (max-width: 1023px) { #homeSidebar { margin-left: -80px; } }
@media screen and (max-width: 767px) { .homeSection { padding-left: 0; }
  .homeSection .verticalTitlesWrapper { padding-left: 40px; }
  .homeSection .verticalTitlesWrapper .verticalTitles { left: 0; }
  .homeSection .sellWrapper { margin-left: -15px; }
  #homeSidebar { margin-left: 0; } }
.leadingText { margin: -60px 40px 0; min-height: 60px; }
.leadingText .itemLabel.absolute { left: 20px; }

.postMeta { line-height: 22px; }
.postMeta .commentCount { background: url("images/comment-icon.svg") no-repeat; color: #FFF; display: inline-block; height: 19px; line-height: 15px; margin-top: 3px; padding: 0 2px; vertical-align: top; width: 32px; }
.postMeta .commentCount.whiteIcon { background-position: 0 -19px; color: #383838; }

.popularCount { height: 46px; line-height: 46px; position: absolute; right: 0; top: -23px; width: 46px; }

#longReadArticleTitles { padding-bottom: 250px; padding-top: 200px; }
#longReadArticleTitles .titleBorder:after { border-bottom: 3px solid #FFF; content: ''; display: block; margin: 20px auto; max-width: 200px; }

.longReadArticle #articleMain { margin-top: -86px; }
.longReadArticle #articleMain #postSharingMain { margin-left: -15px; margin-right: -15px; }

#fullImageArticleWelcome { margin-left: 18.75%; margin-right: 18.75%; margin-top: -200px; }

#fullImageArticleTitles { margin-left: -50px; margin-right: -50px; min-height: 260px; padding: 40px 50px 60px; }

.article-col-3 { float: left; width: 18.75%; }
.article-col-3.right { float: right; }

.article-col-9 { float: left; width: 56.25%; }
.article-col-9.hasLeftMar { float: none; margin-left: 18.75%; }

.article-col-12 { margin-left: -33.333%; width: 133.333%; }

.article-col-13 { margin-left: -33.333%; width: 144.444%; }

.metaLabel { left: 0; line-height: 26px; position: absolute; top: 0; width: 50px; }

.postSharingRelated .postSharing { float: left; height: 26px; padding-left: 50px; width: 169px; }
.postSharingRelated .postCategories { line-height: 18px; margin-left: 179px; padding-left: 60px; padding-top: 4px; }
.postSharingRelated .postCategories .metaLabel { border-left: 1px solid #4A4A4A; padding-left: 10px; width: 60px; }
.postSharingRelated.podcasts .postSharing { float: none; }
.postSharingRelated.podcasts .postCategories { margin-left: 0; margin-top: 10px; }
.postSharingRelated.podcasts .postCategories .metaLabel { border-left: 0; padding-left: 0; }

.postTags { line-height: 18px; padding-left: 50px; padding-top: 4px; }

.itemLabel { display: inline-block; height: 18px; line-height: 18px; margin: 0 4px 4px 0; padding: 0 4px; vertical-align: top; white-space: nowrap; }
.itemLabel.absolute { border: 1px solid #FFF; height: 20px; left: 10px; margin: 0; position: absolute; top: -10px; }

a.itemLabel:hover { color: #FFF; }
a.itemLabel.lightGreyBG:hover, a.itemLabel.darkBlueBG:hover { background: #C92121; }
a.itemLabel.redBG:hover { background: #2B2E42; }

#stickySharing { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); height: 36px; padding: 5px; position: fixed; right: 50%; top: 61px; z-index: 40; }
#stickySharing .postSharing { padding-left: 50px; }

.headshotText.hasImage:before { background: #C92121; bottom: 0; content: ''; height: 1px; left: 260px; position: absolute; right: 0; }
.headshotText.hasImage .title-md { margin-left: 260px; }
.headshotText.hasImage .headshotImage { float: left; width: 240px; }

@media screen and (max-width: 1023px) { #fullImageArticleWelcome { margin-left: 25%; margin-right: 0; margin-top: -150px; }
  #fullImageArticleTitles { margin-right: 0; min-height: 210px; }
  .article-col-3 { width: 25%; }
  .article-col-9 { width: 75%; }
  .article-col-9.hasLeftMar { margin-left: 25%; }
  .article-col-13 { padding-right: 0; width: 133.333%; }
  #authorListingImage { text-align: center; }
  #authorListingImage .maxWidth300 { max-width: 150px; }
  .headshotText { padding-top: 10px; }
  .headshotText.hasImage:before { left: 140px; }
  .headshotText.hasImage .title-md { margin-left: 140px; }
  .headshotText.hasImage .headshotImage { width: 130px; } }
@media screen and (max-width: 767px) { .post.leading .leadingText { margin: -60px -5px 0; padding: 15px 5px 0; }
  .post.leading .leadingText .itemLabel.absolute { left: 5px; }
  #longReadArticleTitles { padding-bottom: 65px; padding-top: 40px; }
  .longReadArticle #articleMain { margin-top: 0; }
  .longReadArticle #articleMain #postSharingMain { margin-left: 0; margin-right: 0; padding: 0; }
  #fullImageArticleWelcome { margin-left: 0; margin-top: -70px; }
  #fullImageArticleTitles { margin-left: -5px; margin-right: -5px; min-height: 70px; padding: 5px 5px 20px; }
  .article-col-9, .article-col-12, .article-col-13 { float: none; margin-left: 0 !important; width: auto; }
  #articleLeft { float: none; margin-bottom: 10px; padding-right: 0; width: auto; }
  #articleLeft:after { border-bottom: 1px solid #4A4A4A; clear: both; content: ""; display: block; padding: 5px 0 0; }
  #articleLeft .authorImage { float: left; width: 80px; }
  #articleLeft .authorImageMargin { margin-left: 100px; }
  #articleLeft .authorTitle { border-top: 1px solid #4A4A4A; padding-top: 5px; }
  .longReadArticle #articleLeft, .normalArticle #articleLeft { background: #FFF; margin-left: -5px; margin-right: -5px; margin-top: -20px; padding: 5px 5px 0; position: relative; z-index: 5; }
  #postSharingMain { border-top: 0; padding-top: 0; } }
@media screen and (max-width: 599px) { .postSharingRelated .postSharing { float: none; }
  .postSharingRelated .postCategories { margin-left: 0; margin-top: 10px; padding-left: 50px; }
  .postSharingRelated .postCategories .metaLabel { border-left: 0; padding-left: 0; width: 50px; }
  .popularCount { height: 30px; line-height: 30px; top: -15px; width: 30px; }
  .compressed-xs .itemLabel { left: 5px; }
  .compressed-xs .title-md { font-size: 18px; }
  .reducedPosts-xs .title-xxs, .reducedSecondaryPosts-xs .col-xs-12:nth-child(n+2) .title-xxs { margin-bottom: 0.2em; }
  .reducedPosts-xs .postTop, .reducedSecondaryPosts-xs .col-xs-12:nth-child(n+2) .postTop { margin-bottom: 5px; }
  .reducedPosts-xs .itemLabel.absolute, .reducedSecondaryPosts-xs .col-xs-12:nth-child(n+2) .itemLabel.absolute { position: static; }
  .reducedPosts-xs .postImage, .reducedPosts-xs .postMeta, .reducedSecondaryPosts-xs .col-xs-12:nth-child(n+2) .postImage, .reducedSecondaryPosts-xs .col-xs-12:nth-child(n+2) .postMeta { display: none; }
  .reducedPosts-xs .post.editorialPost .postMeta, .reducedSecondaryPosts-xs .col-xs-12:nth-child(n+2) .post.editorialPost .postMeta { display: block; }
  .headshotText .title-md { font-size: 18px; }
  .articleDonateSell { padding: 20px; } }
/* Events */
.eventImage { bottom: 0; left: 0; position: absolute; right: 50%; top: 0; }

.eventText { margin-left: -80px; }
.eventText .itemLabel { left: 30px; }

@media screen and (max-width: 767px) { .eventWrapper { padding: 0; }
  .eventWrapper .eventImage { padding-bottom: 66.666%; position: static; }
  .eventWrapper .eventTextWrapper { padding-bottom: 15px; padding-top: 15px; }
  .eventWrapper .eventText { margin: 0 15px; padding: 15px; }
  .eventWrapper .eventText .itemLabel { left: 15px; } }
/* Podcasts */
.subscribeDropdownWrapper .subscribeDropdownLink { padding-left: 32px; padding-right: 32px; }
.subscribeDropdownWrapper .subscribeDropdownLink:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF; content: ''; position: absolute; right: 10px; top: 12px; transition: transform 0.3s; }
.subscribeDropdownWrapper .subscribeDropdown { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); left: 0; padding: 5px; position: absolute; right: 0; top: 30px; z-index: 5; }
.subscribeDropdownWrapper .subscribeDropdown a { color: #383838; line-height: 1.2em; padding: 5px 0; }
.subscribeDropdownWrapper .subscribeDropdown a:hover { font-weight: 700; }
.subscribeDropdownWrapper:hover .subscribeDropdownLink { background: #2B2E42 !important; color: #FFF; }
.subscribeDropdownWrapper:hover .subscribeDropdownLink:after { transform: rotate(180deg); }
.subscribeDropdownWrapper:hover .subscribeDropdown { display: block; }

#podcastTitleLeftMar { margin-left: 18.75%; }

.podcastInlineCol { display: inline-block; vertical-align: middle; }

@media screen and (max-width: 1023px) { .podcastBottom { border-top: 0; clear: both; margin-top: 0; }
  #podcastTitleLeftMar { margin-left: 0; } }
@media screen and (max-width: 767px) { .podcastListing { padding: 15px; } }
@media screen and (max-width: 599px) { .podcastSubtitle { padding-top: 15px; } }
/* Donate */
#donationWrapper .donationAmount, #donationWrapper .donationOtherAmount { vertical-align: top; }
#donationWrapper .donationBorder:before { border-top: 1px dotted #9B9B9B; content: ''; display: block; margin: 0 auto 20px; max-width: 550px; }
#donationWrapper .donationChoices .spButton, #donationWrapper .donationChoices .donationOtherAmount { margin-left: 7px; margin-right: 7px; }
#donationWrapper .donationChoices .spButton.minWidth65, #donationWrapper .donationChoices .donationOtherAmount.minWidth65 { min-width: 65px; padding: 0; }
#donationWrapper .donationChoices .spButton.minWidth150, #donationWrapper .donationChoices .donationOtherAmount.minWidth150 { min-width: 150px; padding: 0; }
#donationWrapper .donationFormError { border: 1px dotted #C92121; line-height: 1.4em; padding: 8px; }
#donationWrapper .otherDonationButton.active { background: #C92121; }

#monthlyDDNotice { margin-top: -10px; }

#thankYouText p { line-height: 1.5em; }

@media screen and (max-width: 599px) { #donationWrapper .donationChoices .spButton.minWidth65, #donationWrapper .donationChoices .donationOtherAmount.minWidth65 { min-width: 58px; }
  #donationWrapper .donationChoices .spButton.minWidth150, #donationWrapper .donationChoices .donationOtherAmount.minWidth150 { min-width: 125px; }
  #thankYouEditor { border: 0; padding: 0; }
  #editorImage { max-width: 140px; } }
/* Text Pages */
#textPageWrapper .article-col-9 { width: 62.5%; }
#textPageWrapper .article-col-12 { margin-left: -10%; width: 120%; }

@media screen and (max-width: 1023px) { #textPageWrapper .article-col-9, #textPageWrapper .article-col-12, #textPageWrapper .article-col-13 { margin-left: 0 !important; width: auto; } }
