/*	=SIZING
-------------------------------------------------------------------- */

html {
  height: 100%;
  box-sizing: border-box;
}

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

/*	=BASE
-------------------------------------------------------------------- */

body {
  min-height: 100%;
  font: 14px 'Bolton', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: #292929;
  font-weight: 500;
  background: #fff;
  text-align: left;
  margin: 0;
  padding: 0;
}

p {
  margin: 0 0 20px;
}

pre {
  clear: both;
  text-align: left;
}

small {
  font-size: 90%;
}

img {
  border: 0;
}

ul {
  margin: 0 0 20px 25px;
  padding: 0;
}

ol {
  margin: 0 0 20px 30px;
}

a {
  color: #036;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

.dashboard {
  z-index: 3000;
}

/*	=TYPOGRAPHY
-------------------------------------------------------------------- */

/**
 * 1/2. These font sizes appear to be overriden throughout
 */

h1 {
  font-size: 36px;
  margin: 0 0 20px;
}

/* [1] */

h2 {
  font-size: 24px;
  margin: 0 0 20px;
  line-height: 110%;
}

/* [2] */

h3 {
  font-size: 18px;
  margin: 0 0 20px;
  line-height: 130%;
}

h4 {
  font-size: 15px;
  margin: 0 0 20px;
  line-height: 130%;
}

h1,
h2,
h3,
h4 {
  font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* color: #000; This should inherit from the root @TODO delete when tested */
}

.alpha {
  font-size: 22px;
  line-height: 1.4;
}

.beta {
  font-size: 20px;
  line-height: 1.4;
}

.gamma {
  font-size: 18px;
  line-height: 1.4;
}

.delta {
  font-size: 16px;
  line-height: 1.4;
}

.epsilon {
  font-size: 14px;
  line-height: 1.3;
}

.zeta {
  font-size: 16px;
}

/*	=ACCESSIBLE HIDING OFFSCREEN
-------------------------------------------------------------------- */

/**
 * Hide content whilst being available to screen readers.
 */

.is-offscreen {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.hide,
.is-hidden,
.br--palm {
  display: none !important;
}

.clear {
  clear: both;
}

.goleft {
  float: left;
}

.goright {
  float: right;
}

.padtop {
  margin-top: 10px;
}

.padright {
  margin-right: 10px;
}

.padbottom {
  margin-bottom: 10px;
}

.padleft {
  margin-left: 10px;
}

.full-width {
  width: 100% !important;
}

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

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

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

.js-enablement {
  background: #c00;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}

.js-enablement a {
  color: #fff;
  text-decoration: underline;
}

.cf:before,
.cf:after {
  content: '';
  display: table;
}

.cf:after {
  clear: both;
}

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

@media screen and (max-width: 568px) {
  .text--right--palm {
    text-align: right !important;
  }
  .text--left--palm {
    text-align: left !important;
  }
  .text--center--palm {
    text-align: center !important;
  }
}

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

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

.text--highlight {
  color: #11a1bb;
}

/* !layout grid */

.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -24px;
}

.layout__item {
  display: inline-block;
  padding-left: 24px;
  vertical-align: top;
  text-align: left;
  width: 100%;
}

.layout--large {
  margin-left: -48px;
}

.layout--large > .layout__item {
  padding-left: 48px;
}

.layout--small {
  margin-left: -12px;
}

.layout--small > .layout__item {
  padding-left: 12px;
}

.layout--flush {
  margin-left: 0;
}

.layout--flush > .layout__item {
  padding-left: 0;
}

.layout--middle > .layout__item {
  vertical-align: middle;
}

.layout--bottom > .layout__item {
  vertical-align: bottom;
}

.layout--rev {
  direction: rtl;
  text-align: left;
}

.layout--rev > .layout__item {
  direction: ltr;
  text-align: left;
}

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

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

.layout--auto > .layout__item {
  width: auto;
}

[class~='layout-1/1'] {
  width: 100% !important;
}

[class~='layout-1/2'] {
  width: 50% !important;
}

[class~='layout-2/2'] {
  width: 100% !important;
}

[class~='layout-1/3'] {
  width: 33.33333% !important;
}

[class~='layout-2/3'] {
  width: 66.66667% !important;
}

[class~='layout-3/3'] {
  width: 100% !important;
}

[class~='layout-1/4'] {
  width: 25% !important;
}

[class~='layout-2/4'] {
  width: 50% !important;
}

[class~='layout-3/4'] {
  width: 75% !important;
}

[class~='layout-4/4'] {
  width: 100% !important;
}

[class~='layout-1/5'] {
  width: 20% !important;
}

[class~='layout-2/5'] {
  width: 40% !important;
}

[class~='layout-3/5'] {
  width: 60% !important;
}

[class~='layout-4/5'] {
  width: 80% !important;
}

[class~='layout-5/5'] {
  width: 100% !important;
}

[class~='layout-1/6'] {
  width: 16.66667% !important;
}

[class~='layout-2/6'] {
  width: 33.33333% !important;
}

[class~='layout-3/6'] {
  width: 50% !important;
}

[class~='layout-4/6'] {
  width: 66.66667% !important;
}

[class~='layout-5/6'] {
  width: 83.33333% !important;
}

[class~='layout-6/6'] {
  width: 100% !important;
}

[class~='layout-1/7'] {
  width: 14.28571% !important;
}

[class~='layout-2/7'] {
  width: 28.57143% !important;
}

[class~='layout-3/7'] {
  width: 42.85714% !important;
}

[class~='layout-4/7'] {
  width: 57.14286% !important;
}

[class~='layout-5/7'] {
  width: 71.42857% !important;
}

[class~='layout-6/7'] {
  width: 85.71429% !important;
}

[class~='layout-7/7'] {
  width: 100% !important;
}

[class~='layout-1/8'] {
  width: 12.5% !important;
}

[class~='layout-2/8'] {
  width: 25% !important;
}

[class~='layout-3/8'] {
  width: 37.5% !important;
}

[class~='layout-4/8'] {
  width: 50% !important;
}

[class~='layout-5/8'] {
  width: 62.5% !important;
}

[class~='layout-6/8'] {
  width: 75% !important;
}

[class~='layout-7/8'] {
  width: 87.5% !important;
}

[class~='layout-8/8'] {
  width: 100% !important;
}

[class~='layout-1/9'] {
  width: 11.11111% !important;
}

[class~='layout-2/9'] {
  width: 22.22222% !important;
}

[class~='layout-3/9'] {
  width: 33.33333% !important;
}

[class~='layout-4/9'] {
  width: 44.44444% !important;
}

[class~='layout-5/9'] {
  width: 55.55556% !important;
}

[class~='layout-6/9'] {
  width: 66.66667% !important;
}

[class~='layout-7/9'] {
  width: 77.77778% !important;
}

[class~='layout-8/9'] {
  width: 88.88889% !important;
}

[class~='layout-9/9'] {
  width: 100% !important;
}

[class~='layout-1/10'] {
  width: 10% !important;
}

[class~='layout-2/10'] {
  width: 20% !important;
}

[class~='layout-3/10'] {
  width: 30% !important;
}

[class~='layout-4/10'] {
  width: 40% !important;
}

[class~='layout-5/10'] {
  width: 50% !important;
}

[class~='layout-6/10'] {
  width: 60% !important;
}

[class~='layout-7/10'] {
  width: 70% !important;
}

[class~='layout-8/10'] {
  width: 80% !important;
}

[class~='layout-9/10'] {
  width: 90% !important;
}

[class~='layout-10/10'] {
  width: 100% !important;
}

[class~='layout-1/11'] {
  width: 9.09091% !important;
}

[class~='layout-2/11'] {
  width: 18.18182% !important;
}

[class~='layout-3/11'] {
  width: 27.27273% !important;
}

[class~='layout-4/11'] {
  width: 36.36364% !important;
}

[class~='layout-5/11'] {
  width: 45.45455% !important;
}

[class~='layout-6/11'] {
  width: 54.54545% !important;
}

[class~='layout-7/11'] {
  width: 63.63636% !important;
}

[class~='layout-8/11'] {
  width: 72.72727% !important;
}

[class~='layout-9/11'] {
  width: 81.81818% !important;
}

[class~='layout-10/11'] {
  width: 90.90909% !important;
}

[class~='layout-11/11'] {
  width: 100% !important;
}

[class~='layout-1/12'] {
  width: 8.33333% !important;
}

[class~='layout-2/12'] {
  width: 16.66667% !important;
}

[class~='layout-3/12'] {
  width: 25% !important;
}

[class~='layout-4/12'] {
  width: 33.33333% !important;
}

[class~='layout-5/12'] {
  width: 41.66667% !important;
}

[class~='layout-6/12'] {
  width: 50% !important;
}

[class~='layout-7/12'] {
  width: 58.33333% !important;
}

[class~='layout-8/12'] {
  width: 66.66667% !important;
}

[class~='layout-9/12'] {
  width: 75% !important;
}

[class~='layout-10/12'] {
  width: 83.33333% !important;
}

[class~='layout-11/12'] {
  width: 91.66667% !important;
}

[class~='layout-12/12'] {
  width: 100% !important;
}

@media screen and (max-width: 979px) {
  [class~='portable-1/1'] {
    width: 100% !important;
  }
  [class~='portable-1/2'] {
    width: 50% !important;
  }
  [class~='portable-2/2'] {
    width: 100% !important;
  }
  [class~='portable-1/3'] {
    width: 33.33333% !important;
  }
  [class~='portable-2/3'] {
    width: 66.66667% !important;
  }
  [class~='portable-3/3'] {
    width: 100% !important;
  }
  [class~='portable-1/4'] {
    width: 25% !important;
  }
  [class~='portable-2/4'] {
    width: 50% !important;
  }
  [class~='portable-3/4'] {
    width: 75% !important;
  }
  [class~='portable-4/4'] {
    width: 100% !important;
  }
  [class~='portable-1/5'] {
    width: 20% !important;
  }
  [class~='portable-2/5'] {
    width: 40% !important;
  }
  [class~='portable-3/5'] {
    width: 60% !important;
  }
  [class~='portable-4/5'] {
    width: 80% !important;
  }
  [class~='portable-5/5'] {
    width: 100% !important;
  }
  [class~='portable-1/6'] {
    width: 16.66667% !important;
  }
  [class~='portable-2/6'] {
    width: 33.33333% !important;
  }
  [class~='portable-3/6'] {
    width: 50% !important;
  }
  [class~='portable-4/6'] {
    width: 66.66667% !important;
  }
  [class~='portable-5/6'] {
    width: 83.33333% !important;
  }
  [class~='portable-6/6'] {
    width: 100% !important;
  }
  [class~='portable-1/7'] {
    width: 14.28571% !important;
  }
  [class~='portable-2/7'] {
    width: 28.57143% !important;
  }
  [class~='portable-3/7'] {
    width: 42.85714% !important;
  }
  [class~='portable-4/7'] {
    width: 57.14286% !important;
  }
  [class~='portable-5/7'] {
    width: 71.42857% !important;
  }
  [class~='portable-6/7'] {
    width: 85.71429% !important;
  }
  [class~='portable-7/7'] {
    width: 100% !important;
  }
  [class~='portable-1/8'] {
    width: 12.5% !important;
  }
  [class~='portable-2/8'] {
    width: 25% !important;
  }
  [class~='portable-3/8'] {
    width: 37.5% !important;
  }
  [class~='portable-4/8'] {
    width: 50% !important;
  }
  [class~='portable-5/8'] {
    width: 62.5% !important;
  }
  [class~='portable-6/8'] {
    width: 75% !important;
  }
  [class~='portable-7/8'] {
    width: 87.5% !important;
  }
  [class~='portable-8/8'] {
    width: 100% !important;
  }
  [class~='portable-1/9'] {
    width: 11.11111% !important;
  }
  [class~='portable-2/9'] {
    width: 22.22222% !important;
  }
  [class~='portable-3/9'] {
    width: 33.33333% !important;
  }
  [class~='portable-4/9'] {
    width: 44.44444% !important;
  }
  [class~='portable-5/9'] {
    width: 55.55556% !important;
  }
  [class~='portable-6/9'] {
    width: 66.66667% !important;
  }
  [class~='portable-7/9'] {
    width: 77.77778% !important;
  }
  [class~='portable-8/9'] {
    width: 88.88889% !important;
  }
  [class~='portable-9/9'] {
    width: 100% !important;
  }
  [class~='portable-1/10'] {
    width: 10% !important;
  }
  [class~='portable-2/10'] {
    width: 20% !important;
  }
  [class~='portable-3/10'] {
    width: 30% !important;
  }
  [class~='portable-4/10'] {
    width: 40% !important;
  }
  [class~='portable-5/10'] {
    width: 50% !important;
  }
  [class~='portable-6/10'] {
    width: 60% !important;
  }
  [class~='portable-7/10'] {
    width: 70% !important;
  }
  [class~='portable-8/10'] {
    width: 80% !important;
  }
  [class~='portable-9/10'] {
    width: 90% !important;
  }
  [class~='portable-10/10'] {
    width: 100% !important;
  }
  [class~='portable-1/11'] {
    width: 9.09091% !important;
  }
  [class~='portable-2/11'] {
    width: 18.18182% !important;
  }
  [class~='portable-3/11'] {
    width: 27.27273% !important;
  }
  [class~='portable-4/11'] {
    width: 36.36364% !important;
  }
  [class~='portable-5/11'] {
    width: 45.45455% !important;
  }
  [class~='portable-6/11'] {
    width: 54.54545% !important;
  }
  [class~='portable-7/11'] {
    width: 63.63636% !important;
  }
  [class~='portable-8/11'] {
    width: 72.72727% !important;
  }
  [class~='portable-9/11'] {
    width: 81.81818% !important;
  }
  [class~='portable-10/11'] {
    width: 90.90909% !important;
  }
  [class~='portable-11/11'] {
    width: 100% !important;
  }
  [class~='portable-1/12'] {
    width: 8.33333% !important;
  }
  [class~='portable-2/12'] {
    width: 16.66667% !important;
  }
  [class~='portable-3/12'] {
    width: 25% !important;
  }
  [class~='portable-4/12'] {
    width: 33.33333% !important;
  }
  [class~='portable-5/12'] {
    width: 41.66667% !important;
  }
  [class~='portable-6/12'] {
    width: 50% !important;
  }
  [class~='portable-7/12'] {
    width: 58.33333% !important;
  }
  [class~='portable-8/12'] {
    width: 66.66667% !important;
  }
  [class~='portable-9/12'] {
    width: 75% !important;
  }
  [class~='portable-10/12'] {
    width: 83.33333% !important;
  }
  [class~='portable-11/12'] {
    width: 91.66667% !important;
  }
  [class~='portable-12/12'] {
    width: 100% !important;
  }
}

@media screen and (max-width: 568px) {
  [class~='palm-1/1'] {
    width: 100% !important;
  }
  [class~='palm-1/2'] {
    width: 50% !important;
  }
  [class~='palm-2/2'] {
    width: 100% !important;
  }
  [class~='palm-1/3'] {
    width: 33.33333% !important;
  }
  [class~='palm-2/3'] {
    width: 66.66667% !important;
  }
  [class~='palm-3/3'] {
    width: 100% !important;
  }
  [class~='palm-1/4'] {
    width: 25% !important;
  }
  [class~='palm-2/4'] {
    width: 50% !important;
  }
  [class~='palm-3/4'] {
    width: 75% !important;
  }
  [class~='palm-4/4'] {
    width: 100% !important;
  }
  [class~='palm-1/5'] {
    width: 20% !important;
  }
  [class~='palm-2/5'] {
    width: 40% !important;
  }
  [class~='palm-3/5'] {
    width: 60% !important;
  }
  [class~='palm-4/5'] {
    width: 80% !important;
  }
  [class~='palm-5/5'] {
    width: 100% !important;
  }
  [class~='palm-1/6'] {
    width: 16.66667% !important;
  }
  [class~='palm-2/6'] {
    width: 33.33333% !important;
  }
  [class~='palm-3/6'] {
    width: 50% !important;
  }
  [class~='palm-4/6'] {
    width: 66.66667% !important;
  }
  [class~='palm-5/6'] {
    width: 83.33333% !important;
  }
  [class~='palm-6/6'] {
    width: 100% !important;
  }
  [class~='palm-1/7'] {
    width: 14.28571% !important;
  }
  [class~='palm-2/7'] {
    width: 28.57143% !important;
  }
  [class~='palm-3/7'] {
    width: 42.85714% !important;
  }
  [class~='palm-4/7'] {
    width: 57.14286% !important;
  }
  [class~='palm-5/7'] {
    width: 71.42857% !important;
  }
  [class~='palm-6/7'] {
    width: 85.71429% !important;
  }
  [class~='palm-7/7'] {
    width: 100% !important;
  }
  [class~='palm-1/8'] {
    width: 12.5% !important;
  }
  [class~='palm-2/8'] {
    width: 25% !important;
  }
  [class~='palm-3/8'] {
    width: 37.5% !important;
  }
  [class~='palm-4/8'] {
    width: 50% !important;
  }
  [class~='palm-5/8'] {
    width: 62.5% !important;
  }
  [class~='palm-6/8'] {
    width: 75% !important;
  }
  [class~='palm-7/8'] {
    width: 87.5% !important;
  }
  [class~='palm-8/8'] {
    width: 100% !important;
  }
  [class~='palm-1/9'] {
    width: 11.11111% !important;
  }
  [class~='palm-2/9'] {
    width: 22.22222% !important;
  }
  [class~='palm-3/9'] {
    width: 33.33333% !important;
  }
  [class~='palm-4/9'] {
    width: 44.44444% !important;
  }
  [class~='palm-5/9'] {
    width: 55.55556% !important;
  }
  [class~='palm-6/9'] {
    width: 66.66667% !important;
  }
  [class~='palm-7/9'] {
    width: 77.77778% !important;
  }
  [class~='palm-8/9'] {
    width: 88.88889% !important;
  }
  [class~='palm-9/9'] {
    width: 100% !important;
  }
  [class~='palm-1/10'] {
    width: 10% !important;
  }
  [class~='palm-2/10'] {
    width: 20% !important;
  }
  [class~='palm-3/10'] {
    width: 30% !important;
  }
  [class~='palm-4/10'] {
    width: 40% !important;
  }
  [class~='palm-5/10'] {
    width: 50% !important;
  }
  [class~='palm-6/10'] {
    width: 60% !important;
  }
  [class~='palm-7/10'] {
    width: 70% !important;
  }
  [class~='palm-8/10'] {
    width: 80% !important;
  }
  [class~='palm-9/10'] {
    width: 90% !important;
  }
  [class~='palm-10/10'] {
    width: 100% !important;
  }
  [class~='palm-1/11'] {
    width: 9.09091% !important;
  }
  [class~='palm-2/11'] {
    width: 18.18182% !important;
  }
  [class~='palm-3/11'] {
    width: 27.27273% !important;
  }
  [class~='palm-4/11'] {
    width: 36.36364% !important;
  }
  [class~='palm-5/11'] {
    width: 45.45455% !important;
  }
  [class~='palm-6/11'] {
    width: 54.54545% !important;
  }
  [class~='palm-7/11'] {
    width: 63.63636% !important;
  }
  [class~='palm-8/11'] {
    width: 72.72727% !important;
  }
  [class~='palm-9/11'] {
    width: 81.81818% !important;
  }
  [class~='palm-10/11'] {
    width: 90.90909% !important;
  }
  [class~='palm-11/11'] {
    width: 100% !important;
  }
  [class~='palm-1/12'] {
    width: 8.33333% !important;
  }
  [class~='palm-2/12'] {
    width: 16.66667% !important;
  }
  [class~='palm-3/12'] {
    width: 25% !important;
  }
  [class~='palm-4/12'] {
    width: 33.33333% !important;
  }
  [class~='palm-5/12'] {
    width: 41.66667% !important;
  }
  [class~='palm-6/12'] {
    width: 50% !important;
  }
  [class~='palm-7/12'] {
    width: 58.33333% !important;
  }
  [class~='palm-8/12'] {
    width: 66.66667% !important;
  }
  [class~='palm-9/12'] {
    width: 75% !important;
  }
  [class~='palm-10/12'] {
    width: 83.33333% !important;
  }
  [class~='palm-11/12'] {
    width: 91.66667% !important;
  }
  [class~='palm-12/12'] {
    width: 100% !important;
  }
}

/* !Spacing */

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

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

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hard {
  padding: 0 !important;
}

.hard--top {
  padding-top: 0 !important;
}

.hard--right {
  padding-right: 0 !important;
}

.hard--bottom {
  padding-bottom: 0 !important;
}

.hard--left {
  padding-left: 0 !important;
}

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hard--sides {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.push {
  margin: 24px !important;
}

.push--top {
  margin-top: 24px !important;
}

.push--right {
  margin-right: 24px !important;
}

.push--bottom {
  margin-bottom: 24px !important;
}

.push--left {
  margin-left: 24px !important;
}

.push--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push--sides {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.push-double {
  margin: 48px !important;
}

.push-double--top {
  margin-top: 48px !important;
}

.push-double--right {
  margin-right: 48px !important;
}

.push-double--bottom {
  margin-bottom: 48px !important;
}

.push-double--left {
  margin-left: 48px !important;
}

.push-double--ends {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.push-double--sides {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.push-two-thirds {
  margin: 16px !important;
}

.push-two-thirds--top {
  margin-top: 16px !important;
}

.push-two-thirds--right {
  margin-right: 16px !important;
}

.push-two-thirds--bottom {
  margin-bottom: 16px !important;
}

.push-two-thirds--left {
  margin-left: 16px !important;
}

.push-two-thirds--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-two-thirds--sides {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.push-half {
  margin: 12px !important;
}

.push-half--top {
  margin-top: 12px !important;
}

.push-half--right {
  margin-right: 12px !important;
}

.push-half--bottom {
  margin-bottom: 12px !important;
}

.push-half--left {
  margin-left: 12px !important;
}

.push-half--ends {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.push-half--sides {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.push-third {
  margin: 8px !important;
}

.push-third--top {
  margin-top: 8px !important;
}

.push-third--right {
  margin-right: 8px !important;
}

.push-third--bottom {
  margin-bottom: 8px !important;
}

.push-third--left {
  margin-left: 8px !important;
}

.push-third--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push-third--sides {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.push-quarter {
  margin: 6px !important;
}

.push-quarter--top {
  margin-top: 6px !important;
}

.push-quarter--right {
  margin-right: 6px !important;
}

.push-quarter--bottom {
  margin-bottom: 6px !important;
}

.push-quarter--left {
  margin-left: 6px !important;
}

.push-quarter--ends {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.push-quarter--sides {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.soft {
  padding: 24px !important;
}

.soft--top {
  padding-top: 24px !important;
}

.soft--right {
  padding-right: 24px !important;
}

.soft--bottom {
  padding-bottom: 24px !important;
}

.soft--left {
  padding-left: 24px !important;
}

.soft--ends {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.soft--sides {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.soft-double {
  padding: 48px !important;
}

.soft-double--top {
  padding-top: 48px !important;
}

.soft-double--right {
  padding-right: 48px !important;
}

.soft-double--bottom {
  padding-bottom: 48px !important;
}

.soft-double--left {
  padding-left: 48px !important;
}

.soft-double--ends {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.soft-double--sides {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.soft-two-thirds {
  padding: 16px !important;
}

.soft-two-thirds--top {
  padding-top: 16px !important;
}

.soft-two-thirds--right {
  padding-right: 16px !important;
}

.soft-two-thirds--bottom {
  padding-bottom: 16px !important;
}

.soft-two-thirds--left {
  padding-left: 16px !important;
}

.soft-two-thirds--ends {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.soft-two-thirds--sides {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.soft-half {
  padding: 12px !important;
}

.soft-half--top {
  padding-top: 12px !important;
}

.soft-half--right {
  padding-right: 12px !important;
}

.soft-half--bottom {
  padding-bottom: 12px !important;
}

.soft-half--left {
  padding-left: 12px !important;
}

.soft-half--ends {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.soft-half--sides {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.soft-third {
  padding: 8px !important;
}

.soft-third--top {
  padding-top: 8px !important;
}

.soft-third--right {
  padding-right: 8px !important;
}

.soft-third--bottom {
  padding-bottom: 8px !important;
}

.soft-third--left {
  padding-left: 8px !important;
}

.soft-third--ends {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.soft-third--sides {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.soft-quarter {
  padding: 6px !important;
}

.soft-quarter--top {
  padding-top: 6px !important;
}

.soft-quarter--right {
  padding-right: 6px !important;
}

.soft-quarter--bottom {
  padding-bottom: 6px !important;
}

.soft-quarter--left {
  padding-left: 6px !important;
}

.soft-quarter--ends {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.soft-quarter--sides {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

/*	=ICONS
-------------------------------------------------------------------- */

.icon {
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat 0 0;
  background-size: 800px 800px;
  vertical-align: middle;
  display: inline-block;
  text-indent: -9999px;
  white-space: pre;
  overflow: hidden;
  text-align: left;
}

.icon-chevron-down {
  background-position: -57px -317px !important;
  width: 20px;
  height: 12px;
}

.icon-chevron-up {
  background-position: -90px -317px !important;
  width: 20px;
  height: 12px;
}

.icon-flag {
  width: 30px;
  height: 20px;
  background-position: -35px -167px !important;
}

.icon-flag--en {
  background-position: -35px -167px !important;
}

.icon-flag--cn {
  background-position: 0 -167px !important;
}

.icon-flag--ct {
  background-position: -69px -167px !important;
}

/*	=TEXT HELPERS
-------------------------------------------------------------------- */

.text--subtle {
  font-style: italic;
  font-weight: 500;
}

.decordark .text--subtle {
  color: #e2e2e2;
}

/*	=LISTS
-------------------------------------------------------------------- */

.paired-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.paired-list--flush .paired-list__item {
  padding: 0;
}

/**
     * 1. Override generic box office li styles
     */

.paired-list__item {
  margin: 0;
  /* [1] */
  padding-bottom: 6px;
  vertical-align: top;
}

.paired-list__item:last-child {
  padding: 0;
}

.paired-list__alpha,
.paired-list__beta {
  display: inline-block;
  vertical-align: top;
}

.paired-list__alpha {
  width: 30%;
}

/*	=SELECT STYLE
 *  Custom select styles to keep brand consitency
-------------------------------------------------------------------- */

.select-custom {
  position: relative;
  padding-right: 36px;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  background: #fff;
  transition: all 0.2s ease;
  border-radius: 3px;
  transition: all 0.2s ease;
}

.select-custom:hover {
  border: 1px solid #d0cdcd;
}

.select-custom--inline {
  display: inline-block;
}

.select-custom__select {
  /* Make sure the select is wider than the container so we can clip the arrow*/
  width: 110%;
  max-width: 110%;
  min-width: 110%;
  text-indent: 0.01px;
  text-overflow: '';
  background: none;
  border: none;
  outline: none;
  padding: 8px 48px 8px 12px;
  line-height: 1.5;
  font-size: 14px;
  transition: all 0.2s ease;
  /* Remove vendor specific browser styling*/
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: window;
}

.select-custom:hover .select-custom__select {
  background: #f7f9f9;
}

/* Hide the native dropdown button arrow in IE */

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

/* Focus style */

.select-custom__select:focus {
  outline: none;
  background: #ddd;
  border-radius: 0;
  box-shadow: 0 0 3px 3px rgba(180, 222, 250, 0.85);
}

/* This hides focus around selected option in FF */

.select-custom__select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.select-custom:after {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 20px;
  height: 12px;
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  content: '';
  background: url('https://whpprivate.eventgenius.co.uk/images/bo-sprite2.png') no-repeat 0 0;
  background-size: 56px 12px;
  /* This hack makes the select behind the arrow clickable in some browsers*/
  pointer-events: none;
  transition: all 0.2s ease;
}

/*	=STEPPER
-------------------------------------------------------------------- */

.stepper {
  display: inline-table;
}

.stepper__action .stepper__btn {
  width: 36px;
  height: 40px;
  line-height: 1;
  padding: 0 12px;
  font-size: 20px;
}

.stepper__qty {
  display: table-cell;
  width: 39px;
  text-align: center;
  font-weight: 700;
  vertical-align: middle;
}

/*	=MESSAGE PANEL
-------------------------------------------------------------------- */

.message-panel {
  padding: 18px 24px;
  color: #fff;
  background: #4c5054;
}

.decordark .message-panel {
  background: #32363a;
}

.message-panel__header {
  color: #fff;
}

.message-panel__icon {
  float: left;
}

/**
         * 1. Stop the header wrapping below the icon
         */
.message-panel__header h3 {
  overflow: hidden; /* [1] */
  font-size: 18px;
  color: inherit;
}

.message-panel__body {
  padding-left: 32px;
  color: #ececeb;
  border: solid #666b6f;
  border-width: 0 0 0 1px;
}

.decordark .message-panel__body {
  border-color: #4d545a;
}

.message-panel__heading {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 600;
  color: inherit;
}

.message-panel__intro {
  margin: 0 0 4px;
  font-weight: 500;
}

.message-panel__sub-copy {
  margin: 0;
  opacity: 0.8;
}

/*	=TICKET LISTING BLOCK
-------------------------------------------------------------------- */

#tickets {
  padding: 0;
  font-size: 14px;
}

.tickets__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 24px;
  border: solid rgba(169, 169, 169, 0.4);
  border-width: 0 0 1px 0;
  white-space: nowrap;
}

.tickets__header h3 {
  margin: 0;
  font-weight: 700;
}

.tickets__body {
  padding: 24px;
}

.tickets__sold-out {
  padding: 20px 24px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  background-color: #585858;
}

.tickets__sold-out h3 {
  margin-bottom: 6px;
  text-transform: uppercase;
  color: #fff;
}

.tickets__footer {
  padding: 24px 0 0;
  overflow: hidden;
  text-align: right;
}

.tickets__vat {
  margin-top: 48px;
  padding: 24px 0 0 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  text-align: center;
}

/**
     * 1. Small scope for box sizing to reduce risk of box office styles
     */

.tickets__footer * {
  box-sizing: border-box;
  /* [1] */
}

.tickets__info {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  text-align: left;
}

.tickets__pricing {
  display: inline-block;
  width: 45%;
  padding-right: 24px;
  text-align: right;
  vertical-align: middle;
}

.tickets__cta {
  display: inline-block;
  width: 35%;
  vertical-align: middle;
}

.tickets__incentives {
  position: relative;
  padding: 24px 0;
  margin: -1px 0 24px 0;
  text-align: center;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(169, 169, 169, 0.4);
}

.tickets__incentives-description {
  text-align: center;
  margin: 0 0 12px;
  font-size: 14px;
}

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

.tickets__incentives-actions .incentive:first-child {
  margin-left: 0;
}

.tickets__group {
  padding: 0 24px 24px;
  margin: 0 -24px;
  border-bottom: 24px solid rgba(220, 220, 220, 0.4);
}

.tickets__group + .tickets__group {
  padding-top: 24px;
}

.tickets__group-header {
  white-space: normal;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
}

.tickets__group-header--colapsible {
  position: relative;
  padding: 25px;
  margin: -25px;
  margin-bottom: -12px;
  padding-right: 25px;
  cursor: pointer;
}

.tickets__group-header--colapsible.ticketrow--closed {
  padding-bottom: 12px;
}

.tickets__group-selection {
  padding-bottom: 12px;
}

.tickets__subtotal {
  font-size: 22px;
}

/*	=TICKET
     Single ticket item styles
-------------------------------------------------------------------- */

.ticket {
  padding-bottom: 12px;
}

.upsell-only-t {
  display: none;
}

.ticket + .ticket {
  padding-top: 12px;
  border: solid rgba(169, 169, 169, 0.4);
  border-width: 1px 0 0 0;
}

.ticket:last-child {
  padding-bottom: 0;
}

.ticket--sold-out {
  opacity: 0.5;
}

.ticket--pricetypes {
  margin-bottom: 12px;
  padding: 24px;
  border-width: 1px;
  border-style: solid;
}

.ticket--pricetypes + .ticket--pricetypes {
  margin-top: 24px;
}

.tickets__group-selection ~ .ticket {
  padding-top: 0;
  border: 0;
}

.ticketrow-state {
  position: absolute;
  top: 23px;
  right: 33px;
  font-size: 26px;
}

.ticket__overview {
  max-width: 460px;
  margin-bottom: 12px;
}

.ticket__detail {
  display: inline-block;
  width: 50%;
}

.ticket__detail.fullwidth {
  width: 100%;
}

.ticket__unavailable {
  flex-shrink: 0;
  text-align: right;
}

.ticket__pricing + .ticket__unavailable {
  display: inline-block;
  width: 50%;
}

.ticket__status {
  display: inline-block;
  width: 111px;
  padding: 9px 0;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #292929;
  background: #f3f3f3;
  border: 1px solid #e0e0e0;
}

.decordark .ticket__status {
  color: #fff;
  background: #000;
  border-color: #8e8d8e;
}

.ticket__status--early {
  display: block;
}

.ticket__type {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.ticket__type-detail {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.ticket__summary {
  margin-top: 6px;
}

.ticket__name {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: inherit;
}

.ticket__description {
  padding-top: 6px;
  line-height: 1.4;
  font-size: 13px;
}

.ticket__pricing {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 16px;
  font-weight: 700;
  text-align: right;
}

.ticket__price {
  display: block;
}

.ticket__face-value {
  font-size: 13px;
  font-style: italic;
  color: #6d7579;
  font-weight: 500;
}

.price-sub-label {
  display: block;
  font-size: 14px;
}

.price-sub-label--instalments {
  font-style: italic;
  font-weight: 500;
}

.ticket__qty {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: right;
}

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

/* Ticket block pricing */

.tickets__totals {
  display: inline-block;
}

.tickets__subtotal {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
}

.tickets-totals__info {
  margin: 3px 0 6px 0;
  font-size: 14px;
}

.tickets-totals__sub-info {
  font-size: 13px;
  line-height: 1.4;
  font-style: italic;
  opacity: 0.7;
}

/*	=BUS TICKET
-------------------------------------------------------------------- */

.tickets__group-tabular {
  display: table;
}

.tickets__group-tabular .busticket,
.tickets__group-tabular .drinksvoucher {
  display: table-cell;
  width: 25%;
  border: 1px solid #fff !important;
  padding: 12px;
  background: #f1f1f1;
  vertical-align: middle;
  text-align: center;
}

.tickets__group-tabular .busticket + .busticket,
.tickets__group-tabular .drinksvoucher + .drinksvoucher {
  border-left-width: 0 !important;
}

.tickets__group-tabular .busticket .ticket__detail,
.tickets__group-tabular .busticket .ticket__type-detail,
.tickets__group-tabular .busticket .ticket__pricing,
.tickets__group-tabular .busticket .ticket__qty,
.tickets__group-tabular .drinksvoucher .ticket__detail,
.tickets__group-tabular .drinksvoucher .ticket__type-detail,
.tickets__group-tabular .drinksvoucher .ticket__pricing,
.tickets__group-tabular .drinksvoucher .ticket__qty {
  display: block;
  width: 100%;
  text-align: center;
}

.tickets__group-tabular .busticket .ticket__price,
.tickets__group-tabular .busticket .price-sub-label,
.tickets__group-tabular .drinksvoucher .ticket__price,
.tickets__group-tabular .drinksvoucher .price-sub-label {
  display: inline;
}

.tickets__group-tabular .busticket .ticket__qty,
.tickets__group-tabular .drinksvoucher .ticket__qty {
  padding-top: 12px;
}

.tickets__group-tabular .ticket__status--early {
  padding-top: 12px;
  text-align: center;
}

@media screen and (max-width: 568px) {
  .tickets__group-tabular {
    display: block;
  }
  .tickets__group-tabular .busticket,
  .tickets__group-tabular .drinksvoucher {
    width: 100%;
    float: none;
    display: block;
  }
  .tickets__group-tabular .busticket + .busticket,
  .tickets__group-tabular .drinksvoucher + .drinksvoucher {
    border-top-width: 0 !important;
    border-left-width: 1px !important;
  }
  /*	=RESET STYLES
             Reset for mobile (rather than mobile first) to allow greater browser support
        -------------------------------------------------------------------- */
  .tickets__group-tabular .busticket .ticket__detail,
  .tickets__group-tabular .busticket .ticket__type-detail,
  .tickets__group-tabular .busticket .ticket__pricing,
  .tickets__group-tabular .busticket .ticket__qty,
  .tickets__group-tabular .drinksvoucher .ticket__detail,
  .tickets__group-tabular .drinksvoucher .ticket__type-detail,
  .tickets__group-tabular .drinksvoucher .ticket__pricing,
  .tickets__group-tabular .drinksvoucher .ticket__qty {
    display: -webkit-flex;
    display: flex;
    width: auto;
    text-align: left;
  }
  .tickets__group-tabular .busticket .ticket__qty,
  .tickets__group-tabular .drinksvoucher .ticket__qty {
    padding: 0;
  }
}

/*	=TICKET SURVEY
-------------------------------------------------------------------- */

.tickets__survey {
  margin: 0 -24px;
  padding: 24px;
  border-color: #dbdbdb;
  border-width: 1px 0;
  border-style: solid;
  background: rgba(255, 255, 255, 0.3);
}

/**
 * 1. Overlay survey top border on incentives bottom border
 */

.tickets__survey--has-incentives {
  margin-top: -13px;
  /* [1] */
}

.tickets__survey + .tickets__footer {
  padding-top: 24px;
}

/*
 * 1. Remove the vertical gap between the incentives and survey
 * 2. Sit above the incentives border
 */

.tickets__incentives + .tickets__survey {
  position: relative;
  /* [2] */
  margin-top: -13px;
  /* [1] */
}

.marketing-opt-outs {
  margin-top: 12px;
}

/*	=LOCALE SELECTOR
-------------------------------------------------------------------- */

.locale-selector {
  display: inline-block;
}

.locale-selector__item {
  display: inline-block;
  padding: 6px 16px;
  text-align: center;
  border-color: inherit;
  border-style: solid;
  border-width: 0 0 0 1px;
}

.locale-selector__item:hover {
  text-decoration: none;
}

.locale-selector__item:first-child {
  border: 0;
}

.locale-selector__item:last-child {
  padding-right: 0;
}

.locale-selector__icon {
  margin-right: 4px;
}

.tickets .addtobasket__btn {
  width: 100%;
  padding: 14px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*	=CONTENT TOGGLE
-------------------------------------------------------------------- */

.toggle-content__control {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  overflow: hidden;
}

.decordark .toggle-content__control {
  border-color: #7d7d7d;
  background: #3a3a3a;
}

.toggle-content__control--open {
  border-radius: 4px 4px 0 0;
  border-bottom-width: 0;
}

.toggle-content__control:hover {
  cursor: pointer;
}

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

.toggle-content__indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
}

.toggle-content__indicator .icon-chevron-up {
  display: none;
}

.toggle-content__indicator--open .icon-chevron-up {
  display: block;
}

.toggle-content__indicator--open .icon-chevron-down {
  display: none;
}

@media only screen and (max-width: 568px) {
  .toggle-content__content {
    padding: 12px;
  }

  .toggle-content__content--open {
    display: block;
  }
}

/*	=INSTALMENTS
-------------------------------------------------------------------- */

.instalment-toggle {
  float: right;
  padding-top: 4px;
  clear: right;
  font-style: italic;
}

.instalments {
  background: rgba(50, 50, 50, 0.5);
  border: 1px solid rgba(199, 199, 199, 0.5);
  padding: 15px 20px;
}

.decordark .instalments {
  background: rgba(50, 50, 50, 0.5);
}

.instalments .text-divider:before,
.instalments .text-divider:after {
  background: rgba(199, 199, 199, 0.5);
}

.instalments__today {
  font-size: 18px;
  display: block;
  text-align: center;
}

.instalments__today {
  text-transform: uppercase;
}

.instalments__monthly {
  margin: 0;
  padding: 0 20px;
  text-align: center;
  font-size: 13px;
}

.checkoutsidecol .instalments__monthly {
  padding: 0;
}

.instalments__total {
  margin-top: 6px;
  display: block;
  text-align: center;
  font-size: 13px;
}

.instalments__instalment {
  width: 50%;
  float: left;
  text-align: center;
  margin: 12px 0 0;
  font-size: 12px;
}

.instalments__instalment strong {
  display: block;
  font-size: 14px;
  color: #333;
  font-weight: 500;
  margin: 3px 0 0;
}

.decordark .instalments__instalment strong {
  color: #fff;
}

.instalments__instalment:last-child {
  border-left: 1px solid rgba(199, 199, 199, 0.5);
}

#printlogo {
  display: none;
}

.layout-constrained {
  max-width: 840px;
  margin: 0 auto;
}

#top {
  max-width: 868px;
  margin: 0 auto;
  padding: 24px;
  text-align: left;
  line-height: 150%;
}

.pre-header {
  padding: 10px 0;
  text-align: right;
}

.pre-header__heading {
  margin: 0;
}

.pre-header__actions {
  text-align: right !important;
}

.pre-header__back {
  float: left;
  padding: 8px 16px 8px 0;
}

@media (min-width: 899px) {
  .checkoutsidecol .box__header + .orderevent {
    padding: 0;
  }
  /**
         * Not a preferred method to target!!
         */
  .checkoutsidecol .orderevent + .orderevent .orderevent--card {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
  }
  .checkoutsidecol .orderevent--card {
    padding: 0;
    border: 0;
  }
}

.orderevent--card .eventtitle {
  font-size: 16px;
}

.ordertotal:last-child {
  font-size: 16px;
  margin-top: 12px;
  padding-top: 12px;
}

#page {
  padding: 10px 0 0;
}

#fullcontent {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#content {
  width: 100%;
  position: relative;
}

#additional {
  width: 100%;
  margin: 20px 0 0;
}

#firstcomment {
  font-weight: bold;
  margin-bottom: 0;
}

#logo {
  display: block;
  margin: 20px 0;
  padding: 20px 30px;
  background-color: #252525;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#252525));
  background-image: -webkit-linear-gradient(top, #444, #252525);
  background-image: -moz-linear-gradient(top, #444, #252525);
  background-image: -o-linear-gradient(top, #444, #252525);
  background-image: -ms-linear-gradient(top, #444, #252525);
  background-image: linear-gradient(top, #444, #252525);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.bar {
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  padding: 8px 10px 7px;
  background: #efefef;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin: 0 0 20px;
}

.bar a {
  font-size: 12px;
  color: #000;
}

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

#event-taxonomy-filter-form {
  margin-left: 5px;
}

.headersocial {
  position: absolute;
  top: 50px;
  right: 45px;
  display: block;
  color: #efefef;
}

.headersocial a {
  color: #efefef;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.socialicon {
  display: block;
  float: right;
  width: 150px;
  margin-left: 10px;
}

.socialicon a {
  display: block;
  margin-right: 5px;
  float: left;
}

.usertools {
  text-align: right;
}

#searchform {
  float: right;
}

#searchform label {
  display: none;
}

#searchform .txt {
  margin: 0 5px 0 0;
}

#nav {
  margin: 0 auto 20px;
  list-style: none;
}

#nav ul {
  margin: 0;
  padding: 0;
  float: left;
}

#nav li {
  display: block;
  float: left;
  margin: 5px 10px 0 0;
}

#nav li a {
  display: block;
  line-height: normal;
}

#nav li.selected a {
  font-weight: bold;
}

#subnav {
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
}

#subnav li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
}

#subnav li a {
  display: block;
  margin: 9px 10px;
  line-height: normal;
}

.pagetitle {
  font-size: 18px;
  margin: 0 0 20px;
}

.mainimage {
  float: left;
  margin: 0 20px 20px 10px;
}

.enlarge {
  display: block;
  width: 120px;
  max-height: 168px;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 25px;
}

.enlarge .mainimage {
  float: none;
  margin: 0;
}

.enlargeimg {
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat 0 100%;
  width: 100%;
  height: 19px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.date {
  color: #888;
  font-size: #333;
  margin-bottom: 0;
}

.decordark .date {
  color: #cacacb;
}

/*	=BOX STYLES
-------------------------------------------------------------------- */

.box__header {
  margin: -20px -20px 20px;
  padding: 14px 20px;
  background-color: #ededed;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.box__header-heading {
  margin: 0;
}

.box__header-heading--legacy {
  font-size: 12px;
  text-transform: uppercase;
}

/*	=EVENT HEADER
-------------------------------------------------------------------- */

.eventheader {
  float: left;
  max-width: 590px;
}

.eventheader .scroll {
  font-weight: bold;
  margin: 0 0 21px;
}

.eventheader dl {
  margin: 0 0 12px;
}

.eventheader dt {
  float: left;
  display: block;
  clear: both;
  width: 100px;
  margin: 0 0 6px;
  padding: 0;
  font-weight: bold;
}

/**
 * 1. Stop long content wrapping under the dt
 */

.eventheader dd {
  float: none;
  overflow: hidden;
  /* [1] */
  display: block;
  margin: 0 0 6px;
  padding: 0;
  max-width: 440px;
}

.loading {
  background: url('https://whpprivate.eventgenius.co.uk/images/loading.gif') no-repeat 50% 0;
  min-height: 50px;
}

.tickets {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  overflow: hidden;
  margin: 0 0 20px;
  font-size: 100%;
}

.tickets th {
  padding: 8px 10px 7px;
}

.ticketrow th.detail {
  border-top: 1px solid #dbdbdb;
}

.detail {
  text-align: left;
}

.total {
  text-align: right;
  white-space: nowrap;
}

.qty,
.addtobasket {
  text-align: center;
}

.box {
  padding: 20px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  overflow: hidden;
  word-break: break-word;
  margin: 0 0 20px;
  overflow: visible;
}

.box .header {
  font-size: 12px;
  margin: -20px -20px 20px;
  padding: 10px 10px 10px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  background: #efefef;
  border-bottom: 1px solid #dbdbdb;
}

.box__actions {
  text-align: right;
}

.orderevent--card {
  margin-bottom: 12px;
  padding: 20px;
  border: 1px solid rgba(169, 169, 169, 0.4);
}

.orderevent--card + .checkout-item {
  border-top: 0;
}

@media (max-width: 568px) {
  .orderevent--card {
    padding: 12px;
  }
}

.half {
  width: 453px;
}

.wide {
  width: 588px;
}

.twothirds {
  width: 743px;
}

.thin {
  width: 318px;
}

.checkout .col.thin {
  width: 178px;
}

.cardicon {
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px 0 0;
  text-indent: 110%;
  white-space: pre;
  overflow: hidden;
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat 0 0;
}

.paypal {
  background-position: 0 13px;
  width: 40px;
  height: 40px;
}

.Visa {
  background-position: -52px 13px;
  width: 40px;
  height: 40px;
}

.Maestro {
  background-position: -150px 13px;
  width: 36px;
  height: 40px;
}

.Mastercard {
  background-position: -104px 13px;
  width: 36px;
  height: 40px;
}

.VisaDelta {
  background-position: -196px 13px;
  width: 40px;
  height: 40px;
}

.VisaElectron {
  background-position: -248px 13px;
  width: 40px;
  height: 40px;
}

.Solo {
  background-position: -300px 13px;
  width: 36px;
  height: 40px;
}

.AmericanExpress {
  background-position: -346px 13px;
  width: 37px;
  height: 40px;
}

.JCB {
  background-position: -394px 13px;
  width: 36px;
  height: 40px;
}

.comodo {
  background-position: 0 -30px;
  width: 60px;
  height: 40px;
  margin: 0 8px 4px 0;
}

.outofstock {
  color: #c00;
}

.soldout {
  color: #c00;
}

.closed {
  color: #999;
}

.infoicon {
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat -1px -80px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  text-indent: 100%;
  white-space: pre;
  overflow: hidden;
}

.jobdetails {
  margin: 10px 0;
}

.jobdetails strong {
  display: inline-block;
  min-width: 150px;
  margin: 0 0;
}

.apply {
  margin-left: 150px;
  font-weight: bold;
}

.contributor {
  padding: 20px;
  background: rgba(0, 0, 0, 0.03);
}

.gravatar {
  float: left;
  margin: 0 20px 0 0;
  max-width: 80px;
  max-height: 80px;
}

.comments {
  list-style: none;
  margin: 0;
}

.comment {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0;
}

.comment p {
  margin: 0 0 5px 80px;
}

.comment img {
  max-width: 60px;
  max-height: 60px;
}

.comment .owner {
  margin-left: 10px;
}

.faq h2 {
  margin: 15px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px 0 0;
}

.question:hover {
  cursor: pointer;
  color: #000;
}

.answer p {
  margin: 10px 0 0;
}

.pages {
  clear: both;
}

.paging span {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 2px;
  margin: 2px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.paging a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 2px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.paging a:hover {
  background: rgba(0, 0, 0, 0.03);
}

.paging strong {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
  margin: 2px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.mapindex {
  padding: 6px 10px;
}

.mapindex a,
.mapindex strong,
.mapindex span {
  display: inline-block;
  text-align: center;
  min-width: 11px;
  max-width: 11px;
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 4px 2px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.mapindex span {
  display: inline-block;
  color: #ccc;
  padding: 6px 11px;
  border: 0;
}

.mapindex strong {
  background: rgba(0, 0, 0, 0.1);
}

.download {
  margin: 0 0 15px;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.download:hover {
  background: rgba(0, 0, 0, 0.03);
}

.download a {
  display: block;
  padding: 0 0 5px 24px;
  font-weight: bold;
  background: url('https://whpprivate.eventgenius.co.uk/images/pdf.png') no-repeat 0 2px;
}

.download span {
  font-size: #333;
}

.related {
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
}

.related li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
}

.related li a {
  display: block;
  margin: 9px 10px;
  line-height: normal;
}

.incentive {
  position: relative;
  padding: 8px 10px;
  color: #fff;
  background: #4b587f;
  display: inline-block;
  line-height: 120%;
  font-size: 11px;
  width: 124px;
  text-align: right;
  border-radius: 3px;
}

.incentive:hover {
  background: #3b486f;
}

.incentive.facebook {
  background-color: #3562a5;
}

.incentive.facebook:hover {
  background: #255295;
}

.incentive.twitter {
  background-color: #00acee;
}

.incentive.twitter:hover {
  background: #009cde;
}

.incentive strong {
  display: block;
  font-size: 12px;
  color: #ffffff;
}

.incentive .icon {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-block;
  width: 28px;
  height: 25px;
}

.incentive.facebook .icon {
  background-image: url('https://whpprivate.eventgenius.co.uk/images/decor.png');
  background-position: -2px -309px;
  background-size: 800px 800px !important;
}

.incentive.like .icon {
  background-image: url('https://whpprivate.eventgenius.co.uk/images/decor.png');
  background-position: -390px -356px;
  background-size: 800px 800px !important;
}

.incentive.twitter .icon {
  background-image: url('https://whpprivate.eventgenius.co.uk/images/decor.png');
  background-position: -2px -356px;
  background-size: 800px 800px !important;
}

.incentive:hover {
  color: #fff;
  text-decoration: none;
}

.nopriceincentive {
  height: 43px;
  padding: 16px 10px 0;
  vertical-align: bottom;
}

.box.nopad {
  padding: 0;
}

.box.nopad .header {
  margin: 0;
}

.videoembed iframe {
  display: block;
}

.productform {
  width: 380px;
}

.productform .field .lbl {
  width: 100px;
}

.productform .field .data {
  margin-left: 100px;
}

.productform .field .txt {
  width: 200px;
}

.productform .forminfo {
  margin-left: 100px;
}

.eventmap {
  height: 350px;
  width: 100%;
  border: 0;
}

#eventmap p {
  margin: 0;
}

.decordark #eventmap p {
  background: rgba(0, 0, 0, 0.5);
}

.venueMap {
  color: #333;
}

.discounts {
  float: left;
  display: block;
  width: 100%;
}

.discounts h4 {
  margin: 10px 0 0;
}

.discounts p {
  font-size: 90%;
  margin: 3px 0;
  line-height: 120%;
}

.discounts .actions {
  float: right;
  margin: 15px 5px 0;
}

.discounts .actions .button {
  display: block;
  float: left;
  margin: 0 0 0 10px;
  width: 120px;
}

.attendees {
  float: left;
  display: block;
  width: 100%;
}

.attendees h4 {
  margin: 0;
}

.attendees p {
  font-size: 90%;
  margin: 0;
}

.attendees .fbattend {
  float: right;
}

.attendees .fbuser {
  float: right;
  margin-left: 5px;
}

.item {
  width: 350px;
  float: left;
  margin: 20px 0 0 0;
}

.item.even {
  margin-right: 50px;
}

.item a h3 {
  margin: 7px 0 5px;
}

.item a:hover h3 {
  text-decoration: underline;
}

.item p {
  margin-top: 0;
}

.itemthumb {
  float: left;
  width: 100%;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.itemthumb img {
  float: left;
}

.itemthumb h3 {
  margin: 0 0 5px 135px;
}

.itemthumb a:hover h3 {
  text-decoration: underline;
}

.itemthumb p {
  margin: 0 0 10px 135px;
}

.end {
  border-bottom: 0;
  margin: 0;
}

#sendtofriend {
  width: 540px;
  padding: 0;
  margin: 0 auto;
}

#sendtofriend #logo {
  position: inherit;
}

#sendtofriend #logo img {
  max-height: 60px;
}

#sendtofriend #closepopup {
  position: absolute;
  top: 10px;
  right: 0;
}

#sendtofriend #top {
  max-width: 540px;
  width: 540px;
  overflow: auto;
  margin: 0 auto;
}

#sendtofriend #page {
  max-width: 540px;
  padding: 10px 0;
  position: relative;
}

#sendtofriend .message {
  max-width: 540px;
}

#sendtofriend .lbl {
  width: 120px;
}

#sendtofriend .data {
  margin-left: 160px;
}

#sendtofriend .txt {
  width: 300px;
}

#sendtofriend .data {
  width: auto;
}

#sendtofriend .forminfo {
  margin-left: 160px;
}

#sendtofriend .message {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.social {
  display: block;
  margin: 10px 0 0;
}

