/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
*, *:before, *:after {
  box-sizing: border-box; }

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

ul, ol {
  padding: 0; }

/* For modern browsers */
.cf:before, section:before, .event-list > li:before,
.cf:after,
section:after,
.event-list > li:after {
  content: "";
  display: table; }

.cf:after, section:after, .event-list > li:after {
  clear: both; }

/* Image replacement -----------*/
.ir, .oshug {
  color: transparent !important;
  font: 0/0 a !important;
  text-shadow: none !important; }

.hidden {
  display: none; }

/*- fluid images and objects ----------*/
img,
object,
embed {
  max-width: 100%;
  display: block; }

/*- Responsive 16:9 video ----------*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  *padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden; }
  .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.nav {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .nav > li, .nav > li > a {
    display: inline-block;
    *display: inline;
    zoom: 1; }

span.amp {
  font-family: "Baskerville", "Goudy Old Style","Palatino","Book Antiqua",serif;
  font-size: 110%;
  font-style: italic;
  font-weight: normal; }

@font-face {
  font-family: 'icons';
  src: url("fonts/icons.eot"); }
@font-face {
  font-family: 'icons';
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal; }
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-twitter, .icon-paperplane {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-twitter:before {
  content: "\e000"; }

.icon-paperplane:before {
  content: "\e001"; }

body {
  background-color: #EDEDE9;
  text-align: center;
  font-family: "proxima-nova-soft", Arial, Verdana, sans-serif;
  padding: 0;
  color: #35353D; }

a {
  color: #4b536a; }
  a:hover {
    color: #ff4b1e; }

p {
  line-height: 1.4; }

section.prose {
  max-width: 1088px;
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto; }

.callout, .signup {
  max-width: 65em;
  padding: 2em 5% 4em;
  margin: 0 auto;
  border-top: 1px solid #35353D; }

.intro {
  padding: 1em 5%;
  margin: 1em 0;
  background-color: #e2e2db; }

@media (min-width: 40em) {
  .secondary {
    width: 39.0625%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; } }
@media (min-width: 51.875em) {
  .secondary {
    width: 49.67742%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; } }
.lt-ie9 .secondary {
  width: 49.67742%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: none; }

.content {
  text-align: left;
  padding: 2em 5% 4em; }
  @media (min-width: 40em) {
    .content {
      width: 59.375%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none; } }
  @media (min-width: 51.875em) {
    .content {
      width: 49.67742%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none; } }
  .lt-ie9 .content {
    width: 49.67742%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; }

@media (min-width: 51.875em) {
  .pre_2014 .plans, .accom_budget {
    width: 49.67742%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; } }
.lt-ie9 .pre_2014 .plans, .pre_2014 .lt-ie9 .plans, .lt-ie9 .accom_budget {
  width: 49.67742%;
  float: left;
  margin-right: -100%;
  margin-left: 0;
  clear: none; }

@media (min-width: 51.875em) {
  .pre_2014 .hpsignup, .accom_other {
    width: 49.67742%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; } }
.lt-ie9 .pre_2014 .hpsignup, .pre_2014 .lt-ie9 .hpsignup, .lt-ie9 .accom_other {
  width: 49.67742%;
  float: right;
  margin-left: 0;
  margin-right: 0;
  clear: none; }

.monster {
  font-size: 80px;
  font-size: 5rem;
  font-weight: normal;
  line-height: 1; }

.alpha, .beta {
  font-weight: normal;
  font-size: 25.6px;
  font-size: 1.6rem; }
  @media (min-width: 40em) {
    .alpha, .beta {
      font-size: 32px;
      font-size: 2rem; } }
  .lt-ie9 .alpha, .lt-ie9 .beta {
    font-size: 32px;
    font-size: 2rem; }

.alpha {
  text-transform: uppercase;
  margin-bottom: 1em; }

.beta {
  text-transform: uppercase;
  font-size: 25.6px;
  font-size: 1.6rem;
  border-bottom: solid 1px #35353D; }

.gamma {
  font-size: 19.2px;
  font-size: 1.2rem; }
  @media (min-width: 40em) {
    .gamma {
      font-size: 25.6px;
      font-size: 1.6rem; } }
  .lt-ie9 .gamma {
    font-size: 25.6px;
    font-size: 1.6rem; }

.pagetitle .dayname {
  font-size: 32px;
  font-size: 2rem; }
  @media (min-width: 40em) {
    .pagetitle .dayname {
      margin: 0;
      font-size: 48px;
      font-size: 3rem; } }
  .lt-ie9 .pagetitle .dayname {
    margin: 0;
    font-size: 48px;
    font-size: 3rem; }
.pagetitle .daydate {
  text-transform: uppercase;
  font-weight: normal;
  margin: 0; }
@media (min-width: 40em) {
  .pagetitle {
    margin-bottom: 2em; } }
.lt-ie9 .pagetitle {
  margin-bottom: 2em; }

.thehills {
  border-bottom: solid 11px #35353D;
  background: #35353D url('../images/../images/calderdale.jpg?1375828260') center 80% no-repeat;
  background-size: cover;
  position: relative;
  padding: 4em 5% 0; }
  @media (min-width: 21.25em) {
    .thehills {
      padding: 4em 5% 2em; } }
  .lt-ie9 .thehills {
    padding: 4em 5% 2em; }

.ticketlink {
  display: block;
  margin: 0 auto;
  width: 9em;
  height: 9em;
  border-radius: 4.5em;
  background-color: #35353D;
  color: #EDEDE9 !important;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  z-index: 20; }
  .ticketlink:hover {
    background-color: #71A932; }
  .ticketlink .price {
    padding-top: 30%;
    font-size: 3em;
    line-height: 0.9em;
    display: block; }

.branding {
  background: transparent url('../images/../images/wb_brand.png?1375828260') center top no-repeat;
  background-size: contain;
  height: 0;
  display: inline-block;
  width: 90%;
  padding-bottom: 28%; }
  @media (min-width: 31.25em) {
    .branding {
      width: 80%; } }
  @media (min-width: 51.875em) {
    .branding {
      width: 350px;
      height: 130px;
      padding-bottom: 0;
      float: left;
      display: block;
      position: relative;
      z-index: 10;
      -ms-behavior: url(./js/backgroundsize.min.htc); } }
  .lt-ie9 .branding {
    width: 350px;
    height: 130px;
    padding-bottom: 0;
    float: left;
    display: block;
    position: relative;
    z-index: 10;
    -ms-behavior: url(./js/backgroundsize.min.htc); }
  .branding .year {
    position: absolute;
    left: 70%;
    top: -60px;
    padding: 10px 30px 8px;
    color: #EDEDE9;
    background-color: #35353D;
    text-decoration: none;
    border-radius: 200px; }

.pill, a.pill {
  text-decoration: none;
  border-radius: 300px;
  padding: 0.5em 1em;
  color: #EDEDE9;
  background-color: #35353D; }
  .pill:hover, a.pill:hover {
    background-color: #71A932; }

.date {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  color: #EDEDE9;
  font-size: 18px;
  font-size: 18px;
  margin-bottom: 1em; }
  @media (min-width: 21.25em) {
    .date {
      margin-bottom: 0; } }
  @media (min-width: 31.25em) {
    .date {
      color: #35353D;
      text-shadow: rgba(237, 237, 233, 0.8) 1px 1px 0;
      position: absolute;
      left: 53%;
      top: 56%; } }
  .lt-ie9 .date {
    color: #35353D;
    text-shadow: rgba(237, 237, 233, 0.8) 1px 1px 0;
    position: absolute;
    left: 53%;
    top: 56%; }
  @media (min-width: 96.875em) {
    .date {
      color: #EDEDE9;
      text-shadow: rgba(53, 53, 61, 0.8) 1px 1px 0; } }
  @media (min-width: 51.875em) {
    .date {
      font-size: 30px;
      font-size: 30px;
      right: 20%;
      top: auto;
      bottom: 1em;
      left: auto;
      text-align: right; }
      .inner .date {
        color: #EDEDE9;
        text-shadow: rgba(53, 53, 61, 0.8) 1px 1px 0; } }
  .lt-ie9 .date {
    font-size: 30px;
    font-size: 30px;
    right: 20%;
    top: auto;
    bottom: 1em;
    left: auto;
    text-align: right; }
    .inner .lt-ie9 .date {
      color: #EDEDE9;
      text-shadow: rgba(53, 53, 61, 0.8) 1px 1px 0; }

.strapline {
  text-transform: uppercase;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  color: #EDEDE9;
  text-shadow: rgba(53, 53, 61, 0.4) 0 2px 0;
  margin-bottom: 0; }
  @media (min-width: 21.25em) {
    .strapline {
      margin-bottom: auto; } }
  @media (min-width: 31.25em) {
    .strapline {
      display: inline-block;
      max-width: 40em;
      font-size: 24px;
      font-size: 24px; } }
  @media (min-width: 51.875em) {
    .strapline {
      display: none; } }
  .lt-ie9 .strapline {
    display: none; }

@media (min-width: 51.875em) {
  .page-home .thehills {
    padding: 10em 5% 6em; }
  .page-home .branding {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    height: 182px;
    margin-bottom: 40px;
    float: none; }
  .page-home .date {
    font-size: 30px;
    font-size: 30px;
    left: 53%;
    top: 56%;
    right: auto;
    bottom: auto; }
  .page-home .strapline {
    display: inline-block;
    margin-bottom: 0.67em;
    max-width: 40em;
    font-size: 30px;
    font-size: 30px; } }
.lt-ie9 .page-home .thehills {
  padding: 10em 5% 6em; }
.lt-ie9 .page-home .branding {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  height: 182px;
  margin-bottom: 40px;
  float: none; }
.lt-ie9 .page-home .date {
  font-size: 30px;
  font-size: 30px;
  left: 53%;
  top: 56%;
  right: auto;
  bottom: auto; }
.lt-ie9 .page-home .strapline {
  display: inline-block;
  margin-bottom: 0.67em;
  max-width: 40em;
  font-size: 30px;
  font-size: 30px; }

.pre_2014 .hpsignup {
  padding-top: 1em; }

a.menu-link {
  float: right;
  display: block;
  padding: 16px;
  padding: 1rem;
  background-color: #35353D;
  color: #EDEDE9; }
  @media (min-width: 40em) {
    a.menu-link {
      display: none; } }
  .lt-ie9 a.menu-link {
    display: none; }

a.twitter-link {
  color: #EDEDE9;
  text-decoration: none;
  float: left;
  padding: 8px;
  padding: 0.5rem; }
  a.twitter-link:hover {
    color: #C4E7EB; }
  a.twitter-link .icontext {
    display: none; }
  @media (min-width: 40em) {
    a.twitter-link {
      display: none; } }
  @media (min-width: 51.875em) {
    a.twitter-link {
      display: block;
      position: absolute;
      right: 12%;
      top: -6em;
      z-index: 100;
      margin-left: -32px;
      margin-left: -2rem;
      background-color: #35353D;
      border-radius: 50%; }
      a.twitter-link .icon {
        font-size: 56px;
        font-size: 3.5rem; }
      .page-home a.twitter-link {
        right: auto;
        left: 50%;
        top: -5.2em; } }
  .lt-ie9 a.twitter-link {
    display: none; }

.siteheader {
  width: 100%;
  display: table;
  caption-side: top; }
  @media (min-width: 40em) {
    .siteheader {
      display: block; }
      .sticky .siteheader {
        margin-bottom: 99px; } }
  @media (min-width: 51.875em) {
    .siteheader {
      display: block; }
      .sticky .siteheader {
        margin-bottom: 115px; } }
  .lt-ie9 .siteheader {
    display: block; }
    .sticky .lt-ie9 .siteheader {
      margin-bottom: 115px; }

.main-menu {
  position: relative;
  margin: 0;
  display: table-caption;
  background-color: #35353D; }
  @media (min-width: 40em) {
    .main-menu {
      margin-top: -2em;
      display: block;
      background-color: transparent; } }
  .lt-ie9 .main-menu {
    margin-top: -2em;
    display: block;
    background-color: transparent; }

#menu {
  clear: both;
  -webkit-transition-property: max-height;
  transition-property: max-height;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  #menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .js #menu {
    overflow: hidden;
    max-height: 0; }
    @media (min-width: 40em) {
      .js #menu {
        max-height: none; } }
    .lt-ie9 .js #menu {
      max-height: none; }
  #menu.active {
    max-height: 20em; }
  #menu li, #menu li > a {
    display: block; }
  @media (min-width: 40em) {
    #menu ul {
      margin-bottom: 4em; }
      .page-home #menu ul {
        margin-bottom: 1em; }
    #menu li {
      width: 25%;
      max-width: 200px; }
    #menu li, #menu li > a {
      display: inline-block;
      *display: inline;
      zoom: 1; }
    .sticky #menu {
      position: fixed;
      top: 0;
      z-index: 100;
      width: 100%; } }
  .lt-ie9 #menu ul {
    margin-bottom: 4em; }
    .page-home .lt-ie9 #menu ul {
      margin-bottom: 1em; }
  .lt-ie9 #menu li {
    width: 25%;
    max-width: 200px; }
  .lt-ie9 #menu li, .lt-ie9 #menu li > a {
    display: inline-block;
    *display: inline;
    zoom: 1; }
  .sticky .lt-ie9 #menu {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%; }
  @media (min-width: 51.875em) {
    #menu li {
      width: 18%; } }
  .lt-ie9 #menu li {
    width: 18%; }

.lt-ie9 #menu {
  max-height: none; }

.global-nav a {
  padding: 1em 0.5em;
  width: 100%;
  background-color: #4b536a;
  color: #EDEDE9;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  position: relative;
  text-transform: uppercase; }
  .global-nav a:hover {
    background-color: #C4E7EB;
    color: #35353D;
    font-weight: bold; }

.subnav {
  margin: 0;
  margin-bottom: 3em;
  border-bottom: solid 8px #a8a895;
  background-color: #EDEDE9; }
  .subnav a {
    text-decoration: none;
    display: inline-block;
    padding: 0.8em 1.2em 0.6em;
    text-transform: uppercase;
    color: #a8a895;
    font-size: 16px;
    font-size: 1rem;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
  .subnav .selected {
    background-color: #a8a895;
    color: #EDEDE9;
    font-weight: bold;
    -webkit-font-smoothing: antialiased; }
  .subnav a:not(.selected):hover {
    background-color: #fff; }

.subnav-lower {
  border-top: solid 8px #a8a895;
  border-bottom: none; }
  .subnav-lower a {
    padding: 0.6em 1.2em 0.8em;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.page-home .nav-home, .page-whatson .nav-whatson, .page-location .nav-location, .page-tickets .nav-tickets {
  font-weight: bold; }
  .page-home .nav-home:after, .page-whatson .nav-whatson:after, .page-location .nav-location:after, .page-tickets .nav-tickets:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #4b536a;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -14px; }
  .page-home .nav-home:hover:after, .page-whatson .nav-whatson:hover:after, .page-location .nav-location:hover:after, .page-tickets .nav-tickets:hover:after {
    border-top: 14px solid #C4E7EB; }

.main-schedule {
  margin: 0;
  padding: 0.5rem;
  list-style: none;
  text-align: justify;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .main-schedule:after {
    content: '';
    display: inline-block;
    width: 100%; }
  .main-schedule h1, .main-schedule h2, .main-schedule h3, .main-schedule p {
    margin: 0; }
  .main-schedule h1 {
    line-height: 1;
    margin-bottom: 0.2em; }
  .main-schedule h2 {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 14px;
    margin-bottom: 1em; }

.schedule-day {
  display: inline-block;
  vertical-align: top;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left; }
  @media (min-width: 31.25em) {
    .schedule-day {
      width: 50%; } }
  @media (min-width: 56.25em) {
    .schedule-day {
      width: 33.333%; } }
  .schedule-day.priority {
    width: 100%;
    text-align: center;
    font-size: 120%; }
  .schedule-day a {
    position: relative;
    z-index: 20; }
  .schedule-day a.overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    /* to be on the safe side */
    white-space: nowrap;
    text-indent: 150%;
    overflow: hidden; }
  .schedule-day .ticket_info {
    position: absolute;
    bottom: 2.5em; }

