/*
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; }

.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); }

/* Borders */
.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.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-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 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.button, button.iconButton, input.button, input.text, input.amount, textarea, select { font-family: "Roboto Condensed", Arial, Helvetica, sans-serif; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

input.text, textarea, select { background-color: #efefef; border: 1px solid #efefef; border-radius: 0; color: #383838; display: block; font-size: 16px; line-height: 20px; padding: 9px; width: 100%; }

input.text, select { height: 40px; }
input.text.whiteRounded, select.whiteRounded { background-color: #FFF; border-color: #FFF; border-radius: 20px; font-weight: 700; padding: 9px 20px; }

.appearance select.whiteRounded { background-image: url(images/dropdown-arrow.svg); background-position: right 20px center; background-repeat: no-repeat; }

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

textarea { height: 100px; resize: none; }

.checkboxWrapper input, .bookCheckboxWrapper input { left: 0; position: absolute; visibility: hidden; top: 2px; 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.darkBlue { color: #2B2E42; }
a.darkBlue:hover { color: #C92121; }

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

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

.button { border: 0; border-radius: 0; color: #FFF; cursor: pointer; 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; }
.button.block { width: 100%; }
.button.round { border-radius: 15px; }
.button.whiteBG { color: #2B2E42; }
.button:hover { color: #FFF; }
.button.whiteBG:hover, .button.redBG:hover { background-color: #9B9B9B; color: #FFF; }
.button.lightGreyBG:hover, .button.darkBlueBG:hover { background-color: #C92121; color: #FFF; }
.button.small { font-size: 12px; height: 26px; line-height: 26px; padding: 0 10px; }
.button.small.round { border-radius: 13px; }
.button.big { height: 40px; line-height: 40px; }
.button.big.wide { min-width: 180px; }
.button.big.round { border-radius: 20px; }
.button.big.whiteBG { color: #C92121; }
.button.big.whiteBG.active, .button.big.whiteBG:hover { background-color: #C92121; color: #FFF; }
.button.big.darkBlueBG.disabled { background: #2B2E42 !important; cursor: default; opacity: 0.3; }

.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); }

@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; }

.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; }

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

.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: 143px; padding-top: 10px; }
#header.compressed #logo { height: 40px; left: 0; margin-left: 0; top: 10px; width: 113px; }
#header.compressed #navWrapper .mainMenu { display: inline-block; margin-left: 0 !important; margin-right: 0 !important; padding-top: 6px; position: static; }
#header.compressed #navWrapper .mainMenu ul.menu { margin: 0; }
#header.compressed #navWrapper .mainMenu ul.menu > li { margin-bottom: 0; margin-right: 30px; padding: 0; width: auto !important; }
#header.compressed #navWrapper .mainMenu ul.menu > li > a { background: none !important; border-bottom: 0; color: #383838 !important; }
#header.compressed #navWrapper .mainMenu ul.menu > li > a:hover { color: #C92121 !important; }
#header.compressed #navWrapper .mainMenu ul.menu > li.donate { margin-right: 0; }
#header.compressed #navWrapper .mainMenu ul.menu > li.donate > a { color: #C92121 !important; }
#header.compressed #navWrapper .mainMenu ul.menu > li.menu-item-has-children a { padding-right: 16px; }
#header.compressed #navWrapper .mainMenu ul.menu > li.menu-item-has-children a:after { right: 0; }
#header.compressed #navWrapper .mainMenu ul.menu > li.menu-item-has-children ul.sub-menu { left: 0; padding: 5px 10px; right: auto; white-space: nowrap; }
#header.compressed #navWrapper .mainMenu ul.menu > li.menu-item-has-children ul.sub-menu a { text-align: left; }
#header.compressed #navWrapper .mainMenu ul.menu > li.menu-item-has-children.active > a { color: #C92121 !important; }
#header.compressed a#mobileSearchIcon { display: block; right: 131px; }
#header.compressed #headerSocial { top: 17px; }
#header.compressed #headerSocial a.rMar15 { margin-right: 5px; }

#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%; }

a#menuIcon { border-bottom: 10px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid transparent; height: 30px; left: -8px; position: absolute; top: 15px; width: 30px; z-index: 20; }
a#menuIcon span { background: #C92121; height: 2px; left: 0; position: absolute; transition: 0.3s; width: 14px; }
a#menuIcon span.line1 { top: 0; }
a#menuIcon span.line2, a#menuIcon span.line3 { top: 4px; }
a#menuIcon span.line4 { top: 8px; }
a#menuIcon.active span.line1, a#menuIcon.active span.line4 { opacity: 0; }
a#menuIcon.active span.line2 { transform: rotate(45deg); }
a#menuIcon.active span.line3 { transform: rotate(-45deg); }
.no-csstransforms a#menuIcon.active span.line1, .no-csstransforms a#menuIcon.active span.line4 { opacity: 1; }
.no-csstransforms a#menuIcon.active span.line2, .no-csstransforms a#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 { width: 33.333%; }
#navWrapper .mainMenu#mainMenuLeft li.podcasts, #navWrapper .mainMenu#mainMenuLeft li.longReads { margin-bottom: 0; width: 50%; }
#navWrapper .mainMenu#mainMenuRight { left: 50%; margin-left: 144px; right: 0; }
#navWrapper .mainMenu#mainMenuRight li { width: 50%; }
#navWrapper .mainMenu#mainMenuRight li.shop, #navWrapper .mainMenu#mainMenuRight li.donate { margin-bottom: 0; }
#navWrapper .mainMenu ul.menu { margin: 0 -5px; }
#navWrapper .mainMenu ul.menu li { display: inline-block; margin-bottom: 14px; padding: 0 5px; }
#navWrapper .mainMenu ul.menu li a { border-bottom: 1px solid #C92121; color: #383838; display: block; font-size: 16px; height: 28px; line-height: 27px; text-align: center; }
#navWrapper .mainMenu ul.menu li a:hover { background: #2B2E42; border-bottom-color: #2B2E42; color: #FFF; }
#navWrapper .mainMenu ul.menu li.shop > a { background: #2B2E42 !important; border-bottom-color: #2B2E42 !important; color: #FFF !important; }
#navWrapper .mainMenu ul.menu li.donate > a { background: #C92121 !important; border-bottom-color: #C92121 !important; color: #FFF !important; }
#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: ""; position: absolute; right: 4px; top: 10px; }
#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 { display: block; margin: 0 !important; padding: 5px 0; width: auto !important; }
#navWrapper .mainMenu ul.menu li.menu-item-has-children ul.sub-menu li a { border-bottom: 0; font-weight: 400; height: auto; line-height: 1.2em; }
#navWrapper .mainMenu ul.menu li.menu-item-has-children ul.sub-menu li a:hover { background: none; 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-bottom: 7px solid #C92121; border-top: 0; }
#navWrapper .mainMenu ul.menu li.menu-item-has-children.active ul.sub-menu { display: block; }

#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; }

a#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; }
a#mobileSearchIcon.active { opacity: 0.3; }

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

@media screen and (max-width: 1259px) { #header.compressed a#mobileSearchIcon { right: 0; }
  #header.compressed #headerSocial { 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 { margin: 0; }
  #navWrapper .mainMenu ul.menu li { display: block; margin: 0 !important; padding: 0 !important; width: auto !important; }
  #navWrapper .mainMenu ul.menu li a { border-bottom-color: #d8d8d8; height: 35px !important; line-height: 34px !important; }
  #navWrapper .mainMenu ul.menu li a:hover { background: none; border-bottom-color: #d8d8d8; color: #383838; }
  #navWrapper .mainMenu ul.menu li.menu-item-has-children { position: static; }
  #navWrapper .mainMenu ul.menu li.menu-item-has-children > a { position: relative; }
  #navWrapper .mainMenu ul.menu li.menu-item-has-children > a:after { top: 14px; }
  #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; }
  #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 { margin-top: 10px; position: static; text-align: center; }
  #headerSocial 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; }

.newsletterList h4 { border-bottom: 1px solid #FFF; margin-bottom: 6px; padding-bottom: 6px; }
.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: 767px) { .newsletterList br { display: none; }
  .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 */
.qc-cmp2-persistent-link { background-color: #C92121 !important; border-radius: 0 !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important; font-size: 14px !important; padding: 5px 10px !important; }

#headerAdWrapper { height: 0; transition: height 0.4s linear, padding-top 0.4s linear; }
#headerAdWrapper.visible { display: block; }

.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; } }
/* 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; }
.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; padding: 5px 0; line-height: 1.2em; }
.subscribeDropdownWrapper .subscribeDropdown a:hover { font-weight: 700; }
.subscribeDropdownWrapper:hover .subscribeDropdownLink { background: #2B2E42 !important; color: #FFF; }
.subscribeDropdownWrapper:hover .subscribeDropdownLink:after { border-bottom: 7px solid #C92121; border-top: 0; }
.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 .button, #donationWrapper .donationChoices .donationOtherAmount { margin-left: 7px; margin-right: 7px; }
#donationWrapper .donationChoices .button.minWidth65, #donationWrapper .donationChoices .donationOtherAmount.minWidth65 { min-width: 65px; padding: 0; }
#donationWrapper .donationChoices .button.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 .button.minWidth65, #donationWrapper .donationChoices .donationOtherAmount.minWidth65 { min-width: 58px; }
  #donationWrapper .donationChoices .button.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; } }