.fb-login-button {
  display: inline-block;
  margin-right: 10px;
}

.twitter-share-button {
  display: inline-block;
}

.share {
  vertical-align: top;
  margin-right: 20px;
}

.addthis_toolbox {
  display: inline-block;
  margin-right: 20px;
}

.fb-login-button span {
  min-width: 250px !important;
}

.fb-login-button iframe {
  min-width: 250px !important;
}

.fbregister span {
  min-width: 182px !important;
}

.fbregister iframe {
  min-width: 182px !important;
}

#facebook-login .forminfo,
#facebook-login .fb-login-button {
  margin-top: 0;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
  vertical-align: top !important;
}

#messages {
  margin: 0 auto;
}

#messages p {
  display: flex;
  max-width: 100%;
  margin: 0 0 10px;
  padding: 14px 12px 12px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none !important;
}

#messages p::before {
  display: block;
  flex-shrink: 0;
  content: '';
  width: 24px;
  height: 24px;
  margin: -2px 12px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}

#messages .ok {
  color: #1b795b;
  background-color: #e1f8f1;
  border-color: #c7eadf;
}

#messages .ok::before {
  background-image: url('https://whpprivate.eventgenius.co.uk/images/icon-tick-circle.svg');
}

#messages .info {
  color: #296786;
  background-color: #daedf6;
  border-color: #bcdae6;
}

