@charset "UTF-8";
/*------------------------------------*\
  #MAIN
\*------------------------------------*/
/**
 * CONTENTS
 *
 * SETTINGS
 * Config...............Project configuration settings.
 * Global...............Globally-available variables and settings.
 *
 * TOOLS
 * Functions............Custom functions.
 * Mixins...............Custom mixins.
 *
 * GENERIC
 * Box-sizing...........More manageable box model.
 * Normalize.css........Make default rendering more consistent across browsers.
 * Reset................Remove margins from certain elements.
 * Vertical-rhythm......Apply consistent baseline grid across block-level
 *                      elements.
 * Fontface.............Set up fontface styles.
 *
 * ELEMENTS
 * Page.................High-level page styling (HTML and BODY elements).
 * Headings.............Simple H1–H6 styles.
 * Links................Basic link styles.
 * Lists................Simple list styling.
 * Forms................Basic form styling.
 * Blocks...............Basic block styling.
 *
 * OBJECTS
 * Wrappers.............Page constraints.
 * Layout...............Grid-like layout system.
 *
 * THIRD PARTY
 * Example..............Example
 *
 * COMPONENTS
 * Admin................Basic admin theme overrides.
 * Fields...............Common field styling.
 * Paragraphs...........Styling for each paragraph module section.
 * Buttons..............Standard reusable button classes and styles.
 * Layout styles........Basic and common layout styles.
 * Site header..........Basic header styling.
 * Site footer..........Basic site footer styling.
 * Wysiwyg..............Custom styles added to the editor.
 * Navigation...........Top nav menu styling.
 * Social...............Social icon styling.
 * Hero.................Structure and styling around hero content.
 * Carousel.............Carousel specific stylnig.
 * Image credits........Styling for Image credit on images & slider.
 * Navigation blocks....Styling for block with 3 items listed, below article.
 * Related block........Styling for the block with 4 items listed, below article.
 * Recommend blocks.....Styling for we recommend blockk, 4 items across.
 * Search...............Search styling.
 * Brand................Common colour gradient classes and image styles.
 * Stories..............Styling for the stories blocks.
 * Events...............Top events listing styling.
 * Listing page.........Listing page styling.
 * Tags.................Various Tag styles.
 * Stories listing......Story items on listing page styling (diff to reg listing).
 * Whats on.............Listing page layout and styling.
 * Upcoming events......Block of 4 upcoming events styling.
 * Happening today......View of 4 upcoming events.
 * Date picker..........Overriting the date picker module styling.
 * Homepage.............Specific styling for the homepage feature blocks.
 * Feature..............Feature hero styling.
 * Event listing........Event list item styling.
 * Breadcrumb...........Breadcrumb specific styling.
 * Cookies..............Cookie compliance styling.
 * Featured Product.....Featured product styling (not to be confused with shop block).
 * Sponsor logo.........Doing different things on diff pages so own css file.
 * Tabs Content.........Tabs paragraphs content styling.
 * Notice...............Notces and warnings styling.
 * Lightbox popup.......Lightbox popup functionality styling.
 * Flexbox..............Containers and wrappers for flexbox solutions.
 * Call out box's.......New style for call out box's.
 * Email signup form....Styling the form area for the signup blocks.
 * Email signup footer..Styling the signup footer block.
 * Email signup popup...Styling the signup popup block.
 *
 * TRUMPS
 * Clearfix.............Clearfixing utility class.
 * Spacing..............Utility classes to nudge margins and paddings around.
 * Display..............Utility classes for display settings show/hide.
 * Freshchat............CSS to override Fresh Chat widget positioning
 *
 */
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/* transitions used

@include transition(color .3s ease-in);
@include transition(all .3s ease-in);
@include transition(border .3s ease-in);
@include transition(opacity .3s ease-in);
@include transition(max-height 2s ease-in); FAQ border expand div
*/
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * http://paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  box-sizing: border-box; }

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

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

button:focus {
  outline: 0; }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/*------------------------------------*\
  #RESET
\*------------------------------------*/
/**
 * As well as using Normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Remove trailing margins from nested lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Remove trailing margins from nested lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/*------------------------------------*\
  #VERTICAL-RHYTHM
\*------------------------------------*/
/**
 * Apply our base spacing unit as a `margin-bottom` to all block level elements
 * so that we get nice and consistent vertical rhythm very cheaply.
 * http://csswizardry.com/2012/06/single-direction-margin-declarations/
 */
h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre {
  margin-bottom: 1.46667rem; }

p {
  margin-bottom: 0.73333rem; }

/**
 * We’ll also indent list elements by the same amount of spacing.
 */
ul, ol,
dd {
  margin-left: 1.46667rem; }

/*------------------------------------*\
  #FONTFACE
\*------------------------------------*/
@font-face {
  font-family: 'SBCAkkuratPro';
  src: url("../fonts/SBCAkkuratPro.eot?#iefix") format("embedded-opentype"), url("../fonts/SBCAkkuratPro.otf") format("opentype"), url("../fonts/SBCAkkuratPro.woff") format("woff"), url("../fonts/SBCAkkuratPro.ttf") format("truetype"), url("../fonts/SBCAkkuratPro.svg#SBCAkkuratPro") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SBCAkkuratBoldPro';
  src: url("../fonts/SBCAkkuratBoldPro.eot?#iefix") format("embedded-opentype"), url("../fonts/SBCAkkuratBoldPro.otf") format("opentype"), url("../fonts/SBCAkkuratBoldPro.woff") format("woff"), url("../fonts/SBCAkkuratBoldPro.ttf") format("truetype"), url("../fonts/SBCAkkuratBoldPro.svg#SBCAkkuratBoldPro") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SCNoeBold';
  src: url("../fonts/sc_noe_bold_vm.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*------------------------------------*\
  #VERTICAL-RHYTHM
\*------------------------------------*/
.l-container {
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px);
  padding: 22px 0; }
  @media (min-width: 768px) {
    .l-container {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .l-container {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .l-container {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }

.no-bt-mgn {
  margin-bottom: 0; }

/*------------------------------------*\
  #PAGE
\*------------------------------------*/
/**
 * High-level, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 0.9375em;
  /* [1] */
  line-height: 1.46667;
  /* [1] */
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */
  color: #000000;
  font-family: 'SBCAkkuratPro', sans-serif;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Instead use this non-standard one: */
  word-break: break-word; }

body.cke_editable {
  padding-top: 0; }

.ajax-progress .throbber {
  background: transparent none no-repeat 0px -18px;
  float: left;
  /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px; }

html.js input.form-autocomplete {
  background-image: none;
  background-position: 100% 2px;
  /* LTR */
  background-repeat: no-repeat; }

strong {
  font-style: normal;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal; }

/*------------------------------------*\
  #HEADINGS
\*------------------------------------*/
h1 {
  font-size: 2.13333rem;
  line-height: 32px;
  font-family: 'SCNoeBold', sans-serif; }
  @media (min-width: 768px) {
    h1 {
      font-size: 2.66667rem;
      line-height: 40px; } }

h2 {
  font-size: 2.13333rem;
  line-height: 32px;
  font-family: 'SCNoeBold', sans-serif;
  margin-bottom: 6px;
  position: relative;
  z-index: 40; }
  .venues h2 {
    margin-bottom: 16px; }
  @media (min-width: 768px) {
    h2 {
      font-size: 2.66667rem;
      line-height: 40px; } }

.hero-overview h2 {
  font-size: 1.46667rem;
  line-height: 22px;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  margin-bottom: 6px; }
  @media (min-width: 768px) {
    .hero-overview h2 {
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      font-size: 2.13333rem;
      line-height: 32px; } }

h3 {
  font-size: 1.2rem;
  line-height: 1.22222;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  margin-bottom: 6px; }
  @media (min-width: 768px) {
    h3 {
      font-size: 1.46667rem;
      line-height: 26px; } }

h4 {
  font-size: 1rem;
  line-height: 1.46667;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal; }
  @media (min-width: 768px) {
    h4 {
      font-size: 1.2rem;
      line-height: 1.22222;
      margin-bottom: 7px; } }

h5 {
  font-size: 1rem;
  line-height: 1.46667;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal; }

/*------------------------------------*\
  #LINKS
\*------------------------------------*/
a,
a:link,
a:visited,
a:active {
  text-decoration: underline;
  color: #000000; }
  a:hover,
  a:link:hover,
  a:visited:hover,
  a:active:hover {
    text-decoration: underline;
    color: #BB55AE;
    cursor: pointer; }

/*------------------------------------*\
  #LISTS
\*------------------------------------*/
ul {
  margin: 0;
  padding: 0 11px 11px; }
  ul li {
    list-style: none; }

.l-content ul li {
  list-style-type: disc;
  list-style-position: inside; }

nav .menu li, nav .menu li.leaf, nav .menu li.collapsed {
  list-style-image: none;
  list-style-type: none; }

ul.checklist li {
  list-style-type: none;
  background: transparent url("../images/icon-tick.svg") no-repeat 0 4px;
  padding-left: 20px;
  margin-left: 0; }

/*------------------------------------*\
  #FORMS
\*------------------------------------*/
button:hover,
html [type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
  cursor: pointer; }

.form-item label,
.form-actions label {
  font-family: 'SBCAkkuratPro', sans-serif;
  font-weight: normal; }

.form-item.form-type-checkbox label,
.form-actions.form-type-checkbox label {
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  font-weight: normal; }

input {
  border: solid 1px rgba(0, 0, 0, 0.2);
  padding: 10px;
  width: 100%;
  transition: border 0.3s ease-in; }
  @media (min-width: 768px) {
    input {
      width: auto; } }
  input:hover {
    border: solid 1px #000000; }

input.error,
textarea.error,
select.error {
  border: solid 1px #E24856; }

.form-checkbox {
  border-radius: 0;
  border: solid 1px rgba(0, 0, 0, 0.2);
  padding: 10px;
  transition: border 0.3s ease-in; }
  .form-checkbox:hover {
    border: solid 1px #000000; }

.fieldset-wrapper {
  padding: 20px; }

.l-node--body .webform-client-form {
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px); }
  @media (min-width: 768px) {
    .l-node--body .webform-client-form {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .l-node--body .webform-client-form {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .l-node--body .webform-client-form {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  .l-node--body .webform-client-form .fieldset-legend {
    font-size: 1.46667rem;
    line-height: 1;
    font-family: 'SCNoeBold', sans-serif;
    padding: 0 20px; }
    @media (min-width: 768px) {
      .l-node--body .webform-client-form .fieldset-legend {
        font-size: 1.86667rem;
        line-height: 36px; } }
  .l-node--body .webform-client-form .webform-submit {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    border: 0; }
    .l-node--body .webform-client-form .webform-submit:after {
      background-image: url("../images/arrow-right-white.svg");
      background-repeat: no-repeat;
      background-position: 0 1px;
      background-size: 19px 11px;
      content: '';
      display: inline-block;
      width: 29px;
      height: 12px;
      margin-left: 10px;
      transition: background 0.3s ease-in; }
    .l-node--body .webform-client-form .webform-submit:hover {
      color: #FFFFFF;
      text-decoration: none;
      background-color: #000;
      transition: background 0.3s ease-in; }
      .l-node--body .webform-client-form .webform-submit:hover:after {
        background-position: 80% 1px; }
  .l-node--body .webform-client-form + .service-links .links {
    margin-top: 5px;
    padding-left: 0; }
    .l-node--body .webform-client-form + .service-links .links li {
      margin-left: 0;
      padding-left: 0; }
  .l-node--body .webform-client-form .form-radios .form-item {
    margin: 8px 0; }

.form-type-radio {
  margin: 8px 0; }

/* style check boxes */
.form-type-bef-checkbox input[type="checkbox"] {
  display: inline-block;
  width: 30px;
  height: 20px; }

.form-type-bef-checkbox {
  display: inline-block;
  position: relative;
  background: transparent url("../images/checkbox-default.png") no-repeat 0 0;
  width: 100%;
  float: left;
  transition: background 0.3s ease-in; }
  .form-type-bef-checkbox input[type=radio],
  .form-type-bef-checkbox input[type=checkbox] {
    visibility: hidden; }
  .form-type-bef-checkbox:hover {
    background: transparent url("../images/checkbox-hover.png") no-repeat 0 0; }

.form-type-bef-checkbox label {
  cursor: pointer;
  position: relative;
  float: right;
  width: calc(100% - 30px);
  padding-top: 4px;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  text-transform: lowercase; }

.form-type-bef-checkbox label:after {
  background: transparent url("../images/checkbox-tick.png") no-repeat 0 0;
  position: relative;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -30px;
  z-index: 600;
  content: '';
  opacity: 0; }

.form-type-bef-checkbox label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3; }

.form-type-bef-checkbox input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  background: transparent url("../images/checkbox-ticked.png") no-repeat 0 0; }

/* radio's - currently the filters events by date are radio's */
.form-type-radio input[type="radio"] {
  display: inline-block;
  width: 30px;
  height: 20px; }

.form-type-radio {
  display: inline-block;
  position: relative;
  background: transparent url("../images/checkbox-default.png") no-repeat 0 0;
  width: 100%;
  float: left;
  transition: background 0.3s ease-in; }
  .form-type-radio input[type=radio],
  .form-type-radio input[type=checkbox] {
    visibility: hidden; }
  .form-type-radio:hover {
    background: transparent url("../images/checkbox-hover.png") no-repeat 0 0; }

.form-type-radio label {
  cursor: pointer;
  position: relative;
  float: right;
  width: calc(100% - 30px);
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  text-transform: lowercase; }

.form-type-radio label:after {
  position: relative;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -30px;
  z-index: 600;
  content: '';
  opacity: 0; }

.form-type-radio label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3; }

.form-type-radio input[type=radio]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  background: transparent url("../images/checkbox-ticked.png") no-repeat 0 0; }

.views-exposed-form-whats-on-all-events .views-exposed-form input[type="text"] {
  width: 100%; }

.views-exposed-form-whats-on-all-events a {
  text-decoration: none; }

.views-exposed-form-whats-on-all-events .views-widget-filter-field_festival .fieldset-title {
  text-transform: uppercase; }

/*------------------------------------*\
  #BLOCKS
\*------------------------------------*/
/*.pane-node-field-call-out-boxes {
  clear: both;
}

.l-call-out-boxes:first-child {
  .field__items  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.l-call-out-boxes {
  .field-collection-view {
    height: 100%;
    padding: 10px 0;
  }
}

.l-call-out-box {
  flex: 1 100%;
  min-height: 125px;
  height: 100%;

  .field__items {
    .field__item {
      flex: 1 100% !important;
    }
  }
}

.l-call-out-box--align-left .field__items:first-child {
  justify-content: left;
}

.l-call-out-box--align-center .field__items:first-child {
  justify-content: center;
}

.l-call-out-box--align-right .field__items:first-child {
  justify-content: right;
}

.l-call-out-box-cols-1:first-child {
  .field__item {
    width: 100%;
    @include breakpoint ($break-tab) {
      width: 66%;
    }
    @include breakpoint ($break-desktop) {
      width: 55%;
    }
  }
  .l-call-out-box {
    .field__item {
      width: 100%;
    }
  }
}

.l-call-out-box-cols-2:first-child {
  .field__item {
    flex: 0 100%;
    @include breakpoint ($break-tab) {
      flex: 0 50%;
    }
  }
}

.l-call-out-box-cols-3:first-child {
  .field__item {
    flex: 0 100%;
    @include breakpoint ($break-tab) {
      flex: 0 33%;
    }
  }
}

.l-call-out-box-cols-4:first-child {
    .field__item {
    flex: 0 100%;
    @include breakpoint ($break-tab) {
      flex: 0 50%;
    }
    @include breakpoint ($break-desktop) {
      flex: 0 25%;
    }
  }
}*/
.l-content--container .l-juicebox {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }

/*------------------------------------*\
  #EXAMPLE 
\*------------------------------------*/
.view-stories-listing h2 {
  margin-bottom: -6px; }

.pane-views .view-suggestion-carousel h2 {
  padding-left: 0; }
  @media (min-width: 768px) {
    .pane-views .view-suggestion-carousel h2 {
      padding-left: 0; } }
  @media (min-width: 1024px) {
    .pane-views .view-suggestion-carousel h2 {
      padding-left: 0; } }
  @media (min-width: 1600px) {
    .pane-views .view-suggestion-carousel h2 {
      padding-left: 0; } }

.view-suggestion-carousel {
  clear: both;
  margin-top: 30px; }
  .view-suggestion-carousel .views-field-field-title {
    position: relative;
    margin: 0 0 20px 10px;
    width: calc(100% - 10px); }
    @media (min-width: 768px) {
      .view-suggestion-carousel .views-field-field-title {
        margin: 0 0 20px 30px;
        width: calc(100% - 30px); } }
    @media (min-width: 1024px) {
      .view-suggestion-carousel .views-field-field-title {
        margin: 0 0 40px 40px;
        width: calc(100% - 40px); } }
    @media (min-width: 1600px) {
      .view-suggestion-carousel .views-field-field-title {
        margin: 0 0 40px 50px;
        width: calc(100% - 50px); } }
  .view-suggestion-carousel .slick-slide:focus {
    outline: 0; }
  @media (min-width: 768px) {
    .view-suggestion-carousel .view-content .slick-track {
      margin-left: 18%; } }
  @media (min-width: 768px) {
    .view-suggestion-carousel .view-content .c-suggestion-carousel--item {
      margin-left: 15px; } }
  .view-suggestion-carousel .view-content .c-suggestion-carousel--item-data {
    display: none; }
  .view-suggestion-carousel .view-content .slick-prev.slick-arrow,
  .view-suggestion-carousel .view-content .slick-next.slick-arrow {
    position: absolute;
    z-index: 100;
    background-color: #FFD200;
    top: calc(100% - 50px); }
    @media (min-width: 768px) {
      .view-suggestion-carousel .view-content .slick-prev.slick-arrow,
      .view-suggestion-carousel .view-content .slick-next.slick-arrow {
        top: calc(100% - 90px); } }
  .view-suggestion-carousel .view-content .slick-prev.slick-arrow,
  .view-suggestion-carousel .view-content .slick-next.slick-arrow {
    width: 50px; }
    .view-suggestion-carousel .view-content .slick-prev.slick-arrow.slick-arrow:hover,
    .view-suggestion-carousel .view-content .slick-next.slick-arrow.slick-arrow:hover {
      background-color: #FFD200; }
  .view-suggestion-carousel .view-content .slick-prev.slick-arrow {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    background-image: url("../images/arrow-left-dark.png");
    margin-left: 10px; }
    @media (min-width: 768px) {
      .view-suggestion-carousel .view-content .slick-prev.slick-arrow {
        margin-left: 30px; } }
    @media (min-width: 1024px) {
      .view-suggestion-carousel .view-content .slick-prev.slick-arrow {
        margin-left: 40px; } }
    @media (min-width: 1600px) {
      .view-suggestion-carousel .view-content .slick-prev.slick-arrow {
        margin-left: 50px; } }
  .view-suggestion-carousel .view-content .slick-next.slick-arrow {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    background-image: url("../images/arrow-right-dark.png");
    margin-left: 160px; }
    @media (min-width: 768px) {
      .view-suggestion-carousel .view-content .slick-next.slick-arrow {
        margin-left: 180px; } }
    @media (min-width: 1024px) {
      .view-suggestion-carousel .view-content .slick-next.slick-arrow {
        margin-left: 190px; } }
    @media (min-width: 1600px) {
      .view-suggestion-carousel .view-content .slick-next.slick-arrow {
        margin-left: 200px; } }
  .view-suggestion-carousel .c-suggestion-carousel--counter {
    position: relative;
    margin: 0 0 20px 10px;
    width: calc(100% - 10px);
    margin-top: -50px;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .view-suggestion-carousel .c-suggestion-carousel--counter {
        margin: 0 0 20px 30px;
        width: calc(100% - 30px); } }
    @media (min-width: 1024px) {
      .view-suggestion-carousel .c-suggestion-carousel--counter {
        margin: 0 0 40px 40px;
        width: calc(100% - 40px); } }
    @media (min-width: 1600px) {
      .view-suggestion-carousel .c-suggestion-carousel--counter {
        margin: 0 0 40px 50px;
        width: calc(100% - 50px); } }
    @media (min-width: 768px) {
      .view-suggestion-carousel .c-suggestion-carousel--counter {
        margin-top: -90px;
        margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .view-suggestion-carousel .c-suggestion-carousel--counter {
        margin-top: -90px;
        margin-bottom: 0; } }
    @media (min-width: 1600px) {
      .view-suggestion-carousel .c-suggestion-carousel--counter {
        margin-top: -90px;
        margin-bottom: 0; } }
    .view-suggestion-carousel .c-suggestion-carousel--counter .c-suggestion-carousel--counter--container {
      width: 200px;
      background-color: #FFD200;
      text-align: center;
      padding: 15px; }
  .view-suggestion-carousel .c-suggestion-carousel--counter--container,
  .view-suggestion-carousel .slick-prev.slick-arrow,
  .view-suggestion-carousel .slick-next.slick-arrow {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    height: 50px; }
  .view-suggestion-carousel .c-suggestion-carousel--info {
    position: relative;
    margin: 0 0 20px 10px;
    width: calc(100% - 10px);
    background: #FFD200;
    padding: 20px 20px 0 20px;
    width: calc(100% - 20px); }
    @media (min-width: 768px) {
      .view-suggestion-carousel .c-suggestion-carousel--info {
        margin: 0 0 20px 30px;
        width: calc(100% - 30px); } }
    @media (min-width: 1024px) {
      .view-suggestion-carousel .c-suggestion-carousel--info {
        margin: 0 0 40px 40px;
        width: calc(100% - 40px); } }
    @media (min-width: 1600px) {
      .view-suggestion-carousel .c-suggestion-carousel--info {
        margin: 0 0 40px 50px;
        width: calc(100% - 50px); } }
    @media (min-width: 768px) {
      .view-suggestion-carousel .c-suggestion-carousel--info {
        padding: 20px 30px 0 30px;
        width: 80%;
        padding: 20px 30px 0 30px; } }
    @media (min-width: 1024px) {
      .view-suggestion-carousel .c-suggestion-carousel--info {
        width: 70%; } }
    @media (min-width: 1600px) {
      .view-suggestion-carousel .c-suggestion-carousel--info {
        width: 60%; } }
    .view-suggestion-carousel .c-suggestion-carousel--info .c-suggestion-carousel--info--title h3 {
      font-family: 'SCNoeBold', sans-serif;
      font-size: 1.46667rem;
      line-height: 22px; }
    .view-suggestion-carousel .c-suggestion-carousel--info .c-suggestion-carousel--info--link {
      position: relative;
      right: -30px;
      bottom: -10px;
      text-align: right; }
      @media (min-width: 1024px) {
        .view-suggestion-carousel .c-suggestion-carousel--info .c-suggestion-carousel--info--link {
          right: -40px; } }

.c-featured-carousel .c-featured-carousel--title {
  position: relative;
  margin: 0 0 20px 10px;
  width: calc(100% - 10px);
  margin-bottom: -11px; }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--title {
      margin: 0 0 20px 30px;
      width: calc(100% - 30px); } }
  @media (min-width: 1024px) {
    .c-featured-carousel .c-featured-carousel--title {
      margin: 0 0 40px 40px;
      width: calc(100% - 40px); } }
  @media (min-width: 1600px) {
    .c-featured-carousel .c-featured-carousel--title {
      margin: 0 0 40px 50px;
      width: calc(100% - 50px); } }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--title {
      margin-bottom: -12px; } }
  @media (min-width: 1024px) {
    .c-featured-carousel .c-featured-carousel--title {
      margin-bottom: -12px; } }
  @media (min-width: 1600px) {
    .c-featured-carousel .c-featured-carousel--title {
      margin-bottom: -12px; } }

.c-featured-carousel .slick-slide:focus {
  outline: 0; }

@media (min-width: 768px) {
  .c-featured-carousel .slick-track {
    margin-left: 16%; } }

@media (min-width: 768px) {
  .c-featured-carousel .c-featured-carousel--items .c-featured-carousel--item {
    margin-left: 15px; } }

.c-featured-carousel .c-featured-carousel--items .c-featured-carousel--item-data {
  display: none; }

.c-featured-carousel .c-featured-carousel--items .slick-prev.slick-arrow,
.c-featured-carousel .c-featured-carousel--items .slick-next.slick-arrow {
  position: absolute;
  z-index: 100;
  background-color: #CDE06E;
  width: 50px;
  margin-bottom: 0;
  top: calc(100% - 50px); }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--items .slick-prev.slick-arrow,
    .c-featured-carousel .c-featured-carousel--items .slick-next.slick-arrow {
      top: calc(100% - 90px); } }
  .c-featured-carousel .c-featured-carousel--items .slick-prev.slick-arrow.slick-arrow:hover,
  .c-featured-carousel .c-featured-carousel--items .slick-next.slick-arrow.slick-arrow:hover {
    background-color: #CDE06E; }

.c-featured-carousel .c-featured-carousel--items button.slick-prev.slick-arrow {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  background-image: url("../images/arrow-left-dark.png");
  margin-left: 10px; }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--items button.slick-prev.slick-arrow {
      margin-left: 30px; } }
  @media (min-width: 1024px) {
    .c-featured-carousel .c-featured-carousel--items button.slick-prev.slick-arrow {
      margin-left: 40px; } }
  @media (min-width: 1600px) {
    .c-featured-carousel .c-featured-carousel--items button.slick-prev.slick-arrow {
      margin-left: 50px; } }

.c-featured-carousel .c-featured-carousel--items button.slick-next.slick-arrow {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  background-image: url("../images/arrow-right-dark.png");
  margin-left: 160px; }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--items button.slick-next.slick-arrow {
      margin-left: 180px; } }
  @media (min-width: 1024px) {
    .c-featured-carousel .c-featured-carousel--items button.slick-next.slick-arrow {
      margin-left: 190px; } }
  @media (min-width: 1600px) {
    .c-featured-carousel .c-featured-carousel--items button.slick-next.slick-arrow {
      margin-left: 200px; } }

.c-featured-carousel .c-featured-carousel--counter {
  position: relative;
  margin: 0 0 20px 10px;
  width: calc(100% - 10px);
  margin-top: -50px;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--counter {
      margin: 0 0 20px 30px;
      width: calc(100% - 30px); } }
  @media (min-width: 1024px) {
    .c-featured-carousel .c-featured-carousel--counter {
      margin: 0 0 40px 40px;
      width: calc(100% - 40px); } }
  @media (min-width: 1600px) {
    .c-featured-carousel .c-featured-carousel--counter {
      margin: 0 0 40px 50px;
      width: calc(100% - 50px); } }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--counter {
      margin-top: -90px;
      margin-bottom: 0; } }
  @media (min-width: 1024px) {
    .c-featured-carousel .c-featured-carousel--counter {
      margin-top: -90px;
      margin-bottom: 0; } }
  @media (min-width: 1600px) {
    .c-featured-carousel .c-featured-carousel--counter {
      margin-top: -90px;
      margin-bottom: 0; } }
  .c-featured-carousel .c-featured-carousel--counter .c-featured-carousel--counter--container {
    width: 200px;
    background-color: #CDE06E;
    text-align: center;
    padding: 15px; }

.c-featured-carousel .c-featured-carousel--counter--container,
.c-featured-carousel .slick-prev.slick-arrow,
.c-featured-carousel .slick-next.slick-arrow {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  height: 50px; }

.c-featured-carousel .c-featured-carousel--info {
  position: relative;
  margin: 0 0 20px 10px;
  width: calc(100% - 10px);
  background: #d1e165;
  background: linear-gradient(135deg, #d1e165 0%, #52b779 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e165', endColorstr='#52b779',GradientType=1 );
  padding: 10px 20px 50px 20px;
  width: calc(100% - 20px); }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--info {
      margin: 0 0 20px 30px;
      width: calc(100% - 30px); } }
  @media (min-width: 1024px) {
    .c-featured-carousel .c-featured-carousel--info {
      margin: 0 0 40px 40px;
      width: calc(100% - 40px); } }
  @media (min-width: 1600px) {
    .c-featured-carousel .c-featured-carousel--info {
      margin: 0 0 40px 50px;
      width: calc(100% - 50px); } }
  @media (min-width: 768px) {
    .c-featured-carousel .c-featured-carousel--info {
      width: calc(100% - 60px);
      padding: 10px 30px 50px 30px; } }
  @media (min-width: 1024px) {
    .c-featured-carousel .c-featured-carousel--info {
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .c-featured-carousel .c-featured-carousel--info {
      width: calc(100% - 100px); } }
  .c-featured-carousel .c-featured-carousel--info .c-featured-carousel--info--date {
    margin-top: 10px; }
  .c-featured-carousel .c-featured-carousel--info .c-featured-carousel--info--tags,
  .c-featured-carousel .c-featured-carousel--info .c-featured-carousel--info--date {
    padding-bottom: 5px; }
  .c-featured-carousel .c-featured-carousel--info .c-featured-carousel--info--link {
    position: relative;
    right: -10px;
    bottom: -10px;
    text-align: right; }
    @media (min-width: 768px) {
      .c-featured-carousel .c-featured-carousel--info .c-featured-carousel--info--link {
        position: absolute;
        right: -10px; } }

.section-whats-on .c-featured-carousel {
  position: relative;
  top: 10px; }
  @media (min-width: 768px) {
    .section-whats-on .c-featured-carousel {
      width: 100%;
      top: -33px; } }
  .section-whats-on .c-featured-carousel .c-featured-carousel--info--date {
    margin-top: 10px; }
  .section-whats-on .c-featured-carousel .c-featured-carousel--info--tags,
  .section-whats-on .c-featured-carousel .c-featured-carousel--info--date {
    padding-bottom: 5px; }
  .section-whats-on .c-featured-carousel .c-featured-carousel--info--link {
    position: absolute;
    right: -10px;
    bottom: -10px;
    text-align: right; }

.c-member-upsell {
  margin-top: 30px; }

.c-collapsible-block {
  min-height: 1em;
  height: auto;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
  .c-collapsible-block:hover {
    background-color: rgba(255, 255, 255, 0.2); }
  .c-collapsible-block:last-of-type {
    border-bottom: 0; }
  .c-collapsible-block.c-collapsible-block__members {
    background: #FED030; }
  .c-collapsible-block .c-collapsible-block__top {
    padding: 20px;
    position: relative; }
  .c-collapsible-block .c-collapsible-block__pricing-multibuy {
    background-color: #FFD200;
    text-transform: uppercase;
    font-size: 0.73333rem;
    line-height: 14px;
    color: #666666;
    font-weight: normal;
    position: absolute;
    top: 16px;
    left: 78px;
    color: #000000;
    padding: 2px 5px 1px 5px; }
  .c-collapsible-block .c-collapsible-block__collapsed-content p {
    margin: 0; }
  .c-collapsible-block .c-collapsible-block__title h3 {
    text-transform: uppercase;
    font-size: 0.73333rem;
    line-height: 14px;
    color: #666666;
    font-weight: normal;
    font-family: 'SBCAkkuratPro', sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #000000;
    line-height: 1; }
  .c-collapsible-block .c-collapsible-block__multibuy-label p {
    text-transform: uppercase;
    padding: 6px 10px 4px 10px;
    background-color: #FFD200;
    display: inline-block;
    margin: 5px 0 0 0;
    font-size: 0.93333rem;
    line-height: 1.57143; }
  .c-collapsible-block .c-collapsible-block__subtitle {
    font-size: 1.2rem;
    line-height: 1.22222;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal; }
  .c-collapsible-block h4 {
    font-size: 0.93333rem;
    line-height: 1.57143;
    font-family: 'SBCAkkuratPro', sans-serif; }
  .c-collapsible-block .c-collapsible-block__expanded-content {
    overflow: hidden; }
  .c-collapsible-block .c-collapsible-block__content {
    padding-top: 25px; }
  .c-collapsible-block.c-collapsible-block__is-collapsible .c-collapsible-block__title h3 {
    position: relative; }
  .c-collapsible-block.c-collapsible-block__is-collapsible .c-collapsible-block__title:after {
    content: '';
    cursor: pointer;
    width: 23px;
    height: 23px;
    border: solid 1px rgba(0, 0, 0, 0.6);
    border-radius: 15px;
    float: right;
    background-image: url(../images/icon-expand-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 5px;
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1; }
  .c-collapsible-block.c-collapsible-block__is-collapsible .c-collapsible-block__collapse_btn:hover h3 {
    cursor: pointer;
    color: #bb55ae; }
  .c-collapsible-block.c-collapsible-block__is-collapsible.c-collapsible-block__is-expanded .c-collapsible-block__title:after {
    background-image: url("../images/icon-contract-arrow.svg"); }

.l-content .c-performance-details {
  margin-top: 10px; }
  .l-content .c-performance-details ul {
    padding: 0;
    margin: 0; }
    .l-content .c-performance-details ul li {
      padding: 0;
      margin: 0;
      list-style: none; }
  .l-content .c-performance-details ul.day-list {
    font-size: 0.86667rem;
    line-height: 1.69231;
    font-family: 'SBCAkkuratPro', sans-serif; }
  .l-content .c-performance-details li.month-list li.day-list {
    font-size: 1rem;
    line-height: 1.46667;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    margin-top: 20px; }
  .l-content .c-performance-details .c-performance-details__performance {
    margin-top: 10px;
    /*.c-performance-details__time-link {
      padding-right: 32px;
      background-image: url('../images/arrow-short-right.svg');
      background-repeat: no-repeat;
      background-position: right 12px top 12px;
      background-size: 7px 12px;
      border: solid 1px $grey20;
      text-decoration: none;
    }*/ }
    .l-content .c-performance-details .c-performance-details__performance .c-performance-details__time-link,
    .l-content .c-performance-details .c-performance-details__performance .c-performance-details__time,
    .l-content .c-performance-details .c-performance-details__performance .c-performance-details__flag {
      margin-right: 10px; }
    .l-content .c-performance-details .c-performance-details__performance .c-performance-details__time-link {
      padding: 7px; }
    .l-content .c-performance-details .c-performance-details__performance .c-performance-details__time,
    .l-content .c-performance-details .c-performance-details__performance .c-performance-details__flag {
      line-height: 40px;
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
      display: inline-block; }
    .l-content .c-performance-details .c-performance-details__performance .c-performance-details__time {
      border: 1px solid rgba(0, 0, 0, 0.1); }
    .l-content .c-performance-details .c-performance-details__performance .c-performance-details__flag {
      border: 1px solid rgba(0, 0, 0, 0.1);
      text-transform: uppercase; }
    .l-content .c-performance-details .c-performance-details__performance .performance-flags {
      display: inline-block; }
  .l-content .c-performance-details .maxlist-more {
    margin-bottom: 0; }
    .l-content .c-performance-details .maxlist-more a {
      display: block;
      padding: 10px;
      margin-top: 30px;
      background-color: rgba(0, 0, 0, 0.5);
      text-align: center;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      text-transform: lowercase;
      color: #FFFFFF;
      text-decoration: none; }
  .l-content .c-performance-details.c-performance-details__multiple-dates li.month-list h4 {
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    text-align: center;
    margin: 0 50px;
    padding: 13.5px 0; }
  .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider {
    position: relative;
    overflow: hidden; }
    .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider > ul {
      position: relative; }
    .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider > ul > li {
      float: left;
      width: 100%; }
    .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider .control_prev,
    .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider .control_next {
      position: absolute;
      z-index: 999;
      font-weight: 600;
      font-size: 18px;
      opacity: 0.8;
      border: solid 1px rgba(0, 0, 0, 0.2);
      width: 50px;
      height: 50px;
      color: #000000;
      border-radius: 0;
      text-align: center;
      padding-top: 10px;
      text-decoration: none;
      -webkit-transition: all 0.2s ease; }
      .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider .control_prev:hover,
      .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider .control_next:hover {
        opacity: 1;
        cursor: pointer; }
    .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider .control_prev {
      border-radius: 0 2px 2px 0; }
    .l-content .c-performance-details.c-performance-details__multiple-dates #simple-slider .control_next {
      right: 0; }

/*------------------------------------*\
  #ADMIN STYLES
\*------------------------------------*/
body.admin-menu ul.tabs--primary {
  margin-bottom: 0;
  border-bottom: solid 0 transparent; }
  body.admin-menu ul.tabs--primary li {
    list-style-type: none;
    margin-right: 1px;
    padding-left: 0;
    margin-left: 0; }

body.admin-menu.page-node ul.tabs--primary {
  position: relative;
  z-index: 800; }

body.page-user ul.tabs--primary {
  margin-bottom: 0;
  border-bottom: solid 0 transparent; }
  body.page-user ul.tabs--primary li {
    list-style-type: none;
    margin-right: 1px;
    padding-left: 0;
    margin-left: 0; }

/*------------------------------------*\
  #FIELD STYLES
\*------------------------------------*/
.field--name-field-api-event-flags {
  float: left; }

.field--name-field-api-event-date {
  letter-spacing: 1px; }

.field--name-field-file {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }

.field--name-field-summary {
  margin: 0 20px;
  float: left;
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px); }
  @media (min-width: 768px) {
    .field--name-field-summary {
      margin: 0 30px;
      padding-top: 22px; } }
  @media (min-width: 768px) {
    .field--name-field-summary {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .field--name-field-summary {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .field--name-field-summary {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }

.node-type-page .field--name-field-summary {
  margin-top: 0; }
  @media (min-width: 768px) {
    .node-type-page .field--name-field-summary {
      margin-top: 35px; } }

.node-type-webform .field--name-field-summary {
  float: none; }

.pane-node-field-secondary-sponsor .field__item {
  width: calc(16% - 30px);
  height: auto;
  margin-right: 30px;
  display: inline-block; }

.field--name-field-primary-sponsor img {
  background-color: #f6f6f6;
  position: absolute;
  top: 0;
  right: 0; }

/*------------------------------------*/
/*------------------------------------*/
.field--name-field-rec-item-2-img {
  display: none; }

/*------------------------------------*\
  #PARAGRAPH MODULE ELEMENTS
\*------------------------------------*/
.l-node--content.basic .field--name-field-summary {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  width: auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0; }
  @media (min-width: 768px) {
    .l-node--content.basic .field--name-field-summary {
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .l-node--content.basic .field--name-field-summary {
      padding-left: 30px;
      padding-right: 30px; } }

.l-node--content.basic .paragraphs-item-text,
.l-node--content.basic .paragraphs-item-faq,
.l-node--content.basic .paragraphs-item-quote,
.l-node--content.basic .paragraphs-item-embed-full-html,
.l-node--content.basic .paragraphs-item-attachment,
.l-node--content.basic .webform-client-form,
.l-node--content.basic .webform-client-form + .service-links {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 1024px) {
    .l-node--content.basic .paragraphs-item-text,
    .l-node--content.basic .paragraphs-item-faq,
    .l-node--content.basic .paragraphs-item-quote,
    .l-node--content.basic .paragraphs-item-embed-full-html,
    .l-node--content.basic .paragraphs-item-attachment,
    .l-node--content.basic .webform-client-form,
    .l-node--content.basic .webform-client-form + .service-links {
      padding-left: 30px;
      padding-right: 30px; } }

.l-node--content.basic .field--name-field-media-item,
.l-node--content.basic .paragraphs-item-image,
.l-node--content.basic .paragraphs-item-image-with-side-text,
.l-node--content.basic .paragraphs-item-call-out-box,
.l-node--content.basic .paragraphs-item-call-out-box-image,
.l-node--content.basic .paragraphs-item-embed,
.l-node--content.basic .paragraphs-item-call-out-boxes-restricted {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }

.l-node--content.basic .paragraph-items {
  clear: both; }

.l-node--content.basic .pane-node-field-summary,
.l-node--content.basic .pane-node-field-main-content,
.l-node--content.basic .pane-node-field-navigation,
.l-node--content.basic .pane-node-field-paragraph-block {
  clear: both; }

@media (min-width: 1024px) {
  body.node-type-front .l-node--content.basic .field--name-field-summary {
    padding-left: 0;
    padding-right: 0; } }

.node-type-exhibition .pane-node-field-partner {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px; }
  @media (min-width: 768px) {
    .node-type-exhibition .pane-node-field-partner {
      padding-top: 60px; } }

/**************************************/
.pane-node-title,
.pane-node-created {
  margin: 0 20px; }
  @media (min-width: 768px) {
    .pane-node-title,
    .pane-node-created {
      margin: 0 30px; } }

.pane-node-content {
  margin: 0; }
  @media (min-width: 768px) {
    .pane-node-content {
      margin: 0 30px; } }

.entity-paragraphs-item {
  margin-bottom: 22px; }

/*------------------------------------*\
  #DATE
\*------------------------------------*/
.pane-node-created {
  clear: both;
  padding: 20px;
  text-transform: uppercase;
  font-size: 0.73333rem;
  line-height: 14px;
  color: #000000;
  font-weight: normal;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) {
    .pane-node-created {
      max-width: 660px;
      padding: 20px 0; } }
  @media (min-width: 1024px) {
    .pane-node-created {
      max-width: 640px;
      padding: 20px 0; } }

/*------------------------------------*\
  #TEXT
\*------------------------------------*/
.paragraphs-item-text {
  margin: 0 20px;
  clear: both; }
  @media (min-width: 768px) {
    .paragraphs-item-text {
      margin: 0 30px; } }

/*------------------------------------*\
  #QUOTE
\*------------------------------------*/
.paragraphs-item-quote {
  clear: both;
  position: relative;
  margin: 0 20px 30px 20px; }
  @media (min-width: 768px) {
    .paragraphs-item-quote {
      margin: 0 30px 30px 30px; } }
  .paragraphs-item-quote .content {
    position: relative; }
  .paragraphs-item-quote .c-quote-border-top {
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    margin-left: 30px; }
  .paragraphs-item-quote .field--name-field-quote {
    font-size: 1.46667rem;
    line-height: 26px; }
    .paragraphs-item-quote .field--name-field-quote p {
      margin-bottom: 0; }
    .paragraphs-item-quote .field--name-field-quote:before {
      content: '“';
      font-size: 2.13333rem;
      line-height: 0;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      padding-right: 20px;
      position: relative;
      top: -5px; }
  .paragraphs-item-quote .c-quote-btm-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: start;
        align-items: flex-start;
    padding-top: 15px;
    min-width: 0;
    min-height: 0; }
    .paragraphs-item-quote .c-quote-btm-row .flex-item:nth-child(1) {
      -ms-flex-order: 0;
          order: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      -ms-flex-item-align: auto;
          -ms-grid-row-align: auto;
          align-self: auto; }
    .paragraphs-item-quote .c-quote-btm-row .flex-item:nth-child(2) {
      -ms-flex-order: 0;
          order: 0;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
      -ms-flex-item-align: auto;
          -ms-grid-row-align: auto;
          align-self: auto;
      border-bottom: solid 1px rgba(0, 0, 0, 0.2);
      height: 12px;
      margin-left: 10px; }
    .paragraphs-item-quote .c-quote-btm-row .field--name-field-reference {
      text-transform: uppercase;
      font-size: 0.73333rem;
      line-height: 14px;
      color: #666666;
      font-weight: normal; }
    .paragraphs-item-quote .c-quote-btm-row .flex-item:nth-child(3) {
      -ms-flex-order: 0;
          order: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      -ms-flex-item-align: auto;
          -ms-grid-row-align: auto;
          align-self: auto;
      font-size: 2.13333rem;
      line-height: 32px;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      margin-left: 15px;
      padding-top: 3px; }
  .paragraphs-item-quote .slick-slider {
    max-width: 1050px; }

.l-content ul.slick-dots {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  .l-content ul.slick-dots li {
    list-style-type: none;
    display: inline-block;
    padding-left: 0; }
    .l-content ul.slick-dots li button {
      width: 4px;
      height: 4px;
      border: 1px solid rgba(0, 0, 0, 0.5);
      background-color: transparent;
      border-radius: 100%;
      padding: 3px;
      color: transparent; }
    .l-content ul.slick-dots li.slick-active button {
      border: 1px solid rgba(0, 0, 0, 0.5);
      border-radius: 100%;
      background-color: rgba(0, 0, 0, 0.5); }

/*------------------------------------*\
  #IMAGE WITH SIDE TEXT
\*------------------------------------*/
.paragraphs-item-image-with-side-text {
  clear: both; }
  .paragraphs-item-image-with-side-text .field-collection-container {
    display: inline-block;
    width: 100%;
    padding: 0 20px; }
    @media (min-width: 768px) {
      .paragraphs-item-image-with-side-text .field-collection-container {
        width: 50%;
        padding: 0; } }
  .paragraphs-item-image-with-side-text .field--name-field-text {
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    vertical-align: top; }
    @media (min-width: 768px) {
      .paragraphs-item-image-with-side-text .field--name-field-text {
        width: calc(50% - 30px);
        padding: 0 20px 30px 20px; } }

/*------------------------------------*\
  #EMBED
\*------------------------------------*/
.paragraphs-item-embed {
  clear: both; }

/*------------------------------------*\
  #FEATURE
\*------------------------------------*/
.paragraphs-item-feature {
  clear: both; }

/*------------------------------------*\
  #FAQS
\*------------------------------------*/
.paragraphs-item-faq {
  margin: 0;
  clear: both; }
  @media (min-width: 768px) {
    .paragraphs-item-faq {
      margin: 0; } }
  .paragraphs-item-faq .field--name-field-title {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.22222;
    margin: 0 10px; }
    @media (min-width: 768px) {
      .paragraphs-item-faq .field--name-field-title {
        margin: 0; } }
  .paragraphs-item-faq .field--name-field-faq {
    margin-top: 22px; }
  .paragraphs-item-faq .field-collection-item-field-faq {
    max-height: 54px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-right: solid 1px transparent;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 1px transparent;
    margin: 0 0 -2px 0;
    background: transparent url("../images/icon-expand.svg") no-repeat 98% 20px;
    transition: border 0.3s ease-in, max-height 2s ease-in; }
    .paragraphs-item-faq .field-collection-item-field-faq .field__item {
      padding: 15px 20px; }
    @media (min-width: 768px) {
      .paragraphs-item-faq .field-collection-item-field-faq {
        margin: 0 0 11px 0;
        border: solid 1px rgba(0, 0, 0, 0.2); } }
    .paragraphs-item-faq .field-collection-item-field-faq:hover {
      border-top: solid 1px #000000;
      border-right: solid 1px transparent;
      border-bottom: solid 1px #000000;
      border-left: solid 1px transparent; }
      @media (min-width: 768px) {
        .paragraphs-item-faq .field-collection-item-field-faq:hover {
          border: solid 1px #000000; } }
    .paragraphs-item-faq .field-collection-item-field-faq .field--name-field-question {
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal; }
      .paragraphs-item-faq .field-collection-item-field-faq .field--name-field-question:hover {
        cursor: pointer; }
    .paragraphs-item-faq .field-collection-item-field-faq .field--name-field-answer {
      display: none;
      color: transparent; }
      .paragraphs-item-faq .field-collection-item-field-faq .field--name-field-answer p {
        margin-bottom: 0; }
    .paragraphs-item-faq .field-collection-item-field-faq.expanded {
      border-top: solid 1px #000000;
      border-right: solid 1px transparent;
      border-bottom: solid 1px #000000;
      border-left: solid 1px transparent;
      max-height: 100%;
      background: transparent url("../images/icon-contract.svg") no-repeat 98% 26px;
      transition: max-height 2s ease-in; }
      @media (min-width: 768px) {
        .paragraphs-item-faq .field-collection-item-field-faq.expanded {
          border: solid 1px #000000;
          max-height: 500px; } }
      .paragraphs-item-faq .field-collection-item-field-faq.expanded .field--name-field-answer {
        display: block;
        color: #000000; }

/*------------------------------------*\
  #CALL OUT BOX'S 1 col & 2 col
\*------------------------------------*/
.paragraphs-item-call-out-box {
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 );
  padding: 30px;
  position: relative;
  clear: both;
  margin: 30px 20px; }
  @media (min-width: 768px) {
    .paragraphs-item-call-out-box {
      margin: 30px 0; } }
  .paragraphs-item-call-out-box .field--name-field-title {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.22222; }
    @media (min-width: 1024px) {
      .paragraphs-item-call-out-box .field--name-field-title {
        font-family: 'SBCAkkuratBoldPro', sans-serif;
        font-weight: normal;
        font-size: 1.46667rem;
        line-height: 23px; } }
  .paragraphs-item-call-out-box .field--name-field-primary-cta {
    position: absolute;
    right: -10px;
    bottom: -10px; }

.paragraphs-item-call-out-box-2-col {
  position: relative;
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 );
  width: calc(100% - $mobile-spacing-padding); }
  @media (min-width: 768px) {
    .paragraphs-item-call-out-box-2-col {
      width: 50%;
      margin: 30px 0; }
      .paragraphs-item-call-out-box-2-col.left {
        margin-left: 50px;
        margin-right: 3%;
        width: calc(47% - 50px);
        float: left; }
      .paragraphs-item-call-out-box-2-col.right {
        margin-right: 50px;
        margin-left: 3%;
        width: calc(47% - 50px);
        float: right; } }
  .paragraphs-item-call-out-box-2-col .field--name-field-title {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.22222;
    padding: 30px 20px 8px 20px; }
    @media (min-width: 1024px) {
      .paragraphs-item-call-out-box-2-col .field--name-field-title {
        font-family: 'SBCAkkuratBoldPro', sans-serif;
        font-weight: normal;
        font-size: 1.46667rem;
        line-height: 23px; } }
  .paragraphs-item-call-out-box-2-col .field--name-field-callout-box-text {
    padding: 0 20px 30px 20px; }
  .paragraphs-item-call-out-box-2-col .field--name-field-primary-cta {
    position: absolute;
    right: -10px;
    bottom: -10px; }

.paragraphs-item-call-out-box-image {
  margin-bottom: 22px; }
  .paragraphs-item-call-out-box-image .content {
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    display: block;
    float: left;
    width: 100%; }
  .paragraphs-item-call-out-box-image .field--name-field-image {
    float: left;
    width: 100%;
    line-height: 0; }
    @media (min-width: 768px) {
      .paragraphs-item-call-out-box-image .field--name-field-image {
        width: 50%; } }
  .paragraphs-item-call-out-box-image .field--name-field-callout-box-text {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 20px 20px 0 0; }
    @media (min-width: 768px) {
      .paragraphs-item-call-out-box-image .field--name-field-callout-box-text {
        width: 50%;
        padding: 20px 20px 0 20px; } }
  .paragraphs-item-call-out-box-image .field--name-field-secondary-cta {
    float: left;
    padding-left: 0; }
    @media (min-width: 768px) {
      .paragraphs-item-call-out-box-image .field--name-field-secondary-cta {
        padding-left: 20px; } }

.paragraphs-item-call-out-box-image-2-col {
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  border-bottom: solid 1px transparent;
  padding: 0;
  float: left;
  width: calc(100% - $mobile-spacing-padding);
  margin: -1px 20px 22px 20px; }
  @media (min-width: 768px) {
    .paragraphs-item-call-out-box-image-2-col {
      width: 50%;
      margin: -1px 0 22px 0;
      border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
      .paragraphs-item-call-out-box-image-2-col.left {
        margin-left: 50px;
        margin-right: 3%;
        width: calc(47% - 50px); }
      .paragraphs-item-call-out-box-image-2-col.right {
        margin-right: 50px;
        margin-left: 3%;
        width: calc(47% - 50px); } }
  .paragraphs-item-call-out-box-image-2-col .field--name-field-image {
    float: left;
    line-height: 0; }
  .paragraphs-item-call-out-box-image-2-col .field--name-field-callout-box-text {
    float: left;
    display: inline-block;
    padding: 20px 0 0 0; }
    @media (min-width: 768px) {
      .paragraphs-item-call-out-box-image-2-col .field--name-field-callout-box-text {
        padding: 20px 20px 0 20px; } }
  .paragraphs-item-call-out-box-image-2-col .field--name-field-secondary-cta {
    float: left;
    padding-left: 0; }
    @media (min-width: 768px) {
      .paragraphs-item-call-out-box-image-2-col .field--name-field-secondary-cta {
        padding-left: 20px; } }

/*------------------------------------*\
  #full width (outside of pane-node-content)
\*------------------------------------*/
.paragraphs-items-field-call-out-box-full {
  float: left;
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px); }
  @media (min-width: 768px) {
    .paragraphs-items-field-call-out-box-full {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .paragraphs-items-field-call-out-box-full {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .paragraphs-items-field-call-out-box-full {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }

/*------------------------------------*\
  #PARTNER
\*------------------------------------*/
.field--name-field-partner {
  clear: both; }
  .field--name-field-partner .field__label {
    text-transform: uppercase;
    font-size: 0.73333rem;
    line-height: 14px;
    color: #666666;
    font-weight: normal;
    font-family: 'SBCAkkuratPro', sans-serif;
    margin-bottom: 15px; }
  .field--name-field-partner .field__item {
    display: inline-block;
    margin-right: 20px; }

.l-node--content.basic .field--name-field-partner {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px; }
  @media (min-width: 1024px) {
    .l-node--content.basic .field--name-field-partner {
      padding: 30px; } }

/*------------------------------------*\
  #FULL WIDTH VERSIONS
\*------------------------------------*/
.node-type-exhibition .l-node--content .paragraphs-items-full .paragraphs-item-text,
.node-type-festival .l-node--content .paragraphs-items-full .paragraphs-item-text,
.node-type-landing .l-node--content .paragraphs-items-full .paragraphs-item-text {
  padding-left: 10px; }
  @media (min-width: 768px) {
    .node-type-exhibition .l-node--content .paragraphs-items-full .paragraphs-item-text,
    .node-type-festival .l-node--content .paragraphs-items-full .paragraphs-item-text,
    .node-type-landing .l-node--content .paragraphs-items-full .paragraphs-item-text {
      padding-left: 40px; } }

.node-type-exhibition .hero-overview-content .paragraphs-item-text,
.node-type-festival .hero-overview-content .paragraphs-item-text,
.node-type-landing .hero-overview-content .paragraphs-item-text {
  margin: 0; }

.l-node--content.basic .pane-node-field-tab .paragraphs-item-text {
  max-width: none; }

.search-list-header--title {
  float: left;
  position: relative;
  top: 20px; }
  @media (min-width: 768px) {
    .search-list-header--title {
      top: 12px; } }

.search-list-header--buttons {
  float: right;
  position: relative;
  top: 0;
  right: 0; }
  @media (min-width: 768px) {
    .search-list-header--buttons {
      top: -7px;
      right: -29px; } }
  @media (min-width: 1024px) {
    .search-list-header--buttons {
      right: 0; } }
  .search-list-header--buttons .c-event-listing--button {
    display: none; }
    @media (min-width: 768px) {
      .search-list-header--buttons .c-event-listing--button {
        display: inline-block;
        position: relative;
        top: 0;
        right: 0;
        padding: 9px 10px 7px 10px;
        border: solid 1px #b0b9bb;
        color: #b0b9bb;
        text-decoration: none;
        margin-left: 4px; }
        .search-list-header--buttons .c-event-listing--button.btn-active {
          background-color: #b0b9bb;
          color: #FFF; } }
  .search-list-header--buttons .c-event-listing--icon {
    display: inline-block; }
    .search-list-header--buttons .c-event-listing--icon.c-event-listing__full-view {
      background-image: url(../images/full-view-btn-inactive.png);
      background-size: 40px 40px;
      background-repeat: no-repeat;
      width: 40px;
      height: 40px;
      margin-left: 4px; }
      @media (min-width: 768px) {
        .search-list-header--buttons .c-event-listing--icon.c-event-listing__full-view {
          display: none; } }
      .search-list-header--buttons .c-event-listing--icon.c-event-listing__full-view.btn-active {
        background-image: url(../images/full-view-btn-active.png); }
    .search-list-header--buttons .c-event-listing--icon.c-event-listing__list-view {
      background-image: url(../images/list-view-btn-inactive.png);
      background-size: 40px 40px;
      background-repeat: no-repeat;
      width: 40px;
      height: 40px;
      margin-left: 4px; }
      @media (min-width: 768px) {
        .search-list-header--buttons .c-event-listing--icon.c-event-listing__list-view {
          display: none; } }
      .search-list-header--buttons .c-event-listing--icon.c-event-listing__list-view.btn-active {
        background-image: url(../images/list-view-btn-active.png); }

/*------------------------------------*\
  #BUTTONS
\*------------------------------------*/
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.c-btn,
.atcb-item-link {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: center;
  /* [4] */
  margin: 0;
  /* [4] */
  cursor: pointer;
  /* [5] */
  padding: 12px 10px 12px 18px; }

a.c-btn--primary {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none; }
  a.c-btn--primary:after {
    background-image: url("../images/arrow-right-white.svg");
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 19px 11px;
    content: '';
    display: inline-block;
    width: 29px;
    height: 12px;
    margin-left: 10px;
    transition: background 0.3s ease-in; }
  a.c-btn--primary:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000;
    transition: background 0.3s ease-in; }
    a.c-btn--primary:hover:after {
      background-position: 80% 1px; }
  a.c-btn--primary.c-btn--primary__member-upsell {
    background: #FED030;
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    color: #000000;
    padding: 23px 20px;
    right: 0; }
    a.c-btn--primary.c-btn--primary__member-upsell:after {
      background-image: url("../images/arrow-right.svg"); }

span.c-btn--primary {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  color: #FFFFFF;
  cursor: default;
  text-decoration: none; }
  span.c-btn--primary:after {
    background-image: url("../images/arrow-right-white.svg");
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 19px 11px;
    content: '';
    display: inline-block;
    width: 29px;
    height: 12px;
    margin-left: 10px;
    transition: background 0.3s ease-in; }

a.c-btn--secondary,
.atcb-item {
  padding: 0;
  color: #000;
  text-decoration: none;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal; }
  a.c-btn--secondary:after,
  .atcb-item:after {
    background-image: url("../images/arrow-right.svg");
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 19px 11px;
    content: '';
    display: inline-block;
    width: 29px;
    height: 12px;
    margin-left: 10px;
    transition: background 0.3s ease-in; }
  a.c-btn--secondary:hover,
  .atcb-item:hover {
    text-decoration: none;
    color: #000; }
    a.c-btn--secondary:hover:after,
    .atcb-item:hover:after {
      background-position: 80% 1px; }

.node-type-event a.c-btn--secondary {
  padding-bottom: 20px; }

.btn_arrow {
  display: block;
  width: 29px;
  height: 31px;
  background-image: url("../images/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 19px 11px;
  transition: background 0.3s ease-in; }
  .btn_arrow:hover {
    background-position: 50% 0; }

a.c-btn--alternative {
  border: solid 1px rgba(0, 0, 0, 0.2);
  color: #000;
  text-decoration: none;
  transition: border 0.3s ease-in;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal; }
  a.c-btn--alternative:after {
    background-image: url("../images/arrow-right.svg");
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 19px 11px;
    content: '';
    display: inline-block;
    width: 29px;
    height: 12px;
    margin-left: 30px;
    transition: background 0.3s ease-in; }
  a.c-btn--alternative:hover {
    color: #000;
    text-decoration: none;
    border: solid 1px #000000; }
    a.c-btn--alternative:hover:after {
      background-position: 80% 1px; }

a.c-btn--alternative-blue {
  background: #b6e4ed;
  background: linear-gradient(to right, rgba(182, 228, 237, 0.5), rgba(239, 244, 250, 0.5)), linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  text-transform: lowercase; }
  a.c-btn--alternative-blue:after {
    background-image: url("../images/arrow-right.svg");
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 19px 11px;
    content: '';
    display: inline-block;
    width: 29px;
    height: 12px;
    margin-left: 30px;
    transition: background 0.3s ease-in; }
  a.c-btn--alternative-blue:hover {
    color: #000000;
    text-decoration: none;
    background: #eff4fa;
    background: linear-gradient(to right, rgba(182, 228, 237, 0.5), rgba(239, 244, 250, 0.5)), linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    transition: background 0.3s ease-in; }
    a.c-btn--alternative-blue:hover:after {
      background-position: 80% 1px; }

.c-btn--small {
  padding: 6px 5px 6px 9px; }

.c-btn--primary.c-btn__down:hover {
  cursor: pointer; }

.c-btn--primary.c-btn__down:after {
  background-image: url("../images/arrow-down-white.svg");
  background-size: 11px 13px;
  width: 11px;
  height: 13px;
  margin-left: 20px; }
  .c-btn--primary.c-btn__down:after:hover {
    background-position: 80% 1px; }

.c-status-wrapper {
  position: relative; }

.venue__link a:after {
  background-image: url("../images/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: 0 1px;
  background-size: 19px 11px;
  content: '';
  display: inline-block;
  width: 29px;
  height: 12px;
  margin-left: 6px;
  transition: background 0.3s ease-in; }

.venue__link a:hover:after {
  background-position: 80% 1px;
  transition: background 0.3s ease-in; }

/*------------------------------------*\
  #LAYOUT STYLES
\*------------------------------------*/
.l-content {
  position: relative; }

img {
  max-width: 100%;
  height: auto; }

.pane-node-field-api-need-to-know,
.pane-node-field-api-event-description {
  clear: both; }

.pane-node-field-api-need-to-know {
  float: left;
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 );
  padding: 22px;
  position: relative;
  margin: 40px 10px 25px 10px;
  width: calc(100% - 20px); }
  @media (min-width: 768px) {
    .pane-node-field-api-need-to-know {
      margin: 40px 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .pane-node-field-api-need-to-know {
      margin: 40px 40px 40px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .pane-node-field-api-need-to-know {
      margin: 40px 50px 40px 50px;
      width: calc(100% - 100px); } }
  .pane-node-field-api-need-to-know h2 {
    position: absolute;
    z-index: 200;
    top: -24px;
    left: 0; }
    @media (min-width: 768px) {
      .pane-node-field-api-need-to-know h2 {
        top: -34px; } }

.l-node--right-bar {
  float: left;
  width: calc(100% - 20px);
  margin: 0 10px 0 10px; }
  @media (min-width: 768px) {
    .l-node--right-bar {
      width: 100%;
      margin: 0; } }
  .l-node--right-bar .offset {
    margin-right: 0; }
    @media (min-width: 768px) {
      .l-node--right-bar .offset {
        margin-right: 30px; } }
    @media (min-width: 1024px) {
      .l-node--right-bar .offset {
        margin-right: 40px; } }
    @media (min-width: 1600px) {
      .l-node--right-bar .offset {
        margin-right: 50px; } }

/*------------------------------------*\
  #SITE-HEADER
\*------------------------------------*/
.l-header {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 76px;
  position: absolute;
  transition: top 0.2s ease-in;
  top: 0;
  left: 0;
  z-index: 999; }
  @media (min-width: 768px) {
    .l-header {
      height: auto; } }
  .admin-menu .l-header {
    top: 30px; }
    .admin-menu .l-header .c-menu-grid.menu-open {
      top: 30px; }
  .is-cookie-notice .l-header {
    top: 65px; }
  @media (min-width: 768px) {
    .l-header {
      height: 100px; } }
  .l-header .max-w-container {
    padding: 0 10px;
    position: relative; }
    @media (min-width: 768px) {
      .l-header .max-w-container {
        padding: 0 30px; } }
    @media (min-width: 1024px) {
      .l-header .max-w-container {
        padding: 0 40px; } }
    @media (min-width: 1600px) {
      .l-header .max-w-container {
        padding: 0 50px; } }

#logo {
  display: none; }

.l-branding {
  text-align: center; }

.page-header__toggle-svg {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 4px 15px 16px 15px;
  overflow: visible;
  transition: fill 0.2s cubic-bezier(0.2, 0, 0, 1), color 0.2s cubic-bezier(0.2, 0, 0, 1); }
  @media (min-width: 1024px) {
    .page-header__toggle-svg {
      margin-right: 7px;
      width: 22px;
      height: 22px;
      border: none;
      padding: 0; } }

.page-header__toggle-bar-1,
.page-header__toggle-bar-2,
.page-header__toggle-bar-3,
.page-header__toggle-bar-4 {
  transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1);
  transform-origin: 50% 50%; }

.main-menu-button .page-header__toggle-svg {
  fill: #000000; }

.main-menu-button:hover .page-header__toggle-svg {
  fill: #BB55AE; }

.main-menu-button:hover .IE-menu-close-icon {
  background-image: url("../images/icon-mobile-menu-hover.svg");
  transition: background-image 0.2s cubic-bezier(0.2, 0, 0, 1); }

.main-menu-button .main-menu-button-text {
  font-size: 0.8rem;
  line-height: 1.83333;
  display: block;
  text-align: center;
  position: absolute;
  top: 30px;
  left: 10px;
  color: #000000; }
  @media (min-width: 1024px) {
    .main-menu-button .main-menu-button-text {
      display: inline-block;
      font-size: 1.2rem;
      line-height: 1.22222;
      text-align: left;
      position: relative;
      top: -4px;
      left: 0; } }
  .main-menu-button .main-menu-button-text:hover {
    color: #BB55AE;
    transition: color 0.2s cubic-bezier(0.2, 0, 0, 1); }

.menu-open .main-menu-button {
  position: relative; }
  .menu-open .main-menu-button .page-header__toggle-svg {
    fill: #000000; }
  .menu-open .main-menu-button .page-header__toggle-bar-1,
  .menu-open .main-menu-button .page-header__toggle-bar-4 {
    opacity: 0; }
  .menu-open .main-menu-button .page-header__toggle-bar-2 {
    transform: rotate(-45deg); }
  .menu-open .main-menu-button .page-header__toggle-bar-3 {
    transform: rotate(45deg); }
  .menu-open .main-menu-button .main-menu-button-text {
    color: #000000;
    transition: color 0.2s cubic-bezier(0.2, 0, 0, 1);
    left: 10px;
    top: 30px; }
    @media (min-width: 1024px) {
      .menu-open .main-menu-button .main-menu-button-text {
        left: 0;
        top: -4px; } }
  .menu-open .main-menu-button:hover .page-header__toggle-svg {
    fill: #FFF; }
  .menu-open .main-menu-button:hover .main-menu-button-text {
    color: #FFF; }
  .menu-open .main-menu-button:hover .IE-menu-close-icon {
    background-image: url("../images/icon-close-white.svg");
    transition: background-image 0.2s cubic-bezier(0.2, 0, 0, 1); }

.IE-menu-close-icon {
  display: inline-block;
  width: 23px;
  height: 24px;
  background-image: url("../images/icon-mobile-menu.svg");
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 19px 12px;
  display: none; }

.menu-open .IE-menu-close-icon {
  background-image: url("../images/icon-close.svg");
  background-size: 16px 16px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .IE-menu-close-icon {
    display: inline-block; }
  .page-header__toggle-svg {
    display: none; } }

@supports (-ms-ime-align: auto) {
  .IE-menu-close-icon {
    display: inline-block; }
  .page-header__toggle-svg {
    display: none; } }

.show-search-button {
  border: solid 1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  position: relative;
  z-index: 910;
  display: block; }
  .show-search-button:hover {
    text-decoration: none;
    cursor: pointer; }
    .show-search-button:hover .show-search-button-icon {
      background-image: url("../images/icon-search-hover.svg"); }
  @media (min-width: 1024px) {
    .show-search-button {
      border: solid 0px rgba(0, 0, 0, 0.2); } }
  .show-search-button .show-search-button-text {
    display: none; }
    @media (min-width: 1024px) {
      .show-search-button .show-search-button-text {
        display: inline-block;
        padding-right: 26px; } }
  .show-search-button .show-search-button-icon {
    background-image: url("../images/icon-search.svg");
    background-repeat: no-repeat;
    background-position: 50% 60%;
    display: inline-block;
    width: 48px;
    height: 42px;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in; }
    @media (min-width: 1024px) {
      .show-search-button .show-search-button-icon {
        background-size: 100%;
        background-position: 0 4px;
        width: 16px;
        height: 19px;
        position: absolute;
        right: 0; } }

.menu-open .c-menu-topbar .show-search-button-text,
.menu-open .c-menu-grid .show-search-button-text {
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in; }

.menu-open .c-menu-topbar .show-search-button:hover .show-search-button-icon,
.menu-open .c-menu-grid .show-search-button:hover .show-search-button-icon {
  background-image: url("../images/icon-search-white.svg"); }

/*------------------------------------*\
  #SITE-FOOTER
\*------------------------------------*/
.l-footer {
  margin-top: 22px;
  background-color: #FFD200;
  padding-top: 30px; }
  @media (min-width: 768px) {
    .l-footer {
      margin-top: 80px; } }
  .l-footer .l-region {
    float: left;
    width: 100%; }
  .l-footer .max-w-container {
    margin-bottom: 0; }

.l-region--footer-1 .block {
  float: left;
  width: 100%;
  display: inline-block;
  vertical-align: top; }
  @media (min-width: 768px) {
    .l-region--footer-1 .block {
      width: 50%; } }
  .l-region--footer-1 .block .block__title,
  .l-region--footer-1 .block .block__content {
    padding: 0 20px; }
    @media (min-width: 768px) {
      .l-region--footer-1 .block .block__title,
      .l-region--footer-1 .block .block__content {
        padding: 0 60px; } }
    @media (min-width: 1024px) {
      .l-region--footer-1 .block .block__title,
      .l-region--footer-1 .block .block__content {
        padding: 0 70px; } }
    @media (min-width: 1600px) {
      .l-region--footer-1 .block .block__title,
      .l-region--footer-1 .block .block__content {
        padding: 0 80px; } }
  .l-region--footer-1 .block h2 {
    margin-bottom: 15px; }
  .l-region--footer-1 .block.Footer-1_1 ul.checklist {
    padding-left: 0; }
    .l-region--footer-1 .block.Footer-1_1 ul.checklist li {
      padding-left: 25px; }
  .l-region--footer-1 .block.Footer-1_3 {
    width: 100%;
    margin-top: 20px; }
    @media (min-width: 768px) {
      .l-region--footer-1 .block.Footer-1_3 {
        margin-top: 15px; } }
    @media (min-width: 920px) {
      .l-region--footer-1 .block.Footer-1_3 {
        margin-top: -10px; } }
    .l-region--footer-1 .block.Footer-1_3 .block__content {
      margin-left: 0; }
      @media (min-width: 768px) {
        .l-region--footer-1 .block.Footer-1_3 .block__content {
          margin-left: 50%;
          margin-top: -50px; } }

.l-region--footer-1 .block--block-9 .block__title,
.l-region--footer-1 .block--block-9 .block__content,
.l-region--footer-1 .block--block-10 .block__title,
.l-region--footer-1 .block--block-10 .block__content {
  padding-left: 20px; }
  @media (min-width: 768px) {
    .l-region--footer-1 .block--block-9 .block__title,
    .l-region--footer-1 .block--block-9 .block__content,
    .l-region--footer-1 .block--block-10 .block__title,
    .l-region--footer-1 .block--block-10 .block__content {
      padding-left: 78px; } }
  @media (min-width: 1024px) {
    .l-region--footer-1 .block--block-9 .block__title,
    .l-region--footer-1 .block--block-9 .block__content,
    .l-region--footer-1 .block--block-10 .block__title,
    .l-region--footer-1 .block--block-10 .block__content {
      padding-left: 90px; } }
  @media (min-width: 1600px) {
    .l-region--footer-1 .block--block-9 .block__title,
    .l-region--footer-1 .block--block-9 .block__content,
    .l-region--footer-1 .block--block-10 .block__title,
    .l-region--footer-1 .block--block-10 .block__content {
      padding-left: 105px; } }

#southbank-map {
  width: 100%;
  overflow-x: hidden;
  max-width: 2590px; }

.southbank-map-desktop {
  display: none; }
  @media (min-width: 768px) {
    .southbank-map-desktop {
      display: block;
      margin-left: -89%;
      max-width: none; } }
  @media screen and (min-width: 1024px) and (max-width: 1240px) {
    .southbank-map-desktop {
      margin-left: -66%; } }
  @media screen and (min-width: 1241px) and (max-width: 1560px) {
    .southbank-map-desktop {
      margin-left: -44%; } }
  @media screen and (min-width: 1561px) and (max-width: 1600px) {
    .southbank-map-desktop {
      margin-left: -32%; } }
  @media screen and (min-width: 1601px) and (max-width: 2400px) {
    .southbank-map-desktop {
      margin-left: -20%; } }
  @media screen and (min-width: 2401px) {
    .southbank-map-desktop {
      margin-left: 0; } }

.southbank-map-mobile {
  display: block;
  width: 100%; }
  @media (min-width: 768px) {
    .southbank-map-mobile {
      display: none; } }

.l-region--footer-3 {
  margin-top: 0;
  float: left; }
  @media (min-width: 768px) {
    .l-region--footer-3 {
      margin-top: 60px; } }
  .l-region--footer-3 nav {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    float: left; }
    @media (min-width: 768px) {
      .l-region--footer-3 nav {
        width: 25%; } }
    .l-region--footer-3 nav h2 {
      margin-bottom: 10px;
      margin-top: 22px;
      font-size: 1.46667rem;
      line-height: 1; }
      @media (min-width: 768px) {
        .l-region--footer-3 nav h2 {
          margin-top: 0;
          font-size: 1.46667rem;
          line-height: 1; } }
    .l-region--footer-3 nav ul.menu {
      padding: 0; }
      .l-region--footer-3 nav ul.menu li {
        display: block;
        padding-right: 22px;
        font-size: 1rem;
        line-height: 30px; }
        .l-region--footer-3 nav ul.menu li a {
          text-decoration: none; }

.l-region--footer-3,
.l-region--footer-4,
.l-region--footer-5 {
  padding-left: 20px;
  padding-right: 20px;
  width: calc(100% - 40px); }
  @media (min-width: 768px) {
    .l-region--footer-3,
    .l-region--footer-4,
    .l-region--footer-5 {
      padding: 0 30px 0 60px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .l-region--footer-3,
    .l-region--footer-4,
    .l-region--footer-5 {
      padding: 0 40px 0 70px; } }
  @media (min-width: 1600px) {
    .l-region--footer-3,
    .l-region--footer-4,
    .l-region--footer-5 {
      padding: 0 50px 0 80px; } }

.l-region--footer-4 {
  position: relative;
  margin-top: 60px;
  float: left;
  font-size: 0.86667rem;
  line-height: 1.69231; }
  .l-region--footer-4 p {
    margin-bottom: 0; }
  .l-region--footer-4 ul.menu {
    padding: 0; }
    .l-region--footer-4 ul.menu li {
      display: inline-block;
      padding-right: 12px;
      font-size: 1rem;
      line-height: 1.46667; }
      @media (min-width: 768px) {
        .l-region--footer-4 ul.menu li {
          padding-right: 22px; } }
  .l-region--footer-4 nav {
    clear: left;
    position: absolute;
    top: -30px;
    left: 20px; }
    @media (min-width: 768px) {
      .l-region--footer-4 nav {
        position: relative;
        top: 0;
        left: 0; } }
  .l-region--footer-4 .footer-4__left {
    float: left;
    display: inline-block; }
  .l-region--footer-4 .footer-4__right {
    position: relative;
    padding: 22px 0;
    float: left;
    top: 0; }
    @media (min-width: 768px) {
      .l-region--footer-4 .footer-4__right {
        position: absolute;
        right: 30px;
        padding: 0;
        float: none; } }
    @media (min-width: 1024px) {
      .l-region--footer-4 .footer-4__right {
        right: 40px; } }
    @media (min-width: 1600px) {
      .l-region--footer-4 .footer-4__right {
        right: 50px; } }

.l-region--footer-5 {
  margin-top: 40px;
  clear: both; }
  .l-region--footer-5 .block--southbank-block-scroll-to-top {
    display: inline-block;
    padding-top: 5px; }
    @media (min-width: 768px) {
      .l-region--footer-5 .block--southbank-block-scroll-to-top {
        padding-top: 13px; } }
  .l-region--footer-5 .scroll-to-top {
    background: transparent url("../images/arrow-up.svg") no-repeat center;
    height: 40px;
    width: 40px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    transition: all 0.3s ease-in; }
    .l-region--footer-5 .scroll-to-top:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.1);
      border-color: #000000;
      background-blend-mode: multiply; }
  .l-region--footer-5 .footer-5__right {
    float: right;
    font-family: 'SCNoeBold', sans-serif;
    font-size: 2rem;
    line-height: 1.46667; }
    @media (min-width: 768px) {
      .l-region--footer-5 .footer-5__right {
        font-size: 2.66667rem;
        line-height: 1.1; } }

.footer-logos img {
  padding-left: 0; }
  @media (min-width: 768px) {
    .footer-logos img {
      padding-left: 30px; } }

/*------------------------------------*\
  #WYSIWYG STYLES
\*------------------------------------*/
.l-content ul.checklist {
  padding-left: 0; }
  .l-content ul.checklist li {
    list-style-type: none;
    background: transparent url("../images/icon-tick.svg") no-repeat 0 4px;
    padding-left: 20px;
    margin-left: 0; }

.l-content ol {
  margin-left: 20px; }

.l-content ul li {
  list-style-position: outside;
  margin-left: 5px;
  padding-left: 4px; }

body.cke_editable ul.checklist li {
  list-style-type: none;
  background: transparent url("../images/icon-tick.svg") no-repeat 0 4px;
  padding-left: 20px;
  margin-left: 0; }

body.cke_editable ul li {
  list-style-type: disc; }

/*------------------------------------*\
  #NAVIGATION STYLING
\*------------------------------------*/
body.admin-menu .max-w-container.menu-open {
  top: 30px; }

.l-nav-bar.max-w-container {
  height: 80px; }
  @media (min-width: 1024px) {
    .l-nav-bar.max-w-container {
      height: 100px; } }
  .l-nav-bar.max-w-container .c-menu-width {
    height: 80px; }
    @media (min-width: 1024px) {
      .l-nav-bar.max-w-container .c-menu-width {
        height: 100px; } }
  .l-nav-bar.max-w-container.menu-open {
    background-color: #FFD200;
    visibility: visible;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    padding: 0;
    max-width: 100%;
    overflow-y: scroll;
    transition: background-color 0.2s linear; }
    @media (min-width: 1024px) {
      .l-nav-bar.max-w-container.menu-open {
        overflow-y: hidden; } }
    .l-nav-bar.max-w-container.menu-open .c-menu-width {
      max-width: 1600px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }

.c-menu-topbar {
  display: block;
  width: 100%;
  height: 80px; }
  @media (min-width: 1024px) {
    .c-menu-topbar {
      height: 100px; } }
  .c-menu-topbar a:hover {
    text-decoration: none; }
  .c-menu-topbar ul.menu {
    padding: 0; }

.menu-open .c-menu-topbar a:hover {
  color: #FFFFFF; }

.c-nav-1 {
  z-index: 10;
  -ms-flex-order: 1;
      order: 1;
  position: absolute;
  top: 10px;
  left: 10px; }
  @media (min-width: 768px) {
    .c-nav-1 {
      top: 15px;
      left: 30px; } }
  @media (min-width: 1024px) {
    .c-nav-1 {
      top: 36px;
      left: 40px;
      -ms-flex-order: 1;
          order: 1; } }
  @media (min-width: 1600px) {
    .c-nav-1 {
      left: 50px; } }

.menu-open .c-nav-1 {
  left: 10px;
  display: block; }
  @media (min-width: 768px) {
    .menu-open .c-nav-1 {
      left: 30px; } }
  @media (min-width: 1024px) {
    .menu-open .c-nav-1 {
      left: 40px; } }
  @media (min-width: 1600px) {
    .menu-open .c-nav-1 {
      left: 50px; } }

.c-nav-2 {
  z-index: 20;
  -ms-flex-order: 4;
      order: 4;
  display: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  grid-column: 1 / -1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 2; }
  @media (min-width: 1024px) {
    .c-nav-2 {
      -ms-flex-order: 1;
          order: 1;
      display: block;
      position: absolute;
      left: 160px;
      top: 39px;
      border-bottom: solid 0 transparent; } }

.menu-open .c-nav-2 {
  display: none;
  padding: 15px 20px 15px 20px; }
  @media (min-width: 768px) {
    .menu-open .c-nav-2 {
      padding: 15px 30px 15px 30px; } }
  @media (min-width: 1024px) {
    .menu-open .c-nav-2 {
      padding: 0;
      display: block; } }

.c-nav-logo {
  position: absolute;
  width: 60%;
  left: 20%;
  right: 20%;
  top: 10px;
  text-align: center; }
  @media (min-width: 1024px) {
    .c-nav-logo {
      -ms-flex-order: 1;
          order: 1;
      justify-self: center;
      text-align: center;
      top: 15px;
      width: 30%;
      left: 35%;
      right: 35%; } }
  .c-nav-logo img {
    width: 188px;
    height: 50px; }
    @media (min-width: 1024px) {
      .c-nav-logo img {
        width: 100%;
        height: auto;
        max-width: 260px; } }

.c-nav-account {
  z-index: 49;
  -ms-flex-order: 9;
      order: 9;
  display: none;
  position: relative; }
  @media (min-width: 1024px) {
    .c-nav-account {
      -ms-flex-order: 1;
          order: 1;
      display: block;
      position: absolute;
      right: 164px;
      top: 15px; } }
  .c-nav-account li {
    display: inline-block; }
  .c-nav-account .block--menu-menu-my-account-sub-links ul.active li {
    font-family: 'SCNoeBold', sans-serif;
    font-size: 1.2rem;
    line-height: 1.22222;
    padding-bottom: 10px; }
    .c-nav-account .block--menu-menu-my-account-sub-links ul.active li:last {
      padding-bottom: 0; }
    .c-nav-account .block--menu-menu-my-account-sub-links ul.active li a:hover {
      color: #FFF; }
  @media (min-width: 1024px) {
    .c-nav-account .c-nav-subnav-overlay {
      opacity: 1;
      visibility: hidden;
      height: 0%;
      background-color: rgba(255, 255, 255, 0.8);
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      overflow: hidden;
      transition: visibility 0.5s ease-in-out, height 0.5s ease-in-out, background-color 0.5s ease-in-out; }
      .c-nav-account .c-nav-subnav-overlay.active {
        visibility: visible;
        height: 100%;
        z-index: 999; } }
  .c-nav-account.nav-block .block--menu-menu-my-account-sub-links {
    display: none;
    z-index: 1001;
    width: 171px;
    padding-top: 27px; }
    .c-nav-account.nav-block .block--menu-menu-my-account-sub-links ul {
      margin: 20px; }
    .c-nav-account.nav-block .block--menu-menu-my-account-sub-links li:last-child {
      display: none; }
      @media (min-width: 1024px) {
        .c-nav-account.nav-block .block--menu-menu-my-account-sub-links li:last-child {
          display: block; } }
    .tnew-logged-in .c-nav-account.nav-block .block--menu-menu-my-account-sub-links {
      display: block; }
    .c-nav-account.nav-block .block--menu-menu-my-account-sub-links .menu {
      display: none; }
      .c-nav-account.nav-block .block--menu-menu-my-account-sub-links .menu.active {
        display: block; }
    .c-nav-account.nav-block .block--menu-menu-my-account-sub-links .block__title {
      display: block;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      font-size: 1.2rem;
      line-height: 1.22222;
      margin-left: 20px; }
    .c-nav-account.nav-block .block--menu-menu-my-account-sub-links.active {
      background-color: #FFD200; }
  .c-nav-account.nav-block .block--menu-menu-header-2 {
    padding-top: 24px; }
    .c-nav-account.nav-block .block--menu-menu-header-2 .menu {
      display: block; }
      .c-nav-account.nav-block .block--menu-menu-header-2 .menu li {
        margin-left: 30px; }
      .c-nav-account.nav-block .block--menu-menu-header-2 .menu li.sc-tnew-logout {
        display: none; }
    .tnew-logged-in .c-nav-account.nav-block .block--menu-menu-header-2 li.sc-tnew-login {
      display: none; }
  .c-nav-account .l-region--header-main-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column; }
    @media (min-width: 1024px) {
      .c-nav-account .l-region--header-main-2 {
        -ms-flex-flow: row;
            flex-flow: row; } }
    .c-nav-account .l-region--header-main-2 .block--menu-menu-my-account-sub-links {
      -ms-flex-order: 1;
          order: 1; }
      @media (min-width: 1024px) {
        .c-nav-account .l-region--header-main-2 .block--menu-menu-my-account-sub-links {
          -ms-flex-order: 0;
              order: 0; } }

.tnew-logged-in .c-nav-account .block--menu-menu-header-2 li.logout {
  display: none; }

.tnew-logged-in .c-nav-account .block--menu-menu-header-2 li.account {
  display: inline-block; }

.block--menu-menu-header-2 li.account {
  display: none; }

.tnew-logged-in .c-nav-account.nav-block .block--menu-menu-header-2 .menu li {
  margin-left: 10px; }

.menu-open .c-nav-account {
  display: none; }
  @media (min-width: 1024px) {
    .menu-open .c-nav-account {
      display: block; } }

.c-nav-search {
  z-index: 10;
  -ms-flex-order: 3;
      order: 3;
  justify-self: end;
  text-align: right;
  z-index: 50;
  position: absolute;
  top: 10px;
  right: 10px; }
  @media (min-width: 768px) {
    .c-nav-search {
      right: 30px;
      top: 15px; } }
  @media (min-width: 1024px) {
    .c-nav-search {
      -ms-flex-order: 1;
          order: 1;
      right: 40px;
      width: 90px;
      top: 39px; } }
  @media (min-width: 1600px) {
    .c-nav-search {
      right: 50px; } }

.block--menu-menu-header-menu-1,
.block--menu-menu-header-2 {
  line-height: 1.8; }
  @media (min-width: 768px) {
    .block--menu-menu-header-menu-1,
    .block--menu-menu-header-2 {
      line-height: 1.6; } }

.c-menu-topbar .c-nav-search.nav-block {
  line-height: 21px; }
  @media (min-width: 1024px) {
    .c-menu-topbar .c-nav-search.nav-block {
      line-height: 1.6; } }

.sc-tnew-logout a,
.sc-tnew-login a,
.sc-tnew-basket-link a {
  height: 27px; }

.c-nav-1 {
  margin-top: 4px; }

.c-menu-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-row-gap: 0;
  background-color: transparent;
  overflow-y: auto;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1), opacity 0.5s ease-in-out; }
  @media (min-width: 1024px) {
    .c-menu-grid {
      -ms-grid-columns: (1fr)[8];
          grid-template-columns: repeat(8, 1fr);
      grid-gap: 24px; } }
  .c-menu-grid a:hover {
    text-decoration: none; }
  .c-menu-grid ul.menu {
    padding: 0; }
  .c-menu-grid .c-nav-2 {
    display: none; }
    @media (min-width: 1024px) {
      .c-menu-grid .c-nav-2 {
        display: none; } }
  .c-menu-grid.menu-open {
    padding-top: 10px;
    transform: translateY(0%);
    opacity: 1; }
    @media (min-width: 1024px) {
      .c-menu-grid.menu-open {
        padding-top: 15px;
        height: calc(100vh - 150px); } }
    .c-menu-grid.menu-open a:hover {
      color: #FFFFFF; }
    .c-menu-grid.menu-open .c-nav-2 {
      display: block; }
      @media (min-width: 1024px) {
        .c-menu-grid.menu-open .c-nav-2 {
          display: none; } }

.nav-block {
  -ms-flex-order: 1;
      order: 1; }
  .nav-block .block__title {
    display: none; }
  .nav-block a {
    text-decoration: none;
    width: 100%;
    display: block; }
    .nav-block a.search-close-button {
      width: auto; }
  .nav-block ul {
    padding: 0; }

.c-nav-7 {
  display: none;
  grid-column: 1 / -1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
  z-index: 10;
  -ms-flex-order: 2;
      order: 2;
  border-top: solid 0 transparent;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  padding: 10px 0 5px 0; }
  @media (min-width: 1024px) {
    .c-nav-7 {
      grid-column: 1 / 5;
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      -ms-grid-row: 1;
      display: none;
      -ms-flex-order: 1;
          order: 1;
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      border-bottom: solid 0 transparent;
      margin-top: 100px;
      padding: 0; } }

.menu-open .c-nav-7 {
  display: block;
  padding-right: 20px;
  padding-left: 20px; }
  @media (min-width: 768px) {
    .menu-open .c-nav-7 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media (min-width: 1024px) {
    .menu-open .c-nav-7 {
      padding-right: 0;
      padding-left: 0;
      margin-right: 40px;
      margin-left: 40px; } }
  @media (min-width: 1600px) {
    .menu-open .c-nav-7 {
      margin-right: 50px;
      margin-left: 50px; } }
  @media (min-width: 1024px) {
    .menu-open .c-nav-7 ul.menu {
      padding-top: 15px; } }
  .menu-open .c-nav-7 ul.menu li {
    padding-bottom: 28px; }
    @media (min-width: 1024px) {
      .menu-open .c-nav-7 ul.menu li {
        padding-bottom: 7px; } }
    .menu-open .c-nav-7 ul.menu li.last {
      padding-bottom: 15px; }
    .menu-open .c-nav-7 ul.menu li a {
      display: block; }
  .menu-open .c-nav-7 .c-nav-block-title {
    padding-bottom: 15px; }
    @media (min-width: 1024px) {
      .menu-open .c-nav-7 .c-nav-block-title {
        padding-top: 15px; } }

.c-nav-8 {
  display: none;
  grid-column: 1 / -1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 4;
  z-index: 10;
  -ms-flex-order: 3;
      order: 3;
  margin-top: 10px;
  padding-top: 10px; }
  @media (min-width: 1024px) {
    .c-nav-8 {
      grid-column: 5 / 7;
      -ms-grid-column: 5;
      -ms-grid-column-span: 2;
      -ms-grid-row: 1;
      -ms-flex-order: 1;
          order: 1;
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      margin-top: 100px;
      padding-top: 0; } }

.menu-open .c-nav-8 {
  display: block;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 768px) {
    .menu-open .c-nav-8 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media (min-width: 1024px) {
    .menu-open .c-nav-8 {
      padding-right: 0;
      padding-left: 0;
      margin-right: 40px; } }
  @media (min-width: 1600px) {
    .menu-open .c-nav-8 {
      margin-right: 50px; } }
  .menu-open .c-nav-8 .menu li {
    padding-bottom: 15px; }
    @media (min-width: 1024px) {
      .menu-open .c-nav-8 .menu li {
        padding-bottom: 8px; } }
  .menu-open .c-nav-8 .c-nav-block-title {
    padding-bottom: 15px; }
    @media (min-width: 1024px) {
      .menu-open .c-nav-8 .c-nav-block-title {
        padding-top: 15px; } }

.c-nav-9 {
  display: none;
  grid-column: 1 / -1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 5;
  z-index: 10;
  -ms-flex-order: 4;
      order: 4;
  margin-top: 10px;
  padding-bottom: 5px; }
  @media (min-width: 1024px) {
    .c-nav-9 {
      grid-column: 7 / 9;
      -ms-grid-column: 7;
      -ms-grid-column-span: 2;
      -ms-grid-row: 1;
      -ms-flex-order: 1;
          order: 1;
      border-top: solid 1px rgba(0, 0, 0, 0.2);
      margin-top: 100px;
      padding-bottom: 0; } }

.menu-open .c-nav-9 {
  display: block;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 768px) {
    .menu-open .c-nav-9 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media (min-width: 1024px) {
    .menu-open .c-nav-9 {
      padding-right: 0;
      padding-left: 0;
      margin-right: 40px; } }
  @media (min-width: 1600px) {
    .menu-open .c-nav-9 {
      margin-right: 50px; } }
  .menu-open .c-nav-9 .menu li {
    padding-bottom: 15px; }
    @media (min-width: 1024px) {
      .menu-open .c-nav-9 .menu li {
        padding-bottom: 8px; } }
  .menu-open .c-nav-9 .c-nav-block-title {
    padding-bottom: 15px; }
    @media (min-width: 1024px) {
      .menu-open .c-nav-9 .c-nav-block-title {
        padding-top: 15px; } }

.c-nav-10 {
  display: none;
  grid-column: 1 / -1;
  z-index: 10;
  -ms-flex-order: 5;
      order: 5;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  -ms-grid-column: 1;
  -ms-grid-column-span: 8;
  -ms-grid-row: 6; }
  @media (min-width: 1024px) {
    .c-nav-10 {
      border-top: solid 0 transparent;
      -ms-grid-row: 2; } }
  .c-nav-10 li {
    display: inline-block;
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    width: 50%;
    float: left; }
    @media (min-width: 1024px) {
      .c-nav-10 li {
        border-right: solid 0 transparent;
        border-bottom: solid 0 transparent;
        width: auto;
        float: none;
        padding: 0; } }
    .c-nav-10 li:nth-child(even) {
      border-right: solid 0 transparent; }

.menu-open .c-nav-10 {
  display: block;
  padding-right: 0;
  padding-left: 0; }
  @media (min-width: 1024px) {
    .menu-open .c-nav-10 {
      padding-right: 40px;
      padding-left: 40px; } }
  @media (min-width: 1600px) {
    .menu-open .c-nav-10 {
      padding-right: 50px;
      padding-left: 50px; } }
  .menu-open .c-nav-10 a {
    padding: 20px 20px 18px 20px;
    display: block; }
    @media (min-width: 768px) {
      .menu-open .c-nav-10 a {
        padding-right: 30px;
        padding-left: 30px; } }
    @media (min-width: 1024px) {
      .menu-open .c-nav-10 a {
        padding: 0 50px 18px 0; } }

.c-nav-account-mobile {
  z-index: 49;
  -ms-flex-order: 9;
      order: 9;
  display: block;
  position: relative;
  grid-column: 1 / -1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3; }
  @media (min-width: 1024px) {
    .c-nav-account-mobile {
      display: none; } }
  .c-nav-account-mobile ul {
    text-align: right; }
  .c-nav-account-mobile li {
    display: inline-block;
    padding-left: 40px; }
    .c-nav-account-mobile li:first {
      padding-left: 0; }
  .tnew-logged-in .c-nav-account-mobile.nav-block .block--menu-menu-my-account-sub-links {
    display: block; }
  .c-nav-account-mobile.nav-block .block--menu-menu-my-account-sub-links {
    display: none;
    z-index: 1001; }
    .c-nav-account-mobile.nav-block .block--menu-menu-my-account-sub-links li:last-child {
      display: none; }
      @media (min-width: 1024px) {
        .c-nav-account-mobile.nav-block .block--menu-menu-my-account-sub-links li:last-child {
          display: block; } }
    .c-nav-account-mobile.nav-block .block--menu-menu-my-account-sub-links .menu {
      display: none; }
      .c-nav-account-mobile.nav-block .block--menu-menu-my-account-sub-links .menu.active {
        display: block; }
    .c-nav-account-mobile.nav-block .block--menu-menu-my-account-sub-links .block__title {
      display: block; }
  .c-nav-account-mobile.nav-block .block--menu-menu-header-2 .menu {
    display: block; }
    .c-nav-account-mobile.nav-block .block--menu-menu-header-2 .menu li.sc-tnew-logout {
      display: none; }
  .tnew-logged-in .c-nav-account-mobile.nav-block .block--menu-menu-header-2 .sc-tnew-login {
    display: none; }
  .tnew-logged-in .c-nav-account-mobile.nav-block .block--menu-menu-header-2 .menu li.sc-tnew-logout {
    display: block; }
  .c-nav-account-mobile .l-region--header-main-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column; }
    @media (min-width: 1024px) {
      .c-nav-account-mobile .l-region--header-main-2 {
        -ms-flex-flow: row;
            flex-flow: row; } }
    .c-nav-account-mobile .l-region--header-main-2 .block--menu-menu-my-account-sub-links {
      -ms-flex-order: 1;
          order: 1; }
      @media (min-width: 1024px) {
        .c-nav-account-mobile .l-region--header-main-2 .block--menu-menu-my-account-sub-links {
          -ms-flex-order: 0;
              order: 0; } }

.menu-open .c-nav-account-mobile .block--menu-menu-header-2 .menu li {
  width: 50%;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  border-right: solid 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  float: left; }
  .menu-open .c-nav-account-mobile .block--menu-menu-header-2 .menu li:last-child {
    border-right: solid 0 transparent; }
  .menu-open .c-nav-account-mobile .block--menu-menu-header-2 .menu li a {
    padding-left: 20px;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal; }
    @media (min-width: 768px) {
      .menu-open .c-nav-account-mobile .block--menu-menu-header-2 .menu li a {
        padding-left: 30px; } }

.menu-open .c-nav-account-mobile .block--menu-menu-my-account-sub-links {
  padding: 20px; }
  @media (min-width: 768px) {
    .menu-open .c-nav-account-mobile .block--menu-menu-my-account-sub-links {
      padding: 20px 30px; } }
  .menu-open .c-nav-account-mobile .block--menu-menu-my-account-sub-links .block__title {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.22222; }
  .menu-open .c-nav-account-mobile .block--menu-menu-my-account-sub-links ul {
    padding-top: 10px; }
  .menu-open .c-nav-account-mobile .block--menu-menu-my-account-sub-links li {
    padding: 0 0 15px 0; }

.menu-open .c-nav-account-mobile li {
  display: block;
  width: 100%;
  padding: 15px 0 15px 0;
  text-align: left; }

@media only screen and (max-width: 450px) {
  .menu-open .c-nav-10 .menu li:nth-child(2) {
    min-height: 83px; } }

@media (max-width: 1023px) {
  .c-nav-expand .c-nav-block-title {
    background-image: url("../images/arrow-short-down.svg");
    background-repeat: no-repeat;
    background-position: 100% 9px;
    color: #000000; }
    .c-nav-expand .c-nav-block-title:hover {
      cursor: pointer;
      color: #FFFFFF;
      background-image: url("../images/arrow-short-down-white.svg"); }
    .c-nav-expand .c-nav-block-title.active {
      background-image: url("../images/arrow-short-up.svg"); }
      .c-nav-expand .c-nav-block-title.active:hover {
        background-image: url("../images/arrow-short-up-white.svg");
        color: #FFFFFF; }
  .c-nav-expand .l-region .menu {
    display: none; }
    .c-nav-expand .l-region .menu.active {
      display: block; } }

@media (max-width: 1024px) {
  .c-nav-expand .block--menu-menu-my-account-sub-links .block__title {
    background-image: url("../images/arrow-short-down.svg");
    background-repeat: no-repeat;
    background-position: 100% 9px;
    color: #000000; }
    .c-nav-expand .block--menu-menu-my-account-sub-links .block__title:hover {
      cursor: pointer;
      color: #FFFFFF;
      background-image: url("../images/arrow-short-down-white.svg"); }
  .c-nav-expand .block--menu-menu-my-account-sub-links.active .block__title {
    background-image: url("../images/arrow-short-up.svg"); }
    .c-nav-expand .block--menu-menu-my-account-sub-links.active .block__title:hover {
      background-image: url("../images/arrow-short-up-white.svg");
      color: #FFFFFF; } }

@media (min-width: 1024px) {
  .c-nav-expand .block--menu-menu-my-account-sub-links .block__title {
    background-image: url("../images/arrow-short-down.svg");
    background-repeat: no-repeat;
    background-position: 110px 7px;
    color: #000000; }
    .c-nav-expand .block--menu-menu-my-account-sub-links .block__title:hover {
      cursor: pointer;
      color: #BB55AE;
      background-image: url("../images/arrow-short-down-hover.svg"); }
  .c-nav-expand .block--menu-menu-my-account-sub-links.active .block__title {
    background-image: url("../images/arrow-short-up.svg");
    background-position: 107px 5px; }
    .c-nav-expand .block--menu-menu-my-account-sub-links.active .block__title:hover {
      background-image: url("../images/arrow-short-up-white.svg");
      color: #FFFFFF; } }

.c-nav-block-title {
  font-family: 'SCNoeBold', sans-serif;
  font-size: 1.46667rem;
  line-height: 1; }
  @media (min-width: 1024px) {
    .c-nav-block-title {
      font-size: 1.66667rem;
      line-height: 1.76; } }

.c-menu-grid .c-nav-1,
.c-menu-grid .c-nav-2,
.c-menu-grid .c-nav-account,
.c-menu-grid .c-nav-account-mobile,
.c-menu-grid .c-nav-search,
.c-menu-topbar .c-nav-1,
.c-menu-topbar .c-nav-2,
.c-menu-topbar .c-nav-account,
.c-menu-topbar .c-nav-account-mobile,
.c-menu-topbar .c-nav-search {
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.22222; }

.c-menu-grid .c-nav-7,
.c-menu-topbar .c-nav-7 {
  font-family: 'SCNoeBold', sans-serif;
  font-size: 1.46667rem;
  line-height: 1; }
  @media (min-width: 1024px) {
    .c-menu-grid .c-nav-7,
    .c-menu-topbar .c-nav-7 {
      font-size: 1.66667rem;
      line-height: 1.76; } }

.c-menu-grid .c-nav-8,
.c-menu-grid .c-nav-9,
.c-menu-topbar .c-nav-8,
.c-menu-topbar .c-nav-9 {
  font-family: 'SBCAkkuratPro', sans-serif;
  font-size: 1rem;
  line-height: 1.46667; }
  .c-menu-grid .c-nav-8 .menu li.last,
  .c-menu-grid .c-nav-9 .menu li.last,
  .c-menu-topbar .c-nav-8 .menu li.last,
  .c-menu-topbar .c-nav-9 .menu li.last {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal; }

.c-menu-grid .c-nav-10,
.c-menu-topbar .c-nav-10 {
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.46667; }

.c-menu-grid.menu-open .c-nav-2,
.c-menu-topbar.menu-open .c-nav-2 {
  font-family: 'SCNoeBold', sans-serif;
  font-size: 1.46667rem;
  line-height: 1; }
  @media (min-width: 1024px) {
    .c-menu-grid.menu-open .c-nav-2,
    .c-menu-topbar.menu-open .c-nav-2 {
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      font-size: 1.2rem;
      line-height: 1.22222; } }

@media (max-width: 1023px) {
  .c-menu-grid.menu-open .c-nav-account,
  .c-menu-grid.menu-open .c-nav-account-mobile,
  .c-menu-topbar.menu-open .c-nav-account,
  .c-menu-topbar.menu-open .c-nav-account-mobile {
    font-size: 1rem;
    line-height: 1.46667;
    font-family: 'SBCAkkuratPro', sans-serif; }
    .c-menu-grid.menu-open .c-nav-account .c-nav-block-title,
    .c-menu-grid.menu-open .c-nav-account-mobile .c-nav-block-title,
    .c-menu-topbar.menu-open .c-nav-account .c-nav-block-title,
    .c-menu-topbar.menu-open .c-nav-account-mobile .c-nav-block-title {
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      font-size: 1rem;
      line-height: 1.46667; } }

/*------------------------------------*\
  #SERVICE LINKS - social
\*------------------------------------*/
.pane-service-links {
  position: relative; }
  .pane-service-links .addtocalendar {
    margin-right: 100px; }
    .pane-service-links .addtocalendar .atcb-list {
      width: 170px; }
      .pane-service-links .addtocalendar .atcb-list .atcb-item-link {
        padding: 2px; }
    .pane-service-links .addtocalendar .atcb-link {
      padding: 8px 3px;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      text-decoration: none; }
      .pane-service-links .addtocalendar .atcb-link:after {
        content: url("../images/icon-expand-arrow.svg");
        position: absolute;
        top: 6px;
        margin-left: 11px; }
    .pane-service-links .addtocalendar .atcb-item {
      list-style-type: none;
      list-style-position: none;
      margin-left: 0;
      text-align: left; }

.service-links ul li {
  list-style-type: none; }

.service-links a {
  text-align: center;
  padding-top: 10px;
  vertical-align: top;
  float: left;
  z-index: 99;
  height: 40px;
  width: 40px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  transition: all 0.3s ease-in; }
  .service-links a:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #000000;
    background-blend-mode: multiply; }
  .service-links a.service-links-twitter {
    margin-left: -1px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 1px transparent; }
    .service-links a.service-links-twitter:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.1);
      border-color: #000000;
      background-blend-mode: multiply; }
  .service-links a.service-links-instagram {
    margin-left: -1px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 1px transparent; }
    .service-links a.service-links-instagram:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.1);
      border-color: #000000;
      background-blend-mode: multiply; }
  .service-links a.service-links-youtube {
    margin-left: -1px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 1px transparent; }
    .service-links a.service-links-youtube:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.1);
      border-color: #000000;
      background-blend-mode: multiply; }
  .service-links a.service-links-soundcloud {
    margin-left: -1px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 1px transparent; }
    .service-links a.service-links-soundcloud:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.1);
      border-color: #000000;
      background-blend-mode: multiply; }

.pane-service-links-service-links {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  float: left;
  clear: both;
  padding: 0 22px; }
  @media (min-width: 768px) {
    .pane-service-links-service-links {
      float: none; } }
  @media (min-width: 1024px) {
    .pane-service-links-service-links {
      padding: 0 30px; } }
  .pane-service-links-service-links h2 {
    font-family: 'SBCAkkuratPro', sans-serif;
    font-size: 0.73333rem;
    line-height: 2;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    margin-bottom: 0; }

.node-type-event .pane-service-links-service-links {
  max-width: inherit;
  padding-left: 0; }
  @media (min-width: 768px) {
    .node-type-event .pane-service-links-service-links {
      padding-left: 22px; } }

.node-type-landing .pane-service-links-service-links,
.node-type-exhibition .pane-service-links-service-links {
  max-width: inherit; }

.node-type-landing .hero-overview-left .pane-service-links-service-links,
.node-type-exhibition .hero-overview-left .pane-service-links-service-links,
.node-type-festival .hero-overview-left .pane-service-links-service-links {
  display: none; }
  @media (min-width: 768px) {
    .node-type-landing .hero-overview-left .pane-service-links-service-links,
    .node-type-exhibition .hero-overview-left .pane-service-links-service-links,
    .node-type-festival .hero-overview-left .pane-service-links-service-links {
      display: block;
      padding: 0; } }

.node-type-landing .hero-overview-right .pane-service-links-service-links,
.node-type-exhibition .hero-overview-right .pane-service-links-service-links,
.node-type-festival .hero-overview-right .pane-service-links-service-links {
  display: block;
  padding: 0; }
  @media (min-width: 768px) {
    .node-type-landing .hero-overview-right .pane-service-links-service-links,
    .node-type-exhibition .hero-overview-right .pane-service-links-service-links,
    .node-type-festival .hero-overview-right .pane-service-links-service-links {
      display: none; } }

.node-type-festival .hero-overview-left .pane-service-links-service-links {
  display: none !important; }
  @media (min-width: 768px) {
    .node-type-festival .hero-overview-left .pane-service-links-service-links {
      display: block !important;
      float: left; } }

.l-footer .service-links p {
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  display: inline-block; }

.l-footer .service-links a {
  float: none;
  border: none;
  padding-top: 0; }
  .l-footer .service-links a:hover {
    background-color: transparent; }
  .l-footer .service-links a.service-links-twitter {
    border: none; }
  .l-footer .service-links a.service-links-instagram {
    border: none; }
  .l-footer .service-links a.service-links-youtube {
    border: none; }
  .l-footer .service-links a.service-links-soundcloud {
    border: none; }

/*------------------------------------*\
  #BASIC PAGE HERO IMG & COLOUR
\*------------------------------------*/
.l-node--hero.has_sponsor .hero .pane-node-title {
  min-height: auto; }
  @media (min-width: 768px) {
    .l-node--hero.has_sponsor .hero .pane-node-title {
      min-height: 200px;
      max-width: 480px; } }
  @media (min-width: 1024px) {
    .l-node--hero.has_sponsor .hero .pane-node-title {
      max-width: 800px; } }

@media (min-width: 768px) {
  .node-type-festival .l-node--hero.has_sponsor .hero .pane-node-title,
  .node-type-exhibition .l-node--hero.has_sponsor .hero .pane-node-title {
    max-width: inherit;
    min-height: auto; } }

@media (min-width: 1024px) {
  .node-type-festival .l-node--hero.has_sponsor .hero .pane-node-title,
  .node-type-exhibition .l-node--hero.has_sponsor .hero .pane-node-title {
    max-width: inherit; } }

.node-type-festival .l-node--hero.has_sponsor .hero .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor,
.node-type-exhibition .l-node--hero.has_sponsor .hero .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor {
  margin-top: 10px; }
  @media (min-width: 768px) {
    .node-type-festival .l-node--hero.has_sponsor .hero .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor,
    .node-type-exhibition .l-node--hero.has_sponsor .hero .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor {
      position: relative;
      bottom: initial;
      left: initial; } }

.hero {
  float: left;
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px);
  padding: 20px 0 22px 0; }
  @media (min-width: 768px) {
    .hero {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .hero {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .hero {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  @media (min-width: 768px) {
    .hero {
      padding: 30px 0 22px 0; } }
  .hero .hero-position-wrapper {
    position: relative; }
  @media (min-width: 1024px) {
    .hero .pane-node-title {
      max-width: 800px; } }
  .hero.no-image {
    padding-bottom: 0; }
    .hero.no-image .pane-node-title {
      max-width: 700px;
      margin-left: 0;
      margin-right: 0;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 768px) {
        .hero.no-image .pane-node-title {
          margin-right: 170px; } }
      @media (min-width: 1024px) {
        .hero.no-image .pane-node-title {
          margin-left: auto;
          margin-right: auto;
          padding-left: 30px;
          padding-right: 30px; } }
  .hero .pane-custom.pane-1 h1 {
    clear: both; }

/*------------------------------------*/
/*------------------------------------*/
.pane-views-field-topic-block-section,
.pane-views-field-topic-block-keywords {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.tag-container {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 0.73333rem;
  line-height: 2;
  letter-spacing: 1px; }
  .tag-container p {
    margin-bottom: 0; }
  .tag-container .view-header {
    display: inline-block;
    width: calc(25% - 20px);
    float: left;
    margin: 0 0 0 20px; }
    @media (min-width: 1024px) {
      .tag-container .view-header {
        width: calc(20% - 30px);
        margin: 0 0 0 30px; } }
  .tag-container .view-content {
    display: inline-block;
    width: calc(75% - 20px);
    margin: 0 20px 0 0;
    float: left; }
    @media (min-width: 1024px) {
      .tag-container .view-content {
        width: calc(80% - 30px);
        margin: 0 30px 0 0; } }
    .tag-container .view-content .views-row {
      display: inline-block;
      float: left;
      padding-right: 5px; }

/*------------------------------------*\
  #EVENT/FESTIVAL LOGO paragraph
\*------------------------------------*/
.field--name-field-logo {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 600; }

/*------------------------------------*\
  #EVENT/FESTIVAL TABS
\*------------------------------------*/
.hero-menu-overview {
  float: left;
  width: 100%;
  border-bottom: solid 0 rgba(0, 0, 0, 0.2);
  margin: 0; }
  @media (min-width: 1024px) {
    .hero-menu-overview {
      width: calc(100% - 44px);
      margin: 0 22px 0 22px;
      background-color: transparent;
      border-bottom: solid 1px rgba(0, 0, 0, 0.2); } }
  .hero-menu-overview .panel-pane.pane-block, .hero-menu-overview .panel-pane.pane-1 {
    float: left;
    margin-bottom: 0;
    width: 50%;
    margin-right: 0;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
    .hero-menu-overview .panel-pane.pane-block:nth-child(2), .hero-menu-overview .panel-pane.pane-block:nth-child(4), .hero-menu-overview .panel-pane.pane-1:nth-child(2), .hero-menu-overview .panel-pane.pane-1:nth-child(4) {
      border-right: solid 1px rgba(0, 0, 0, 0.2); }
    @media (min-width: 1024px) {
      .hero-menu-overview .panel-pane.pane-block, .hero-menu-overview .panel-pane.pane-1 {
        width: auto;
        border-top: solid 0 white;
        margin-bottom: -4px;
        margin-right: 20px;
        border-right: solid 0 rgba(0, 0, 0, 0.2);
        border-bottom: solid 0 blue; }
        .hero-menu-overview .panel-pane.pane-block:nth-child(2), .hero-menu-overview .panel-pane.pane-block:nth-child(4), .hero-menu-overview .panel-pane.pane-1:nth-child(2), .hero-menu-overview .panel-pane.pane-1:nth-child(4) {
          border-right: solid 0 red; } }
    .hero-menu-overview .panel-pane.pane-block a, .hero-menu-overview .panel-pane.pane-1 a {
      padding: 15px 0 14px 0;
      text-decoration: none;
      display: inline-block;
      text-transform: uppercase;
      display: block;
      text-align: center;
      font-size: 0.73333rem;
      line-height: 2;
      letter-spacing: 1px; }
      .hero-menu-overview .panel-pane.pane-block a.active, .hero-menu-overview .panel-pane.pane-1 a.active {
        border-bottom: solid 0 #000000;
        background-color: rgba(255, 255, 255, 0.2); }
      .hero-menu-overview .panel-pane.pane-block a:hover, .hero-menu-overview .panel-pane.pane-1 a:hover {
        color: #FFFFFF; }
      @media (min-width: 1024px) {
        .hero-menu-overview .panel-pane.pane-block a, .hero-menu-overview .panel-pane.pane-1 a {
          display: inline-block;
          text-align: left;
          font-size: 1rem;
          line-height: 1.46667;
          padding: 6px 0 6px 0; }
          .hero-menu-overview .panel-pane.pane-block a.active, .hero-menu-overview .panel-pane.pane-1 a.active {
            border-bottom: solid 1px #000000;
            background-color: transparent; }
          .hero-menu-overview .panel-pane.pane-block a:hover, .hero-menu-overview .panel-pane.pane-1 a:hover {
            color: #000000; } }
    .hero-menu-overview .panel-pane.pane-block p, .hero-menu-overview .panel-pane.pane-1 p {
      margin-bottom: 0; }
  .hero-menu-overview .panel-pane.pane-entity-field .field__item, .hero-menu-overview .panel-pane.pane-1 .field__item {
    float: left;
    width: 50%;
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
    @media (min-width: 1024px) {
      .hero-menu-overview .panel-pane.pane-entity-field .field__item, .hero-menu-overview .panel-pane.pane-1 .field__item {
        width: auto;
        border-right: solid 0 rgba(0, 0, 0, 0.2);
        border-bottom: solid 0 red; } }
    .hero-menu-overview .panel-pane.pane-entity-field .field__item .field__item, .hero-menu-overview .panel-pane.pane-1 .field__item .field__item {
      width: 100%;
      border-right: solid 0 red; }
  .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link, .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link {
    float: left;
    width: 100%;
    margin-right: 0;
    border-top: solid 0 rgba(0, 0, 0, 0.2);
    padding: 15px 0;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.73333rem;
    line-height: 2;
    letter-spacing: 1px; }
    .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link.active, .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link.active {
      border-bottom: solid 0 #000000;
      background-color: rgba(255, 255, 255, 0.2); }
    .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link:hover, .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link:hover {
      color: #FFFFFF; }
    @media (min-width: 1024px) {
      .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link, .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link {
        width: auto;
        margin-right: 20px;
        text-align: left;
        font-size: 1rem;
        line-height: 1.46667;
        padding: 6px 0 6px 0; }
        .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link.active, .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link.active {
          border-bottom: solid 1px #000000;
          background-color: transparent; }
        .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link:hover, .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link:hover {
          color: #000000; } }

.hero-overview {
  position: relative;
  padding-top: 22px; }

.hero-overview-content {
  padding: 22px;
  float: left;
  clear: left;
  width: 100%;
  position: relative;
  z-index: 1; }
  .hero-overview-content .field--name-field-summary {
    margin: 0; }
  .hero-overview-content .pane-node-field-date,
  .hero-overview-content .pane-node-field-date-override {
    padding-bottom: 22px; }
  .hero-overview-content .date-display-range,
  .hero-overview-content .field--name-field-date-override {
    text-transform: uppercase;
    letter-spacing: 1px; }

.node-type-event .hero .hero-media {
  position: relative; }

.node-type-event .hero-overview {
  position: relative;
  padding-top: 0; }

.node-type-event .hero-overview-content {
  padding: 0 30px 22px 30px; }

.hero-overview-content-side {
  padding-left: 22px;
  padding-top: 20px; }
  @media (min-width: 768px) {
    .hero-overview-content-side {
      padding-left: 0; } }
  .hero-overview-content-side .pane-facetapi h2 {
    font-family: 'SBCAkkuratPro', sans-serif;
    font-size: 0.73333rem;
    line-height: 2;
    text-transform: uppercase;
    margin-bottom: 0; }
  .hero-overview-content-side ul.facetapi-facet-field-api-artform {
    padding: 0; }
    .hero-overview-content-side ul.facetapi-facet-field-api-artform li {
      list-style-type: none;
      margin: 0 1px 0 0;
      float: left;
      padding: 0; }
      .hero-overview-content-side ul.facetapi-facet-field-api-artform li a {
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.3);
        padding: 14px 10px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 0.73333rem;
        line-height: 41px;
        transition: background-color 0.3s ease-in; }
        .hero-overview-content-side ul.facetapi-facet-field-api-artform li a:hover {
          text-decoration: none;
          color: #FFFFFF;
          background-color: rgba(0, 0, 0, 0.6); }
  .hero-overview-content-side .pane-node-field-overview-secondary {
    float: left;
    width: 100%; }
    .hero-overview-content-side .pane-node-field-overview-secondary .paragraphs-item-text {
      margin: 22px 22px 0 0; }

.node-type-festival .hero-overview-content-side .pane-node-field-overview-secondary .paragraphs-item-text {
  margin-top: 7px; }
  @media (min-width: 768px) {
    .node-type-festival .hero-overview-content-side .pane-node-field-overview-secondary .paragraphs-item-text {
      margin-top: 22px; } }

.pane-node-field-twitter-link {
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.22222;
  float: left;
  padding-top: 20px;
  display: inline-block;
  margin: 0 0 10px 0; }
  .pane-node-field-twitter-link a {
    text-decoration: none; }
    .pane-node-field-twitter-link a:hover {
      text-decoration: none; }

/*--------------------------------------------*\
  #MORE INFORMATION LINK - expandable section
\*--------------------------------------------*/
.hero-overview-content .summary-more {
  width: 100%;
  padding-bottom: 0.5em; }

.hero-overview-content .summary-more-link {
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  text-decoration: none;
  display: block;
  margin-top: 20px;
  padding-bottom: 0.5em;
  clear: both; }
  .hero-overview-content .summary-more-link .summary-more-text {
    display: inline-block; }
  .hero-overview-content .summary-more-link .summary-more-link-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 10px; }
    .hero-overview-content .summary-more-link .summary-more-link-icon.summary-more-link-icon-plus {
      background-image: url("../images/icon-expand.svg");
      background-repeat: no-repeat;
      background-position: 0 2px;
      background-size: 13px 13px;
      content: ''; }
    .hero-overview-content .summary-more-link .summary-more-link-icon.summary-more-link-icon-minus {
      background-image: url("../images/icon-contract.svg");
      background-repeat: no-repeat;
      background-position: 0 8px;
      background-size: 13px 1px;
      content: ''; }

/*--------------------------------------------*\
  Differences for a FESTIVAL, EXHIBITION AND LANDING PAGE
\*--------------------------------------------*/
.node-type-festival .l-node--hero.has_sponsor .hero,
.node-type-exhibition .l-node--hero.has_sponsor .hero,
.node-type-landing .l-node--hero.has_sponsor .hero {
  padding-top: 40px; }

.node-type-festival .l-node--hero.mar-top_15,
.node-type-exhibition .l-node--hero.mar-top_15,
.node-type-landing .l-node--hero.mar-top_15 {
  margin-top: 20px; }

.node-type-festival .hero .hero-media,
.node-type-exhibition .hero .hero-media,
.node-type-landing .hero .hero-media {
  position: relative; }

.node-type-festival .hero .hero-position-wrapper,
.node-type-exhibition .hero .hero-position-wrapper,
.node-type-landing .hero .hero-position-wrapper {
  position: relative; }

.node-type-festival .hero .hero-text,
.node-type-exhibition .hero .hero-text,
.node-type-landing .hero .hero-text {
  position: relative;
  z-index: 600;
  bottom: 0;
  width: 100%;
  min-height: auto;
  background-image: none; }
  @media (min-width: 768px) {
    .node-type-festival .hero .hero-text,
    .node-type-exhibition .hero .hero-text,
    .node-type-landing .hero .hero-text {
      position: absolute;
      min-height: 135px;
      background-image: url("../images/img-wash_herobtm.svg");
      background-repeat: repeat-x;
      background-position: bottom center;
      bottom: 35px; } }
  @media (min-width: 768px) {
    .node-type-festival .hero .hero-text.no-shadow,
    .node-type-exhibition .hero .hero-text.no-shadow,
    .node-type-landing .hero .hero-text.no-shadow {
      background-image: none; } }

.node-type-festival .hero .c-feature-hero-text:after,
.node-type-exhibition .hero .c-feature-hero-text:after,
.node-type-landing .hero .c-feature-hero-text:after {
  display: none; }

.node-type-festival .hero .hero-logo,
.node-type-exhibition .hero .hero-logo,
.node-type-landing .hero .hero-logo {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 650; }
  @media (min-width: 768px) {
    .node-type-festival .hero .hero-logo,
    .node-type-exhibition .hero .hero-logo,
    .node-type-landing .hero .hero-logo {
      bottom: -71px;
      right: 0; } }
  .node-type-festival .hero .hero-logo .field--name-field-logo,
  .node-type-exhibition .hero .hero-logo .field--name-field-logo,
  .node-type-landing .hero .hero-logo .field--name-field-logo {
    position: relative; }
  .node-type-festival .hero .hero-logo img,
  .node-type-exhibition .hero .hero-logo img,
  .node-type-landing .hero .hero-logo img {
    width: 50%;
    height: 50%;
    float: right; }
    @media (min-width: 1024px) {
      .node-type-festival .hero .hero-logo img,
      .node-type-exhibition .hero .hero-logo img,
      .node-type-landing .hero .hero-logo img {
        width: inherit;
        height: inherit; } }

.node-type-festival .hero .pane-node-field-label,
.node-type-exhibition .hero .pane-node-field-label,
.node-type-landing .hero .pane-node-field-label {
  font-size: 2.13333rem;
  line-height: 1.375;
  font-family: 'SCNoeBold', sans-serif;
  position: relative;
  left: 20px;
  top: 0;
  z-index: 670;
  margin-bottom: 20px;
  max-width: 800px;
  width: 94%; }
  @media (min-width: 768px) {
    .node-type-festival .hero .pane-node-field-label,
    .node-type-exhibition .hero .pane-node-field-label,
    .node-type-landing .hero .pane-node-field-label {
      font-size: 4rem;
      line-height: 1.1;
      left: 30px; } }

.node-type-festival .hero .pane-node-field-type,
.node-type-exhibition .hero .pane-node-field-type,
.node-type-landing .hero .pane-node-field-type {
  font-size: 1rem;
  line-height: 1.46667;
  font-family: 'SBCAkkuratPro', sans-serif;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  bottom: -20px; }
  @media (min-width: 768px) {
    .node-type-festival .hero .pane-node-field-type,
    .node-type-exhibition .hero .pane-node-field-type,
    .node-type-landing .hero .pane-node-field-type {
      font-size: 1.2rem;
      line-height: 1.22222;
      color: #FFFFFF;
      bottom: -25px; } }

.node-type-festival .hero .hero-text-position,
.node-type-exhibition .hero .hero-text-position,
.node-type-landing .hero .hero-text-position {
  position: relative;
  padding: 0 22px;
  display: block;
  width: 100%; }
  @media (min-width: 768px) {
    .node-type-festival .hero .hero-text-position,
    .node-type-exhibition .hero .hero-text-position,
    .node-type-landing .hero .hero-text-position {
      position: absolute;
      bottom: 0;
      padding: 0; } }

.node-type-festival .hero .pane-node-title,
.node-type-exhibition .hero .pane-node-title,
.node-type-landing .hero .pane-node-title {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media (min-width: 768px) {
    .node-type-festival .hero .pane-node-title,
    .node-type-exhibition .hero .pane-node-title,
    .node-type-landing .hero .pane-node-title {
      margin-left: 0;
      margin-right: 0; } }
  .node-type-festival .hero .pane-node-title h1,
  .node-type-exhibition .hero .pane-node-title h1,
  .node-type-landing .hero .pane-node-title h1 {
    position: relative;
    top: 20px;
    z-index: 700;
    color: #000000;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .node-type-festival .hero .pane-node-title h1,
      .node-type-exhibition .hero .pane-node-title h1,
      .node-type-landing .hero .pane-node-title h1 {
        font-size: 4rem;
        line-height: 1.1;
        margin-bottom: 14px;
        top: 26px;
        color: #FFFFFF; } }

.node-type-festival .hero .hero-overview-content-side,
.node-type-exhibition .hero .hero-overview-content-side,
.node-type-landing .hero .hero-overview-content-side {
  padding-right: 22px; }

.node-type-landing .l-node--hero.has_sponsor .hero .pane-node-title {
  min-height: auto; }

@media (min-width: 768px) {
  .node-type-exhibition .hero .hero-text.no-shadow {
    background-image: none; } }

.post-hero {
  position: relative; }

body.node-type-listing.section-whats-on .primary_colour_blue {
  background: transparent; }

body.node-type-listing.section-whats-on .pane-node-field-summary {
  display: none; }

body.node-type-listing.section-whats-on .hero-overview-content {
  padding: 0; }

body.node-type-listing.section-whats-on .hero .pane-node-title h1 {
  top: -9px;
  margin-bottom: 0;
  left: 0; }
  @media (min-width: 768px) {
    body.node-type-listing.section-whats-on .hero .pane-node-title h1 {
      top: -45px; } }
  @media (min-width: 769px) {
    body.node-type-listing.section-whats-on .hero .pane-node-title h1 {
      top: -9px; } }

.node-type-landing .hero,
.node-type-exhibition .hero,
.node-type-festival .hero {
  padding: 20px 0 0 0; }
  @media (min-width: 768px) {
    .node-type-landing .hero,
    .node-type-exhibition .hero,
    .node-type-festival .hero {
      padding: 30px 0 0 0; } }
  .node-type-landing .hero .hero-overview,
  .node-type-exhibition .hero .hero-overview,
  .node-type-festival .hero .hero-overview {
    margin-top: 0;
    padding: 10px 0 22px 0; }
    @media (min-width: 768px) {
      .node-type-landing .hero .hero-overview,
      .node-type-exhibition .hero .hero-overview,
      .node-type-festival .hero .hero-overview {
        padding-bottom: 0; } }
    @media (min-width: 1024px) {
      .node-type-landing .hero .hero-overview,
      .node-type-exhibition .hero .hero-overview,
      .node-type-festival .hero .hero-overview {
        background-color: #FFFFFF; } }
    .node-type-landing .hero .hero-overview .hero-content-wrapper,
    .node-type-exhibition .hero .hero-overview .hero-content-wrapper,
    .node-type-festival .hero .hero-overview .hero-content-wrapper {
      background-color: #FFFFFF; }
      .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-left,
      .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-left,
      .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left {
        padding-right: 0px; }
        @media (min-width: 768px) {
          .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-left,
          .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-left,
          .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left {
            padding-right: 35px; } }
        .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-left .hero-overview-content,
        .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-left .hero-overview-content,
        .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left .hero-overview-content {
          padding: 30px 0 10px 0; }
          .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-left .hero-overview-content .field--name-field-summary,
          .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-left .hero-overview-content .field--name-field-summary,
          .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left .hero-overview-content .field--name-field-summary {
            width: 100%; }
        .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor,
        .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor,
        .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor {
          display: none; }
          @media (min-width: 768px) {
            .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor,
            .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor,
            .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor {
              display: block;
              bottom: 3px;
              left: 0; }
              .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor,
              .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor,
              .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor {
                position: absolute;
                bottom: 16px;
                left: 0; } }
      .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side,
      .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side,
      .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side {
        padding: 0; }
        @media (min-width: 768px) {
          .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side,
          .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side,
          .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side {
            margin-top: 10px; } }
        @media (min-width: 1024px) {
          .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side,
          .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side,
          .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side {
            margin-top: 9px; } }
        .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-node-field-overview-secondary,
        .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-node-field-overview-secondary,
        .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-node-field-overview-secondary {
          float: none; }
        .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links,
        .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links,
        .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links {
          margin-top: 20px; }
          @media (min-width: 768px) {
            .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links,
            .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links,
            .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links {
              display: none; } }
          @media (min-width: 768px) {
            .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links h2.pane-title,
            .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links h2.pane-title,
            .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links h2.pane-title {
              display: none; } }
          @media (min-width: 768px) {
            .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links .service-links,
            .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links .service-links,
            .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-service-links .service-links {
              display: none; } }
        @media (min-width: 768px) {
          .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-node-field-sponsor,
          .node-type-exhibition .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-node-field-sponsor,
          .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-right .hero-overview-content-side .pane-node-field-sponsor {
            display: none; } }
  .node-type-landing .hero .hero-menu-overview,
  .node-type-exhibition .hero .hero-menu-overview,
  .node-type-festival .hero .hero-menu-overview {
    margin: 0 0 0 0;
    width: 100%;
    width: 100%;
    border-bottom: solid 0 rgba(0, 0, 0, 0.2); }
    @media (min-width: 1024px) {
      .node-type-landing .hero .hero-menu-overview,
      .node-type-exhibition .hero .hero-menu-overview,
      .node-type-festival .hero .hero-menu-overview {
        width: 100%;
        margin: 0;
        background-color: transparent;
        border-bottom: solid 1px rgba(0, 0, 0, 0.2); } }
    .node-type-landing .hero .hero-menu-overview .panel-pane.pane-block, .node-type-landing .hero .hero-menu-overview .panel-pane.pane-1,
    .node-type-exhibition .hero .hero-menu-overview .panel-pane.pane-block,
    .node-type-exhibition .hero .hero-menu-overview .panel-pane.pane-1,
    .node-type-festival .hero .hero-menu-overview .panel-pane.pane-block,
    .node-type-festival .hero .hero-menu-overview .panel-pane.pane-1 {
      margin-bottom: 0; }
      .node-type-landing .hero .hero-menu-overview .panel-pane.pane-block a.internal-tab-link, .node-type-landing .hero .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link,
      .node-type-exhibition .hero .hero-menu-overview .panel-pane.pane-block a.internal-tab-link,
      .node-type-exhibition .hero .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link,
      .node-type-festival .hero .hero-menu-overview .panel-pane.pane-block a.internal-tab-link,
      .node-type-festival .hero .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link {
        font-size: 1rem;
        line-height: 1.46667;
        text-transform: lowercase;
        font-weight: bold;
        padding-bottom: 10px;
        margin-right: 0; }
        .node-type-landing .hero .hero-menu-overview .panel-pane.pane-block a.internal-tab-link.active, .node-type-landing .hero .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link.active,
        .node-type-exhibition .hero .hero-menu-overview .panel-pane.pane-block a.internal-tab-link.active,
        .node-type-exhibition .hero .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link.active,
        .node-type-festival .hero .hero-menu-overview .panel-pane.pane-block a.internal-tab-link.active,
        .node-type-festival .hero .hero-menu-overview .panel-pane.pane-1 a.internal-tab-link.active {
          padding-bottom: 10px; }
    .node-type-landing .hero .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link,
    .node-type-exhibition .hero .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link,
    .node-type-festival .hero .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link {
      font-size: 1rem;
      line-height: 1.46667;
      text-transform: none;
      font-weight: bold;
      padding-bottom: 11px; }
      .node-type-landing .hero .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link.active,
      .node-type-exhibition .hero .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link.active,
      .node-type-festival .hero .hero-menu-overview .panel-pane.pane-entity-field a.internal-tab-link.active {
        padding-bottom: 10px; }

.node-type-landing .hero .hero-overview-content .field--name-field-summary {
  padding-top: 2px; }

/* festival hero */
.node-type-festival .has_logo .pane-node-title h1 {
  padding-right: 60px; }
  @media (min-width: 1024px) {
    .node-type-festival .has_logo .pane-node-title h1 {
      padding-right: 154px; } }

@media (min-width: 768px) {
  .node-type-landing .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor {
    position: relative; } }

@media (min-width: 768px) {
  .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor {
    position: relative;
    display: inline-block;
    clear: both;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px; }
    .node-type-festival .hero .hero-overview .hero-content-wrapper .hero-overview-left .pane-node-field-sponsor .field--name-field-sponsor {
      bottom: 0;
      position: relative; } }

/*-------------------------------------------------------*\
  Alternative hero styling for the Archive LANDING PAGE.
\*-------------------------------------------------------*/
.archive-hero-styling.node-type-landing .hero {
  padding-top: 75px; }
  .archive-hero-styling.node-type-landing .hero .hero-menu-overview {
    display: none; }
  .archive-hero-styling.node-type-landing .hero .hero-text {
    position: absolute;
    top: -53px; }
  .archive-hero-styling.node-type-landing .hero .hero-text-position {
    top: 0; }
  .archive-hero-styling.node-type-landing .hero .pane-node-title h1 {
    padding-left: 0;
    color: #000000;
    top: 0; }
    @media (min-width: 768px) {
      .archive-hero-styling.node-type-landing .hero .pane-node-title h1 {
        padding-left: 45px; } }

/*-------------------------------------------------------*\
  Specific styles for video hero image
\*-------------------------------------------------------*/
.l-node--hero .field--name-field-primary-video .c-feature-manual .feature_hero_manual {
  overflow: visible; }
  .l-node--hero .field--name-field-primary-video .c-feature-manual .feature_hero_manual .video-play-btn {
    z-index: 1; }
  .l-node--hero .field--name-field-primary-video .c-feature-manual .feature_hero_manual img {
    position: relative;
    max-width: calc(100% + 20px);
    margin: 0px -10px 35px -10px; }
    @media (min-width: 768px) {
      .l-node--hero .field--name-field-primary-video .c-feature-manual .feature_hero_manual img {
        max-width: calc(100% + 60px);
        margin: 0px -30px 35px -30px; } }
    @media (min-width: 1024px) {
      .l-node--hero .field--name-field-primary-video .c-feature-manual .feature_hero_manual img {
        max-width: calc(100% + 80px);
        margin: 0px -40px 35px -40px; } }
    @media (min-width: 1600px) {
      .l-node--hero .field--name-field-primary-video .c-feature-manual .feature_hero_manual img {
        max-width: calc(100% + 100px);
        margin: 0px -50px 35px -50px; } }

.no-tint-video .c-feature .c-feature-hero-media {
  mix-blend-mode: normal !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-node--hero .c-feature .c-feature-hero-media {
    opacity: 0.9; }
    .l-node--hero .c-feature .c-feature-hero-media img {
      z-index: -1; }
  .no-tint-video .c-feature .c-feature-hero-media {
    opacity: 1; }
    .no-tint-video .c-feature .c-feature-hero-media img {
      z-index: 1; } }

/*------------------------------------*\
  #CAROUSEL
\*------------------------------------*/
.hero-media .slick-track,
.hero-media .slick-slider {
  position: inherit; }

.slick__arrow {
  position: absolute;
  top: 45%;
  width: 100%;
  left: 0;
  z-index: 800; }
  .slick__arrow:hover {
    cursor: pointer; }

button.slick-prev {
  content: 'previous';
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
  color: transparent;
  margin-left: 10px;
  background-image: url("../images/carousel-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 10px;
  transition: background-color 0.3s ease-in; }
  @media (min-width: 768px) {
    button.slick-prev {
      margin-left: 30px; } }
  @media (min-width: 1024px) {
    button.slick-prev {
      margin-left: 40px; } }
  @media (min-width: 1600px) {
    button.slick-prev {
      margin-left: 50px; } }
  button.slick-prev:hover {
    cursor: pointer;
    background-color: #000000; }

button.slick-next.slick-arrow {
  content: 'next';
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
  color: transparent;
  margin-right: 10px;
  float: right;
  background-image: url("../images/carousel-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 10px;
  transition: background-color 0.3s ease-in; }
  @media (min-width: 768px) {
    button.slick-next.slick-arrow {
      margin-right: 30px; } }
  @media (min-width: 1024px) {
    button.slick-next.slick-arrow {
      margin-right: 40px; } }
  @media (min-width: 1600px) {
    button.slick-next.slick-arrow {
      margin-right: 50px; } }
  button.slick-next.slick-arrow:hover {
    cursor: pointer;
    background-color: #000000; }

.hero-overview .paragraphs-item-quote {
  margin-top: 22px; }
  .hero-overview .paragraphs-item-quote .slick-next.slick-arrow {
    position: absolute;
    bottom: -25%;
    right: 32%; }
    @media (min-width: 768px) {
      .hero-overview .paragraphs-item-quote .slick-next.slick-arrow {
        right: 30%; } }
  .hero-overview .paragraphs-item-quote .slick-prev.slick-arrow {
    position: absolute;
    bottom: -25%;
    left: 33%; }
    @media (min-width: 768px) {
      .hero-overview .paragraphs-item-quote .slick-prev.slick-arrow {
        left: 30%; } }

/*------------------------------------*/
/*------------------------------------*/
.view-quote-slider {
  padding: 44px 0 0 0;
  float: left;
  width: 100%; }
  .view-quote-slider .paragraphs-item-quote {
    margin-right: 0;
    margin-left: 0; }
    .view-quote-slider .paragraphs-item-quote .field--name-field-reference .field__item,
    .view-quote-slider .paragraphs-item-quote .field--name-field-quote:before,
    .view-quote-slider .paragraphs-item-quote .field--name-field-reference:after {
      background-color: transparent; }
    .view-quote-slider .paragraphs-item-quote .field--name-field-quote:before {
      line-height: 1; }
    .view-quote-slider .paragraphs-item-quote .field--name-field-reference .field__item {
      top: 22px; }
    .view-quote-slider .paragraphs-item-quote .field--name-field-reference:after {
      bottom: 4px; }

.hero-overview {
  margin-top: 22px; }
  .hero-overview .paragraphs-item-quote {
    margin-right: 0;
    margin-left: 0; }
    .hero-overview .paragraphs-item-quote .field--name-field-reference .field__item,
    .hero-overview .paragraphs-item-quote .field--name-field-quote:before,
    .hero-overview .paragraphs-item-quote .field--name-field-reference:after {
      background-color: transparent; }
    .hero-overview .paragraphs-item-quote .field--name-field-quote:before {
      line-height: 1; }
    .hero-overview .paragraphs-item-quote .field--name-field-reference .field__item {
      top: 22px; }
    .hero-overview .paragraphs-item-quote .field--name-field-reference:after {
      bottom: 4px; }

.slick--view--primary-image-carousel {
  z-index: 10; }

/*------------------------------------*/
/*------------------------------------*/
.view-primary-image-carousel {
  margin: 0 -10px;
  line-height: 0;
  position: relative; }
  @media (min-width: 768px) {
    .view-primary-image-carousel {
      margin: 0 -30px; } }
  @media (min-width: 1024px) {
    .view-primary-image-carousel {
      margin: 0 -40px; } }
  @media (min-width: 1600px) {
    .view-primary-image-carousel {
      margin: 0 -50px; } }
  .view-primary-image-carousel .field--name-field-file-image-title-text {
    line-height: 24px; }

.primary-video-hero {
  line-height: 0;
  position: relative; }
  .primary-video-hero .field--name-field-file-image-title-text {
    line-height: 24px; }

/*------------------------------------*/
/*------------------------------------*/
.video-img {
  position: relative; }

.primary-video-hero:hover {
  cursor: pointer; }

.primary-video-hero .video-play-btn {
  background-image: url("../images/icon-video-play.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  height: 50px;
  width: 50px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  transition: all 0.3s ease-in;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 50%;
  left: 50%;
  color: transparent;
  transform: translate(-50%, -50%); }
  .primary-video-hero .video-play-btn:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
    border-color: #000000;
    background-blend-mode: multiply; }
  @media (min-width: 1024px) {
    .primary-video-hero .video-play-btn {
      height: 80px;
      width: 80px;
      border: solid 1px rgba(0, 0, 0, 0.2);
      display: inline-block;
      transition: all 0.3s ease-in;
      background-size: 24px 24px; }
      .primary-video-hero .video-play-btn:hover {
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.1);
        border-color: #000000;
        background-blend-mode: multiply; } }
  .primary-video-hero .video-play-btn:hover {
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: inherit; }

.field--name-field-featured-reference-second .primary-video-hero.primary-video-hero-featured-item .video-img .field--name-field-image:before {
  display: none; }

.c-featured-carousel--item .primary-video-hero-featured-item .video-img .video-play-btn,
.c-suggestion-carousel--item .primary-video-hero-featured-item .video-img .video-play-btn {
  display: none; }

.c-featured-carousel--item .primary-video-hero-featured-item .video-img .field--name-field-image:before,
.c-suggestion-carousel--item .primary-video-hero-featured-item .video-img .field--name-field-image:before {
  display: none; }

/*------------------------------------*/
/*------------------------------------*/
.node-type-event .pane-views-primary-image-carousel-block:after,
.node-type-exhibition .pane-views-primary-image-carousel-block:after,
.node-type-festival .pane-views-primary-image-carousel-block:after,
.node-type-landing .pane-views-primary-image-carousel-block:after {
  background-image: none; }

/*------------------------------------*\
 #IMAGE credits
\*------------------------------------*/
.c-link-container {
  width: 20px;
  height: 20px;
  color: #EDEDED;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center; }
  .c-link-container:hover {
    text-decoration: none;
    cursor: pointer; }

.c-image-credit-content {
  padding: 5px 15px;
  max-width: 300px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(116, 116, 116, 0.48) 25%, #747474 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#747474',GradientType=0 );
  color: #FFFFFF; }
  .c-image-credit-content .field__label {
    display: none; }

.paragraphs-item-image .file-image-bynder .content {
  line-height: 0; }

.paragraphs-item-image .c-image-credit-wrapper {
  line-height: 24px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 650; }

/*------------------------------------*/
/*------------------------------------*/
.hero .c-image-credit-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 777; }

.hero .c-link-container {
  float: right; }

.hero .c-image-credit-content {
  clear: both;
  display: none; }

.c-feature-manual .c-image-credit-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 777; }

.c-feature-manual .c-link-container {
  float: right; }

.c-feature-manual .c-image-credit-content {
  clear: both;
  display: none; }

/* top events */
.c-topevent-hero-media .c-image-credit-wrapper,
.c-feature-hero-media .c-image-credit-wrapper {
  position: absolute;
  top: 0;
  right: 10px; }
  @media (min-width: 768px) {
    .c-topevent-hero-media .c-image-credit-wrapper,
    .c-feature-hero-media .c-image-credit-wrapper {
      right: 30px; } }
  @media (min-width: 1024px) {
    .c-topevent-hero-media .c-image-credit-wrapper,
    .c-feature-hero-media .c-image-credit-wrapper {
      right: 40px; } }
  @media (min-width: 1600px) {
    .c-topevent-hero-media .c-image-credit-wrapper,
    .c-feature-hero-media .c-image-credit-wrapper {
      right: 50px; } }

.c-topevent-hero-media .c-link-container,
.c-feature-hero-media .c-link-container {
  line-height: 22px; }

.c-topevent-hero-media .c-link-container {
  float: right; }

.c-topevent-hero-media .c-image-credit-content {
  clear: right;
  padding: 10px 15px; }

/*------------------------------------*\
  #NAVIGATION BLOCKS (BELOW ARTICLE)
\*------------------------------------*/
.node-type-page .pane-southbank-block-navigation-blocks-navigation h2,
.node-type-page .pane-southbank-block-related h2,
.node-type-page .recommend-block-type-recommend h2,
.node-type-page .recommend-block-type-shop h2,
.node-type-page .pane-southbank-block-stories h2 {
  position: relative;
  z-index: 200;
  left: 0;
  font-style: lowercase;
  margin-bottom: 0;
  padding-left: 8px;
  text-transform: lowercase; }
  @media (min-width: 768px) {
    .node-type-page .pane-southbank-block-navigation-blocks-navigation h2,
    .node-type-page .pane-southbank-block-related h2,
    .node-type-page .recommend-block-type-recommend h2,
    .node-type-page .recommend-block-type-shop h2,
    .node-type-page .pane-southbank-block-stories h2 {
      padding-left: 28px; } }
  @media (min-width: 1024px) {
    .node-type-page .pane-southbank-block-navigation-blocks-navigation h2,
    .node-type-page .pane-southbank-block-related h2,
    .node-type-page .recommend-block-type-recommend h2,
    .node-type-page .recommend-block-type-shop h2,
    .node-type-page .pane-southbank-block-stories h2 {
      padding-left: 36px; } }
  @media (min-width: 1600px) {
    .node-type-page .pane-southbank-block-navigation-blocks-navigation h2,
    .node-type-page .pane-southbank-block-related h2,
    .node-type-page .recommend-block-type-recommend h2,
    .node-type-page .recommend-block-type-shop h2,
    .node-type-page .pane-southbank-block-stories h2 {
      padding-left: 46px; } }

.pane-southbank-block-navigation-blocks-navigation,
.pane-southbank-block-related,
.recommend-block-type-recommend,
.recommend-block-type-shop {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  clear: both;
  float: left;
  width: 100%; }
  @media (min-width: 768px) {
    .pane-southbank-block-navigation-blocks-navigation,
    .pane-southbank-block-related,
    .recommend-block-type-recommend,
    .recommend-block-type-shop {
      max-width: 1600px; } }
  @media (min-width: 1024px) {
    .pane-southbank-block-navigation-blocks-navigation,
    .pane-southbank-block-related,
    .recommend-block-type-recommend,
    .recommend-block-type-shop {
      margin-top: 70px; } }
  .pane-southbank-block-navigation-blocks-navigation h2,
  .pane-southbank-block-related h2,
  .recommend-block-type-recommend h2,
  .recommend-block-type-shop h2 {
    position: relative;
    left: 0;
    font-style: lowercase;
    z-index: 300;
    margin-bottom: 0;
    padding-left: 10px;
    bottom: -5px;
    text-transform: lowercase; }
    @media (min-width: 768px) {
      .pane-southbank-block-navigation-blocks-navigation h2,
      .pane-southbank-block-related h2,
      .recommend-block-type-recommend h2,
      .recommend-block-type-shop h2 {
        padding-left: 30px;
        bottom: -6px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-navigation-blocks-navigation h2,
      .pane-southbank-block-related h2,
      .recommend-block-type-recommend h2,
      .recommend-block-type-shop h2 {
        padding-left: 40px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-navigation-blocks-navigation h2,
      .pane-southbank-block-related h2,
      .recommend-block-type-recommend h2,
      .recommend-block-type-shop h2 {
        padding-left: 50px; } }
  .pane-southbank-block-navigation-blocks-navigation h4,
  .pane-southbank-block-related h4,
  .recommend-block-type-recommend h4,
  .recommend-block-type-shop h4 {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    clear: both; }
  .pane-southbank-block-navigation-blocks-navigation a,
  .pane-southbank-block-related a,
  .recommend-block-type-recommend a,
  .recommend-block-type-shop a {
    text-decoration: none; }
    .pane-southbank-block-navigation-blocks-navigation a:hover,
    .pane-southbank-block-related a:hover,
    .recommend-block-type-recommend a:hover,
    .recommend-block-type-shop a:hover {
      text-decoration: none; }
  .pane-southbank-block-navigation-blocks-navigation .image,
  .pane-southbank-block-related .image,
  .recommend-block-type-recommend .image,
  .recommend-block-type-shop .image {
    line-height: 0;
    position: relative;
    margin-left: 0; }
    @media (min-width: 768px) {
      .pane-southbank-block-navigation-blocks-navigation .image,
      .pane-southbank-block-related .image,
      .recommend-block-type-recommend .image,
      .recommend-block-type-shop .image {
        margin-left: -1px; } }
    .pane-southbank-block-navigation-blocks-navigation .image img,
    .pane-southbank-block-related .image img,
    .recommend-block-type-recommend .image img,
    .recommend-block-type-shop .image img {
      opacity: 0.8; }
      .pane-southbank-block-navigation-blocks-navigation .image img:hover,
      .pane-southbank-block-related .image img:hover,
      .recommend-block-type-recommend .image img:hover,
      .recommend-block-type-shop .image img:hover {
        opacity: 1;
        transition: opacity 0.3s ease-in; }
  .pane-southbank-block-navigation-blocks-navigation .event_date,
  .pane-southbank-block-related .event_date,
  .recommend-block-type-recommend .event_date,
  .recommend-block-type-shop .event_date {
    margin-bottom: 8px; }
  .pane-southbank-block-navigation-blocks-navigation .tags,
  .pane-southbank-block-related .tags,
  .recommend-block-type-recommend .tags,
  .recommend-block-type-shop .tags {
    float: left; }
  .pane-southbank-block-navigation-blocks-navigation .title,
  .pane-southbank-block-related .title,
  .recommend-block-type-recommend .title,
  .recommend-block-type-shop .title {
    clear: both; }
  .pane-southbank-block-navigation-blocks-navigation .text,
  .pane-southbank-block-related .text,
  .recommend-block-type-recommend .text,
  .recommend-block-type-shop .text {
    margin-bottom: 10px; }

.pane-southbank-block-related .parent {
  padding: 20px 0 20px 0;
  width: calc(100% - 20px);
  float: left;
  margin: 0 10px 0 10px;
  position: relative; }
  @media (min-width: 768px) {
    .pane-southbank-block-related .parent {
      width: calc(100% - 60px);
      margin: 0 30px 0 30px; } }
  @media (min-width: 1024px) {
    .pane-southbank-block-related .parent {
      width: calc(100% - 80px);
      margin: 0 40px 0 40px;
      padding-top: 30px; } }
  @media (min-width: 1600px) {
    .pane-southbank-block-related .parent {
      width: calc(100% - 100px);
      margin: 0 50px 0 50px; } }

.pane-southbank-block-navigation-blocks-navigation h2 {
  bottom: 5px; }

.pane-southbank-block-navigation-blocks-navigation .parent {
  padding: 0 0 20px 0;
  width: calc(100% - 20px);
  float: left;
  margin: 0 10px 0 10px;
  position: relative; }
  @media (min-width: 768px) {
    .pane-southbank-block-navigation-blocks-navigation .parent {
      width: calc(100% - 60px);
      margin: 0 30px 0 30px; } }
  @media (min-width: 1024px) {
    .pane-southbank-block-navigation-blocks-navigation .parent {
      width: calc(100% - 80px);
      margin: 0 40px 0 40px; } }
  @media (min-width: 1600px) {
    .pane-southbank-block-navigation-blocks-navigation .parent {
      width: calc(100% - 100px);
      margin: 0 50px 0 50px; } }

.section-whats-on .pane-southbank-block-navigation-blocks-navigation {
  margin-top: 20px; }
  @media (min-width: 1024px) {
    .section-whats-on .pane-southbank-block-navigation-blocks-navigation {
      margin-top: 30px; } }

.view-happening-today a.c-btn--secondary:after,
.pane-southbank-block-navigation-blocks-navigation a.c-btn--secondary:after,
.pane-southbank-block-related a.c-btn--secondary:after,
.recommend-block-type-recommend a.c-btn--secondary:after {
  margin-left: 0; }

.block-caption {
  float: left;
  padding: 7px 10px; }
  @media (min-width: 768px) {
    .block-caption {
      padding: 7px 30px; } }
  @media (min-width: 1024px) {
    .block-caption {
      padding: 14px 40px; } }
  @media (min-width: 1600px) {
    .block-caption {
      padding: 14px 50px; } }

@media (min-width: 768px) {
  .pane-southbank-block-navigation-blocks-navigation h2 {
    bottom: 7px; } }

.pane-southbank-block-navigation-blocks-navigation .overlap-wrapper {
  margin: 0 -10px 0 -20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start; }
  @media (min-width: 768px) {
    .pane-southbank-block-navigation-blocks-navigation .overlap-wrapper {
      margin: 0 -30px 0 -60px; } }
  @media (min-width: 1024px) {
    .pane-southbank-block-navigation-blocks-navigation .overlap-wrapper {
      margin: 0 -40px 0 -80px; } }
  @media (min-width: 1600px) {
    .pane-southbank-block-navigation-blocks-navigation .overlap-wrapper {
      margin: 0 -50px 0 -100px; } }

.pane-southbank-block-navigation-blocks-navigation .navigation-blocks-item {
  vertical-align: top;
  height: 100%;
  margin-bottom: 20px;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
  @media (min-width: 768px) {
    .pane-southbank-block-navigation-blocks-navigation .navigation-blocks-item {
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
      margin-bottom: 40px; } }
  @media (min-width: 768px) {
    .pane-southbank-block-navigation-blocks-navigation .navigation-blocks-item.three-item {
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%; } }
  @media (min-width: 768px) {
    .pane-southbank-block-navigation-blocks-navigation .navigation-blocks-item.two-item {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; } }
  .pane-southbank-block-navigation-blocks-navigation .navigation-blocks-item .nav-block__margin {
    margin-left: 10px; }
    @media (min-width: 768px) {
      .pane-southbank-block-navigation-blocks-navigation .navigation-blocks-item .nav-block__margin {
        margin-left: 30px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-navigation-blocks-navigation .navigation-blocks-item .nav-block__margin {
        margin-left: 40px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-navigation-blocks-navigation .navigation-blocks-item .nav-block__margin {
        margin-left: 50px; } }

.pane-southbank-block-navigation-blocks-navigation .offset {
  width: calc(100% - 40px);
  margin: -36px 20px 0 20px;
  background-color: #FFFFFF;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  padding: 10px 10px 0 15px;
  position: relative;
  z-index: 300; }
  @media (min-width: 768px) {
    .pane-southbank-block-navigation-blocks-navigation .offset {
      width: calc(100% - 60px);
      margin: -36px 30px 0 30px;
      padding: 20px 20px 0 30px; } }
  @media (min-width: 1024px) {
    .pane-southbank-block-navigation-blocks-navigation .offset {
      width: calc(100% - 80px);
      margin: -36px 40px 0 40px; } }
  @media (min-width: 1600px) {
    .pane-southbank-block-navigation-blocks-navigation .offset {
      width: calc(100% - 100px);
      margin: -36px 50px 0 50px; } }

.pane-southbank-block-navigation-blocks-navigation .text {
  padding-left: 0; }
  .pane-southbank-block-navigation-blocks-navigation .text .field--name-field-summary {
    margin: 0; }

.pane-southbank-block-navigation-blocks-navigation .image .field-collection-container {
  border-bottom: solid 0 transparent;
  margin-bottom: 0; }

.pane-southbank-block-navigation-blocks-navigation .image .primary-video-hero .field--name-field-image:before {
  display: none; }

/*------------------------------------*\
#RELATED BLOCKS (BELOW ARTICLE)
\*------------------------------------*/
.pane-southbank-block-related .parent {
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 );
  display: block;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-bottom: 0; }
  @media (min-width: 768px) {
    .pane-southbank-block-related .parent {
      display: -ms-flexbox;
      display: flex; } }

.pane-southbank-block-related .overlap-wrapper {
  display: block;
  margin: 0 -10px;
  width: calc(100% + 20px); }
  @media (min-width: 768px) {
    .pane-southbank-block-related .overlap-wrapper {
      margin: 0 -30px;
      width: calc(100% + 60px);
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1024px) {
    .pane-southbank-block-related .overlap-wrapper {
      margin: 0 -40px;
      width: calc(100% + 80px); } }
  @media (min-width: 1600px) {
    .pane-southbank-block-related .overlap-wrapper {
      margin: 0 -50px;
      width: calc(100% + 100px); } }

.pane-southbank-block-related .related-item {
  width: 100%;
  margin: 0; }
  @media (min-width: 768px) {
    .pane-southbank-block-related .related-item {
      width: calc(100% / 4);
      background: transparent url("../images/repeat-grey20.png") repeat-y right 0; } }
  .pane-southbank-block-related .related-item.last {
    background: transparent none repeat-y right 0; }
  .pane-southbank-block-related .related-item a {
    text-decoration: none; }
    .pane-southbank-block-related .related-item a .link {
      transition: background 0.3s ease-in;
      background-image: url("../images/arrow-right.svg");
      background-repeat: no-repeat;
      background-position: 0 1px;
      background-size: 19px 11px;
      display: inline-block;
      width: 29px;
      height: 12px; }
    .pane-southbank-block-related .related-item a img {
      width: 100%;
      opacity: 0.8; }
    .pane-southbank-block-related .related-item a:hover {
      color: #000000; }
      .pane-southbank-block-related .related-item a:hover .link {
        background-position: 10px 1px; }
      .pane-southbank-block-related .related-item a:hover img {
        opacity: 1;
        transition: opacity 0.3s ease-in; }
  .pane-southbank-block-related .related-item:hover {
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease-in; }

.pane-southbank-block-related .offset {
  padding: 20px 30px 20px 20px; }
  @media (min-width: 768px) {
    .pane-southbank-block-related .offset {
      padding-left: 20px; } }
  @media (min-width: 1024px) {
    .pane-southbank-block-related .offset {
      padding-left: 30px; } }

.pane-southbank-block-related .related-item.first .offset {
  margin-left: 0; }
  @media (min-width: 768px) {
    .pane-southbank-block-related .related-item.first .offset {
      margin-left: 30px;
      width: calc(100% - 30px); } }
  @media (min-width: 1024px) {
    .pane-southbank-block-related .related-item.first .offset {
      margin-left: 40px;
      width: calc(100% - 40px); } }
  @media (min-width: 1600px) {
    .pane-southbank-block-related .related-item.first .offset {
      margin-left: 50px;
      width: calc(100% - 50px); } }

.pane-southbank-block-related .related-item.last .offset {
  padding-right: 70px; }

.pane-southbank-block-related .text {
  padding-left: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .pane-southbank-block-related .text {
      display: none; } }
  .pane-southbank-block-related .text .field--name-field-summary {
    margin: 0; }

.pane-southbank-block-related .image {
  line-height: 0;
  margin-left: 0; }
  @media (min-width: 768px) {
    .pane-southbank-block-related .image {
      margin-left: -1px; } }

/*------------------------------------*\
  #WE RECOMMEND BLOCKS (BELOW ARTICLE)
\*------------------------------------*/
.recommend-block-type-recommend h2 {
  position: relative;
  left: 0;
  font-style: lowercase;
  z-index: 300;
  margin-bottom: 0;
  padding-left: 10px;
  bottom: -5px; }
  @media (min-width: 768px) {
    .recommend-block-type-recommend h2 {
      padding-left: 30px;
      bottom: -6px; } }
  @media (min-width: 1024px) {
    .recommend-block-type-recommend h2 {
      padding-left: 40px; } }
  @media (min-width: 1600px) {
    .recommend-block-type-recommend h2 {
      padding-left: 50px; } }

.recommend-block-type-recommend .primary-video-hero .field--name-field-image:before {
  display: none; }

.recommend-block-type-recommend .parent {
  padding: 20px 0 0 0;
  background: #43b890;
  background: linear-gradient(135deg, #43b890 0%, #008ec3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b890', endColorstr='#008ec3',GradientType=1 );
  width: calc(100% - 20px);
  margin: 0 10px 0 10px;
  display: block;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media (min-width: 768px) {
    .recommend-block-type-recommend .parent {
      width: calc(100% - 60px);
      margin: 0 30px 0 30px;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1024px) {
    .recommend-block-type-recommend .parent {
      width: calc(100% - 80px);
      margin: 0 40px 0 40px;
      padding-top: 30px; } }
  @media (min-width: 1600px) {
    .recommend-block-type-recommend .parent {
      width: calc(100% - 100px);
      margin: 0 50px 0 50px; } }

.recommend-block-type-recommend .recommend-block-caption {
  padding: 25px 10px 0 10px; }
  @media (min-width: 1024px) {
    .recommend-block-type-recommend .recommend-block-caption {
      padding: 0 30px 0 30px; } }

.recommend-block-type-recommend .overlap-wrapper {
  display: block;
  margin: 0 -10px;
  width: calc(100% + 20px); }
  @media (min-width: 768px) {
    .recommend-block-type-recommend .overlap-wrapper {
      margin: 0 -30px;
      width: calc(100% + 60px);
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1024px) {
    .recommend-block-type-recommend .overlap-wrapper {
      margin: 0 -40px;
      width: calc(100% + 80px); } }
  @media (min-width: 1600px) {
    .recommend-block-type-recommend .overlap-wrapper {
      margin: 0 -50px;
      width: calc(100% + 100px); } }

.recommend-block-type-recommend .recommend-item {
  width: 100%;
  margin: 0;
  border-right: solid 0 rgba(0, 0, 0, 0.2);
  display: inline-block; }
  @media (min-width: 768px) {
    .recommend-block-type-recommend .recommend-item {
      width: calc(25% - 1px);
      border-right: solid 1px rgba(0, 0, 0, 0.2); } }
  .recommend-block-type-recommend .recommend-item.last {
    border-right: solid 1px transparent; }
  .recommend-block-type-recommend .recommend-item a {
    text-decoration: none; }
    .recommend-block-type-recommend .recommend-item a .link {
      background-image: url("../images/arrow-right.svg");
      background-repeat: no-repeat;
      background-position: 0 1px;
      background-size: 19px 11px;
      display: inline-block;
      width: 29px;
      height: 12px;
      transition: background 0.3s ease-in; }
    .recommend-block-type-recommend .recommend-item a img {
      width: 100%;
      opacity: 0.8;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
    .recommend-block-type-recommend .recommend-item a:hover {
      color: #000000; }
      .recommend-block-type-recommend .recommend-item a:hover .link {
        background-position: 10px 1px; }
      .recommend-block-type-recommend .recommend-item a:hover img {
        opacity: 1;
        transition: opacity 0.3s ease-in; }
  .recommend-block-type-recommend .recommend-item:hover {
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer; }

.recommend-block-type-recommend .offset {
  padding: 20px 30px;
  float: left;
  width: 100%; }
  @media (min-width: 768px) {
    .recommend-block-type-recommend .offset {
      padding-left: 20px; } }
  @media (min-width: 1024px) {
    .recommend-block-type-recommend .offset {
      padding-left: 30px; } }

.recommend-block-type-recommend .recommend-item.first .offset {
  margin-left: 0; }
  @media (min-width: 768px) {
    .recommend-block-type-recommend .recommend-item.first .offset {
      margin-left: 30px;
      width: calc(100% - 30px); } }
  @media (min-width: 1024px) {
    .recommend-block-type-recommend .recommend-item.first .offset {
      margin-left: 40px;
      width: calc(100% - 40px); } }
  @media (min-width: 1600px) {
    .recommend-block-type-recommend .recommend-item.first .offset {
      margin-left: 50px;
      width: calc(100% - 50px); } }

.recommend-block-type-recommend .recommend-item.last .offset {
  padding-right: 70px; }

.recommend-block-type-recommend .text {
  padding-left: 0; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .recommend-block-type-recommend .text {
      display: none; } }
  .recommend-block-type-recommend .text .field--name-field-summary {
    margin: 0; }
  .recommend-block-type-recommend .text .field--name-field-rec-item-2-summary {
    margin-bottom: 22px; }

.recommend-block-type-recommend .image {
  float: left;
  line-height: 0;
  margin-left: 0; }
  @media (min-width: 768px) {
    .recommend-block-type-recommend .image {
      margin-left: -1px; } }
  .recommend-block-type-recommend .image .field-collection-container {
    border-bottom: none;
    margin-bottom: 0; }

.recommend-block-type-shop .recommend-block-caption {
  padding: 25px 10px 0 10px; }
  @media (min-width: 1024px) {
    .recommend-block-type-shop .recommend-block-caption {
      padding: 0 30px 0 30px; } }

.recommend-block-type-shop .parent {
  padding: 0;
  width: calc(100% - 20px);
  margin: 0 10px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  display: block;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media (min-width: 768px) {
    .recommend-block-type-shop .parent {
      width: calc(100% - 60px);
      margin: 0 30px;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 1024px) {
    .recommend-block-type-shop .parent {
      width: calc(100% - 80px);
      margin: 0 40px;
      padding-top: 40px; } }
  @media (min-width: 1600px) {
    .recommend-block-type-shop .parent {
      width: calc(100% - 100px);
      margin: 0 50px; } }

.recommend-block-type-shop .overlap-wrapper {
  padding-top: 20px; }

.recommend-block-type-shop .recommend-item {
  display: inline-block;
  width: 100%;
  margin: 30px 0 0 0;
  padding-bottom: 30px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
  @media (min-width: 768px) {
    .recommend-block-type-shop .recommend-item {
      width: calc(49% - 40px);
      margin: 0 20px 30px 20px;
      border-bottom: solid 0 rgba(0, 0, 0, 0.2);
      padding-bottom: 0; } }
  @media (min-width: 1024px) {
    .recommend-block-type-shop .recommend-item {
      width: calc(24% - 80px);
      margin: 0 40px 30px 40px;
      border-bottom: solid 0 rgba(0, 0, 0, 0.2); } }

.recommend-block-type-shop .recommend-item.last {
  border-bottom: solid 0 rgba(0, 0, 0, 0.2); }

.recommend-block-type-shop .offset {
  padding: 0 20px 30px 20px;
  width: 50%;
  display: inline-block;
  vertical-align: top; }
  @media (min-width: 768px) {
    .recommend-block-type-shop .offset {
      padding: 30px 0 0 0;
      width: auto; } }

.recommend-block-type-shop .image {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px; }
  @media (min-width: 768px) {
    .recommend-block-type-shop .image {
      padding-left: 0;
      width: auto; } }

.recommend-block-type-shop h4 {
  font-size: 1rem;
  line-height: 1.46667;
  font-family: 'SBCAkkuratPro', sans-serif; }

.recommend-block-type-shop .text {
  padding-left: 0;
  font-size: 1.46667rem;
  line-height: 1;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal; }

/*------------------------------------*\
  #SEARCH
\*------------------------------------*/
.l-header .search {
  opacity: 1;
  visibility: hidden;
  height: 0%;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: visibility 0.3s ease-in-out, height 0.3s ease-in-out, background-color 0.3s ease-in-out; }
  .l-header .search.active {
    visibility: visible;
    height: 100%;
    z-index: 990; }
  .l-header .search .max-w-container {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    padding: 0; }
    @media (min-width: 768px) {
      .l-header .search .max-w-container {
        padding: 0; } }
    .l-header .search .max-w-container .auto_submit.form-text.form-autocomplete {
      padding-top: 18px;
      padding-bottom: 18px; }

.menu-open .c-menu-topbar .search.active a:hover {
  color: #BB55AE; }

.search-close-button {
  padding: 12px 12px 11px 12px;
  position: absolute;
  right: 0;
  top: 10px;
  text-decoration: none; }
  @media (min-width: 1024px) {
    .search-close-button {
      right: 30px;
      top: 16px; } }
  .search-close-button:hover {
    text-decoration: none;
    cursor: pointer; }
    .search-close-button:hover .search-close-button-icon {
      background-image: url("../images/icon-close-hover.svg");
      background-size: 14px 15px; }
  .search-close-button .search-close-button-text {
    text-decoration: none;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    display: inline-block; }
    @media (min-width: 1024px) {
      .search-close-button .search-close-button-text {
        padding-right: 8px; } }
  .search-close-button .search-close-button-icon {
    background-image: url("../images/icon-close.svg");
    background-repeat: no-repeat;
    background-size: 14px 15px;
    display: inline-block;
    width: 15px;
    height: 15px; }

.block--search-form {
  position: relative;
  top: 0;
  float: left;
  background-color: #FFFFFF;
  width: 100%; }
  .block--search-form .search-block-form {
    height: 60px; }
    @media (min-width: 768px) {
      .block--search-form .search-block-form {
        height: 100px;
        padding-top: 6px; } }
  .block--search-form .form-item {
    display: inline-block;
    margin: 0;
    width: 100%;
    float: left; }
  .block--search-form .form-actions {
    display: inline-block;
    margin: 0;
    width: 40px;
    float: left; }
  .block--search-form input.form-text {
    border: solid 0 transparent;
    padding: 9px 70px 9px 9px;
    display: inline-block;
    width: 100%;
    float: left;
    font-size: 3.33333rem;
    line-height: 1.32;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal; }
  .block--search-form input.form-submit {
    visibility: hidden; }

.l-region--search .form-item {
  padding: 0; }

.l-region--search .form-submit {
  display: none; }

.l-region--search input {
  width: 100%;
  font-size: 1.5rem;
  color: black;
  border: 0;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  padding-right: 80px; }
  @media (min-width: 768px) {
    .l-region--search input {
      font-size: 32px; } }
  @media (min-width: 768px) {
    .l-region--search input.auto_submit {
      padding-left: 30px; } }
  @media (min-width: 1024px) {
    .l-region--search input.auto_submit {
      padding-left: 40px; } }
  @media (min-width: 1600px) {
    .l-region--search input.auto_submit {
      padding-left: 45px; } }

.l-region--search input:focus {
  outline: none; }

.l-region--search .form-autocomplete {
  background-image: none; }

html.js .form-autocomplete {
  background-image: none; }

#autocomplete {
  font-size: 32px;
  background: #fff;
  border: none;
  color: #000;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: 20px;
  left: 0 !important;
  right: 0 !important; }
  #autocomplete li {
    padding: 5px 10px;
    font-size: 1.2rem;
    line-height: 1.22222;
    text-align: left;
    width: 100%;
    display: block; }
    @media (min-width: 768px) {
      #autocomplete li {
        padding-left: 30px; } }
    @media (min-width: 1024px) {
      #autocomplete li {
        padding-left: 40px; } }
    @media (min-width: 1600px) {
      #autocomplete li {
        padding-left: 50px; } }
  #autocomplete .selected {
    background: #737373;
    color: #fff; }

.block--search-api-page h2.block__title {
  display: none; }

.search-page-form {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }
  .search-page-form .form-submit {
    display: none; }
  .search-page-form input {
    width: 100%;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.2); }

.section-search .hero {
  margin-top: 60px; }
  .section-search .hero h1 {
    margin-left: 0;
    max-width: inherit;
    top: -24px;
    position: absolute; }
    @media (min-width: 768px) {
      .section-search .hero h1 {
        top: -30px; } }

.section-search .search-api-page-results {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  clear: both; }
  .section-search .search-api-page-results .form-submit {
    border: solid 0 transparent;
    float: left;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: transparent;
    padding: 12px 12px 11px 12px;
    text-decoration: none;
    background-image: url("../images/icon-search-white.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 11px 12px;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.3s ease-in; }
    .section-search .search-api-page-results .form-submit:hover {
      cursor: pointer;
      background-color: #000; }
  .section-search .search-api-page-results .search-result-number {
    color: #737373;
    margin: 0 10px 22px 10px; }
    @media (min-width: 768px) {
      .section-search .search-api-page-results .search-result-number {
        margin: 0 0 22px 0; } }
    .section-search .search-api-page-results .search-result-number .inline {
      display: inline-block;
      padding-right: 5px; }
    .section-search .search-api-page-results .search-result-number .search-term {
      display: inline-block;
      color: #000000;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal; }

.section-search .c-search-item {
  position: relative;
  padding: 44px 22px 22px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  background-color: #FFFFFF;
  margin: 0 10px; }
  @media (min-width: 768px) {
    .section-search .c-search-item {
      margin: 0; } }
  .section-search .c-search-item:last-child {
    border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
  .section-search .c-search-item:hover {
    background-color: rgba(92, 103, 128, 0.05); }

.section-search .c-search-item--type {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 1px 3px 0 3px;
  text-transform: uppercase;
  font-size: 0.73333rem;
  line-height: 14px;
  color: #666666;
  font-weight: normal;
  color: white; }

.section-search .c-search-item--image {
  position: relative;
  right: 0;
  overflow: hidden; }
  @media (min-width: 768px) {
    .section-search .c-search-item--image {
      overflow: visible;
      float: right; }
      .section-search .c-search-item--image .c-search-item--image-container {
        margin-right: -50px; } }

.section-search .has-image {
  min-height: 250px; }
  .section-search .has-image h3,
  .section-search .has-image .c-search-item--text {
    margin-right: 0; }
    @media (min-width: 768px) {
      .section-search .has-image h3,
      .section-search .has-image .c-search-item--text {
        margin-right: 220px; } }
    .section-search .has-image h3 a,
    .section-search .has-image .c-search-item--text a {
      text-decoration: none; }

.c-tabs ul {
  padding: 0;
  float: left;
  width: 100%;
  margin: 0 10px 22px 10px; }
  @media (min-width: 768px) {
    .c-tabs ul {
      margin: 0 0 22px 0; } }
  .c-tabs ul li {
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
    list-style-type: none;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.46667;
    padding: 10px;
    border: solid 1px rgba(0, 0, 0, 0.3); }
    .c-tabs ul li:hover {
      border: solid 1px #000000;
      background-color: rgba(0, 0, 0, 0.1);
      text-decoration: none; }
    .c-tabs ul li a {
      text-decoration: none;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      font-size: 1rem;
      line-height: 1.46667; }
      .c-tabs ul li a.facetapi-active {
        color: #FFFFFF;
        border: solid 1px #000000;
        background-color: black; }

.c-tabs input {
  display: none; }

.c-search-item--info {
  text-transform: uppercase; }

.view-press-releases .view-content {
  margin-bottom: 20px; }

.view-press-releases .c-search-item h3 a {
  text-decoration: none; }

/*------------------------------------*\
  #COLOUR AND IMAGE STYLES
\*------------------------------------*/
.primary_colour_blue {
  background: #43b890;
  background: linear-gradient(135deg, #43b890 0%, #008ec3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b890', endColorstr='#008ec3',GradientType=1 ); }

.primary_colour_orange {
  background: #ebc22a;
  background: linear-gradient(135deg, #ebc22a 0%, #e57122 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57122', endColorstr='#ebc22a',GradientType=1 ); }

.primary_colour_purple {
  background: #f1b4ca;
  background: linear-gradient(135deg, #f1b4ca 0%, #8e81ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b4ca', endColorstr='#8e81ca',GradientType=1 ); }

.primary_colour_white {
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 ); }

.primary_colour_black {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.primary_colour_green {
  background: #d1e165;
  background: linear-gradient(135deg, #d1e165 0%, #52b779 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e165', endColorstr='#52b779',GradientType=1 ); }

.primary_colour_pink {
  background: #e96d78;
  background: linear-gradient(135deg, #e96d78 0%, #bb55ae 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e96d78', endColorstr='#bb55ae',GradientType=1 ); }

.primary_colour_yellow {
  background: #fffbb7;
  background: linear-gradient(135deg, #fffbb7 0%, #ffe635 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbb7', endColorstr='#ffe635',GradientType=1 ); }

.primary_colour_yellow-fill {
  background-color: #FFD200; }

.primary_colour_palepink {
  background: #ed2737;
  background: linear-gradient(135deg, #ed2737 0%, #ff747f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2737', endColorstr='#ff747f',GradientType=1 ); }

.primary_image_mode_tint, .primary_image_mode_tint .field--name-field-image {
  mix-blend-mode: normal; }
  @media (min-width: 768px) {
    .primary_image_mode_tint, .primary_image_mode_tint .field--name-field-image {
      mix-blend-mode: multiply; } }

.primary_image_mode_transparent .slick-slide img {
  opacity: 0.8; }

/*------------------------------------*\
  #STORIES BLOCK
\*------------------------------------*/
.pane-southbank-block-stories {
  clear: both;
  float: left;
  position: relative;
  margin-top: 0;
  width: 100%; }
  @media (min-width: 768px) {
    .pane-southbank-block-stories {
      margin-top: 40px; } }
  .pane-southbank-block-stories h2 {
    position: relative;
    left: 0;
    font-style: lowercase;
    z-index: 300;
    margin-bottom: 0;
    padding-left: 10px;
    bottom: -5px; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories h2 {
        padding-left: 30px;
        bottom: -6px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories h2 {
        padding-left: 40px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories h2 {
        padding-left: 50px; } }
  .pane-southbank-block-stories .c-stories .overlap-wrapper {
    margin: 0 -10px; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories .overlap-wrapper {
        margin: 0 -30px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories .overlap-wrapper {
        margin: 0 -40px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories .overlap-wrapper {
        margin: 0 -50px; } }
  .pane-southbank-block-stories .c-stories .stories-item img {
    opacity: 0.8; }
    .pane-southbank-block-stories .c-stories .stories-item img:hover {
      opacity: 1;
      transition: opacity 0.3s ease-in; }
  .pane-southbank-block-stories .c-stories .stories-item .image .icon-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 500;
    width: 50px;
    height: 50px;
    transition: all 0.3s ease-in; }
  .pane-southbank-block-stories .c-stories .stories-item .image.audio .icon-wrap {
    background-color: rgba(51, 51, 51, 0.8); }
    .pane-southbank-block-stories .c-stories .stories-item .image.audio .icon-wrap:hover {
      cursor: pointer;
      background-color: #000000; }
    .pane-southbank-block-stories .c-stories .stories-item .image.audio .icon-wrap .icon {
      width: 50px;
      height: 50px;
      background-image: url("../images/icon-audio.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px 19px; }
  .pane-southbank-block-stories .c-stories .stories-item .image.video .icon-wrap {
    background-color: rgba(51, 51, 51, 0.8); }
    .pane-southbank-block-stories .c-stories .stories-item .image.video .icon-wrap:hover {
      cursor: pointer;
      background-color: #000000; }
    .pane-southbank-block-stories .c-stories .stories-item .image.video .icon-wrap .icon {
      width: 50px;
      height: 50px;
      background-image: url("../images/icon-video-play.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 14px 14px; }
  .pane-southbank-block-stories .c-stories .stories-item .archive {
    position: relative; }
  .pane-southbank-block-stories .c-stories .stories-item .c-stories-item__archive {
    background-color: #FFD200;
    color: #000;
    padding: 8px 10px 6px 10px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 0.73333rem;
    line-height: 14px; }
  .pane-southbank-block-stories .c-stories.c-stories--count-3 .parent {
    background-color: #FFFFFF;
    padding: 0 0 40px 0;
    width: calc(100% - 20px);
    float: left;
    margin: 0 10px 0px 10px;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.2); }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .parent {
        width: calc(100% - 60px);
        margin: 0 30px 0px 30px;
        padding: 0 0 30px 0; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .parent {
        width: calc(100% - 80px);
        margin: 0 40px 0px 40px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .parent {
        width: calc(100% - 100px);
        margin: 0 50px 0px 50px; } }
  .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item {
    float: left;
    display: inline-block;
    width: calc(100% - 10px);
    margin: 0 10px 20px 0;
    position: relative;
    vertical-align: top; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item {
        margin: 0;
        width: calc(100% - 30px); } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item {
        margin: 30px 0 0 0;
        /*width: calc(100% - 40px);*/
        width: calc(50% - 20px); } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item {
        width: 50%;
        margin-right: 0; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item:nth-child(3) {
        margin-top: 50px; } }
    .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .c-stories-item--text-wrap {
      padding: 0 40px 0 20px;
      float: left;
      width: 50%;
      border-top: solid 0 transparent; }
      @media (min-width: 768px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .c-stories-item--text-wrap {
          padding: 15px 50px 0 30px;
          width: 70%;
          border-top: solid 1px rgba(0, 0, 0, 0.2); } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .c-stories-item--text-wrap {
          width: 50%;
          border-top: solid 0 transparent;
          padding: 0 30px; } }
    .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .image {
      float: left;
      position: relative;
      line-height: 0;
      width: 50%;
      max-width: 300px; }
      @media (min-width: 768px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .image {
          width: 30%;
          /*width: auto;*/ } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .image {
          /*width: auto;*/
          width: 50%; } }
    .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .link {
      padding-bottom: 10px; }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .link {
          padding-bottom: 0; } }
    .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary {
      margin: 30px 0 20px 0; }
      @media (min-width: 768px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary {
          margin: 30px 0 0 0; } }
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .image {
        margin-right: 0;
        max-width: 300px; }
        @media (min-width: 1024px) {
          .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .image {
            margin-right: 30px;
            max-width: inherit;
            width: auto; } }
      .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .text {
        display: none; }
        @media (min-width: 768px) {
          .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .text {
            display: block; } }
        @media (min-width: 1024px) {
          .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .text {
            display: none; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .offset {
          width: 94%; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .c-stories-item--text-wrap {
          padding-top: 22px;
          padding-left: 30px;
          width: calc(100% - 70px);
          margin-left: 40px; } }
      @media (min-width: 1600px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .c-stories-item--text-wrap {
          width: calc(100% - 80px);
          margin-left: 50px; } }
  .pane-southbank-block-stories .c-stories.c-stories--count-2 .parent {
    background-color: #FFFFFF;
    padding: 0 0 40px 0;
    width: calc(100% - 20px);
    float: left;
    margin: 0 10px 20px 10px;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.2); }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-2 .parent {
        width: calc(100% - 60px);
        margin: 0 30px 0 30px;
        padding: 0 0 30px 0;
        border: solid 1px rgba(0, 0, 0, 0.2); } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-2 .parent {
        width: calc(100% - 80px);
        margin: 0 40px 0 40px;
        padding: 0 0 20px 0;
        border: solid 0 transparent; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-2 .parent {
        width: calc(100% - 100px);
        margin: 0 50px 0 50px; } }
  .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item {
    float: left;
    display: inline-block;
    width: calc(100% - 10px);
    margin: 0 10px 0 0;
    position: relative;
    vertical-align: top; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item {
        margin: 0 30px 0 0;
        width: calc(100% - 30px); } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item {
        margin: 0 0 0 20px;
        width: calc(50% - 20px); } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item {
        margin: 0 0 0 20px;
        width: calc(50% - 20px); } }
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .c-stories-item--text-wrap {
      padding: 0 20px;
      float: left;
      width: 50%;
      min-height: auto; }
      @media (min-width: 768px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .c-stories-item--text-wrap {
          padding-top: 15px;
          width: 70%;
          border-top: solid 1px rgba(0, 0, 0, 0.2); } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .c-stories-item--text-wrap {
          min-height: 234px; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .c-stories-item--text-wrap {
          width: 100%;
          border-top: solid 0 transparent; } }
      @media (min-width: 1600px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .c-stories-item--text-wrap {
          min-height: 190px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .offset {
        position: relative;
        margin: 0 10px 25px 10px;
        width: calc(100% - 20px);
        padding: 60px 0 22px 0;
        padding-top: 20px;
        border: solid 1px rgba(0, 0, 0, 0.2);
        float: left; } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .offset {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .offset {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1024px) and (min-width: 1600px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .offset {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .offset {
      padding-top: 30px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .offset {
      padding-top: 40px; } }
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .image {
      float: left;
      position: relative;
      line-height: 0;
      width: 50%;
      max-width: 300px; }
      @media (min-width: 768px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .image {
          width: 30%; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .image {
          margin: 0 -10px;
          position: relative;
          width: auto;
          clear: both;
          float: none;
          max-width: none; } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .image {
      margin: 0 -30px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .image {
      margin: 0 -40px; } }
  @media (min-width: 1024px) and (min-width: 1600px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item .image {
      margin: 0 -50px; } }
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary {
      margin: 30px 30px 20px 0; }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary {
          margin: 0 20px 0 0; } }
      .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .image {
        margin-right: 0;
        max-width: 300px; }
        @media (min-width: 1024px) {
          .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .image {
            max-width: inherit;
            margin: 0 -10px;
            position: relative; } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .image {
      margin: 0 -30px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .image {
      margin: 0 -40px; } }
  @media (min-width: 1024px) and (min-width: 1600px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .image {
      margin: 0 -50px; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .offset {
          position: relative;
          margin: 0 10px 25px 10px;
          width: calc(100% - 20px);
          padding: 60px 0 22px 0;
          padding-top: 20px;
          border: solid 1px rgba(0, 0, 0, 0.2);
          float: left; } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .offset {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .offset {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1024px) and (min-width: 1600px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .offset {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .offset {
      padding-top: 30px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-2 .stories-item.primary .offset {
      padding-top: 40px; } }
  .pane-southbank-block-stories .c-stories.c-stories--count-1 .parent {
    background-color: #FFFFFF;
    padding: 0 0 40px 0;
    width: calc(100% - 20px);
    float: left;
    margin: 0 10px 0px 10px;
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.2); }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-1 .parent {
        width: calc(100% - 60px);
        margin: 0 30px 0px 30px;
        padding: 0 0 30px 0; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-1 .parent {
        width: calc(100% - 80px);
        margin: 0 40px 0px 40px;
        padding: 0 0 20px 0;
        border: solid 0 transparent; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-1 .parent {
        width: calc(100% - 100px);
        margin: 0 50px 0px 50px; } }
  .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item {
    float: left;
    display: inline-block;
    width: calc(100% - 10px);
    margin: 0 10px 0 0;
    position: relative;
    vertical-align: top; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item {
        margin: 0 30px 0 0;
        width: calc(100% - 30px); } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item {
        margin: 0 0 0 20px;
        width: calc(100% - 20px); }
        .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary {
          margin: 0 20px 0 0; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item {
        margin: 0 0 0 50px;
        width: calc(100% - 50px); } }
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .c-stories-item--text-wrap {
      padding: 0 40px 0 20px;
      float: left;
      width: 50%; }
      @media (min-width: 768px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .c-stories-item--text-wrap {
          padding-top: 15px;
          width: 70%; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .c-stories-item--text-wrap {
          width: 50%; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .offset {
        position: relative;
        margin: 0 10px 25px 10px;
        width: calc(100% - 20px);
        padding: 60px 0 22px 0;
        padding-top: 20px;
        border: solid 1px rgba(0, 0, 0, 0.2);
        float: left; } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .offset {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .offset {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1024px) and (min-width: 1600px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .offset {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .offset {
      padding-top: 30px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .offset {
      padding-top: 40px; } }
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .image {
      float: left;
      position: relative;
      line-height: 0;
      width: 50%;
      max-width: 300px; }
      @media (min-width: 768px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .image {
          width: 30%; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item .image {
          width: 50%; } }
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary {
      margin-top: 30px; }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary {
          margin-top: 0; } }
      .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary .image {
        margin-right: 0;
        max-width: 300px; }
        @media (min-width: 1024px) {
          .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary .image {
            max-width: inherit;
            margin: 0 -10px;
            position: relative; } }
  @media (min-width: 1024px) and (min-width: 768px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary .image {
      margin: 0 -30px; } }
  @media (min-width: 1024px) and (min-width: 1024px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary .image {
      margin: 0 0 0 -40px; } }
  @media (min-width: 1024px) and (min-width: 1600px) {
    .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary .image {
      margin: 0 0 0 -50px; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary .offset {
          border: solid 1px rgba(0, 0, 0, 0.2);
          float: left;
          margin: 0 40px 25px 40px;
          width: calc(100% - 60px); } }
      @media (min-width: 1600px) {
        .pane-southbank-block-stories .c-stories.c-stories--count-1 .stories-item.primary .offset {
          margin: 0 50px 25px 50px;
          width: calc(100% - 80px); } }
  .pane-southbank-block-stories .c-stories .type {
    display: none;
    letter-spacing: 2px; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories .type {
        display: block;
        text-transform: uppercase;
        font-size: 0.73333rem;
        line-height: 14px;
        color: #666666;
        font-weight: normal;
        color: #000000;
        margin-bottom: 8px; } }
  .pane-southbank-block-stories .c-stories .text {
    display: none; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories .text {
        padding-left: 0;
        display: block; }
        .pane-southbank-block-stories .c-stories .text .field--name-field-summary {
          margin: 0; } }
  .pane-southbank-block-stories .c-stories .link {
    display: none;
    padding-top: 10px; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories .link {
        display: block; } }
  .pane-southbank-block-stories .c-stories h4 {
    font-family: 'SCNoeBold', sans-serif;
    font-size: 1.2rem;
    line-height: 1.22222; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories h4 {
        font-size: 1.46667rem;
        line-height: 23px; } }
  .pane-southbank-block-stories .c-stories a {
    text-decoration: none; }
    .pane-southbank-block-stories .c-stories a:hover {
      text-decoration: none; }
  .pane-southbank-block-stories .c-stories .c-btn--primary {
    position: absolute;
    bottom: -10px;
    right: 0; }
    @media (min-width: 768px) {
      .pane-southbank-block-stories .c-stories .c-btn--primary {
        right: 10px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-stories .c-stories .c-btn--primary {
        right: 30px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-stories .c-stories .c-btn--primary {
        right: 40px; } }

@media (min-width: 1024px) {
  body.node-type-event .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .image {
    width: 30%; } }

@media (min-width: 1600px) {
  body.node-type-event .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item.primary .image {
    width: 100%; } }

@media (min-width: 768px) {
  body.node-type-event .pane-southbank-block-stories .c-stories.c-stories--count-3 .stories-item .text {
    display: none; } }

body.node-type-event .pane-southbank-block-stories {
  margin-top: 0; }
  @media (min-width: 1024px) {
    body.node-type-event .pane-southbank-block-stories {
      margin-top: 0; } }

@media (min-width: 1024px) {
  .no-title-gradient .c-feature .c-feature-hero-text:after {
    background-image: none; } }

.no-image-tint .c-feature .c-feature-hero-media {
  mix-blend-mode: initial; }

.pane-node-field-api-event-summary .c-multibuy-links {
  padding-bottom: 22px;
  margin-top: -22px; }
  .pane-node-field-api-event-summary .c-multibuy-links ul {
    padding: 0; }
    .pane-node-field-api-event-summary .c-multibuy-links ul li {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .pane-node-field-api-event-summary .c-multibuy-links ul li .c-btn-multibuy-discount-link {
        padding: 0; }

.pane-node-field-api-performers-grp,
.pane-node-field-api-repertoire,
.pane-node-field-api-performers,
.pane-node-field-api-works {
  margin-bottom: 10px; }
  .pane-node-field-api-performers-grp p,
  .pane-node-field-api-repertoire p,
  .pane-node-field-api-performers p,
  .pane-node-field-api-works p {
    margin-bottom: 0; }
  .pane-node-field-api-performers-grp .heading,
  .pane-node-field-api-performers-grp .title,
  .pane-node-field-api-repertoire .heading,
  .pane-node-field-api-repertoire .title,
  .pane-node-field-api-performers .heading,
  .pane-node-field-api-performers .title,
  .pane-node-field-api-works .heading,
  .pane-node-field-api-works .title {
    font-style: normal;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal; }
  .pane-node-field-api-performers-grp .title,
  .pane-node-field-api-repertoire .title,
  .pane-node-field-api-performers .title,
  .pane-node-field-api-works .title {
    padding: 5px 0;
    text-transform: capitalize; }

/*------------------------------------*/
/*------------------------------------*/
.view-events {
  float: left;
  width: 100%;
  clear: both;
  margin-top: 22px; }

/*------------------------------------*/
/*------------------------------------*/
.l-node--right-bar {
  height: 100%; }
  .l-node--right-bar .c-info-container {
    background: #b2d4db;
    background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 ); }
    .l-node--right-bar .c-info-container .c-info-container__btn-list {
      text-align: right; }
  .l-node--right-bar h3, .l-node--right-bar h4 {
    margin-bottom: 0; }
  .l-node--right-bar .pane-node-field-sponsor {
    position: relative;
    left: 0;
    margin: 22px 0; }
    .l-node--right-bar .pane-node-field-sponsor .field--name-field-sponsor {
      float: left;
      text-align: left; }
      @media (min-width: 768px) {
        .l-node--right-bar .pane-node-field-sponsor .field--name-field-sponsor {
          text-align: center; } }
  .l-node--right-bar .pane-node-field-partner {
    float: left;
    clear: both;
    position: relative;
    bottom: 0; }
    .l-node--right-bar .pane-node-field-partner .field__label {
      text-transform: uppercase;
      font-size: 0.73333rem;
      line-height: 14px;
      color: #666666;
      font-weight: normal; }

.sb-book-now-btn {
  position: fixed;
  right: 0;
  bottom: 6px;
  z-index: 300;
  width: 100%; }
  @media (min-width: 768px) {
    .sb-book-now-btn {
      display: none; } }
  .sb-book-now-btn .c-info-container__btn {
    text-align: center; }
  .sb-book-now-btn a.c-btn--primary {
    margin-top: 6px; }
    @media (max-width: 768px) {
      .sb-book-now-btn a.c-btn--primary {
        background: #FFD200;
        color: #000000;
        width: calc(100% - 12px);
        box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.41), inset 0 -1px 0 0 #bd9b00; }
        .sb-book-now-btn a.c-btn--primary:after {
          background-image: url("../images/arrow-right.svg"); } }

.c-info-container__btn-flag__sold-out {
  background: #fff876;
  background: linear-gradient(135deg, #fff876 0%, #ffe000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff876', endColorstr='#ffe000',GradientType=1); }

.c-info-container__btn-flag__cancelled {
  background: #fff876;
  background: linear-gradient(135deg, #fff876 0%, #ffe000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff876', endColorstr='#ffe000',GradientType=1); }

.c-info-container__btn-flag__sale-soon {
  background: #5dd184;
  background: linear-gradient(135deg, #5dd184 0%, #3aa96e 100%); }

.c-info-container__btn-flag {
  position: absolute;
  width: 45%;
  text-align: center;
  padding: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-15deg); }
  @media (min-width: 768px) {
    .c-info-container__btn-flag {
      top: 4px;
      left: auto;
      right: -15px;
      transform: rotate(-15deg); } }

.c-info-container__btn {
  position: relative; }
  @media (min-width: 768px) {
    .c-info-container__btn {
      margin-top: 10px;
      right: -10px;
      bottom: -10px; } }

/*------------------------------------*\
  #LISTING PAGE
\*------------------------------------*/
body.node-type-listing .l-node--content {
  margin-bottom: 60px;
  clear: both; }

body.node-type-listing .hero {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0; }
  body.node-type-listing .hero .hero-overview {
    margin-top: 0;
    padding-top: 0; }
  body.node-type-listing .hero .hero-overview-content {
    position: relative; }
  body.node-type-listing .hero .pane-node-title {
    margin-left: 0;
    max-width: inherit;
    position: relative; }
    body.node-type-listing .hero .pane-node-title h1 {
      top: -45px;
      left: -24px;
      position: absolute; }
      @media (min-width: 768px) {
        body.node-type-listing .hero .pane-node-title h1 {
          top: -52px; } }
  body.node-type-listing .hero .pane-node-field-summary {
    margin: 22px 0;
    float: left;
    width: 100%; }
    @media (min-width: 768px) {
      body.node-type-listing .hero .pane-node-field-summary {
        margin-top: 0; } }
  body.node-type-listing .hero .pane-node-field-skip-to-listing-label {
    position: absolute;
    bottom: -10px;
    right: -10px; }
    @media (min-width: 768px) {
      body.node-type-listing .hero .pane-node-field-skip-to-listing-label {
        left: 22px; } }

body.node-type-listing .view-empty {
  float: left;
  width: calc(100% - 10px);
  margin-left: 10px; }
  @media (min-width: 768px) {
    body.node-type-listing .view-empty {
      width: calc(100% - 30px);
      margin-left: 30px; } }
  @media (min-width: 1024px) {
    body.node-type-listing .view-empty {
      width: calc(100% - 40px);
      margin-left: 40px; } }
  @media (min-width: 1600px) {
    body.node-type-listing .view-empty {
      width: calc(100% - 50px);
      margin-left: 50px; } }

.view-grouping,
.view-grouping-header,
.view-grouping-content,
.pane-node-field-blog-view {
  float: left;
  width: 100%;
  clear: both; }

.c-listing-view .view-header,
.view-whats-on .view-header,
.view-stories-listing .view-header,
.view-festival-blogs .view-header {
  padding: 10px 10px 0 10px; }
  @media (min-width: 768px) {
    .c-listing-view .view-header,
    .view-whats-on .view-header,
    .view-stories-listing .view-header,
    .view-festival-blogs .view-header {
      padding: 0 30px; } }
  @media (min-width: 1024px) {
    .c-listing-view .view-header,
    .view-whats-on .view-header,
    .view-stories-listing .view-header,
    .view-festival-blogs .view-header {
      padding: 0 40px; }
      .c-listing-view .view-header p,
      .view-whats-on .view-header p,
      .view-stories-listing .view-header p,
      .view-festival-blogs .view-header p {
        margin-bottom: 0; } }
  @media (min-width: 1600px) {
    .c-listing-view .view-header,
    .view-whats-on .view-header,
    .view-stories-listing .view-header,
    .view-festival-blogs .view-header {
      padding: 0 50px; } }

.c-listing-view .views-row,
.view-whats-on .views-row,
.view-stories-listing .views-row,
.view-festival-blogs .views-row {
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 );
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px);
  padding: 20px 0;
  margin-bottom: 10px;
  float: left; }
  @media (min-width: 768px) {
    .c-listing-view .views-row,
    .view-whats-on .views-row,
    .view-stories-listing .views-row,
    .view-festival-blogs .views-row {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .c-listing-view .views-row,
    .view-whats-on .views-row,
    .view-stories-listing .views-row,
    .view-festival-blogs .views-row {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .c-listing-view .views-row,
    .view-whats-on .views-row,
    .view-stories-listing .views-row,
    .view-festival-blogs .views-row {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  @media (min-width: 768px) {
    .c-listing-view .views-row,
    .view-whats-on .views-row,
    .view-stories-listing .views-row,
    .view-festival-blogs .views-row {
      position: relative;
      margin: 0 10px 25px 10px;
      width: calc(100% - 20px);
      padding: 30px 0 15px 0; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .c-listing-view .views-row,
    .view-whats-on .views-row,
    .view-stories-listing .views-row,
    .view-festival-blogs .views-row {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 768px) and (min-width: 1024px) {
    .c-listing-view .views-row,
    .view-whats-on .views-row,
    .view-stories-listing .views-row,
    .view-festival-blogs .views-row {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 768px) and (min-width: 1600px) {
    .c-listing-view .views-row,
    .view-whats-on .views-row,
    .view-stories-listing .views-row,
    .view-festival-blogs .views-row {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }

.view-whats-on .views-row {
  margin-bottom: 30px;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .view-whats-on .views-row {
      margin-bottom: 30px;
      padding-bottom: 40px; } }
  @media (min-width: 1600px) {
    .view-whats-on .views-row {
      margin-bottom: 30px;
      padding-bottom: 40px; } }

.view-stories-listing .views-row {
  border: solid 1px rgba(0, 0, 0, 0.2);
  background: white none repeat 0 0; }

.pager--infinite-scroll {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  padding: 15px 0; }
  .pager--infinite-scroll a {
    color: #FFFFFF;
    text-decoration: none;
    text-transform: lowercase;
    padding-right: 30px;
    background-image: url("../images/icon-expand-white.svg");
    background-repeat: no-repeat;
    background-position: 100% 46%;
    background-size: 11px 11px; }
    .pager--infinite-scroll a:hover {
      color: #FFFFFF;
      text-decoration: none;
      cursor: pointer; }

.view-whats-on .pager--infinite-scroll,
.view-stories-listing .pager--infinite-scroll {
  margin-left: 10px;
  margin-right: 10px; }
  @media (min-width: 768px) {
    .view-whats-on .pager--infinite-scroll,
    .view-stories-listing .pager--infinite-scroll {
      margin-left: 30px;
      margin-right: 0; } }
  @media (min-width: 1024px) {
    .view-whats-on .pager--infinite-scroll,
    .view-stories-listing .pager--infinite-scroll {
      margin-left: 40px; } }
  @media (min-width: 1600px) {
    .view-whats-on .pager--infinite-scroll,
    .view-stories-listing .pager--infinite-scroll {
      margin-left: 50px; } }

.listing-top {
  float: left;
  width: 100%; }

.l-node--content-constrained .pane-node-field-event-view {
  position: relative;
  margin: 0 10px 20px 0;
  width: calc(100% - 10px);
  margin: 0 0 20px 0;
  width: 100%; }
  @media (min-width: 768px) {
    .l-node--content-constrained .pane-node-field-event-view {
      margin: 0 30px 20px 0;
      width: calc(100% - 30px); } }
  @media (min-width: 1024px) {
    .l-node--content-constrained .pane-node-field-event-view {
      margin: 0 40px 20px 0;
      width: calc(100% - 40px); } }
  @media (min-width: 1600px) {
    .l-node--content-constrained .pane-node-field-event-view {
      margin: 0 50px 20px 0;
      width: calc(100% - 50px); } }

/*------------------------------------*\
  #TAG STYLING
\*------------------------------------*/
.field--name-field-artform,
.field--name-field-event-type,
.field--name-field-api-event-flags,
.field--name-field-api-artform {
  margin-bottom: 12px;
  float: left;
  width: 100%; }
  .field--name-field-artform .field__item,
  .field--name-field-event-type .field__item,
  .field--name-field-api-event-flags .field__item,
  .field--name-field-api-artform .field__item {
    float: left;
    text-transform: uppercase;
    font-size: 0.73333rem;
    line-height: 14px;
    color: #666666;
    font-weight: normal;
    letter-spacing: 1px;
    color: #000000;
    padding: 3px 5px 1px;
    margin: 0 1px 1px 0;
    position: relative;
    z-index: 600;
    border: solid 1px rgba(0, 0, 0, 0.2); }
    .field--name-field-artform .field__item a,
    .field--name-field-event-type .field__item a,
    .field--name-field-api-event-flags .field__item a,
    .field--name-field-api-artform .field__item a {
      text-decoration: none;
      color: #FFFFFF; }

.pane-node-field-artform > .field,
.pane-node-field-event-type > .field,
.pane-node-field-api-event-flags > .field,
.pane-node-field-api-artform > .field {
  width: auto;
  margin-bottom: 0; }

.hero-overview-content .panel-pane + .pane-1 {
  width: 100%;
  display: inline-block; }
  .hero-overview-content .panel-pane + .pane-1 h1 {
    margin-top: 20px; }

body.page-taxonomy-term .l-node--content {
  border: solid 1px rgba(0, 0, 0, 0.2);
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  float: none;
  clear: both; }
  body.page-taxonomy-term .l-node--content .l-node--header h1 {
    font-size: 1.6rem;
    line-height: 1.83333;
    padding: 15px 30px 0 30px; }
  body.page-taxonomy-term .l-node--content .links li {
    list-style-position: inside;
    list-style-type: none;
    margin-left: 30px; }
  body.page-taxonomy-term .l-node--content .links a {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px; }
    body.page-taxonomy-term .l-node--content .links a:after {
      background-image: url("../images/arrow-right-white.svg");
      background-repeat: no-repeat;
      background-position: 0 1px;
      background-size: 19px 11px;
      content: '';
      display: inline-block;
      width: 29px;
      height: 12px;
      margin-left: 30px;
      transition: background 0.3s ease-in; }
    body.page-taxonomy-term .l-node--content .links a:hover {
      color: #FFFFFF;
      text-decoration: none;
      background-color: #000;
      transition: background 0.3s ease-in; }
      body.page-taxonomy-term .l-node--content .links a:hover:after {
        background-position: 80% 1px; }
  body.page-taxonomy-term .l-node--content .service-links {
    display: none; }
  body.page-taxonomy-term .l-node--content ul.links .service-links-facebook,
  body.page-taxonomy-term .l-node--content ul.links .service-links-twitter {
    display: none; }
  body.page-taxonomy-term .l-node--content .field--type-media {
    display: none; }
  body.page-taxonomy-term .l-node--content .paragraphs-item-image {
    display: none; }
  body.page-taxonomy-term .l-node--content .field--name-field-summary {
    float: none; }

/*------------------------------------*\
  #STORIES LISTING
\*------------------------------------*/
.c-stories-listing .c-stories-listing-image {
  margin: 0 -10px 0 -10px;
  float: left;
  position: relative; }
  @media (min-width: 768px) {
    .c-stories-listing .c-stories-listing-image {
      margin: 0 0 0 -30px; } }
  @media (min-width: 1024px) {
    .c-stories-listing .c-stories-listing-image {
      margin: 0 0 0 -40px; } }
  @media (min-width: 1600px) {
    .c-stories-listing .c-stories-listing-image {
      margin: 0 0 0 -50px; } }
  .c-stories-listing .c-stories-listing-image p {
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    padding: 2px 6px 0;
    color: #FFFFFF;
    font-size: 0.73333rem;
    line-height: 2em; }
    .c-stories-listing .c-stories-listing-image p.c-stories-item__archive, .c-stories-listing .c-stories-listing-image p.c-stories-listing__archive {
      background-color: #FFD200;
      color: #000;
      padding: 8px 10px 6px 10px;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      font-size: 0.73333rem;
      line-height: 14px; }
  .c-stories-listing .c-stories-listing-image .icon-wrap {
    position: absolute;
    bottom: 7px;
    right: 0;
    z-index: 500;
    width: 50px;
    height: 50px;
    transition: all 0.3s ease-in; }
  .c-stories-listing .c-stories-listing-image.c-stories-image--audio .icon-wrap {
    background-color: rgba(51, 51, 51, 0.8); }
    .c-stories-listing .c-stories-listing-image.c-stories-image--audio .icon-wrap:hover {
      cursor: pointer;
      background-color: #000000; }
    .c-stories-listing .c-stories-listing-image.c-stories-image--audio .icon-wrap .icon {
      width: 50px;
      height: 50px;
      background-image: url("../images/icon-audio.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px 19px; }
  .c-stories-listing .c-stories-listing-image.c-stories-image--video .icon-wrap {
    background-color: rgba(51, 51, 51, 0.8); }
    .c-stories-listing .c-stories-listing-image.c-stories-image--video .icon-wrap:hover {
      cursor: pointer;
      background-color: #000000; }
    .c-stories-listing .c-stories-listing-image.c-stories-image--video .icon-wrap .icon {
      width: 50px;
      height: 50px;
      background-image: url("../images/icon-video-play.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 14px 14px; }

.c-stories-listing .c-stories-listing-offset {
  clear: both;
  margin-right: 10px;
  padding: 0 20px; }
  @media (min-width: 768px) {
    .c-stories-listing .c-stories-listing-offset {
      margin-right: 30px;
      clear: none;
      padding: 0; } }
  @media (min-width: 1024px) {
    .c-stories-listing .c-stories-listing-offset {
      margin-right: 40px; } }
  @media (min-width: 1600px) {
    .c-stories-listing .c-stories-listing-offset {
      margin-right: 50px; } }
  .c-stories-listing .c-stories-listing-offset .c-stories-listing-title a {
    text-decoration: none; }
    .c-stories-listing .c-stories-listing-offset .c-stories-listing-title a h4 {
      margin-bottom: 0; }

.c-stories-listing .c-stories-listing-date {
  padding-bottom: 7px; }

.c-stories-listing .c-stories-listing-title {
  padding-bottom: 10px; }

.c-stories-listing .c-stories-listing-festival .c-stories-listing-related-intro,
.c-stories-listing .c-stories-listing-festival .c-stories-listing-related-link {
  display: inline-block; }

.c-stories-listing .c-stories-listing-festival .c-stories-listing-related-link a {
  text-decoration: underline; }

.c-stories-listing .c-stories-listing-link {
  position: relative;
  text-align: right;
  clear: both;
  width: 100%;
  padding-top: 10px;
  padding-right: 10px; }
  @media (min-width: 768px) {
    .c-stories-listing .c-stories-listing-link {
      padding-right: 30px; } }
  @media (min-width: 1024px) {
    .c-stories-listing .c-stories-listing-link {
      padding-right: 40px; } }
  @media (min-width: 1600px) {
    .c-stories-listing .c-stories-listing-link {
      padding-right: 50px; } }

/*------------------------------------*\
  #WHATS ON
\*------------------------------------*/
@media (min-width: 768px) {
  .node-type-profile .l-node--pre-content {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both; }
    .node-type-profile .l-node--pre-content .pane-node-field-image {
      width: 32.20339%;
      float: left;
      margin-right: 1.69492%; }
    .node-type-profile .l-node--pre-content .pane-node-field-summary {
      width: 66.10169%;
      float: right;
      margin-right: 0; } }

/*------------------------------------*\
  #WHATS ON
\*------------------------------------*/
.l-node--content-constrained {
  position: relative;
  padding-left: 20px; }

.slide-wrapper {
  position: relative; }

.form-item-field-api-event-free {
  visibility: hidden;
  height: 0; }
  .form-item-field-api-event-free:last-child {
    visibility: visible;
    height: 20px; }

#edit-field-api-event-free-0,
#edit-field-api-event-free-all {
  visibility: hidden; }

.sticky-scroll-bottom {
  display: block;
  clear: both;
  width: 100%;
  color: transparent; }

.l-content--container {
  display: block;
  position: relative; }

.selected-option {
  background-color: #FFD200;
  padding: 4px;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal; }

.selected-suffix {
  padding-left: 5px;
  text-transform: lowercase;
  float: right;
  font-family: 'SBCAkkuratPro', sans-serif;
  font-size: 0.8rem;
  line-height: 1.83333; }
  .open .selected-suffix {
    display: none; }

.node-type-listing .left-col {
  margin-bottom: 60px; }

.left-col .views-exposed-form .loader,
.left-col .views-exposed-form .loader:after,
.facetapi-facetapi-ajax-links .loader,
.facetapi-facetapi-ajax-links .loader:after {
  border-radius: 50%;
  width: 2em;
  height: 2em; }

.left-col .views-exposed-form .loader,
.facetapi-facetapi-ajax-links .loader {
  overflow: hidden;
  float: right;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.3em solid rgba(255, 255, 255, 0.2);
  border-right: 0.3em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.3em solid rgba(255, 255, 255, 0.2);
  border-left: 0.3em solid #000000;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear; }

@keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.view-loader-container {
  position: relative;
  opacity: 0;
  z-index: 1001;
  transition: opacity, 0.5s ease-out; }
  .loading .view-loader-container {
    opacity: 1; }
  @media (max-width: 768px) {
    .view-loader-container {
      position: fixed;
      display: none;
      bottom: 0;
      left: 0;
      top: auto;
      height: 50px;
      width: 100%;
      background-color: white; }
      .loading .view-loader-container {
        opacity: 0.5;
        display: block; } }

.view-loader {
  background-image: url("../images/SBC_loader.gif");
  background-repeat: no-repeat;
  width: 77px;
  height: 100px;
  background-size: contain;
  top: 160px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  z-index: 999;
  opacity: 0;
  transition: opacity, 0.5s ease-out; }
  @media (max-width: 768px) {
    .view-loader {
      position: fixed;
      bottom: 0;
      top: auto;
      height: 50px;
      width: 50px; } }

.results-status {
  display: none; }
  @media (max-width: 768px) {
    .loaded .results-status {
      display: block;
      background-image: linear-gradient(-135deg, #000000 0%, #505050 100%);
      color: white;
      position: fixed;
      z-index: 1760;
      bottom: 10px;
      left: 10px;
      right: 10px;
      padding: 15px 10px 10px 10px;
      height: 50px;
      text-align: center;
      opacity: 1;
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      font-size: 1rem;
      line-height: 1.46667;
      text-transform: lowercase;
      transition: opacity, 0.2s ease-out; }
      .loading .loaded .results-status {
        opacity: 1; } }

.facet-filter-group-container {
  background-color: #FFD200; }
  .facet-filter-group-container .e-facet-filter-group-title {
    position: relative;
    text-transform: lowercase; }
  @media (max-width: 768px) {
    .facet-filter-group-container {
      width: 100%;
      padding-bottom: 0; }
      .facet-filter-group-container .e-facet-filter-group-title {
        background-color: #FFD200;
        overflow: auto;
        position: fixed;
        z-index: 900;
        height: 60px;
        left: 6px;
        bottom: 6px;
        width: calc(100% - 12px);
        box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.41), inset 0 -1px 0 0 #bd9b00; }
        .facet-filter-group-container .e-facet-filter-group-title:hover {
          cursor: pointer; }
        .facet-filter-group-container .e-facet-filter-group-title .title-text {
          font-size: 1rem;
          line-height: 1.46667;
          padding: 20px 28px 0 20px;
          text-align: center;
          position: relative;
          font-family: 'SBCAkkuratBoldPro', sans-serif;
          font-weight: normal; }
          .facet-filter-group-container .e-facet-filter-group-title .title-text span.plus-icon {
            background-image: url("../images/icon-expand.svg");
            background-repeat: no-repeat;
            background-position: center right;
            width: 24px;
            height: 20px;
            position: absolute; }
      .facet-filter-group-container.show {
        width: 100%; }
        .facet-filter-group-container.show .e-facet-filter-group-title {
          width: 100%;
          left: 0;
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 #bd9b00; }
          .facet-filter-group-container.show .e-facet-filter-group-title .title-text {
            text-align: left;
            padding: 10px 28px 10px 20px; }
            .facet-filter-group-container.show .e-facet-filter-group-title .title-text span.plus-icon {
              display: none; } }
  .facet-filter-group-container h3 {
    padding: 0 20px; }
    @media (width: 768px) {
      .facet-filter-group-container h3 {
        padding: 15px 20px 0 20px; } }
    @media (width: 1024px) {
      .facet-filter-group-container h3 {
        padding: 0 20px; } }

@media (max-width: 768px) {
  .show.facet-filter-group-container {
    top: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 9999; } }

@media (max-width: 768px) {
  .show.facet-filter-group-container .e-facet-filter-group-title {
    overflow: auto;
    position: fixed;
    bottom: auto;
    z-index: 9999;
    height: auto;
    cursor: pointer;
    border: none;
    padding-bottom: 0px;
    background-image: url("../images/icon-close.svg");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    width: 100%;
    height: auto; } }

.facet-filter-container {
  position: relative;
  margin-right: 10px; }
  @media (max-width: 768px) {
    .facet-filter-container {
      display: none; } }
  .show .facet-filter-container {
    overflow-y: scroll;
    display: block; }
  .facet-filter-container .views-widget-filter-field_api_festival a.plus {
    display: none; }
  @media (min-width: 768px) {
    .facet-filter-container {
      margin-right: 0; } }
  @media (max-width: 768px) {
    .facet-filter-container {
      transition: all, 0.3s ease-out;
      margin-left: 0;
      margin-right: 0;
      padding: 0;
      position: fixed;
      bottom: -1px;
      width: 100%; } }
  .facet-filter-container .views-exposed-form label, .facet-filter-container label {
    font-weight: normal;
    font-family: 'SBCAkkuratPro', sans-serif; }
  .facet-filter-container .views-submit-button {
    display: none; }
  .facet-filter-container .views-widget-filter-search_api_views_fulltext label {
    text-transform: uppercase; }
  .facet-filter-container .c-filter-input--free-section {
    margin-top: 10px;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-bottom: solid 2px #000000; }
    .facet-filter-container .c-filter-input--free-section .views-exposed-widget {
      width: 47%;
      padding: 0 15px 0 20px;
      display: inline-block;
      position: relative; }
      @media (min-width: 768px) {
        .facet-filter-container .c-filter-input--free-section .views-exposed-widget {
          width: 100%; } }
      @media (min-width: 1024px) {
        .facet-filter-container .c-filter-input--free-section .views-exposed-widget {
          width: 46%;
          padding: 0 0 0 20px; } }
      .facet-filter-container .c-filter-input--free-section .views-exposed-widget label {
        position: absolute;
        top: 20px;
        left: 48px; }
      .facet-filter-container .c-filter-input--free-section .views-exposed-widget .form-radios {
        display: inline-block;
        width: 100%; }
        .facet-filter-container .c-filter-input--free-section .views-exposed-widget .form-radios label {
          position: relative;
          left: 0;
          z-index: 30;
          top: 0; }
      .facet-filter-container .c-filter-input--free-section .views-exposed-widget .form-item {
        margin-bottom: 3px; }
  .facet-filter-container .views-exposed-widget {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 20px; }
    .facet-filter-container .views-exposed-widget .bold-pro,
    .facet-filter-container .views-exposed-widget .views-widget {
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal; }
    .facet-filter-container .views-exposed-widget.views-reset-button {
      width: auto; }
      .js .facet-filter-container .views-exposed-widget.views-reset-button {
        display: none; }
    .facet-filter-container .views-exposed-widget fieldset {
      border: solid 0 red;
      margin-bottom: 0;
      margin-top: 0; }
      .facet-filter-container .views-exposed-widget fieldset a.fieldset-title {
        text-decoration: none;
        margin-bottom: 10px;
        font-family: 'SBCAkkuratBoldPro', sans-serif;
        font-weight: normal;
        text-transform: lowercase; }
  .facet-filter-container .views-reset-button {
    margin-top: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0; }
    .facet-filter-container .views-reset-button input.form-submit {
      margin: 0;
      padding: 0;
      border: solid 0 green;
      text-decoration: underline;
      background-color: white;
      text-transform: lowercase; }
  .facet-filter-container .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0; }
  .facet-filter-container fieldset ul,
  .facet-filter-container .bef-select-as-checkboxes-fieldset ul {
    padding: 0;
    margin-left: 0;
    list-style: none;
    clear: both; }
    .facet-filter-container fieldset ul ul ul.bef-tree-child,
    .facet-filter-container .bef-select-as-checkboxes-fieldset ul ul ul.bef-tree-child {
      margin-left: 12px;
      margin-top: 4px; }
    .facet-filter-container fieldset ul li,
    .facet-filter-container .bef-select-as-checkboxes-fieldset ul li {
      list-style-type: none;
      margin-left: 0;
      padding: 3px;
      display: table;
      width: 92%; }
    .facet-filter-container fieldset ul input[type="text"],
    .facet-filter-container .bef-select-as-checkboxes-fieldset ul input[type="text"] {
      width: 100% !important; }
    .facet-filter-container fieldset ul .plus,
    .facet-filter-container .bef-select-as-checkboxes-fieldset ul .plus {
      position: absolute;
      right: 0;
      width: 26px;
      height: 28px;
      background: url(../images/sprite-updown.png) 0 28px;
      font-size: 0;
      color: white; }
      .facet-filter-container fieldset ul .plus.open,
      .facet-filter-container .bef-select-as-checkboxes-fieldset ul .plus.open {
        background-position: 0 0; }
  .facet-filter-container .form-item {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal; }
    .facet-filter-container .form-item.form-item-field-api-performance-date-value {
      width: 100%; }
      .facet-filter-container .form-item.form-item-field-api-performance-date-value .date-padding {
        width: 100%; }
    .facet-filter-container .form-item.form-type-radio, .facet-filter-container .form-item.form-type-checkbox {
      margin-bottom: 3px; }
  .facet-filter-container .form-type-radio .form-item label:after {
    background: transparent url("../images/checkbox-tick.png") no-repeat 0 0;
    position: relative;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: -32px;
    z-index: 600;
    content: '';
    opacity: 0; }

.view-loader-container {
  position: relative;
  opacity: 0;
  z-index: 1001;
  transition: opacity, 0.5s ease-out; }
  .loading .view-loader-container {
    opacity: 1; }
  @media (max-width: 768px) {
    .view-loader-container {
      position: fixed;
      display: none;
      bottom: 0;
      left: 0;
      top: auto;
      height: 50px;
      width: 100%;
      background-color: white; }
      .loading .view-loader-container {
        opacity: 0.5;
        display: block; } }

.view-loader {
  background-image: url("../images/SBC_loader.gif");
  background-repeat: no-repeat;
  width: 77px;
  height: 100px;
  background-size: contain;
  top: 160px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  z-index: 999;
  opacity: 0;
  transition: opacity, 0.5s ease-out; }
  @media (max-width: 768px) {
    .view-loader {
      position: fixed;
      bottom: 0;
      top: auto;
      height: 50px;
      width: 50px; } }

.results-status {
  display: none; }
  @media (max-width: 768px) {
    .loaded .results-status {
      display: block;
      background-image: linear-gradient(-135deg, #000000 0%, #505050 100%);
      color: white;
      position: fixed;
      z-index: 1760;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 10px;
      height: 50px;
      text-align: center;
      opacity: 1;
      transition: opacity, 0.2s ease-out; }
      .loading .loaded .results-status {
        opacity: 1; } }

.l-content--container.left-col .l-node--left-col {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden; }
  @media (min-width: 768px) {
    .l-content--container.left-col .l-node--left-col {
      padding-left: 30px; } }
  @media (min-width: 1024px) {
    .l-content--container.left-col .l-node--left-col {
      padding-left: 40px; } }
  @media (min-width: 1600px) {
    .l-content--container.left-col .l-node--left-col {
      padding-left: 50px;
      padding-right: 20px; } }
  .l-content--container.left-col .l-node--left-col .panel-pane {
    background-color: #FFD200;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
    padding: 14px 0; }
    @media (min-width: 1024px) {
      .l-content--container.left-col .l-node--left-col .panel-pane {
        padding: 14px 0; } }
    .l-content--container.left-col .l-node--left-col .panel-pane h2 {
      font-family: 'SBCAkkuratBoldPro', sans-serif;
      font-weight: normal;
      font-size: 1.2rem;
      line-height: 1.22222;
      background: transparent url("../images/sprite-down.png") no-repeat 3px 7px;
      margin: 0 20px 0 20px;
      padding-left: 30px; }
      .l-content--container.left-col .l-node--left-col .panel-pane h2:hover {
        cursor: pointer; }
    .l-content--container.left-col .l-node--left-col .panel-pane.open h2 {
      background: #FFD200 url("../images/sprite-up.png") no-repeat 3px 7px; }
    .l-content--container.left-col .l-node--left-col .panel-pane a.facetapi-limit-link {
      display: none; }
    .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul {
      padding: 8px 0 0 0; }
      .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0; }
        .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li a {
          text-decoration: none;
          text-transform: lowercase;
          padding: 9px 20px 9px 50px;
          width: 100%;
          display: inline-block; }
          .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li a:hover {
            background: #E5C119 url("../images/listing-dot-hover.png") no-repeat 25px 15px;
            color: #000000; }
          .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li a.facetapi-active {
            background: transparent url("../images/listing-dot-active.png") no-repeat 25px 15px;
            font-family: 'SBCAkkuratBoldPro', sans-serif;
            font-weight: normal; }
          .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li a.facetapi-zero-results {
            color: rgba(0, 0, 0, 0.4); }
        .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li .item-list ul.expanded {
          padding: 0; }
          .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li .item-list ul.expanded li a {
            padding-left: 70px; }
            .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li .item-list ul.expanded li a:hover {
              background: #E5C119 url("../images/listing-dot-hover.png") no-repeat 45px 15px; }
            .l-content--container.left-col .l-node--left-col .panel-pane.facet-container ul li .item-list ul.expanded li a.facetapi-active {
              background: transparent url("../images/listing-dot-active.png") no-repeat 45px 15px;
              font-family: 'SBCAkkuratBoldPro', sans-serif;
              font-weight: normal; }
  .l-content--container.left-col .l-node--left-col .panel-pane.pane-views-exp-whats-on-page {
    padding: 16px 20px 10px 20px; }
    .l-content--container.left-col .l-node--left-col .panel-pane.pane-views-exp-whats-on-page h2 {
      margin-bottom: 30px;
      font-size: 1.46667rem;
      line-height: 1;
      background: transparent none no-repeat 0 0;
      padding: 10px 0 20px 0;
      margin: 0; }
  .l-content--container.left-col .l-node--left-col .panel-pane:last-child {
    border-bottom: solid 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 50px; }
    @media (min-width: 768px) {
      .l-content--container.left-col .l-node--left-col .panel-pane:last-child {
        padding-bottom: 14px; } }

.l-content--container.left-col .l-node--content-constrained {
  padding-left: 0; }
  .l-content--container.left-col .l-node--content-constrained .listing-top {
    position: relative;
    margin: 0 10px 20px 0;
    width: calc(100% - 10px);
    margin: 0 0 20px 0;
    width: 100%; }
    @media (min-width: 768px) {
      .l-content--container.left-col .l-node--content-constrained .listing-top {
        margin: 0 30px 20px 0;
        width: calc(100% - 30px); } }
    @media (min-width: 1024px) {
      .l-content--container.left-col .l-node--content-constrained .listing-top {
        margin: 0 40px 20px 0;
        width: calc(100% - 40px); } }
    @media (min-width: 1600px) {
      .l-content--container.left-col .l-node--content-constrained .listing-top {
        margin: 0 50px 20px 0;
        width: calc(100% - 50px); } }

.l-content--container.left-col.pane-views h2 {
  padding-left: 0; }

.l-content--container.left-col .views-widget-filter-field_api_performance_date_value {
  margin: 0 10px 0 10px;
  padding: 0;
  width: calc(100% - 20px); }
  @media (min-width: 768px) {
    .l-content--container.left-col .views-widget-filter-field_api_performance_date_value {
      margin: 0 0 10px 0;
      padding: 0 10px;
      width: 100%; } }
  .l-content--container.left-col .views-widget-filter-field_api_performance_date_value fieldset {
    border: solid 1px transparent; }
    .l-content--container.left-col .views-widget-filter-field_api_performance_date_value fieldset .fieldset-wrapper {
      padding: 0; }
      .l-content--container.left-col .views-widget-filter-field_api_performance_date_value fieldset .fieldset-wrapper .fieldset-wrapper {
        display: none; }
  .l-content--container.left-col .views-widget-filter-field_api_performance_date_value legend {
    display: none; }
  .l-content--container.left-col .views-widget-filter-field_api_performance_date_value .form-item {
    width: 47%;
    display: block;
    margin-bottom: 10px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .l-content--container.left-col .views-widget-filter-field_api_performance_date_value .form-item {
        width: 100%; } }
    @media (min-width: 1024px) {
      .l-content--container.left-col .views-widget-filter-field_api_performance_date_value .form-item {
        width: 46%; } }
    .l-content--container.left-col .views-widget-filter-field_api_performance_date_value .form-item:first-child {
      display: none; }
    .l-content--container.left-col .views-widget-filter-field_api_performance_date_value .form-item.c-filter-input__daytime {
      display: none; }
    .l-content--container.left-col .views-widget-filter-field_api_performance_date_value .form-item.c-filter-input__evening {
      width: 100%; }

.l-content--container.left-col .l-node--left-col .panel-pane.pane-block {
  padding: 0; }
  @media (min-width: 1024px) {
    .l-content--container.left-col .l-node--left-col .panel-pane.pane-block {
      padding: 14px 0 0 0; } }

.l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-all-events,
.l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-festival-events,
.l-content--container.left-col .l-node--left-col .views-exposed-form-press-releases-page {
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  padding: 0 0 14px 0; }
  @media (min-width: 768px) {
    .l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-all-events,
    .l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-festival-events,
    .l-content--container.left-col .l-node--left-col .views-exposed-form-press-releases-page {
      padding: 14px 0 0 0; } }
  .l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-all-events .views-widget-checkboxes,
  .l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-festival-events .views-widget-checkboxes,
  .l-content--container.left-col .l-node--left-col .views-exposed-form-press-releases-page .views-widget-checkboxes {
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    padding: 15px 0 0 20px;
    margin-bottom: 0; }
    .l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-all-events .views-widget-checkboxes .form-type-bef-checkbox,
    .l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-festival-events .views-widget-checkboxes .form-type-bef-checkbox,
    .l-content--container.left-col .l-node--left-col .views-exposed-form-press-releases-page .views-widget-checkboxes .form-type-bef-checkbox {
      width: 80%; }
      .l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-all-events .views-widget-checkboxes .form-type-bef-checkbox label,
      .l-content--container.left-col .l-node--left-col .views-exposed-form-whats-on-festival-events .views-widget-checkboxes .form-type-bef-checkbox label,
      .l-content--container.left-col .l-node--left-col .views-exposed-form-press-releases-page .views-widget-checkboxes .form-type-bef-checkbox label {
        padding-top: 0; }

@media (min-width: 1024px) {
  .l-content--container.left-col .l-node--left-col .c-tags--sidebar-hidden .selected-options a {
    display: none; } }

h3.c-top-title_spacing {
  margin-top: 20px; }
  @media (max-width: 768px) {
    h3.c-top-title_spacing {
      padding: 20px 20px 0; } }

.selected-options {
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  padding: 5px 20px 20px 20px;
  display: block;
  margin-bottom: 20px; }

a.facets-reset-all-link {
  background-color: #000000;
  padding: 4px 10px 2px 10px;
  margin-bottom: 2px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  color: #FFFFFF; }
  a.facets-reset-all-link:hover {
    text-decoration: none; }

a.selected-option {
  padding: 4px 32px 2px 10px;
  text-transform: lowercase;
  color: #000000;
  background-color: #FFFFFF;
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 2px; }
  a.selected-option:after {
    background-image: url("../images/icon-close.svg");
    position: absolute;
    content: "";
    top: 9px;
    right: 10px;
    background-repeat: no-repeat;
    background-size: 11px;
    width: 11px;
    height: 11px; }
  a.selected-option:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000000; }
    a.selected-option:hover:after {
      background-image: url("../images/icon-close-white.svg");
      position: absolute;
      content: "";
      top: 10px;
      right: 10px;
      width: 11px;
      height: 9px; }

.show a.facets-reset-all-link {
  background-color: #FFFFFF; }
  .show a.facets-reset-all-link:hover {
    color: #FFFFFF;
    background-color: #000000; }

.show a.selected-option {
  color: #000000;
  background-color: #FFFFFF; }
  .show a.selected-option:hover:after {
    background-image: url("../images/icon-close.svg"); }

.show h3.c-top-title_spacing {
  display: none; }

.show .selected-options {
  display: none; }

.views-exposed-form-whats-on-all-events .views-filters-container-scroll .selected-options {
  display: block;
  margin: 0 20px; }
  @media (min-width: 1024px) {
    .views-exposed-form-whats-on-all-events .views-filters-container-scroll .selected-options {
      display: none; } }

.pane-node-field-feature-carousel {
  display: none; }

.view-whats-on .no-results {
  width: calc(100% - 40px);
  margin-left: 40px; }

.section-whats-on .gd_infinite_scroll-ajax-loader {
  text-align: center; }

.section-whats-on .gd-infinite-scroll-load-more,
.node-type-landing .gd-infinite-scroll-load-more {
  margin: 0 10px 20px 10px;
  width: calc(100% - 20px); }
  @media (min-width: 768px) {
    .section-whats-on .gd-infinite-scroll-load-more,
    .node-type-landing .gd-infinite-scroll-load-more {
      margin: 0 30px 20px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .section-whats-on .gd-infinite-scroll-load-more,
    .node-type-landing .gd-infinite-scroll-load-more {
      margin: 0 40px 20px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .section-whats-on .gd-infinite-scroll-load-more,
    .node-type-landing .gd-infinite-scroll-load-more {
      margin: 0 50px 20px 50px;
      width: calc(100% - 100px); } }

.section-whats-on .pane-search-api-page-result .l-node--hero {
  display: none; }

/*------------------------------------*\
  #UPCOMING EVENTS BLOCK
\*------------------------------------*/
.view-upcoming-events {
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px);
  padding: 20px 0 0 0;
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 );
  display: inline-block; }
  @media (min-width: 768px) {
    .view-upcoming-events {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .view-upcoming-events {
      padding-top: 30px;
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .view-upcoming-events {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  .view-upcoming-events .view-content {
    margin: 0 -10px;
    display: table; }
    @media (min-width: 768px) {
      .view-upcoming-events .view-content {
        margin: 0 -30px; } }
    @media (min-width: 1024px) {
      .view-upcoming-events .view-content {
        margin: 0 -40px; } }
    @media (min-width: 1600px) {
      .view-upcoming-events .view-content {
        margin: 0 -50px; } }
  .view-upcoming-events .views-row {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0 0;
    border-left: solid 0 transparent; }
    @media (min-width: 768px) {
      .view-upcoming-events .views-row {
        width: 25%;
        border-right: solid 1px rgba(0, 0, 0, 0.2);
        display: table-cell; } }
    .view-upcoming-events .views-row.views-row-last {
      border-right: solid 1px transparent; }
  .view-upcoming-events .offset {
    padding: 20px 30px 20px 20px;
    float: left;
    width: calc(100% - 20px); }
    @media (min-width: 1024px) {
      .view-upcoming-events .offset {
        padding-left: 40px;
        width: calc(100% - 40px); } }
  .view-upcoming-events .views-row-first .offset {
    margin-left: 0; }
    @media (min-width: 768px) {
      .view-upcoming-events .views-row-first .offset {
        margin-left: 30px; } }
    @media (min-width: 1024px) {
      .view-upcoming-events .views-row-first .offset {
        margin-left: 40px; } }
    @media (min-width: 1600px) {
      .view-upcoming-events .views-row-first .offset {
        margin-left: 50px; } }
  .view-upcoming-events .views-row-last .offset {
    padding-right: 30px; }
    @media (min-width: 768px) {
      .view-upcoming-events .views-row-last .offset {
        padding-right: 70px; } }
  .view-upcoming-events .text {
    padding-left: 0;
    margin-bottom: 10px; }
    .view-upcoming-events .text .field--name-field-summary {
      margin: 0; }
  .view-upcoming-events .image {
    line-height: 0;
    margin-left: 0; }
    @media (min-width: 768px) {
      .view-upcoming-events .image {
        margin-left: -1px; } }
    .view-upcoming-events .image img {
      opacity: 0.8; }
      .view-upcoming-events .image img:hover {
        opacity: 1;
        transition: opacity 0.3s ease-in; }
  .view-upcoming-events .title a {
    text-decoration: none; }
    .view-upcoming-events .title a:hover {
      text-decoration: none; }
  .view-upcoming-events a.c-btn--secondary:after {
    margin-left: 0; }

.pane-views h2 {
  clear: both;
  position: relative;
  left: 0;
  font-style: lowercase;
  z-index: 300;
  margin-bottom: 0;
  padding-left: 10px;
  bottom: -5px; }
  @media (min-width: 768px) {
    .pane-views h2 {
      padding-left: 30px;
      bottom: -6px; } }
  @media (min-width: 1024px) {
    .pane-views h2 {
      padding-left: 40px; } }
  @media (min-width: 1600px) {
    .pane-views h2 {
      padding-left: 50px; } }

/*------------------------------------*\
  #HAPPENING TODAY - homepage block
\*------------------------------------*/
.pane-sc-block-ot,
.pane-views-happening-today-block-happening {
  margin-top: 40px;
  clear: both;
  float: left;
  position: relative; }
  @media (min-width: 768px) {
    .pane-sc-block-ot,
    .pane-views-happening-today-block-happening {
      margin-top: 0; } }
  @media (min-width: 1024px) {
    .pane-sc-block-ot,
    .pane-views-happening-today-block-happening {
      margin-top: 55px; } }

.view-happening-today {
  clear: both; }
  .view-happening-today h2 {
    position: relative;
    left: 0;
    font-style: lowercase;
    z-index: 300;
    margin-bottom: 0;
    padding-left: 10px;
    bottom: -5px;
    bottom: -14px; }
    @media (min-width: 768px) {
      .view-happening-today h2 {
        padding-left: 30px;
        bottom: -6px; } }
    @media (min-width: 1024px) {
      .view-happening-today h2 {
        padding-left: 40px; } }
    @media (min-width: 1600px) {
      .view-happening-today h2 {
        padding-left: 50px; } }
    @media (min-width: 768px) {
      .view-happening-today h2 {
        bottom: -16px; } }
  .view-happening-today .view-grouping-content {
    display: block;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    background: #43b890;
    background: linear-gradient(135deg, #43b890 0%, #008ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b890', endColorstr='#008ec3',GradientType=1 );
    width: calc(100% - 20px);
    margin: 0 10px; }
    @media (min-width: 768px) {
      .view-happening-today .view-grouping-content {
        width: calc(100% - 60px);
        margin: 0 30px;
        display: -ms-flexbox;
        display: flex; } }
    @media (min-width: 1024px) {
      .view-happening-today .view-grouping-content {
        width: calc(100% - 80px);
        margin: 0 40px; } }
    @media (min-width: 1600px) {
      .view-happening-today .view-grouping-content {
        width: calc(100% - 100px);
        margin: 0 50px; } }
  .view-happening-today .view-wrapper {
    margin: 0 -10px;
    padding-top: 20px;
    width: calc(100% + 20px);
    display: block; }
    @media (min-width: 768px) {
      .view-happening-today .view-wrapper {
        margin: 0 -30px;
        padding-top: 30px;
        width: calc(100% + 60px);
        display: -ms-flexbox;
        display: flex; } }
    @media (min-width: 1024px) {
      .view-happening-today .view-wrapper {
        margin: 0 -40px;
        width: calc(100% + 80px); } }
    @media (min-width: 1600px) {
      .view-happening-today .view-wrapper {
        margin: 0 -50px;
        width: calc(100% + 100px); } }
    .view-happening-today .view-wrapper .c-happening-today-image {
      line-height: 0;
      margin-left: 0; }
      @media (min-width: 768px) {
        .view-happening-today .view-wrapper .c-happening-today-image {
          margin-left: -1px; } }
  .view-happening-today .views-row {
    width: 100%;
    border-right: 0 solid red;
    background-color: rgba(255, 255, 255, 0);
    transition: background-color 0.2s ease-in; }
    @media (min-width: 768px) {
      .view-happening-today .views-row {
        width: 25%;
        border-right: 1px solid rgba(0, 0, 0, 0.2); } }
    .view-happening-today .views-row a {
      text-decoration: none; }
      .view-happening-today .views-row a .c-happening-today-link {
        background-image: url("../images/arrow-right.svg");
        background-repeat: no-repeat;
        background-position: 0 1px;
        background-size: 19px 11px;
        display: inline-block;
        width: 29px;
        height: 12px;
        transition: background 0.3s ease-in; }
      .view-happening-today .views-row a img {
        width: 100%;
        opacity: 0.8; }
      .view-happening-today .views-row a:hover {
        color: #000000; }
        .view-happening-today .views-row a:hover .c-happening-today-link {
          background-position: 10px 1px; }
        .view-happening-today .views-row a:hover img {
          opacity: 1;
          transition: opacity 0.3s ease-in; }
    .view-happening-today .views-row:hover {
      background-color: rgba(255, 255, 255, 0.3); }
    .view-happening-today .views-row.views-row-last {
      border-right: 0 solid red; }
      @media (min-width: 768px) {
        .view-happening-today .views-row.views-row-last {
          border-right: 1px solid transparent; } }
    .view-happening-today .views-row .c-happening-today-offset {
      padding: 20px 30px;
      width: 100%; }
      @media (min-width: 768px) {
        .view-happening-today .views-row .c-happening-today-offset {
          padding-left: 20px; } }
      @media (min-width: 1024px) {
        .view-happening-today .views-row .c-happening-today-offset {
          padding-left: 30px; } }
      .view-happening-today .views-row .c-happening-today-offset a {
        text-decoration: none; }
    .view-happening-today .views-row.views-row-first .c-happening-today-offset {
      margin-left: 0; }
      @media (min-width: 768px) {
        .view-happening-today .views-row.views-row-first .c-happening-today-offset {
          margin-left: 30px;
          width: calc(100% - 30px); } }
      @media (min-width: 1024px) {
        .view-happening-today .views-row.views-row-first .c-happening-today-offset {
          margin-left: 40px;
          width: calc(100% - 40px); } }
      @media (min-width: 1600px) {
        .view-happening-today .views-row.views-row-first .c-happening-today-offset {
          margin-left: 50px;
          width: calc(100% - 50px); } }
    .view-happening-today .views-row.views-row-last .c-happening-today-offset {
      padding-right: 70px; }
    .view-happening-today .views-row .text {
      padding-left: 0;
      margin-bottom: 10px; }
      .view-happening-today .views-row .text .field--name-field-summary {
        margin: 0; }

/*------------------------------------*\
  #DATE PICKER
\*------------------------------------*/
/*------------------------------------*\
  #WHATS ON 2 DATE PICKER
\*------------------------------------*/
.form-type-date-popup {
  width: 100%; }
  .form-type-date-popup #ui-datepicker-div {
    background-color: transparent;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    max-width: 300px; }
    .form-type-date-popup #ui-datepicker-div.ui-datepicker {
      padding: 0;
      width: 100%; }
      .form-type-date-popup #ui-datepicker-div.ui-datepicker .ui-datepicker-header {
        padding: 4px 8px; }
  .form-type-date-popup.form-item {
    width: 100%; }
  .form-type-date-popup .date-padding {
    width: 100%; }
  .form-type-date-popup .ui-widget-header {
    background-color: transparent;
    background-image: none;
    border: solid 0 grey; }
  .form-type-date-popup .ui-corner-all,
  .form-type-date-popup .ui-corner-bottom,
  .form-type-date-popup .ui-corner-top,
  .form-type-date-popup .ui-corner-right,
  .form-type-date-popup .ui-corner-br,
  .form-type-date-popup .ui-corner-tr,
  .form-type-date-popup .ui-corner-left,
  .form-type-date-popup .ui-corner-bl,
  .form-type-date-popup .ui-corner-tl {
    border-radius: 0; }
  .form-type-date-popup .ui-datepicker .ui-datepicker-prev span,
  .form-type-date-popup .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%; }
  .form-type-date-popup .ui-icon-circle-triangle-w {
    background-position: 0 0; }
  .form-type-date-popup .ui-icon {
    height: 16px;
    width: 16px; }
  .form-type-date-popup .ui-datepicker {
    padding: 0;
    width: 100%; }
  .form-type-date-popup .ui-datepicker .ui-datepicker-prev,
  .form-type-date-popup .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 28px;
    height: 46px; }
    @media (min-width: 768px) {
      .form-type-date-popup .ui-datepicker .ui-datepicker-prev,
      .form-type-date-popup .ui-datepicker .ui-datepicker-next {
        height: 38px; } }
  .form-type-date-popup .ui-icon-circle-triangle-e {
    background-position: 0 0; }
  .form-type-date-popup .ui-widget-header .ui-icon {
    background-image: url("../images/sprite-left.png");
    background-size: 5px 10px; }
  .form-type-date-popup .ui-widget-header .ui-datepicker-next .ui-icon {
    background-image: url("../images/sprite-right.png");
    background-size: 5px 10px; }
  .form-type-date-popup .ui-widget-content {
    border: solid 0 transparent;
    background-color: transparent;
    background-image: none; }
  .form-type-date-popup .ui-state-hover,
  .form-type-date-popup .ui-widget-content .ui-state-hover,
  .form-type-date-popup .ui-widget-header .ui-state-hover,
  .form-type-date-popup .ui-state-focus,
  .form-type-date-popup .ui-widget-content .ui-state-focus,
  .form-type-date-popup .ui-widget-header .ui-state-focus {
    background-color: transparent;
    border: solid 0 transparent;
    background-image: none; }
  .form-type-date-popup .ui-datepicker-group-last .ui-datepicker .ui-datepicker-next {
    right: 0; }
  .form-type-date-popup .ui-datepicker .ui-datepicker-next-hover {
    right: 0; }
  .form-type-date-popup .ui-datepicker .ui-datepicker-prev {
    left: 0;
    border-right: solid 1px rgba(0, 0, 0, 0.2); }
  .form-type-date-popup .ui-datepicker .ui-datepicker-next {
    right: 0;
    border-left: solid 1px rgba(0, 0, 0, 0.2); }
  .form-type-date-popup .ui-datepicker .ui-datepicker-prev-hover {
    left: 0; }
  .form-type-date-popup .ui-datepicker .ui-datepicker-prev span {
    left: 10px;
    margin-top: 0;
    margin-left: 0;
    top: 18px; }
    @media (min-width: 768px) {
      .form-type-date-popup .ui-datepicker .ui-datepicker-prev span {
        top: 14px; } }
  .form-type-date-popup .ui-datepicker .ui-datepicker-next span {
    left: 10px;
    margin-top: 0;
    margin-left: 0;
    top: 18px; }
    @media (min-width: 768px) {
      .form-type-date-popup .ui-datepicker .ui-datepicker-next span {
        top: 14px; } }
  .form-type-date-popup .ui-icon {
    height: 48px;
    width: 28px; }
    @media (min-width: 768px) {
      .form-type-date-popup .ui-icon {
        height: 40px; } }
  .form-type-date-popup .ui-datepicker .ui-datepicker-header {
    padding: 0;
    border: solid 1px rgba(0, 0, 0, 0.2);
    height: 48px; }
    @media (min-width: 768px) {
      .form-type-date-popup .ui-datepicker .ui-datepicker-header {
        height: 40px; } }
  .form-type-date-popup .ui-datepicker td span,
  .form-type-date-popup .ui-datepicker-calendar td a {
    padding: 4px 0; }
    @media (min-width: 768px) {
      .form-type-date-popup .ui-datepicker td span,
      .form-type-date-popup .ui-datepicker-calendar td a {
        padding: 8px 0; } }
  .form-type-date-popup .ui-datepicker table {
    margin-bottom: 0; }
  .form-type-date-popup .ui-datepicker-calendar {
    font-family: 'SBCAkkuratPro', sans-serif; }
    .form-type-date-popup .ui-datepicker-calendar th {
      background-color: transparent;
      color: #000000;
      font-weight: normal;
      font-size: 0.73333rem;
      line-height: 2;
      text-transform: uppercase; }
    .form-type-date-popup .ui-datepicker-calendar td {
      padding: 0;
      border: solid 0 rgba(0, 0, 0, 0.2);
      color: #000000; }
      .form-type-date-popup .ui-datepicker-calendar td a:hover,
      .form-type-date-popup .ui-datepicker-calendar td a:link:hover,
      .form-type-date-popup .ui-datepicker-calendar td a:link:visited,
      .form-type-date-popup .ui-datepicker-calendar td a:active:hover {
        border: solid 0 purple;
        color: #000000;
        background-color: #E5C119;
        text-decoration: none; }
      .form-type-date-popup .ui-datepicker-calendar td span,
      .form-type-date-popup .ui-datepicker-calendar td a {
        text-align: center;
        color: #000000; }
        .form-type-date-popup .ui-datepicker-calendar td span.ui-state-active,
        .form-type-date-popup .ui-datepicker-calendar td a.ui-state-active {
          background-color: black;
          color: #FFFFFF; }
      .form-type-date-popup .ui-datepicker-calendar td.ui-datepicker-today {
        background: transparent none no-repeat 50%;
        border: solid 1px rgba(0, 0, 0, 0.2); }
    .form-type-date-popup .ui-datepicker-calendar .ui-state-default,
    .form-type-date-popup .ui-datepicker-calendar .ui-widget-content .ui-state-default,
    .form-type-date-popup .ui-datepicker-calendar .ui-widget-header .ui-state-default {
      background: transparent none no-repeat 0 0;
      border: solid 0px rgba(0, 0, 0, 0.3); }
  .form-type-date-popup .ui-widget input,
  .form-type-date-popup .ui-widget select,
  .form-type-date-popup .ui-widget textarea,
  .form-type-date-popup .ui-widget button {
    font-family: 'SBCAkkuratPro', sans-serif;
    font-size: 1rem;
    line-height: 1.46667;
    font-weight: normal; }
  .form-type-date-popup .ui-datepicker.ui-widget .ui-datepicker-title {
    background-color: transparent;
    margin: 0 28px;
    display: inline-block;
    width: calc(100% - 56px); }
    .form-type-date-popup .ui-datepicker.ui-widget .ui-datepicker-title select {
      display: inline-block;
      border: 0 solid transparent;
      float: left;
      width: 50%;
      background-color: transparent;
      padding: 12px 0 13px 10px;
      margin-top: 0;
      text-align: center;
      text-align-last: center;
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      text-overflow: ''; }
      @media (min-width: 768px) {
        .form-type-date-popup .ui-datepicker.ui-widget .ui-datepicker-title select {
          padding: 8px 10px; } }
      .form-type-date-popup .ui-datepicker.ui-widget .ui-datepicker-title select.ui-datepicker-month {
        border-right: solid 1px rgba(0, 0, 0, 0.2); }
        .form-type-date-popup .ui-datepicker.ui-widget .ui-datepicker-title select.ui-datepicker-month:hover {
          cursor: pointer; }
      .form-type-date-popup .ui-datepicker.ui-widget .ui-datepicker-title select.ui-datepicker-year:hover {
        cursor: pointer; }
    .form-type-date-popup .ui-datepicker.ui-widget .ui-datepicker-title selectnot(*:root) {
      padding-left: 10px; }

/*------------------------------------*\
  #NODE FEATURED ITEM
\*------------------------------------*/
.c-feature .hero-col-1,
.c-feature .hero-col-2,
.c-feature-manual .hero-col-1,
.c-feature-manual .hero-col-2 {
  width: 100%;
  margin-bottom: 10px;
  clear: left; }

.c-feature .c-feature-type h1,
.c-feature-manual .c-feature-type h1 {
  position: relative;
  margin-bottom: 0;
  bottom: -5px;
  padding-left: 10px; }
  @media (min-width: 768px) {
    .c-feature .c-feature-type h1,
    .c-feature-manual .c-feature-type h1 {
      bottom: -6px;
      padding-left: 30px; } }
  @media (min-width: 1024px) {
    .c-feature .c-feature-type h1,
    .c-feature-manual .c-feature-type h1 {
      padding-left: 40px; } }
  @media (min-width: 1600px) {
    .c-feature .c-feature-type h1,
    .c-feature-manual .c-feature-type h1 {
      padding-left: 50px; } }

.c-feature .c-feature-hero,
.c-feature-manual .c-feature-hero {
  float: left;
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px);
  padding: 20px 0 22px 0; }
  @media (min-width: 768px) {
    .c-feature .c-feature-hero,
    .c-feature-manual .c-feature-hero {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .c-feature .c-feature-hero,
    .c-feature-manual .c-feature-hero {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .c-feature .c-feature-hero,
    .c-feature-manual .c-feature-hero {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  @media (min-width: 768px) {
    .c-feature .c-feature-hero,
    .c-feature-manual .c-feature-hero {
      padding-top: 30px; } }

.c-feature .c-feature-hero-position-wrapper,
.c-feature-manual .c-feature-hero-position-wrapper {
  position: relative; }
  @media (min-width: 768px) {
    .c-feature .c-feature-hero-position-wrapper .c-feature-hero,
    .c-feature-manual .c-feature-hero-position-wrapper .c-feature-hero {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 0; } }

.c-feature .c-feature-hero-overview,
.c-feature-manual .c-feature-hero-overview {
  position: relative;
  margin-top: 0;
  padding: 0 20px 30px 20px; }
  @media (min-width: 768px) {
    .c-feature .c-feature-hero-overview,
    .c-feature-manual .c-feature-hero-overview {
      padding: 0 30px;
      margin-top: 22px;
      min-height: 195px; } }

.c-feature .c-feature-date,
.c-feature-manual .c-feature-date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.86667rem;
  line-height: 1.69231;
  padding-bottom: 10px; }
  @media (min-width: 768px) {
    .c-feature .c-feature-date,
    .c-feature-manual .c-feature-date {
      font-size: 1rem;
      line-height: 1.46667; } }

.c-feature .c-feature-teaser,
.c-feature-manual .c-feature-teaser {
  float: left; }
  .c-feature .c-feature-teaser p,
  .c-feature-manual .c-feature-teaser p {
    margin-bottom: 0; }

.c-feature .c-feature-festival,
.c-feature-manual .c-feature-festival {
  padding: 10px 0;
  float: left;
  clear: left; }

.c-feature .c-feature-hero-media,
.c-feature-manual .c-feature-hero-media {
  margin: 0 -10px;
  line-height: 0;
  position: relative;
  mix-blend-mode: multiply; }
  @media (min-width: 768px) {
    .c-feature .c-feature-hero-media,
    .c-feature-manual .c-feature-hero-media {
      margin: 0 -30px; } }
  @media (min-width: 1024px) {
    .c-feature .c-feature-hero-media,
    .c-feature-manual .c-feature-hero-media {
      margin: 0 -40px; } }
  @media (min-width: 1600px) {
    .c-feature .c-feature-hero-media,
    .c-feature-manual .c-feature-hero-media {
      margin: 0 -50px; } }
  .c-feature .c-feature-hero-media .field--name-field-file-image-title-text,
  .c-feature-manual .c-feature-hero-media .field--name-field-file-image-title-text {
    line-height: 24px; }
  .c-feature .c-feature-hero-media .c-image-credit-content,
  .c-feature-manual .c-feature-hero-media .c-image-credit-content {
    line-height: 20px; }
  .c-feature .c-feature-hero-media .field-collection-view-links,
  .c-feature-manual .c-feature-hero-media .field-collection-view-links {
    bottom: -13px;
    left: 0;
    padding: 0;
    position: absolute;
    z-index: 99; }
    .c-feature .c-feature-hero-media .field-collection-view-links li,
    .c-feature-manual .c-feature-hero-media .field-collection-view-links li {
      list-style: none; }

.c-feature .c-feature-hero-overview-sponsor,
.c-feature-manual .c-feature-hero-overview-sponsor {
  padding-top: 10px; }
  .c-feature .c-feature-hero-overview-sponsor .c-feature-sponsor-title,
  .c-feature .c-feature-hero-overview-sponsor .c-feature-sponsor-name,
  .c-feature-manual .c-feature-hero-overview-sponsor .c-feature-sponsor-title,
  .c-feature-manual .c-feature-hero-overview-sponsor .c-feature-sponsor-name {
    display: inline-block;
    color: rgba(0, 0, 0, 0.6); }
  .c-feature .c-feature-hero-overview-sponsor .c-feature-sponsor-title,
  .c-feature-manual .c-feature-hero-overview-sponsor .c-feature-sponsor-title {
    padding-right: 6px; }

.c-feature .field--name-field-summary,
.c-feature-manual .field--name-field-summary {
  margin: 0; }

.c-feature .c-feature-tags,
.c-feature-manual .c-feature-tags {
  float: left;
  width: 100%;
  margin-bottom: 12px; }
  .c-feature .c-feature-tags .field--name-field-artform,
  .c-feature-manual .c-feature-tags .field--name-field-artform {
    margin-bottom: 0; }

.c-feature .c-feature-title,
.c-feature-manual .c-feature-title {
  position: relative;
  z-index: 600;
  bottom: 0;
  margin-bottom: 10px;
  margin-top: 30px; }
  @media (min-width: 768px) {
    .c-feature .c-feature-title,
    .c-feature-manual .c-feature-title {
      bottom: -16px;
      margin-bottom: 20px;
      margin-top: 0; } }
  @media (min-width: 1024px) {
    .c-feature .c-feature-title,
    .c-feature-manual .c-feature-title {
      margin-bottom: 0; } }
  .c-feature .c-feature-title a,
  .c-feature-manual .c-feature-title a {
    text-decoration: none; }
  .c-feature .c-feature-title h1,
  .c-feature-manual .c-feature-title h1 {
    margin-bottom: 0;
    color: black;
    padding: 0 20px;
    font-size: 1.2rem;
    line-height: 1.22222; }
    @media (min-width: 768px) {
      .c-feature .c-feature-title h1,
      .c-feature-manual .c-feature-title h1 {
        color: white;
        padding: 0;
        font-size: 4rem;
        line-height: 1.1; } }

.c-feature .c-feature-hero-text,
.c-feature-manual .c-feature-hero-text {
  position: relative;
  z-index: 600;
  bottom: 1px;
  width: 100%; }
  @media (min-width: 768px) {
    .c-feature .c-feature-hero-text,
    .c-feature-manual .c-feature-hero-text {
      position: absolute; } }
  .c-feature .c-feature-hero-text:after,
  .c-feature-manual .c-feature-hero-text:after {
    position: absolute;
    height: 135px;
    background-image: none;
    background-repeat: repeat-x;
    background-position: bottom center;
    width: 100%;
    z-index: 300;
    content: '';
    bottom: 0;
    left: 0; }
    @media (min-width: 1024px) {
      .c-feature .c-feature-hero-text:after,
      .c-feature-manual .c-feature-hero-text:after {
        background-image: url("../images/img-wash_herobtm.svg"); } }

.c-feature .c-btn--primary,
.c-feature-manual .c-btn--primary {
  position: absolute;
  bottom: -10px;
  right: -10px; }

.c-feature .link,
.c-feature-manual .link {
  display: block;
  float: left;
  margin: 10px 0;
  clear: both; }
  .c-feature .link a.c-btn--secondary::after,
  .c-feature-manual .link a.c-btn--secondary::after {
    margin-left: 0; }

@media (min-width: 1024px) {
  .no-title-gradient .c-feature .c-feature-hero-text:after {
    background-image: none; } }

.primary_image_mode_normal .c-feature .c-feature-hero-media,
.no-image-tint .c-feature .c-feature-hero-media {
  mix-blend-mode: initial; }

@media (min-width: 1024px) {
  .c-feature.no-title-gradient .c-feature-hero-text:after {
    background-image: none; } }

.c-feature.no-image-tint .c-feature-hero-media {
  mix-blend-mode: initial; }

.field-collection-item-field-primary-video .c-feature .c-feature-hero-text:after,
.field-collection-item-field-primary-video .c-feature-manual .c-feature-hero-text:after {
  height: 0; }

@media (min-width: 768px) {
  .feature-primary .c-feature .c-feature-title {
    bottom: -16px;
    margin-bottom: 0; } }

.feature-primary .c-feature .c-feature-type {
  display: block;
  font-size: 2.13333rem;
  line-height: 1.375;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  left: 0;
  position: absolute;
  top: -24px; }
  @media (min-width: 768px) {
    .feature-primary .c-feature .c-feature-type {
      display: none; } }
  .feature-primary .c-feature .c-feature-type.in-title {
    display: none; }
    @media (min-width: 768px) {
      .feature-primary .c-feature .c-feature-type.in-title {
        display: block;
        font-size: 2.13333rem;
        line-height: 1.375;
        font-family: 'SBCAkkuratPro', sans-serif;
        color: #FFFFFF;
        position: absolute;
        left: 0;
        bottom: 45px;
        z-index: 500; } }

.feature-primary .c-feature .hero-col-1 {
  float: left; }
  @media (min-width: 768px) {
    .feature-primary .c-feature .hero-col-1 {
      width: 60%; } }

.feature-primary .c-feature .hero-col-2 {
  display: inline-block;
  text-align: left; }
  @media (min-width: 768px) {
    .feature-primary .c-feature .hero-col-2 {
      width: 40%;
      text-align: right; } }

.feature-primary .c-feature .c-feature-hero {
  background: #43b890;
  background: linear-gradient(135deg, #43b890 0%, #008ec3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b890', endColorstr='#008ec3',GradientType=1 ); }

.feature-primary .c-feature .c-feature-hero-blue {
  background: #43b890;
  background: linear-gradient(135deg, #43b890 0%, #008ec3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b890', endColorstr='#008ec3',GradientType=1 ); }

.feature-primary .c-feature.c-feature-hero-yellow {
  background: #fffbb7;
  background: linear-gradient(135deg, #fffbb7 0%, #ffe635 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbb7', endColorstr='#ffe635',GradientType=1 ); }

.l-node--content.basic .c-feature .field--name-field-summary {
  padding: 0;
  margin-bottom: 0; }

@media (min-width: 768px) {
  .field-collection-item-field-primary-video .c-feature-title,
  .field-collection-item-field-primary-image .c-feature-title,
  .field-collection-item-field-feature-primary-coloured .c-feature-title {
    bottom: -9px;
    margin-bottom: 0; } }

.field-collection-item-field-primary-video .c-feature-title h1,
.field-collection-item-field-primary-image .c-feature-title h1,
.field-collection-item-field-feature-primary-coloured .c-feature-title h1 {
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  font-size: 1.46667rem;
  line-height: 1; }
  @media (min-width: 768px) {
    .field-collection-item-field-primary-video .c-feature-title h1,
    .field-collection-item-field-primary-image .c-feature-title h1,
    .field-collection-item-field-feature-primary-coloured .c-feature-title h1 {
      font-family: 'SCNoeBold', sans-serif;
      font-size: 2.66667rem;
      line-height: 1.1; } }

.field-collection-item-field-primary-video .c-feature-type,
.field-collection-item-field-primary-image .c-feature-type,
.field-collection-item-field-feature-primary-coloured .c-feature-type {
  display: block;
  font-size: 2rem;
  line-height: 1.46667;
  font-family: 'SCNoeBold', sans-serif;
  position: relative;
  top: 11px;
  text-transform: lowercase;
  padding-left: 10px; }
  @media (min-width: 768px) {
    .field-collection-item-field-primary-video .c-feature-type,
    .field-collection-item-field-primary-image .c-feature-type,
    .field-collection-item-field-feature-primary-coloured .c-feature-type {
      display: none;
      top: 6px;
      text-transform: uppercase; } }
  .field-collection-item-field-primary-video .c-feature-type.in-title,
  .field-collection-item-field-primary-image .c-feature-type.in-title,
  .field-collection-item-field-feature-primary-coloured .c-feature-type.in-title {
    display: none; }
    @media (min-width: 768px) {
      .field-collection-item-field-primary-video .c-feature-type.in-title,
      .field-collection-item-field-primary-image .c-feature-type.in-title,
      .field-collection-item-field-feature-primary-coloured .c-feature-type.in-title {
        display: block;
        font-size: 1.2rem;
        line-height: 1.22222;
        font-family: 'SBCAkkuratPro', sans-serif;
        color: #FFFFFF;
        left: -10px;
        z-index: 500; } }

.field-collection-item-field-primary-video .c-feature-teaser,
.field-collection-item-field-primary-image .c-feature-teaser,
.field-collection-item-field-feature-primary-coloured .c-feature-teaser {
  margin-bottom: 25px; }

.field-collection-item-field-primary-video .hero-col-1,
.field-collection-item-field-primary-image .hero-col-1,
.field-collection-item-field-feature-primary-coloured .hero-col-1 {
  float: left; }
  @media (min-width: 768px) {
    .field-collection-item-field-primary-video .hero-col-1,
    .field-collection-item-field-primary-image .hero-col-1,
    .field-collection-item-field-feature-primary-coloured .hero-col-1 {
      width: 60%; } }

.field-collection-item-field-primary-video .hero-col-2,
.field-collection-item-field-primary-image .hero-col-2,
.field-collection-item-field-feature-primary-coloured .hero-col-2 {
  display: inline-block;
  text-align: left; }
  @media (min-width: 768px) {
    .field-collection-item-field-primary-video .hero-col-2,
    .field-collection-item-field-primary-image .hero-col-2,
    .field-collection-item-field-feature-primary-coloured .hero-col-2 {
      width: 40%;
      text-align: right; } }

.field-collection-item-field-primary-video.c-feature-hero-blue .c-feature-hero,
.field-collection-item-field-primary-image.c-feature-hero-blue .c-feature-hero,
.field-collection-item-field-feature-primary-coloured.c-feature-hero-blue .c-feature-hero {
  background: #43b890;
  background: linear-gradient(135deg, #43b890 0%, #008ec3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b890', endColorstr='#008ec3',GradientType=1 ); }

.field-collection-item-field-primary-video.c-feature-hero-yellow-fill .c-feature-hero,
.field-collection-item-field-primary-image.c-feature-hero-yellow-fill .c-feature-hero,
.field-collection-item-field-feature-primary-coloured.c-feature-hero-yellow-fill .c-feature-hero {
  background-color: #FFD200; }

.field-collection-item-field-primary-video.c-feature-hero-yellow .c-feature-hero,
.field-collection-item-field-primary-image.c-feature-hero-yellow .c-feature-hero,
.field-collection-item-field-feature-primary-coloured.c-feature-hero-yellow .c-feature-hero {
  background: #fffbb7;
  background: linear-gradient(135deg, #fffbb7 0%, #ffe635 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbb7', endColorstr='#ffe635',GradientType=1 ); }

.field-collection-item-field-primary-video.c-feature-hero-orange .c-feature-hero,
.field-collection-item-field-primary-image.c-feature-hero-orange .c-feature-hero,
.field-collection-item-field-feature-primary-coloured.c-feature-hero-orange .c-feature-hero {
  background: #ebc22a;
  background: linear-gradient(135deg, #ebc22a 0%, #e57122 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57122', endColorstr='#ebc22a',GradientType=1 ); }

.field-collection-item-field-primary-video.c-feature-hero-green .c-feature-hero,
.field-collection-item-field-primary-image.c-feature-hero-green .c-feature-hero,
.field-collection-item-field-feature-primary-coloured.c-feature-hero-green .c-feature-hero {
  background: #d1e165;
  background: linear-gradient(135deg, #d1e165 0%, #52b779 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e165', endColorstr='#52b779',GradientType=1 ); }

.field-collection-item-field-primary-video.c-feature-hero-black .c-feature-hero,
.field-collection-item-field-primary-image.c-feature-hero-black .c-feature-hero,
.field-collection-item-field-feature-primary-coloured.c-feature-hero-black .c-feature-hero {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.field-collection-item-field-primary-video.c-feature-hero-purple .c-feature-hero,
.field-collection-item-field-primary-image.c-feature-hero-purple .c-feature-hero,
.field-collection-item-field-feature-primary-coloured.c-feature-hero-purple .c-feature-hero {
  background: #f1b4ca;
  background: linear-gradient(135deg, #f1b4ca 0%, #8e81ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b4ca', endColorstr='#8e81ca',GradientType=1 ); }

.field-collection-item-field-primary-video.c-feature-hero-light-blue .c-feature-hero,
.field-collection-item-field-primary-image.c-feature-hero-light-blue .c-feature-hero,
.field-collection-item-field-feature-primary-coloured.c-feature-hero-light-blue .c-feature-hero {
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 ); }

.feature .even .c-feature-hero {
  background: #ebc22a;
  background: linear-gradient(135deg, #ebc22a 0%, #e57122 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57122', endColorstr='#ebc22a',GradientType=1 ); }

.feature .odd .c-feature-hero {
  background: #f1b4ca;
  background: linear-gradient(135deg, #f1b4ca 0%, #8e81ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b4ca', endColorstr='#8e81ca',GradientType=1 ); }

.feature .c-feature {
  float: left;
  margin-top: 40px;
  padding-right: 0; }
  @media (min-width: 768px) {
    .feature .c-feature {
      padding-right: 15px; } }
  @media (min-width: 1024px) {
    .feature .c-feature {
      margin-top: 60px;
      padding-right: 40px; } }
  @media (min-width: 1024px) {
    .feature .c-feature .c-feature-title {
      bottom: -8px; } }
  .feature .c-feature .c-feature-title h1 {
    margin-bottom: 0;
    color: black;
    padding: 0 20px;
    font-size: 1.2rem;
    line-height: 1.22222;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal; }
    @media (min-width: 1024px) {
      .feature .c-feature .c-feature-title h1 {
        color: white;
        padding: 0;
        font-family: 'SBCAkkuratBoldPro', sans-serif;
        font-weight: normal;
        font-size: 2.13333rem;
        line-height: 36px; } }
  .feature .c-feature .c-feature-tags {
    position: relative;
    top: 0;
    z-index: 600; }
    @media (min-width: 1024px) {
      .feature .c-feature .c-feature-tags {
        top: 4px; } }
    .feature .c-feature .c-feature-tags .field--name-field-artform {
      margin-bottom: 0; }
  .feature .c-feature .c-feature-hero-text {
    position: relative;
    z-index: 600;
    bottom: 1px;
    width: 100%; }
    @media (min-width: 1024px) {
      .feature .c-feature .c-feature-hero-text {
        position: absolute; } }
  .feature .c-feature .c-feature-hero-overview {
    position: relative;
    margin-top: 0;
    padding: 0 20px 30px 20px; }
    @media (min-width: 1024px) {
      .feature .c-feature .c-feature-hero-overview {
        padding: 0 30px;
        margin-top: 22px; } }

.field-collection-item-field-feature-secondary-coloured.c-feature-secondary-yellow .even .c-feature-hero {
  background: #fffbb7;
  background: linear-gradient(135deg, #fffbb7 0%, #ffe635 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbb7', endColorstr='#ffe635',GradientType=1 ); }

.field-collection-item-field-feature-secondary-coloured.c-feature-secondary-yellow-fill .even .c-feature-hero {
  background-color: #FFD200; }

.field-collection-item-field-feature-secondary-coloured.c-feature-secondary-orange .even .c-feature-hero {
  background: #ebc22a;
  background: linear-gradient(135deg, #ebc22a 0%, #e57122 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e57122', endColorstr='#ebc22a',GradientType=1 ); }

.field-collection-item-field-feature-secondary-coloured.c-feature-secondary-blue .even .c-feature-hero {
  background: #43b890;
  background: linear-gradient(135deg, #43b890 0%, #008ec3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b890', endColorstr='#008ec3',GradientType=1 ); }

.field-collection-item-field-feature-secondary-coloured.c-feature-secondary-purple .even .c-feature-hero {
  background: #f1b4ca;
  background: linear-gradient(135deg, #f1b4ca 0%, #8e81ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b4ca', endColorstr='#8e81ca',GradientType=1 ); }

.field-collection-item-field-feature-secondary-coloured.c-feature-secondary-green .even .c-feature-hero {
  background: #d1e165;
  background: linear-gradient(135deg, #d1e165 0%, #52b779 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e165', endColorstr='#52b779',GradientType=1 ); }

.field-collection-item-field-feature-secondary-coloured.c-feature-secondary-black .even .c-feature-hero {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.field-collection-item-field-feature-secondary-coloured .c-feature {
  float: left;
  margin-top: 40px;
  padding-right: 0; }
  @media (min-width: 768px) {
    .field-collection-item-field-feature-secondary-coloured .c-feature {
      padding-right: 20px; } }
  @media (min-width: 1024px) {
    .field-collection-item-field-feature-secondary-coloured .c-feature {
      margin-top: 65px;
      padding-right: 40px; } }
  .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-hero {
    min-height: initial; }
    @media (min-width: 768px) {
      .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-hero {
        min-height: 520px; } }
    @media (min-width: 1600px) {
      .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-hero {
        min-height: 566px; } }
  @media (min-width: 1024px) {
    .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-title {
      bottom: -10px; } }
  .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-title h1 {
    margin-bottom: 0;
    color: black;
    padding: 0 20px;
    font-size: 1.2rem;
    line-height: 1.22222;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal; }
    @media (min-width: 1024px) {
      .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-title h1 {
        color: white;
        padding: 0;
        font-family: 'SBCAkkuratBoldPro', sans-serif;
        font-weight: normal;
        font-size: 2.13333rem;
        line-height: 36px; } }
  .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-tags {
    position: relative;
    top: 0;
    z-index: 600; }
    @media (min-width: 1024px) {
      .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-tags {
        top: 4px; } }
    .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-tags .field--name-field-artform {
      margin-bottom: 0; }
  .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-hero-text {
    position: relative;
    z-index: 600;
    bottom: 1px;
    width: 100%; }
    @media (min-width: 1024px) {
      .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-hero-text {
        position: absolute; } }
  .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-hero-overview {
    position: relative;
    margin-top: 0;
    padding: 0 20px 30px 20px; }
    @media (min-width: 1024px) {
      .field-collection-item-field-feature-secondary-coloured .c-feature .c-feature-hero-overview {
        padding: 0 30px;
        margin-top: 22px; } }

.field--name-field-feature .c-feature .c-feature-hero {
  min-height: inherit; }
  @media (min-width: 768px) {
    .field--name-field-feature .c-feature .c-feature-hero {
      min-height: 520px; } }
  @media (min-width: 1600px) {
    .field--name-field-feature .c-feature .c-feature-hero {
      min-height: 579px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .c-feature .c-feature-type h1 {
    bottom: -7px; } }
  @media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
    .c-feature .c-feature-type h1 {
      bottom: -8px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .field-collection-item-field-feature-primary-coloured .c-feature-title {
    bottom: -10px; } }
  @media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
    .field-collection-item-field-feature-primary-coloured .c-feature-title {
      bottom: -10px; } }

@media (min-width: 768px) {
  .field--name-field-feature-secondary-coloured
> .field__items
> .field__item.odd
.field--name-field-featured-reference-second
.c-feature {
    padding-left: 20px !important; } }

@media (min-width: 1024px) {
  .field--name-field-feature-secondary-coloured
> .field__items
> .field__item.odd
.field--name-field-featured-reference-second
.c-feature {
    padding-left: 40px !important; } }

@media (min-width: 768px) {
  .c-feature-manual .c-feature-hero-overview {
    min-height: auto; } }

.c-feature-manual .feature_hero_manual {
  overflow: hidden;
  position: relative; }
  .c-feature-manual .feature_hero_manual .iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute; }

body:not(.node-type-front) .entity-field-collection-item.field-collection-item-field-primary-image .c-feature-hero,
body:not(.node-type-front) .entity-field-collection-item.field-collection-item-field-primary-video .c-feature-hero {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0; }
  body:not(.node-type-front) .entity-field-collection-item.field-collection-item-field-primary-image .c-feature-hero .c-feature-title,
  body:not(.node-type-front) .entity-field-collection-item.field-collection-item-field-primary-video .c-feature-hero .c-feature-title {
    margin: 0 auto; }
  body:not(.node-type-front) .entity-field-collection-item.field-collection-item-field-primary-image .c-feature-hero .c-feature-hero-overview,
  body:not(.node-type-front) .entity-field-collection-item.field-collection-item-field-primary-video .c-feature-hero .c-feature-hero-overview {
    margin: 0 auto;
    padding: 0; }
  body:not(.node-type-front) .entity-field-collection-item.field-collection-item-field-primary-image .c-feature-hero .hero-col-1,
  body:not(.node-type-front) .entity-field-collection-item.field-collection-item-field-primary-video .c-feature-hero .hero-col-1 {
    margin: 0 auto; }

.node-type-front .c-image-credit-wrapper {
  display: none; }

.node-type-front .c-feature-tags a {
  text-decoration: none;
  color: #000000; }
  .node-type-front .c-feature-tags a:hover {
    text-decoration: underline;
    color: #BB55AE;
    cursor: pointer; }

.c-feature--video .c-feature-hero-position-wrapper .field--name-field-primary-video .c-feature-hero-overview {
  display: none; }

.c-feature--video .c-feature-hero--video .c-feature-hero {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

.c-feature--video .c-feature-hero--video .c-feature-title {
  display: none; }

/*------------------------------------*\
  #EVENT LISTING STYLING
\*------------------------------------*/
.c-event-listing .c-event-listing-left {
  margin: 0 -10px 0 -10px;
  float: left;
  position: relative; }
  @media (min-width: 768px) {
    .c-event-listing .c-event-listing-left {
      margin: 0 0 0 -30px; } }
  @media (min-width: 1024px) {
    .c-event-listing .c-event-listing-left {
      margin: 0 0 0 -40px; } }
  @media (min-width: 1600px) {
    .c-event-listing .c-event-listing-left {
      margin: 0 0 0 -50px; } }
  .c-event-listing .c-event-listing-left p {
    background-color: #FFD200;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    padding: 8px 10px 6px 10px;
    color: #000;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 0.73333rem;
    line-height: 14px; }
  .c-event-listing .c-event-listing-left img {
    opacity: 0.8;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .c-event-listing .c-event-listing-left img:hover {
      opacity: 1;
      transition: opacity 0.3s ease-in-out; }
  .c-event-listing .c-event-listing-left .primary-video-hero .field--name-field-image::before {
    display: none; }
    @media (min-width: 1024px) {
      .c-event-listing .c-event-listing-left .primary-video-hero .field--name-field-image::before {
        display: none; } }
  .c-event-listing .c-event-listing-left .field-collection-container {
    border-bottom: solid 0 transparent; }

.c-event-listing .c-event-listing-right {
  clear: both;
  margin-right: 10px;
  padding: 0 20px; }
  @media (min-width: 768px) {
    .c-event-listing .c-event-listing-right {
      margin-right: 30px;
      clear: none;
      padding: 0; } }
  @media (min-width: 1024px) {
    .c-event-listing .c-event-listing-right {
      margin-right: 40px; } }
  @media (min-width: 1600px) {
    .c-event-listing .c-event-listing-right {
      margin-right: 50px; } }
  .c-event-listing .c-event-listing-right .c-event-listing-title a {
    text-decoration: none; }
    .c-event-listing .c-event-listing-right .c-event-listing-title a h4 {
      margin-bottom: 0; }

.c-event-listing .c-event-listing-date {
  padding-bottom: 7px; }
  .c-event-listing .c-event-listing-date.c-event-listing-date__list-view {
    display: none; }

.c-event-listing .c-event-listing-title {
  padding-bottom: 10px; }
  .c-event-listing .c-event-listing-title .c-event-listing-title__list-view {
    display: none; }

.c-event-listing .c-event-listing-teaser.c-event-listing-teaser__list-view {
  display: none; }

.c-event-listing p.c-event-listing-free-event__list-view {
  display: none; }

.c-event-listing .c-event-listing-festival .c-event-listing-related-intro,
.c-event-listing .c-event-listing-festival .c-event-listing-related-link {
  display: inline-block; }

.c-event-listing .c-event-listing-festival .c-event-listing-related-link a {
  text-decoration: underline; }

.c-event-listing .c-event-listing-multibuy-festival-link.c-event-listing-multibuy-festival-link__list-view {
  display: none; }

.c-event-listing .c-event-listing-buttons {
  clear: both;
  position: absolute;
  bottom: -10px;
  right: -10px; }

.c-event-listing .c-event-listing-link {
  float: right; }

.c-event-listing .c-event-listing-book-now {
  display: inline-block;
  float: right;
  margin-left: 15px;
  text-transform: lowercase; }

body.c-event-listing__show-list-view .views-row {
  padding-bottom: 0;
  padding-top: 0; }

body.c-event-listing__show-list-view .c-event-listing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column; }
  @media (min-width: 768px) {
    body.c-event-listing__show-list-view .c-event-listing {
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-align: strech;
          align-items: strech; } }
  body.c-event-listing__show-list-view .c-event-listing .c-event-listing-left {
    -ms-flex: 0 1 30%;
        flex: 0 1 30%;
    margin: 0; }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-left a.c-event-listing-left__image {
      display: none; }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-left .c-event-listing-free-event__full-view {
      display: none; }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-left .c-event-listing-multibuy__full-view {
      display: none; }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-left .c-event-listing-date.c-event-listing-date__list-view {
      display: block;
      padding: 15px 45px 10px 20px; }
      @media (min-width: 768px) {
        body.c-event-listing__show-list-view .c-event-listing .c-event-listing-left .c-event-listing-date.c-event-listing-date__list-view {
          padding: 13px 7px 13px 17px; } }
  body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right {
    -ms-flex: 0 1 70%;
        flex: 0 1 70%;
    margin: 0;
    padding-bottom: 46px; }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-tags {
      display: none; }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-title {
      padding: 0 0 2px 0; }
      @media (min-width: 768px) {
        body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-title {
          padding: 13px 45px 2px 13px; } }
      body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-title a {
        display: none; }
        body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-title a.c-event-listing-title__list-view {
          display: block;
          margin-right: 30px; }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-teaser {
      display: none; }
      body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-teaser.c-event-listing-teaser__list-view {
        display: block;
        padding: 0 0 13px 0; }
        @media (min-width: 768px) {
          body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-teaser.c-event-listing-teaser__list-view {
            padding: 0 45px 9px 13px; } }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-multibuy-festival-link {
      display: none; }
      body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-multibuy-festival-link.c-event-listing-multibuy-festival-link__list-view {
        display: block;
        padding: 0 0 13px 0; }
        @media (min-width: 768px) {
          body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-multibuy-festival-link.c-event-listing-multibuy-festival-link__list-view {
            padding: 0 45px 9px 13px; } }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-festival {
      display: none; }
    body.c-event-listing__show-list-view .c-event-listing .c-event-listing-right .c-event-listing-date {
      display: none; }
  body.c-event-listing__show-list-view .c-event-listing p {
    display: block;
    background-color: #FFD200;
    text-transform: uppercase;
    padding: 8px 10px 6px 10px;
    color: #000;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 0.73333rem;
    line-height: 14px; }
    body.c-event-listing__show-list-view .c-event-listing p.c-event-listing-free-event__list-view {
      width: 48px;
      position: relative;
      margin-bottom: 0; }
    body.c-event-listing__show-list-view .c-event-listing p.c-event-listing-multibuy__list-view {
      width: 135px;
      position: relative;
      margin-bottom: 0; }

/*------------------------------------*\
  #BREADCRUMB STYLES
\*------------------------------------*/
.easy-breadcrumb {
  margin: 0 0 0 10px;
  position: relative;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 20px;
  background: url("../images/arrow-short-left.svg") no-repeat left center; }
  @media (min-width: 768px) {
    .easy-breadcrumb {
      margin-left: 30px;
      padding-left: 20px;
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media (min-width: 1024px) {
    .easy-breadcrumb {
      margin-left: 40px;
      padding-left: 20px;
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media (min-width: 1600px) {
    .easy-breadcrumb {
      margin-left: 50px;
      padding-left: 20px;
      margin-top: 30px;
      margin-bottom: 30px; } }
  .easy-breadcrumb a {
    text-transform: uppercase;
    font-size: 0.73333rem;
    line-height: 14px;
    color: #666666;
    font-weight: normal;
    font-family: 'SBCAkkuratPro', sans-serif;
    letter-spacing: 1px;
    color: #000000;
    line-height: 1;
    text-decoration: none; }

/*------------------------------------*\
  #COOKIE COMPLIANCE STYLING
\*------------------------------------*/
#sliding-popup {
  padding: 10px 0 10px 0;
  position: absolute;
  top: 0; }

.sliding-popup-top {
  background: #505050;
  background: linear-gradient(to right, #505050 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#000000',GradientType=1 ); }

#sliding-popup .popup-content {
  width: 80%;
  display: inline-block; }

#sliding-popup .popup-content #popup-text {
  width: 100%;
  text-align: center;
  max-width: 100%;
  font-weight: normal; }
  @media (min-width: 1024px) {
    #sliding-popup .popup-content #popup-text {
      max-width: 50%;
      width: 50%;
      text-align: right; } }

#sliding-popup .popup-content #popup-buttons {
  width: 100%;
  text-align: center;
  max-width: 100%;
  font-family: 'SBCAkkuratBoldPro', sans-serif;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.46667;
  padding-left: 10px;
  font-weight: normal; }
  @media (min-width: 1024px) {
    #sliding-popup .popup-content #popup-buttons {
      max-width: 50%;
      width: 50%;
      text-align: left; } }

#sliding-popup .popup-content #popup-buttons button {
  margin-top: 0;
  background-image: none;
  background-color: transparent;
  color: white;
  text-shadow: 0px 0px 0 #ffffff;
  border-radius: 0;
  border: solid 1px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 0px 0px transparent; }

#sliding-popup .popup-content #popup-buttons button:hover {
  background: #393939;
  background: linear-gradient(to right, #393939 0%, #393939 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#393939',GradientType=1 ); }

#sliding-popup .popup-content #popup-text p {
  font-family: 'SBCAkkuratPro', sans-serif;
  font-size: 1rem;
  line-height: 1.46667;
  font-weight: normal; }

.sliding-popup-bottom {
  background-image: none; }

/*------------------------------------*\
  #FEATURED PRODUCT 
\*------------------------------------*/
.pane-node-field-call-out-box {
  margin-top: 40px;
  clear: both;
  float: left;
  width: 100%; }
  @media (min-width: 768px) {
    .pane-node-field-call-out-box {
      margin-top: 75px; } }

.c-featured-product {
  margin-top: 40px;
  clear: both;
  float: left; }
  @media (min-width: 768px) {
    .c-featured-product {
      margin-top: 75px; } }
  .c-featured-product h2 {
    position: relative;
    left: 0;
    font-style: lowercase;
    z-index: 300;
    margin-bottom: 0;
    padding-left: 10px;
    bottom: -5px; }
    @media (min-width: 768px) {
      .c-featured-product h2 {
        padding-left: 30px;
        bottom: -6px; } }
    @media (min-width: 1024px) {
      .c-featured-product h2 {
        padding-left: 40px; } }
    @media (min-width: 1600px) {
      .c-featured-product h2 {
        padding-left: 50px; } }
  .c-featured-product .parent {
    background-color: #FFFFFF;
    border: solid 1px rgba(0, 0, 0, 0.2);
    padding: 20px 30px;
    width: calc(100% - 20px);
    float: left;
    margin: 0 10px;
    position: relative; }
    @media (min-width: 768px) {
      .c-featured-product .parent {
        width: calc(100% - 60px);
        margin: 0 30px;
        padding: 30px 0; } }
    @media (min-width: 1024px) {
      .c-featured-product .parent {
        width: calc(100% - 80px);
        margin: 0 40px;
        padding: 40px 0; } }
    @media (min-width: 1600px) {
      .c-featured-product .parent {
        width: calc(100% - 100px);
        margin: 0 50px;
        padding: 45px 0; } }
  .c-featured-product .overlap-wrapper {
    margin: 0 -10px; }
    @media (min-width: 768px) {
      .c-featured-product .overlap-wrapper {
        margin: 0 -30px; } }
    @media (min-width: 1024px) {
      .c-featured-product .overlap-wrapper {
        margin: 0 -40px; } }
    @media (min-width: 1600px) {
      .c-featured-product .overlap-wrapper {
        margin: 0 -50px; } }
  .c-featured-product .c-featured-product-image {
    float: left;
    width: 100%;
    text-align: center; }
    @media (min-width: 768px) {
      .c-featured-product .c-featured-product-image {
        width: 50%; } }
    .c-featured-product .c-featured-product-image img {
      opacity: 0.8; }
      .c-featured-product .c-featured-product-image img:hover {
        opacity: 1;
        transition: opacity 0.3s ease-in; }
  .c-featured-product .c-featured-product-text {
    float: left;
    width: 100%; }
    @media (min-width: 768px) {
      .c-featured-product .c-featured-product-text {
        width: 50%; } }
  .c-featured-product .c-featured-product-title {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    font-size: 1.46667rem;
    line-height: 1;
    margin-bottom: 10px;
    padding-top: 10px; }
    @media (min-width: 768px) {
      .c-featured-product .c-featured-product-title {
        padding-top: 0; } }
  .c-featured-product .c-featured-product-teaser {
    padding-right: 0; }
    @media (min-width: 768px) {
      .c-featured-product .c-featured-product-teaser {
        padding-right: 90px; } }
  .c-featured-product .c-featured-product-link {
    padding: 20px 0; }

/*------------------------------------*/
/*------------------------------------*/
.pane-node-field-sponsor {
  position: relative;
  float: left;
  margin-left: 10px; }
  @media (min-width: 768px) {
    .pane-node-field-sponsor {
      position: absolute;
      top: 18px;
      right: 60px;
      z-index: 600; } }
  @media (min-width: 1024px) {
    .pane-node-field-sponsor {
      right: 100px; } }
  .pane-node-field-sponsor .field--name-field-sponsor {
    margin: 0 15px 10px 0; }
    @media (min-width: 768px) {
      .pane-node-field-sponsor .field--name-field-sponsor {
        margin: 0 auto; } }
  .pane-node-field-sponsor .field__label {
    text-transform: uppercase;
    font-size: 0.73333rem;
    line-height: 14px;
    color: #666666;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: left; }

.node-type-festival .post-hero,
.node-type-landing .post-hero {
  display: block; }
  @media (min-width: 768px) {
    .node-type-festival .post-hero,
    .node-type-landing .post-hero {
      display: none; } }

.node-type-festival .hero-overview .pane-node-field-sponsor,
.node-type-landing .hero-overview .pane-node-field-sponsor {
  display: none; }
  @media (min-width: 768px) {
    .node-type-festival .hero-overview .pane-node-field-sponsor,
    .node-type-landing .hero-overview .pane-node-field-sponsor {
      display: block;
      position: initial;
      margin: 0 0 0 0; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .node-type-festival .hero-overview .pane-node-field-sponsor,
    .node-type-landing .hero-overview .pane-node-field-sponsor {
      margin-top: 20px; } }
  .node-type-festival .hero-overview .pane-node-field-sponsor img,
  .node-type-landing .hero-overview .pane-node-field-sponsor img {
    max-height: 50px; }
  .node-type-festival .hero-overview .pane-node-field-sponsor .field__label,
  .node-type-landing .hero-overview .pane-node-field-sponsor .field__label {
    text-transform: uppercase;
    font-size: 0.73333rem;
    line-height: 14px;
    color: #666666;
    font-weight: normal;
    margin-bottom: 5px; }
    @media (min-width: 768px) {
      .node-type-festival .hero-overview .pane-node-field-sponsor .field__label,
      .node-type-landing .hero-overview .pane-node-field-sponsor .field__label {
        margin-bottom: 10px; } }

.node-type-exhibition .pane-node-field-sponsor {
  position: static;
  margin: 0 0 0 0;
  clear: both;
  padding-top: 20px; }
  @media (min-width: 768px) {
    .node-type-exhibition .pane-node-field-sponsor {
      padding-top: 0; } }
  .node-type-exhibition .pane-node-field-sponsor img {
    max-height: 50px; }
  .node-type-exhibition .pane-node-field-sponsor .field__label {
    text-transform: uppercase;
    font-size: 0.73333rem;
    line-height: 14px;
    color: #666666;
    font-weight: normal;
    margin-bottom: 9px; }
    @media (min-width: 768px) {
      .node-type-exhibition .pane-node-field-sponsor .field__label {
        margin-bottom: 10px; } }

/*------------------------------------*\
  #BEFORE AND AFTER BLOCK
\*------------------------------------*/
.pane-southbank-block-before-after {
  margin-top: 15px;
  clear: both;
  float: left;
  width: 100%; }
  .pane-southbank-block-before-after h2 {
    position: relative;
    left: 0;
    font-style: lowercase;
    z-index: 300;
    margin-bottom: 0;
    padding-left: 10px;
    bottom: -5px; }
    @media (min-width: 768px) {
      .pane-southbank-block-before-after h2 {
        padding-left: 30px;
        bottom: -6px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-before-after h2 {
        padding-left: 40px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-before-after h2 {
        padding-left: 50px; } }
  .pane-southbank-block-before-after .parent {
    background: #43b890;
    background: linear-gradient(135deg, #43b890 0%, #008ec3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b890', endColorstr='#008ec3',GradientType=1 );
    padding: 20px 0 20px 0;
    width: calc(100% - 20px);
    float: left;
    margin: 0 10px;
    position: relative; }
    @media (min-width: 768px) {
      .pane-southbank-block-before-after .parent {
        width: calc(100% - 60px);
        margin: 0 30px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-before-after .parent {
        width: calc(100% - 80px);
        margin: 0 40px;
        padding: 50px 0 40px 0; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-before-after .parent {
        width: calc(100% - 100px);
        margin: 0 50px;
        padding: 50px 0 50px 0; } }
  .pane-southbank-block-before-after .overlap-wrapper {
    margin: 0 -10px; }
    @media (min-width: 768px) {
      .pane-southbank-block-before-after .overlap-wrapper {
        margin: 0 -30px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-before-after .overlap-wrapper {
        margin: 0 -40px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-before-after .overlap-wrapper {
        margin: 0 -50px; } }
  .pane-southbank-block-before-after .c-before-after-item {
    width: calc(100% - 10px);
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    float: left; }
    @media (min-width: 768px) {
      .pane-southbank-block-before-after .c-before-after-item {
        border-top: solid 0 red;
        width: 50%;
        line-height: 0; } }
    .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-image {
      width: 49%;
      display: inline-block; }
      @media (min-width: 1024px) {
        .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-image {
          width: auto; } }
      .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-image img {
        opacity: 0.8; }
        .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-image img:hover {
          opacity: 1;
          transition: opacity 0.3s ease-in; }
    .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-offset {
      width: 50%;
      display: inline-block;
      vertical-align: top;
      padding: 15px 10px;
      line-height: 1.46667; }
      @media (min-width: 768px) {
        .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-offset {
          padding: 15px 20px; } }
      .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-offset a {
        text-decoration: none; }
        .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-offset a:hover {
          color: #FFFFFF; }
      .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-offset .c-before-after-item-teaser {
        display: none; }
        @media (min-width: 768px) {
          .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-offset .c-before-after-item-teaser {
            display: block; } }

@media (min-width: 768px) {
  .node-type-event .pane-southbank-block-before-after .c-before-after-item {
    width: calc(100% - 30px);
    border-top: solid 1px rgba(0, 0, 0, 0.2); } }

@media (min-width: 1024px) {
  .node-type-event .pane-southbank-block-before-after .c-before-after-item {
    width: calc(100% - 40px); } }

@media (min-width: 1600px) {
  .node-type-event .pane-southbank-block-before-after .c-before-after-item {
    width: calc(100% - 50px); } }

@media (min-width: 768px) {
  .node-type-event .pane-southbank-block-before-after .c-before-after-item .c-before-after-item-offset {
    padding: 15px 10px; } }

/*------------------------------------*/
/*------------------------------------*/
@media (min-width: 768px) {
  .field-collection-item-field-tab {
    padding: 0 33% 0 30px; } }

@media (min-width: 768px) {
  .node-type-festival .field-collection-item-field-tab,
  .node-type-landing .field-collection-item-field-tab,
  .node-type-exhibition .field-collection-item-field-tab {
    padding: 0 33% 0 2px; } }

@media (min-width: 1024px) {
  .node-type-festival .field-collection-item-field-tab,
  .node-type-landing .field-collection-item-field-tab,
  .node-type-exhibition .field-collection-item-field-tab {
    padding: 0 33% 0 10px; } }

.pane-sc-block-notice {
  margin-bottom: 40px; }

.c-notice {
  position: relative;
  margin: 0 10px 10px 10px;
  padding: 14px 20px; }
  @media (min-width: 768px) {
    .c-notice {
      margin: 0 30px 10px 30px; } }
  @media (min-width: 1024px) {
    .c-notice {
      margin: 0 40px 10px 40px; } }
  @media (min-width: 1600px) {
    .c-notice {
      margin: 0 50px 10px 50px; } }
  .c-notice.notice {
    background: #fffbb7;
    background: linear-gradient(135deg, #fffbb7 0%, #ffe635 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbb7', endColorstr='#ffe635',GradientType=1 ); }
  .c-notice.warning {
    background: #ed2737;
    background: linear-gradient(135deg, #ed2737 0%, #ff747f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2737', endColorstr='#ff747f',GradientType=1 ); }
  .c-notice .notice-type {
    display: inline-block;
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    text-transform: lowercase; }
  .c-notice .field-colon,
  .c-notice .field--name-field-title {
    display: inline-block; }
  .c-notice .field--name-field-text {
    display: inline-block;
    padding-right: 40px; }
  .c-notice .c-notice-buttons {
    position: absolute;
    right: 5px;
    top: 5px; }
  .c-notice .c-notice-close-icon {
    background-image: url(/sites/default/themes/southbank/images/icon-close.svg), url(/sites/all/themes/southbank/images/icon-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 11px;
    height: 40px;
    width: 40px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    transition: all 0.3s ease-in;
    border: solid 0 red; }
    .c-notice .c-notice-close-icon:hover {
      cursor: pointer;
      background-color: rgba(0, 0, 0, 0.1);
      border-color: #000000;
      background-blend-mode: multiply; }
    @media (min-width: 768px) {
      .c-notice .c-notice-close-icon {
        height: 40px;
        width: 40px;
        border: solid 1px rgba(0, 0, 0, 0.2);
        display: inline-block;
        transition: all 0.3s ease-in; }
        .c-notice .c-notice-close-icon:hover {
          cursor: pointer;
          background-color: rgba(0, 0, 0, 0.1);
          border-color: #000000;
          background-blend-mode: multiply; } }

/*------------------------------------*\
  #LIGHTBOX POPUP
\*------------------------------------*/
.c-lightbox__overlay {
  display: none;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  overflow: hidden; }
  .admin-menu .c-lightbox__overlay {
    top: 30px; }
  .c-lightbox__overlay.c-lightbox--visible {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%; }
  .c-lightbox__overlay .c-lightbox__content {
    position: relative;
    width: 92%;
    height: 92%;
    margin: 50px auto 0 auto; }
    @media (min-width: 768px) {
      .c-lightbox__overlay .c-lightbox__content {
        width: 70%;
        height: 70%; } }
  .c-lightbox__overlay .c-lightbox__controls {
    color: white;
    text-align: right; }
    .c-lightbox__overlay .c-lightbox__controls .c-lightbox__close {
      color: white;
      background-color: black;
      padding: 15px;
      display: inline-block;
      position: absolute;
      top: -45px;
      right: 0;
      width: 45px;
      height: 45px; }
      .c-lightbox__overlay .c-lightbox__controls .c-lightbox__close:after {
        background-image: url("../images/icon-close-white.svg");
        position: absolute;
        content: '';
        top: 17px;
        right: 17px;
        width: 11px;
        height: 9px; }
  .c-lightbox__overlay .c-lightbox__podcast {
    text-align: right; }

/*------------------------------------*\
  #SOCIAL WALL
\*------------------------------------*/
.c-social-wall .parent {
  background: #b2d4db;
  background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 );
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px);
  padding: 60px 0 22px 0;
  padding-top: 20px; }
  @media (min-width: 768px) {
    .c-social-wall .parent {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .c-social-wall .parent {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .c-social-wall .parent {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  @media (min-width: 768px) {
    .c-social-wall .parent {
      padding-top: 30px; } }
  @media (min-width: 1024px) {
    .c-social-wall .parent {
      padding-top: 40px; } }

.c-social-wall .overlap-wrapper {
  margin: 0 -10px;
  position: relative; }
  @media (min-width: 768px) {
    .c-social-wall .overlap-wrapper {
      margin: 0 -30px; } }
  @media (min-width: 1024px) {
    .c-social-wall .overlap-wrapper {
      margin: 0 -40px; } }
  @media (min-width: 1600px) {
    .c-social-wall .overlap-wrapper {
      margin: 0 -50px; } }

.c-social-wall h2 {
  position: relative;
  left: 0;
  font-style: lowercase;
  z-index: 300;
  margin-bottom: 0;
  padding-left: 10px;
  bottom: -5px;
  position: relative; }
  @media (min-width: 768px) {
    .c-social-wall h2 {
      padding-left: 30px;
      bottom: -6px; } }
  @media (min-width: 1024px) {
    .c-social-wall h2 {
      padding-left: 40px; } }
  @media (min-width: 1600px) {
    .c-social-wall h2 {
      padding-left: 50px; } }

.c-social-wall .c-social-feed .c-social-feed--feed-item {
  width: 100%; }
  @media (min-width: 768px) {
    .c-social-wall .c-social-feed .c-social-feed--feed-item {
      width: 50%;
      width: calc(100% / 2); } }
  @media (min-width: 1024px) {
    .c-social-wall .c-social-feed .c-social-feed--feed-item {
      width: 33%;
      width: calc(100% / 3); } }
  @media (min-width: 1290px) {
    .c-social-wall .c-social-feed .c-social-feed--feed-item {
      width: 25%;
      width: calc(100% / 4); } }
  .c-social-wall .c-social-feed .c-social-feed--feed-item:after {
    content: "";
    display: block;
    padding-bottom: 50%; }
  .c-social-wall .c-social-feed .c-social-feed--feed-item:nth-child(3), .c-social-wall .c-social-feed .c-social-feed--feed-item:nth-child(5) {
    display: none; }
    @media (min-width: 1290px) {
      .c-social-wall .c-social-feed .c-social-feed--feed-item:nth-child(3), .c-social-wall .c-social-feed .c-social-feed--feed-item:nth-child(5) {
        display: block; } }

.c-social-wall .c-social-feed .c-social-feed--text {
  float: left;
  padding: 22px; }

.c-social-wall .c-social-feed .c-social-feed--user {
  position: absolute;
  bottom: 22px;
  left: 22px; }

.c-social-wall .c-social-feed .c-social-feed--feed-item--square {
  color: white; }
  .c-social-wall .c-social-feed .c-social-feed--feed-item--square:after {
    padding-bottom: 0%; }
  .c-social-wall .c-social-feed .c-social-feed--feed-item--square .c-social-feed--image-container {
    position: relative;
    background-size: cover; }
    .c-social-wall .c-social-feed .c-social-feed--feed-item--square .c-social-feed--image-container:after {
      padding-bottom: 100%;
      content: "";
      display: block; }

.c-social-wall .c-social-feed .c-social-feed--feed-item--square-small {
  color: white; }
  .c-social-wall .c-social-feed .c-social-feed--feed-item--square-small .c-social-feed--image-container {
    width: 50%;
    background-size: cover;
    float: left;
    position: relative; }
    .c-social-wall .c-social-feed .c-social-feed--feed-item--square-small .c-social-feed--image-container:after {
      padding-bottom: 100%;
      content: "";
      display: block; }

.c-social-wall .c-social-feed .c-social-feed--twitter-link .c-social-feed--twitter-link-wrapper {
  width: 50%;
  margin: auto; }
  .c-social-wall .c-social-feed .c-social-feed--twitter-link .c-social-feed--twitter-link-wrapper a {
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent; }
    .c-social-wall .c-social-feed .c-social-feed--twitter-link .c-social-feed--twitter-link-wrapper a:before {
      content: "";
      display: block;
      background-image: url("../images/twitter_white.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      padding: 20px;
      margin-top: -20px; }

.field--name-field-partner .field__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center; }

.field--name-field-partner .field__item {
  margin: 0 10px;
  width: 26.47059%;
  float: left;
  margin-right: 2.94118%; }
  .field--name-field-partner .field__item img {
    display: block;
    margin: 0 auto; }
  @media (min-width: 768px) {
    .field--name-field-partner .field__item {
      width: 15.25424%;
      float: left;
      margin-right: 1.69492%; }
      .field--name-field-partner .field__item img {
        width: 100%;
        max-width: 115px; } }

.node-type-event .field--name-field-partner .field__item {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%; }

.pane-node-field-media-item {
  clear: both; }

.media-soundcloud-audio iframe {
  width: 100%; }

/*------------------------------------*\
  #CALL OUT BOX STYLING
\*------------------------------------*/
.paragraphs-item-call-out-box .field--name-field-primary-cta {
  right: 0; }
  @media (min-width: 768px) {
    .paragraphs-item-call-out-box .field--name-field-primary-cta {
      right: -10px; } }

.node-type-landing .l-node--content .paragraphs-items.paragraphs-items-field-paragraph-block {
  width: 100%;
  margin: 0 auto; }

.c-call-out-boxes {
  clear: both; }
  .c-call-out-boxes.paragraphs-item-call-out-boxes-full-width {
    padding: 20px 0 20px 0;
    width: calc(100% - 20px);
    float: left;
    margin: 0 10px 0 10px;
    position: relative; }
    @media (min-width: 768px) {
      .c-call-out-boxes.paragraphs-item-call-out-boxes-full-width {
        width: calc(100% - 60px);
        margin: 0 30px 0 30px; } }
    @media (min-width: 1024px) {
      .c-call-out-boxes.paragraphs-item-call-out-boxes-full-width {
        width: calc(100% - 80px);
        margin: 0 40px 0 40px;
        padding-top: 30px; } }
    @media (min-width: 1600px) {
      .c-call-out-boxes.paragraphs-item-call-out-boxes-full-width {
        width: calc(100% - 100px);
        margin: 0 50px 0 50px; } }

.c-call-out-boxes__2-cols,
.c-call-out-boxes__3-cols,
.c-call-out-boxes__4-cols {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin: 0 -10px 0 -20px; }
  @media (min-width: 768px) {
    .c-call-out-boxes__2-cols,
    .c-call-out-boxes__3-cols,
    .c-call-out-boxes__4-cols {
      margin: 0 -30px 0 -60px; } }
  @media (min-width: 1024px) {
    .c-call-out-boxes__2-cols,
    .c-call-out-boxes__3-cols,
    .c-call-out-boxes__4-cols {
      margin: 0 -40px 0 -80px; } }
  @media (min-width: 1600px) {
    .c-call-out-boxes__2-cols,
    .c-call-out-boxes__3-cols,
    .c-call-out-boxes__4-cols {
      margin: 0 -50px 0 -100px; } }

.c-call-out-boxes__1-cols {
  display: block;
  margin: 0 auto;
  position: relative; }
  .c-call-out-boxes__1-cols .c-call-out-boxes__box.c-call-out-boxes__box__contains-image {
    display: block; }
    .c-call-out-boxes__1-cols .c-call-out-boxes__box.c-call-out-boxes__box__contains-image .c-call-out-boxes__box__content {
      height: auto;
      margin: -30px 10px 10px 10px;
      -ms-flex: 1;
      flex: 1; }
    @media (min-width: 768px) {
      .c-call-out-boxes__1-cols .c-call-out-boxes__box.c-call-out-boxes__box__contains-image .c-call-out-boxes__box__image {
        position: absolute;
        top: 35px;
        left: -40px;
        z-index: 1;
        max-width: 336px; }
        .c-call-out-boxes__1-cols .c-call-out-boxes__box.c-call-out-boxes__box__contains-image .c-call-out-boxes__box__image img {
          width: 100%; }
      .c-call-out-boxes__1-cols .c-call-out-boxes__box.c-call-out-boxes__box__contains-image .c-call-out-boxes__box__content {
        padding-left: 53%;
        padding-bottom: 18%;
        margin: 0 auto; } }

.c-call-out-boxes__box {
  margin: 20px 0;
  width: 100%; }
  .c-call-out-boxes__box.c-call-out-boxes__box__contains-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .c-call-out-boxes__box .c-call-out-boxes__box__image {
    line-height: 0; }
    .c-call-out-boxes__box .c-call-out-boxes__box__image img {
      width: 100%; }
  .c-call-out-boxes__box .c-call-out-boxes__box__content {
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    height: 100%; }
    @media (min-width: 768px) {
      .c-call-out-boxes__box .c-call-out-boxes__box__content {
        padding: 30px; } }
    .c-call-out-boxes__colour-pink .c-call-out-boxes__box .c-call-out-boxes__box__content {
      background: #FFD200; }
    .c-call-out-boxes__colour-blue .c-call-out-boxes__box .c-call-out-boxes__box__content {
      background: #b2d4db;
      background: linear-gradient(135deg, #b2d4db 0%, #eff4fa 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d4db', endColorstr='#eff4fa',GradientType=1 ); }
    .c-call-out-boxes__box .c-call-out-boxes__box__content .c-call-out-boxes__box__title {
      font-family: 'SCNoeBold', sans-serif;
      font-size: 1.46667rem;
      line-height: 23px;
      padding-bottom: 10px;
      letter-spacing: 0.3px; }
    .c-call-out-boxes__box .c-call-out-boxes__box__content .c-call-out-boxes__box__secondary-cta a {
      font-family: 'SBCAkkuratPro', sans-serif; }
    .c-call-out-boxes__box .c-call-out-boxes__box__content .c-call-out-boxes__box__secondary-cta .c-btn--secondary {
      display: block;
      font-weight: 700;
      text-align: left; }
    .c-call-out-boxes__box .c-call-out-boxes__box__content .c-call-out-boxes__box__primary-cta {
      position: absolute;
      right: 0;
      bottom: -10px; }
      @media (min-width: 768px) {
        .c-call-out-boxes__box .c-call-out-boxes__box__content .c-call-out-boxes__box__primary-cta {
          right: -10px; } }
      .c-call-out-boxes__box .c-call-out-boxes__box__content .c-call-out-boxes__box__primary-cta .c-btn--primary {
        margin-left: 10px; }

.c-call-out-boxes__2-cols .c-call-out-boxes__box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
  @media (min-width: 420px) {
    .c-call-out-boxes__2-cols .c-call-out-boxes__box {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; } }
  @media (min-width: 1024px) {
    .c-call-out-boxes__2-cols .c-call-out-boxes__box {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; } }
  .c-call-out-boxes__2-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
    margin-left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1;
        flex: 1; }
    @media (min-width: 768px) {
      .c-call-out-boxes__2-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 30px; } }
    @media (min-width: 1024px) {
      .c-call-out-boxes__2-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 40px; } }
    @media (min-width: 1600px) {
      .c-call-out-boxes__2-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 50px; } }
  .c-call-out-boxes__2-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
    width: calc(100% - 40px);
    margin: 0 20px 0 20px;
    position: relative;
    z-index: 300; }
    @media (min-width: 768px) {
      .c-call-out-boxes__2-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 60px);
        margin: 0 30px 0 30px; } }
    @media (min-width: 1024px) {
      .c-call-out-boxes__2-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 80px);
        margin: 0 40px 0 40px; } }
    @media (min-width: 1600px) {
      .c-call-out-boxes__2-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 100px);
        margin: 0 50px 0 50px; } }
  .c-call-out-boxes__2-cols .c-call-out-boxes__box.c-call-out-boxes__box__contains-image .c-call-out-boxes__box__content {
    margin-top: -36px; }

@media (min-width: 768px) {
  .c-call-out-boxes__2-cols.c-call-out-boxes__align-left {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .c-call-out-boxes__2-cols.c-call-out-boxes__align-center {
    -ms-flex-pack: center;
        justify-content: center; }
  .c-call-out-boxes__2-cols.c-call-out-boxes__align-right {
    -ms-flex-pack: end;
        justify-content: flex-end; } }

.c-call-out-boxes__3-cols .c-call-out-boxes__box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
  @media (min-width: 420px) {
    .c-call-out-boxes__3-cols .c-call-out-boxes__box {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; } }
  @media (min-width: 1024px) {
    .c-call-out-boxes__3-cols .c-call-out-boxes__box {
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%; } }
  .c-call-out-boxes__3-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
    margin-left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1;
        flex: 1; }
    @media (min-width: 768px) {
      .c-call-out-boxes__3-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 30px; } }
    @media (min-width: 1024px) {
      .c-call-out-boxes__3-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 40px; } }
    @media (min-width: 1600px) {
      .c-call-out-boxes__3-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 50px; } }
  .c-call-out-boxes__3-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
    width: calc(100% - 40px);
    margin: 0 20px 0 20px;
    position: relative;
    z-index: 300; }
    @media (min-width: 768px) {
      .c-call-out-boxes__3-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 60px);
        margin: 0 30px 0 30px; } }
    @media (min-width: 1024px) {
      .c-call-out-boxes__3-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 80px);
        margin: 0 40px 0 40px; } }
    @media (min-width: 1600px) {
      .c-call-out-boxes__3-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 100px);
        margin: 0 50px 0 50px; } }
  .c-call-out-boxes__3-cols .c-call-out-boxes__box.c-call-out-boxes__box__contains-image .c-call-out-boxes__box__content {
    margin-top: -36px; }

@media (min-width: 768px) {
  .c-call-out-boxes__3-cols.c-call-out-boxes__align-left {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .c-call-out-boxes__3-cols.c-call-out-boxes__align-center {
    -ms-flex-pack: center;
        justify-content: center; }
  .c-call-out-boxes__3-cols.c-call-out-boxes__align-right {
    -ms-flex-pack: end;
        justify-content: flex-end; } }

.c-call-out-boxes__4-cols .c-call-out-boxes__box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
  @media (min-width: 420px) {
    .c-call-out-boxes__4-cols .c-call-out-boxes__box {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; } }
  @media (min-width: 1024px) {
    .c-call-out-boxes__4-cols .c-call-out-boxes__box {
      -ms-flex: 0 0 25%;
          flex: 0 0 25%; } }
  .c-call-out-boxes__4-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
    margin-left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1;
        flex: 1; }
    @media (min-width: 768px) {
      .c-call-out-boxes__4-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 30px; } }
    @media (min-width: 1024px) {
      .c-call-out-boxes__4-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 40px; } }
    @media (min-width: 1600px) {
      .c-call-out-boxes__4-cols .c-call-out-boxes__box .c-call-out-boxes__box__wrapper {
        margin-left: 50px; } }
  .c-call-out-boxes__4-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
    width: calc(100% - 40px);
    margin: 0 20px 0 20px;
    position: relative;
    z-index: 300; }
    @media (min-width: 768px) {
      .c-call-out-boxes__4-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 60px);
        margin: 0 30px 0 30px; } }
    @media (min-width: 1024px) {
      .c-call-out-boxes__4-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 80px);
        margin: 0 40px 0 40px; } }
    @media (min-width: 1600px) {
      .c-call-out-boxes__4-cols .c-call-out-boxes__box .c-call-out-boxes__box__content {
        width: calc(100% - 100px);
        margin: 0 50px 0 50px; } }
  .c-call-out-boxes__4-cols .c-call-out-boxes__box.c-call-out-boxes__box__contains-image .c-call-out-boxes__box__content {
    margin-top: -36px; }

@media (min-width: 768px) {
  .c-call-out-boxes__4-cols.c-call-out-boxes__align-left {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .c-call-out-boxes__4-cols.c-call-out-boxes__align-center {
    -ms-flex-pack: center;
        justify-content: center; }
  .c-call-out-boxes__4-cols.c-call-out-boxes__align-right {
    -ms-flex-pack: end;
        justify-content: flex-end; } }

.archive-search {
  background: #FFD200;
  padding: 30px 10px 35px 10px;
  box-sizing: border-box;
  position: relative; }
  @media (min-width: 768px) {
    .archive-search {
      padding: 30px 30px 35px 30px; } }
  @media (min-width: 1024px) {
    .archive-search {
      padding: 30px 40px 35px 40px; } }
  @media (min-width: 1600px) {
    .archive-search {
      padding: 30px 50px 35px 50px; } }
  .archive-search h2 {
    font-size: 1.46667rem;
    line-height: 1; }
    @media (min-width: 768px) {
      .archive-search h2 {
        position: absolute;
        top: -34px;
        font-size: 2.66667rem;
        line-height: 1.1; } }
  .archive-search .archive-search__text {
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .archive-search .archive-search__text {
        max-width: 600px; } }
  .archive-search .form-item-input {
    display: inline;
    position: relative; }
    .archive-search .form-item-input input {
      background: #FFD200;
      width: 85%; }
      @media (min-width: 768px) {
        .archive-search .form-item-input input {
          width: 600px; } }
    .archive-search .form-item-input:after {
      content: '';
      position: absolute;
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(80, 80, 80, 0.6) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#99505050',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */
      width: 44px;
      height: 44px;
      top: -14px;
      right: -40px; }
  .archive-search .search-submit-btn {
    background-image: url(../images/icon-search-white.svg);
    text-decoration: none;
    margin-left: -4px;
    border: 0;
    width: auto;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-indent: -2000px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: inherit;
    padding: 11px 23px;
    opacity: 0.8; }

/*------------------------------------*\
  #EMAIL SIGNUP FORM STRUCTURE
\*------------------------------------*/
.c-signup-email-form--name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  @media (min-width: 768px) {
    .c-signup-email-form--name {
      -ms-flex-direction: row;
          flex-direction: row; } }

.c-signup-email-form input {
  font-size: 1.06667rem;
  line-height: 1.375; }

.c-signup-email-form .c-sc-email-signup--thanks {
  display: none; }
  .c-signup-email-form .c-sc-email-signup--thanks.is-visible {
    display: block; }

.c-signup-email-form .c-signup-email-form--submit input {
  display: none; }
  .c-signup-email-form .c-signup-email-form--submit input.input-submit-btn {
    font-family: 'SBCAkkuratBoldPro', sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.8);
    height: 46px;
    text-transform: lowercase;
    text-decoration: none;
    text-align: left;
    text-indent: 5px;
    background-image: url("../images/arrow-right-white.svg");
    background-repeat: no-repeat;
    background-size: 19px 11px;
    background-position: right 21px center;
    border: solid 0 transparent;
    transition: background 0.3s ease-in; }
    .c-signup-email-form .c-signup-email-form--submit input.input-submit-btn:hover {
      text-decoration: none;
      /*transition(background .3s ease-in);*/
      transition: all .3s ease-in;
      background-position: right 12px center;
      background-color: black; }

/*------------------------------------*\
  #EMAIL SIGNUP - FOOTER BLOCK
\*------------------------------------*/
body.ios11-fix {
  position: fixed !important;
  width: 100%;
  overflow: hidden;
  height: 100%; }

.block--southbank-email-signup-form-sc-email-signup-footer {
  padding-bottom: 30px;
  width: 100%;
  position: relative; }
  @media (min-width: 768px) {
    .block--southbank-email-signup-form-sc-email-signup-footer {
      width: 50%;
      margin-bottom: 0; } }
  @media (min-width: 1024px) {
    .block--southbank-email-signup-form-sc-email-signup-footer {
      width: 40%; } }
  .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-footer--block-copy {
    margin-bottom: 15px;
    width: 100%;
    max-width: 400px; }
    @media (min-width: 768px) {
      .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-footer--block-copy {
        width: 100%; } }
    @media (min-width: 1024px) {
      .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-footer--block-copy {
        width: 80%; } }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-footer--block-copy.is-hidden {
      display: none; }
  .block--southbank-email-signup-form-sc-email-signup-footer .southbank-email-signup-form.is-hidden {
    display: none; }
  .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form {
    width: 100%; }
    @media (min-width: 768px) {
      .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form {
        width: 100%; } }
    @media (min-width: 1024px) {
      .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form {
        width: 80%; } }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form input {
      background-color: #FFDC36; }
      .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form input.required.invalid {
        border: 1px solid red; }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--name {
      max-width: 400px; }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--first-name {
      width: 100%; }
      @media (min-width: 768px) {
        .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--first-name {
          width: 75%;
          margin-right: 10px; } }
      @media (min-width: 1024px) {
        .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--first-name {
          width: 75%;
          margin-right: 10px; } }
      .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--first-name input {
        width: 100%;
        max-width: 400px; }
        @media (min-width: 768px) {
          .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--first-name input {
            width: 100%; } }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--last-name {
      width: 100%;
      max-width: 400px; }
      @media (min-width: 768px) {
        .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--last-name {
          width: 125%; } }
      @media (min-width: 1024px) {
        .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--last-name {
          width: 125%; } }
      .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--last-name input {
        width: 100%;
        max-width: 400px; }
        @media (min-width: 768px) {
          .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--last-name input {
            width: 100%; } }
        @media (min-width: 1024px) {
          .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--last-name input {
            width: 100%; } }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--email-address input {
      width: 100%;
      max-width: 400px; }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form .c-signup-email-form--submit input.input-submit-btn {
      width: 146px; }
  .block--southbank-email-signup-form-sc-email-signup-footer .c-signup-email-form--field-wrapper {
    min-height: 223px; }
  .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-popup--thank-you-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    max-width: 400px; }
    @media (min-width: 1024px) {
      .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-popup--thank-you-wrapper {
        width: 80%; } }
  .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-popup--thank-you-tick {
    display: none;
    background-image: url("../images/icon-tick.svg");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    content: "";
    background-color: red;
    background-size: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    background-position: 50%;
    margin-top: 30px; }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-popup--thank-you-tick.is-visible {
      display: block; }
  .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-footer--thank-you {
    display: none;
    text-align: center;
    margin-top: 30px;
    max-width: 400px; }
    .block--southbank-email-signup-form-sc-email-signup-footer .c-sc-email-signup-footer--thank-you.is-visible {
      display: block; }

/*------------------------------------*\
  #EMAIL SIGNUP - POPUP BLOCK
\*------------------------------------*/
.block--southbank-email-signup-form-sc-email-signup-popup {
  background-color: rgba(255, 255, 255, 0.85);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  z-index: 1000; }
  .block--southbank-email-signup-form-sc-email-signup-popup .block__content {
    padding-bottom: 30px;
    width: 100%;
    height: 400px;
    position: fixed;
    top: 15%;
    left: 0;
    right: 0;
    z-index: 1000; }
    @media (min-width: 768px) {
      .block--southbank-email-signup-form-sc-email-signup-popup .block__content {
        height: 400px;
        width: 80%;
        top: 10%;
        left: 10%;
        right: 10%; } }
    @media (min-width: 1024px) {
      .block--southbank-email-signup-form-sc-email-signup-popup .block__content {
        width: 60%;
        height: 400px;
        top: 15%;
        left: 20%;
        right: 20%; } }
  .block--southbank-email-signup-form-sc-email-signup-popup.is-visible {
    display: block; }
    @media (min-width: 768px) {
      .block--southbank-email-signup-form-sc-email-signup-popup.is-visible {
        display: block; } }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--image {
    display: none; }
    @media (min-width: 768px) {
      .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--image {
        display: block; } }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--content-wrapper {
    background-color: #FFD200;
    position: relative;
    top: 0;
    width: 90%;
    margin: 0 auto;
    padding: 30px;
    min-height: 290px; }
    @media (min-width: 768px) {
      .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--content-wrapper {
        top: -240px;
        width: 60%; } }
    @media (min-width: 1024px) {
      .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--content-wrapper {
        top: -240px;
        width: 60%; } }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--content-wrapper.form-elements-hidden .c-sc-email-signup-popup--title,
    .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--content-wrapper.form-elements-hidden .c-sc-email-signup-popup--block-copy,
    .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--content-wrapper.form-elements-hidden .c-signup-email-form,
    .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--content-wrapper.form-elements-hidden .c-sc-email-signup-popup--privacy-copy {
      display: none; }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--title {
    position: absolute;
    top: -26px;
    left: 0; }
    @media (min-width: 768px) {
      .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--title {
        font-size: 1.46667rem;
        line-height: 22px;
        position: relative;
        top: 0; } }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--block-copy {
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%; }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form {
    margin-left: auto;
    margin-right: auto;
    width: 100%; }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form input {
      background-color: #FFDC36; }
      .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form input.required.invalid {
        border: 1px solid red; }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--name {
      max-width: 100%; }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--first-name {
      width: 100%; }
      @media (min-width: 768px) {
        .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--first-name {
          width: 75%;
          margin-right: 10px; } }
      @media (min-width: 1024px) {
        .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--first-name {
          width: 75%;
          margin-right: 10px; } }
      .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--first-name input {
        width: 100%; }
        @media (min-width: 768px) {
          .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--first-name input {
            width: 100%; } }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--last-name {
      width: 100%; }
      @media (min-width: 768px) {
        .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--last-name {
          width: 125%; } }
      .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--last-name input {
        width: 100%; }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--email-address input {
      width: 100%; }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form .c-signup-email-form--email-address.is-hidden {
      display: none; }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--privacy-copy {
    font-size: 0.93333rem;
    line-height: 1.57143;
    opacity: 0.6; }
  .block--southbank-email-signup-form-sc-email-signup-popup a.c-signup-email-form--submit-trigger {
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: auto; }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-signup-email-form--submit input {
    display: none;
    position: absolute;
    bottom: -10px;
    right: -10px;
    padding: 10px 70px 10px 10px;
    width: auto; }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--thank-you-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--thank-you-tick {
    display: none;
    background-image: url("../images/icon-tick.svg");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    content: "";
    background-color: red;
    background-size: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    background-position: 50%;
    margin-top: 30px; }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--thank-you-tick.is-visible {
      display: block; }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--success-text {
    display: none;
    margin-bottom: 20px;
    text-align: center;
    padding: 0;
    margin-top: 30px; }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--success-text.is-visible {
      display: block; }
    @media (min-width: 768px) {
      .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--success-text {
        margin-top: 30px;
        padding: 0 50px; } }
    @media (min-width: 1024px) {
      .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--success-text {
        padding: 0 60px; } }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--thank-you-link {
    display: none;
    cursor: pointer;
    text-decoration: underline;
    text-align: center; }
    .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--thank-you-link.is-visible {
      display: block; }
  .block--southbank-email-signup-form-sc-email-signup-popup .c-sc-email-signup-popup--close {
    background-image: url(../images/icon-close.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 17px 17px;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 20px;
    right: 25px; }

.c-main-menu .sub-nav ul.menu li.c-tnew-account-link-hide {
  display: none; }

.c-tnew-basket {
  background: #D6D6D6;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  margin-left: 5px;
  color: black; }
  .menu-open .c-tnew-basket {
    background: #FFEBA3; }

.paragraphs-items-field-collection-item {
  height: 500px; }
  .paragraphs-items-field-collection-item .masonry-preloader {
    font-size: 1.86667rem;
    line-height: 1.57143;
    text-align: center; }

.field--name-field-collection-item > .field__items {
  display: none;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  max-width: 320px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .field--name-field-collection-item > .field__items {
      max-width: 715px;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      column-count: 3; } }
  .field--name-field-collection-item > .field__items > .field__item {
    display: none;
    width: 100%; }
    .field--name-field-collection-item > .field__items > .field__item > .paragraphs-item-collection-item {
      max-width: 320px; }
    .field--name-field-collection-item > .field__items > .field__item:nth-of-type(1), .field--name-field-collection-item > .field__items > .field__item:nth-of-type(2), .field--name-field-collection-item > .field__items > .field__item:nth-of-type(3) {
      display: inline-block; }
    @media (min-width: 768px) {
      .field--name-field-collection-item > .field__items > .field__item {
        width: 33%;
        display: inline-block; } }

.paragraphs-item-collection-item .content {
  margin-left: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  @media (min-width: 768px) {
    .paragraphs-item-collection-item .content {
      margin-left: 20px; } }
  .paragraphs-item-collection-item .content:hover {
    border: 1px solid #000; }
    .paragraphs-item-collection-item .content:hover .thumbnail-icon .field--name-field-image .field__item:before {
      background-color: #333333; }
  .paragraphs-item-collection-item .content .group-collection-content.thumbnail-icon {
    cursor: pointer; }

.paragraphs-item-collection-item .content__wrapper {
  padding: 20px; }

.paragraphs-item-collection-item .field--name-field-image {
  line-height: 0; }

.paragraphs-item-collection-item .field--name-field-title {
  font-size: 1.2rem;
  line-height: 1.22222;
  font-weight: 700;
  margin-bottom: 10px; }

.paragraphs-item-collection-item .field--name-field-teaser {
  font-size: 1rem;
  line-height: 1.46667;
  text-decoration: none; }

.paragraphs-item-collection-item .field--name-field-adlib-link {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.46667;
  font-weight: 700;
  margin-top: 20px; }
  .paragraphs-item-collection-item .field--name-field-adlib-link:hover a:after {
    background-position: 80% 1px; }
  .paragraphs-item-collection-item .field--name-field-adlib-link a {
    text-decoration: none; }
    .paragraphs-item-collection-item .field--name-field-adlib-link a:after {
      background-image: url(../images/arrow-right.svg);
      background-repeat: no-repeat;
      background-position: 0 1px;
      background-size: 19px 11px;
      content: '';
      display: inline-block;
      width: 29px;
      height: 12px;
      margin-left: 10px;
      transition: background 0.3s ease-in; }

.paragraphs-item-collection-item .thumbnail-icon .field--name-field-image {
  position: relative; }
  .paragraphs-item-collection-item .thumbnail-icon .field--name-field-image .field__item:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(51, 51, 51, 0.8);
    height: 45px;
    width: 45px;
    transition: all 0.1s ease-in;
    display: inline-block;
    background-image: url(../images/icon-enlarge.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px; }

.paragraphs-item-collection-item .thumbnail-icon.thumbnail-audio .field--name-field-image .field__item:before {
  background-image: url(../images/icon-audio.svg); }

.paragraphs-item-collection-item .thumbnail-icon.thumbnail-video .field--name-field-image .field__item:before {
  background-image: url(../images/icon-video-play.svg); }

.paragraphs-item-collection-item .group-lightbox {
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  color: #FFFFFF;
  display: none;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000; }
  .paragraphs-item-collection-item .group-lightbox.active {
    display: block; }
  .paragraphs-item-collection-item .group-lightbox .lightbox-control {
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40%;
    cursor: pointer;
    height: 40px;
    position: absolute;
    width: 40px;
    z-index: 99; }
  .paragraphs-item-collection-item .group-lightbox .lightbox-close {
    background-image: url(../images/icon-close-white.svg);
    right: 0;
    top: 0; }
  .paragraphs-item-collection-item .group-lightbox .lightbox-prev,
  .paragraphs-item-collection-item .group-lightbox .lightbox-next {
    background-size: 30%; }
  .paragraphs-item-collection-item .group-lightbox .lightbox-prev {
    background-image: url("../images/carousel-arrow-left.svg");
    left: 0;
    top: 50%; }
  .paragraphs-item-collection-item .group-lightbox .lightbox-next {
    background-image: url("../images/carousel-arrow-right.svg");
    right: 0;
    top: 50%; }
  .paragraphs-item-collection-item .group-lightbox .group-lightbox-content {
    height: 100%;
    margin: 0 auto;
    max-width: 1300px;
    padding: 54px 0;
    position: relative; }
    @media (min-width: 1024px) {
      .paragraphs-item-collection-item .group-lightbox .group-lightbox-content {
        padding: 70px; } }
  .paragraphs-item-collection-item .group-lightbox .group-lightbox-image {
    position: relative; }
    .paragraphs-item-collection-item .group-lightbox .group-lightbox-image .c-credit {
      position: absolute;
      right: 0;
      top: 0;
      width: 30px;
      height: 30px;
      text-decoration: none;
      background-color: rgba(0, 0, 0, 0.5);
      color: #EDEDED;
      text-align: center;
      line-height: 33px;
      font-size: 18px; }
    .paragraphs-item-collection-item .group-lightbox .group-lightbox-image .image-credit {
      display: none;
      position: absolute;
      right: 0;
      top: 30px;
      background-color: rgba(0, 0, 0, 0.5);
      color: #EDEDED;
      padding: 20px 15px; }
  .paragraphs-item-collection-item .group-lightbox .group-lightbox-image,
  .paragraphs-item-collection-item .group-lightbox .field--name-field-item-audio,
  .paragraphs-item-collection-item .group-lightbox .field--name-field-item-video {
    display: inline-block;
    line-height: 0;
    margin-bottom: 25px;
    max-width: 100%; }
    @media (min-width: 1024px) {
      .paragraphs-item-collection-item .group-lightbox .group-lightbox-image,
      .paragraphs-item-collection-item .group-lightbox .field--name-field-item-audio,
      .paragraphs-item-collection-item .group-lightbox .field--name-field-item-video {
        margin-bottom: 0;
        max-width: 50%; } }
  .paragraphs-item-collection-item .group-lightbox .field--name-field-item-video,
  .paragraphs-item-collection-item .group-lightbox .field--name-field-item-audio {
    vertical-align: top;
    width: 100%; }
  .paragraphs-item-collection-item .group-lightbox .field--name-field-item-audio {
    padding: 0 20px; }
    @media (min-width: 1024px) {
      .paragraphs-item-collection-item .group-lightbox .field--name-field-item-audio {
        padding: 0; } }
  .paragraphs-item-collection-item .group-lightbox .field--name-field-additional-title {
    font-size: 1.46667rem;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px; }
  .paragraphs-item-collection-item .group-lightbox .field--name-field-additional-info {
    font-size: 1rem;
    line-height: 1.46667;
    margin-bottom: 30px; }
  .paragraphs-item-collection-item .group-lightbox .field--name-field-creative-commons {
    border: 1px solid #FFFFFF;
    display: inline-block; }
    .paragraphs-item-collection-item .group-lightbox .field--name-field-creative-commons a {
      color: #FFFFFF;
      display: inline-block;
      font-size: 1rem;
      line-height: 1.46667;
      font-weight: 700;
      padding: 13px  18px;
      text-decoration: none; }
      .paragraphs-item-collection-item .group-lightbox .field--name-field-creative-commons a:after {
        background-image: url(../images/arrow-right-white.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 19px 11px;
        content: '';
        display: inline-block;
        height: 11px;
        margin-left: 15px;
        transition: background 0.3s ease-in;
        width: 29px; }
      .paragraphs-item-collection-item .group-lightbox .field--name-field-creative-commons a:hover::after {
        background-position: 80% 0; }
  .paragraphs-item-collection-item .group-lightbox .group-lightbox-info {
    display: inline-block;
    margin-bottom: 40px;
    max-width: 100%;
    padding: 0 20px 20px 20px;
    vertical-align: top; }
    @media (min-width: 1024px) {
      .paragraphs-item-collection-item .group-lightbox .group-lightbox-info {
        margin-bottom: 0;
        max-width: 50%;
        padding: 0 0 0 10%; } }

.venues {
  float: left;
  position: relative;
  margin: 0 10px 25px 10px;
  width: calc(100% - 20px);
  padding: 20px 0 22px 0; }
  @media (min-width: 768px) {
    .venues {
      margin: 0 30px 25px 30px;
      width: calc(100% - 60px); } }
  @media (min-width: 1024px) {
    .venues {
      margin: 0 40px 25px 40px;
      width: calc(100% - 80px); } }
  @media (min-width: 1600px) {
    .venues {
      margin: 0 50px 25px 50px;
      width: calc(100% - 100px); } }
  @media (min-width: 768px) {
    .venues {
      padding-top: 60px; } }
  .venues .venues__link {
    position: absolute;
    right: -10px;
    bottom: -10px; }

.venues__wrapper {
  position: relative; }
  .venues__wrapper .venue__media__wrapper {
    margin: 0 -10px;
    position: relative;
    background-color: #FFF;
    width: auto;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden; }
    @media (min-width: 768px) {
      .venues__wrapper .venue__media__wrapper {
        margin: 0 -30px;
        padding-bottom: 57%; } }
    @media (min-width: 1024px) {
      .venues__wrapper .venue__media__wrapper {
        margin: 0 -40px; } }
    @media (min-width: 1200px) {
      .venues__wrapper .venue__media__wrapper {
        padding-bottom: 50%;
        height: 500px; } }
    @media (min-width: 1600px) {
      .venues__wrapper .venue__media__wrapper {
        margin: 0 -50px; } }
    .venues__wrapper .venue__media__wrapper .venue__media {
      display: none;
      line-height: 0; }
      .venues__wrapper .venue__media__wrapper .venue__media.active {
        display: block; }
    .venues__wrapper .venue__media__wrapper .media-youtube-player {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
    .venues__wrapper .venue__media__wrapper img {
      height: auto;
      max-width: 100%; }
    .venues__wrapper .venue__media__wrapper .yt-video__wrapper + img {
      display: block; }
      @media (min-width: 768px) {
        .venues__wrapper .venue__media__wrapper .yt-video__wrapper + img {
          display: none; } }
  .venues__wrapper .venue__details__wrapper {
    position: relative;
    background: linear-gradient(319deg, #52b779, #d1e165);
    width: 100%;
    bottom: 30px;
    padding-bottom: 50px; }
    @media (min-width: 768px) {
      .venues__wrapper .venue__details__wrapper {
        position: absolute;
        top: -30px;
        right: 0;
        bottom: 0;
        width: 32.5%;
        height: 115%;
        padding-bottom: 0; } }
    @media (min-width: 1024px) {
      .venues__wrapper .venue__details__wrapper {
        height: 110%;
        width: 33.5%; } }
    @media (min-width: 1600px) {
      .venues__wrapper .venue__details__wrapper {
        width: 32.5%; } }
  .venues__wrapper h3 {
    font-size: 1.2rem;
    line-height: 1.22222;
    margin-bottom: 0; }
    @media (min-width: 320px) {
      .venues__wrapper h3 {
        font-size: 1.6rem;
        line-height: 1.83333; } }
    @media (min-width: 768px) {
      .venues__wrapper h3 {
        font-size: 1.06667rem;
        line-height: 1.375; } }
    @media (min-width: 1024px) {
      .venues__wrapper h3 {
        font-size: 1.6rem;
        line-height: 1.83333; } }
    @media (min-width: 1200px) {
      .venues__wrapper h3 {
        font-size: 2.13333rem;
        line-height: 1.375; } }
    .venues__wrapper h3:after {
      content: '';
      width: 23px;
      height: 23px;
      border: solid 1px rgba(0, 0, 0, 0.2);
      border-radius: 15px;
      float: right;
      background-image: url("../images/icon-expand-arrow.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 10px 5px;
      position: relative;
      z-index: 1; }
      @media (min-width: 1024px) {
        .venues__wrapper h3:after {
          top: 10px; } }
  .venues__wrapper .venue__details {
    padding: 3% 20px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .venues__wrapper .venue__details.active .venue__event {
      height: 100%;
      overflow: auto;
      transform: scaleY(1);
      transition: transform 0.2s ease-out; }
      @media (min-width: 768px) {
        .venues__wrapper .venue__details.active .venue__event {
          margin-top: 15px; } }
    .venues__wrapper .venue__details.active h3:after {
      background-image: url("../images/icon-contract-arrow.svg"); }
    @media (min-width: 768px) {
      .venues__wrapper .venue__details {
        padding: 7% 20px; } }
    .venues__wrapper .venue__details .venue__event {
      transition: transform 0.3s ease-in;
      height: 0;
      transform: scaleY(0);
      overflow: hidden; }
  .venues__wrapper .venue__event__date,
  .venues__wrapper .venue__event__title,
  .venues__wrapper .venue__event__teaser,
  .venues__wrapper .venue__event__link {
    margin-bottom: 7px;
    font-size: 1rem;
    line-height: 1.46667;
    font-weight: 400; }
    @media (min-width: 768px) {
      .venues__wrapper .venue__event__date,
      .venues__wrapper .venue__event__title,
      .venues__wrapper .venue__event__teaser,
      .venues__wrapper .venue__event__link {
        font-size: 0.86667rem;
        line-height: 1.69231; } }
    @media (min-width: 1024px) {
      .venues__wrapper .venue__event__date,
      .venues__wrapper .venue__event__title,
      .venues__wrapper .venue__event__teaser,
      .venues__wrapper .venue__event__link {
        font-size: 1rem;
        line-height: 1.46667; } }
    .venues__wrapper .venue__event__date a,
    .venues__wrapper .venue__event__title a,
    .venues__wrapper .venue__event__teaser a,
    .venues__wrapper .venue__event__link a {
      text-decoration: none; }
      .venues__wrapper .venue__event__date a:hover,
      .venues__wrapper .venue__event__title a:hover,
      .venues__wrapper .venue__event__teaser a:hover,
      .venues__wrapper .venue__event__link a:hover {
        text-decoration: underline;
        color: #000; }
  .venues__wrapper .venue__event__title {
    font-weight: 700; }
    @media (min-width: 768px) {
      .venues__wrapper .venue__event__title {
        margin-bottom: 0; } }
    .venues__wrapper .venue__event__title a:after {
      background-image: url(../images/arrow-right.svg);
      background-repeat: no-repeat;
      background-position: 0 1px;
      background-size: 19px 11px;
      content: '';
      display: inline-block;
      width: 29px;
      height: 12px;
      margin-left: 6px;
      transition: background 0.3s ease-in;
      display: inline-block; }
      .venues__wrapper .venue__event__title a:after:hover {
        background-size: 80% 1px; }
      .venues__wrapper .venue__event__title a:after:hover:after {
        background-size: 80% 1px; }
      @media (min-width: 768px) {
        .venues__wrapper .venue__event__title a:after {
          display: none; } }
  .venues__wrapper .venue__event__teaser {
    display: none; }
    @media (min-width: 768px) {
      .venues__wrapper .venue__event__teaser {
        display: block; } }
  .venues__wrapper .venue__event__link {
    display: none; }
    @media (min-width: 768px) {
      .venues__wrapper .venue__event__link {
        display: block; } }
    .venues__wrapper .venue__event__link a {
      display: block;
      height: 20px;
      width: 20px; }
  .venues__wrapper .venue__link {
    margin: 0;
    text-align: left;
    font-size: 1rem;
    line-height: 1.46667; }
    @media (min-width: 768px) {
      .venues__wrapper .venue__link {
        font-size: 0.86667rem;
        line-height: 1.69231;
        text-align: right; } }
    @media (min-width: 1024px) {
      .venues__wrapper .venue__link {
        font-size: 1rem;
        line-height: 1.46667; } }
    .venues__wrapper .venue__link a {
      text-decoration: none;
      font-weight: 700; }
      .venues__wrapper .venue__link a:hover {
        text-decoration: underline;
        color: #000; }
  .venues__wrapper .yt-video__wrapper,
  .venues__wrapper .venue__image__wrapper {
    position: relative; }
    @media (min-width: 768px) {
      .venues__wrapper .yt-video__wrapper,
      .venues__wrapper .venue__image__wrapper {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        background-color: #FFF; } }

/*------------------------------------*\
  #TOP EVENTS LISTING
\*------------------------------------*/
.pane-southbank-block-top-events-top-events {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 0; }
  .pane-southbank-block-top-events-top-events h2 {
    position: relative;
    left: 0;
    font-style: lowercase;
    z-index: 300;
    margin-bottom: 0;
    padding-left: 10px;
    bottom: -5px; }
    @media (min-width: 768px) {
      .pane-southbank-block-top-events-top-events h2 {
        padding-left: 30px;
        bottom: -6px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-top-events-top-events h2 {
        padding-left: 40px; } }
    @media (min-width: 1600px) {
      .pane-southbank-block-top-events-top-events h2 {
        padding-left: 50px; } }
  .pane-southbank-block-top-events-top-events .c-btn.internal-tab-link {
    float: right; }
  .pane-southbank-block-top-events-top-events .overlap-wrapper {
    width: 100%;
    display: -ms-grid;
    display: grid;
    margin-bottom: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-gap: 0; }
    @media (min-width: 768px) {
      .pane-southbank-block-top-events-top-events .overlap-wrapper {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px; } }
    @media (min-width: 1024px) {
      .pane-southbank-block-top-events-top-events .overlap-wrapper {
        grid-gap: 104px; } }
  .pane-southbank-block-top-events-top-events .top-events-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
    top: 0; }
    .pane-southbank-block-top-events-top-events .top-events-item.odd {
      -ms-grid-column: 1; }
    .pane-southbank-block-top-events-top-events .top-events-item.even {
      -ms-grid-column: 2; }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero {
      position: relative;
      margin: 0 10px 25px 10px;
      width: calc(100% - 20px);
      padding: 20px 0 22px 0;
      -ms-flex: 1;
          flex: 1;
      min-height: 100%; }
      @media (min-width: 768px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero {
          margin: 0 30px 25px 30px;
          width: calc(100% - 60px); } }
      @media (min-width: 1024px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero {
          margin: 0 40px 25px 40px;
          width: calc(100% - 80px); } }
      @media (min-width: 1600px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero {
          margin: 0 50px 25px 50px;
          width: calc(100% - 100px); } }
      @media (min-width: 768px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero {
          padding-top: 30px; } }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-position-wrapper {
      position: relative; }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-media {
      margin: 0 -10px;
      line-height: 0;
      position: relative;
      mix-blend-mode: multiply; }
      @media (min-width: 768px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-media {
          margin: 0 -30px; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-media {
          margin: 0 -40px; } }
      @media (min-width: 1600px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-media {
          margin: 0 -50px; } }
      .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-media .field--name-field-file-image-title-text {
        line-height: 24px; }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-text {
      position: relative;
      z-index: 600;
      bottom: 1px;
      width: 100%; }
      @media (min-width: 1024px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-text {
          position: absolute; } }
      .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-text:after {
        position: absolute;
        height: 135px;
        background-image: none;
        background-repeat: repeat-x;
        background-position: bottom center;
        width: 100%;
        z-index: 300;
        content: '';
        bottom: 0;
        left: 0; }
        @media (min-width: 1024px) {
          .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-text:after {
            background-image: url("../images/img-wash_herobtm.svg"); } }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-overview {
      position: relative;
      margin-top: 0;
      padding: 0 20px 30px 20px; }
      @media (min-width: 1024px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-hero-overview {
          height: 174px;
          padding: 0 30px;
          margin-top: 22px; } }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-teaser {
      float: none;
      display: block; }
      .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-teaser p {
        margin-bottom: 0; }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-date {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 0.86667rem;
      line-height: 1.69231;
      padding-bottom: 10px; }
      @media (min-width: 768px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-date {
          font-size: 1rem;
          line-height: 1.46667; } }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent .link {
      float: none; }
    .pane-southbank-block-top-events-top-events .top-events-item .field--name-field-summary {
      margin: 0; }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-tags {
      float: left;
      width: 100%;
      margin-bottom: 12px; }
      .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-tags .field--name-field-artform {
        margin-bottom: 0; }
    .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title {
      position: relative;
      z-index: 600;
      bottom: -10px;
      margin-bottom: 20px;
      margin-top: 30px; }
      @media (min-width: 768px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title {
          bottom: -8px; } }
      @media (min-width: 1024px) {
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title {
          margin-bottom: 0; } }
      .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title a {
        text-decoration: none; }
      .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title h1 {
        margin-bottom: 0;
        color: black;
        padding: 0 20px;
        font-size: 1.2rem;
        line-height: 1.22222;
        font-family: 'SBCAkkuratBoldPro', sans-serif;
        font-weight: normal; }
        @media (min-width: 1024px) {
          .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title h1 {
            color: white;
            padding: 0;
            font-family: 'SBCAkkuratBoldPro', sans-serif;
            font-weight: normal;
            font-size: 2.13333rem;
            line-height: 36px; } }
      .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title.topevent_desktop {
        display: none; }
        @media (min-width: 1024px) {
          .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title.topevent_desktop {
            display: block; } }
      .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title.topevent_tablet {
        display: block; }
        .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title.topevent_tablet h1 {
          padding: 0; }
        @media (min-width: 1024px) {
          .pane-southbank-block-top-events-top-events .top-events-item .c-topevent-title.topevent_tablet {
            display: none; } }
    .pane-southbank-block-top-events-top-events .top-events-item .c-btn--primary {
      position: absolute;
      bottom: -10px;
      right: -10px; }
    .pane-southbank-block-top-events-top-events .top-events-item .link {
      display: block;
      float: left;
      margin: 10px 0;
      clear: both; }
      .pane-southbank-block-top-events-top-events .top-events-item .link a.c-btn--secondary::after {
        margin-left: 0; }

@media (min-width: 1024px) {
  .c-topevent.no-title-gradient .c-topevent-hero-text:after {
    background-image: none; } }

.c-topevent.no-image-tint .c-feature-hero-media {
  mix-blend-mode: initial; }

/*------------------------------------*\
  #CLEARFIX
\*------------------------------------*/
.u-clearfix:after {
  content: "";
  display: table;
  clear: both; }

.node-type-event .l-node--content-constrained {
  clear: both;
  padding: 0; }

.node-type-landing .l-content--container,
.node-type-exhibition .l-content--container,
.node-type-festival .l-content--container {
  clear: both; }

/*------------------------------------*\
  #SPACING
\*------------------------------------*/
/**
 * Utility classes to put specific spacing values onto elements. The below loop
 * will generate us a suite of classes like:
 *
 *   .u-margin-top {}
 *   .u-padding-left-large {}
 *   .u-margin-right-small {}
 *   .u-padding-all {}
 */
.u-padding-all {
  padding: 22px !important; }

.u-padding-all-small {
  padding: 11px !important; }

.u-padding-all-large {
  padding: 44px !important; }

.u-padding-all-none {
  padding: 0 !important; }

.u-padding-top {
  padding-top: 22px !important; }

.u-padding-top-small {
  padding-top: 11px !important; }

.u-padding-top-large {
  padding-top: 44px !important; }

.u-padding-top-none {
  padding-top: 0 !important; }

.u-padding-right {
  padding-right: 22px !important; }

.u-padding-right-small {
  padding-right: 11px !important; }

.u-padding-right-large {
  padding-right: 44px !important; }

.u-padding-right-none {
  padding-right: 0 !important; }

.u-padding-bottom {
  padding-bottom: 22px !important; }

.u-padding-bottom-small {
  padding-bottom: 11px !important; }

.u-padding-bottom-large {
  padding-bottom: 44px !important; }

.u-padding-bottom-none {
  padding-bottom: 0 !important; }

.u-padding-left {
  padding-left: 22px !important; }

.u-padding-left-small {
  padding-left: 11px !important; }

.u-padding-left-large {
  padding-left: 44px !important; }

.u-padding-left-none {
  padding-left: 0 !important; }

.u-margin-all {
  margin: 22px !important; }

.u-margin-all-small {
  margin: 11px !important; }

.u-margin-all-large {
  margin: 44px !important; }

.u-margin-all-none {
  margin: 0 !important; }

.u-margin-top {
  margin-top: 22px !important; }

.u-margin-top-small {
  margin-top: 11px !important; }

.u-margin-top-large {
  margin-top: 44px !important; }

.u-margin-top-none {
  margin-top: 0 !important; }

.u-margin-right {
  margin-right: 22px !important; }

.u-margin-right-small {
  margin-right: 11px !important; }

.u-margin-right-large {
  margin-right: 44px !important; }

.u-margin-right-none {
  margin-right: 0 !important; }

.u-margin-bottom {
  margin-bottom: 22px !important; }

.u-margin-bottom-small {
  margin-bottom: 11px !important; }

.u-margin-bottom-large {
  margin-bottom: 44px !important; }

.u-margin-bottom-none {
  margin-bottom: 0 !important; }

.u-margin-left {
  margin-left: 22px !important; }

.u-margin-left-small {
  margin-left: 11px !important; }

.u-margin-left-large {
  margin-left: 44px !important; }

.u-margin-left-none {
  margin-left: 0 !important; }

/*------------------------------------*\
  #DISPLAY
\*------------------------------------*/
.u-hide-visually {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.u-hide-completely {
  display: none !important; }

#blockColorblindContent {
  position: relative; }
  #blockColorblindContent #colorBlindSVG {
    position: absolute;
    height: 0; }

/*------------------------------------*\
  #FRESH CHAT CSS OVERRIDE
\*------------------------------------*/
div#fc_frame.fc-widget-small {
  bottom: 50px !important;
  transition: bottom 0.2s ease-out; }

div#fc_frame.fc-widget-small.feedbackOpen {
  bottom: 330px !important; }

a[href='#main-content'].element-invisible.element-focusable:focus {
  position: relative !important;
  z-index: 9999; }

.main-menu-button.close {
  display: none; }

@media (min-width: 0) and (max-width: 1023px) {
  .menu-open .main-menu-button.close .main-menu-button-text {
    top: -6px; } }

span.keep-focus {
  display: block;
  height: 1px;
  width: 1px; }
  span.keep-focus:focus {
    outline: none; }

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
iframe:focus,
span:focus,
.video-play-btn:focus,
.paragraphs-item-collection-item .group-collection-content:focus,
.agree-button:focus,
.find-more-button:focus,
.scroll-to-top:focus {
  outline: #468fda solid 3px;
  outline-offset: 1px; }

#admin-menu a:focus,
#admin-menu input:focus,
#admin-menu select:focus,
#admin-menu textarea:focus,
#admin-menu button:focus,
#admin-menu iframe:focus,
#admin-menu span:focus {
  outline: inherit;
  outline-offset: inherit; }

/*******************************************************************************
 * southbank-simple.layout.scss
 *
 * Based on the 'simple' layout
 ******************************************************************************/
/*******************************************************************************
 * southbank-simple.layout.scss
 *
 * Based on the 'simple' layout
 ******************************************************************************/
.max-w-container {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .max-w-container:after {
    content: " ";
    display: block;
    clear: both; }

.l-content,
form.user-login {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 22px; }
  .l-content:after,
  form.user-login:after {
    content: " ";
    display: block;
    clear: both; }

.l-page {
  margin-top: 90px; }
  .is-cookie-notice .l-page {
    margin-top: 225px; }

.l-nav,
.l-branding {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .l-nav:after,
  .l-branding:after {
    content: " ";
    display: block;
    clear: both; }

.c-listing-image {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .c-listing-image:after {
    content: " ";
    display: block;
    clear: both; }

.c-listing-offset {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .c-listing-offset:after {
    content: " ";
    display: block;
    clear: both; }

.node-type-landing .hero .hero-content-wrapper,
.node-type-exhibition .hero .hero-content-wrapper,
.node-type-festival .hero .hero-content-wrapper {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column; }

@media (min-width: 768px) {
  .l-branding {
    width: 32.20339%;
    float: left;
    margin-left: 33.89831%;
    margin-right: -100%; }
  .l-region--navigation-left {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%; }
  .l-region--navigation-right {
    width: 32.20339%;
    float: right;
    margin-right: 0; }
  .l-search {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
    float: right;
    margin-right: 0; }
  .l-nav {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-page {
    margin-top: 110px; }
    .node-type-listing .l-page {
      margin-top: 140px; }
    .is-cookie-notice .l-page {
      margin-top: 165px; }
    .admin-menu .l-page {
      margin-top: 130px; }
  .l-node--content-constrained {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%; }
  .l-content--container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none;
    clear: both; }
  .l-content--container.left-col .l-node--content-constrained {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-content--container.left-col .l-node--left-col {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-node--right-bar {
    width: 32.20339%;
    float: right;
    margin-right: 0; }
    .l-node--right-bar .offset {
      position: relative; }
  .l-node--content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none; }
  .field--name-field-feature-secondary-coloured > .field__items > .field__item.even {
    display: inline-block;
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    margin-right: 0; }
    .field--name-field-feature-secondary-coloured > .field__items > .field__item.even .c-feature {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: inline-block; }
  .field--name-field-feature-secondary-coloured > .field__items > .field__item.odd {
    display: inline-block;
    width: 49.15254%;
    float: right;
    margin-right: 0;
    margin-right: 0; }
    .field--name-field-feature-secondary-coloured > .field__items > .field__item.odd .field--name-field-featured-reference-second .c-feature {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: inline-block;
      padding-left: 40px;
      padding-right: 0; }
  .feature .even .c-feature {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    margin-right: 0; }
  .feature .odd .c-feature {
    width: 49.15254%;
    float: right;
    margin-right: 0;
    margin-right: 0; }
  .hero-overview {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .hero-overview-left {
    width: 57.62712%;
    float: left;
    margin-right: 1.69492%; }
  .hero-overview-content-side {
    width: 40.67797%;
    float: right;
    margin-right: 0; }
  .node-type-landing .hero .hero-content-wrapper,
  .node-type-exhibition .hero .hero-content-wrapper,
  .node-type-festival .hero .hero-content-wrapper {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .node-type-landing .hero .hero-overview-left,
  .node-type-exhibition .hero .hero-overview-left,
  .node-type-festival .hero .hero-overview-left {
    float: none;
    -ms-flex: 1 1 57%;
        flex: 1 1 57%; }
  .node-type-landing .hero .hero-overview-right,
  .node-type-exhibition .hero .hero-overview-right,
  .node-type-festival .hero .hero-overview-right {
    float: none;
    -ms-flex: 1 1 43%;
        flex: 1 1 43%; }
    .node-type-landing .hero .hero-overview-right .hero-overview-content-side,
    .node-type-exhibition .hero .hero-overview-right .hero-overview-content-side,
    .node-type-festival .hero .hero-overview-right .hero-overview-content-side {
      width: 100%; }
  .node-type-listing .hero-overview-left {
    width: 74.57627%;
    float: left;
    margin-right: 1.69492%; }
  .node-type-festival .l-node--content .paragraphs-items-full,
  .node-type-landing .l-node--content .paragraphs-items-full {
    width: 93.22034%;
    float: left;
    margin-right: 1.66667%; }
  .node-type-exhibition .l-node--content .paragraphs-items-full {
    width: 93.22034%;
    float: left;
    margin-right: 1.66667%; }
  .node-type-exhibition .l-node--content .pane-node-field-call-out-box .paragraphs-items-full {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .node-type-event .hero-overview-content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .node-type-event .hero-overview-content-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .c-listing-image {
    width: 35.89744%;
    float: left;
    margin-right: 2.5641%;
    margin-right: 0; }
  .c-listing-offset {
    width: 61.53846%;
    float: right;
    margin-right: 0; }
  .recommend-block-carousel .recommend-item .image {
    width: 35.89744%;
    float: left;
    margin-right: 2.5641%;
    margin-right: 0; }
  .recommend-block-carousel .recommend-item .offset {
    width: 61.53846%;
    float: right;
    margin-right: 0; } }

@media (min-width: 769px) {
  .l-content--container.left-col .l-node--content-constrained {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%; }
  .l-content--container.left-col .l-node--left-col {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%; } }

@media (min-width: 1024px) {
  .l-node--hero {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-branding {
    width: 24.05063%;
    float: left;
    margin-left: 37.97468%;
    margin-right: -100%; }
  .l-region--navigation-left {
    width: 36.70886%;
    float: left;
    margin-right: 1.26582%; }
  .l-region--navigation-right {
    width: 36.70886%;
    float: right;
    margin-right: 0; }
  .l-search {
    width: 62.02532%;
    float: left;
    margin-right: 1.26582%;
    float: right;
    margin-right: 0; }
  .l-nav {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-node--content-constrained {
    width: 68.35443%;
    float: left;
    margin-right: 1.26582%; }
  .l-content--container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none; }
  .l-content--container.left-col .l-node--content-constrained {
    width: 68.35443%;
    float: right;
    margin-right: 0; }
  .l-content--container.left-col .l-node--left-col {
    width: 30.37975%;
    float: left;
    margin-right: 1.26582%; }
  .l-node--right-bar {
    width: 30.37975%;
    float: right;
    margin-right: 0; }
  .l-node--content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .feature .even .c-feature {
    width: 49.36709%;
    float: left;
    margin-right: 1.26582%;
    margin-right: 0; }
  .feature .odd .c-feature {
    width: 49.36709%;
    float: right;
    margin-right: 0;
    margin-right: 0; }
  .hero-overview {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .hero-overview-left {
    width: 55.6962%;
    float: left;
    margin-right: 1.26582%; }
  .hero-overview-content-side {
    width: 36.70886%;
    float: right;
    margin-right: 0; }
  .node-type-landing .hero .hero-content-wrapper,
  .node-type-exhibition .hero .hero-content-wrapper,
  .node-type-festival .hero .hero-content-wrapper {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .node-type-landing .hero .hero-overview-left,
  .node-type-exhibition .hero .hero-overview-left,
  .node-type-festival .hero .hero-overview-left {
    float: none;
    -ms-flex: 1 1 70%;
        flex: 1 1 70%; }
  .node-type-landing .hero .hero-overview-right,
  .node-type-exhibition .hero .hero-overview-right,
  .node-type-festival .hero .hero-overview-right {
    float: none;
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    -ms-flex-item-align: start;
        align-self: flex-start; }
    .node-type-landing .hero .hero-overview-right .hero-overview-content-side,
    .node-type-exhibition .hero .hero-overview-right .hero-overview-content-side,
    .node-type-festival .hero .hero-overview-right .hero-overview-content-side {
      width: 100%;
      padding: 0; }
  .node-type-listing .hero-overview-left {
    width: 74.68354%;
    float: left;
    margin-right: 1.26582%; }
  .node-type-festival .l-node--content .paragraphs-items-full,
  .node-type-landing .l-node--content .paragraphs-items-full {
    width: 56.96203%;
    float: left;
    margin-left: 0;
    margin-right: -100%; }
  .node-type-exhibition .l-node--content .paragraphs-items-full {
    width: 56.96203%;
    float: left;
    margin-left: 0;
    margin-right: -100%; }
  .node-type-exhibition .l-node--content .pane-node-field-call-out-box .paragraphs-items-full {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .node-type-event .hero-overview-content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .node-type-event .hero-overview-content-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .c-listing-image {
    width: 35.18519%;
    float: left;
    margin-right: 1.85185%;
    margin-right: 0; }
  .c-listing-offset {
    width: 62.96296%;
    float: right;
    margin-right: 0; }
  .recommend-block-carousel .recommend-item .image {
    width: 35.18519%;
    float: left;
    margin-right: 1.85185%;
    margin-right: 0; }
  .recommend-block-carousel .recommend-item .offset {
    width: 62.96296%;
    float: right;
    margin-right: 0; }
  .view-whats-on .view-filters,
  .view-stories-listing .view-filters {
    width: 30.37975%;
    float: right;
    margin-right: 0; } }

@media (min-width: 768px) {
  .l-right-bar .l-node--hero {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%; }
  .l-right-bar .hero-overview-content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 1024px) {
  .l-right-bar .l-node--hero {
    width: 68.35443%;
    float: left;
    margin-right: 1.26582%; } }

/*******************************************************************************
 * southbank-simple.layout.scss
 *
 * Based on the 'simple' layout
 ******************************************************************************/
.max-w-container {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .max-w-container:after {
    content: " ";
    display: block;
    clear: both; }

.l-content,
form.user-login {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 22px; }
  .l-content:after,
  form.user-login:after {
    content: " ";
    display: block;
    clear: both; }

.l-page {
  margin-top: 90px; }
  .is-cookie-notice .l-page {
    margin-top: 225px; }

.l-nav,
.l-branding {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .l-nav:after,
  .l-branding:after {
    content: " ";
    display: block;
    clear: both; }

.c-listing-image {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .c-listing-image:after {
    content: " ";
    display: block;
    clear: both; }

.c-listing-offset {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  .c-listing-offset:after {
    content: " ";
    display: block;
    clear: both; }

.node-type-landing .hero .hero-content-wrapper,
.node-type-exhibition .hero .hero-content-wrapper,
.node-type-festival .hero .hero-content-wrapper {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column; }

@media (min-width: 768px) {
  .l-branding {
    width: 32.20339%;
    float: left;
    margin-left: 33.89831%;
    margin-right: -100%; }
  .l-region--navigation-left {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%; }
  .l-region--navigation-right {
    width: 32.20339%;
    float: right;
    margin-right: 0; }
  .l-search {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
    float: right;
    margin-right: 0; }
  .l-nav {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-page {
    margin-top: 110px; }
    .node-type-listing .l-page {
      margin-top: 140px; }
    .is-cookie-notice .l-page {
      margin-top: 165px; }
    .admin-menu .l-page {
      margin-top: 130px; }
  .l-node--content-constrained {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%; }
  .l-content--container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none;
    clear: both; }
  .l-content--container.left-col .l-node--content-constrained {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-content--container.left-col .l-node--left-col {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-node--right-bar {
    width: 32.20339%;
    float: right;
    margin-right: 0; }
    .l-node--right-bar .offset {
      position: relative; }
  .l-node--content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none; }
  .field--name-field-feature-secondary-coloured > .field__items > .field__item.even {
    display: inline-block;
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    margin-right: 0; }
    .field--name-field-feature-secondary-coloured > .field__items > .field__item.even .c-feature {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: inline-block; }
  .field--name-field-feature-secondary-coloured > .field__items > .field__item.odd {
    display: inline-block;
    width: 49.15254%;
    float: right;
    margin-right: 0;
    margin-right: 0; }
    .field--name-field-feature-secondary-coloured > .field__items > .field__item.odd .field--name-field-featured-reference-second .c-feature {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: inline-block;
      padding-left: 40px;
      padding-right: 0; }
  .feature .even .c-feature {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    margin-right: 0; }
  .feature .odd .c-feature {
    width: 49.15254%;
    float: right;
    margin-right: 0;
    margin-right: 0; }
  .hero-overview {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .hero-overview-left {
    width: 57.62712%;
    float: left;
    margin-right: 1.69492%; }
  .hero-overview-content-side {
    width: 40.67797%;
    float: right;
    margin-right: 0; }
  .node-type-landing .hero .hero-content-wrapper,
  .node-type-exhibition .hero .hero-content-wrapper,
  .node-type-festival .hero .hero-content-wrapper {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .node-type-landing .hero .hero-overview-left,
  .node-type-exhibition .hero .hero-overview-left,
  .node-type-festival .hero .hero-overview-left {
    float: none;
    -ms-flex: 1 1 57%;
        flex: 1 1 57%; }
  .node-type-landing .hero .hero-overview-right,
  .node-type-exhibition .hero .hero-overview-right,
  .node-type-festival .hero .hero-overview-right {
    float: none;
    -ms-flex: 1 1 43%;
        flex: 1 1 43%; }
    .node-type-landing .hero .hero-overview-right .hero-overview-content-side,
    .node-type-exhibition .hero .hero-overview-right .hero-overview-content-side,
    .node-type-festival .hero .hero-overview-right .hero-overview-content-side {
      width: 100%; }
  .node-type-listing .hero-overview-left {
    width: 74.57627%;
    float: left;
    margin-right: 1.69492%; }
  .node-type-festival .l-node--content .paragraphs-items-full,
  .node-type-landing .l-node--content .paragraphs-items-full {
    width: 93.22034%;
    float: left;
    margin-right: 1.66667%; }
  .node-type-exhibition .l-node--content .paragraphs-items-full {
    width: 93.22034%;
    float: left;
    margin-right: 1.66667%; }
  .node-type-exhibition .l-node--content .pane-node-field-call-out-box .paragraphs-items-full {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .node-type-event .hero-overview-content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .node-type-event .hero-overview-content-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .c-listing-image {
    width: 35.89744%;
    float: left;
    margin-right: 2.5641%;
    margin-right: 0; }
  .c-listing-offset {
    width: 61.53846%;
    float: right;
    margin-right: 0; }
  .recommend-block-carousel .recommend-item .image {
    width: 35.89744%;
    float: left;
    margin-right: 2.5641%;
    margin-right: 0; }
  .recommend-block-carousel .recommend-item .offset {
    width: 61.53846%;
    float: right;
    margin-right: 0; } }

@media (min-width: 769px) {
  .l-content--container.left-col .l-node--content-constrained {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%; }
  .l-content--container.left-col .l-node--left-col {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%; } }

@media (min-width: 1024px) {
  .l-node--hero {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-branding {
    width: 24.05063%;
    float: left;
    margin-left: 37.97468%;
    margin-right: -100%; }
  .l-region--navigation-left {
    width: 36.70886%;
    float: left;
    margin-right: 1.26582%; }
  .l-region--navigation-right {
    width: 36.70886%;
    float: right;
    margin-right: 0; }
  .l-search {
    width: 62.02532%;
    float: left;
    margin-right: 1.26582%;
    float: right;
    margin-right: 0; }
  .l-nav {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .l-node--content-constrained {
    width: 68.35443%;
    float: left;
    margin-right: 1.26582%; }
  .l-content--container {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none; }
  .l-content--container.left-col .l-node--content-constrained {
    width: 68.35443%;
    float: right;
    margin-right: 0; }
  .l-content--container.left-col .l-node--left-col {
    width: 30.37975%;
    float: left;
    margin-right: 1.26582%; }
  .l-node--right-bar {
    width: 30.37975%;
    float: right;
    margin-right: 0; }
  .l-node--content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .feature .even .c-feature {
    width: 49.36709%;
    float: left;
    margin-right: 1.26582%;
    margin-right: 0; }
  .feature .odd .c-feature {
    width: 49.36709%;
    float: right;
    margin-right: 0;
    margin-right: 0; }
  .hero-overview {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .hero-overview-left {
    width: 55.6962%;
    float: left;
    margin-right: 1.26582%; }
  .hero-overview-content-side {
    width: 36.70886%;
    float: right;
    margin-right: 0; }
  .node-type-landing .hero .hero-content-wrapper,
  .node-type-exhibition .hero .hero-content-wrapper,
  .node-type-festival .hero .hero-content-wrapper {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .node-type-landing .hero .hero-overview-left,
  .node-type-exhibition .hero .hero-overview-left,
  .node-type-festival .hero .hero-overview-left {
    float: none;
    -ms-flex: 1 1 70%;
        flex: 1 1 70%; }
  .node-type-landing .hero .hero-overview-right,
  .node-type-exhibition .hero .hero-overview-right,
  .node-type-festival .hero .hero-overview-right {
    float: none;
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    -ms-flex-item-align: start;
        align-self: flex-start; }
    .node-type-landing .hero .hero-overview-right .hero-overview-content-side,
    .node-type-exhibition .hero .hero-overview-right .hero-overview-content-side,
    .node-type-festival .hero .hero-overview-right .hero-overview-content-side {
      width: 100%;
      padding: 0; }
  .node-type-listing .hero-overview-left {
    width: 74.68354%;
    float: left;
    margin-right: 1.26582%; }
  .node-type-festival .l-node--content .paragraphs-items-full,
  .node-type-landing .l-node--content .paragraphs-items-full {
    width: 56.96203%;
    float: left;
    margin-left: 0;
    margin-right: -100%; }
  .node-type-exhibition .l-node--content .paragraphs-items-full {
    width: 56.96203%;
    float: left;
    margin-left: 0;
    margin-right: -100%; }
  .node-type-exhibition .l-node--content .pane-node-field-call-out-box .paragraphs-items-full {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .node-type-event .hero-overview-content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .node-type-event .hero-overview-content-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .c-listing-image {
    width: 35.18519%;
    float: left;
    margin-right: 1.85185%;
    margin-right: 0; }
  .c-listing-offset {
    width: 62.96296%;
    float: right;
    margin-right: 0; }
  .recommend-block-carousel .recommend-item .image {
    width: 35.18519%;
    float: left;
    margin-right: 1.85185%;
    margin-right: 0; }
  .recommend-block-carousel .recommend-item .offset {
    width: 62.96296%;
    float: right;
    margin-right: 0; }
  .view-whats-on .view-filters,
  .view-stories-listing .view-filters {
    width: 30.37975%;
    float: right;
    margin-right: 0; } }

/*# sourceMappingURL=southbank.styles.css.map */