.ticket_info a {
  padding-right: 0.4em; }
.ticket_info .price {
  background-color: #71A932;
  display: inline-block;
  padding: 0.2em 0.5em 0.2em 0.4em;
  margin-left: 0.4em;
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px; }

.schedule-day > .inner {
  position: relative;
  display: block;
  color: #35353D;
  font-size: 16px;
  font-size: 16px;
  width: 100%;
  padding: 2rem;
  margin: 0.5rem; }
  .released .schedule-day > .inner {
    background-color: #d6d6cd;
    border-bottom: 0.5em solid #4b536a; }
    .released .schedule-day > .inner:hover {
      background-color: #C4E7EB; }
  .coming-soon .schedule-day > .inner {
    border: 3px dotted #d6d6cd; }

.schedule-date {
  background-color: #ff4b1e;
  color: #EDEDE9;
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-bottom: 1em; }

.released .schedule-info {
  margin-bottom: 3.5em; }

.speakers {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: justify;
  font-size: 0; }
  .speakers:after {
    content: '';
    display: inline-block;
    width: 100%; }
  .speakers li {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%; }
    .speakers li:last-child {
      display: none; }
    @media (min-width: 40em) {
      .speakers li {
        width: 18.75%; } }
    .lt-ie9 .speakers li {
      width: 18.75%; }
  .speakers a {
    text-decoration: none;
    color: #35353D;
    font-size: 12px;
    font-size: 12px;
    text-align: center; }
    .speakers a.and_more {
      display: block;
      width: 100%;
      padding-top: 100%;
      position: relative;
      background-color: #d6d6cd; }
      .speakers a.and_more h2 {
        position: absolute;
        width: 100%;
        top: 50%;
        margin: 0;
        margin-top: -0.8em; }
    .speakers a img {
      -webkit-transition-property: -webkit-filter;
      transition-property: -webkit-filter;
      -webkit-transition-property: -webkit-filter, filter;
      transition-property: filter;
      -webkit-transition-property: border;
      transition-property: border;
      -webkit-transition-duration: 0.1s;
      transition-duration: 0.1s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 10+ */
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      background-color: #35353D;
      border: 0 solid #35353D;
      width: 100%;
      height: 100%; }
    .speakers a:hover img {
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
      -webkit-filter: grayscale(0);
      filter: grayscale(0);
      border: 5px solid #35353D; }
  .speakers h2, .speakers p {
    margin-left: 5%;
    margin-right: 5%; }
  .speakers h2 {
    margin-bottom: 0.2em; }
  .speakers p {
    margin-top: 0; }
  @media (min-width: 40em) {
    .speakers {
      margin: 0 auto;
      max-width: 1100px; }
      .speakers a {
        font-size: 16px;
        font-size: 16px; }
      .speakers li:last-child {
        display: inline-block; } }
  .lt-ie9 .speakers {
    margin: 0 auto;
    max-width: 1100px; }
    .lt-ie9 .speakers a {
      font-size: 16px;
      font-size: 16px; }
    .lt-ie9 .speakers li:last-child {
      display: inline-block; }

span.button {
  display: block;
  margin-top: 1em; }

.inputtext {
  padding: 8px; }

.btn_submit {
  padding: 14px 20px; }

.more {
  margin-bottom: 2em;
  font-size: 32px;
  font-size: 32px; }
  .more a {
    color: #35353D;
    text-decoration: none;
    border-bottom: 2px dotted #35353D; }
    .more a:hover {
      color: #71A932; }

.plus {
  font-size: 80px;
  font-size: 80px;
  line-height: 0.8em;
  font-weight: bold;
  margin: 0; }
  @media (min-width: 40em) {
    .plus {
      font-size: 120px;
      font-size: 120px; } }
  .lt-ie9 .plus {
    font-size: 120px;
    font-size: 120px; }

.highlight, .highlight2, .highlight3 {
  margin: 0;
  padding: 5%;
  padding-bottom: 4em;
  font-size: 20px;
  font-size: 20px; }

.highlight {
  background-color: #71A932;
  color: #EDEDE9;
  text-transform: uppercase; }

.highlight2 {
  margin-bottom: 3em; }

.highlight3 {
  background-color: #35353D;
  color: #EDEDE9; }
  .highlight3 a {
    color: #ff4b1e; }

.highlight4 {
  margin: 0;
  padding: 5%;
  font-size: 20px;
  font-size: 20px;
  background-color: #ff4b1e; }

.feature_list {
  list-style: none;
  padding: 0; }
  .feature_list li {
    color: #212027; }

.extras li {
  display: inline-block;
  margin: 0.1em 0.4em; }
  @media (min-width: 40em) {
    .extras li {
      font-size: 32px;
      font-size: 32px; } }
  .lt-ie9 .extras li {
    font-size: 32px;
    font-size: 32px; }

.heb_bg {
  background: url(../images/hebden.jpg) 50% 10% no-repeat;
  background-size: cover; }

.location {
  padding: 6em 2em;
  text-shadow: rgba(53, 53, 61, 0.5) 0 2px 0; }
  .location h2 {
    margin: 0;
    color: #EDEDE9;
    font-size: 48px;
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: normal; }
    @media (min-width: 40em) {
      .location h2 {
        font-size: 80px;
        font-size: 5rem; } }
    .lt-ie9 .location h2 {
      font-size: 80px;
      font-size: 5rem; }
    .location h2 a {
      color: #EDEDE9;
      text-decoration: none; }
      .location h2 a:hover {
        color: #C4E7EB; }
  .location p {
    color: #EDEDE9;
    font-size: 32px;
    font-size: 2rem;
    margin: 0; }
  .location .pill {
    font-size: 2em;
    display: inline-block; }
    .location .pill:hover {
      background-color: #ff4b1e; }

#map {
  width: 100%;
  border: 8px solid #d6d6cd;
  min-height: 280px; }
  #map img {
    max-width: none; }

.accomodation {
  margin-bottom: 5em; }
  .accomodation h1 {
    margin-bottom: 1em; }

.photos img {
  border: solid 10px #FFF;
  margin-bottom: 1em;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2); }

.supporters {
  margin-top: 2em;
  margin-bottom: 2em; }
  .supporters h2 {
    margin-bottom: 1em; }

.sponsors {
  max-width: 1088px;
  max-width: 68rem;
  margin-left: auto;
  margin-right: auto; }
  .sponsors a {
    width: 100%; }
  .sponsors img {
    margin: 0 auto; }

.sponsors-gold li {
  width: 100%; }
  @media (min-width: 40em) {
    .sponsors-gold li {
      width: 39.0625%; } }
  @media (min-width: 51.875em) {
    .sponsors-gold li {
      width: 49.67742%; } }
  .lt-ie9 .sponsors-gold li {
    width: 49.67742%; }

.sponsors-silver li {
  width: 33.33333%; }
  @media (min-width: 40em) {
    .sponsors-silver li {
      width: 18.75%; } }
  @media (min-width: 51.875em) {
    .sponsors-silver li {
      width: 32.90323%; } }
  .lt-ie9 .sponsors-silver li {
    width: 32.90323%; }

.footer {
  background-color: #35353D;
  border-bottom: solid 11px #111;
  padding: 4em 5%; }

.madeby, .credits {
  font-size: 12.8px;
  font-size: 0.8rem;
  color: #a8a895; }
  .madeby a, .credits a {
    color: #a8a895; }

.madeby {
  font-size: 12.8px;
  font-size: 0.8rem; }

.icon {
  font-size: 32px;
  font-size: 2rem; }
  .lt-ie9 .icon {
    display: none; }

.social a {
  color: #35353D;
  text-decoration: none;
  padding: 19.2px;
  padding: 1.2rem;
  background-color: #EDEDE9;
  border-radius: 6px;
  margin: 3px; }
  .social a:hover {
    background-color: #ff4b1e;
    color: #EDEDE9; }

.icontext {
  font-size: 19.2px;
  font-size: 1.2rem;
  display: block; }

.event-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1100px;
  max-width: 1100px; }
  .event-list > li {
    display: block;
    border-bottom: 5px solid #35353D;
    padding-bottom: 3em;
    padding-top: 5em;
    margin-top: -5em; }
    .event-list > li:last-child {
      border-bottom: none; }
  .event-list .info {
    padding: 0 5%;
    text-align: left; }
  .event-list .title {
    margin: 1.8em 0 0; }
  .event-list ul {
    list-style: circle outside none;
    padding-left: 1em;
    margin-bottom: 1em; }
    .event-list ul li {
      margin-bottom: 0.4em; }
  .event-list .about {
    padding: 5%;
    background-color: #d6d6cd; }
    .event-list .about h2 {
      margin-top: 0;
      font-weight: normal; }
  .event-list img {
    margin: 0 auto; }
  @media (min-width: 28.125em) {
    .event-list .info {
      width: 66.66667%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none; }
    .event-list .speaker {
      width: 33.33333%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: none; } }
  @media (min-width: 51.875em) {
    .event-list .info {
      width: 66.45161%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none;
      padding-left: 0; }
    .event-list .speaker {
      width: 24.51613%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: none; } }
  .lt-ie9 .event-list .info {
    width: 66.45161%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
    padding-left: 0; }
  .lt-ie9 .event-list .speaker {
    width: 24.51613%;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    clear: none; }

.oshug {
  width: 116px;
  height: 116px;
  margin: 0 auto;
  margin-top: 25.6px;
  margin-top: 1.6rem;
  display: block;
  background: transparent url('../images/../images/oshug.png?1375828260') center center no-repeat;
  background-size: contain; }

.schedule {
  margin: 0 auto;
  padding: 0;
  max-width: 1100px;
  max-width: 1100px;
  text-align: left;
  margin-bottom: 4em; }
  .schedule td, .schedule th {
    vertical-align: top;
    padding: 1em; }
  .schedule tr:nth-child(even) {
    background-color: #fff; }
  .schedule h2, .schedule h3 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem; }
  .schedule h2 {
    color: #4b536a;
    margin-bottom: 0.4em;
    font-size: 19.2px;
    font-size: 1.2rem; }
  .schedule thead {
    border-bottom: 3px solid #35353D; }

td.time {
  width: 16%; }

.room1, .room2 {
  width: 42%;
  border-left: 3px solid #35353D; }

.break {
  text-align: center; }
  .break h2 {
    margin: 1em; }