#messages .info::before {
  background-image: url('https://whpprivate.eventgenius.co.uk/images/icon-info-circle.svg');
}

#messages .error {
  color: #c41a2e;
  background-color: #f8ebec;
  border-color: #f2e0e1;
}

#messages .error::before {
  background-image: url('https://whpprivate.eventgenius.co.uk/images/icon-cross-circle.svg');
}

#footer {
  clear: both;
  width: 960px;
  padding: 15px 0 0;
  margin: 20px auto;
  line-height: 150%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#footerlower {
  margin: 15px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 0 0;
}

.label--stacked {
  display: block;
  margin-bottom: 6px;
}

input,
textarea,
select {
  vertical-align: middle;
}

/**
 * 1. Override box office specifity
 */

.button.button--facebook {
  color: #fff;
  /* [1] */
  background: #3b5999;
  border-color: #3b5999;
}

/**
     * 1. Override box office specifity
     */

.button--facebook:hover {
  color: #fff;
  /* [1] */
  background: #304b86;
  border-color: #304b86;
}

.button--loading {
  position: relative;
  cursor: default;
  text-indent: -99999px;
  background-size: 20px;
}

.button {
  display: inline-block;
  border: 1px solid #15181e;
  color: #fff;
  border-radius: 3px;
  background-color: #15181e;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  -webkit-appearance: none;
}

.button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0b0c0f;
  border-color: #0b0c0f;
}

.button.inactive {
  background: #dbdcde;
  border-color: #dbdcde;
}

.button:disabled,
.button:disabled:hover {
  opacity: 0.5;
  background: #dbdcde;
  border-color: #dbdcde;
  cursor: default;
}

.button--full {
  width: 100%;
}

.button--view-order {
  min-width: 105px;
  margin-left: 12px;
}

.button--update-card {
  margin-bottom: 6px;
}

.donation-input {
  color: #444;
  padding: 6px;
  border: 1px solid #bbb;
  background: #fff;
  border-radius: 0 3px 3px 0;
  height: 34px;
  position: relative;
  width: 30px;
  left: -50px;
  z-index: 0;
  -webkit-transition: width 0.5s, left 0.5s;
  -moz-transition: width 0.5s, left 0.5s;
  -ms-transition: width 0.5s, left 0.5s;
  -o-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
}

.donation-input.active {
  width: 75px;
  left: 0px;
}

.ticket-charity .ticket__detail {
  width: 45%;
}

.ticket-charity .ticket__type-detail {
  width: 55%;
}

.ticket-charity button.other {
  position: relative;
  z-index: 1;
}

.ticket-charity button.other:not(.inactive) {
  border-radius: 3px 0 0 3px;
}

.process-button {
  padding: 14px;
  font-size: 16px;
  -webkit-appearance: none;
}

.button.subtle {
  background-color: #999 !important;
  border: 1px solid #888 !important;
  color: #fff !important;
}

.button.subtle:hover {
  background-color: #808080 !important;
  border: 1px solid #6f6f6f !important;
}

.button.closed {
  background-color: #999 !important;
  border: 1px solid #888 !important;
  color: #fff !important;
}

.button.closed:hover {
  background-color: #808080 !important;
  border: 1px solid #6f6f6f !important;
}

.button.sold_out {
  background-color: #c00 !important;
  border: 1px solid #a00 !important;
  color: #fff !important;
}

.button.sold_out:hover {
  background-color: #900 !important;
  border: 1px solid #700 !important;
}

fieldset {
  border: 1px solid #ddd;
  padding: 5px 25px;
  margin: 0 0 20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

legend {
  font-style: italic;
  color: #999;
}

.field {
  display: block;
  clear: both;
  margin-bottom: 16px;
}

.field .lbl {
  float: left;
  width: 170px;
  margin: 4px 0 0;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
}

#signup input {
  margin: 0 0 0 5px;
  vertical-align: baseline;
}

strong.required {
  color: #c00;
}

.decordark strong.required {
  color: #ff5353;
}

.txt {
  background: #f8f8f8;
  padding: 6px 8px;
  color: #333;
  margin: 0;
  vertical-align: middle;
  border-radius: 3px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #999;
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}

.field .data {
  margin: 20px 0 20px 170px;
}

.field .txt {
  width: 100%;
}

.field .thin {
  width: 60px;
}

.field .date {
  width: 200px;
  cursor: pointer;
  background-image: url('https://whpprivate.eventgenius.co.uk/images/datepicker/calendar.png');
  background-position: 190px 4px;
  background-repeat: no-repeat;
}

.datetoggle {
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.formsummary {
  color: #999;
}

.formerror {
  color: #c00;
  text-transform: uppercase;
  vertical-align: middle;
}

.cardpayment #messages {
  width: 69%;
  margin: 0;
  padding-left: 20px;
}

@media (max-width: 568px) {
  .cardpayment #messages {
    width: 100%;
    padding: 0;
  }
}

.forminfo {
  margin: 20px 0 20px 170px;
}

.form .forminfo {
  max-width: 360px;
  margin-left: 170px;
}

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

.form legend {
  display: none;
}

.radiooption {
  vertical-align: middle;
  margin: 0 20px 0 0;
}

input[type='radio'] {
  margin: -2px 5px 0 0;
}

input[type='checkbox'] {
  margin: -4px 8px 0 0;
}

.fieldlist .formsummary {
  display: block;
}

.fieldlist label {
  vertical-align: middle;
  display: block;
  margin: 0 20px 10px 0;
}

.formseparation {
  border: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.validation-advice {
  color: #c00;
  margin: 3px 0 0;
}

.data label {
  display: inline-block;
  margin-top: 4px;
}

.txtdate {
  width: 100px !important;
  background-image: url('https://whpprivate.eventgenius.co.uk/images/decor.png');
  background-position: 100% -267px;
  margin-right: 5px;
}

.txttime {
  width: 40px !important;
  margin-right: 5px;
}

.txtthin {
  width: 40px !important;
}

.field.dob .datasmall {
  float: left;
  margin-right: 5px;
}

.field.dob .datasmall .txtsmall {
  width: 40px;
}

.cardnumber .data {
  margin: 0;
}

.cardpayment .cardnumber {
  margin: 0;
}

.cardpayment .field .data {
  margin-left: 0;
}

.cardpayment .forminfo {
  margin-left: 25px;
}

.cardpayment .lbl {
  width: auto;
  float: none;
  display: block;
  margin: 0 0 5px;
}

.field.expirydate {
  float: left;
  max-width: 55%;
  margin: 20px 0;
}

.expirydate .data {
  margin: 0;
  width: auto;
}

.field .exp-month {
  width: 50px;
}

.field.cv2 {
  max-width: 45%;
  float: right;
  clear: none;
  margin: 20px 0;
  text-align: left;
}

.cv2 .data {
  margin: 0;
  width: auto;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#content-left.myaccountpage {
  width: 100%;
}

#content-right.myaccountpage {
  display: none;
  visibility: hidden;
}

#content-left.myaccountpage .usertools {
  display: block;
  height: 50px;
  line-height: 30px;
  margin-left: 60px;
}

#content-left.myaccountpage .avatarwrap {
  height: 30px;
  width: 30px;
}

.account__header {
  position: relative;
}

.account__header .avatarwrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.account__header-nav {
  margin-left: 50px;
  padding: 6px 0;
}

@media only screen and (max-width: 568px) {
  .account__header {
    margin-bottom: 12px !important;
    padding: 0 12px !important;
  }
}

.twtr-doc {
  width: 100% !important;
}

.col.goleft {
  width: 740px;
}

.col.thin {
  width: 200px;
}

.col.thin .box {
  width: auto;
}

.col.middle {
  width: 540px;
}

.avatar {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

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

.order {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.order:first-child {
  padding-top: 0;
}

.order h3 {
  font-size: 120%;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

.order span {
  text-align: right;
  max-width: 90%;
}

.order p {
  color: #666;
  margin: 0 0 5px 0;
}

.decordark .order p {
  color: #ddd;
}

.order p span {
  float: none;
}

.order .cardicon {
  float: none;
}

.order.card {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.order.card:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.order.card p {
  clear: both;
  margin-bottom: 10px;
}

.order.card .cardicon {
  width: 40px;
  height: 24px;
  background-position: -52px 0;
}

.order.card .cardicon.paypal {
  background-position: 0 0;
}

.order.card .cardicon.Visa {
  background-position: -52px 0;
}

.order.card .cardicon.Maestro {
  background-position: -150px 0;
}

.order.card .cardicon.Mastercard {
  background-position: -104px 0;
}

.order.card .cardicon.VisaDelta {
  background-position: -196px 0;
}

.order.card .cardicon.VisaElectron {
  background-position: -248px 0;
}

.order.card .cardicon.Solo {
  background-position: -300px 0;
}

.order.card .cardicon.AmericanExpress {
  background-position: -346px 0;
}

.order.card .cardicon.JCB {
  background-position: -394px 0;
}

.thin {
  color: #000;
  font-size: 12px;
}

.event {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.event h3 {
  font-size: 110%;
  margin: 0;
}

.event p {
  color: #666;
  margin: 0;
  font-size: 90%;
}

.event img {
  width: 40px;
  float: left;
  margin: 0 10px 10px 0;
}

.event p.location {
  color: #000;
  margin-bottom: 10px;
}

.activity {
  display: block;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.activity h3 {
  font-size: 110%;
  margin: 0 0 0 0;
}

.activity p {
  color: #000;
  margin: 0;
  font-size: 90%;
}

.activity .date {
  color: #666;
}

.activity img {
  width: 40px;
  float: left;
  margin: 0 10px 0 0;
}

.yourorders {
  margin: 0 0 20px 0;
}

.yourorders th {
  padding: 10px;
  color: #fff;
  background-color: #999;
  text-transform: uppercase;
  font-size: 120%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.yourorders td {
  padding: 10px;
  color: #000;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
}

.news {
  display: block;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.news h3 {
  font-size: 110%;
  margin: 0 0 10px 0;
}

.news p {
  color: #000;
  margin: 0;
  font-size: 90%;
  line-height: 150%;
}

.news img {
  clear: both;
  height: 100px;
  margin: 0;
  width: 180px;
}

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

.newsletterform legend {
  display: none;
}

.newsletterform p {
  margin: 0;
}

.newsletterform label {
  font-weight: bold;
  color: #000;
}

.newsletterform input.txt {
  width: 160px;
  margin: 0 0 10px 0;
}

.topicthumb {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  padding: 0 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/**
 * Used in topic and other areas such as macros
 */

.eventimgwrap {
  width: 120px;
  overflow: hidden;
  text-align: center;
  float: left;
}

.eventimgwrap img {
  max-width: 120px;
}

/*	=TOPIC
-------------------------------------------------------------------- */

.topic-item {
  padding-bottom: 15px;
}

.topic-item:last-child {
  padding-bottom: 0;
}

.topic-item + .topic-item {
  padding-top: 15px;
  border-top: 1px solid #ccc;
}

.topic-item__title {
  margin: 0 0 8px 0;
}

.topic-item__detail p {
  margin: 0 0 3px 0;
}

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

.topic-item__img {
  width: 68px;
  display: inline-block;
  text-align: center;
  height: 58px;
  overflow: hidden;
}

.topic-item__img img {
  width: 100%;
}

.managesubscriptions .field .lbl {
  float: none;
}

.managesubscriptions .field .data {
  float: left;
  margin: 2px 0;
}

.managesubscriptions .forminfo {
  margin: 0;
}

.viewall {
  margin: 10px 0 0;
}

.gallery {
  width: 236px;
  margin: 0 0 15px 15px;
  float: left;
}

.gallery.first {
  margin-left: 0;
  padding: 0;
  clear: both;
}

.gallerythumbwrap {
  display: block;
  float: left;
  width: 100px;
  height: 75px;
  overflow: hidden;
}

.gallerythumbwrap img {
  max-width: 100px;
}

.gallery h3 {
  font-size: 14px;
  margin: 0 0 4px 110px;
  font-weight: bold;
}

.gallery .date {
  margin: 0 0 0 110px;
}

.gallery p {
  margin: 0 0 0 110px;
}

.photo {
  width: 67px;
  height: 67px;
  display: block;
  float: left;
  background-position: 50% 0;
  margin: 0 7px 7px 0;
}

.photo:hover {
  text-decoration: none;
}

div.video {
  width: 233px;
  margin: 0 0 15px 10px;
  float: left;
}

div.video.first {
  margin-left: 0;
  padding: 0;
  clear: both;
}

.videothumbwrap {
  display: block;
  float: left;
  width: 100px;
  height: 75px;
  overflow: hidden;
}

.videothumbwrap img {
  max-width: 100px;
}

div.video h3 {
  font-size: 14px;
  margin: 0 0 4px 110px;
  font-weight: bold;
}

div.video .date {
  margin: 0 0 0 110px;
}

div.video p {
  margin: 0 0 0 110px;
}

.timeleft {
  font-weight: normal;
}

/*#countdown{font-size:16px}*/

.highlight {
  color: #c00;
}

#ecommerce h1 {
  font-size: 200%;
}

#trail {
  margin: 0 auto 20px;
  padding: 0;
  width: 100%;
}

#trail li {
  margin: 0;
  padding: 5px 0 35px;
  width: 25%;
  color: #999;
  list-style: none;
  text-align: center;
  background: url('https://whpprivate.eventgenius.co.uk/images/trail.png') no-repeat 50% 0;
  float: left;
  font-weight: normal;
  text-transform: uppercase;
}

#trail li.current,
#trail li strong {
  font-weight: bold;
  color: #333;
}

#trail li.complete {
  color: #999;
}

#trail li a {
  color: #333;
}

#trail .current {
  background-position: 50% -240px;
}

#trail .complete {
  background-position: 50% -160px;
}

#trail .basket {
  background-position: 50% -400px;
}

#trail .basket.current {
  background-position: 50% -480px;
}

#trail .receipt {
  background-position: 50% -80px;
}

#trail .receipt.current {
  background-position: 50% -320px;
}

.row {
  width: 100%;
}

.row th {
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 10px;
}

.row td {
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
  padding: 15px 10px;
}

.row .itemthumb {
  border: 0;
}

.subtotal td {
  border: 0;
  padding: 15px 10px 0;
}

.delivery td {
  border: 0;
  padding: 10px 10px 0;
}

.special td {
  border: 0;
  padding: 10px 10px 0;
}

.total td {
  padding: 10px 10px 15px;
}

.special {
  color: #c00;
}

.coupons label {
  display: none;
}

.coupons .txt {
  width: 160px;
  font-size: 100%;
}

.remove {
  font-weight: bold;
}

.primary {
  float: right;
  clear: both;
  margin: 20px 0;
}

.secondary {
  float: left;
  margin: 20px 0;
}

.primary input {
  float: right;
  margin-left: 10px;
  vertical-align: middle;
}

.button.action {
  display: inline-block;
  padding: 10 12px;
}

.button.proceed {
  display: inline-block;
  margin-right: 0;
}

a.button.proceed {
  padding-top: 6px;
}

.checkoutfooter {
  clear: both;
}

.securecheckout {
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat -118px -34px;
  width: 153px;
  height: 37px;
  display: inline-block;
  text-indent: 100%;
  white-space: pre;
  overflow: hidden;
  margin-right: 10px;
}

.securewebsite {
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat -118px -74px;
  width: 137px;
  height: 37px;
  display: inline-block;
  text-indent: 100%;
  white-space: pre;
  overflow: hidden;
  margin-right: 10px;
}

.eventgenius {
  background: url('https://whpprivate.eventgenius.co.uk/images/eg-133x35.png');
  width: 133px;
  height: 35px;
  display: block;
  float: right;
  text-indent: 100%;
  white-space: pre;
  overflow: hidden;
  margin: 2px 0;
}

.links {
  display: block;
  clear: both;
  font-weight: 500;
  text-transform: none;
  font-size: 12px;
}

.links a {
  color: #333;
}

.checkout .usertools {
  background: #e7e5e6;
  border: 1px solid #e7e5e6;
}

.checkout .checkoutfooter {
  background: #e7e5e6;
  border: 1px solid #e7e5e6;
}

.prespace {
  white-space: nowrap;
}

#basket-table.tickets .insurancedescription {
  margin: 0 0 5px;
  line-height: 120%;
}

.customterms {
  font-size: 10.5px;
  line-height: 130%;
  display: inline-block;
}

.intro {
  margin: 0;
}

.subheader {
  font-size: 16px;
  margin: 20px 0 0 10px;
}

.loginoption {
  display: block;
  margin: 10px 0 10px 10px;
}

.loginoption strong {
  text-transform: uppercase;
}

.loginoptions {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 20px 33px;
}

.loginoptions .forminfo {
  margin-bottom: 0;
}

.loginoptions .forminfo.nooptions {
  margin: 10px 0 0 0;
}

.form.goleft {
  width: 610px;
}

.goleft.box {
  margin-bottom: 10px;
}

.goright.box {
  margin-bottom: 10px;
}

.box.sub {
  background: #efefef;
}

.box.sub .header {
  background: #dbdbdb;
}

.headertab {
  display: none;
}

.ordersummary {
  width: 200px;
  margin: 0 -10px;
}

.ordersummary td {
  padding: 0 10px 10px;
}

.ordersummary .totals td {
  border-top: 1px solid #dbdbdb;
  font-size: 15px;
  padding: 10px 10px 0;
}

.checkout #fullcontent {
  width: 100%;
}

.checkout .ordersummary .totals td {
  border-top: 1px solid #333;
}

.checkinoptions {
  position: absolute;
  top: 66px;
  right: 20px;
  color: #355e98;
  width: 250px;
  text-align: right;
  font: 100% 'Futura W01 Medium', Helvetica, Arial, Tahoma, Verdana, sans-serif;
  text-transform: uppercase;
}

.checkinoptions a {
  vertical-align: baseline;
  color: #fff;
  margin-left: 5px;
}

.checkinoptions a.login-button {
  background: url('https://whpprivate.eventgenius.co.uk/images/button-lock.png') no-repeat 0 0;
  padding: 4px 0 3px 8px;
  color: #fff;
  min-height: 25px;
  min-width: 85px;
  vertical-align: middle;
}

.inv {
  width: 335px;
  padding: 0;
  border: 0;
}

.inv h2 {
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  font-size: 140%;
  text-transform: none;
  margin: 20px 0 20px;
  padding: 0 0 5px;
}

.inv .field .lbl {
  width: 115px;
}

.inv .field .data {
  margin-left: 120px;
}

.inv .field .txt {
  width: 200px;
}

.inv .field .date {
  width: 100px;
}

.inv .field .thin {
  width: 100px;
}

.inv .forminfo {
  margin-left: 120px;
}

.trust {
  padding: 0;
  margin: 0;
}

.trust li {
  list-style: none;
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat 2px -115px;
  padding: 0 0 0 25px;
  margin: 0 0 10px;
}

.sub .securecheckout {
  background-position: -580px -37px;
  width: 171px;
  height: 33px;
  display: block;
  float: none;
  margin: 10px auto;
}

.sub .comodo {
  display: block;
  float: none;
  margin: 20px auto;
}

.verifiedbyvisa {
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat -400px -33px;
  width: 85px;
  height: 37px;
  display: block;
  margin: 0 auto 20px;
  text-indent: -9999px;
  white-space: pre;
  overflow: hidden;
}

.mastercardsecurecode {
  background: url('https://whpprivate.eventgenius.co.uk/images/decor.png') no-repeat -490px -33px;
  width: 85px;
  height: 37px;
  display: block;
  margin: 0 auto 10px;
  text-indent: -9999px;
  white-space: pre;
  overflow: hidden;
}

.cards {
  margin: 5px 0 0 0;
  display: block;
  float: left;
}

.cards .card {
  margin-right: 5px;
  float: left;
}

.paymenthighlight {
  color: #c00;
  width: 195px;
  float: right;
  margin-right: 20px;
}

.decordark .paymenthighlight {
  color: #ff5353;
}

#payment {
  width: 700px;
  min-height: 350px;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 25px;
}

.basketsummary #basket-table {
  border-top: 1px solid #e6e6e6;
}

.basketsummary #basket-table td[align='left'] {
  padding-left: 0;
}

.basketsummary #basket-table td[align='right'] {
  padding-right: 0;
}

.basketsummary #basket-table .totals td {
  border: 0;
  padding-bottom: 0;
}

.basketsummary h3 {
  position: relative;
  font: bold 100% Helvetica, Arial, Tahoma, Verdana, sans-serif;
  color: #333;
  margin: 0 0 5px;
}

.basketsummary h3 a {
  position: absolute;
  right: 0;
  text-align: right;
}

.addressdetails h3 {
  position: relative;
  font: bold 100% Helvetica, Arial, Tahoma, Verdana, sans-serif;
  color: #333;
  margin: 0 0 3px;
}

.addressdetails h3 a {
  position: absolute;
  right: 0;
  text-align: right;
}

.addressdetails p {
  margin-top: 0;
}

#basket-table.tickets td {
  border-top: 1px solid #ddd;
}

#basket-table.tickets .total td {
  border-top: 1px solid #ccc;
  background-color: #ddd;
  font-size: 120%;
}

/*#basket-table.tickets p{margin:0}*/

#paymentform {
  position: relative;
}

#paymentform legend {
  display: none;
}

#paymentform .ordertotal {
  display: block;
  padding: 6px 0 0;
  color: #333;
  font: 100% 'Futura W01 Bold', Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-weight: 500;
}

#paymentform .inv {
  width: 500px;
}

#paymentform .field .lbl {
  width: 170px;
}

#paymentform .forminfo {
  margin-left: 170px;
}

.billingdetails .data {
  padding-top: 4px;
}

#card_number_status {
  vertical-align: middle;
  margin: 0 0 2px 4px;
}

#card_type_message {
  display: block;
  padding: 4px 0 2px;
  background: url('https://whpprivate.eventgenius.co.uk/images/cards/lookup.png') no-repeat -50px 0;
  min-height: 19px;
}

#card_type_message.visa {
  background-position: 0 1px;
  padding-left: 45px;
}

#card_type_message.mastercard {
  background-position: 0 -49px;
  padding-left: 45px;
}

#card_type_message.amex {
  background-position: 0 -99px;
  padding-left: 45px;
}

#card_type_message.jcb {
  background-position: 0 -149px;
  padding-left: 45px;
}

#cvnlink {
  display: inline-block;
  margin: 0 0 0 5px;
  width: 20px;
  height: 20px;
  text-indent: -999em;
  background: url('https://whpprivate.eventgenius.co.uk/images/info.png') no-repeat;
}

#cvn {
  overflow: hidden;
  clear: both;
  padding: 0 0 20px;
  margin: 0;
  cursor: pointer;
}

#cvn img {
  float: left;
  margin-right: 15px;
}

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

.subtle {
  color: #666;
}

.decordark .subtle {
  color: #ddd;
}
#paymentinformation {
  width: 120px;
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 100;
}
#paymentinformation img {
  margin-bottom: 12px;
}
#processorder {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 20px;
  margin: 0 0 30px;
}
#orderdetails {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 30px;
}
#orderdetails h2 {
  margin-bottom: 0;
}
#orderdetails .goleft,
#orderdetails .goright {
  width: 335px;
}
#paymentcontent fieldset {
  border: 0;
}
input.disabled,
input.disabled:active,
input.disabled:hover,
input.disabled:focus {
  background: #bbb !important;
  border: 1px solid #aaa !important;
  color: #888 !important;
  cursor: default !important;
  box-shadow: none !important;
  top: 0 !important;
}
.facebook {
  background-color: #6278aa;
  color: #fff;
  border: 1px solid #41547f;
}
.twitter {
  background-color: #5ec1de;
  color: #fff;
  margin-right: 15px;
}
.facebook {
  background-color: #6278aa;
  color: #fff;
  border: 1px solid #41547f;
}
.twitter {
  background-color: #5ec1de;
  color: #fff;
  margin-right: 15px;
}
.receiptsocial {
  margin-top: 20px;
}
.fancybox-tmp iframe,
.fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  font: 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
  margin: 0;
  padding: 10px;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('https://whpprivate.eventgenius.co.uk/images/fancybox.png');
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8020;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('https://whpprivate.eventgenius.co.uk/images/fancyboxloading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('https://whpprivate.eventgenius.co.uk/images/blank.gif');
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 26px;
  height: 26px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: -12px;
  background-position: -8px -35px;
}
.fancybox-next span {
  right: -12px;
  background-position: -8px -65px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: #000;
}
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-title {
  visibility: hidden;
  font: 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8030;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
}
.fancybox-inner .fb_iframe_widget span {
  vertical-align: text-top !important;
}
.jCalendar {
  background: #ddd;
  border-collapse: separate;
  border-spacing: 1px;
}
.jCalendar th {
  background: #ccc;
  color: #000;
  font-weight: bold;
  padding: 5px 7px;
  text-align: center;
}
.jCalendar td {
  background: #fff;
  color: #000;
  padding: 5px 7px;
  text-align: center;
  font-weight: bold;
}
.jCalendar .other-month {
  background: #eee;
  color: #333;
  font-weight: normal;
}
.jCalendar .today {
  background: #d1e89f;
  color: #000;
}
.jCalendar .selected {
  background: #8cc610;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.jCalendar .selected.dp-hover {
  background: #8cc610;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.jCalendar .dp-hover,
.jCalendar .activeWeekHover td {
  background: #d1e89f;
  color: #000;
}
.jCalendar .selectedWeek td {
  background: #f66;
  color: #fff;
}
.jCalendar .disabled,
.jCalendar .disabled.dp-hover {
  background: #e6e6e6;
  color: #bbb;
  font-weight: normal;
}
.jCalendar .unselectable,
.jCalendar .unselectable:hover,
.jCalendar .unselectable.dp-hover {
  background: #eee;
  color: #999;
  font-weight: normal;
}
.dp-popup {
  position: relative;
  background: #fff;
  padding: 10px;
  width: 200px;
  line-height: 110%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
#dp-popup {
  position: absolute;
  z-index: 9999;
}
.dp-popup h2 {
  font-size: 12px;
  text-align: center;
  margin: 0 0 7px;
  padding: 0;
}
#dp-close {
  font-size: 11px;
  padding: 4px 0;
  text-align: center;
  display: block;
}
#dp-close:hover {
  text-decoration: underline;
}
.dp-popup a {
  color: #000;
  text-decoration: none;
  padding: 3px 2px 0;
}
.dp-popup .dp-nav-prev {
  position: absolute;
  top: 6px;
  left: 10px;
  width: 100px;
}
.dp-popup .dp-nav-prev a {
  float: left;
  margin: 0 2px 0 0;
}
.dp-popup .dp-nav-prev a,
.dp-popup .dp-nav-next a {
  cursor: pointer;
}
.dp-popup .dp-nav-prev a.disabled,
.dp-popup .dp-nav-next .disabled {
  cursor: default;
}
.dp-popup .dp-nav-next {
  position: absolute;
  top: 6px;
  right: 10px;
  width: 100px;
}
.dp-popup .dp-nav-next a {
  float: right;
  margin: 0 0 0 2px;
}
.dp-popup .disabled {
  cursor: default;
  color: #aaa;
}
.dp-popup td {
  cursor: pointer;
}
.dp-popup .disabled {
  cursor: default;
}
.queue {
  text-align: center;
  padding: 40px;
}
#slides {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.slides_container {
  height: 220px;
  overflow: hidden;
  position: relative;
  display: none;
  z-index: 1;
}
.slides_container a {
  height: 220px;
  display: block;
}
.slides_container a img {
  display: block;
  border: 0;
}
.pagination {
  height: 15px;
  position: relative;
  z-index: 100;
  top: -25px;
  float: right;
  line-height: 0;
  margin: 0 10px 0 0;
  padding: 0;
}
.pagination li {
  width: 15px;
  display: inline-block;
  list-style: none;
  height: 15px;
  overflow: hidden;
  padding: 0;
  margin: 0 10px 0 0;
  line-height: 0;
  font-size: 0;
}
.pagination li a {
  display: block;
  height: 10px;
  padding: 0;
  margin: 0;
  height: 13px;
  width: 13px;
  line-height: 0;
  font-size: 0;
  border: 1px solid #fff;
  overflow: hidden;
}
.pagination li.current a {
  background-color: #fff;
}
.validationerror {
  display: block;
  color: #c00;
  margin-top: 6px;
}
.decordark .validationerror {
  color: #ff5353;
}

.currencies {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.currencies li {
  display: inline;
  padding: 0;
  margin: 0;
  cursor: default;
}

.currencies a,
.currencies strong {
  display: inline-block;
  font-weight: bold;
  padding: 0 5px;
}

.currencies strong {
  border: 1px solid #000;
  border-radius: 3px 3px 3px 3px;
  cursor: default;
}

.site-terms {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}

.decordark .securecheckout,
.decordark .securewebsite,
.decordark .trust li {
  background-image: url('https://whpprivate.eventgenius.co.uk/images/decor-dark.png');
}

.button.repped {
  display: inline-block;
  opacity: 0.5;
  cursor: default;
  background: #666;
}

.desc.repped {
  max-width: 142px;
  display: inline-block;
  margin: 5px 0 0 0;
}

.repssavebtn #intrep {
  margin-left: 20px;
}

#intrepsform {
  padding: 0;
}

.sold_out_mssg {
  border: 1px solid#c00;
  margin: 0 20px 20px;
  padding: 20px 30px 20px;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
  color: #c00;
  background-color: #fff;
}

/* ProdGroup - FB Share tidy */

.fancybox-inner .fb_iframe_widget .fb_iframe_widget_lift {
  display: none !important;
}

.fb-login-button {
  background: url(https://whpprivate.eventgenius.co.uk/images/loading-small.gif) no-repeat 0 50%;
  text-indent: -999em;
}

.fb_iframe_widget {
  text-indent: 0;
  background: transparent;
}

/*	=TEXT DIVIDER
-------------------------------------------------------------------- */

.text-divider {
  position: relative;
  margin: 12px 0;
  text-align: center;
}

.text-divider:before,
.text-divider:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 35%;
  height: 1px;
  margin-top: -1px;
  content: '';
  background: rgba(199, 199, 199, 0.5);
}

.text-divider:after {
  right: 0;
  left: inherit;
}

.text-divider__inner {
  font-size: 16px;
  font-weight: 700;
}

/*BF fees explained*/

.bf-toggle-link,
.df-toggle-link {
  margin-top: 2px !important;
}

.bf-info-container,
.df-info-container,
.ta-id-info {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #e1e1e1;
  text-align: left;
  padding: 20px;
  padding-right: 40px;
  display: none;
  margin-bottom: 14px;
  position: relative;
  margin-top: 10px;
  font-size: 12px;
}

.info-toggle {
  cursor: pointer;
}

.info-container {
  display: none;
  position: relative;
  padding: 24px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #e1e1e1;
}

.info-container__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 12px;
  height: 12px;
  background: transparent url('https://whpprivate.eventgenius.co.uk/images/bf-close.png') no-repeat;
  content: '';
  cursor: pointer;
}

.info-container__heading {
  margin-top: 0;
}

.bf-info-container h4 {
  margin-bottom: 10px;
}

.bf-info-container p,
.df-info-container p,
.ta-id-info p {
  margin: 0 0 20px;
}

.bf-info-row td,
.df-info-row td {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  border-top: none;
}

/* !TA ID info block */

.ta-id-info {
  margin-top: 18px;
}

.ta-id__label {
  margin: 0 0 6px 0;
  line-height: 1.2;
}

/* !Media block */

.media__media {
  float: left;
  margin-right: 12px;
}

.media__body {
  overflow: hidden;
}

/*	=CHECKOUT
-------------------------------------------------------------------- */

.checkout-item {
  padding: 12px 0;
}

.checkout-item--additional {
  border-top: 1px dotted rgba(199, 199, 199, 0.5);
}

.checkout-item--total {
  border-top: 1px solid rgba(199, 199, 199, 0.5);
}

.checkout-item__description,
.checkout-item__title {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}

.checkout-item__title h4 {
  font-weight: 500;
}

.checkout-item--pp .checkout-item__description,
.checkout-item--pp .checkout-item__title {
  width: 66.666%;
}

.checkout-item__value {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  text-align: right;
}

.checkout-item--pp .checkout-item__value {
  width: 33.333%;
}

.checkout-item__sub-info {
  margin: 0;
}

/* When placed in a side column */

.checkoutsidecol .checkout-item {
  padding: 10px 0;
}

.checkoutsidecol .checkout-item__sub-info {
  font-size: 13px;
}

.checkoutsidecol .checkout-item__title {
  width: 100%;
}

.checkoutsidecol .checkout-item__title h4 {
  font-size: 14px;
}

.checkoutsidecol .checkout-item__title + .checkout-item__value {
  width: 100%;
}

.checkoutsidecol .checkout-item__sub-info {
  margin-top: 6px;
}

@media only screen and (max-width: 568px) {
  .checkout-item--pp .checkout-item__title,
  .checkout-item__title {
    width: 100%;
  }
  .checkout-item__title + .checkout-item__value {
    width: 100%;
  }
}

.total-label,
.total-value {
  font-size: 14px;
  font-weight: 500;
}

/* When placed in a side column */

.checkoutsidecol .total-label,
.checkoutsidecol .total-value {
  font-size: 13px;
}

.total-value__sub {
  display: block;
  margin-top: 3px;
}

.split {
  border-top: 1px solid rgba(199, 199, 199, 0.5);
  padding: 15px 0;
  width: 100%;
}

.checkoutsidecol .split {
  padding: 12px 0;
}

.pp-total-today {
  padding-bottom: 0 !important;
  border-bottom: 0;
}

.ticketsfooter td {
  border-bottom: none;
  vertical-align: top;
}

.ticketsfooter .cardicons {
  min-width: 155px;
}

.bf-close,
.df-close,
.ta-id-close {
  position: absolute;
  right: 10px;
  background: transparent url('https://whpprivate.eventgenius.co.uk/images/bf-close.png') no-repeat;
  width: 15px;
  height: 15px;
}

.bf-parent-row td {
  border: none;
  padding-bottom: 0;
}

.bf-close-bottom {
  display: none;
}

.checkoutsidecol {
  clear: right;
}

.bf-extra-pad {
  margin-top: 5px !important;
}

#tickets .ticketrow select {
  max-width: 250px;
}

.box.passedevent {
  background: #ffffcc;
  border: 0;
  padding: 20px;
  text-align: center;
}

.box.passedevent h3 {
  margin: 0 0 5px;
  color: #000;
}

.box.passedevent a {
  color: #000;
}

.guest h3 {
  margin: 0 0 10px;
}

.guest .field {
  margin: 0 0 10px;
}

.guest .txt {
  margin: 0 0 10px;
}

#eventLogo {
  margin: 0 0 10px;
  max-width: 100%;
}

.viewonticketarena {
  float: right;
}

@media screen and (max-width: 660px) {
  .viewonticketarena {
    display: block;
    float: none;
  }
}

.button.login-fb {
  display: inline-block;
  text-transform: none;
  color: #fff;
  background: #3b5998 url('https://whpprivate.eventgenius.co.uk/images/fb.png') 5px center no-repeat;
  padding: 8px 8px 8px 35px;
  border: none;
}

.button.login-fb:hover {
  background-color: #516fc3;
}

/*	=ACCOUNT
-------------------------------------------------------------------- */

.account__username {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: inherit;
}

.account__header-links {
  text-transform: uppercase;
  text-align: right;
  font-weight: 700;
  color: #000;
}

/*	=PAYMENT PLAN
-------------------------------------------------------------------- */

.icon-paymentplan {
  background: url('https://whpprivate.eventgenius.co.uk/images/icon-paymentplan.svg') center center no-repeat;
  width: 23px;
  height: 25px;
  margin-right: 12px;
  margin-top: 4px;
}

.icon-paymentplan-color {
  background: url('https://whpprivate.eventgenius.co.uk/images/icon-paymentplan-color.svg') center center no-repeat;
  width: 23px;
  height: 25px;
  margin-right: 0.6em;
}

.icon--header.icon-paymentplan-color {
  width: 18px;
  height: 18px;
  position: relative;
  top: -2px;
  background-size: contain;
}

.message-panel__header h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.message-panel__intro {
  font-weight: 500;
  font-size: 13px;
}

/*	=PANEL SWITCHER
-------------------------------------------------------------------- */

.panel-switcher {
  color: #292929;
  background: #f0f2f3;
  border-bottom: 1px solid #e5e7e8;
}

.decordark .panel-switcher {
  background: #525354;
  border-color: #727375;
}

.panel-switcher__header {
  margin: 0;
  padding: 18px 0 18px 24px;
  font-size: 16px;
}

.decordark .panel-switcher__header {
  color: #fff;
}

.panel-switcher__tabs {
  display: inline-table;
}

.panel-switcher__tab {
  position: relative;
  display: table-cell;
  padding: 18px 24px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #292929;
  border-width: 0 0 0 1px;
  border-left-style: solid;
  border-color: rgba(0, 0, 0, 0);
  border-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 35%,
      rgba(219, 221, 222, 1) 30%,
      rgba(219, 221, 222, 1) 65%,
      rgba(0, 0, 0, 0) 65%
    )
    1 100%;
  transition: color ease 0.2s;
  opacity: 0.7;
}

.panel-switcher__tab:first-child {
  border: 0;
}

.panel-switcher__tab:hover {
  text-decoration: none;
  color: inherit;
  opacity: 0.9;
}

.panel-switcher__tab--active,
.panel-switcher__tab--active:hover,
.panel-switcher__tab--active:focus {
  opacity: 1;
  color: #292929;
}

.decordark .panel-switcher__tab--active,
.decordark .panel-switcher__tab--active:hover,
.decordark .panel-switcher__tab--active:focus {
  color: #d4d4d4;
}

.panel-switcher__tab--active:after {
  position: absolute;
  bottom: -11px;
  left: 50%;
  width: 18px;
  height: 18px;
  content: '';
  background: #fff;
  border: solid #e5e7e8;
  margin-left: -9px;
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.decordark .panel-switcher__tab--active:after {
  background: #000;
  border-color: #727375;
}

.schedule__item {
  border-bottom: 1px solid rgba(199, 199, 199, 0.5);
}

.schedule__item:last-child {
  border: 0;
}

.schedule__date {
  padding: 7px 7px 7px 0;
}

.schedule__info {
  font-size: 12px;
  font-style: italic;
  color: #6d7579;
}

.schedule__amount {
  text-align: right;
  padding: 7px;
}

.schedule__status {
  text-align: right;
  padding: 7px;
}

.icon-tick {
  background: url('/images/icon-tick.svg') center center no-repeat !important;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-top: -2px;
}

.icon-cross {
  background: url('/images/icon-cross.svg') center center no-repeat !important;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-top: -2px;
}

.panel {
  padding: 20px;
  border-width: 1px;
  border-style: solid;
  /* Border color set by theme */
}

/*	=FORM ACTIONS
-------------------------------------------------------------------- */

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

.form-actions__primary .button {
  width: 100%;
}

/* Mobile CSS */

@media only screen and (max-width: 568px) {
  /*	=HELPERS (MOBILE)
    --------------------------------------------------------------------*/
  .is-hidden--palm {
    display: none !important;
  }
  /*	=ACCOUNT (MOBILE)
    --------------------------------------------------------------------*/

  .account__username {
    float: right;
    margin-bottom: 6px;
  }

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

  /*	=MESSAGE PANEL (MOBILE)

-------------------------------------------------------------------- */
  .message-panel {
    padding: 16px 12px;
  }
  .message-panel__header {
    padding: 0 0 12px 0;
    text-align: center;
  }
  .message-panel__heading {
    font-size: 16px;
  }

  .message-panel__body {
    padding: 12px 0 0 0;
    text-align: center;
    border-width: 1px 0 0 0;
  }

  /*	=PANEL SWITCHER (MOBILE)
    --------------------------------------------------------------------*/

  .panel-switcher__header {
    padding: 18px 0 0 0;
    text-align: center;
  }

  .panel-switcher__tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .panel-switcher__tab--active:after {
    bottom: -10px;
  }
  /*	=TOPIC (MOBILE)

-------------------------------------------------------------------- */
  .topic-item__actions {
    padding-top: 10px;
    text-align: left;
  }

  /*	=EVENT HEADER (MOBILE)
    --------------------------------------------------------------------*/

  .pagetitle {
    margin-bottom: 10px;
  }

  .eventheader dd {
    float: none;
    width: auto;
  }
  /*	=TICKETS LISTING BLOCK (MOBILE)

-------------------------------------------------------------------- */
  #tickets {
    padding: 0;
  }

  .tickets__header {
    padding: 12px;
  }

  .tickets__body {
    padding: 12px;
  }

  .tickets__footer {
    margin: 12px -12px 0;
    padding: 0 12px 12px;
    background: transparent;
    border: solid rgba(169, 169, 169, 0.4);
    border-width: 1px 0 0;
  }

  .tickets__footer .text-divider:before,
  .tickets__footer .text-divider:after {
    background: solid rgba(169, 169, 169, 0.4);
  }

  .tickets__vat {
    margin: 0;
    padding: 24px 0;
    border: 0;
    text-align: center;
  }

  /**
     * 1. Overlay the survey bottom border to remove double borders
     */
  #js-survey + .tickets__footer {
    margin-top: -1px;
    /* [1] */
  }
  .decordark .tickets__footer {
    background: #000;
  }
  .event-logos {
    width: auto;
    margin: 0 -12px;
    padding-top: 24px;
    border-top: 0;
  }
  .event-logos:after {
    display: none;
  }
  .tickets__group {
    padding: 0 12px 12px;
    margin: 0 -12px;
  }
  .tickets__group:last-child {
    border: 0;
  }
  .tickets__group + .tickets__group {
    padding-top: 12px;
  }
  .tickets__group-header {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .tickets__pricing {
    width: 100%;
    padding: 24px 0 16px 0;
    text-align: center;
  }
  .ticket__pricing + .ticket__unavailable {
    width: auto;
  }
  .ticket__price {
    display: inline-block;
  }
  .ticket__price-sub {
    display: block;
  }
  .tickets__cta {
    width: 100%;
  }
  .tickets__subtotal {
    font-size: 22px;
  }
  /*	=TICKET (MOBILE)
         Single ticket item styles
    -------------------------------------------------------------------- */

  .ticket--pricetypes {
    padding: 12px;
  }

  .ticket__detail {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .ticket__type {
    display: block;
    width: auto;
    margin-bottom: 6px;
  }
  .ticket__type-detail {
    display: -webkit-flex;
    display: flex;
    width: initial;
  }
  .ticket__description {
    margin-bottom: 12px;
  }
  .ticket__name {
    margin-bottom: 0;
    font-size: 16px;
  }
  .ticket__pricing {
    flex: 1;
    margin-bottom: 3px;
    text-align: left;
  }
  .ticket__price {
    display: inline-block;
  }
  .ticket__qty {
    width: inherit;
    display: table-cell;
  }
  .ticket__status--early {
    text-align: left !important;
  }
  .price-sub-label {
    display: inline-block;
  }
  .price-sub-label--instalments {
    display: block;
  }
  .tickets__incentives {
    border-width: 1px;
    border-radius: 3px;
    padding: 6px 0;
  }
  .incentives__panel {
    padding: 12px;
  }
  .tickets__incentives-actions {
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  .incentive {
    margin: 0 0 6px 0;
  }
  .tickets__incentives-actions .incentive {
    width: 100%;
  }
  .incentive:last-child {
    margin-bottom: 0;
  }
  .pre-header {
    padding: 0 0 10px 0;
    text-align: center !important;
  }
  .pre-header__back {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
  }
  .locale-selector {
    display: block;
  }
  .locale-selector__item:last-child {
    padding: 6px 16px;
  }
  .event-terms {
    text-align: center;
  }
  .forminfo {
    margin-left: 0;
  }
  .box .header {
    margin-bottom: 10px;
  }
  /*	=FORMS
    -------------------------------------------------------------------- */
  .field .lbl,
  .field .txt {
    width: 100%;
  }
  .field .data .txt.thin {
    min-width: 63px;
  }
  .form-actions__primary {
    margin-bottom: 15px;
    text-align: center;
  }
  .form-actions__secondary {
    text-align: center;
  }
  #paymentform .forminfo {
    margin: 0;
  }

  /*	=BOX
    -------------------------------------------------------------------- */
  .box__header,
  .box .header {
    margin: -12px -12px 10px;
    padding: 14px 12px;
  }
  .box {
    padding: 12px;
  }
  .box__actions {
    margin-top: 12px;
    text-align: left;
  }
  .button--view-order {
    margin-left: 0;
    margin-bottom: 12px;
  }
  .button--update-card {
    margin-right: 12px;
  }
}

/* !Retina Assets */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .icon,
  .header-nav .submenu-menu li,
  .header-nav .submenu-menu li:hover a,
  .filter-menu li.active a,
  .disc-twitter,
  .disc-facebook,
  .disc-instagram,
  .disc-tumblr,
  .disc-googleplus,
  .ui-tabs-nav .ui-tabs-selected a,
  .ui-tabs-nav .ui-tabs-selected a:hover {
  }
  .cardicon,
  .txtdate,
  .incentive.facebook .icon,
  .incentive.like .icon,
  .incentive.twitter .icon,
  .icon-chevron-down,
  .icon-chevron-up,
  .icon-flag {
    background-image: url('https://whpprivate.eventgenius.co.uk/images/decor@2x.png');
    background-size: 800px;
  }
  .pages .first,
  .pages .previous,
  .pages .last,
  .pages .next,
  .pages .first:hover,
  .pages .previous:hover,
  .pages .last:hover,
  .pages .next:hover {
    background-image: url('https://whpprivate.eventgenius.co.uk/images/pages-arrows@2x.png');
    background-size: 12px;
  }
  .rotatebtn span,
  .scrollercontainer.enabled .rotatebtn span {
    background-image: url('https://whpprivate.eventgenius.co.uk/images/arrows-sprite@2x.png');
    background-size: 150px;
  }
  .footer-col .cardtypes .card {
    background-image: url('https://whpprivate.eventgenius.co.uk/images/cards@2x.png');
    background-size: 147px;
  }
  .box-fade {
  }
}

.error {
  border: 1px solid #c00;
}

.error-message {
  margin-left: 1em;
  color: #c00;
  font-style: italic;
}

.pp-checkout-statement {
  margin: 12px -12px 0;
  padding: 0 12px 0;
  background: #f0f5f5;
  border-top: 1px solid #e0eaea;
}

/*	=EVENT INFO
-------------------------------------------------------------------- */

.eventinfocontent img {
  max-width: 100%;
  height: auto;
}

/*	=SLIDER
-------------------------------------------------------------------- */

.slides_container,
.slides_control,
.slides_container a,
.slides_container a img {
  height: auto !important;
  max-width: 100%;
  width: 100% !important;
}

/* !Layout */

.site-container {
  width: 980px;
  margin: 0 auto;
}

.maincol {
  width: 730px;
  float: left;
}

.sidecol {
  width: 230px;
  float: right;
}

.box .maincol {
  width: 690px;
}

.box .sidecol {
  width: 230px;
}

.box-fade .maincol {
  width: 720px;
}

.box-fade .sidecol {
  width: 200px;
}

.twocol {
  width: 480px;
}

.onecol {
  width: 230px;
}

.box.padright {
  margin-right: 20px;
}

.half {
  width: 480px;
}

.wide {
  width: 620px;
}

.thin {
  width: 340px;
}

/*	=TICKET GRID
-------------------------------------------------------------------- */

.ticket-grid {
  width: 100%;
}

.ticket-grid__slot td {
  padding: 8px;
  border-bottom: 1px solid #2e2e2e;
}

.ticket-grid__heading h3 {
  margin-bottom: 0;
  color: inherit;
}

.ticket-grid__section-heading {
  margin: 0;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: inherit;
}

.ticket-grid__section {
  width: 20%;
  text-align: center;
}

.ticket-grid__section--selected {
  position: relative;
  border-bottom-color: transparent !important;
}

.ticket-grid__section--selected:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 9px solid;
  border-left: 10px solid transparent;
}

.button--ticket-section,
.ticket--unavailable {
  width: 100%;
  padding: 6px;
}

.button--find-seating {
  width: 100%;
}

.button--ticket-section--selected,
.button--ticket-section--selected:hover,
.button--ticket-section--selected:focus,
.button--ticket-section--selected:active {
  background: transparent;
  border: 0;
}

.ticket--unavailable {
  display: block;
  color: rgba(190, 190, 190, 0.75);
  border: 1px solid rgba(125, 125, 125, 0.75);
}

@media screen and (min-width: 568px) {
  .ticket--seating {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .ticket__overview {
    margin: 0 48px 0 0;
  }

  /**
   * 1. Match the width of the qty steppers
   */
  .button--find-seating {
    width: 111px; /* [1] */
    margin-left: 24px;
  }
}

.ticket-slot {
  margin-top: -2px;
  padding: 12px;
}

.ticket-grid__slot-heading {
  font-size: 13px;
  margin: 0;
}

.heading-wrapper {
  position: relative;
}

.heading-wrapper:after {
  position: absolute;
  top: 50%;
  right: 8px;
  left: 8px;
  height: 50%;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: rgba(125, 125, 125, 0.75);
  content: '';
}

.heading-wrapper__heading {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 568px) {
  .ticket-grid__slot td {
    padding: 6px 3px;
  }
  .ticket-grid__section {
    width: 25%;
  }
  .ticket-grid__section--selected:after {
    border-bottom-width: 8px;
  }
}

/*	=ADDRESS LIST
-------------------------------------------------------------------- */

.address-list__item {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
}

.address-list__item:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 740px) {
  .address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.address__actions {
  margin-top: 12px;
}

@media screen and (min-width: 740px) {
  .address__actions {
    margin: 0;
  }
}

.address__contact-label {
  width: 70px;
}

/*	=INLINE ITEMS
-------------------------------------------------------------------- */

/* .inline-items {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

  .inline-items__item + .inline-items__item  {
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid #ddd;
  } */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background-repeat: repeat;
  background-position: 50% 0;
  text-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
}

.checkout #top {
  max-width: 840px;
}

#top {
  max-width: 840px;
  margin: 30px auto;
}

#iframe #top {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
#header {
  margin: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-clip: padding-box;
}
#logo {
  background: transparent;
  padding: 0;
  margin: 0;
  background-clip: padding-box;
  overflow: hidden;
}
#logo img {
  display: block;
  max-width: 100%;
}
#logo strong {
  display: block;
  margin: 15px 15px 0;
  font-size: 24px;
}
.mainimage {
  float: left;
  margin: 0 20px 0 0;
}
.half {
  width: 50%;
}
.wide {
  width: 69%;
}
.thin {
  width: 29%;
}
.goleft.half {
  width: 49%;
}
.goright.half {
  width: 49%;
}
.useraccount .goleft.half,
.useraccount .goright.half {
  min-height: 340px;
}
.half .lbl {
  width: 120px;
}
.half .data {
  margin-left: 120px;
}
.half .forminfo {
  margin-left: 130px;
}
.half .txt {
  width: 90%;
}
.box.nopad {
  padding: 0;
}
.box.nopad .header {
  margin: 0;
}
.eventmap {
  display: block;
  margin: 0;
}

.txt-width {
  width: 240px; /* Match the txt input width */
}

.checkout .col.goleft {
  width: 520px;
}
.topicthumb.first {
  border-top: 0;
  padding-top: 5px;
}
.topicthumb {
  border-top: 1px solid #ccc;
  border-bottom: 0;
  width: 100%;
  padding: 15px 0 0 5px;
  margin: 0 0 15px;
}
.topicthumb .eventimgwrap {
  display: inline-block;
  float: left;
  width: 68px;
  text-align: center;
}
.topicthumb .eventimgwrap img {
  max-width: 68px;
}
.topicthumb .goleft {
  width: 73%;
}
.topicthumb .goleft h3 {
  font-size: 14px;
}
.topicthumb .goleft p {
  margin: 0;
}
.topicthumb .goleft strong {
  display: inline-block;
  width: 80px;
  margin: 0 0 5px;
}
.topicthumb .goleft span {
  display: inline-block;
  width: 260px;
  margin: 0 0 5px;
}
.topicthumb .goright {
  width: 27%;
  padding: 23px 10px 0 0;
  text-align: right;
}
.topicthumb .goright a {
  vertical-align: middle;
  margin-left: 5px;
}
.topicthumb.thumb .goleft img {
  float: none;
  margin: 0;
}
.topicthumb.thumb .goleft h3 {
  margin-left: 80px;
}
.topicthumb.thumb .goleft p {
  margin-left: 80px;
}
.eventheader.thumb {
  float: left;
  max-width: 590px;
}
.eventmap {
  color: #333;
}
#eventmap {
  padding: 0;
  overflow: hidden;
}
#eventmap .header {
  margin: 0;
}
.photo img {
  visibility: hidden;
}
.checkoutfooter,
.checkout .checkoutfooter {
  margin-bottom: 0;
  color: inherit;
  border: 0;
  background: transparent;
}
.timeleft,
#countdown,
#countdown.highlight {
  color: inherit;
}
#trail li,
#trail li.current,
#trail li strong {
  color: inherit;
}
.slides_container {
  width: 100%;
  height: 300px;
}
.slides_container a {
  height: 300px;
}
.slides_container a img {
  max-width: 100%;
}
.pagination {
  top: -27px;
  margin: 0 2px 0 0;
}
.pagination li {
  height: 16px;
  margin: 0 8px 0 0;
}
.pagination li a {
  height: 15px;
  width: 15px;
  border: 3px solid #fff;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  background-clip: padding-box;
}
.pagination li.current a {
  border: 3px solid #fff;
  background: #fff;
}
#basket-table.tickets .total td {
  background-color: inherit;
}
.field .lbl {
  color: inherit;
}
.thin {
  color: inherit;
}
span.subtle,
.order p,
.event p {
  color: inherit;
  opacity: 0.6;
}
.checkout .col.goleft {
  width: 70%;
}
.checkout .col.goright.thin {
  width: 30%;
  padding-left: 20px;
}
.col.thin .box {
  width: 100%;
}
.thin.ordersummarybox {
  padding: 0;
}
.thin.ordersummarybox .header {
  margin: 0 0 10px;
}
.ordersummary {
  width: 100%;
  margin: 0 0 10px;
}
#cvn .subtle {
  color: #666;
  opacity: 1;
}
.col.thin {
  width: 22%;
}
.avatar {
  width: 100%;
}
.col.middle {
  width: 54%;
  padding: 0 10px;
}
.col.middle .lbl {
  width: 35%;
}
.col.middle .data {
  margin-left: 35%;
}
.col.middle .forminfo {
  margin-left: 35%;
  padding-left: 6px;
}
.ticketrow td:first-child {
  max-width: 400px;
}

/*REPS*/

.button.repped {
  border: 1px solid #888;
}
.button.repped:hover {
  opacity: 0.5;
  cursor: default;
  background: #666;
  border: 1px solid #888;
}

.repevent {
  margin: 10px 5px 10px 0;
}

.txtdecor {
  text-decoration: none !important;
}
.repmargt {
  margin-top: 20px;
}
.repbox {
  background: #fff;
  padding: 20px;
  padding-bottom: 15px;
  border-radius: 4px;
  overflow: hidden;
}
.title {
  font-size: 13px;
  text-transform: uppercase;
}
/*.repstr {background: #FFF;}*/
.repstd {
  border-bottom: 1px solid #dbdbdb;
}
.repstbl {
  border: 1px solid #dbdbdb;
}
.repsth {
  padding: 10px;
}
.repslcont {
  width: 550px !important;
}
.repslcont .box {
  margin: 0;
}
.repsrcont .box {
  margin: 0;
}
.r {
  text-align: right;
}
.repsimg {
  width: 80px;
}
.c {
  text-align: center;
}
.repsflr {
  float: right;
}
.repsfll {
  float: left;
}
.repsvertt {
  vertical-align: top;
}
.rep-header-block {
  font-size: 12px;
  text-transform: uppercase;
}
.repnamehead {
  padding-top: 5px;
}
.repurlhead {
  font-weight: normal;
  font-size: 12px;
  text-transform: none;
  color: #666;
}
.repcenttbl {
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.repsbtmbd {
  border-bottom: 1px solid #dbdbdb;
}
.repctrtd {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 11px;
}
.repctrtd strong {
  font-size: 16px;
}
.repseventstd {
  line-height: 1.5;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.repseventstd .imgwrap {
  padding-right: 10px;
  float: left;
}
.repseventtitle {
  font-weight: bold;
  padding-bottom: 5px;
}
.repseventpadl {
}
.repsapprove {
  color: #87c244;
}
.repsact {
  border-left: 1px dashed #dbdbdb;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  width: 160px;
}
.repsul {
  font-size: 11px;
  padding-top: 5px;
  margin-left: 15px;
}
.repstblborder {
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.repsclickstd {
  padding-top: 20px;
  font-size: 11px;
}
.repsclst {
  font-size: 16px;
}
.repsalertmssg {
  padding: 10px 0 20px 20px;
}
.morereps {
  padding-top: 15px;
  padding-bottom: 0px;
}
.repsacctot {
  padding-top: 15px;
  padding-left: 10px;
}
.repsaccava {
  padding-left: 10px;
}
.repswdtbl {
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: 1px dashed #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.repsbankt {
  padding-left: 11px;
  padding-top: 15px;
}
.repsbankb {
  padding-left: 11px;
  padding-bottom: 15px;
}
.repswdbtn {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.repswdtd {
  padding-top: 25px;
}
/*.repsprofedit {padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;}*/
.repsprofview {
  margin-right: 5px;
  margin-left: 10px;
}
.repsprofmssg {
  padding: 15px;
}
.repsinfol {
  width: 220px;
}
.repsinfor {
  width: 345px;
}
.repsinfodivide {
  width: 100%;
  border-bottom: 1px dotted #bdbdbd;
}
.repsinfohead {
  margin-bottom: 0 !important;
}
.repsinfobtn {
  font-size: 18px;
}
.repsinfool {
  margin-left: -25px;
  line-height: 1.4;
  padding-right: 25px;
}
.repsinfosubhead {
  margin-bottom: 5px;
}
.repsinfoimg {
  width: 100% !important;
}
.small {
  padding: 2px 8px;
}
/*.repstxtb {color: #000;}*/
.repsavailcol {
  width: 200px;
  padding-right: 10px;
}
.repstxtbox {
  width: 280px;
}
.repsprofform {
  line-height: 2;
  padding-bottom: 10px;
}
.repssavebtn {
  margin-left: 150px !important;
}
.repsoff {
  opacity: 0.4;
  cursor: default;
}
.repsrequired {
  color: #cc0000;
}
.repsevntimg {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}
.repssvnttitle {
  vertical-align: top;
  padding-top: 20px;
}
.repsevntdate {
  line-height: 2.3;
}
.repsevntdate strong,
.repsevntven strong {
  float: left;
  width: 100px;
}
.repsbox {
  width: 520px;
  padding-left: 10px;
}
.repstablelbl {
  float: left;
  width: 150px;
  padding-top: 3px;
}
.repstxtarea {
  min-height: 100px;
}
.repspromoban {
  padding-top: 30px;
}
.repsbankadrs {
  margin-top: 15px;
}
.repsoutuk {
  padding-top: 15px;
  margin-bottom: 5px;
}
.repspaytbl {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
}
.repspayth {
  font-size: 11px;
  border-bottom: 1px solid #dbdbdb;
  line-height: 2;
}
.repspaytd {
  font-size: 15px;
  border-bottom: 1px solid #dbdbdb;
  line-height: 2;
}
.repsnoacctxt {
  color: #cc0000;
  padding: 10px;
}
.repsnoaccbtn {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
}
#repseditinfo {
  float: right;
  width: 150px;
  padding: 5px;
  border: 1px solid #bbb;
  background: #dbdbdb;
  color: red;
}
.repsbtnfont {
  color: #fff !important;
}
.avatar {
  margin-right: 20px;
}
.repsftsize {
  font-size: 14px;
}
.repssubnav {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  text-transform: none;
  margin-top: -41px;
}
.repssubnav li {
  display: inline;
}
.repssubnav li a {
  padding: 5px 10px 7px;
  margin: 0 3px 0 0;
  float: left;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  font-weight: normal;
  color: #000;
}
.repssubnav li.active a {
  background-color: #fff;
  font-weight: bold;
}
.repssubnav .subnavright {
  float: right;
  margin-right: 15px;
  margin-bottom: 0;
}
.repssubnav .subnavright form {
  padding: 5px 0 0;
}
.repssubnav .subnavright label {
  padding-right: 5px;
}
.repssubnav li a.small {
  margin-top: 2px;
}
.repssubnav .inactive a {
  opacity: 0.4 !important;
}
.repssubborder {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.repstable {
  margin-left: -20px;
  border-bottom: 1px solid #dbdbdb;
}
.repstbltop {
  width: 100% !important;
  border-top: 1px dashed #dbdbdb;
}
/*.repsthinbox {width:200px;}*/
.repshead {
  line-height: 1.5 !important;
  width: 100%;
  position: relative;
}
.repspadbot {
  padding-bottom: 15px !important;
}
.repspromolink {
  width: 515px !important;
}
.repsmaxwidth {
  max-width: 250px;
}
.repsurldivide {
  padding-bottom: 25px;
  border-bottom: 1px dotted #ddd;
}
.repsapprovep {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ddd;
}
.repsctrdivide {
  border-bottom: 1px dashed #dbdbdb;
}
.repslcont {
  width: 70%;
}
.repsrcont {
  width: 23%;
}
.repshead .avatar {
}
.padtop {
  margin-top: 10px;
}

.repssubnav li a {
  background-color: #dbdbdb;
  border-color: #dbdbdb;
}
.repssubnav li a:hover {
  background: #dbdbdb;
  text-decoration: underline;
}
.repssubnav li.active a {
  background-color: #fff;
  cursor: default;
  text-decoration: none;
}

.usertools {
  padding: 10px 20px 10px 10px;
  font-weight: bold;
  line-height: 30px;
  font-size: 14px;
}

.avatarwrap {
  float: left;
  text-align: center;
  width: 50px;
  height: 50px;
}

.avatarwrap img {
  max-width: 40px;
  max-height: 40px;
}

.error-msg {
  float: left;
  margin: 10px 10px 0 0;
  padding: 5px 12px 5px 5px;
  color: #cc0000;
}
.error-msg strong {
  color: #020a14;
}
.error-msg .icon.info {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: url("https://whpprivate.eventgenius.co.uk/images/icon-info.png") no-repeat 0 0;
  vertical-align: middle;
  display: inline-block;
  text-indent: -9999px;
  white-space: pre;
  overflow: hidden;
}

#colourpicker {
  position: absolute;
  left: 312px !important;
  z-index: 999;
  padding: 10px 15px 15px;
  background: #ffffff;
  background: linear-gradient(from top, #ffffff 0, #f4f4f4 3px, #f4f4f4 100%);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-clip: padding-box;
}
#colourpicker strong {
  color: #333;
  display: block;
  margin: 0 0 5px;
}
.colourfield {
  width: 100px !important;
  background-image: url("/images/colourpicklogo.png");
  background-repeat: no-repeat;
  background-position: 75px;
}
.selectedcolour {
  display: inline-block;
  background-color: white;
  height: 33px;
  width: 33px;
  vertical-align: top;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-clip: padding-box;
  margin-right: 5px;
}
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic,
.farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color,
.farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url("https://whpprivate.eventgenius.co.uk/images/wheel.png") no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url("https://whpprivate.eventgenius.co.uk/images/mask.png") no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  background: url("https://whpprivate.eventgenius.co.uk/images/marker.png") no-repeat;
}

/*.icon { background: url('https://whpprivate.eventgenius.co.uk/images/ta-sprite.png') no-repeat 0 0; vertical-align: middle; display: inline-block; text-indent: -9999px; white-space: pre; overflow: hidden; }*/
.fb {
  background: #3562a5;
}
.fb:hover {
  background: #255295;
}
.tw {
  background: #00acee;
}
.tw:hover {
  background: #009cde;
}
.fb .icon-facebook {
  background-position: -3px -62px;
}
.tw .icon-twitter {
  background-position: -43px -62px;
}
.icon-share {
  background-color: red;
  background-position: -43px -62px;
}
.sharing a {
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px 4px 7px;
  border-radius: 3px;
}
.sharing .icon {
  position: relative;
  top: -1px;
  margin-right: 2px;
}
.sharing a:hover {
  color: #fff;
  text-decoration: none;
}
.twitter-timeline {
  display: block;
}

.sold_out_mssg {
  border: 1px solid#c00;
  margin: 0 20px 20px;
  padding: 20px 30px 20px;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
  color: #c00;
  background-color: #fff;
}

/* Street Teams */

.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}

.work-for-us .column {
  width: 470px;
  padding: 0 0 0 30px;
  float: left;
}
.work-for-us .column:nth-child(2) {
  padding: 0 30px 0 0;
  border-right: 1px solid #ddd;
}
.work-for-us .column h3 {
  font-size: 20px;
}

.work-for-us table td {
  width: 100%;
  padding: 10px;
}
.work-for-us table td.contact-details .company {
  font-size: 18px;
}
.work-for-us table td .commission-rate {
  min-width: 150px;
  line-height: 20px;
  text-align: center;
}
.work-for-us table td form {
  min-width: 200px;
  text-align: center;
}
.work-for-us table td.request .button {
  text-transform: uppercase;
}
.work-for-us table td.request .button.disabled {
  display: inline-block;
  opacity: 0.5;
  cursor: default;
  background: #666;
}
.work-for-us table td.request .already-applied {
  display: inline-block;
  margin: 2px 0 0 0;
}
.work-for-us table td.request .already-applied span {
  text-transform: uppercase;
}

.stt-edit-account form {
  margin: -10px 0 0 0;
}
.streetteam-form .row {
  margin: 10px 20px 10px 0;
  float: left;
}
.stt-edit-account form .row:nth-child(2) {
  margin: 0;
}

.streetteam-form .temporary-title,
.streetteam-form .permanent-title {
  width: 100%;
  float: left;
  clear: both;
}
.streetteam-form .temporary-title h4,
.streetteam-form .permanent-title h4 {
  margin: 10px 0 5px;
}
.streetteam-form .row label {
  width: 130px;
  float: left;
  margin: 4px 0 0;
  line-height: 26px;
  vertical-align: middle;
  font-weight: bold;
}
.streetteam-form .row.required label:after {
  content: " *";
  color: #cc0000;
}
.streetteam-form .row select {
  margin-right: 5px;
  max-width: 230px;
}
.streetteam-form .row select,
.streetteam-form .row input[type="text"] {
  width: 230px;
  /* width:240px; min-height:32px; font:12px 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#444; padding:6px 8px; border:1px solid #bbb; background:#f8f8f8; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,.1) inset; */
}
.streetteam-form .row input[type="radio"] {
  margin: 8px 6px 0 0;
  float: left;
}
.streetteam-form .row .option {
  min-height: 30px;
  float: left;
  margin: 0;
  padding: 2px 25px 4px 0;
  line-height: 30px;
}

.streetteam-form .row_type {
  width: 100%;
}
.streetteam-form .row_type label {
  display: none;
}
.streetteam-form .row_type .option {
  float: left;
  font-weight: bold;
  font-size: 14px;
}

.streetteam-form .toggle {
  float: left;
  clear: both;
  margin: 20px 0 0;
}
.streetteam-form h4 {
  margin: 0 0 15px;
}
.streetteam-form h4.email-note {
  max-width: 240px;
  margin: 5px 0 0px;
  margin-left: 170px;
  font-weight: normal;
  font-style: italic;
  font-size: 12px;
  color: #666;
}

.streetteam-form .controls {
  width: 800px;
  float: left;
  clear: both;
  margin: 20px 0;
}

.streetteam-form p {
  max-width: 730px;
  float: left;
  clear: both;
  margin: -45px 0 0 100px;
}

/* Account Edit */

#useraccount-form {
  max-width: 48%;
  float: left;
}
#useraccount-form .forminfo {
  float: left;
  clear: both;
  margin: 10px;
}

#useraccount-form label {
  max-width: 120px;
}
#useraccount-form .data {
  margin-left: 120px;
}

.stt-edit-account {
  max-width: 50%;
  float: right;
  margin: -10px 0;
  border-left: 1px solid #dbdbdb;
  padding: 10px 0 0 20px;
}

.fancybox-wrap {
  overflow: visible !important;
}

@media only screen and (max-width: 500px) {
  #tickets .ticketrow select {
    max-width: 150px;
  }
  .coachticketSelectionContainerSelect {
    text-align: right;
  }
}

@media only screen and (max-width: 660px) {

    .boxoffice .checkoutheadercontainer { min-width: 100%; }
    #top,
    .checkout #top {
        width:auto;
        margin: 0;
        padding: 12px;
    }
    #page { margin: 0; }

    /* Event Listings Page */
    .topicthumb { margin: 0; padding: 15px 0 10px; }
    .topicthumb:last-child { padding-bottom: 0;	}
    .topicthumb .goleft { float: none; width: 100%; }
    .topicthumb .goleft span, .topicthumb .goleft strong { width: auto; display: inline; }
    .topicthumb .goright { clear: both; float: none; width: 100%; text-align: left; }
    .topicthumb .goright .button { float: right; position: relative; top: -3px; }

    /* Event Page */
    .enlarge { margin-bottom: 10px; }
    /*dt { display: inline; float: none; clear: both; width: auto; margin: 0 5px 0 0; }
    dd { display: inline; float: none; width: auto; }*/

    table.tickets { width: 100%; }
    .tickets tr.ticketheaderrow th.prespace,.tickets td.detail.prespace { display: none; }
    .tickets .prespace { white-space: normal; }
    .ticketsfooter { position: relative; height: 160px; }
    .ticketsfooter td.detail { position: absolute; width: 50%; }
    .ticketsfooter td.total { position: absolute; width: 50%; right: 0; }
    .ticketsfooter td.cardicons { position: absolute; margin-top: 52px; width: 100%; border: 0; }
    .ticketsfooter td .cardicon { position: relative; top: -7px; }
    .ticketsfooter td.addtobasket { position: absolute; width: 100%; margin-top: 100px; padding-top: 10px; }
    .ticketsfooter input.addtobasket { width: 100%; padding: 10px; }
    .bf-info-row .currencies { display: block!important; margin: 0 0 10px; text-align: center; }

    select#busticketTravelSelection, select#travelSelection { width: 100%; }
    select#busticketTravelSelection { margin-bottom: 10px; }
    select#travelSelection { font-size: 14px; }
    select#travelSelection:focus { font-size: 16px; }
    input.bt_select { margin-left: 0; }

    /* Social */
    .discounts { position: relative; }
    .discounts .actions { float: left; margin-left: 0; margin-right: 0; }
    .discounts h4 { clear: both; }

    /* Checkout Pages */
    .checkoutheadercontainer { text-align: center; }
    .checkoutheadercontainer .checkoutheading { float: none; margin: 0 0 5px; }
    .checkoutheadercontainer .countdown { float: none; display: block; margin-bottom: 5px; }
    .checkoutheadercontainer ul { float: none; }

    /* Checkout Receipt */
    .checkoutheadercontainer .checkoutheadinginfo { float: none; text-align: center; }
    .checkoutheadercontainer .button { float: none; margin-top: 10px; }
    .boxoffice .checkoutheading { margin: 10px; }
    .checkoutheadinginfo { margin: 0 10px 15px; }
    .receiptsocial a { float: left; margin: 0 10px 10px 0 !important; }
    .receiptsocial p { max-width: none; clear: both; }

    /* Checkout Footer */
    .checkoutfooter { padding-bottom: 10px; }
    .checkoutfooter .goleft, .checkoutfooter .goright { float: none; }
    .checkoutfooter .eventgenius { float: none; margin: 5px 0 10px; }
    .loginoption { margin-left: 0; }
    .loginoptions { float: none; margin: 0 auto; }
    .loginoptions .forminfo { margin-left: 0; }
    .form .forminfo { margin-left: 0; }
    .forminfo.nooptions { padding-bottom: 10px; }
    .securecheckoutbox { padding-bottom: 10px; }
    .paymentform { width: 100%; padding: 5px 0; }
    .paymenthighlight { width: 100%; padding: 5px 0 10px; position: relative; top: auto; right: auto; display: block !important; }
    .subaction .offsetleft { position: relative !important; right: 0; top: 0 !important; float: right; margin-top: 10px; }
    .box.userloggedin { padding-bottom: 10px; }
    .ticketplanoption { margin-top: 10px; }

    /* Forms */
    input[type="text"], input[type="email"], input[type="password"] { font-size: 16px; }
    select { font-size: 12px; }
    #useraccount-form { max-width: none; float: none; }
    #useraccount-form .data { margin-left: 0; }
    #useraccount-form .forminfo { margin: 0; }
    .form .field { margin-left: 0; }
    .field { margin: 0 0 15px; }
    .field .lbl { margin: 0 0 5px; }
    .field .lbl[for=address2], .field .lbl[for=pri_address2] { display: none; }
    .field.cardprocess { margin: 0; }
    .field .data { margin: 0; }
    .expirydate { width: auto; }
    .cv2 { width: auto; text-align: left; }
    .fb-login-button.fb_iframe_widget { margin-top: 10px; display: inline-block; }

    /* CVV Card popup Help */
    #cvn { right: 120px; top: 85px; width: 160px; background: white; padding: 20px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2); }
    #cvn .subtle { display: block; }

    /* General */
    .useraccount .wide, .useraccount .thin, .useraccount .half { width: 100%; }
    .useraccount div.goleft, .useraccount div.goright { float: none; }
    .useraccount .box { margin-bottom: 20px; }
    .bf-close-top { display: none; }
    .bf-close-bottom { display: inline-block; position: relative; background: none; left: 50%; }

    .usertools { text-align: left; line-height: 100%!important; }
    .usertools .goleft { float: none; display: block; }
    .usertools .goright { float: none;  }

    .stt-edit-account { float: none; max-width: none; width: 100%; border: 0; padding: 0; clear: both; }
    .streetteam-form { width: 100%; }
    .streetteam-form .row  { width: 100%; margin: 0; }
    .streetteam-form .row select, .streetteam-form .row input[type="text"] { width: 100%; }
    .streetteam-form .controls { width: 100%; }

    .orderbasketsummary td:empty { display: none; }
    .orderbasketsummary th { display: none;  }
    .orderbasketsummary .thleft { display:block; }
    .orderbasketsummary td[width="5%"] { display: none; }
    .orderbasketsummary tbody tr { display: block; width: 100%; }
    .orderbasketsummary td { display: block; width: 100%; text-align: left; border-bottom: 0!important; }
    .orderbasketsummary .button { margin-bottom: 10px; }
    .bf-parent-row td { padding-bottom: 7px; }

    /* Reps */
    .repsflr { float: none; }
    .repslcont { float: none; width: 100% !important; }
    .repssubnav { display: block; margin-top: -38px;}
    .repssubnav li  { margin: 0; }
    .repssubnav li a { font-size: 90%; padding: 1px 5px 7px; margin: 0 0 0 2px; }
    .repssubborder { border: 0; }
    .repssubborder td { padding: 0; line-height: normal; }
    .repsrcont { width: 100%; }
    .repslcont > br,.repsrcont > br { display: none; }

    .repsctrdivide td { display: block; border: 0; width: 100%; padding: 10px; line-height: normal; }
    .repsinfoimg td { line-height: normal; }
    .repsbox { width: 100%; padding: 0; }
    .repstablelbl { width: 100%; }
    .repstxtbox { width: 100%; }
    .repssavebtn { margin-left: 0 !important; }
    #repseditinfo { width: 100%; float: none; }
    #colourpicker { left: 10px !important; }

}

@media only screen and (min-width: 661px) and (max-width: 1370px) {
    .orderbasketsummary .button {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 660px) and (min-width: 480px) {
    .eventheader.thumb { width: inherit; }
    .enlarge { margin-bottom: 0; }
    dt { margin: 5px 0 0; width: 70px; }
    dd { margin: 5px 0 0; }
}


@media only screen and (max-width: 350px) {
    .topic-events .event-text-container {width: 54%;}
}

/* !Retina Assets */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .cardicon,.txtdate,.incentive.facebook .icon,.incentive.like .icon,.incentive.twitter .icon { background-image: url('/images/decor@2x.png'); background-size: 800px; }
}